source: extensions/floPure/default-layout.css @ 4193

Last change on this file since 4193 was 3602, checked in by flop25, 15 years ago
File size: 5.6 KB
Line 
1BODY {
2  margin: 5px;
3  padding: 0;
4  font-size: 0.8em;
5  font-family:  Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif;
6}
7
8
9H1 {
10  text-align: center;
11  font-size: 150%;
12  font-weight: bold;
13  padding: 0;
14  margin: 0.5em 0 1em 0;
15}
16
17H2 {
18        margin: 0;
19        padding: 5px 0.5em 5px 0.5em;
20        text-align: left;
21        font-size: 120%;
22}
23
24A {
25        text-decoration:none;
26        border-bottom: 1px dotted #005e89;
27}
28A:hover {
29        border-bottom: 1px solid #858460;
30}
31A.button, A.button:hover { 
32        border: 0; 
33}
34IMG {
35        border: none;
36}
37
38HR.separation {
39  visibility: hidden;
40  clear: both;
41}
42
43#copyright {
44    clear: both;
45    font-size: 83%;
46    text-align: center;
47    margin: 0 0 10px 0;
48}
49
50/** General defaults **/
51INPUT, SELECT {
52  margin: 0;
53  font-size: 1em;       /* <= some browsers don't set it correctly */
54}
55UL, DL, LI { text-align: left;}
56TABLE {                 /* horizontaly centered */
57  margin-left: auto;
58  margin-right: auto;
59}
60
61.wrap2 .icon { float:right; }
62
63/* for debugging purpose */
64
65PRE { text-align:left; }
66
67TABLE { /* horizontaly centered */
68        margin-left: auto;
69        margin-right: auto;
70}
71/** forms **/
72
73FORM { padding: 0; margin: 0; }
74
75FORM P {
76        text-align: center;
77        margin-top: 2em;
78        margin-bottom: 2em;
79}
80
81FORM FIELDSET P {
82        margin-top: 1em;
83        margin-bottom: 0;
84}
85/*
86.small {
87        font-size: 80%;
88}
89
90TEXTAREA.description {
91  height: 6em;
92  width: 40em;
93  overflow: auto;
94}
95*/
96SELECT.categoryList {
97        height: 20em;
98        width: 500px;
99}
100
101/*
102DIV.comment BLOCKQUOTE {
103  padding: 0.5em;
104  overflow: auto;       
105  min-height: 2.75em;
106}
107*/
108
109/**
110 * Filter forms are displayed label by label with the input (or select...)
111 * below the label. Use an UL to make a group (radiobox for instance).
112 * Use a SPAN to group objects in line
113 */
114FIELDSET {
115  padding: 1em;
116  margin: 1em;
117  overflow: hidden; /* <- makes Opera happy */
118}
119
120FORM.filter FIELDSET UL {
121  margin: 0;
122}
123FORM.filter FIELDSET UL,
124FORM.filter FIELDSET LABEL {
125  display: block;
126  float: left;
127  margin-right: 1em;
128  padding: 0;
129}
130
131FORM.filter FIELDSET LI {
132  list-style: none;
133  margin-bottom: 0.5em;
134}
135
136FORM.filter FIELDSET LI LABEL {
137  display: inline;
138  float: none;
139}
140
141FORM.filter FIELDSET UL.tagSelection LABEL {
142  display: inline;
143  float: none;
144  margin-right:0.5em;/*reduce from above*/
145}
146
147/* cannot use FIELDSET>LABEL because of IE<=6 */
148FORM.filter FIELDSET LABEL INPUT,
149FORM.filter FIELDSET LABEL SELECT,
150FORM.filter FIELDSET LABEL SPAN,
151FORM.filter FIELDSET LABEL TEXTAREA {
152  display: block;
153  margin: 0.5em 0;
154}
155FORM.filter FIELDSET * LABEL INPUT,
156FORM.filter FIELDSET * LABEL SELECT,
157FORM.filter FIELDSET * LABEL TEXTAREA,
158FORM.filter FIELDSET LABEL SPAN INPUT,
159FORM.filter FIELDSET LABEL SPAN SELECT,
160FORM.filter FIELDSET LABEL SPAN TEXTAREA {
161  display: inline;
162  vertical-align: top;
163  margin: 0 0.5em 0 0;
164}
165
166FORM.filter FIELDSET UL.tagSelection LI LABEL INPUT {
167  margin-right:0;
168}
169
170/* following declaration is important to avoid strange FF behaviour */
171FORM.filter FIELDSET LABEL SPAN SELECT {
172  margin: 0;
173}
174
175FORM.filter FIELDSET P
176{
177  clear: left;
178  display: block;
179}
180
181FORM.filter INPUT[type="submit"] {
182  margin-top: 1em;
183}
184
185FORM.properties UL, FORM#update UL {
186  list-style-type: none;
187  margin: 0;
188  padding: 0;
189}
190
191FORM.properties LI, FORM#update UL  {
192  margin-bottom: 0.5em;
193  padding: 0;
194  line-height: 1.8em;
195  clear: left;
196}
197
198FORM.properties SPAN.property {
199  font-weight: bold;
200  float: left;
201  width: 50%;
202  text-align: right;
203  margin: 0;
204  padding: 0 0.5em 0 0;
205}
206
207#theHeader H1 {
208  margin-bottom: 0.5em;
209}
210
211/* button tools */
212UL.actions {
213  text-indent: 0;
214  list-style: none;
215}
216UL.actions  LI {
217  display: inline;
218}
219UL.actions  A {
220  border: none;
221}
222
223UL.tagSelection {
224  width: 99%;
225  margin: 1em 0 1em 0;
226  padding: 0;
227}
228
229UL.tagSelection LI {
230  display: inline;
231  white-space: nowrap;
232}
233
234#fullTagCloud {
235  font-size: 120%;
236  text-align: justify;
237  padding: 0;
238  margin: 1em 2em 1em 2em;
239}
240
241#fullTagCloud SPAN {
242        white-space: nowrap;
243        margin: 0 2px;
244}
245
246
247.tagLevel5 { font-size: 150%; }
248.tagLevel4 { font-size: 140%; }
249.tagLevel3 { font-size: 120%; }
250.tagLevel2 { font-size: 100%; }
251.tagLevel1 { font-size: 90%; }
252
253
254/* Popup help page */
255BODY#thePopuphelpPage #copyright {
256  display: none;
257}
258
259#theNotificationPage p { padding: 0.5em; }
260
261BODY#thePopuphelpPage .content P {
262  text-align: justify;
263  padding: 0.5em;
264}
265
266BODY#thePopuphelpPage .content OL LI,
267BODY#thePopuphelpPage .content UL LI
268{
269  margin-bottom: 0.5em;
270}
271
272BODY#thePopuphelpPage P#pageBottomActions A {
273  border: none;
274}
275
276TR.tagLine {
277  border-bottom: 1px solid #ddd;
278  text-align: left;
279}
280TR.tagLine:hover {
281  background-color: #fff;
282}
283TD.nbEntries {
284  text-align: right;
285  font-style: italic;
286  font-size: 90%;
287}
288
289FIELDSET.tagLetter {
290  border: 1px solid #d3d3d3;
291  width: 200px;
292  margin: 0.5em;
293  padding: 10px;
294}
295
296LEGEND.tagLetterLegend {
297  border: 1px solid #d3d3d3;
298  font-size:120%;
299  font-weight: bold;
300  padding: 0 5px;
301  font-style: normal;
302}
303
304TABLE.tagLetterContent {
305  width:100%;
306  font-size:80%;
307  border-collapse : collapse;
308}
309
310#theHeader {text-align: center;}
311
312#theNotificationPage DL,
313#thePopuphelpPage DL { margin: 0 25px 25px; }
314.content #comments UL.thumbnailCategories LI { width:99%; }
315/* jQuery datepicker */
316IMG.ui-datepicker-trigger {
317        cursor : pointer;
318}
319
320/*--------menu--------------*/
321#table_content, .table_menu, #table_mbLinks, #table_mbCategories, #table_mbTags, #table_mbSpecials, #table_mbMenu, #table_mbIdentification {
322width:100%;
323border:0;
324padding:0;
325margin:0;
326}
Note: See TracBrowser for help on using the repository browser.