source: extensions/montblancxl/theme.css @ 9752

Last change on this file since 9752 was 5975, checked in by patdenice, 14 years ago

Add edit icon.
Change padding for image comment.

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