1/* 2 * CSS styleshet for the "2 Minutes To Midnight" theme. 3 */ 4 5@import "default.css"; 6 7/* The primary background color. */ 8.bgcolor1 { 9 background-color: #656569; 10} 11 12/* The secondary background color. */ 13.bgcolor2, .ruleTableHeader, .log { 14 background-color: #4D4C52 15} 16 17/* Background color for selected header, log etc. */ 18.headerSelected { 19 color: black; 20 background-color: #DDDDDD; 21} 22 23.headerSelected { 24/* border: 1px solid #B18904; */ 25 border: 0px solid black !important; 26 border-radius: 3px 3px 3px 3px; 27 padding: 5px 10px; 28} 29 30/* The primary foreground color. */ 31body { 32 color: #DDDDDD; 33} 34 35/* The secondary foreground color used for h1, details etc. */ 36h1, .detail, .albumComment { 37 color: #DDDDDD; 38} 39 40/* Foreground color used for h2, bold and tr. */ 41h2, b, tr { 42 color: #DDDDDD; 43} 44 45/* Link color */ 46a:link, a:active, a:visited, a:link *, a:active *, a:visited * { 47 color: #BAD9F2 48} 49 50/* Link hover color */ 51a:hover, a:hover * { 52 text-decoration: none; 53 color: orange; 54} 55 56/* Color for warning messages. */ 57.warning { 58 color: orange; 59} 60 61/* Simple border. */ 62.border1, .ruleTableHeader, .ruleTableCell, .headerSelected, .log { 63 border: 1px solid white; 64} 65 66/* Scrollbar colors (supported on IE and Opera) */ 67body { 68 scrollbar-face-color: #4D4C52; 69 scrollbar-highlight-color: #656569; 70 scrollbar-shadow-color: #4D4C52; 71 scrollbar-3dlight-color: #4D4C52; 72 scrollbar-arrow-color: #656569; 73 scrollbar-track-color: #656569; 74 scrollbar-darkshadow-color: #656569; 75} 76 77.back { background-image:url("../icons/midnight/back.png");background-position: 0px 0px; background-repeat:no-repeat; padding-left: 18px; line-height: 16px;} 78.forward { background-image:url("../icons/midnight/forward.png");background-position: 0px 0px; background-repeat:no-repeat; padding-left: 18px; line-height: 16px;} 79.forwardright { background-image:url("../icons/midnight/forward.png"); } 80 81.ruleTableCellDB { 82 border: 1px solid black; 83 white-space: nowrap; 84 font-size: 7pt; 85 margin: 1px; 86 padding: 1px; 87} 88 89img.starSong { 90 margin-right: 3px; 91} 92 93 94input, select { 95 background: none repeat scroll 0 0 #FAFAFA; 96 border: 1px solid #444444; 97 border-radius: 4px; 98 color: #333333 !important; 99 font-size: 9pt; 100 padding: 3px; 101} 102input[type=button],input[type=submit]{ 103 color: #dfdfdf !important; 104 text-shadow: 1px 1px 1px #111; 105 padding: 4px 11px; 106 font-size:1.1em; 107} 108 109input[type=button]{ 110 background: #7d7e7d; /* Old browsers */ 111 background: -moz-linear-gradient(top, #7d7e7d 0%, #4c4c4c 50%, #3d3d3d 53%, #2b2b2b 100%); /* FF3.6+ */ 112 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(50%,#4c4c4c), color-stop(53%,#3d3d3d), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */ 113 background: -webkit-linear-gradient(top, #7d7e7d 0%,#4c4c4c 50%,#3d3d3d 53%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */ 114 background: -o-linear-gradient(top, #7d7e7d 0%,#4c4c4c 50%,#3d3d3d 53%,#2b2b2b 100%); /* Opera 11.10+ */ 115 background: -ms-linear-gradient(top, #7d7e7d 0%,#4c4c4c 50%,#3d3d3d 53%,#2b2b2b 100%); /* IE10+ */ 116 background: linear-gradient(top, #7d7e7d 0%,#4c4c4c 50%,#3d3d3d 53%,#2b2b2b 100%); /* W3C */ 117 border: 1px solid #111; 118} 119input[type=submit]{ 120 background: #3567a0; /* Old browsers */ 121 background: -moz-linear-gradient(top, #3567a0 0%, #1c5396 50%, #1f4c87 53%, #0b3c74 100%); /* FF3.6+ */ 122 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3567a0), color-stop(50%,#1c5396), color-stop(53%,#1f4c87), color-stop(100%,#0b3c74)); /* Chrome,Safari4+ */ 123 background: -webkit-linear-gradient(top, #3567a0 0%,#1c5396 50%,#1f4c87 53%,#0b3c74 100%); /* Chrome10+,Safari5.1+ */ 124 background: -o-linear-gradient(top, #3567a0 0%,#1c5396 50%,#1f4c87 53%,#0b3c74 100%); /* Opera 11.10+ */ 125 background: -ms-linear-gradient(top, #3567a0 0%,#1c5396 50%,#1f4c87 53%,#0b3c74 100%); /* IE10+ */ 126 background: linear-gradient(top, #3567a0 0%,#1c5396 50%,#1f4c87 53%,#0b3c74 100%); /* W3C */ 127 border: 1px solid #06203e; 128} 129/* Custom */ 130 131.innerbox { 132 border: 1px solid #212451; 133 -webkit-border-radius: 1x; 134 -moz-border-radius: 1px; 135 border-radius: 1px; 136 width: 100%; 137 opacity:0.85; 138 filter:alpha(opacity=85); /* For IE8 and earlier */ 139} 140 141.innerbox:hover { 142 opacity:0.75; 143 filter:alpha(opacity=75); /* For IE8 and earlier */ 144 border: 1px solid #354180; 145} 146 147#bitrate_menu { 148 color: #999 !important; 149}