source: trunk/admin/template/goto/default-layout.css @ 2934

Last change on this file since 2934 was 2934, checked in by vdigital, 15 years ago

Special > History > Search
-"Submit" button should be aligned with "Image Id" input

  • Column titles need caps (Time, User, Element Type ...)

Translators: (Only English and French are updated)
merge -c2933 from branch 2.0 to trunk

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
File size: 7.5 KB
Line 
1/* $Id: default-layout.css 2934 2008-12-07 08:50:10Z vdigital $ */
2
3/* History tables */
4TABLE.table2 {
5        border: 1px solid black;
6        margin: 1em auto;
7        padding: 0;
8}
9
10TABLE.table2 TD, TABLE.table2 TH {
11        padding: 0 5px;
12}
13
14TABLE.table2 TR {
15        text-align: left;
16}
17
18TABLE.table2 THEAD TD { padding:7px 10px 3px 10px; }
19TABLE.table2 TR.throw { text-align: center; }
20TABLE.table2 { margin:0pt auto; }
21.sort { display:block; padding:8px 5px 0px 1px; clear: right; text-align:left; }
22
23
24.hour {
25        white-space: pre;
26}
27
28.number {
29        text-align: right;
30}
31
32TABLE#dailyStats {
33        width: 60%;
34}
35
36TABLE#detailedStats {
37        width: 99%;
38}
39
40/* Plugins tables */
41TABLE.plugins A { border: 0; }
42TABLE.plugins TR TD { padding: 4px 10px; }
43TABLE.plugins TR TD.pluginState { padding: 4px 16px; }
44
45TABLE.plugins TR TD.active {
46        background: url(icon/plugin_active.gif) no-repeat center left;
47        background-color: inherit; /* IE need it */
48}
49
50TABLE.plugins TR TD.inactive {
51        background: url(icon/plugin_inactive.gif) no-repeat center left;
52        background-color: inherit; /* IE need it */
53}
54
55TABLE.plugins ul.pluginsActions {
56        float: left;
57        padding: 0;
58        margin: 0;
59        width: 60px;
60        list-style: none;
61        text-align: center;
62}
63
64TABLE.plugins ul.pluginsActions li { display: inline; }
65
66/* categoryOrdering */
67SELECT.categoryList {
68        width: 100%;
69}
70 
71FORM#categoryOrdering {
72        padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
73        padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
74}
75FORM#categoryOrdering p {
76        text-align: left;
77        margin-top: 1em;
78        margin-bottom: 1em;
79}
80UL.categoryUl {
81        list-style: none;
82        padding: 0;
83        margin: 0;
84}
85
86LI.categoryLi {
87        width: 100%;
88        border: 1px solid gray;
89        padding: 0px 5px;
90        margin-bottom: 5px;
91}
92
93FORM#categoryOrdering UL.categoryActions {
94        float: right;
95        margin-top: 5px;
96}
97/* */
98
99FORM#catModify TABLE { width: auto; }
100
101FIELDSET.elementEdit A {
102        display: block;
103        float: right;
104}
105
106TABLE.doubleSelect {
107        text-align: center;
108        margin: 0 auto;
109        width: 100%;
110}
111
112TABLE.doubleSelect TD {
113        padding: 0 3px;
114        width: 50%;
115}
116
117TABLE.doubleSelect SELECT.categoryList {
118        width: 100%; max-width: 100%; overflow-x: auto;
119}
120
121FORM#categoryPermissions LI {
122        display:inline;
123        white-space: nowrap;
124}
125
126FIELDSET#mainConfCheck SPAN.property,
127FIELDSET#historyConf SPAN.property,
128FIELDSET#commentsConf SPAN.property,
129FIELDSET#uploadConf SPAN.property {
130        float: right;
131        text-align: left;
132}
133FIELDSET#mainConfCheck INPUT,
134FIELDSET#historyConf INPUT,
135FIELDSET#commentsConf INPUT,
136FIELDSET#uploadConf INPUT {
137        float: none;
138}
139
140FIELDSET#mainConf SPAN.property {
141        width: 25%;
142}
143FIELDSET#mainConf TEXTAREA.description {
144        width: 70%;
145}
146
147FIELDSET#mainConfCheck SPAN.property,
148FIELDSET#historyConf SPAN.property {
149        width: 90%;
150}
151FIELDSET#mainConfCheck INPUT,
152FIELDSET#historyConf INPUT,
153FIELDSET#commentsConf INPUT,
154FIELDSET#uploadConf SELECT,
155FIELDSET#uploadConf INPUT {
156        margin-left: 5%;
157}
158
159FIELDSET#commentsConf SPAN.property {
160        width: 85%;
161}
162
163FIELDSET#uploadConf SPAN.property {
164        width: 73%;
165}
166
167.statBar {
168        height: 10px;
169        background-color: #ff7700;
170        border: 1px solid black;
171}
172
173.over{
174position: relative;
175z-index: 0;
176}
177
178.over:hover{
179background-color: transparent;
180z-index: 50;
181}
182
183.over SPAN{ /*CSS for enlarged image*/
184position: absolute;
185background-color: #eee;
186padding: 5px;
187left: -1000px;
188border: 1px solid #69c;
189visibility: hidden;
190color: black;
191text-decoration: none;
192}
193
194.over SPAN IMG{ /*CSS for enlarged image*/
195border-width: 0;
196padding: 2px;
197}
198
199.over:hover SPAN{ /*CSS for enlarged image on hover*/
200visibility: visible;
201top: 0;
202left: 60px; /*position where enlarged image should offset horizontally */
203}
204
205BODY {
206        margin: 5px;
207        padding: 0;
208        font-size: 0.8em;
209        font-family: Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif;
210        text-align: center; /* be nice to IE5 */
211}
212
213H1 {
214        text-align: center;
215        font-size: 150%;
216        font-weight: bold;
217        padding: 0;
218        margin: 0.5em 0 1em 0;
219}
220
221H2 {
222        margin: 0;
223        padding: 5px 0.5em 5px 0.5em;
224        text-align: left;
225        font-size: 120%;
226}
227
228A {
229        text-decoration:none;
230        border-bottom: 1px dotted #005e89;
231}
232A:hover {
233        border-bottom: 1px solid #858460;
234}
235A.button, A.button:hover { 
236        border: 0; 
237}
238IMG {
239        border: none;
240}
241
242HR.separation {
243        visibility: hidden;
244        clear: both;
245}
246
247#copyright {
248        clear: both;
249        font-size: 83%;
250        text-align: center;
251        margin: 0 0 10px 0;
252}
253
254/** General defaults **/
255INPUT, SELECT {
256        margin: 0;
257        font-size: 1em; /* <= some browsers don't set it correctly */
258}
259UL, DL, OL { text-align: left;}
260TABLE { /* horizontaly centered */
261        margin-left: auto;
262        margin-right: auto;
263}
264/* for debugging purpose */
265PRE { text-align:left; }
266
267/** forms **/
268
269FORM { padding: 0em; }
270
271FORM P {
272        text-align: center;
273        margin-top: 2em;
274        margin-bottom: 2em;
275}
276
277FORM FIELDSET P {
278        margin-top: 1em;
279        margin-bottom: 0;
280}
281
282.small {
283        font-size: 80%;
284}
285
286TEXTAREA.description {
287        height: 6em;
288        width: 40em;
289        overflow: auto;
290}
291
292SELECT.categoryList {
293        height: 20em;
294        width: auto;
295}
296
297DIV.comment BLOCKQUOTE {
298        padding: 0.5em;
299        overflow: auto; /* no solution for IE6 */
300        min-height: 2.75em;     /* fix a Gecko bug whith scrollbar and 1 line only */
301}
302
303
304/**
305 * Filter forms are displayed label by label with the input (or select...)
306 * below the label. Use an UL to make a group (radiobox for instance).
307 * Use a SPAN to group objects in line
308 */
309FIELDSET {
310        padding: 1em;
311        margin: 1em;
312        overflow: hidden; /* <- makes Opera happy */
313}
314
315FORM.filter FIELDSET UL {
316        margin: 0;
317}
318FORM.filter FIELDSET UL,
319FORM.filter FIELDSET LABEL {
320        display: block;
321        float: left;
322        margin-right: 1em;
323        padding: 0;
324}
325
326FORM.filter FIELDSET LI {
327        list-style: none;
328        margin-bottom: 0.5em;
329}
330
331FORM.filter FIELDSET LI LABEL {
332        display: inline;
333        float: none;
334}
335
336FORM.filter FIELDSET UL.tagSelection LABEL {
337        display: inline;
338        float: none;
339        margin-right:0.5em;/*reduce from above*/
340}
341
342/* cannot use FIELDSET>LABEL because of IE<=6 */
343FORM.filter FIELDSET LABEL INPUT,
344FORM.filter FIELDSET LABEL SELECT,
345FORM.filter FIELDSET LABEL SPAN,
346FORM.filter FIELDSET LABEL TEXTAREA {
347        display: block;
348        margin: 0.5em 0;
349}
350FORM.filter FIELDSET * LABEL INPUT,
351FORM.filter FIELDSET * LABEL SELECT,
352FORM.filter FIELDSET * LABEL TEXTAREA,
353FORM.filter FIELDSET LABEL SPAN INPUT,
354FORM.filter FIELDSET LABEL SPAN SELECT,
355FORM.filter FIELDSET LABEL SPAN TEXTAREA {
356        display: inline;
357        vertical-align: top;
358        margin: 0 0.5em 0 0;
359}
360
361FORM.filter FIELDSET UL.tagSelection LI LABEL INPUT {
362        margin-right:0;
363}
364
365/* following declaration is important to avoid strange FF behaviour */
366FORM.filter FIELDSET LABEL SPAN SELECT {
367        margin: 0;
368}
369
370FORM.filter FIELDSET P
371{
372        clear: left;
373        display: block;
374}
375
376FORM.filter INPUT[type="submit"] {
377        margin-top: 1.8em;
378}
379
380FORM.properties UL, FORM#update UL {
381        list-style-type: none;
382        margin: 0;
383        padding: 0;
384}
385
386FORM.properties LI, FORM#update UL {
387        margin-bottom: 0.5em;
388        padding: 0;
389        line-height: 1.8em;
390        clear: left;
391}
392
393FORM.properties SPAN.property {
394        font-weight: bold;
395        float: left;
396        width: 50%;
397        text-align: right;
398        margin: 0;
399        padding: 0 0.5em 0 0;
400}
401
402#theHeader H1 {
403        margin-bottom: 0.5em;
404}
405
406/* button tools */
407UL.actions {
408        text-indent: 0;
409        list-style: none;
410}
411UL.actions LI {
412        display: inline;
413}
414UL.actions A {
415        border: none;
416}
417
418UL.tagSelection {
419        width: 99%;
420        margin: 1em 0 1em 0;
421        padding: 0;
422}
423
424UL.tagSelection LI {
425        display: inline;
426        white-space: nowrap;
427}
428
429
430/* jQuery tooltips */
431.cluetip-default #cluetip-outer {
432        position: relative;
433        border: 1px solid #111111;
434        color: #dddddd;
435        background-color: #222222;
436        text-align: left;
437}
438.cluetip-default h3#cluetip-title {
439        margin: 0 0 5px;
440        padding: 8px;
441        color: #666666;
442        background-color: #d3d3d3;
443        font-size: 1.1em;
444        font-weight: bold;
445}
446.cluetip-default #cluetip-inner {
447        padding: 10px;
448}
449
450/* jQuery datepicker */
451img.ui-datepicker-trigger {
452        cursor : pointer;
453}
Note: See TracBrowser for help on using the repository browser.