source: extensions/floOS/OS_glass_dark_2/theme.css @ 15941

Last change on this file since 15941 was 15941, checked in by flop25, 12 years ago

tiptip popup displayed only if a title exists
css for menu
dimensions of thumbnails set to !important

File size: 10.9 KB
Line 
1/* ---------------------------------------------------------------------------
2Thème OS_glass_dark_2
3
4theme-enfant de OS_default
5
6by flop25 http://www.planete-flop.fr/
7------------------------------------------------------------------------------ */
8
9/* text color */
10BODY, H1, H2, H3, DT,
11INPUT.rateButtonSelected  {
12  color:#fff;
13}
14
15/* text color */
16BODY, H1, H2, H3, DT,
17INPUT.rateButtonSelected  {
18  color:#fff;
19}
20/* positionnement */
21.content div.thumbnailCategory div.illustration {
22float:left;
23margin:2px 5px 0 2px;
24text-align:left;
25width:auto;
26}
27#copyright {
28    margin: 0;
29}
30/* backgrounds */
31.throw {
32  background-color: #ffffff;    /* white */
33}
34/* body {
35        background-image: url(images/back1.jpg);
36        background-repeat: no-repeat;
37        background-position: bottom center;
38        background-attachment:fixed;
39        font-size:0.7em;
40        font-family: Verdana,Arial,Helvetica,sans-serif;
41        background-color: #000;
42}*/
43body {
44        font-size:0.7em;
45        font-family: Verdana,Arial,Helvetica,sans-serif;
46        background-color: #334256;
47}
48/*BODY#theCommentsPage .content,
49BODY#theUploadPage .content,
50BODY#theRegisterPage .content,
51BODY#theIdentificationPage .content,
52BODY#theProfilePage .content,
53BODY#theSearchPage .content,
54BODY#theAboutPage .content,
55BODY#thePopuphelpPage .content,
56BODY#thePasswordPage .content,
57BODY#theNotificationPage .content,
58BODY#theTagsPage .content,
59BODY#theNBMPage .content
60{
61background: transparent url(images/section_in.png) repeat top center;
62}*/
63H2, .row1 {
64  background-color: #d3d3d3;
65}
66
67.header_notes {
68  background-color: #eeeeee;
69}
70#the_page > #comments {
71background: transparent url(images/section_in.png) repeat top center;
72}
73.titrePage h2, #section_in h2 {
74        background-color:transparent;
75        color: #fff;
76}
77BODY#theCommentsPage h2,
78BODY#theUploadPage h2,
79BODY#theRegisterPage h2,
80BODY#theIdentificationPage h2,
81BODY#theProfilePage h2,
82BODY#theSearchPage h2,
83BODY#theAboutPage h2,
84BODY#thePopuphelpPage h2,
85BODY#thePasswordPage h2,
86BODY#theNotificationPage h2,
87BODY#theTagsPage h2,
88BODY#theNBMPage h2
89  {
90        background-image: url(images/back_noir.png);
91        background-repeat:repeat-x;
92        background-color:#000;
93        color: #fff;
94}
95.content DIV.thumbnailCategory {
96        background-image: url(../OS_default/icon/menu/folder.png);background-position: left bottom;
97        background-repeat:no-repeat;
98}
99.content ul.thumbnails span.wrap2 {
100background: transparent url(images/vignette.png) no-repeat top left;
101width:144px;
102height:144px;
103}
104.content ul.thumbnails span.wrap1 {
105        width:146px;
106        margin: 5px;
107}
108.thumbnails span, .thumbnails .wrap2 a, .thumbnails label {
109    width: 145px !important;;
110}
111.illustration IMG {
112        max-height:128px;
113}
114.wrap2 IMG {
115        max-height:128px;
116        max-width:128px;
117}
118/* header */
119#theHeader {
120        background-image: url(images/header3.jpg);
121        background-position:center top;
122        background-repeat:no-repeat;
123        background-color: #000000;
124        color:#FFFFFF;
125        font-size:1.2em;
126        font-weight:bold;
127        height:105px;
128}
129#theHeader H1 {
130        color:#FFFFFF;
131        font-weight:bold;
132}
133#div_Menu {
134        margin-bottom:0;
135}
136/* contenu "section" */
137#section_in, #section_left, #section_bottom_left, #section_bottom, #section_bottom_right, #section_right{
138background:none;
139}
140
141
142#content #section_up_left{
143        background-image: url(images/section_up_left.png);
144        background-position:right top;
145        background-repeat:no-repeat;
146        height:91px;
147        width:72px;
148}
149#content #section_up {
150 background-image: url(images/section_up.png);
151 background-position:top;
152 background-repeat:repeat-x;
153 height:91px;
154 padding-bottom:20px;
155 padding-top:5px;
156}
157#content #section_up_right{
158 background-image: url(images/section_up_right.png);
159 background-position:left top;
160 background-repeat:no-repeat;
161 height:91px;
162 width:78px;
163}
164/* menubar*/
165
166#menubar {
167        margin-left:0px;
168}
169.mb_middle {
170background: transparent url(images/section_in.png) repeat top center;
171}
172#menubar DT{
173        background-image: url(images/fondMenu2.gif);
174        background-repeat:repeat-x;
175        background-color:#002024;
176        }
177/*#up .mb_left{
178        background-image: url(images/section_up_left.png);
179        background-position:right bottom;
180        background-repeat:no-repeat;
181 height:50px;
182}
183#section_up {
184 background-image: url(images/section_up.png);
185 background-position:bottom;
186 background-repeat:repeat-x;
187 height:50px;
188}
189#section_up_right{
190 background-image: url(images/section_up_right.png);
191 background-position:left bottom;
192 background-repeat:no-repeat;
193 height:50px;
194}
195#section_left{
196 background-image: url(images/section_left.png);
197 background-position:right;
198 background-repeat:repeat-y;
199}
200#section_bottom_left{
201 background-image: url(images/section_bottom_left.png);
202 background-position:top right;
203 background-repeat:no-repeat;
204}*/
205#bottom .mb_middle {
206 background-image: url(images/section_bottom.png);
207 background-position:top;
208 background-repeat:repeat-x;
209 height:20px;
210}
211#bottom .mb_right{
212 background-image: url(images/section_bottom_right.png);
213 background-position:left top;
214 background-repeat:no-repeat;
215 height:20px;
216 width:20px;
217}
218.mb_right {
219 background-image: url(images/section_right.png);
220 background-repeat:repeat-y;
221 background-position:left;
222 width:18px;
223}
224.mb_left {
225        display:none;
226       
227}
228/* menu Haut*/
229#div_Menu, #copyright {
230        background-image: url(images/back_noir.png);
231        background-repeat:repeat-x;
232    background-position:top center;
233}
234
235ul#Menu, ul#Menu li
236{
237        background:transparent;
238}
239ul#Menu li:hover
240{
241color: #fff;
242background-image: url(images/fondMenuSurvol.gif);
243background-repeat:repeat-x;
244background-position:center;
245background-color:transparent;
246        text-decoration: none;
247    border-bottom: none;
248}
249
250/* borders */
251#menubar DL {
252  border: 2px solid #002024;
253}
254
255#theImage IMG {
256  border-color: #fff;
257}
258#linkNext, #linkPrev {
259  border: 2px solid #fff;
260}
261
262.content UL.thumbnail IMG {
263    border: 1px solid #a0a0a0;
264}
265
266FIELDSET, INPUT, SELECT, TEXTAREA,
267.content DIV.comment  A.illustration IMG {
268  border: 1px solid #fff;
269}
270
271#comments DIV.comment BLOCKQUOTE {
272  border-left: 2px solid #696969;
273}
274
275/*
276.content UL.thumbnails SPAN.wrap2:hover,*/
277.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
278.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
279  border-color: #002024;
280  color: #42B4FF;
281}
282.illustration IMG {
283        border: 2px solid #FFFFFF;
284}
285/* links */
286A, INPUT.rateButton {
287    color: #fff;
288    background: transparent;
289}
290
291A:hover, INPUT.rateButton:hover {
292        color: #42B4FF;
293        border-bottom: none;
294        font-weight:bold;
295}
296
297#imageToolBar A, #imageToolBar A:hover {
298    border-bottom: none;
299}
300
301A.navThumb, A.navThumb:hover {
302    border-bottom: none;
303}
304#div_Menu A {
305        color:#FFFFFF;
306        text-decoration: none;
307}
308#div_Menu A:hover {
309        text-decoration: none;
310    border-bottom: none;
311}
312.header_notes A {
313    color: #333;
314}
315/* Picture */
316#imageHeaderBar {
317        background-image: url(images/fondblack2.png);
318        background-repeat:repeat-x;
319        background-position: center top;
320        background-color: #000000;
321}
322#imageHeaderBar h2 {
323background:transparent;
324color:#FFFFFF
325}
326#imageHeaderBar, #imageHeaderBar A {
327color:#FFFFFF;
328}
329#imageToolBar .randomButtons, #imageToolBar .navButtons {
330background:transparent;
331}
332#imageToolBar .navButtons {
333background:transparent;
334
335}
336#imageToolBar {
337        background-image: url(images/fondblack_bas.png);
338        background-repeat:repeat-x;
339        background-position: center bottom;
340        background-color: #000000;
341}
342#imageToolBar A:hover {
343background-image: url(images/fondMenuSurvol.gif);
344background-repeat:repeat-x;
345background-position:center;
346background-color:transparent;
347}
348#action_pict {
349        border: 2px solid #FFFFFF;
350    background: transparent url(images/back_actionpict.png) bottom center no-repeat;
351    color:#fff;
352    font-weight:bold;
353}
354#derivativeSwitchBox, #sortOrderBox {
355        font-size: 11px;
356        color: #fff;
357        text-shadow: 0 0 2px #ccc;
358        padding: 4px 8px;
359        border: 1px solid rgba(50,50,50,0.25);
360        background-color: rgb(50,50,50);
361        background-color: rgba(50,50,50,0.92);
362        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#fff));
363        border-radius: 3px;
364        -webkit-border-radius: 3px;
365        -moz-border-radius: 3px;
366        box-shadow: 0 0 5px #555;
367        -webkit-box-shadow: 0 0 5px #555;
368        -moz-box-shadow: 0 0 5px #555;
369}
370#derivativeSwitchBox A:hover, #sortOrderBox A:hover {
371        text-shadow: 0 0 2px #000;
372        color: #fff;
373}
374
375/*calendar elements*/
376SPAN.calItem, SPAN.calItemEmpty
377{
378  border: 1px solid silver;
379}
380
381.virtual_cat { background: #fff !important; }
382#mbMenu #quicksearch > p { text-align: left; }
383form p { text-align:center; }
384#qsearchInput { color: #000; }
385#qsearchInput:focus { color: #000; }
386UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
387UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
388
389UL.tabsheet, UL.tabsheet LI {border-color: gray;}
390UL.tabsheet LI.normal_tab:hover { border-color: black; }
391
392/********** Frm tiptip.css *********************/
393/* TipTip CSS - Version 1.2 */
394
395#tiptip_holder {
396        display: none;
397        position: absolute;
398        top: 0;
399        left: 0;
400        z-index: 99999;
401}
402
403#tiptip_holder.tip_top {
404        padding-bottom: 5px;
405}
406
407#tiptip_holder.tip_bottom {
408        padding-top: 5px;
409}
410
411#tiptip_holder.tip_right {
412        padding-left: 5px;
413}
414
415#tiptip_holder.tip_left {
416        padding-right: 5px;
417}
418
419#tiptip_content {
420        font-size: 11px;
421        color: #fff;
422        text-shadow: 0 0 2px #000;
423        padding: 4px 8px;
424        border: 1px solid rgba(255,255,255,0.25);
425        background-color: rgb(25,25,25);
426        background-color: rgba(25,25,25,0.92);
427        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
428        border-radius: 3px;
429        -webkit-border-radius: 3px;
430        -moz-border-radius: 3px;
431        box-shadow: 0 0 3px #555;
432        -webkit-box-shadow: 0 0 3px #555;
433        -moz-box-shadow: 0 0 3px #555;
434}
435
436#tiptip_arrow, #tiptip_arrow_inner {
437        position: absolute;
438        border-color: transparent;
439        border-style: solid;
440        border-width: 6px;
441        height: 0;
442        width: 0;
443}
444
445#tiptip_holder.tip_top #tiptip_arrow {
446        border-top-color: #fff;
447        border-top-color: rgba(255,255,255,0.35);
448}
449
450#tiptip_holder.tip_bottom #tiptip_arrow {
451        border-bottom-color: #fff;
452        border-bottom-color: rgba(255,255,255,0.35);
453}
454
455#tiptip_holder.tip_right #tiptip_arrow {
456        border-right-color: #fff;
457        border-right-color: rgba(255,255,255,0.35);
458}
459
460#tiptip_holder.tip_left #tiptip_arrow {
461        border-left-color: #fff;
462        border-left-color: rgba(255,255,255,0.35);
463}
464
465#tiptip_holder.tip_top #tiptip_arrow_inner {
466        margin-top: -7px;
467        margin-left: -6px;
468        border-top-color: rgb(25,25,25);
469        border-top-color: rgba(25,25,25,0.92);
470}
471
472#tiptip_holder.tip_bottom #tiptip_arrow_inner {
473        margin-top: -5px;
474        margin-left: -6px;
475        border-bottom-color: rgb(25,25,25);
476        border-bottom-color: rgba(25,25,25,0.92);
477}
478
479#tiptip_holder.tip_right #tiptip_arrow_inner {
480        margin-top: -6px;
481        margin-left: -5px;
482        border-right-color: rgb(25,25,25);
483        border-right-color: rgba(25,25,25,0.92);
484}
485
486#tiptip_holder.tip_left #tiptip_arrow_inner {
487        margin-top: -6px;
488        margin-left: -7px;
489        border-left-color: rgb(25,25,25);
490        border-left-color: rgba(25,25,25,0.92);
491}
492
493/* Webkit Hacks  */
494@media screen and (-webkit-min-device-pixel-ratio:0) { 
495        #tiptip_content {
496                padding: 4px 8px 5px 8px;
497                background-color: rgba(45,45,45,0.88);
498        }
499        #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
500                border-bottom-color: rgba(45,45,45,0.88);
501        }
502        #tiptip_holder.tip_top #tiptip_arrow_inner { 
503                border-top-color: rgba(20,20,20,0.92);
504        }
505}
Note: See TracBrowser for help on using the repository browser.