source: extensions/blancmontxl/theme.css @ 4193

Last change on this file since 4193 was 3686, checked in by repie38, 15 years ago

import of the current version (2.0)

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