← Back to branch summary

~quam-plures-core/quam-plures/fix-auto_p_plugin

« back to all changes in this revision

Viewing changes to qp_view_admin/fire/style.css

  • Committer: EdB
  • Date: 2013-03-18 19:30:14 UTC
  • mfrom: (7602.1.58 quam-plures)
  • Revision ID: 1912webworks@gmail.com-20130318193014-qogr0c0lwd5ix8lj
quam-plures/qp5_colls-blogs_chaps-cats

Show diffs side-by-side

added added

removed removed

Lines of Context:
qp_view_admin/fire/style.css
1
 
/**
2
 
 * Backoffice main Cascading Style Sheets definitions for "fire" style.
3
 
 *
4
 
 * This admin template courtesy of Lee Turner at http://www.hackingquamplures.com
5
 
/
6
 
 *
7
 
 * @package admin
8
 
 */
9
 
@import url("../../qp_rsc/css/basic.css"); /* Import basic styles */
 
1
/* Backoffice main Cascading Style Sheets definitions for "fire" style */
10
2
@import url("../../qp_rsc/css/results.css"); /* Import results/tables styles */
11
3
@import url("../../qp_rsc/css/item_base.css"); /* TODO: remove when templates have params */
12
4
@import url("../../qp_rsc/css/fileman.css"); /* TODO: move to appropriate controller - Import filemanager styles */
13
5
@import url("../admin.global.css"); /* Import basic admin styles */
14
6
 
15
7
body {
16
 
        margin: 0;
17
 
        padding: 0;
18
 
        color: black;
19
 
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
20
 
        font-size: 84%;
 
8
margin: 0;
 
9
padding: 0;
 
10
color: black;
 
11
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 
12
font-size: 84%;
21
13
}
22
14
.wrapper {
23
 
        padding-top: 4px;
24
 
        background: #FFF4C4;
 
15
padding-top: 4px;
 
16
background: #FFF4C4;
25
17
}
26
18
#upload_wrapper {
27
 
        background: #FFFFFF;
28
 
        padding-top: 1px;
 
19
background: #FFFFFF;
 
20
padding-top: 1px;
29
21
}
30
22
 
31
23
/* General styles */
32
24
a {
33
 
        color: #0000AA;
34
 
        text-decoration: none;
 
25
color: #0000AA;
 
26
text-decoration: none;
35
27
}
36
28
a:hover {
37
 
        text-decoration: underline;
 
29
text-decoration: underline;
38
30
}
39
31
 
40
32
/* Main & bloglist & options menus */
41
 
#mainmenu, #coll_list, #options {
42
 
        clear: both;
43
 
        background-color: #eb2d0c;
44
 
        margin: 0 0 4px 0;
45
 
        border-top: 1px solid #a20008;
46
 
        border-bottom: 1px solid #a20008;
47
 
        padding: 0;
48
 
        font-size: 84%;
 
33
#mainmenu, #blog_list, #options {
 
34
clear: both;
 
35
background-color: #eb2d0c;
 
36
margin: 0 0 4px 0;
 
37
border-top: 1px solid #a20008;
 
38
border-bottom: 1px solid #a20008;
 
39
padding: 0;
 
40
font-size: 84%;
49
41
}
50
 
#coll_list {
51
 
        background-color: #ff3300;
52
 
        border-top: 1px solid #a20008;
53
 
        border-bottom: 1px solid #a20008;
 
42
#blog_list {
 
43
background-color: #ff3300;
 
44
border-top: 1px solid #a20008;
 
45
border-bottom: 1px solid #a20008;
54
46
}
55
47
#options {
56
 
        background-color: #f16332;
57
 
        border-top: 1px solid #a20008;
58
 
        border-bottom: 1px solid #a20008;
59
 
}
60
 
#mainmenu ul, #coll_list ul, #options ul {
61
 
        height: 21px;
62
 
        margin: 0;
63
 
        padding: 0 14px;
64
 
}
65
 
#mainmenu li, #coll_list li, #options li {
66
 
        list-style: none;
67
 
        float: left;
68
 
        height: 19px;
 
48
background-color: #f16332;
 
49
border-top: 1px solid #a20008;
 
50
border-bottom: 1px solid #a20008;
 
51
}
 
52
#mainmenu ul, #blog_list ul, #options ul {
 
53
height: 21px;
 
54
margin: 0;
 
55
padding: 0 14px;
 
56
}
 
57
#mainmenu li, #blog_list li, #options li {
 
58
list-style: none;
 
59
float: left;
 
60
height: 19px;
69
61
}
70
62
 
71
63
/* All menus text colour & bold etc */
72
 
#mainmenu li a, #coll_list li a, #options li a {
73
 
        float: left; /* This line needed by IE6, not necessary for IE7 */
74
 
        display: block;
75
 
        height: 15px;
76
 
        padding: 3px 9px;
77
 
        color: #fff;
78
 
        font-weight: normal;
 
64
#mainmenu li a, #blog_list li a, #options li a {
 
65
float: left; /* This line needed by IE6, not necessary for IE7 */
 
66
display: block;
 
67
height: 15px;
 
68
padding: 3px 9px;
 
69
color: #fff;
 
70
font-weight: normal;
79
71
}
80
72
#options li a {
81
 
        font-weight: normal;
 
