source: extensions/luciano/theme.css @ 9973

Last change on this file since 9973 was 9973, checked in by patdenice, 13 years ago

Avoid error with combine css

File size: 18.4 KB
Line 
1html, body, div, span, applet, object, iframe, h2, h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
2del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
3form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
4        { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
5
6body                                            { line-height: 1; }
7ol, ul                                          { list-style: none }
8blockquote, q           { quotes: none }
9blockquote:before,
10blockquote:after,
11q:before,
12q:after                                 { content: ''; content: none }
13:focus                                  { outline: 0 }/* remember to define focus styles! */
14ins                                                     { text-decoration: none }/* remember to highlight inserts somehow! */
15del                                                     { text-decoration: line-through }
16table                                           { border-collapse: collapse; border-spacing: 0 }/* tables still need 'cellspacing="0"' in the markup */
17
18/* FORM */
19fieldset, form, label, legend   { margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;        vertical-align:baseline; }
20fieldset                                                                                { margin: 0; padding-right: 2em; }
21legend                                                                                  { padding: 0; }
22label                                                                                           { float:left; width:12em; clear:left; text-align:left;  cursor:hand; }
23textarea, input, select, label, button, optgroup        { margin-top:5px; }
24input[type="checkbox"] ,input[type="radio"]     { margin-bottom:7px; }
25
26fieldset                { border:0px; }
27legend                  { display: none; }
28label                           { color:#999; }
29textarea                { border: 1px solid #666; }
30textarea:focus,
31input:focus     { border: 1px solid #666; }
32select                  { background-color: #222; color: #666; }
33input                           { border: 1px solid #444; background-color: #222; color: #666; }
34input[type="submit"]                            { background-color: #666; color: #222; }
35input[type="submit"]:hover      { background-color: #222; color: #666; cursor: hand; }
36input[type="checkbox"]                  { color: #000; border: 0 none; vertical-align: middle; }
37input[type="radio"]                                     { background-color: transparent; border:0 none; color: #000; }
38option, optgroup                                                { background-color:#222; color:#666; }
39
40FORM.properties fieldset { border: 1px solid; margin: 15px; padding: 1em;}
41FORM.properties legend { display: block; padding:5px;}
42FORM.properties li { clear:left; line-height:1.8em; margin-bottom:0.5em; padding:0; }
43FORM.properties span.property { float:left; font-weight:bold; margin:0; padding:0 0.5em 0 0; text-align:right; width:50%; }
44FORM.properties span.property label { float:left; width:98%; display:block; clear:left; text-align:right; margin-top:0; }
45FORM #themeSelect, form #languageSelect  { float: left; line-height:0.8em; padding:0.3em 0 0.7em 0; cursor:pointer;}
46
47/***** STYLE ****/
48html, body      {
49 background-color: #111;
50 color: #666;
51 font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, sans-serif;
52}
53
54p                                               { margin: 10px;}
55a, a:visited    { color: #ddd; text-decoration: none; }
56a:hover                         { color: #fff }
57h2 a                                    { margin-left: 3px; }
58
59#the_page                                                                       { position: relative; width: 1024px; margin: 0 auto; text-align: center }
60#theHeader,.content                     { text-align: left }
61
62#theHeader                                                      { padding-top: 20px; margin-bottom: 20px; }
63#theHeader h1                                           { color: #fff; font-size: 1.4em }
64#theHeader h1,
65#theHeader h1 a,
66#theHeader h1 a:visited,
67#theHeader h1 a:hover                   {color: #fff; border: none }
68
69#theHeader p                                                    { margin-left: 20px; margin-top: -4px; margin: -4px 0 10px 20px; color: #666; border: none }
70
71#headerMenu                                                     { position: absolute; top: 40px; right: 0  }
72#headerMenu li                                          { float: left; margin-left: 40px }
73
74#imagerotator                                           {position: relative; margin-top: 0px; height: 100px }
75#imagerotator img                               {position: absolute; top: 0; left: 0 }
76
77#copyright                                              { clear: both; margin: 20px 0 5px 0; padding-top: 5px; border-top: 2px solid #222; text-align: left; text-align: right; line-height: 1.2em }
78#copyright span                         { color: #444; }
79#copyright a,
80#copyright a:visited,
81#copyright a:hover                      { color: #444; }
82#copyright a:hover                      { color: #666; }
83#copyright .cName                       { color: #555; font-weight: bold }
84
85/***** LAYOUT GALLERY ****/
86
87#rss            { position: absolute; top: 10px; right: 0;  }
88#rss a          { display: block; width: 28px; height: 28px; text-indent: -2000px; border: 0;   background: transparent url('icon/rss.png'); }
89
90.content                                                { float: right; width: 1024px; margin-bottom: 10px; padding-bottom: 10px; position: relative; background: transparent url(skin/1024darkBottom.png) bottom left; }
91.content .titrePage     { background: transparent url(skin/1024darkTop.png) no-repeat; }
92.content dl                                     { margin: 25px; }
93
94BODY#theCategoryPage .content                                                   { width: 750px; background: transparent url(skin/750darkBottom.png) bottom left; }
95BODY#theCategoryPage .content   .titrePage      { background: transparent url(skin/750darkTop.png) no-repeat; }
96
97#menubar                { float: left; width: 264px; margin-bottom: 20px; text-align: left; color: #888; }
98#menubar dl     { width: 264px; background: transparent url(skin/264grey3.png); margin-bottom: 10px; }
99#menubar dt     { margin-left: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 1.2em; font-weight: 700 }
100
101#menubar dd                                             { width: 264px; background: transparent url(skin/264grey3.png) bottom left; }
102#menubar dd a,
103#menubar dd a:visited   { color: #eee; }
104#menubar dd a:hover             { color: #f70; }
105
106#menubar dt a,
107#menubar dt a:visited           { color: #f70; }
108#menubar dt a:hover                     { color: #eee; }
109
110#menubar dd ul,
111#menubar form { padding: 0 5px 10px 30px; }
112
113#menubar #menuTagCloud                  { padding: 0 10px 10px 15px; }
114#menubar #menuTagCloud span { margin-right:5px; white-space:nowrap; }
115
116#menubar dd ul ul { padding-left: 15px; }
117
118#menubar #quickconnect div { margin-bottom: 3px; }
119
120#menubar .totalImages   { margin:0 10px; padding-bottom:10px; }
121#menubar .actions                       { padding:0; }
122#menubar .button                        { float:right; margin-right:10px; }
123
124/* ELEMENTS */
125
126.titrePage                                              { padding: 10px 0 5px 10px; height: 30px; }
127.titrePage h1                                   { float: left; }
128.additional_info                        { clear: both; padding: 10px; text-indent: 50px; color: #333; text-align:justify;}
129.thumbnailCategories    { margin-left: 10px; clear:both; }
130
131.thumbnailCategories li                         { background: transparent url(skin/catBg.png) 0 0; width: 355px; height: 170px; float: left; margin-right: 15px; margin-top: 10px }
132.thumbnailCategories li.hover   { background: transparent url(skin/catBg.png) 0 -170px; }
133
134.thumbnailCategories .illustration              { float: left; width: 150px; margin: 10px; }
135.thumbnailCategories .description               { float: right; width: 180px; margin-top: 10px; height: 160px; overflow:hidden; }
136.thumbnailCategories .description h3    { margin-bottom: 10px; font-weight: 700; color: #f70; }
137.thumbnailCategories .Nb_images                         { font-size: 0.8em; margin-bottom: 10px; }
138.thumbnailCategories .desc                                              { font-size: 0.9em; }
139
140.thumbnails                                                             { margin-left: 10px; min-height: 540px; height: auto !important; height: 540px; text-align: center;}
141.thumbnails li                                          { float: left; display: inline; width: 170px; height: 170px; margin-left: 10px; margin-bottom: 10px; background: transparent url(skin/thumbBg.png) 0 0;}
142.thumbnails li.hover                    { background: transparent url(skin/thumbBg.png) 0 -170px; }
143.thumbnails li .wrap2           { width:170px; height:172px; display:table-cell; vertical-align:middle;}
144.thumbnails li img                              { margin: 10px; border: 1px solid #222; border-left: 1px solid #444; border-bottom: 1px solid #444;}
145.thumbnails li.hover img        { border: 1px solid #111; border-left: 1px solid #222; border-bottom: 1px solid #222; }
146
147.thumbnails .thumbLegend { display:none; }
148
149.categoryActions                { float:right; margin-right: 10px; }
150.categoryActions li     { float: left; margin-left:5px; display: inline; }
151#order                                                  { float: left; margin: 2px 5px 0 0;}
152#orderText                                      { float: left; margin: 2px 8px 0 0; }
153#playSlideshow                  { width: 200px; float: left; margin-left: 20px; margin-top: 10px; }
154#playSlideshow a                { color: #666; }
155
156.navigationBar                                          { clear: both; color:#444; text-align: right; padding: 10px 30px }
157.navigationBar span,
158.navigationBar a                                        { border: 1px solid; padding: 0px 5px; }
159.navigationBar a,
160.navigationBar a:visited        { color: #999}
161.navigationBar a:hover          { color: #eee}
162
163.navigationBarSimple                                                    { color:#666; text-align: center; }
164.navigationBarSimple span,
165.navigationBarSimple a                                          { height: 150px; width: 20px; border: 0; padding: 0; text-indent: -3000px; }
166.navigationBarSimple .prew                              { position: absolute; top: 235px; left: 0px; background: transparent url(icon/prew.png) no-repeat scroll; }
167.navigationBarSimple .next                              { position: absolute; top: 235px; right: 0px; background: transparent url(icon/next.png) no-repeat scroll;  }
168.navigationBarSimple a.prew:hover { background: transparent url(icon/prew.png) 0 -150px no-repeat scroll; }
169.navigationBarSimple a.next:hover { background: transparent url(icon/next.png) 0 -150px no-repeat scroll; }
170
171/****** CALENDAR => Not fixed yet */
172
173table.calMonth tbody td,
174table.calMonth tbody td div.calImg { height:80px; padding:1px 2px; width:80px; }
175
176.content DIV.calendarViews                      { display: block; float: right; margin: -20px 0 0; }
177.content DIV.calendarCalBar                     { margin: 10px 10px; text-align: left; }
178SPAN.calItem, SPAN.calItemEmpty { font-weight: bold; margin: 0 1px; }
179SPAN.calItem A                                                                  { border:0 }
180SPAN.calCalHead                                                                 { font-weight: bold; font-size: 110%; margin: 0 2px; }
181SPAN.calCal                                                                                     { margin: 0 2px; }
182
183.calendarBar                            { margin:15px; }
184TABLE.calMonth                  { border: none; margin:10px auto; }
185TD.calDayCellFull,
186TD.calDayCellEmpty,
187TD.calDayCellBlank      { vertical-align: top; font-weight: bold; font-size: 18px; }
188TD.calDayHead                           { font-weight: bold; font-size: 12px; text-align: center; padding:10px; }
189DIV.calImg                                      { overflow: hidden; vertical-align: bottom; z-index: 1; position: relative; }
190.calImg img                                     {       position: relative;     border: 0; }
191.calBackDate                            { padding-left: 4px;    padding-top: 0px;       z-index: 2;     position: absolute;     vertical-align: top; color: #000; }
192.calForeDate                            { padding-left: 5px;    padding-top: 1px;       z-index: 3;     position: absolute;     vertical-align: top; color: #fff; }
193
194/****** TAGS */
195#fullTagCloud                           { font-size:120%; margin:1em 2em; padding:0; text-align:justify; }
196#fullTagCloud span      { margin:0 2px; white-space:nowrap; }
197
198.tagLevel5 { font-size: 150% !important; }
199.tagLevel4 { font-size: 140% !important; }
200.tagLevel3 { font-size: 120% !important; }
201.tagLevel2 { font-size: 100% !important; }
202.tagLevel1 { font-size: 80%  !important; }
203
204#theTagsPage TABLE { width:100%; }
205#theTagsPage TD { vertical-align: top; }
206
207FIELDSET.tagLetter                      { border: 1px solid #444; margin: 0.5em; padding: 10px; }
208LEGEND.tagLetterLegend  { display:block; border: 1px solid #444;        font-size:120%; font-weight: bold; padding: 0 5px; font-style: normal; }
209TABLE.tagLetterContent  { width:100%;   border-collapse:collapse; }
210
211/****** SEARCH PAGE */
212FORM.filter FIELDSET    { border: 1px solid; padding: 1em;      margin: 1em; overflow: hidden; }
213FORM.filter legend              { display: block; padding:5px;}
214FORM.filter label                       { width:auto; clear:none; margin-top:0; }
215
216FORM.filter FIELDSET UL { margin: 0; }
217FORM.filter FIELDSET UL,
218FORM.filter FIELDSET LABEL { display: block; float: left;       margin-right: 1em; padding: 0; }
219FORM.filter FIELDSET LI {       list-style: none;       margin-bottom: 0.5em; }
220FORM.filter FIELDSET LI LABEL { display: inline; float: none; }
221FORM.filter FIELDSET UL.tagSelection LABEL { display: inline;   float: none; margin-right:0.5em; }
222
223FORM.filter FIELDSET LABEL INPUT,
224FORM.filter FIELDSET LABEL SELECT,
225FORM.filter FIELDSET LABEL SPAN,
226FORM.filter FIELDSET LABEL TEXTAREA { display: block; margin: 0.5em 0; }
227
228FORM.filter FIELDSET * LABEL INPUT,
229FORM.filter FIELDSET * LABEL SELECT,
230FORM.filter FIELDSET * LABEL TEXTAREA,
231FORM.filter FIELDSET LABEL SPAN INPUT,
232FORM.filter FIELDSET LABEL SPAN SELECT,
233FORM.filter FIELDSET LABEL SPAN TEXTAREA { display: inline;     vertical-align: top; margin: 0 0.5em 0 0; }
234
235FORM.filter FIELDSET UL.tagSelection LI LABEL INPUT {   margin-right:0; }
236FORM.filter FIELDSET LABEL SPAN SELECT { margin: 0; }
237FORM.filter FIELDSET P { clear: left;   display: block; }
238FORM.filter INPUT[type="submit"] { margin-top: 1em; }
239
240FORM.filter select.categoryList { height:20em; width:500px;}
241
242/****** PHOTO */
243#imageHeaderBar         { height: 30px;}
244
245#slidshowToolBar        { position: absolute; top: 60px; margin-left: 400px; height: 33px;  }
246
247#imageHeaderBar .imageNumber { width: 70px; font-size: 3em; font-style: italic; color: #222; position: absolute; top: 80px; left: 20px; }
248#imageHeaderBar .browsePath     { float: left; }
249.randomButtons  { float: right; }
250.randomButtons li       { float: left; margin-left: 15px;}
251
252#theImage                               { clear: left; text-align: left; margin-top: 20px; }
253#imageContainer { position: relative; width: 1024px; height: 600px; }
254#theImg                                 { display: block; margin: 0 auto; border: none; text-align: center; }
255
256#linkThumbs                     { position: absolute; top: 0; left: 400px; width: 224px; height: 600px; }
257#linkPrev                               { position: absolute; top: 0; left: 0; width: 150px; height: 600px; text-align: left; background: transparent url(icon/thumbPrev.png) center left no-repeat; }
258#linkNext                               { position: absolute; top: 0; left: 874px; width: 150px; height: 600px; text-align: right; background: transparent url(icon/thumbNext.png) center right no-repeat; }
259#linkPrev img           { margin-left: 0; margin-top: 225px; border: 1px solid #f70; }
260#linkNext img           { margin-right: 0; margin-top: 225px; border: 1px solid #f70; }
261
262#imageInfo                      { margin-top: 10px; }
263#imageInfoLeft  { float: left; width: 500px; text-align: left; margin-bottom: 10px; }
264#imageInfoRight { float: right; width: 250px; height: 40px; text-align: right; margin-bottom: 10px; }
265
266#imageTags                      { margin-top:5px; }
267#ratingSummary  { margin-bottom: 3px; }
268
269#rateForm input         { height: 25px; margin: 0}
270
271.rateButtonEmpty,                               
272.rateButtonReset,                               
273.rateButtonHalf,                               
274.rateButtonFull,                               
275.rateButtonUserFull,                           
276.rateButtonUserEmpty,                   
277.rateButtonUserHalf             { padding:0; border:0; cursor: pointer;}
278
279.rateButtonSelected             { font-weight:bold; font-size:120%; }
280.rateButtonEmpty                        { width:25px; background: url('icon/star.png') 0 0 no-repeat scroll; }
281.rateButtonReset                        { width:25px; background: url('icon/star.png') 0 -25px no-repeat scroll; }
282.rateButtonHalf                                 { width:25px; background: url('icon/star.png') 0 -50px no-repeat scroll; }
283.rateButtonFull                                 { width:25px; background: url('icon/star.png') 0 -75px no-repeat scroll; }
284.rateButtonUserFull             { width:25px; background: url('icon/star.png') 0 -100px no-repeat scroll; }
285.rateButtonUserEmpty    { width:25px; background: url('icon/star.png') 0 -125px no-repeat scroll; }
286.rateButtonUserHalf             { width:25px; background: url('icon/star.png') 0 -150px no-repeat scroll; }
287
288.rateButtonEmpty2                       { width:25px; background: url('icon/star.png') 0 0 no-repeat scroll; }
289.rateButtonHalf2                        { width:25px; background: url('icon/star.png') 0 -50px no-repeat scroll; }
290.rateButtonFull2                        { width:25px; background: url('icon/star.png') 0 -75px no-repeat scroll; }
291.rateButtonUserFull2    { width:25px; background: url('icon/star.png') 0 -100px no-repeat scroll; }
292.rateButtonUserEmpty2   { width:25px; background: url('icon/star.png') 0 -125px no-repeat scroll; }
293.rateButtonUserHalf2    { width:25px; background: url('icon/star.png') 0 -150px no-repeat scroll; }
294
295.rateShow                                                       { float: right; width: 125px; height: 25px; background: url('icon/star.png') repeat-x scroll;}
296.rateFull1                                              { display: block; float: left; width: 25px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
297.rateFull2                                              { display: block; float: left; width: 50px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
298.rateFull3                                              { display: block; float: left; width: 75px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
299.rateFull4                                              { display: block; float: left; width: 100px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
300.rateFull5                                              { display: block; float: left; width: 125px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;}
301.rateHalf                                                       { display: block; float: left; width: 25px; height: 25px; background: url('icon/star.png') 0 -50px repeat-x scroll;}
302
303/* OTHERS */
304
305.content form   { margin: 10px; }
306
307.errors,
308.infos                          { margin: 10px; color: #fff; font-weight: 700; }
309.errors p,
310.infos p                                { margin: 30px 0 10px ; color: #900; }
311.errors li,
312.infos li                               { list-style: decimal; margin-left: 30px;}
313
314.idLink                         { margin-top: 20px; }
315
316/* MOOTOOLS PLUGIN */
317
318.elSelect                                                               { width: 160px; height: 20px; background: transparent url(elSelect/select_bg.png) no-repeat 0 0; }
319.elSelect .clear                                { clear: both; }
320
321.elSelect .selected                             { color: #333 !important; background-color: #999 !important; }
322.elSelect .selectedOption       { color: #222; float: left; padding: 4px 0 0 6px; width: 87px; font-weight: bold; font-size: 12px; overflow: hidden; cursor:pointer; }
323.elSelect .option                                       { color: #555; background-color: #bbb; border-left: solid 1px #555; border-right: solid 1px #555; padding: 4px 0 5px 5px; text-align: left; font-weight: bold; font-size: 12px; }
324.elSelect .disabled                             { color:#999; background-color: #333; border-left: solid 1px #555; border-right: solid 1px #555; }
325.elSelect .dropDown                             { width: 23px; height: 20px; float: right; background: url(elSelect/select_arrow.png) no-repeat 0% 0%; cursor:pointer;}
326.elSelect .optionsContainerTop                          { background: url(elSelect/top_center.gif) repeat-x 0% 0%; position: absolute; width: 100%; height: 5px; }
327.elSelect .optionsContainerTop div                      { background: url(elSelect/top_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; }
328.elSelect .optionsContainerTop div div          { background: url(elSelect/top_right.gif) no-repeat 100% 0%; width: 100%; height: 5px; }
329.elSelect .optionsContainerBottom                       { position: absolute; margin: -5px 0 0 0; width: 100%; height: 5px; background: url(elSelect/bottom_center.gif) repeat-x 0% 0%;}
330.elSelect .optionsContainerBottom div   { background: url(elSelect/bottom_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; }
331.elSelect .optionsContainerBottom div div { background: url(elSelect/bottom_right.gif) no-repeat 100% 0%; width: 100%; height: 5px; }
332.elSelect .optionsContainer                                             { position: absolute; display: none; z-index: 1; }
333.icon_1         { background: url(elSelect/icon_1.gif) no-repeat 4px 50%; padding-left: 20px !important; }
334.icon_2         { background: url(elSelect/icon_2.gif) no-repeat 4px 50%; padding-left: 20px !important; }
Note: See TracBrowser for help on using the repository browser.