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

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

minor css change : no more bottom border for links and the filter icon gets back its position from 2.3

File size: 10.3 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;
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/*calendar elements*/
355SPAN.calItem, SPAN.calItemEmpty
356{
357  border: 1px solid silver;
358}
359
360.virtual_cat { background: #fff !important; }
361#mbMenu #quicksearch > p { text-align: left; }
362form p { text-align:center; }
363#qsearchInput { color: #000; }
364#qsearchInput:focus { color: #000; }
365UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
366UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
367
368UL.tabsheet, UL.tabsheet LI {border-color: gray;}
369UL.tabsheet LI.normal_tab:hover { border-color: black; }
370
371/********** Frm tiptip.css *********************/
372/* TipTip CSS - Version 1.2 */
373
374#tiptip_holder {
375        display: none;
376        position: absolute;
377        top: 0;
378        left: 0;
379        z-index: 99999;
380}
381
382#tiptip_holder.tip_top {
383        padding-bottom: 5px;
384}
385
386#tiptip_holder.tip_bottom {
387        padding-top: 5px;
388}
389
390#tiptip_holder.tip_right {
391        padding-left: 5px;
392}
393
394#tiptip_holder.tip_left {
395        padding-right: 5px;
396}
397
398#tiptip_content {
399        font-size: 11px;
400        color: #fff;
401        text-shadow: 0 0 2px #000;
402        padding: 4px 8px;
403        border: 1px solid rgba(255,255,255,0.25);
404        background-color: rgb(25,25,25);
405        background-color: rgba(25,25,25,0.92);
406        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
407        border-radius: 3px;
408        -webkit-border-radius: 3px;
409        -moz-border-radius: 3px;
410        box-shadow: 0 0 3px #555;
411        -webkit-box-shadow: 0 0 3px #555;
412        -moz-box-shadow: 0 0 3px #555;
413}
414
415#tiptip_arrow, #tiptip_arrow_inner {
416        position: absolute;
417        border-color: transparent;
418        border-style: solid;
419        border-width: 6px;
420        height: 0;
421        width: 0;
422}
423
424#tiptip_holder.tip_top #tiptip_arrow {
425        border-top-color: #fff;
426        border-top-color: rgba(255,255,255,0.35);
427}
428
429#tiptip_holder.tip_bottom #tiptip_arrow {
430        border-bottom-color: #fff;
431        border-bottom-color: rgba(255,255,255,0.35);
432}
433
434#tiptip_holder.tip_right #tiptip_arrow {
435        border-right-color: #fff;
436        border-right-color: rgba(255,255,255,0.35);
437}
438
439#tiptip_holder.tip_left #tiptip_arrow {
440        border-left-color: #fff;
441        border-left-color: rgba(255,255,255,0.35);
442}
443
444#tiptip_holder.tip_top #tiptip_arrow_inner {
445        margin-top: -7px;
446        margin-left: -6px;
447        border-top-color: rgb(25,25,25);
448        border-top-color: rgba(25,25,25,0.92);
449}
450
451#tiptip_holder.tip_bottom #tiptip_arrow_inner {
452        margin-top: -5px;
453        margin-left: -6px;
454        border-bottom-color: rgb(25,25,25);
455        border-bottom-color: rgba(25,25,25,0.92);
456}
457
458#tiptip_holder.tip_right #tiptip_arrow_inner {
459        margin-top: -6px;
460        margin-left: -5px;
461        border-right-color: rgb(25,25,25);
462        border-right-color: rgba(25,25,25,0.92);
463}
464
465#tiptip_holder.tip_left #tiptip_arrow_inner {
466        margin-top: -6px;
467        margin-left: -7px;
468        border-left-color: rgb(25,25,25);
469        border-left-color: rgba(25,25,25,0.92);
470}
471
472/* Webkit Hacks  */
473@media screen and (-webkit-min-device-pixel-ratio:0) { 
474        #tiptip_content {
475                padding: 4px 8px 5px 8px;
476                background-color: rgba(45,45,45,0.88);
477        }
478        #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
479                border-bottom-color: rgba(45,45,45,0.88);
480        }
481        #tiptip_holder.tip_top #tiptip_arrow_inner { 
482                border-top-color: rgba(20,20,20,0.92);
483        }
484}
Note: See TracBrowser for help on using the repository browser.