source: extensions/montblancxl/theme.css @ 18625

Last change on this file since 18625 was 17142, checked in by plg, 12 years ago

bug fixed: don't display the filter icon in Albums section of the menu

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