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}