source: extensions/hr_os_xl/theme.css @ 15907

Last change on this file since 15907 was 12675, checked in by flop25, 12 years ago

multi size ok

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