source: extensions/hr_glass_xl/theme.css @ 9278

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

adding hr_glass_xl

File size: 14.1 KB
Line 
1/* ---------------------------------------------------------------------------
2Thème hr_glass_xl de flop25(.free.fr)
3
4Basé sur le Thème MontBlanc de saimon.org
5------------------------------------------------------------------------------ */
6
7@import url(menu.css);
8
9* { margin: 0; padding: 0; border: 0; }
10
11body {
12        background-image: url(img/bg.jpg);
13        background-repeat: no-repeat;
14        background-position: center center;
15        background-attachment:fixed;
16        font-size:0.7em;
17        font-family: Verdana,Arial,Helvetica,sans-serif;
18        background-color: #000000;
19}
20
21* { outline: none }
22
23/* Common styles
24-------------------------------------------------------- */
25h2, h3 { color:#696969; }
26ul { list-style: none; }
27ul li { list-style: none; }
28
29a, a:link { color:#0066CC; text-decoration: none; border:0; }
30a:hover { text-decoration: none; border-bottom:1px solid #0066CC;}
31/*a:visited { color:#333333;}*/
32
33pre { overflow: auto; width: 100%; height: auto; }
34.left { float: left; }
35.right { float: right; }
36
37img{ border: 0; }
38#comments H2, .titrePage h2 {
39        background-image: url(img/boutton.png);
40        background-repeat:repeat-x;
41        background-color:#FFFFFF;
42        color: #000000;
43        border: 0;
44}
45.titrePage a {
46        color: #000000;
47}
48/* Page
49-------------------------------------------------------- */
50BODY#thePicturePage,BODY#theCategoryPage, BODY#theTagsPage {}
51
52#the_page {
53        width: 940px;
54        margin: 0 auto;
55        position: relative;
56        background: transparent url(img/fond_milieu.png) repeat-y top center;
57}
58
59#content div.titrePage { padding: 10px 3px; }
60
61/* Header
62-----[personaliser ICI BAS]------------- */
63#theHeader {
64        background-image: url(img/header_back.png);
65        background-repeat: repeat-x;
66        background-position: top;
67        height: 100px;
68        margin: 0 auto;
69}
70        #theHeader h1 {
71        font-size: 2em;
72        margin: 0;
73        color: #fff;
74        text-align: center;
75        position: absolute;
76        left: 30px;
77        top: 70px;
78        }
79
80/*
81************[ Si vous voulez rajoutez votre header_big_txt.png créé avec le .psd remplacer les lignes précédentes par ce qui suit]********************
82
83#theHeader {
84        background-image: url(img/header_big_txt.png);
85        background-repeat: no-repeat;
86        background-position: top;
87        height: 200px;
88        margin: 0 auto;
89}
90        #theHeader h1 {
91        font-size: 2em;
92        margin: 0;
93        color: #fff;
94        text-align: center;
95        position: absolute;
96        left: 30px;
97        top: 150px;
98        }
99
100*/
101
102        #theHeader p {display:none;}
103/*      #theHeader a:link, #theHeader a:visited, #theHeader a:hover { color: #FFF; text-decoration: none; }*/
104
105body#theCommentsPage .content, body#theUploadPage .content, body#theRegisterPage .content, body#theIdentificationPage .content, body#theProfilePage .content, body#theSearchPage .content, body#theAboutPage .content, body#thePopuphelpPage .content, body#thePasswordPage .content, body#theNotificationPage .content, body#theTagsPage .content, body#theNBMPage .content, #content, BODY#theAdminPage #content, BODY#theTagsPage #content {
106        width: 860px;
107        margin: 0 auto;
108}
109
110
111.row1 { background-color: #999;}
112.throw { background-color: #999;}
113
114/*      Page Catégories
115-----------------------------------------------------------------------------------------------*/
116#content div.thumbnailCategory { 
117        padding: 2px; 
118/*      text-align: center;    */
119}
120#content div.thumbnailCategory:hover {
121        border:1px solid #0066cc;
122        background-color: #eee;
123}
124#content ul.thumbnailCategories li { width:49.9%; }
125
126/*      Page Image
127-----------------------------------------------------------------------------------------------*/
128#linkNext {
129    float: right;
130    margin-left: 10px;
131    margin-right: 15px;
132}
133#linkPrev {
134    float: left;
135    margin-left: 15px;
136    margin-right: 10px;
137}
138#imageToolBar, #imageHeaderBar {
139        width: 860px;
140        margin: 10px auto;
141}
142#imageHeaderBar{
143        background: #F5F5F5;
144        border: 1px solid #CDCDCD;
145        border-width: 1px 0;
146        padding: 5px 8px;
147}
148
149#theImage IMG {
150  padding: 5px;
151  border: 1px solid #aaa;
152}
153
154#imageHeaderBar H2 { 
155        border: none;
156        clear: both;
157        padding: 0;
158        text-align: center;
159        padding: 0.5em 0 0 0;
160}
161#imageHeaderBar .browsePath a { color:#0066CC; text-decoration: none; }
162#imageHeaderBar .browsePath a:hover { color:#333333; }
163
164/*#imageToolBar A:hover { background-color: #a0a0a0; }*/
165
166.infoTable{ margin: 20px auto; }
167#thumbPrev{ margin: 20px 0 0 20px; }
168#thumbNext{ margin: 20px 20px 0 0;}
169a#thumbPrev, a#thumbNext { text-decoration: none; border:0; }
170
171/*      commentaires
172-----------------------------------------------------------------------------------------------*/
173
174#comments{ width: 860px; margin: 20px auto; }
175#comments DIV.comment BLOCKQUOTE { border: 1px solid #5f5f5f; border-left: 2px solid #696969; }
176
177FIELDSET, INPUT, SELECT, TEXTAREA, TABLE.table2, #infos,
178#content DIV.comment  A.illustration IMG, #content DIV.thumbnailCategory { border: 1px solid gray; }
179
180textarea { width:80%; }
181
182/*      miniatures
183-----------------------------------------------------------------------------------------------*/
184#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A,
185#content UL.thumbnails SPAN.wrap2 LABEL, #content DIV.thumbnailCategory DIV.illustration {
186  width: 162px;                 /* max thumbnail width + 2px */
187}
188#content ul.thumbnails span.wrap2{ width: 172px; height:150px; }
189#content DIV.thumbnailCategory DIV.description { height: 100px; }               /* max thumbnail height + 2px */
190#content DIV.thumbnailCategory DIV.illustration img { height: 96px; }
191#content DIV.thumbnailCategory DIV.illustration a:hover { border:0; }
192
193#content DIV.comment BLOCKQUOTE {
194  margin-left: 172px;   /*maximum thumbnail width + ~10px */
195}
196#content DIV.thumbnailCategory DIV.description  p { text-align: left; }
197
198/*#content ul.thumbnails span.wrap1 { margin: 0 10px; }*/
199#content UL.thumbnails SPAN.wrap2 img { padding: 5px; border: 1px solid #ccc; }
200#content UL.thumbnails SPAN.wrap2 img:hover { border-color: #06c; }
201
202#content UL.thumbnails LI.thumbCat SPAN.wrap2 { border-style: hidden; background-color: #ccccaa; }
203#content UL.thumbnails LI.thumbCat SPAN.wrap2:hover { border-style: solid; }
204
205#content ul.thumbnails span.thumbLegend {
206/*    height: auto;*/
207    padding: 0.5em 0;
208}
209.zero { display: none }
210.nb-hits { color: #69c; }
211.nb-comments { color: #f92; }
212
213
214/* links */
215/*.rateButton, A { color: #FFFFFF; }
216.rateButton:hover, A:hover { color: #FFF48E; }*/
217
218/*      Menu
219-----------------------------------------------------------------------------------------------*/
220#menubar .button {
221left:95%;
222position:absolute;
223}
224#menubar { position: relative; z-index: 2; }
225#content { position: relative; z-index: 1; }
226
227#content div.thumbnailCategory div.description {
228        overflow: hidden; /* bug in FF 1.0 (not 1.5) */
229}
230/*#content div.thumbnailCategory>div.description:hover {
231  overflow: visible;
232}*/
233
234/* horizontal menubar */
235#menubar, BODY#theAdminPage #menubar {
236        float: none;
237        width: 898px;
238        margin: 5px auto;
239        border: none;
240        /*overflow: hidden;*/   /* bothers FF so we rather set height below */
241        display: block;
242}
243
244/* set menubar height (not for IE) */
245#the_page > #menubar, BODY#theAdminPage #the_page > #menubar {
246  height: 2.1em;
247  padding: 0;
248}
249#menubar DL>DT {
250  padding: 0.2em 0.4em;
251}
252
253/* general UL formating */
254#menubar UL, #menubar DL, #menubar UL#menuTagCloud {
255  list-style: none;
256  margin: 0;
257  padding: 0;
258  float: left;
259}
260#menubar DL { display: inline; padding: 0 2.1em; }
261BODY#theAdminPage #the_page > #menubar DL { padding: 0 0.5em;}
262
263#menubar UL {  width: 20em; }
264#menubar ul li a {  padding-right: 3em; }
265
266#menubar P, #menubar P.totalImages, FORM#quickconnect {
267  clear: both;
268  margin: 0;
269  text-align: center;
270  padding: 0.2em;
271}
272
273/* titles and links */
274#menubar A, #menubar DT { display: block; }
275
276/* positioning */
277#menubar LI { position: relative;}
278#menubar DD { position: absolute; z-index: 500;}
279#menubar DD UL UL {
280  position: absolute;
281  top: 0px;
282  left: 100%;
283  z-index: 500;
284}
285#menubar LI SPAN,#menubar LI IMG { position: absolute; top: 0;}
286#menubar LI SPAN { right: 7px;}
287#menubar LI IMG { right: 3em;}
288
289/* hiding and revealing up to 6 menu levels */
290DIV#menubar DD,
291DIV#menubar UL UL,
292DIV#menubar UL LI:hover UL UL,
293DIV#menubar UL UL LI:hover UL UL,
294DIV#menubar UL UL UL LI:hover UL UL,
295DIV#menubar UL UL UL UL LI:hover UL UL { display: none; }
296
297DIV#menubar DL:hover DD,
298DIV#menubar UL LI:hover UL,
299DIV#menubar UL UL LI:hover UL,
300DIV#menubar UL UL UL LI:hover UL,
301DIV#menubar UL UL UL UL LI:hover UL,
302DIV#menubar UL UL UL UL UL LI:hover UL { display: block; }
303
304/* styles
305#menubar, #menubar DT {
306
307background-image: url(img/fondMenu2.gif);
308background-repeat:repeat-x;
309background-color:#000000;
310        color: #FFF;
311        border: 0;
312}
313#menubar a, #menubar DT a {
314        color: #fff;
315        display: block;
316        text-decoration: none;
317        border: 0;
318
319}
320#menubar DD {
321        color: #000000;
322        border: 0;
323        background-image: url(img/back_menu.png);
324}
325#menubar DD a, #menubar DD span {
326        color: #000000;
327        display: block;
328        text-decoration: none;
329        border: 0;
330        background-image: url(img/back_menu.png);
331}
332
333#menubar li a:hover, #menubar dt a:hover, #menubar DT:hover {  liens survolés
334background-image: url(img/fondMenuSurvol.gif);
335background-repeat:repeat-x;
336background-position:center;
337background-color:#CCCCCC,
338}
339
340#menubar A:hover { color: #fff; }
341#menubar DD A { padding: 0.5em; }
342#menubar DD A:hover { background-color: #999; }
343*/
344/*
345===============================================
346   Ce qui fonctionne avec IE7
347===============================================
348 styles
349*/
350
351#menubar DD, #menubar UL {
352        color: #000000;
353        border: 0;
354        background-image: url(img/back_menu.png);
355}
356
357#menubar DD {
358    border-right: 2px solid #777;
359    border-bottom: 2px solid #777;
360   -moz-border-radius: 4px;   
361    border-radius: 4px 4px;   
362    }
363#menubar DD A { padding: 0.5em; }
364#menubar DD a {
365    color: #000000;
366    display: block;
367    text-decoration: none;
368    border: 0;
369}
370#menubar, #menubar DT {
371background-image: url(img/fondMenu2.gif);
372background-repeat:repeat-x;
373background-color:#000000;
374        color: #FFF;
375        border: 0;
376}
377#menubar a, #menubar DT a { 
378        color: #fff; 
379        display: block; 
380        text-decoration: none; 
381        border: 0;
382
383}
384/********************/
385#menubar A:hover, #menubar dt:hover { 
386color: #fff;
387background-image: url(img/fondMenuSurvol.gif);
388background-repeat:repeat-x;
389background-position:center;
390background-color:#CCCCCC;
391}
392
393/*      quickconnect (still to be fixed for IE)
394-----------------------------------------------------------------------------------------------*/
395FORM#quickconnect FIELDSET { width: 220px; }
396FORM#quickconnect LABEL { clear: left; /*margin: 0;*/ text-align: left; }
397FORM#quickconnect LABEL INPUT { font-size: 1em; /*width: 15em;*/ }
398FORM#quickconnect P, FORM#quickconnect A { border: none; padding: 0; }
399/*FORM#quickconnect A { display: inline; }*/
400FORM#quickconnect ul.actions { width: auto; }
401/*FORM#quickconnect ul.actions img { position: static; }*/
402FORM#quickconnect ul.actions li { display: inline; float: right; }
403
404
405
406/*      menuTagCloud
407-----------------------------------------------------------------------------------------------*/
408
409#menubar UL#menuTagCloud A { padding-left: 2px; }
410#menubar UL#menuTagCloud LI { display: block; }
411
412UL#menuTagCloud A IMG { position: static; }
413UL#menuTagCloud A {
414  position: absolute;
415  left: 7px;
416  top: 0.2em;
417  padding-right: 0;
418  display: inline;
419  border-width: 0;
420}
421
422#menubar UL#menuTagCloud A.tagLevel1,
423#menubar UL#menuTagCloud A.tagLevel2,
424#menubar UL#menuTagCloud A.tagLevel3,
425#menubar UL#menuTagCloud A.tagLevel4,
426#menubar UL#menuTagCloud A.tagLevel5,
427#menubar UL#menuTagCloud A.tagLevel6,
428#menubar UL#menuTagCloud A.tagLevel7,
429#menubar UL#menuTagCloud A.tagLevel8,
430#menubar UL#menuTagCloud A.tagLevel9,
431#menubar UL#menuTagCloud A.tagLevel10 {
432  /*font-size: 100%;*/
433  /*padding-left: 1.5em;*/
434  padding-left: 18px;
435  position: static;
436  display: block;
437}
438
439/* Tags - Page des tags
440-------------------------------------------------------- */
441
442ul#fullTagCloud {
443        position: relative;
444        border: 1px solid #E8E8E8;
445        border-width: 1px 0;
446        background: #FBFBFB;
447        padding: 5px;
448        margin: 8px 0 20px 0;
449        overflow: hidden;
450        height: 100%;
451        font-size: 120%;
452}
453        ul#fullTagCloud li {
454                /* display: inline; */
455                display: block;
456                float: left;
457                margin: 4px;
458                padding: 1px 5px;
459                height: 18px;
460                line-height: 18px;
461                background: none;
462        }
463        ul#fullTagCloud li a:link, ul#fullTagCloud li a:visited {
464                color: #005D99;
465                text-decoration: none;
466                white-space: nowrap;
467        }
468        ul#fullTagCloud li a:hover { text-decoration: underline; border: 0; }
469        ul#fullTagCloud li a:focus, ul#fullTagCloud li a:active { background: #005D99; color: #FFF; }
470
471.tagLevel5 { font-size:160%; }
472.tagLevel4 { font-size:140%; }
473.tagLevel3 { font-size:120%; }
474.tagLevel2 { font-size:100%; }
475.tagLevel1 { font-size:80%; }
476
477/*.tagLevel1 { font-size: 80%; }
478.tagLevel2 { font-size: 90%; }
479.tagLevel3 { font-size: 100%; }
480.tagLevel4 { font-size: 110%; }
481.tagLevel5 { font-size: 120%; }
482.tagLevel6 { font-size: 130%; }
483.tagLevel7 { font-size: 140%; }
484.tagLevel8 { font-size: 150%; }
485.tagLevel9 { font-size: 160%; }
486.tagLevel10 { font-size: 170%; }*/
487
488/*====== */
489
490/* others */
491.pleaseNote {
492        margin: 20px auto;
493        width: 700px;
494    background: #eee;
495    color: #ff9b00;
496        border: 1px solid #ff9b00;
497    padding: 1ex;
498    font-weight: bold;
499}
500
501.header_notes { background-position:left center; padding: 5px 0px; }
502
503li.categoryLi {
504        float:left;
505        margin:2px;
506        width:46%;
507}
508
509input.rateButton { color: #369; }
510input.rateButtonSelected { color:#696969; }
511INPUT.rateButton:hover { color: #858460;}
512
513.tabsheet li,
514.tabsheet li a { color: #FFFFFF;}
515.tabsheet li a:hover { color: #484848; }
516ul.tabsheet { border-color: #807d76; }
517.tabsheet li { border: 1px solid #696969; }
518.tabsheet li:hover { border-color: #484848 !important; }
519
520
521/*      calendar
522-----------------------------------------------------------------------------------------------*/
523
524DIV.calendarViews {
525  padding-top: 5px;
526  padding-right: 6px;
527}
528
529/*calendar elements*/
530SPAN.calItemEmpty { color: silver; }
531
532SPAN.calItem, SPAN.calItemEmpty { border: 1px solid gray; }
533
534/* nice looking month calendar*/
535TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}
536
537TD.calDayCellEmpty { color: silver; }
538
539.calBackDate { color: #000; }
540.calForeDate { color: #fff; }
541
542/* Footer
543-------------------------------------------------------- */
544#copyright {
545        clear: both;
546        margin: 0 auto;
547        padding: 5px 0;
548        text-align: center;
549        font-weight: bold;
550        height:25px;
551        background-image: url(img/footer_back.png);
552        background-repeat: repeat-x;
553        background-position: bottom;
554}
555#copyright a:link, #copyright a:visited { text-decoration: underline; color: #000; }
556#copyright a:hover { text-decoration: none; color: #000; border: 0; }
Note: See TracBrowser for help on using the repository browser.