Projet

Général

Profil

Télécharger (7,94 ko) Statistiques
| Branche: | Tag: | Révision:

calebasse / calebasse / static / css / admin.css @ 54318d2c

1
@import url(../qommon.css);
2

    
3
html, body {
4
	margin: 0;
5
	font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
6
	background: #eee;
7
	color: black;
8
}
9

    
10
a {
11
	color: #0066cc;
12
	text-decoration: none;
13
	border-width: 0;
14
	border-bottom: 1px dotted #ff9900;
15
	-webkit-transition: color 200ms ease-out;
16
}
17

    
18
a:hover {
19
	color: #003388;
20
	border-style: solid;
21
}
22

    
23
p.commands a {
24
	border: 0;
25
}
26

    
27
ul.user-info {
28
	margin: 0;
29
	padding: 0;
30
	font-size: 85%;
31
	font-weight: bold;
32
}
33

    
34
ul.user-info li {
35
	display: inline;
36
	padding-left: 10px;
37
	padding-right: 3em;
38
}
39

    
40
ul.biglist {
41
	margin: 0;
42
	padding: 0.5em 0;
43
}
44

    
45
ul.biglist li,
46
li.biglistitem {
47
	list-style-type: none;
48
	margin: 8px 0;
49
	padding: 0 2px;
50
	border: 1px solid #888;
51
	background: #ffe;
52
	clear: both;
53
	color: #505050;
54
}
55

    
56
ul.biglist li .details,
57
li.biglistitem .details {
58
	display: block;
59
	margin: 0;
60
	color: #555;
61
	font-size: 80%;
62
}
63

    
64
ul.biglist li p.commands,
65
li.biglistitem p.commands {
66
	float: right;
67
	margin: 0;
68
	font-size: 80%;
69
}
70

    
71
ul.biglist li p.commands img,
72
li.biglistitem p.commands img {
73
	padding-right: 5px;
74
}
75

    
76
a img {
77
	border: 0;
78
}
79

    
80
td.time {
81
	text-align: right;
82
}
83

    
84
ul.biglist li.disabled, ul.biglist li.disabled .details,
85
li.biglistitem.disabled, li.biglistitem.disabled .details {
86
	color: #999;
87
	background: #ddd;
88
}
89

    
90
ul.biglist li p.commands {
91
	display: none;
92
}
93

    
94
ul.biglist li:hover p.commands {
95
	display: block;
96
}
97

    
98
ul.biglist li:hover p.commands {
99
	float: none;
100
	margin: 0;
101
}
102

    
103
ul.biglist li:hover p.commands a {
104
	padding: 2px 2px;
105
}
106

    
107
ul.biglist strong {
108
	width: 30%;
109
	display: inline;
110
	color: #202020;
111
}
112

    
113
ul.biglist strong a {
114
	color: inherit;
115
}
116

    
117
ul.biglist .details {
118
	float: right;
119
	padding-right: 0.5ex;
120
}
121

    
122
dl dt {
123
	margin : 0;
124
	padding : 0 0 0 0;
125
}
126

    
127
dl dd {
128
        margin : 0.3em 0 1.5em 10px;
129
}
130

    
131
ul.themes p.details {
132
	display: block;
133
	float: none;
134
	margin-left: 1em;
135
}
136

    
137
img.theme-icon {
138
	float: right;
139
	margin: 3px 4px 0px 3px;
140
	border: 1px solid #999;
141
}
142

    
143
div#new-field div.widget {
144
	margin: 0;
145
	padding: 0;
146
}
147

    
148
div#new-field div.buttons {
149
	margin: 1em 0 0 0;
150
	padding: 0;
151
}
152

    
153
div#new-field div.buttons input {
154
	margin: 0;
155
	padding: 0;
156
}
157

    
158
div#new-field {
159
	margin: 2em 0 4px 0;
160
	padding: 5px 5px;
161
}
162

    
163
div#new-field div.StringWidget input {
164
	width: 90%;
165
}
166

    
167
div#new-field form {
168
	margin-bottom: 2em;
169
}
170

    
171
div#new-field h3 {
172
	margin: 0;
173
	font-size: 100%;
174
	margin-bottom: 10px;
175
	padding-bottom: 4px;
176
	border-bottom: 1px solid #dcdcdc;
177
}
178

    
179
div#new-field br {
180
	display: none;
181
}
182

    
183
div#new-field div.SubmitWidget input {
184
	padding: 2px 1ex;
185
}
186

    
187
div.WorkflowStatusWidget {
188
	border-left: 1px solid black;
189
}
190

    
191

    
192
/** steps **/
193
#steps {
194
	height: 32px;
195
	margin-bottom: 1em;
196
	background: #f0f0f0;