73
font-weight: normal;
82
74
}
83
75
 
84
76
/* All menus hover and active */
85
 
#mainmenu li a:hover, #coll_list li a:hover, #options li a:hover,
86
 
#mainmenu li a:active, #coll_list li a:active, #options li a:active,
87
 
#mainmenu li.current a, #coll_list li.current a, #options li.current a {
88
 
        padding: 2px 8px;
89
 
        background-color: #a20008;
90
 
        border: 1px solid #a20008;
91
 
        color: #fff;
 
77
#mainmenu li a:hover, #blog_list li a:hover, #options li a:hover,
 
78
#mainmenu li a:active, #blog_list li a:active, #options li a:active,
 
79
#mainmenu li.current a, #blog_list li.current a, #options li.current a {
 
80
padding: 2px 8px;
 
81
background-color: #a20008;
 
82
border: 1px solid #a20008;
 
83
color: #fff;
92
84
}
93
 
#coll_list li a:hover, #coll_list li a:active, #coll_list li.current a {
94
 
        border: 1px solid #AAAAAA;
 
85
#blog_list li a:hover, #blog_list li a:active, #blog_list li.current a {
 
86
border: 1px solid #AAAAAA;
95
87
}
96
88
#options li a:hover, #options li a:active, #options li.current a {
97
 
        border: 1px solid #AAAAAA;
 
89
border: 1px solid #AAAAAA;
98
90
}
99
91
 
100
92
li.collection_select select {
101
 
        border: 1px solid #9F9F9F;
102
 
        height: 19px;
103
 
        margin: 1px;
104
 
        vertical-align: middle;
 
93
border: 1px solid #9F9F9F;
 
94
height: 19px;
 
95
margin: 1px;
 
96
vertical-align: middle;
105
97
}
106
98
li.collection_select input {
107
 
        font-size: 12px;
108
 
        vertical-align: middle;
109
 
        height: 21px;
110
 
        padding: 0 1px;
 
99
font-size: 12px;
 
100
vertical-align: middle;
 
101
height: 21px;
 
102
padding: 0 1px;
111
103
}
112
104
 
113
105
/* MAIN AREA layout */
114
106
.panelbody {
115
 
        margin: 0;
116
 
        padding: 0;
 
107
margin: 0;
 
108
padding: 0;
117
109
}
118
110
.left_col {
119
 
        clear: both;
120
 
        vertical-align: top;
121
 
        float: left;
122
 
        width: 68.5%;
123
 
        margin: 0;
124
 
        padding: 0;
125
 
        overflow: hidden;
 
111
clear: both;
 
112
vertical-align: top;
 
113
float: left;
 
114
width: 68.5%;
 
115
margin: 0;
 
116
padding: 0;
 
117
overflow: hidden;
126
118
}
127
119
.right_col {
128
 
        width: 30%;
129
 
        vertical-align: top;
130
 
        float: right;
131
 
        margin: 0;
132
 
        padding: 0;
133
 
        overflow: hidden;
 
120
width: 30%;
 
121
vertical-align: top;
 
122
float: right;
 
123
margin: 0;
 
124
padding: 0;
 
125
overflow: hidden;
134
126
}
135
127
 
136
128
/* Page top messages */
137
129
div.action_messages {
138
 
        margin:12px 17px 16px 16px;
 
130
margin:12px 17px 16px 16px;
139
131
}
140
132
 
141
133
/* Panel blocks */
142
134
div.panelinfo {
143
 
        clear: both;
144
 
        border: 1px solid #777777;
145
 
        background-color: #F1F6F8;
146
 
        padding: 0 1ex;
147
 
        margin: 1ex 14px;
 
135
clear: both;
 
136
border: 1px solid #777777;
 
137
background-color: #F1F6F8;
 
138
padding: 0 1ex;
 
139
margin: 1ex 14px;
148
140
}
149
141
div.tabbedpanelblock div.panelinfo {
150
 
        margin: 1ex 0;
 
142
margin: 1ex 0;
151
143
}
152
144
div.panelinfo p {
153
 
        margin: 1ex 0;
154
 
        padding: 0;
 
145
margin: 1ex 0;
 
146
padding: 0;
155
147
}
156
148
div.pblock {
157
 
        clear: both;
158
 
        margin: 4px;
 
149
clear: both;
 
150
margin: 4px;
159
151
}
160
152
 
161
153
/* The panel behind the main content in the admin */
162
154
div.panelblock, div.tabbedpanelblock {
163
 
        background: #FFF4C4;
164
 
        padding: 4px;
 
155
background: #FFF4C4;
 
156
padding: 4px;
165
157
}
166
158
 
167
159
/* Forms */
168
160
textarea, input.form_text_input, input.form_date_input, input.SearchField {
169
 
        background-color: white;
170
 
        border: 1px solid #9DB0BC;
171
 
        padding: 2px
 
161
background-color: white;
 
162
border: 1px solid #9DB0BC;
 
163
padding: 2px
172
164
}
173
165
input.field_error, select.field_error, textarea.field_error {
174
 
        background-color: #FBF2EE;
175
 
        border: 1px solid #d99;
 
166
background-color: #FBF2EE;
 
167
border: 1px solid #d99;
176
168
}
177
169
 
