source: extensions/blancmontxl/theme.css @ 11277

Last change on this file since 11277 was 10778, checked in by repie38, 14 years ago

version 2.2b compatible 2.2 (based on montblancxl 2.2b)

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