197
	color: #aaa;
198
}
199

    
200
#steps ol {
201
	list-style: none;
202
	padding: 0 20px;
203
}
204

    
205
#steps li {
206
	display: inline;
207
	padding-right: 1em;
208
	display: block;
209
	float: left;
210
	width: 30%;
211
	list-style: none;
212
}
213

    
214
#steps ol ul {
215
	display: none;
216
}
217

    
218
#steps span.marker {
219
	font-size: 26px;
220
	padding: 2px 9px;
221
	font-weight: bold;
222
	color: white;
223
	text-align: center;
224
	background: #ddd;
225
	border: 1px solid #ddd;
226
	-moz-border-radius: 0.7ex;
227
}
228

    
229
#steps li.current span.marker {
230
	background: #ffa500;
231
	border: 1px solid #ffc400;
232
}
233

    
234
#steps span.label {
235
	font-size: 90%;
236
}
237

    
238
#steps li.current span.label {
239
	color: black;
240
}
241

    
242
#steps ol ul {
243
	display: none;
244
}
245

    
246

    
247
/** logs **/
248
form#other-log-select {
249
	margin-top: 2em;
250
	padding-top: 1em;
251
	border-top: 1px solid #999;
252
}
253

    
254
form#other-log-select select {
255
	margin: 0 1em;
256
}
257

    
258
table#logs tr:nth-child(even) {
259
	background: #eee;
260
}
261

    
262
table#logs tr.level-error td {
263
	border: 1px solid #800;
264
	background: red;
265
}
266

    
267
table#logs tr.level-error td.message {
268
	font-weight: bold;
269
}
270

    
271
span.error-message {
272
	color: #e00;
273
	font-weight: bold;
274
}
275

    
276
table.stats {
277
	margin: 1ex 0;
278
}
279

    
280
table.stats thead th {
281
	text-align: left;
282
}
283

    
284
table.stats td {
285
	padding-left: 1em;
286
}
287

    
288
form.inplaceeditor-form {
289
	margin: 0;
290
	padding: 0;
291
}
292

    
293
form.inplaceeditor-form input {
294
	margin: 0;
295
	padding: 0;
296
}
297

    
298
textarea.comment {
299
	width: 80%;
300
}
301

    
302
dl.job-status {
303
	margin: 1em 0;
304
}
305

    
306
dl.job-status dt {
307
	font-weight: bold;
308
}
309

    
310
dl.job-status dd {
311
	margin-left: 2em;
312
	margin-bottom: 1em;
313
}
314

    
315
span.activity {
316
	background: url(../indicator.gif) no-repeat top right;
317
	padding-right: 30px;
318
}
319

    
320
span.activity-done {
321
	background-image: none;
322
}
323

    
324
div.letters-nav {
325
	text-align: center;
326
	border: 1px solid #888;
327
	background: #eee;
328
	margin: 1em 0 1ex 0;
329
}
330

    
331
div.letters-nav a, div.letters-nav span.current-letter {
332
	text-decoration: none;
333
	padding: 0 0.5ex; /* so it is easier to click on 'I' */
334
	border-bottom: 0;
335
}
336

    
337
div.letters-nav span.current-letter {
338
	font-weight: bold;
339
}
340

    
341
div.page-nav {
342
	margin-top: 1em;
343
	text-align: center;
344
}
345

    
346
div.page-nav span.page-count-label {
347
	margin: 0 1ex;
348
}
349

    
350
ul.biglist li.user-is-admin {
351
	border-left: 5px solid #0099ff;
352
}
353

    
354
ul.biglist li.user-has-roles {
355
	border-left-color: green;
356
	border-left: 5px solid #cc00ff;
357
}
358

    
359
dl#evolutions dt {
360
	font-weight: bold;
361
}
362

    
363
dl#evolutions dd {
364
	border-bottom: 1px solid #006699;
365
}
366

    
367
div.page {
368
	border: 1px solid #aaa;
369
	padding: 1ex;
370
	margin-bottom: 1em;
371
}
372

    
373
div.page h3,
374
div.page h4 {
375
	margin: 0;
376
	margin-bottom: 1ex;
377
}
378

    
379
ul.biglist.themes li {
380
	min-height: 45px;
381
}
382

    
383
div#top {
384
	background: black;
385
	color: #eee;
386
	text-align: right;
387
}
388

    
389
div#top a {
390
	color: #aaa;
391
	font-weight: normal;
392
}
393

    
394
div#top a:hover {
395
	color: #888;
396
	border: 0;
397
}
398

    
399
div#header {
400
	background: #283c54;
401
	color: white;
402
	padding-left: 25px;
403
	border-bottom: 1px solid #283c54;
404
}
405

    
406
div#header h1 {
407
	margin: 0;