178
170
/* Section headings */
179
171
.fieldset_title {
180
 
        background-color: #f16332;
181
 
        color: white;
182
 
        padding: 4px 6px 4px 6px;
183
 
        font-weight: normal;
184
 
        border-top-left-radius: 5px;
185
 
        border-top-right-radius: 5px;
186
 
        -moz-border-radius-topleft: 5px;
187
 
        -moz-border-radius-topright: 5px;
 
172
background-color: #f16332;
 
173
color: white;
 
174
padding: 4px 6px 4px 6px;
 
175
font-weight: normal;
 
176
border-top-left-radius: 5px;
 
177
border-top-right-radius: 5px;
 
178
-moz-border-radius-topleft: 5px;
 
179
-moz-border-radius-topright: 5px;
188
180
}
189
181
.fieldset_title .action_icon {
190
 
        font-size: 80%;
 
182
font-size: 80%;
191
183
}
192
 
.fform fieldset, .left_col fieldset, .right_col fieldset  {
193
 
        border: none;
194
 
        margin: 0 0 10px 0;
 
184
.fform fieldset, .left_col fieldset, .right_col fieldset {
 
185
border: none;
 
186
margin: 0 0 10px 0;
195
187
}
196
188
 
197
189
/* Wrapper around the section content */
198
190
.fieldset_wrapper {
199
 
        background-color: white;
200
 
        margin: 1ex 0 0 0;
201
 
        border: 1px solid #f16332;
202
 
        -moz-border-radius: 5px;
203
 
        border-radius: 5px;
 
191
background-color: white;
 
192
margin: 1ex 0 0 0;
 
193
border: 1px solid #f16332;
 
194
-moz-border-radius: 5px;
 
195
border-radius: 5px;
204
196
}
205
197
 
206
198
.label {
207
 
        color: #464646;
 
199
color: #464646;
208
200
}
209
201
 
210
202
/* Result tables: */
211
203
ul.grouped {
212
 
        border: solid #ccc;
213
 
        border-width: 0 1px 1px 0;
214
 
        margin: 0 0 1ex 0;
215
 
        padding: 0;
216
 
        list-style: none;
 
204
border: solid #ccc;
 
205
border-width: 0 1px 1px 0;
 
206
margin: 0 0 1ex 0;
 
207
padding: 0;
 
208
list-style: none;
217
209
}
218
210
ul.grouped ul {
219
 
        margin: 0;
220
 
        padding: 0 0 0 1ex;
221
 
        list-style: none;
 
211
margin: 0;
 
212
padding: 0 0 0 1ex;
 
213
list-style: none;
222
214
}
223
215
ul.grouped li {
224
 
        padding: 0;
225
 
        border: solid #ccc;
226
 
        border-width: 1px 0 0 1px;
 
216
padding: 0;
 
217
border: solid #ccc;
 
218
border-width: 1px 0 0 1px;
227
219
}
228
220
ul.grouped li div {
229
221
padding: 2px 1ex;
230
222
}
231
223
ul.grouped, table.grouped, #fm_browser, table.filelist {
232
 
        margin-top: 0;
233
 
        border-color: #9F9F9F;
 
224
margin-top: 0;
 
225
border-color: #9F9F9F;
234
226
}
235
227
/* Tables */
236
228
table.grouped {
237
 
        margin-top: 0;
238
 
        border-color: #f16332;
 
229
margin-top: 0;
 
230
border-color: #f16332;
239
231
}
240
232
/* Table headers (but not the ordered by column colour) */
241
233
table.grouped th, table.filelist th {
242
 
        background-color: #FFF4C4;
243
 
        color: #333333;
244
 
        border-color: #F38862;
 
234
background-color: #FFF4C4;
 
235
color: #333333;
 
236
border-color: #F38862;
245
237
}
246
238
 
247
239
table.grouped tr.filters td, #fm_bar, table.filelist tr.listfooter td {
248
 
        background-color: white;
249
 
        border-color: #9F9F9F;
 
240
background-color: white;
 
241
border-color: #9F9F9F;
250
242
}
251
243
 
252
244
table.grouped th a, table.filelist th a {
253
 
        color: #333333;
 
245
color: #333333;
254
246
}
255
247
table.grouped tr.clickable_headers th, table.filelist th {
256
 
        padding: 0;
 
248
padding: 0;
257
249
}
258
250
table.grouped th a.basic_sort_link, table.grouped th span,
259
251
table.filelist th a.basic_sort_link, table.filelist th span {
260
 
        display: block;
261
 
        padding: 2px 8px;
 
252
display: block;
 
253
padding: 2px 8px;
262
254
}
263
255
 
264
256
/* Table headers when you hover the mouse over them */
265
257
table.grouped th a.basic_sort_link:hover,
266
258
table.filelist th a.basic_sort_link:hover {
267
 
        background-color: #FFF4C4;
268
 
        color: #0000AA;
 
259
background-color: #FFF4C4;
 
260
color: #0000AA;
269
261
}
270
262
 
271
263
/* Table header for the ordered by column */
272
264
table.grouped th a.basic_current,
273
265
table.filelist th a.basic_current {
274
 
        background-color: #FFF4C4;
275
 
        color: #333333;
276
 
        padding: 2px 8px;
 
266
background-color: #FFF4C4;
 
267
color: #333333;
 
268
padding: 2px 8px;
277
269
}
278
270
 
