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: 28px 0 0 -35px; |
---|
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-left: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,.content { |
---|
39 | background-color: #222; |
---|
40 | border-bottom: 2px solid #444; |
---|
41 | margin-bottom: 4px; |
---|
42 | padding-bottom: 4px; |
---|
43 | } |
---|
44 | |
---|
45 | #thePicturePage #content {padding-bottom:0;} |
---|
46 | |
---|
47 | .content .titrePage { |
---|
48 | background-color: #111; |
---|
49 | border-bottom: 2px solid #444; |
---|
50 | padding:0; |
---|
51 | margin-bottom:4px; |
---|
52 | } |
---|
53 | |
---|
54 | .content .titrePage H2 { |
---|
55 | line-height: 20px; |
---|
56 | margin: 0; |
---|
57 | padding: 8px 0 0 2px; |
---|
58 | } |
---|
59 | |
---|
60 | |
---|
61 | body { color: #999;} |
---|
62 | a { color: #ccc;} |
---|
63 | a:hover { color: #fff;} |
---|
64 | |
---|
65 | |
---|
66 | |
---|
67 | /* menubar */ |
---|
68 | |
---|
69 | #menubar { |
---|
70 | float: left; |
---|
71 | margin: 28px 13px 10px 0; |
---|
72 | padding: 0; |
---|
73 | display: inline; |
---|
74 | width: 225px; |
---|
75 | } |
---|
76 | |
---|
77 | #menubar DT { color: #999; text-align:left;} |
---|
78 | #menubar DT a { color: #ccc;} |
---|
79 | #menubar DT a:hover { color: #fff;} |
---|
80 | #menubar dd { padding: 0 0 1em 1em;} |
---|
81 | |
---|
82 | /* text color */ |
---|
83 | BODY, H1, H3, |
---|
84 | INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { |
---|
85 | color:#d0d0d0; |
---|
86 | } |
---|
87 | |
---|
88 | #menubar .pwg-icon-filter {display:none;} |
---|
89 | |
---|
90 | |
---|
91 | |
---|
92 | |
---|
93 | /* backgrounds */ |
---|
94 | |
---|
95 | |
---|
96 | #imageToolBar, #imageHeaderBar, #derivativeSwitchBox, #sortOrderBox, .header_notes { |
---|
97 | background-color: #505050; |
---|
98 | } |
---|
99 | |
---|
100 | #imageHeaderBar H2 { |
---|
101 | background-image: none; |
---|
102 | } |
---|
103 | |
---|
104 | #imageHeaderBar { |
---|
105 | border-top: 1px solid #000; |
---|
106 | } |
---|
107 | |
---|
108 | /* borders */ |
---|
109 | #derivativeSwitchBox, #sortOrderBox { |
---|
110 | border: 2px solid #444; |
---|
111 | } |
---|
112 | |
---|
113 | .switchBoxTitle { |
---|
114 | border-bottom:2px solid #444; |
---|
115 | } |
---|
116 | |
---|
117 | .derivativeSizeDetails {display:none} |
---|
118 | |
---|
119 | FIELDSET, INPUT, SELECT, TEXTAREA { |
---|
120 | border: 1px solid gray; |
---|
121 | } |
---|
122 | |
---|
123 | |
---|
124 | .thumbnails IMG {margin-bottom:0; vertical-align:middle;} |
---|
125 | .thumbnailCategory DIV.illustration {margin: 2px; text-align:center;} |
---|
126 | |
---|
127 | /* picture page */ |
---|
128 | #thePicturePage {background-color:#111;} |
---|
129 | #imageHeaderBar { border: solid 0 #444; padding:0 0 0 10px;} |
---|
130 | .contentWithMenu #imageHeaderBar {padding:0;} |
---|
131 | #copyright {border-top-width:2px;} |
---|
132 | #imageHeaderBar {border-bottom-width:2px; width:auto; background:#111} |
---|
133 | #imageToolBar {background:none;} |
---|
134 | #imageToolBar {margin-top: -28px; margin-bottom:0;} |
---|
135 | #theImage {padding-top:10px;} |
---|
136 | #imageHeaderBar .browsePath {display:inline-block; float:none; font-size:120%; line-height:20px; padding: 8px 0 0 2px; font-weight:bold; margin:0;} |
---|
137 | #imageHeaderBar .imageNumber {display:inline-block; float:none; line-height:20px; padding: 8px 0 0 12px; font-weight:bold; margin:0;} |
---|
138 | #imageHeaderBar .imageNumber:before {content:'['} |
---|
139 | #imageHeaderBar .imageNumber:after {content:']'} |
---|
140 | #imageHeaderBar h2 {font-size:100%;} |
---|
141 | #thePicturePage .pwg-button {width:26px;} |
---|
142 | #thePicturePage .actionButtons {margin-right: 26px;} |
---|
143 | #imageToolBar {float:right;} |
---|
144 | |
---|
145 | #thePicturePage #comments {padding-top:12px; padding-bottom:12px;} |
---|
146 | #thePicturePage #comments h3 {margin-top:10px; margin-bottom:10px;} |
---|
147 | #thePicturePage #comments form { margin-bottom:10px;} |
---|
148 | #thePicturePage #comments fieldset{margin-top: 0; margin-bottom:0;} |
---|
149 | .noCommentText {display:block;} |
---|
150 | #copyright {padding:4px 4px 0 0; text-align:right;} |
---|
151 | |
---|
152 | #thePicturePage .comments_toggle_on:before {content:'(+) '} |
---|
153 | #thePicturePage .comments_toggle_off:before {content:'(-) '} |
---|
154 | |
---|
155 | .comments_hidden ul, .comments_hidden form {display:none;} |
---|
156 | .thumbnailCategory {background-color: #333;} |
---|
157 | .comments_toggle {cursor: pointer;} |
---|
158 | .comments_toggle:hover {color:#fff;} |
---|
159 | |
---|
160 | #the_page .content .stuffs {margin:0!important} |
---|
161 | |
---|
162 | #thumbnails {padding-top: 5px;} |
---|
163 | |
---|
164 | INPUT[type="text"], INPUT[type="password"], INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"], INPUT[type="file"] {background-color:#999;} |
---|
165 | INPUT:focus, SELECT:focus, TEXTAREA:focus {background-color:#ccc;} |
---|
166 | |
---|
167 | /* links */ |
---|
168 | INPUT.rateButton { |
---|
169 | color: #fff; |
---|
170 | } |
---|
171 | |
---|
172 | .pwg-icon { |
---|
173 | background-image: url(../default/s26/outline_808080.png); |
---|
174 | } |
---|
175 | |
---|
176 | A:hover .pwg-icon { |
---|
177 | background-image: url(../default/s26/outline_ffffff.png); |
---|
178 | } |
---|
179 | |
---|
180 | .message { |
---|
181 | color:white; |
---|
182 | background-color:#666; |
---|
183 | } |
---|