source: extensions/Simple_Grey/content.css @ 4762

Last change on this file since 4762 was 4762, checked in by boulde, 14 years ago

change titrepage id to a class

File size: 4.8 KB
Line 
1/*
2 CSS for all pages
3*/
4
5body {
6  font-family: Verdana,Arial,Helvetica,sans-serif;
7  font-size: 75%;
8  margin: 0;
9  padding: 0;
10}
11
12img {
13  border: 0;
14}
15
16a {
17  text-decoration: none;
18}
19
20hr {
21  border: 1px #999999 solid;
22}
23
24h1, h2, h3 {
25  margin: 0;
26  padding: 0;
27  font-size: 1em;
28}
29h1 { font-size: 1.6em; }
30
31#menuswitcher {
32  cursor: pointer;
33}
34
35/* Layout */
36
37#the_page {
38  width: 85%;
39  min-width: 900px;
40  margin: 0 auto;
41  padding: 0;
42}
43
44#theHeader h1 {
45  padding: 1em 0 0;
46}
47#theHeader p {
48  padding: 0;
49  margin: 0;
50}
51
52.titrePage {
53  margin: 1em 0;
54}
55
56.titrePage h2 {
57  margin: 1em 0;
58  padding: 0;
59  display: inline;
60}
61
62.titrePage img {
63  float: left;
64  margin-top: -5px;
65}
66
67.titrePage .categoryActions {
68  float: right;
69  margin: 0;
70  padding: 0;
71  list-style: none;
72  width: auto;
73}
74
75.categoryActions li {
76  display: inline;
77}
78
79#content {
80  margin: 1em 0 0;
81  padding: 1em;
82}
83
84/* tags */
85
86.tagLevel5 { font-size: 130%; }
87.tagLevel4 { font-size: 120%; }
88.tagLevel3 { font-size: 110%; }
89.tagLevel2 { font-size: 100%; }
90.tagLevel1 { font-size: 90%; }
91
92#fullTagCloud {
93  text-align: center;
94  margin: 1em 2em;
95}
96
97#fullTagCloud span {
98  white-space: nowrap;
99  margin: 0 0.5em;
100}
101
102#fullTagCloud a {
103  padding: 2px;
104}
105
106.tagLetterContent {
107  width: 100%;
108}
109
110.tagSelection li {
111  display:  inline;
112}
113
114/* Messages */
115
116.errors, .infos {
117  color: #e04040;
118  border: 1px dashed;
119  margin: 0 1em;
120}
121
122/* Forms */
123
124form {
125  margin: 0;
126}
127
128#content form li {
129  list-style: none;
130  margin: 0.2em 0;
131}
132
133div.property {
134  display: block;
135  min-width: 275px;
136  float: left;
137}
138
139/* Menubar */
140
141#menubar {
142  margin: 0;
143  padding: 0;
144  float: left;
145  width: 15%;
146  display: none;
147/*  visibility: visible;*/
148}
149
150#menubar ul {
151 margin: 0;
152 padding: 1em 0 1em 2em;
153}
154#menubar ul ul {
155 margin: 0;
156 padding: 0 0 0 1em;
157}
158
159/* images thumbnails */
160
161#thumbnails {
162  width: auto;
163  text-align: center;
164  padding: 1em 0;
165}
166
167#thumbnails ul {
168  margin: 0;
169  padding: 0;
170  overflow: hidden;
171  list-style: none;
172}
173
174#thumbnails li {
175  margin: 0;
176  padding: 0;
177  float: left;
178  width: 200px;
179  height: 200px;
180}
181
182.nb-comments, .nb-hits {
183  font-weight: normal;
184  display: block;
185}
186.zero {
187  display: none;
188}
189
190/* categories thumbnails */
191
192.thumbnailCategories {
193  margin: 0;
194  padding: 1em;
195  overflow: hidden;
196  list-style: none;
197}
198
199.thumbnailCategories li {
200  float: left;
201  height: 160px;
202  overflow: hidden;
203  margin: 1em;
204  width: 45%;
205}
206
207.illustration {
208  float: left;
209  margin: 0.2em;
210  width: 150px;
211}
212
213.description {
214  overflow: auto;
215  padding-left: 1em;
216}
217
218.description h3 {
219  margin: 0;
220}
221
222.thumbCatDescNfoDate, .thumbCatDescNbImg {
223  margin: 0;
224  font-size: 80%;
225}
226
227.thumbCatDesc {
228  margin: 0;
229  padding-top: 4px;
230}
231
232/* page : title bar */
233
234p#additional_info {
235    margin: 1em 5em;
236}
237
238.navigationBar {
239  padding: 0.5em;
240  text-align: right;
241  clear: both;
242}
243
244/* pictures pages */
245
246#thePicturePage #theHeader, #thePicturePage #copyright {
247  display: none;
248}
249#thePicturePage #content {
250    margin-bottom: 1em;
251    padding: 1em 0 0;
252}
253
254.imageNumber {
255  float: right;
256  padding: 0 3px;
257  font-size: 0.9em;
258}
259
260.navButtons {
261  font-size: 1.5em;
262  text-align: center;
263}
264
265#navThumbPrev, #navThumbNext {
266  text-align: center;
267  margin: 1em auto;
268}
269
270#imageToolBar {
271  height: 25px;
272}
273
274#imageInfoBar {
275  float: right;
276  clear: right;
277  width: 20%;
278  margin: 0 1em 0;
279}
280
281#randomButtons ul {
282  padding: 0;
283  list-style-type: none;
284}
285
286#imageInfos dt, #imageMeta dt {
287  font-weight: bold;
288}
289#imageInfos dd, #imageMeta dd {
290  margin-left: 1em;
291  overflow: hidden;
292}
293
294#theImage {
295  text-align: center;
296  padding: 1em 0;
297  margin: auto;
298}
299
300form#rateForm {
301  margin: 0;
302}
303#rateForm input, #rateForm input:active {
304  cursor: pointer;
305  border: none;
306  padding: 0;
307}
308#rateForm input.rateButtonStarFull  {
309  background:  url('icon/rating-stars.png') no-repeat scroll -16px center;
310  width: 16px;
311}
312#rateForm input.rateButtonStarEmpty {
313  background:  url('icon/rating-stars.png') no-repeat scroll 0 center;
314  width: 16px;
315}
316
317/* slideshow */
318
319#slideshow .titrePage {
320    width: 55%;
321    text-align: center;
322    margin: 0 auto;
323}
324
325#slideshow .navButtons {
326    display: inline;
327    font-size: 1em;
328    float: left;
329}
330
331/* comments */
332
333#theComments h3 {
334  height: 25px;
335  line-height: 25px;
336  padding-left: 1em;
337  cursor: pointer;
338}
339
340#theComments > div {
341    display: none;
342}
343
344#commentAdd, #commentList {
345  width: 48%;
346  padding: 1%;
347}
348#commentAdd  { float: left; }
349#commentList { float: right; }
350
351#commentList ul {
352  list-style: none;
353  padding: 0;
354}
355#commentList li {
356  clear: both;
357  display: block;
358  border-top: 1px dotted #606060;
359  padding: 0.5em 0;
360}
361#commentList li ul {
362  list-style-type: none;
363  padding: 4px;
364}
365
366ul.actions {
367    float: right;
368}
369
370#commentList .author {
371    font-weight: bold;
372    font-variant: small-caps;
373}
374#commentList .date {
375    font-style: italic;
376}
377
378#theCommentsPage #comments li {
379  clear: left;
380  list-style: none;
381}
382
383/* Footer */
384
385#copyright {
386  padding: 2px;
387  clear: both;
388}
Note: See TracBrowser for help on using the repository browser.