279
271
/* Table rows */
280
272
ul.grouped li.even, table.grouped tr.even, table.filelist tr.even {
281
 
        background-color: #fff; /* even table row color */
 
273
background-color: #fff; /* even table row color */
282
274
}
283
275
ul.grouped li.odd, table.grouped tr.odd, table.filelist tr.odd {
284
 
        background-color: #fff; /* odd table row color */
 
276
background-color: #fff; /* odd table row color */
285
277
}
286
278
ul.grouped li.even div:hover, ul.grouped li.odd div:hover,
287
279
table.grouped tr.even:hover, table.grouped tr.odd:hover,
288
280
table.filelist tr.even:hover, table.filelist tr.odd:hover {
289
 
        background-color: #FFF4C4; /* hover table row color */
 
281
background-color: #FFF4C4; /* hover table row color */
290
282
}
291
283
 
292
284
/* Last line in a table sometimes used when there are 'no results' */
293
285
tr.lastline td {
294
 
        background-color: #fff;
 
286
background-color: #fff;
295
287
}
296
288
 
297
289
/* Table cells */
298
290
table.grouped td, ul.grouped li, table.filelist td {
299
 
        border-color: #f16332;
 
291
border-color: #f16332;
300
292
}
301
293
 
302
294
/* Table sub headers */
303
295
table.grouped tr.group td {
304
 
        border-color: #f16332;
305
 
        background-color: #f16332;
 
296
border-color: #f16332;
 
297
background-color: #f16332;
306
298
}
307
299
 
308
300
/* Table totals */
309
301
table.grouped tr.total td {
310
 
        border-color: #f16332;
311
 
        background-color: #f16332;
 
302
border-color: #f16332;
 
303
background-color: #f16332;
312
304
}
313
305
 
314
306
 
315
307
 
316
308
/* Titles */
317
309
h2 {
318
 
        margin-top: 0ex;
319
 
        margin-bottom: 1ex;
320
 
        font-size: 140%;
 
310
margin-top: 0ex;
 
311
margin-bottom: 1ex;
 
312
font-size: 140%;
321
313
}
322
314
h3 {
323
 
        font-size: 120%;
 
315
font-size: 120%;
324
316
}
325
317
div.panelinfo h3 {
326
 
        margin: 1ex 0;
327
 
        padding: 0;
 
318
margin: 1ex 0;
 
319
padding: 0;
328
320
}
329
321
h4 {
330
 
        font-size: 110%;
331
 
        margin-bottom: 1ex;
 
322
font-size: 110%;
 
323
margin-bottom: 1ex;
332
324
}
333
325
 
334
326
 
337
329
a.DeleteButton,
338
330
a.PublishButton,
339
331
a.permalink_right {
340
 
        text-decoration: none;
341
 
        float: left;
342
 
        padding: 2px 1ex;
343
 
        margin-right: 4px;
344
 
        border: 1px solid #9DB0BC;
345
 
        white-space: nowrap;
346
 
        background: #fefefe;
 
332
text-decoration: none;
 
333
float: left;
 
334
padding: 2px 1ex;
 
335
margin-right: 4px;
 
336
border: 1px solid #9DB0BC;
 
337
white-space: nowrap;
 
338
background: #fefefe;
347
339
}
348
340
a.permalink_right {
349
 
        float: right;
350
 
        margin: 0;
 
341
float: right;
 
342
margin: 0;
351
343
}
352
344
 
353
345
a.ActionButton:hover,
354
346
a.DeleteButton:hover,
355
347
a.PublishButton:hover,
356
348
a.permalink_right:hover {
357
 
        text-decoration: underline;
358
 
        background-color: #eee;
 
349
text-decoration: underline;
 
350
background-color: #eee;
359
351
}
360
352
a.ActionButton:hover,
361
353
a.permalink_right:hover {
362
 
        color: #00b;
363
 
        border: 1px solid #00b;
 
354
color: #00b;
 
355
border: 1px solid #00b;
364
356
}
365
357
a.DeleteButton:hover {
366
 
        color: #c00;
367
 
        border: 1px solid #c00;
 
358
color: #c00;
 
359
border: 1px solid #c00;
368
360
}
369
361
a.PublishButton:hover {
370
 
        color: #c00;
371
 
        border: 1px solid #c00;
 
362
color: #c00;
 
363
border: 1px solid #c00;
372
364
}
373
365
 
374
366
div.edit_actions input {
375
 
        margin: 1px 1px;
 
367
margin: 1px 1px;
376
368
}
377
369
div.edit_actions input.SaveButton {
378
 
        font-weight: bold;
 
370
font-weight: bold;
379
371
}
380
372
div.edit_actions input.SaveEditButton:hover,
381
373
div.edit_actions input.SaveButton:hover {
382
 
        color: #c00;
 
374
color: #c00;
383
375
}
384
376
 
385
377
/* browse Screen: */
386
378
td.browse_left_col {
387
379
}
388
380
td.browse_right_col {
389
 
        width: 19em;
 
381
width: 19em;
390
382
}
391
383
.block_item_wrap {
392
 
        margin: 0 0 1em 0;
393
 
        -moz-border-radius: 5px;
394
 
        border-radius: 5px;
 
384
margin: 0 0 1em 0;
 
385
-moz-border-radius: 5px;
 
386
border-radius: 5px;
395
387
}
396
388
.browse_side_item_wrap {
397
 
        margin: 0 0 1em 1em;
 
389
margin: 0 0 1em 1em;
398
390
}
399
391
 
