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

Last change on this file since 9822 was 9822, checked in by flop25, 13 years ago

resolved a bug for the display of thumbnails

File size: 7.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@import "tiptip/tipTip.css" ;
10/* text color */
11BODY, H1, H2, H3, DT,
12INPUT.rateButtonSelected  {
13  color:#fff;
14}
15
16/* text color */
17BODY, H1, H2, H3, DT,
18INPUT.rateButtonSelected  {
19  color:#fff;
20}
21/* positionnement */
22.content div.thumbnailCategory div.illustration {
23float:left;
24margin:2px 5px 0 2px;
25text-align:left;
26width:auto;
27}
28
29/* backgrounds */
30.throw {
31  background-color: #ffffff;    /* white */
32}
33/* body {
34        background-image: url(images/back1.jpg);
35        background-repeat: no-repeat;
36        background-position: bottom center;
37        background-attachment:fixed;
38        font-size:0.7em;
39        font-family: Verdana,Arial,Helvetica,sans-serif;
40        background-color: #000;
41}*/
42body {
43        font-size:0.7em;
44        font-family: Verdana,Arial,Helvetica,sans-serif;
45        background-color: #334256;
46}
47/*BODY#theCommentsPage .content,
48BODY#theUploadPage .content,
49BODY#theRegisterPage .content,
50BODY#theIdentificationPage .content,
51BODY#theProfilePage .content,
52BODY#theSearchPage .content,
53BODY#theAboutPage .content,
54BODY#thePopuphelpPage .content,
55BODY#thePasswordPage .content,
56BODY#theNotificationPage .content,
57BODY#theTagsPage .content,
58BODY#theNBMPage .content
59{
60background: transparent url(images/section_in.png) repeat top center;
61}*/
62H2, .row1 {
63  background-color: #d3d3d3;
64}
65
66.header_notes {
67  background-color: #eeeeee;
68}
69#the_page > #comments {
70background: transparent url(images/section_in.png) repeat top center;
71}
72.titrePage h2, #section_in h2 {
73        background-color:transparent;
74        color: #fff;
75}
76BODY#theCommentsPage h2,
77BODY#theUploadPage h2,
78BODY#theRegisterPage h2,
79BODY#theIdentificationPage h2,
80BODY#theProfilePage h2,
81BODY#theSearchPage h2,
82BODY#theAboutPage h2,
83BODY#thePopuphelpPage h2,
84BODY#thePasswordPage h2,
85BODY#theNotificationPage h2,
86BODY#theTagsPage h2,
87BODY#theNBMPage h2
88  {
89        background-image: url(images/back_noir.png);
90        background-repeat:repeat-x;
91        background-color:#000;
92        color: #fff;
93}
94.content DIV.thumbnailCategory {
95        background-image: url(../../icon/menu/folder.png);
96        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, .thumbnailCategory div.illustration {
109    width: 145px;
110}
111/* header */
112#theHeader {
113        background-image: url(images/header3.jpg);
114        background-position:center top;
115        background-repeat:no-repeat;
116        background-color: #000000;
117        color:#FFFFFF;
118        font-size:1.2em;
119        font-weight:bold;
120        height:105px;
121}
122#theHeader H1 {
123        color:#FFFFFF;
124        font-weight:bold;
125}
126#div_Menu {
127        margin-bottom:0;
128}
129/* contenu "section" */
130#section_in, #section_left, #section_bottom_left, #section_bottom, #section_bottom_right, #section_right{
131background:none;
132}
133
134
135#content #section_up_left{
136        background-image: url(images/section_up_left.png);
137        background-position:right top;
138        background-repeat:no-repeat;
139        height:91px;
140        width:72px;
141}
142#content #section_up {
143 background-image: url(images/section_up.png);
144 background-position:top;
145 background-repeat:repeat-x;
146 height:91px;
147 padding-bottom:20px;
148 padding-top:5px;
149}
150#content #section_up_right{
151 background-image: url(images/section_up_right.png);
152 background-position:left top;
153 background-repeat:no-repeat;
154 height:91px;
155 width:78px;
156}
157/* menubar*/
158
159#menubar {
160        margin-left:0px;
161}
162.mb_middle {
163background: transparent url(images/section_in.png) repeat top center;
164}
165#menubar DT{
166        background-image: url(images/fondMenu2.gif);
167        background-repeat:repeat-x;
168        background-color:#002024;
169        }
170/*#up .mb_left{
171        background-image: url(images/section_up_left.png);
172        background-position:right bottom;
173        background-repeat:no-repeat;
174 height:50px;
175}
176#section_up {
177 background-image: url(images/section_up.png);
178 background-position:bottom;
179 background-repeat:repeat-x;
180 height:50px;
181}
182#section_up_right{
183 background-image: url(images/section_up_right.png);
184 background-position:left bottom;
185 background-repeat:no-repeat;
186 height:50px;
187}
188#section_left{
189 background-image: url(images/section_left.png);
190 background-position:right;
191 background-repeat:repeat-y;
192}
193#section_bottom_left{
194 background-image: url(images/section_bottom_left.png);
195 background-position:top right;
196 background-repeat:no-repeat;
197}*/
198#bottom .mb_middle {
199 background-image: url(images/section_bottom.png);
200 background-position:top;
201 background-repeat:repeat-x;
202 height:20px;
203}
204#bottom .mb_right{
205 background-image: url(images/section_bottom_right.png);
206 background-position:left top;
207 background-repeat:no-repeat;
208 height:20px;
209 width:20px;
210}
211.mb_right {
212 background-image: url(images/section_right.png);
213 background-repeat:repeat-y;
214 background-position:left;
215 width:18px;
216}
217.mb_left {
218        display:none;
219       
220}
221/* menu Haut*/
222#div_Menu, #copyright {
223        background-image: url(images/back_noir.png);
224        background-repeat:repeat-x;
225    background-position:top center;
226}
227
228ul#Menu, ul#Menu li
229{
230        background:transparent;
231}
232ul#Menu li:hover
233{
234color: #fff;
235background-image: url(images/fondMenuSurvol.gif);
236background-repeat:repeat-x;
237background-position:center;
238background-color:transparent;
239        text-decoration: none;
240    border-bottom: none;
241}
242
243/* borders */
244#menubar DL {
245  border: 2px solid #002024;
246}
247
248#theImage IMG {
249  border-color: #fff;
250}
251#linkNext, #linkPrev {
252  border: 2px solid #fff;
253}
254
255.content UL.thumbnail IMG {
256    border: 1px solid #a0a0a0;
257}
258
259FIELDSET, INPUT, SELECT, TEXTAREA,
260.content DIV.comment  A.illustration IMG {
261  border: 1px solid #fff;
262}
263
264#comments DIV.comment BLOCKQUOTE {
265  border-left: 2px solid #696969;
266}
267
268/*
269.content UL.thumbnails SPAN.wrap2:hover,*/
270.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
271.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
272  border-color: #002024;
273  color: #42B4FF;
274}
275.illustration IMG {
276        border: 2px solid #FFFFFF;
277}
278/* links */
279A, INPUT.rateButton {
280    color: #fff;
281    background: transparent;
282}
283
284A:hover, INPUT.rateButton:hover {
285        color: #42B4FF;
286        border-bottom: none;
287        font-weight:bold;
288}
289
290#imageToolBar A, #imageToolBar A:hover {
291    border-bottom: none;
292}
293
294A.navThumb, A.navThumb:hover {
295    border-bottom: none;
296}
297#div_Menu A {
298        color:#FFFFFF;
299        text-decoration: none;
300}
301#div_Menu A:hover {
302        text-decoration: none;
303    border-bottom: none;
304}
305.header_notes A {
306    color: #333;
307}
308/* Picture */
309#imageHeaderBar {
310        background-image: url(images/fondblack2.png);
311        background-repeat:repeat-x;
312        background-position: center top;
313        background-color: #000000;
314}
315#imageHeaderBar h2 {
316background:transparent;
317color:#FFFFFF
318}
319#imageHeaderBar, #imageHeaderBar A {
320color:#FFFFFF;
321}
322#imageToolBar .randomButtons, #imageToolBar .navButtons {
323background:transparent;
324}
325#imageToolBar .navButtons {
326background:transparent;
327
328}
329#imageToolBar {
330        background-image: url(images/fondblack_bas.png);
331        background-repeat:repeat-x;
332        background-position: center bottom;
333        background-color: #000000;
334}
335#imageToolBar A:hover {
336background-image: url(images/fondMenuSurvol.gif);
337background-repeat:repeat-x;
338background-position:center;
339background-color:transparent;
340}
341#action_pict {
342        border: 2px solid #FFFFFF;
343    background: transparent url(images/back_actionpict.png) bottom center no-repeat;
344    color:#fff;
345    font-weight:bold;
346}
347/*calendar elements*/
348SPAN.calItem, SPAN.calItemEmpty
349{
350  border: 1px solid silver;
351}
352
353.virtual_cat { background: #fff !important; }
354#mbMenu #quicksearch > p { text-align: left; }
355form p { text-align:center; }
356#qsearchInput { color: #000; }
357#qsearchInput:focus { color: #000; }
358UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
359UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
360
361UL.tabsheet, UL.tabsheet LI {border-color: gray;}
362UL.tabsheet LI.normal_tab:hover { border-color: black; }
363
364/*______________-------------------___________________________---------*/
Note: See TracBrowser for help on using the repository browser.