source: extensions/hr_os/theme.css @ 23576

Last change on this file since 23576 was 20153, checked in by flop25, 12 years ago

optimal size
switchlanguage style

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