400
392
/* Blocks on the right of the sreen on the Items screen */
401
393
.block_item, .browse_side_item {
402
 
        border: 1px solid #F16332;
403
 
        background-color: #fff;
404
 
        padding: 1ex;
405
 
        border-bottom-left-radius: 5px;
406
 
        border-bottom-right-radius: 5px;
407
 
        -moz-border-radius-bottomleft: 5px;
408
 
        -moz-border-radius-bottomright: 5px;
 
394
border: 1px solid #F16332;
 
395
background-color: #fff;
 
396
padding: 1ex;
 
397
border-bottom-left-radius: 5px;
 
398
border-bottom-right-radius: 5px;
 
399
-moz-border-radius-bottomleft: 5px;
 
400
-moz-border-radius-bottomright: 5px;
409
401
}
410
402
 
411
403
div.full_nav {
412
 
        background-color: #e6e6e6;
413
 
        border: 1px solid #becdd6;
414
 
        padding: 1ex;
415
 
        margin: 0 0 1ex 0;
 
404
background-color: #e6e6e6;
 
405
border: 1px solid #becdd6;
 
406
padding: 1ex;
 
407
margin: 0 0 1ex 0;
416
408
}
417
409
div.full_nav table {
418
 
        width: 100%;
 
410
width: 100%;
419
411
}
420
412
div.PostActionsArea,
421
413
div.CommentActionsArea {
422
 
        clear: both;
423
 
        padding: 1ex;
424
 
        margin: 0;
 
414
clear: both;
 
415
padding: 1ex;
 
416
margin: 0;
425
417
}
426
418
 
427
419
div.bSideItem {
428
 
        border: 1px solid #eee7e0;
429
 
        padding: 1ex;
430
 
        margin: 0 1em 1ex 0;
 
420
border: 1px solid #eee7e0;
 
421
padding: 1ex;
 
422
margin: 0 1em 1ex 0;
431
423
}
432
424
 
433
425
.bSmallHead {
434
 
        font-size: 85%;
435
 
        padding: 1ex;
436
 
        margin: 0;
437
 
        color: #929292;
438
 
        border-bottom: 1px solid #becdd6;
 
426
font-size: 85%;
 
427
padding: 1ex;
 
428
margin: 0;
 
429
color: #929292;
 
430
border-bottom: 1px solid #becdd6;
439
431
}
440
432
.bSmallHeadRight {
441
 
        float: right;
442
 
        text-align: right;
443
 
        padding-left: 1em; /* do not pad on text in .bSmallHead */
 
433
float: right;
 
434
text-align: right;
 
435
padding-left: 1em; /* do not pad on text in .bSmallHead */
444
436
}
445
437
.bSmallPrint {
446
 
        border-top: 1px solid #becdd6;
447
 
        font-size: 85%;
448
 
        padding: 1ex;
449
 
        color: #929292;
 
438
border-top: 1px solid #becdd6;
 
439
font-size: 85%;
 
440
padding: 1ex;
 
441
color: #929292;
450
442
}
451
443
 
452
444
div.bComment, /* Entire comment block */
453
445
form.bComment /* New comment form */
454
446
{
455
 
        border: 1px solid #becdd6;
456
 
        padding: 0;
457
 
        margin: 1ex;
 
447
border: 1px solid #becdd6;
 
448
padding: 0;
 
449
margin: 1ex;
458
450
}
459
451
div.bComment > p { /* padding for e.g. "No feedback for this post yet..." */
460
 
        padding: 1ex;
 
452
padding: 1ex;
461
453
}
462
454
 
463
455
 
464
456
/* Post colors on browse page */
465
457
.bDate, .bTime, .bAuthor, .bStatus, .bType, .bViews, .bPriority, .bAssignee, .bExtStatus {
466
 
        color: #6e6256;
467
 
        font-weight: bold;
 
458
color: #6e6256;
 
459
font-weight: bold;
468
460
}
469
461
.bCategories, .bEmail, .bIP, .bURL, .bKarma {
470
 
        color: #6e6256;
 
462
color: #6e6256;
471
463
}
472
464
div.bPost {
473
 
        clear: both;
474
 
        padding: 0;
475
 
        margin: 0 0 1ex 0;
 
465
clear: both;
 
466
padding: 0;
 
467
margin: 0 0 1ex 0;
476
468
}
477
469
div.bPostpublished {
478
 
        border: 1px solid #becdd6;
479
 
        background-color: white;
 
470
border: 1px solid #becdd6;
 
471
background-color: white;
480
472
}
481
473
.bPostpublished span.bStatus, div.bCommentpublished span.bStatus {
482
 
        color: #0b0;
 
474
color: #0b0;
483
475
}
484
476
.bPostprotected {
485
 
        border: 1px solid #fc9;
486
 
        background-color: white; /* fix this one day */
 
477
border: 1px solid #fc9;
 
478
background-color: white; /* fix this one day */
487
479
}
488
480
.bPostprotected span.bStatus {
489
 
        color: #ea0;
 
481
color: #ea0;
490
482
}
491
483
.bPostprotected > div.bSmallHead /* Direct child only */
492
484
{
493
 
        border-bottom: 1px solid #fc9;
 
485
border-bottom: 1px solid #fc9;
494
486
}
495
487
.bPostprivate {
496
 
        border: 1px solid #f99;
497
 
        background-color: white; /* fix this one day */
 
488
border: 1px solid #f99;
 
489
background-color: white; /* fix this one day */
498
490
}
499
491
.bPostprivate span.bStatus {
500
 
        color: #e00;
 
492
color: #e00;
501
493
}
502
494
.bPostprivate > div.bSmallHead { /* Direct child only */
503
 
        border-bottom: 1px solid #f99;
 
495
border-bottom: 1px solid #f99;
504
496
}
505
497
 
