source: extensions/hr_glass_xl/theme.css @ 13107

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

multi size ok and ie7 friendly

File size: 14.1 KB
Line 
1/* ---------------------------------------------------------------------------
2Theme hr_glass_xl
3
4child-theme of hr_glass_xl
5
6by flop25 http://www.planete-flop.fr/
7------------------------------------------------------------------------------ */
8
9@import "menu.css";
10@import "iconset.css";
11
12* { margin: 0; padding: 0; border: 0; }
13
14body {
15        background-image: url(img/bg.jpg);
16        background-repeat: no-repeat;
17        background-position: center center;
18        background-attachment:fixed;
19        font-size:0.7em;
20        font-family: Verdana,Arial,Helvetica,sans-serif;
21        background-color: #000000;
22}
23
24* { outline: none }
25
26/* Common styles
27-------------------------------------------------------- */
28h2, h3 { color:#696969; }
29ul { list-style: none; }
30ul li { list-style: none; }
31
32a, a:link { color:#0066CC; text-decoration: none; border:0; }
33a:hover { text-decoration: none; border-bottom:1px solid #0066CC;}
34/*a:visited { color:#333333;}*/
35
36pre { overflow: auto; width: 100%; height: auto; }
37.left { float: left; }
38.right { float: right; }
39
40img{ border: 0; }
41#comments H2, .titrePage h2 {
42        background-image: url(img/boutton.png);
43        background-repeat:repeat-x;
44        background-color:#FFFFFF;
45        color: #000000;
46        border: 0;
47}
48.titrePage a {
49        color: #000000;
50}
51/* Page
52-------------------------------------------------------- */
53BODY#thePicturePage,BODY#theCategoryPage, BODY#theTagsPage {}
54
55#the_page {
56        width: 940px;
57        margin: 0 auto;
58        position: relative;
59        background: transparent url(img/fond_milieu.png) repeat-y top center;
60}
61
62#content div.titrePage { padding: 10px 3px; }
63
64/* Header
65-----[personaliser ICI BAS]------------- */
66#theHeader {
67        background-image: url(img/header_back.png);
68        background-repeat: repeat-x;
69        background-position: top;
70        height: 100px;
71        margin: 0 auto;
72}
73        #theHeader h1 {
74        font-size: 2em;
75        margin: 0;
76        color: #fff;
77        text-align: center;
78        position: absolute;
79        left: 30px;
80        top: 70px;
81        }
82
83/*
84************[ Si vous voulez rajoutez votre header_big_txt.png créé avec le .psd remplacer les lignes précédentes par ce qui suit]********************
85
86#theHeader {
87        background-image: url(img/header_big_txt.png);
88        background-repeat: no-repeat;
89        background-position: top;
90        height: 200px;
91        margin: 0 auto;
92}
93        #theHeader h1 {
94        font-size: 2em;
95        margin: 0;
96        color: #fff;
97        text-align: center;
98        position: absolute;
99        left: 30px;
100        top: 150px;
101        }
102
103*/
104
105        #theHeader p {display:none;}
106/*      #theHeader a:link, #theHeader a:visited, #theHeader a:hover { color: #FFF; text-decoration: none; }*/
107
108body#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, #theCategoryPage .content {
109        width: 898px;
110        margin: 0 auto;
111}
112
113
114.row1 { background-color: #999;}
115.throw { background-color: #999;}
116
117/*      Page Catégories
118-----------------------------------------------------------------------------------------------*/
119#content div.thumbnailCategory { 
120        padding: 2px; 
121/*      text-align: center;    */
122}
123#content div.thumbnailCategory:hover {
124        border:1px solid #0066cc;
125        background-color: #eee;
126}
127#content ul.thumbnailCategories li { width:49.9%; }
128
129/*      Page Image
130-----------------------------------------------------------------------------------------------*/
131#linkNext {
132    float: right;
133    margin-left: 10px;
134    margin-right: 15px;
135}
136#linkPrev {
137    float: left;
138    margin-left: 15px;
139    margin-right: 10px;
140}
141#imageToolBar, #imageHeaderBar {
142        width: 860px;
143        margin: 10px auto;
144}
145#imageHeaderBar{
146        background: #F5F5F5;
147        border: 1px solid #CDCDCD;
148        border-width: 1px 0;
149        padding: 5px 8px;
150}
151
152#theImage IMG {
153  padding: 5px;
154  border: 1px solid #aaa;
155}
156
157#imageHeaderBar H2 { 
158        border: none;
159        clear: both;
160        padding: 0;
161        text-align: center;
162        padding: 0.5em 0 0 0;
163}
164#imageHeaderBar .browsePath a { color:#0066CC; text-decoration: none; }
165#imageHeaderBar .browsePath a:hover { color:#333333; }
166
167/*#imageToolBar A:hover { background-color: #a0a0a0; }*/
168
169.infoTable{ margin: 20px auto; }
170#thumbPrev{ margin: 20px 0 0 20px; }
171#thumbNext{ margin: 20px 20px 0 0;}
172a#thumbPrev, a#thumbNext { text-decoration: none; border:0; }
173
174/*      commentaires
175-----------------------------------------------------------------------------------------------*/
176
177#comments{ width: 860px; margin: 20px auto; }
178#comments DIV.comment BLOCKQUOTE { border: 1px solid #5f5f5f; border-left: 2px solid #696969; }
179
180FIELDSET, INPUT, SELECT, TEXTAREA, TABLE.table2, #infos,
181#content DIV.comment  A.illustration IMG, #content DIV.thumbnailCategory { border: 1px solid gray; }
182
183textarea { width:80%; }
184
185/*      miniatures
186-----------------------------------------------------------------------------------------------*/
187.thumbnails SPAN, .thumbnails .wrap2 A, .thumbnails LABEL, .thumbnailCategory DIV.illustration {width:auto;}
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    margin: 0 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 0;
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.