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