506
498
.bPostdraft, div.bCommentdraft {
507
 
        border: 1px dashed #ccc;
508
 
        background-color: white; /* fix this one day */
 
499
border: 1px dashed #ccc;
 
500
background-color: white; /* fix this one day */
509
501
}
510
502
.bPostdraft span.bStatus, div.bCommentdraft span.bStatus {
511
 
        color: #666;
 
503
color: #666;
512
504
}
513
505
.bPostdraft > div.bSmallHead, /* Direct child only */
514
506
div.bCommentdraft > div.bSmallHead { /* Direct child only */
515
 
        border-bottom: 1px dashed #ccc;
 
507
border-bottom: 1px dashed #ccc;
516
508
}
517
509
 
518
510
.bPostdeprecated, div.bCommentdeprecated {
519
 
        border: 1px dashed #000;
520
 
        background-color: white; /* fix this one day */
521
 
        color: #888;
 
511
border: 1px dashed #000;
 
512
background-color: white; /* fix this one day */
 
513
color: #888;
522
514
}
523
515
.bPostdeprecated span.bStatus, div.bCommentdeprecated span.bStatus {
524
 
        color: #000;
 
516
color: #000;
525
517
}
526
518
.bPostdeprecated > div.bSmallHead, /* Direct child only */
527
519
div.bCommentdeprecated > div.bSmallHead { /* Direct child only */
528
 
        border-bottom: 1px dashed #000;
 
520
border-bottom: 1px dashed #000;
529
521
}
530
522
 
531
523
.bPostredirected {
532
 
        border: 1px solid #dd0;
533
 
        background-color: white; /* fix this one day */
 
524
border: 1px solid #dd0;
 
525
background-color: white; /* fix this one day */
534
526
}
535
527
.bPostredirected span.bStatus {
536
 
        color: #dd0;
 
528
color: #dd0;
537
529
}
538
530
.bPostredirected > div.bSmallHead { /* Direct child only */
539
 
        border-bottom: 1px solid #dd0;
 
531
border-bottom: 1px solid #dd0;
540
532
}
541
533
 
542
534
.bContent, .bCommentContent, .bFeedback {
543
 
        margin: 1ex;
 
535
margin: 1ex;
544
536
}
545
537
.bTitle {
546
 
        font-weight: bold;
547
 
        margin: 0;
548
 
        padding: 0;
 
538
font-weight: bold;
 
539
margin: 0;
 
540
padding: 0;
549
541
}
550
542
.bText {
551
 
        margin: 0;
552
 
        padding: 0;
 
543
margin: 0;
 
544
padding: 0;
553
545
}
554
546
 
555
547
.bSideItem ul, .browse_side_item ul, .right_col ul {
556
 
        margin-left: 0;
557
 
        padding-left: 0;
558
 
        margin-top: .5ex;
559
 
        margin-bottom: .5ex;
560
 
        list-style-type: none;
 
548
margin-left: 0;
 
549
padding-left: 0;
 
550
margin-top: .5ex;
 
551
margin-bottom: .5ex;
 
552
list-style-type: none;
561
553
}
562
554
.bSideItem ul ul, .browse_side_item ul ul, .right_col ul ul {
563
 
        margin-left: 1ex;
564
 
        padding-left: 1ex;
 
555
margin-left: 1ex;
 
556
padding-left: 1ex;
565
557
}
566
558
 
567
559
 
568
560
input.SearchField {
569
 
        width: 95%;
570
 
        margin: .5ex 2px 0 2px;
 
561
width: 95%;
 
562
margin: .5ex 2px 0 2px;
571
563
}
572
564
 
573
565
 
574
566
/* Write/compose Screen */
575
567
.left_col fieldset, .right_col fieldset {
576
 
        padding: 2px 3px;
 
568
padding: 2px 3px;
577
569
}
578
570
 
579
571
.bSideItem fieldset div, .browse_side_item fieldset div {
580
 
        margin: 1ex 0ex;
 
572
margin: 1ex 0ex;
581
573
}
582
574
 
583
575
.bSideItem fieldset, .browse_side_item fieldset {
584
 
        margin: 1ex 0;
585
 
        clear: both;
586
 
        border: 1px solid #becdd6;
 
576
margin: 1ex 0;
 
577
clear: both;
 
578
border: 1px solid #becdd6;
587
579
}
588
580
 
