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

Last change on this file since 3282 was 3282, checked in by plg, 15 years ago

change: according to topic:15067, svn:keywords property was removed

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