source: extensions/stripped/theme-white.css @ 31928

Last change on this file since 31928 was 21354, checked in by mistic100, 11 years ago

add missing CSS for switchBox

File size: 12.5 KB
Line 
1/* General rules ------------------------------------------------------------------------------- */
2
3html , body     { background-color: #fff;}
4body            { color: #888;}
5
6#thePicturePage .left_block,
7#thePicturePage .right_block,
8#thePicturePage .middle_block,
9#content {
10        background-color: #fff;
11        border: solid 1px #bbb;
12        border-width: 1px 0;
13}
14
15a                       { color: #555;}
16a:hover                 { color: #000;}
17
18hr                      { border-color: #999;}
19
20#theHeader      { color: #888; }
21
22/* Content ------------------------------------------------------------------------------------- */
23
24.content_block .additional_info { background-color:#eee; border:none;}
25.content_block                  {color:#666;}
26.content_block a                        {color:#222;}
27.content_block a:hover  {color:#00;}
28
29/* Menubar ------------------------------------------------------------------------------------- */
30
31#menuswitcher           { color: #666;}
32#menuswitcher:hover     { color: #111;}
33
34/* Category thumbnails ------------------------------------------------------------------------- */
35
36.thumbnailCategories li,
37.thumbnailCategories li:hover,
38.stuffs_block .personal_block ul.thumbnailCategories li,
39.stuffs_block .personal_block ul.thumbnailCategories li:hover,
40.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li,
41.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
42        border-radius:10px;
43        -moz-border-radius:10px;
44        -webkit-border-radius:10px;
45}
46
47.stuffs_block .personal_block ul.thumbnailCategories li, .thumbnailCategories li                                { background: #eee none 0 0 no-repeat;}
48.stuffs_block .personal_block ul.thumbnailCategories li:hover, .thumbnailCategories li:hover    { background: #ccc none 0 0 no-repeat;}
49.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li                                                    { background: #fbfbfb none 0 0 no-repeat;}
50.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover                                      { background: #ddd none 0 0 no-repeat;}
51
52.thumbnailCategory .illustration img                    { border: 1px solid #555;}
53.thumbnailCategory .illustration img:hover      { border: 1px solid #555;}
54
55.thumbnailCategories li                                         { color:#666;}
56.thumbnailCategories li:hover                           { color:#444;}
57
58.atd .thumbnailCategory .description h3 { border-color:#999;}
59.naf .thumbnailCategories .thumbnailCategory:hover .description h3  { border-color:#999;}
60.atd .thumbnailCategory:hover .description h3 { border-color:#666;}     
61
62/* Images Thumbnails --------------------------------------------------------------------------- */
63
64.thumbnails li,
65#thumbnails li                  {
66        background: #fbfbfb none 0 0 no-repeat;
67        border-radius:10px;
68        -moz-border-radius:10px;
69        -webkit-border-radius:10px;
70}
71
72.thumbnails li:hover,
73#thumbnails li:hover {
74        background: #ddd none 0 0 no-repeat;
75        border-radius:10px;
76        -moz-border-radius:10px;
77        -webkit-border-radius:10px;
78}
79
80.stuffs_block li {
81        background: #e8e8e8 none 0 0 no-repeat;
82        border-radius:10px;
83        -moz-border-radius:10px;
84        -webkit-border-radius:10px;
85}
86
87.stuffs_block li:hover {
88        background: #e8e8e8 none 0 0 no-repeat;
89        border-radius:10px;     
90        -moz-border-radius:10px;
91        -webkit-border-radius:10px;
92}
93
94.wrap1 .wrap2 .thumbnail ,
95.wrap1 .wrap2 .thumbnail :hover {
96        border:solid 1px #404040;
97}
98
99.wrap1 .thumbLegend {
100        color:#888;
101}
102
103/* Navigation Bar ------------------------------------------------------------------------------ */
104
105#thumb_navigation {
106        color:#666;
107}
108
109#thumb_navigation #tn_prev {
110        background: transparent url(icon/arrows-white.png) 0 0 no-repeat;
111}
112
113#thumb_navigation #tn_next {
114        background: transparent url(icon/arrows-white.png) -20px 0 no-repeat;
115}
116
117#thumb_navigation a#tn_prev:hover {
118        background: transparent url(icon/arrows-white.png) 0 -150px no-repeat;
119}
120
121#thumb_navigation a#tn_next:hover {
122        background: transparent url(icon/arrows-white.png) -20px -150px no-repeat;
123}
124
125/* Picture Page -------------------------------------------------------------------------------- */
126
127#thePicturePage #content {
128        background:none;
129        border:none;   
130}
131
132#thePicturePage .titrePage { border-bottom : solid 1px #bbb;}
133
134#thePicturePage  #footer_left {display:none;}
135
136#thePicturePage #footer {
137        margin-bottom:0;
138        position:fixed;
139        bottom:0;
140        border: none;
141        width:99%;
142        max-width:1120px;
143        height:0;
144        overflow:visible;
145        padding: 2px 0;
146}
147
148#thePicturePage #copyright {
149        margin: -12px 4px 0 0;
150        overflow:hidden;
151        direction:rtl;
152        line-height:12px;
153        white-space:nowrap;
154}
155
156#imageTitleContainer { margin-top: 5px;}
157
158#imageTitle {
159        font-weight: bold;
160        color: #777;
161}
162
163.js #theImageAndTitle {
164        position: fixed;
165        margin: 0;
166        top: 30px;
167        left: 0;
168}
169
170#theImageAndTitle {
171        width: 100%;
172        margin-top:10px;
173}
174
175#theImage {     margin-bottom: 0;}
176
177.img_frame #theMainImage {
178        border: solid 1px #bbb;
179        -moz-border-radius:5px;
180        -webkit-border-radius:5px;
181        border-radius:5px;
182        padding:0;
183        vertical-align:middle;
184}
185
186.img_frame {
187        border: solid 1px #bbb;
188        -moz-border-radius:10px;
189        -webkit-border-radius:10px;
190        border-radius:10px;
191        padding: 8px;
192        background-color:#f5f5f5;
193}
194
195/* Image Nav Arrows ---------------------------------------------------------------------------- */
196
197.img_prev       { left: 6px;}
198.img_next       { right: 6px;}
199.cat_up                 { top: 6px;}
200
201/* Navigation Arrows --------------------------------------------------------------------------- */
202
203#theImageBox    { position: relative;}
204#imgprev                { position: fixed; background: transparent url(icon/arrows-white.png) 0 0 no-repeat;}
205#imgnext                { position: fixed; background: transparent url(icon/arrows-white.png) -20px 0 no-repeat;}
206#imgprev:hover  { background: transparent url(icon/arrows-white.png) 0 -150px no-repeat;}
207#imgnext:hover  { background: transparent url(icon/arrows-white.png) -20px -150px no-repeat;}
208
209/* HD Picture Box ------------------------------------------------------------------------------ */
210
211#theImgHighContainer {
212        padding:8px!important;
213        border-radius:6px;
214        -moz-border-radius:6px;
215        -webkit-border-radius:6px;
216}
217
218#theImgHighBg {
219        background-color:#333;
220        opacity:0.96;
221        filter:alpha(opacity:96);
222        -moz-opacity:0.96;
223        -khtml-opacity: 0.96;
224}
225
226#theImgHighCloseButton, #theImgHighZoomButton  { right: -17px;}
227
228#theImgHighCloseButton          { background:transparent url(icon/close_high_round.png) no-repeat scroll 0px 0px;}
229#theImgHighZoomButton.fit       { background:transparent url(icon/zoom_fit_high_round.png) no-repeat scroll 0px 0px;}
230#theImgHighZoomButton.full      { background:transparent url(icon/zoom_1-1_high_round.png) no-repeat scroll 0px 0px;}
231
232/* Navbuttons ---------------------------------------------------------------------------------- */
233
234#imageToolBar .navButton {
235        background-image: url(icon/picture_24-white.png);
236}
237
238/* Tabs ---------------------------------------------------------------------------------------- */
239
240#tabZone {
241        position:fixed;
242        bottom:0px;
243        width:99%;
244        max-width:1120px;
245}
246
247#tabTitleBar    {
248        border: none;
249        z-index:5;
250}
251
252#tabTitles  {
253        height:26px;
254        line-height: 22px;
255        display: inline-block;
256        padding:0 1px 0 0;
257}
258
259.tabTitle {
260        border: solid 0 #bbb;
261        border-width: 1px 1px 0 1px;
262        margin-right:-1px;
263        background:#fff;
264        height:24px;
265        border-radius: 6px 6px 0 0 ;
266        -moz-border-radius-topleft:6px;
267        -moz-border-radius-topright:6px;
268        -webkit-border-top-left-radius:6px;
269        -webkit-border-top-righft-radius:6px;
270}
271
272.tabTitle:hover { color:#999;}
273
274.tabSelected {
275        color: #666;
276        background: #eee;
277        border:solid 0 #bbb;
278        border-width:   1px 1px 0 1px;
279        height:25px;
280}
281
282.tabBlock {
283        padding-bottom:12px;
284        background: #eee;
285        border:solid 0 #bbb;
286        border-width:   1px 1px 0 1px;
287        border-radius: 0 8px 0 0 ;
288        -moz-border-radius-topright:8px;
289        -webkit-border-top-righft-radius:8px;
290}
291
292.tabBlockContent {
293        overflow:auto;
294        max-height:350px;
295        padding: 10px 50px 0;
296        background: #eee;
297        color:#666;
298}       
299
300.tabBlock a                     { color:#444;}
301.tabBlock a:hover       { color:#111;}
302
303/* Light Slideshow ----------------------------------------------------------------------------- */
304
305#light_slideshow .titrePage {
306        border-color: #fff;
307}
308
309#light_slideshow                        { color: #aaa;}
310#light_slideshow a                      { color: #999;}
311#light_slideshow a:hover        { color: #666;}
312
313#light_slideshow .navButton {
314        opacity:0.5;
315        -moz-opacity:0.5;
316        -khtml-opacity: 0.5;
317}
318
319#light_slideshow #content {
320        background-color: #fff;
321        border: 1px #fff solid;
322        border-width: 1px 0;
323}
324
325#light_slideshow #theImageAndTitle      { margin: 0 auto;}
326/*#light_slideshow #theMainImage                { border-color: #fff;}*/
327
328#light_slideshow #imageTitle{
329        color: #666;
330        background: none;
331}
332
333
334/* Comments ------------------------------------------------------------------------------------ */
335
336#comments > ul > li                                             { background: #fbfbfb;}
337.subcontent .stuffs_block #comments li          { background: #e8e8e8;}
338#comments .description                                  { color: #555;}
339#comments .description .author,
340#comments .description .date                            { color: #888;}
341#commentList li                                                 { border-top: 1px dotted #999;}
342.commentList a                                                  { color: #444;}
343.commentList a:hover                                            { color: #111;}
344
345/* Tags ---------------------------------------------------------------------------------------- */
346
347fieldset legend                         { color: #666;}
348#fullTagCloud a:hover   { background: #606060;}
349
350/* Calendar ------------------------------------------------------------------------------------ */
351
352.calMonth td                    { background-color: #fbfbfb;}
353
354
355/* Inputs & Forms ------------------------------------------------------------------------------ */
356
357input, select, textarea {
358        background-color: #ccc;
359        border: 1px solid #888;
360        color: #111;
361}
362
363input[type="submit"], input[type="reset"] {
364        background-color: #ccc;
365        border: 1px solid #999;
366        color: #666;
367}
368
369input[type="submit"]:hover, input[type="reset"]:hover {
370        background-color: #ccc;
371        border: 1px solid #888;
372        color: #111;
373}
374
375fieldset                        { border: 1px #999 dotted;}
376.mandatorystar  { color: #e04040;}
377
378#quicksearch input {
379        color:#555;
380        background:#ccc;
381}
382
383#quickconnect input#username,
384#quickconnect input#password {
385        color:#666;
386}
387
388/* Footer -------------------------------------------------------------------------------------- */
389
390.footer_login a                         { color:#666;}
391.footer_login a:hover   { color:#ccc;}
392
393/* Infos & Errors ------------------------------------------------------------------------------ */
394
395.errors {
396        border: 2px solid #A04040;
397        color: #A04040;
398}
399
400.infos {
401        border: 2px solid #40A040;
402        color: #40A040;
403}
404
405.errors a       { color: #FF0000;}
406.infos a        { color: #00FF00;}
407
408/* RV Maps & Earth Plugin ---------------------------------------------------------------------- */
409
410#mapPicture {
411        color:#202020;
412}
413
414/* User Tags Plugin ---------------------------------------------------------------------------- */
415
416#Tags ul.token-input-list-facebook {
417        background-color: #555;
418        border-color: #666;
419}
420
421#Tags li.token-input-token-facebook {
422        background-color: #666;
423        border-color: #999;
424        color: #EEE;
425}
426
427#Tags li.token-input-input-token-facebook input {
428        background-color: #666;
429        color: #EEE;
430}
431
432/* PWG Stuffs Plugin --------------------------------------------------------------------------- */
433
434.subcontent .stuffs_block .left_block,
435.subcontent .stuffs_block .right_block,
436.subcontent .stuffs_block .middle_block {
437        background-color:#fbfbfb;
438        color:#999;
439        -moz-border-radius:10px;
440        -webkit-border-radius:10px;
441        -khtml-border-radius:10px;
442        border-radius:10px;
443}
444
445#thePicturePage .stuffs_block { display: none;}
446
447/* No Thumb Frame CSS -------------------------------------------------------------------------- */
448
449.naf .stuffs_block .personal_block ul.thumbnailCategories li,
450.naf .thumbnailCategories li ,
451.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
452        background: none;
453}
454
455.naf .stuffs_block .personal_block ul.thumbnailCategories li:hover,
456.naf .thumbnailCategories li:hover,
457.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
458        background: none;
459        color:#222;
460}
461
462.naf .thumbnailCategory .illustration img                       { border: 1px solid #777;}
463.naf .thumbnailCategory .illustration img:hover         { border: 1px solid #111;}
464
465.ntf .wrap1 .wrap2 .thumbnail {
466        border:solid 1px #999;
467}
468.ntf .wrap1 .wrap2 .thumbnail:hover {
469        border:solid 1px #666;
470}
471
472.ntf .thumbnails li,
473.ntf #thumbnails li ,
474.ntf .stuffs_block li {
475        background: none;
476}
477
478.ntf .thumbnails li:hover,
479.ntf #thumbnails li:hover,
480.ntf .stuffs_block li:hover {
481        background: none;
482}
483
484/* Misc ---------------------------------------------------------------------------------------- */
485
486#thePicturePage .Online { display: none;}
487
488
489/* drop-down boxes new in 2.4 */
490.switchBox {
491  background-color: #ccc;
492  color:#222;
493}
Note: See TracBrowser for help on using the repository browser.