← Back to branch summary

~quam-plures-core/quam-plures/qp5_colls-blogs_chaps-cats

« back to all changes in this revision

Viewing changes to qp_view_admin/wind/style.css

  • Committer: EdB
  • Date: 2013-03-12 06:26:03 UTC
  • Revision ID: 1912webworks@gmail.com-20130312062603-tnlb5zco5mglydqj
lots of changes in this branch. tested and functional, but not going into merge just yet ...

Show diffs side-by-side

added added

removed removed

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