589
581
fieldset.extracats {
590
 
        padding: 0;
591
 
        overflow: visible;
 
582
padding: 0;
 
583
overflow: visible;
592
584
}
593
585
fieldset.extracats div.extracats {
594
 
        height: 44ex;
595
 
        overflow: auto;
596
 
        padding: 0;
597
 
        margin: 0;
 
586
height: 44ex;
 
587
overflow: auto;
 
588
padding: 0;
 
589
margin: 0;
598
590
}
599
591
fieldset.extracats div.extracats div {
600
 
        margin: 0;
601
 
        padding: 0;
 
592
margin: 0;
 
593
padding: 0;
602
594
}
603
595
 
604
596
 
605
597
/* Categories selection table */
606
598
table.catselect {
607
 
        width:100%;
608
 
        border-left: none;
609
 
        border-right: none;
610
 
        border-top: none;
611
 
        border-color: #9DB0BC;
 
599
width:100%;
 
600
border-left: none;
 
601
border-right: none;
 
602
border-top: none;
 
603
border-color: #9DB0BC;
612
604
}
613
605
table.catselect th {
614
 
        background-color: #D3D3D3;
615
 
        border-color: #9DB0BC;
 
606
background-color: #D3D3D3;
 
607
border-color: #9DB0BC;
616
608
}
617
609
table.catselect tr.group td { /* UNKNOWN PURPOSE - NEEDS FIXIN! */
618
 
        border-color: #9DB0BC;
619
 
        background-color: #C3D5E2;
 
610
border-color: #9DB0BC;
 
611
background-color: #C3D5E2;
620
612
}
621
613
table.catselect tr.even, table.catselect tr.even input {
622
 
        background-color: #FCFCFC; /* even table row color */
 
614
background-color: #FCFCFC; /* even table row color */
623
615
}
624
616
table.catselect tr.odd, table.catselect tr.odd input {
625
 
        background-color: #F0F0F0; /* odd table row color */
 
617
background-color: #F0F0F0; /* odd table row color */
626
618
}
627
619
table.catselect tr:hover, table.catselect tr:hover input {
628
 
        background-color: #DBDBDB; /* hover table row color */
 
620
background-color: #DBDBDB; /* hover table row color */
629
621
}
630
622
table.catselect th.selector, table.catselect td.selector {
631
 
        border-color: #9DB0BC;
 
623
border-color: #9DB0BC;
632
624
}
633
625
 
634
626
.catselect table thead tr th {
635
 
        background-color: red;
 
627
background-color: red;
636
628
}
637
629
 
638
630
/* Table headers of the category select box on the write screen */
639
631
.catselect thead th.catsel_main, .catselect thead th.catsel_extra, .catselect thead th.catsel_name {
640
 
        border-color: #f16332;
641
 
        background-color: #FFF4C4;
642
 
        color: #0000AA;
 
632
border-color: #f16332;
 
633
background-color: #FFF4C4;
 
634
color: #0000AA;
643
635
}
644
636
/* Odd row for category selector table in the write screen */
645
637
.catselect tr.odd td {
646
 
        background-color: #fff;
647
 
        border-color: #f16332;
 
638
background-color: #fff;
 
639
border-color: #f16332;
648
640
}
649
641
/* Even row for category selector table in the write screen */
650
642
.catselect tr.even td {
651
 
        background-color: #fff;
652
 
        border-color: #f16332;
 
643
background-color: #fff;
 
644
border-color: #f16332;
653
645
}
654
646
 
655
647
 
656
648
 
657
649
.extracatnote {
658
 
        font-size: 84%;
659
 
        margin: 1ex;
660
 
        padding: 0;
661
 
        color: #999;
 
650
font-size: 84%;
 
651
margin: 1ex;
 
652
padding: 0;
 
653
color: #999;
662
654
}
663
655
 
664
656
/* Toolbars in the write screen etc */
665
657
div.edit_toolbars {
666
 
        margin-top: 1ex;
667
 
        width: 100%;
668
 
        text-align: center;
 
658
margin-top: 1ex;
 
659
width: 100%;
 
660
text-align: center;
669
661
}
670
662
div.edit_toolbar {
671
 
        background-color: #FFF4C4; 
672
 
        border: 1px solid #A9A9A9; /* darkgray */
673
 
        padding: 1px 2px;
674
 
        margin: 1px auto;
675
 
        width: 98%;
 
663
background-color: #FFF4C4; 
 
664
border: 1px solid #A9A9A9; /* darkgray */
 
665
padding: 1px 2px;
 
666
margin: 1px auto;
 
667
width: 98%;
676
668
}
677
669
div.edit_toolbar input {
678
 
        background-color: #FCFCFC; /* even table row color */
679
 
        border: 1px solid #A9A9A9; /* darkgray */
680
 
        margin: 0 1px;
681
 
        padding: 0 1px;
 
670
background-color: #FCFCFC; /* even table row color */
 
671
border: 1px solid #A9A9A9; /* darkgray */
 
672
margin: 0 1px;
 
673
padding: 0 1px;
682
674
}
683
675
div.edit_toolbar input:hover {
684
 
        border-color: black;
 
676
border-color: black;
685
677
}
686
678
 
687
679
div.edit_area {
688
 
        width: 100%;
689
 
        text-align: center;
 
680
width: 100%;
 
681
text-align: center;
690
682
}
691
683
 
