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

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

thumbnails can be bigger and smaller than 140px : resize for album and use of jquery for thumbnails to use maximum height

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