source: extensions/montblancxl/theme.css @ 3417

Last change on this file since 3417 was 3306, checked in by patdenice, 15 years ago

New extension added:
Theme MonblancXL (2.0.c)

File size: 10.6 KB
Line 
1@import url(menu.css);
2
3* { margin: 0; padding: 0; border: 0; }
4
5body {
6        background: #000;
7        font-size:0.7em;
8        font-family: Verdana,Arial,Helvetica,sans-serif;
9}
10
11* { outline: none }
12
13/* Common styles
14-------------------------------------------------------- */
15h2, h3 { color:#696969; }
16ul { list-style: none; }
17ul li { list-style: none; }
18
19a, a:link { color:#0066CC; text-decoration: none; border:0; }
20a:hover { text-decoration: none; border-bottom:1px solid #0066CC;}
21/*a:visited { color:#333333;}*/
22
23pre { overflow: auto; width: 100%; height: auto; }
24.left { float: left; }
25.right { float: right; }
26
27img{ border: 0; }
28
29/* Stuffs
30-------------------------------------------------------- */
31.middle_block { width: auto !important; }
32
33/* Infos Errors
34-------------------------------------------------------- */
35.infos, .errors {
36  margin: 20px;
37  height: 30px;
38}
39
40/* Page
41-------------------------------------------------------- */
42BODY#thePicturePage,BODY#theCategoryPage, BODY#theTagsPage {}
43
44#the_page {
45        width: 940px;
46        margin: 0 auto;
47        position: relative;
48        background: transparent url(img/background.jpg) repeat-y top center;
49}
50
51.content div.titrePage { padding: 10px 3px; }
52
53/* Header
54-------------------------------------------------------- */
55#theHeader {
56        background: transparent url(img/header.jpg) no-repeat center bottom;
57        height: 200px;
58        margin: 0 auto;
59}
60
61#theHeader h1 { 
62        font-size: 2em; 
63        margin: 0;
64        /*      padding: 170px 34px 0 34px; */
65        color: #fff; 
66        text-align: left; 
67        position: absolute;
68        left: 30px;
69        top: 170px;
70}
71
72#theHeader p {display:none;}
73
74.content, BODY#theAdminPage .content, BODY#theTagsPage .content {
75        width: 860px;
76        margin: 0 auto !important;
77}
78
79/* Spécifique à la page des images */
80
81#thePicturePage #theHeader {
82        background: transparent url(img/headerpic.jpg) no-repeat center bottom;
83        height: 15px;
84}
85#thePicturePage #theHeader h1 { display: none; }
86
87/*=========================================================================================*/
88
89.row1 { background-color: #999;}
90.throw { background-color: #999;}
91
92/*      Page Catégories
93-----------------------------------------------------------------------------------------------*/
94.content div.thumbnailCategory { 
95        padding: 2px; 
96/*      text-align: center;    */
97}
98.content div.thumbnailCategory:hover {
99        border:1px solid #0066cc;
100        background-color: #eee;
101}
102.content ul.thumbnailCategories li { width:49.9%; }
103
104/*      Page Image
105-----------------------------------------------------------------------------------------------*/
106
107#imageToolBar, #imageHeaderBar {
108        width: 860px;
109        margin: 10px auto;
110}
111#imageHeaderBar{
112        background: #F5F5F5;
113        border: 1px solid #CDCDCD;
114        border-width: 1px 0;
115        padding: 5px 8px;
116}
117
118#theImage IMG {
119  padding: 5px;
120  border: 1px solid #aaa;
121}
122
123#imageHeaderBar H2 { 
124        border: none;
125        clear: both;
126        padding: 0;
127        text-align: center;
128        padding: 0.5em 0 0 0;
129}
130#imageHeaderBar .browsePath a { color:#0066CC; text-decoration: none; }
131#imageHeaderBar .browsePath a:hover { color:#333333; }
132
133.infoTable{ margin: 20px auto; }
134#linkPrev{ margin: 20px 0 0 20px; }
135#linkNext{ margin: 20px 20px 0 0;}
136a#thumbPrev, a#thumbNext { text-decoration: none; border:0; }
137
138#addComment label { width: 100%; margin-top: 1em; }
139
140/*      commentaires
141-----------------------------------------------------------------------------------------------*/
142
143#comments{ width: 860px; margin: 20px auto; }
144#comments DIV.comment BLOCKQUOTE { border: 1px solid #5f5f5f; border-left: 2px solid #696969; }
145
146FIELDSET, INPUT, SELECT, TEXTAREA, TABLE.table2, #infos,
147.content DIV.comment  A.illustration IMG, .content DIV.thumbnailCategory { border: 1px solid gray; }
148#comments ul.thumbnailCategories li { margin: 5px auto; }
149
150textarea { width: 100%; }
151
152/*      miniatures
153-----------------------------------------------------------------------------------------------*/
154.content UL.thumbnails SPAN, .content UL.thumbnails SPAN.wrap2 A,
155.content UL.thumbnails SPAN.wrap2 LABEL, .content DIV.thumbnailCategory DIV.illustration {
156  width: 155px;                 /* max thumbnail width + 2px */
157}
158.content ul.thumbnails span.wrap2{ width: 172px; height:150px; }
159.content DIV.thumbnailCategory DIV.description { height: 100px; }               /* max thumbnail height + 2px */
160.content DIV.thumbnailCategory DIV.illustration img { height: 96px; }
161.content DIV.thumbnailCategory DIV.illustration a:hover { border:0; }
162
163.content DIV.comment BLOCKQUOTE {
164  margin-left: 172px;   /*maximum thumbnail width + ~10px */
165}
166.content DIV.thumbnailCategory DIV.description  p { text-align: left; }
167
168/*.content ul.thumbnails span.wrap1 { margin: 0 10px; }*/
169.content UL.thumbnails SPAN.wrap2 img { padding: 5px; border: 1px solid #ccc; }
170.content UL.thumbnails SPAN.wrap2 img:hover { border-color: #06c; }
171
172.content UL.thumbnails LI.thumbCat SPAN.wrap2 { border-style: hidden; background-color: #ccccaa; }
173.content UL.thumbnails LI.thumbCat SPAN.wrap2:hover { border-style: solid; }
174
175.content ul.thumbnails span.thumbLegend {
176/*    height: auto;*/
177    padding: 0.5em 0;
178}
179.zero { display: none }
180.nb-hits { color: #69c; }
181.nb-comments { color: #f92; }
182}
183
184/*      Menu
185-----------------------------------------------------------------------------------------------*/
186
187#menubar { position: relative; z-index: 2; }
188.content { position: relative; z-index: 1; }
189
190.content div.thumbnailCategory div.description {
191        overflow: hidden; /* bug in FF 1.0 (not 1.5) */
192}
193
194/* horizontal menubar */
195#menubar, BODY#theAdminPage #menubar {
196        float: none;
197        width: 898px;
198        margin: 5px auto;
199        border: none;
200        display: block;
201}
202
203/* Filter button */
204#menubar .button { position: absolute; left:95% } 
205#menubar P, #menubar P.totalImages{ clear: both; margin: 0; text-align: center; padding: 0.2em }
206
207/* set menubar height (not for IE) */
208#the_page > #menubar, BODY#theAdminPage #the_page > #menubar {
209  height: 2.1em;
210  padding: 0;
211}
212#menubar DL>DT {
213  padding: 0.2em 0.4em;
214}
215
216/* general UL formating */
217#menubar UL, #menubar DL, #menubar UL#menuTagCloud {
218  list-style: none;
219  margin: 0;
220  padding: 0;
221  float: left;
222}
223#menubar DL { display: inline; padding: 0 2.1em; }
224BODY#theAdminPage #the_page > #menubar DL { padding: 0 0.5em;}
225
226#menubar UL {  width: 20em; }
227#menubar ul li a {  padding-right: 3em; }
228
229#menubar P, #menubar P.totalImages, FORM#quickconnect {
230  clear: both;
231  margin: 0;
232  text-align: center;
233  padding: 0.2em;
234}
235
236/* titles and links */
237#menubar A, #menubar DT { display: block; }
238
239/* positioning */
240#menubar LI { position: relative;}
241#menubar DD { position: absolute; z-index: 500;}
242#menubar DD UL UL {
243  position: absolute;
244  top: 0px;
245  left: 100%;
246  z-index: 500;
247}
248#menubar LI SPAN,#menubar LI IMG { position: absolute; top: 0;}
249#menubar LI SPAN { right: 7px;}
250#menubar LI IMG { right: 3em;}
251
252/* hiding and revealing up to 6 menu levels */
253DIV#menubar DD,
254DIV#menubar UL UL,
255DIV#menubar UL LI:hover UL UL,
256DIV#menubar UL UL LI:hover UL UL,
257DIV#menubar UL UL UL LI:hover UL UL,
258DIV#menubar UL UL UL UL LI:hover UL UL { display: none; }
259
260DIV#menubar DL:hover DD,
261DIV#menubar UL LI:hover UL,
262DIV#menubar UL UL LI:hover UL,
263DIV#menubar UL UL UL LI:hover UL,
264DIV#menubar UL UL UL UL LI:hover UL,
265DIV#menubar UL UL UL UL UL LI:hover UL { display: block; }
266
267/* styles */
268#menubar, #menubar DT, #menubar DD, #menubar UL {
269        background-color: #666;
270        color: #FFF;
271        border: 0;
272}
273#menubar a, #menubar DT a, #menubar DD a { 
274        color: #fff; 
275        display: block; 
276        text-decoration: none; 
277        border: 0;
278}
279
280#menubar A:hover { color: #fff; }
281#menubar DD A { padding: 0.5em; }
282#menubar DD A:hover { background-color: #999; }
283
284FORM#quicksearch { width: 220px; }
285
286/*      quickconnect
287-----------------------------------------------------------------------------------------------*/
288FORM#quickconnect FIELDSET { text-align: left; width: 220px; padding-top: 5px;}
289FORM#quickconnect LABEL { clear: left; /*margin: 0;*/ }
290FORM#quickconnect LABEL INPUT { font-size: 1em; /*width: 15em;*/ }
291FORM#quickconnect P, FORM#quickconnect A { border: none; padding: 0; }
292FORM#quickconnect .button { position:relative; top: -20x; left: 50px}
293
294/*      menuTagCloud
295-----------------------------------------------------------------------------------------------*/
296
297#menubar #menuTagCloud a { display: inline; }
298#menubar #menuTagCloud span {
299  display: block;
300  padding: 0.5em 0;
301  text-align: left;
302}
303
304/* Tags - Page des tags
305-------------------------------------------------------- */
306
307ul#fullTagCloud {
308        position: relative;
309        border: 1px solid #E8E8E8;
310        border-width: 1px 0;
311        background: #FBFBFB;
312        padding: 5px;
313        margin: 8px 0 20px 0;
314        overflow: hidden;
315        height: 100%;
316        font-size: 120%;
317}
318        ul#fullTagCloud li {
319                display: block;
320                float: left;
321                margin: 4px;
322                padding: 1px 5px;
323                height: 18px;
324                line-height: 18px;
325                background: none;
326        }
327        ul#fullTagCloud li a:link, ul#fullTagCloud li a:visited {
328                color: #005D99;
329                text-decoration: none;
330                white-space: nowrap;
331        }
332        ul#fullTagCloud li a:hover { text-decoration: underline; border: 0; }
333        ul#fullTagCloud li a:focus, ul#fullTagCloud li a:active { background: #005D99; color: #FFF; }
334
335.tagLevel5 { font-size:160%; }
336.tagLevel4 { font-size:140%; }
337.tagLevel3 { font-size:120%; }
338.tagLevel2 { font-size:100%; }
339.tagLevel1 { font-size:80%; }
340
341/* others */
342.pleaseNote {
343        margin: 20px auto;
344        width: 700px;
345    background: #eee;
346    color: #ff9b00;
347        border: 1px solid #ff9b00;
348    padding: 1ex;
349    font-weight: bold;
350}
351
352.header_notes { background-position:left center; padding: 5px 0px; }
353
354li.categoryLi {
355        float:left;
356        margin:2px;
357        width:46%;
358}
359
360input.rateButton { color: #369; }
361input.rateButtonSelected { color:#696969; }
362INPUT.rateButton:hover { color: #858460;}
363
364/*      calendar
365-----------------------------------------------------------------------------------------------*/
366
367UL.categoryActions, DIV.calendarViews {
368  padding-top: 5px;
369  padding-right: 6px;
370}
371
372/*calendar elements*/
373SPAN.calItemEmpty { color: silver; }
374
375SPAN.calItem, SPAN.calItemEmpty { border: 1px solid gray; }
376
377/* nice looking month calendar*/
378TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}
379
380TD.calDayCellEmpty { color: silver; }
381
382.calBackDate { color: #000; }
383.calForeDate { color: #fff; }
384
385/* Footer
386-------------------------------------------------------- */
387#copyright {
388        background: /*transparent*/ url(img/footer.jpg) no-repeat center bottom;
389        clear: both;
390        margin: 0 auto;
391        padding: 10px 0;
392        text-align: center;
393        font-weight: bold;
394}
395#copyright a:link, #copyright a:visited { text-decoration: underline; color: #000; }
396#copyright a:hover { text-decoration: none; color: #000; border: 0; }
Note: See TracBrowser for help on using the repository browser.