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

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

version 2.1.0

File size: 12.4 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 {
133        border-bottom : solid 1px #bbb;
134        margin-top: 2px;
135}
136
137#thePicturePage  #footer_left {display:none;}
138
139#thePicturePage #footer {
140        margin-bottom:0;
141        position:fixed;
142        bottom:0;
143        border: none;
144        width:99%;
145        max-width:1120px;
146        height:0;
147        overflow:visible;
148        padding: 2px 0;
149}
150
151#thePicturePage #copyright {
152        margin: -12px 4px 0 0;
153        overflow:hidden;
154        direction:rtl;
155        line-height:12px;
156        white-space:nowrap;
157}
158
159#imageTitleContainer { margin-top: 5px;}
160
161#imageTitle {
162        font-weight: bold;
163        color: #777;
164}
165
166#theImageAndTitle {
167        position: fixed;
168        margin: 0;
169        width: 100%;
170        top: 30px;
171        left: 0;
172}
173
174#theImage {     margin-bottom: 0;}
175
176.img_frame #theMainImage {
177        border: solid 1px #bbb;
178        -moz-border-radius:5px;
179        -webkit-border-radius:5px;
180        border-radius:5px;
181        padding:0;
182        vertical-align:middle;
183}
184
185.img_frame {
186        border: solid 1px #bbb;
187        -moz-border-radius:10px;
188        -webkit-border-radius:10px;
189        border-radius:10px;
190        padding: 8px;
191        background-color:#f5f5f5;
192}
193
194/* Image Nav Arrows ---------------------------------------------------------------------------- */
195
196.img_prev       { left: 6px;}
197.img_next       { right: 6px;}
198.cat_up                 { top: 6px;}
199
200/* Navigation Arrows --------------------------------------------------------------------------- */
201
202#theImageBox    { position: relative;}
203#imgprev                { position: fixed; background: transparent url(icon/arrows-white.png) 0 0 no-repeat;}
204#imgnext                { position: fixed; background: transparent url(icon/arrows-white.png) -20px 0 no-repeat;}
205#imgprev:hover  { background: transparent url(icon/arrows-white.png) 0 -150px no-repeat;}
206#imgnext:hover  { background: transparent url(icon/arrows-white.png) -20px -150px no-repeat;}
207
208/* HD Picture Box ------------------------------------------------------------------------------ */
209
210#theImgHighContainer {
211        padding:8px!important;
212        border-radius:6px;
213        -moz-border-radius:6px;
214        -webkit-border-radius:6px;
215}
216
217#theImgHighBg {
218        background-color:#333;
219        opacity:0.96;
220        filter:alpha(opacity:96);
221        -moz-opacity:0.96;
222        -khtml-opacity: 0.96;
223}
224
225#theImgHighCloseButton, #theImgHighZoomButton  { right: -17px;}
226
227#theImgHighCloseButton          { background:transparent url(icon/close_high_round.png) no-repeat scroll 0px 0px;}
228#theImgHighZoomButton.fit       { background:transparent url(icon/zoom_fit_high_round.png) no-repeat scroll 0px 0px;}
229#theImgHighZoomButton.full      { background:transparent url(icon/zoom_1-1_high_round.png) no-repeat scroll 0px 0px;}
230
231/* Navbuttons ---------------------------------------------------------------------------------- */
232
233#imageToolBar .navButton {
234        background-image: url(icon/picture_24-white.png);
235}
236
237/* Tabs ---------------------------------------------------------------------------------------- */
238
239#tabZone {
240        position:fixed;
241        bottom:0px;
242        width:99%;
243        max-width:1120px;
244}
245
246#tabTitleBar    {
247        border: none;
248        z-index:5;
249}
250
251#tabTitles  {
252        height:26px;
253        line-height: 22px;
254        display: inline-block;
255        padding:0 1px 0 0;
256}
257
258.tabTitle {
259        border: solid 0 #bbb;
260        border-width: 1px 1px 0 1px;
261        margin-right:-1px;
262        background:#fff;
263        height:24px;
264        border-radius: 6px 6px 0 0 ;
265        -moz-border-radius-topleft:6px;
266        -moz-border-radius-topright:6px;
267        -webkit-border-top-left-radius:6px;
268        -webkit-border-top-righft-radius:6px;
269}
270
271.tabTitle:hover { color:#999;}
272
273.tabSelected {
274        color: #666;
275        background: #eee;
276        border:solid 0 #bbb;
277        border-width:   1px 1px 0 1px;
278        height:25px;
279}
280
281.tabBlock {
282        padding-bottom:12px;
283        background: #eee;
284        border:solid 0 #bbb;
285        border-width:   1px 1px 0 1px;
286        border-radius: 0 8px 0 0 ;
287        -moz-border-radius-topright:8px;
288        -webkit-border-top-righft-radius:8px;
289}
290
291.tabBlockContent {
292        overflow:auto;
293        max-height:350px;
294        padding: 10px 50px 0;
295        background: #eee;
296        color:#666;
297}       
298
299.tabBlock a                     { color:#444;}
300.tabBlock a:hover       { color:#111;}
301
302/* Light Slideshow ----------------------------------------------------------------------------- */
303
304#light_slideshow .titrePage {
305        border-color: #fff;
306}
307
308#light_slideshow                        { color: #aaa;}
309#light_slideshow a                      { color: #999;}
310#light_slideshow a:hover        { color: #666;}
311
312#light_slideshow .navButton {
313        opacity:0.5;
314        -moz-opacity:0.5;
315        -khtml-opacity: 0.5;
316}
317
318#light_slideshow #content {
319        background-color: #fff;
320        border: 1px #fff solid;
321        border-width: 1px 0;
322}
323
324#light_slideshow #theImageAndTitle      { margin: 0 auto;}
325/*#light_slideshow #theMainImage                { border-color: #fff;}*/
326
327#light_slideshow #imageTitle{
328        color: #666;
329        background: none;
330}
331
332
333/* Comments ------------------------------------------------------------------------------------ */
334
335#comments > ul > li                                             { background: #fbfbfb;}
336.subcontent .stuffs_block #comments li          { background: #e8e8e8;}
337#comments .description                                  { color: #555;}
338#comments .description .author,
339#comments .description .date                            { color: #888;}
340#commentList li                                                 { border-top: 1px dotted #999;}
341.commentList a                                                  { color: #444;}
342.commentList a:hover                                            { color: #111;}
343
344/* Tags ---------------------------------------------------------------------------------------- */
345
346fieldset legend                         { color: #666;}
347#fullTagCloud a:hover   { background: #606060;}
348
349/* Calendar ------------------------------------------------------------------------------------ */
350
351.calMonth td                    { background-color: #fbfbfb;}
352
353
354/* Inputs & Forms ------------------------------------------------------------------------------ */
355
356input, select, textarea {
357        background-color: #ccc;
358        border: 1px solid #888;
359        color: #111;
360}
361
362input[type="submit"], input[type="reset"] {
363        background-color: #ccc;
364        border: 1px solid #999;
365        color: #666;
366}
367
368input[type="submit"]:hover, input[type="reset"]:hover {
369        background-color: #ccc;
370        border: 1px solid #888;
371        color: #111;
372}
373
374fieldset                        { border: 1px #999 dotted;}
375.mandatorystar  { color: #e04040;}
376
377#quicksearch input {
378        color:#555;
379        background:#ccc;
380}
381
382#quickconnect input#username,
383#quickconnect input#password {
384        color:#666;
385}
386
387/* Footer -------------------------------------------------------------------------------------- */
388
389.footer_login a                         { color:#666;}
390.footer_login a:hover   { color:#ccc;}
391
392/* Infos & Errors ------------------------------------------------------------------------------ */
393
394.errors {
395        border: 2px solid #A04040;
396        color: #A04040;
397}
398
399.infos {
400        border: 2px solid #40A040;
401        color: #40A040;
402}
403
404.errors a       { color: #FF0000;}
405.infos a        { color: #00FF00;}
406
407/* RV Maps & Earth Plugin ---------------------------------------------------------------------- */
408
409#mapPicture {
410        color:#202020;
411}
412
413/* User Tags Plugin ---------------------------------------------------------------------------- */
414
415#Tags ul.token-input-list-facebook {
416        background-color: #555;
417        border-color: #666;
418}
419
420#Tags li.token-input-token-facebook {
421        background-color: #666;
422        border-color: #999;
423        color: #EEE;
424}
425
426#Tags li.token-input-input-token-facebook input {
427        background-color: #666;
428        color: #EEE;
429}
430
431/* PWG Stuffs Plugin --------------------------------------------------------------------------- */
432
433.subcontent .stuffs_block .left_block,
434.subcontent .stuffs_block .right_block,
435.subcontent .stuffs_block .middle_block {
436        background-color:#fbfbfb;
437        color:#999;
438        -moz-border-radius:10px;
439        -webkit-border-radius:10px;
440        -khtml-border-radius:10px;
441        border-radius:10px;
442}
443
444#thePicturePage .stuffs_block { display: none;}
445
446/* No Thumb Frame CSS -------------------------------------------------------------------------- */
447
448.naf .stuffs_block .personal_block ul.thumbnailCategories li,
449.naf .thumbnailCategories li ,
450.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
451        background: none;
452}
453
454.naf .stuffs_block .personal_block ul.thumbnailCategories li:hover,
455.naf .thumbnailCategories li:hover,
456.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
457        background: none;
458        color:#222;
459}
460
461.naf .thumbnailCategory .illustration img                       { border: 1px solid #777;}
462.naf .thumbnailCategory .illustration img:hover         { border: 1px solid #111;}
463
464.ntf .wrap1 .wrap2 .thumbnail {
465        border:solid 1px #999;
466}
467.ntf .wrap1 .wrap2 .thumbnail:hover {
468        border:solid 1px #666;
469}
470
471.ntf .thumbnails li,
472.ntf #thumbnails li ,
473.ntf .stuffs_block li {
474        background: none;
475}
476
477.ntf .thumbnails li:hover,
478.ntf #thumbnails li:hover,
479.ntf .stuffs_block li:hover {
480        background: none;
481}
482
483/* Misc ---------------------------------------------------------------------------------------- */
484
485#thePicturePage .Online { display: none;}
Note: See TracBrowser for help on using the repository browser.