692
684
div.edit_area textarea, textarea.bComment {
693
 
        width: 98%;
694
 
        margin: 0 auto;
 
685
width: 98%;
 
686
margin: 0 auto;
695
687
}
696
688
 
697
689
div.edit_actions {
698
 
        background-color: white;
699
 
        padding: 2px;
700
 
        margin: 1ex auto;
701
 
        width: 98%;
702
 
        text-align: right;
 
690
background-color: white;
 
691
padding: 2px;
 
692
margin: 1ex auto;
 
693
width: 98%;
 
694
text-align: right;
703
695
}
704
696
 
705
697
.edit_fieldgroup {
706
 
        margin: 2px 0;
 
698
margin: 2px 0;
707
699
}
708
700
 
709
701
 
710
702
/* File manager */
711
703
#fm_dirtree { /* this is the left side of the upload page, which is kinda obvious by name... */
712
 
        border-color: #9DB0BC;
713
 
        background-color: white; /* BORING but that's life */
 
704
border-color: #9DB0BC;
 
705
background-color: white; /* BORING but that's life */
714
706
}
715
707
#fm_files { /* this is the bottom of the upload page - where the "upload to server now" button is */
716
 
        border-color: #9DB0BC;
717
 
        background-color: #FFF4C4;
 
708
border-color: #9DB0BC;
 
709
background-color: #FFF4C4;
718
710
}
719
711
/* File list within the file manager */
720
712
.filelist td {
721
 
        background-color: #fff;
 
713
background-color: #fff;
722
714
}
723
 
.toolbaritem  {
724
 
        padding: 4px 0;
 
715
.toolbaritem {
 
716
padding: 4px 0;
725
717
}
726
718
 
727
719
div.upload_title { /* this is where it says "Files to upload" on the upload page */
728
 
        background-color: #A9A9A9; /* darkgray */
729
 
        border-bottom-color: #9DB0BC;
 
720
background-color: #A9A9A9; /* darkgray */
 
721
border-bottom-color: #9DB0BC;
730
722
}
731
723
 
732
724
ul#uploadfileinputs li { /* this is for each "Choose a file" box on the upload page */
733
 
        background-color: #D3D3D3; /* lightgray */
734
 
        border-bottom-color: #9DB0BC;
 
725
background-color: #D3D3D3; /* lightgray */
 
726
border-bottom-color: #9DB0BC;
735
727
}
736
728
p.uploadfileinputs { /* this is where it says "Add another file" on the upload page */
737
 
        background-color: #A9A9A9; /* darkgray */
738
 
        border-bottom-color: #9DB0BC;
 
729
background-color: #A9A9A9; /* darkgray */
 
730
border-bottom-color: #9DB0BC;
739
731
}
740
732
 
741
733
div.upload_foot .note {
742
 
        color: #777;
 
734
color: #777;
743
735
}
744
736
 
745
737
/* Permissions */
746
738
span.checkall,
747
739
th.checkright {
748
 
        font-size: 84%;
 
740
font-size: 84%;
749
741
}
750
742
 
751
743
 
752
744
/* System checks */
753
745
div.system_check {
754
 
        border-top: 1px solid #e1ddce;
 
746
border-top: 1px solid #e1ddce;
755
747
}
756
748
 
757
749
 
758
750
/* Footer */
759
751
.footer {
760
 
        clear: both;
761
 
        margin: 0;
762
 
        height: 44px;
 
752
clear: both;
 
753
margin: 0;
 
754
height: 44px;
763
755
}
764
756
.footer a {
765
 
        color: black;
 
757
color: black;
766
758
}
767
759
 
768
760
.footer_logo {
769
 
        float: right;
770
 
        margin: 0 24px 0 0;
 
761
float: right;
 
762
margin: 0 24px 0 0;
771
763
}
772
764
.footer .copyright {
773
 
        padding: 16px 0 0 28px;
774
 
        font-size: 74%;
 
765
padding: 16px 0 0 28px;
 
766
font-size: 74%;
775
767
}
776
768
 
777
769
ul.widget_container {
778
 
        margin-bottom: 1ex;
 
770
margin-bottom: 1ex;
779
771
}
780
772
 
781
773
/* widget settings screen */
782
774
#widget_settings.widget_settings_active {
783
 
        background-color: #FFF4C4 !important;
 
775
background-color: #FFF4C4 !important;
784
776
}
785
777
 
786
778
/* Add widget sceen */
787
779
.available_widgets{
788
 
        background-color: #FFF4C4 !important;
 
780
background-color: #FFF4C4 !important;
789
781
}
790
782
 
791
783
/* Add widget sceen toolbar */
792
784
.available_widgets_toolbar{
793
 
        background-color: #f16332 !important;
794
 
        color: #fff;
 
785
background-color: #f16332 !important;
 
786
color: #fff;
795
787
}
796
788
 
797
789
#current_widgets .odd {
798
 
        background-color: #fff;
 
790
background-color: #fff;
799
791
}
800
792
#current_widgets .even {
801
 
        background-color: #fff;
 
793
background-color: #fff;
802
794
}
803
795
#current_widgets .odd:hover {
804
 
        background-color: #FFF4C4;
 
796
background-color: #FFF4C4;
805
797
}
806
798
#current_widgets .even:hover {
807
 
        background-color: #FFF4C4;
 
799
background-color: #FFF4C4;
808
800
}
809
801