408
	padding: 5px 0 15px 0;
409
	font-weight: normal;
410
}
411

    
412
ul#menu {
413
	margin: 0;
414
	padding: 0;
415
	margin-bottom: 2px;
416
}
417

    
418
div#main-menu span {
419
	padding-bottom: 14px;
420
	background: blue;
421
}
422

    
423
ul#menu li {
424
	display: inline;
425
}
426

    
427
ul#menu li a {
428
	color: white;
429
	border-bottom: none;
430
	padding: 3px 1ex 0px 1ex;
431
	font-weight: normal;
432
	border-bottom: 3px solid #283c54;
433
	-webkit-transition: all 500ms ease-out;
434
}
435

    
436
ul#menu li.active a {
437
	background: white;
438
	color: #333;
439
	font-weight: bold;
440
	border-color: white;
441
}
442

    
443
ul#menu li a:hover {
444
	background: #394f6e;
445
	border-color: #394f6e;
446
}
447

    
448
ul#menu li.active a:hover {
449
	background: white;
450
	border-color: white;
451
}
452

    
453
div#main-content {
454
	width: 70%;
455
	margin-left: 2%;
456
	padding: 0 6px;
457
	border: 1px solid #888;
458
	border-width: 0 1px 1px 0;
459
	background: white;
460
	float: left;
461
	position: relative;
462
}
463

    
464
div#main-content h2 {
465
	font-weight: normal;
466
}
467

    
468
p#breadcrumb {
469
	margin: 0 -6px; /* matching padding of div#main-content */
470
	background: #dfebff;
471
	padding: 10px 18px;
472
	font-size: 110%;
473
}
474

    
475
p#breadcrumb a {
476
	color: #028;
477
}
478

    
479
p#breadcrumb a:hover {
480
	text-decoration: underline;
481
}
482

    
483
p#breadcrumb a,
484
ul.user-info a {
485
	border: none;
486
}
487

    
488

    
489
div#footer {
490
	clear: both;
491
	margin-left: 2%;
492
	font-size: 60%;
493
	width: 96%;
494
}
495

    
496
div#sidebar {
497
	float: right;
498
	width: 23%;
499
	margin-right: 2%;
500
	color: #666;
501
}
502

    
503
ul#main-actions {
504
	position: absolute;
505
	right: 0px;
506
	top: 10px;
507
	padding: 0;
508
	margin: 0;
509
	font-weight: bold;
510
	font-size: 110%;
511
}
512

    
513
ul#main-actions li {
514
	display: inline;
515
	padding: 0 1em;
516
}
517

    
518
ul#main-actions li a {
519
	padding: 2px;
520
	border: none;
521
	background: #DFEBFF;
522
	-moz-border-radius: 3px;
523
	-webkit-border-radius: 3px;
524
}
525

    
526
ul#main-actions a.new-item {
527
	background: url(../../images/stock_add_16.png) center left no-repeat;
528
	padding-left: 22px;
529
}
530

    
531
div.TextWidget textarea,
532
div.RankedItemsWidget input,
533
div.StringWidget input,
534
div.IntWidget input,
535
div.DateWidget input,
536
div.WcsExtraStringWidget input,
537
div.RegexStringWidget input,
538
div.EmailWidget input,
539
div.PasswordWidget input {
540
	border: 1px inset #ccc;
541
	margin: 1px;
542
	padding: 2px 3px;
543
	background: white;
544
	color: black;
545
}
546

    
547
div.SingleSelectWidget select {
548
	border: 1px inset #ccc;
549
	margin: 1px;
550
	padding: 2px 3px;
551
	background: white;
552
	color: black;
553
}
554

    
555
div.bo-block {
556
	border: 1px solid #e4e4e4;
557
	background: #fcfcfc;
558
	color: #505050;
559
	margin: 1em;
560
	padding: 1ex;
561
}
562

    
563
div.bo-block h2 {
564
	margin: 0;
565
	border-bottom: 1px solid #bcbcbc;
566
	color: #474747;
567
}
568

    
569
div.bo-block ul {
570
	padding-left: 2em;
571
	padding-bottom: 1ex;
572
}
573

    
574
div.bo-block ul.biglist {
575
	padding-left: 0em;
576
}
577

    
578
div.splitcontent-left {
579
	float: left;
580
	width: 61%;
581
}
582

    
583
div.splitcontent-right {
584
	float: right;
585
	width: 39%;
586
}
587

    
588
.clear {
589
	clear: both;
590
}
591

    
592
fieldset.formpage {
593
	border: 1px solid #bcbcbc;
594
	margin: 1em 0;
595
}
596

    
597
.bo-block img {
598
	margin: 1em 0;
599
}
(1-1/30)