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

Last change on this file since 12659 was 12659, checked in by Zaphod, 12 years ago

version 2.0.3

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