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

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

sprite for icons/ old icons deleted
adding an about msg
few other changes

File size: 7.8 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/* header */
109#theHeader {
110        background-image: url(images/header3.jpg);
111        background-position:center top;
112        background-repeat:no-repeat;
113        background-color: #000000;
114        color:#FFFFFF;
115        font-size:1.2em;
116        font-weight:bold;
117        height:105px;
118}
119#theHeader H1 {
120        color:#FFFFFF;
121        font-weight:bold;
122}
123#div_Menu {
124        margin-bottom:0;
125}
126/* contenu "section" */
127#section_in, #section_left, #section_bottom_left, #section_bottom, #section_bottom_right, #section_right{
128background:none;
129}
130
131
132#content #section_up_left{
133        background-image: url(images/section_up_left.png);
134        background-position:right top;
135        background-repeat:no-repeat;
136        height:91px;
137        width:72px;
138}
139#content #section_up {
140 background-image: url(images/section_up.png);
141 background-position:top;
142 background-repeat:repeat-x;
143 height:91px;
144 padding-bottom:20px;
145 padding-top:5px;
146}
147#content #section_up_right{
148 background-image: url(images/section_up_right.png);
149 background-position:left top;
150 background-repeat:no-repeat;
151 height:91px;
152 width:78px;
153}
154/* menubar*/
155
156#menubar {
157        margin-left:0px;
158}
159.mb_middle {
160background: transparent url(images/section_in.png) repeat top center;
161}
162#menubar DT{
163        background-image: url(images/fondMenu2.gif);
164        background-repeat:repeat-x;
165        background-color:#002024;
166        }
167/*#up .mb_left{
168        background-image: url(images/section_up_left.png);
169        background-position:right bottom;
170        background-repeat:no-repeat;
171 height:50px;
172}
173#section_up {
174 background-image: url(images/section_up.png);
175 background-position:bottom;
176 background-repeat:repeat-x;
177 height:50px;
178}
179#section_up_right{
180 background-image: url(images/section_up_right.png);
181 background-position:left bottom;
182 background-repeat:no-repeat;
183 height:50px;
184}
185#section_left{
186 background-image: url(images/section_left.png);
187 background-position:right;
188 background-repeat:repeat-y;
189}
190#section_bottom_left{
191 background-image: url(images/section_bottom_left.png);
192 background-position:top right;
193 background-repeat:no-repeat;
194}*/
195#bottom .mb_middle {
196 background-image: url(images/section_bottom.png);
197 background-position:top;
198 background-repeat:repeat-x;
199 height:20px;
200}
201#bottom .mb_right{
202 background-image: url(images/section_bottom_right.png);
203 background-position:left top;
204 background-repeat:no-repeat;
205 height:20px;
206 width:20px;
207}
208.mb_right {
209 background-image: url(images/section_right.png);
210 background-repeat:repeat-y;
211 background-position:left;
212 width:18px;
213}
214.mb_left {
215        display:none;
216       
217}
218/* menu Haut*/
219#div_Menu, #copyright {
220        background-image: url(images/back_noir.png);
221        background-repeat:repeat-x;
222    background-position:top center;
223}
224
225ul#Menu, ul#Menu li
226{
227        background:transparent;
228}
229ul#Menu li:hover
230{
231color: #fff;
232background-image: url(images/fondMenuSurvol.gif);
233background-repeat:repeat-x;
234background-position:center;
235background-color:transparent;
236        text-decoration: none;
237    border-bottom: none;
238}
239
240/* borders */
241#menubar DL {
242  border: 2px solid #002024;
243}
244
245#theImage IMG {
246  border-color: #fff;
247}
248#linkNext, #linkPrev {
249  border: 2px solid #fff;
250}
251
252.content UL.thumbnail IMG {
253    border: 1px solid #a0a0a0;
254}
255
256FIELDSET, INPUT, SELECT, TEXTAREA,
257.content DIV.comment  A.illustration IMG {
258  border: 1px solid #fff;
259}
260
261#comments DIV.comment BLOCKQUOTE {
262  border-left: 2px solid #696969;
263}
264
265/*
266.content UL.thumbnails SPAN.wrap2:hover,*/
267.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
268.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
269  border-color: #002024;
270  color: #42B4FF;
271}
272.illustration IMG {
273        border: 2px solid #FFFFFF;
274}
275/* links */
276A, INPUT.rateButton {
277    color: #fff;
278    background: transparent;
279}
280
281A:hover, INPUT.rateButton:hover {
282        color: #42B4FF;
283        border-bottom: none;
284        font-weight:bold;
285}
286
287#imageToolBar A, #imageToolBar A:hover {
288    border-bottom: none;
289}
290
291A.navThumb, A.navThumb:hover {
292    border-bottom: none;
293}
294#div_Menu A {
295        color:#FFFFFF;
296        text-decoration: none;
297}
298#div_Menu A:hover {
299        text-decoration: none;
300    border-bottom: none;
301}
302.header_notes A {
303    color: #333;
304}
305/* Picture */
306#imageHeaderBar {
307        background-image: url(images/fondblack2.png);
308        background-repeat:repeat-x;
309        background-position: center top;
310        background-color: #000000;
311}
312#imageHeaderBar h2 {
313background:transparent;
314color:#FFFFFF
315}
316#imageHeaderBar, #imageHeaderBar A {
317color:#FFFFFF;
318}
319#imageToolBar .randomButtons, #imageToolBar .navButtons {
320background:transparent;
321}
322#imageToolBar .navButtons {
323background:transparent;
324
325}
326#imageToolBar {
327        background-image: url(images/fondblack_bas.png);
328        background-repeat:repeat-x;
329        background-position: center bottom;
330        background-color: #000000;
331}
332#imageToolBar A:hover {
333background-image: url(images/fondMenuSurvol.gif);
334background-repeat:repeat-x;
335background-position:center;
336background-color:transparent;
337}
338#action_pict {
339        border: 2px solid #FFFFFF;
340    background: transparent url(images/back_actionpict.png) bottom center no-repeat;
341    color:#fff;
342    font-weight:bold;
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/*______________-------------------___________________________---------*/
Note: See TracBrowser for help on using the repository browser.