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

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

version 2.1.4: bug fix on picture page with very long album names

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