1 | /* colors & backgrounds */ |
---|
2 | |
---|
3 | html, body {background-color:#111;} |
---|
4 | |
---|
5 | body {margin: 5px 0;} |
---|
6 | |
---|
7 | a:hover {border-bottom:none;} |
---|
8 | |
---|
9 | #menuswitcher { |
---|
10 | display:block; |
---|
11 | font-size:200%; |
---|
12 | text-align:center; |
---|
13 | float:left; |
---|
14 | height:33px; |
---|
15 | cursor:pointer; |
---|
16 | margin: 26px 0 0 -33px; |
---|
17 | } |
---|
18 | |
---|
19 | #menubar, |
---|
20 | #menuswitcher.menuhidden { |
---|
21 | border-radius : 0 10px 10px 0; |
---|
22 | background-color: #222; |
---|
23 | border: solid 1px #333; |
---|
24 | border-width: 2px 2px 2px 0; |
---|
25 | } |
---|
26 | |
---|
27 | #menuswitcher.menuhidden { |
---|
28 | width:25px; |
---|
29 | margin: 28px 0 0 0; |
---|
30 | } |
---|
31 | |
---|
32 | /* content */ |
---|
33 | |
---|
34 | #content.menushown, #the_page > .content.menushown { margin-left:240px;} |
---|
35 | #content.menuhidden, #the_page > .content.menuhidden { margin-left:35px;} |
---|
36 | #content, #the_page > .content { margin-right:0;} |
---|
37 | |
---|
38 | .content { |
---|
39 | background-color: #222; |
---|
40 | border-bottom: 2px solid #444; |
---|
41 | margin-bottom: 4px; |
---|
42 | } |
---|
43 | |
---|
44 | .content .titrePage { |
---|
45 | background-color: #111; |
---|
46 | border-bottom: 2px solid #444; |
---|
47 | height: 28px; |
---|
48 | padding:0; |
---|
49 | margin-bottom:8px; |
---|
50 | } |
---|
51 | |
---|
52 | .content .titrePage H2 { |
---|
53 | line-height: 20px; |
---|
54 | margin: 0; |
---|
55 | padding: 8px 0 0 2px; |
---|
56 | } |
---|
57 | |
---|
58 | |
---|
59 | body { color: #999;} |
---|
60 | a { color: #ccc;} |
---|
61 | a:hover { color: #fff;} |
---|
62 | |
---|
63 | |
---|
64 | |
---|
65 | /* menubar */ |
---|
66 | |
---|
67 | #menubar { |
---|
68 | float: left; |
---|
69 | margin: 28px 13px 10px 0; |
---|
70 | padding: 0; |
---|
71 | display: inline; |
---|
72 | width: 225px; |
---|
73 | } |
---|
74 | |
---|
75 | #menubar DT { color: #999; text-align:left;} |
---|
76 | #menubar DT a { color: #ccc;} |
---|
77 | #menubar DT a:hover { color: #fff;} |
---|
78 | #menubar dd { padding: 0 0 1em 1em;} |
---|
79 | |
---|
80 | /* text color */ |
---|
81 | BODY, H1, H3, |
---|
82 | INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { |
---|
83 | color:#d0d0d0; |
---|
84 | } |
---|
85 | |
---|
86 | #menubar .pwg-icon-filter {display:none;} |
---|
87 | |
---|
88 | |
---|
89 | |
---|
90 | |
---|
91 | /* backgrounds */ |
---|
92 | |
---|
93 | h3, #imageToolBar A:hover { |
---|
94 | background-color: #2f2f2f; |
---|
95 | } |
---|
96 | |
---|
97 | #imageToolBar, #imageHeaderBar, #derivativeSwitchLink, #derivativeSwitchBox, #sortOrderBox, .header_notes { |
---|
98 | background-color: #505050; |
---|
99 | } |
---|
100 | |
---|
101 | #imageHeaderBar H2 { |
---|
102 | background-image: none; |
---|
103 | } |
---|
104 | |
---|
105 | #imageHeaderBar { |
---|
106 | border-top: 1px solid #000; |
---|
107 | } |
---|
108 | |
---|
109 | /* borders */ |
---|
110 | #derivativeSwitchLink, #derivativeSwitchBox, #sortOrderBox{ |
---|
111 | border: 1px solid #000; |
---|
112 | } |
---|
113 | |
---|
114 | #imageToolBar { |
---|
115 | border-bottom: 1px solid #000; |
---|
116 | } |
---|
117 | |
---|
118 | FIELDSET, INPUT, SELECT, TEXTAREA { |
---|
119 | border: 1px solid gray; |
---|
120 | } |
---|
121 | |
---|
122 | |
---|
123 | /* picture page */ |
---|
124 | #thePicturePage {background-color:#111;} |
---|
125 | #imageHeaderBar { |
---|
126 | border: solid 0 #444; |
---|
127 | padding:0 35px; |
---|
128 | } |
---|
129 | #content #imageHeaderBar {padding:0;} |
---|
130 | #copyright {border-top-width:2px;} |
---|
131 | #imageHeaderBar {border-bottom-width:2px; width:auto;} |
---|
132 | #imageHeaderBar, #imageToolBar, #copyright {background:none;} |
---|
133 | #imageToolBar {margin-top: -28px;} |
---|
134 | #theImage, #imageInfos, #comments {background:#222;} |
---|
135 | #theImage {padding-top:10px;} |
---|
136 | #imageHeaderBar { height:28px;} |
---|
137 | #imageHeaderBar .browsePath {display:inline-block; float:none; font-size:120%; line-height:20px; padding: 8px 0 0 2px; font-weight:bold; margin:0;} |
---|
138 | #imageHeaderBar .imageNumber {display:inline-block; float:none; line-height:20px; padding: 8px 0 0 12px; font-weight:bold; margin:0;} |
---|
139 | #imageHeaderBar .imageNumber:before {content:'['} |
---|
140 | #imageHeaderBar .imageNumber:after {content:']'} |
---|
141 | #imageHeaderBar h2 {display:none;} |
---|
142 | #thePicturePage .pwg-button {width:26px;} |
---|
143 | #thePicturePage .actionButtons {margin-right: 26px;} |
---|
144 | #imageToolBar {float:right;} |
---|
145 | |
---|
146 | #thePicturePage #comments {padding-top:12px; padding-bottom:12px;} |
---|
147 | #thePicturePage #comments fieldset{margin-top: 0; margin-bottom:0;} |
---|
148 | #copyright {padding-top:4px; text-align:right;} |
---|
149 | |
---|
150 | |
---|
151 | .thumbnailCategory {background-color: #303030;} |
---|
152 | #the_page .content .stuffs {margin:0!important} |
---|
153 | |
---|
154 | /* links */ |
---|
155 | INPUT.rateButton { |
---|
156 | color: #fff; |
---|
157 | } |
---|
158 | |
---|
159 | .pwg-icon { |
---|
160 | background-image: url(../default/s26/outline_ffffff.png); |
---|
161 | } |
---|
162 | |
---|
163 | A:hover .pwg-icon { |
---|
164 | background-image: url(../default/s26/outline_ffff80.png); |
---|
165 | } |
---|
166 | |
---|
167 | .message { |
---|
168 | color:white; |
---|
169 | background-color:#666; |
---|
170 | } |
---|