← Back to branch summary

~ubuntu-branches/ubuntu/lucid/mahara/lucid-security

« back to all changes in this revision

Viewing changes to htdocs/theme/views.css

  • Committer: Bazaar Package Importer
  • Author(s): Francois Marier
  • Date: 2009-11-27 22:09:03 UTC
  • mfrom: (6.3.3 squeeze)
  • Revision ID: james.westby@ubuntu.com-20091127220903-aiigd3tr46z0rmcg
Tags: 1.2.0-2
Fix postrm script so that Mahara can be uninstalled

Show diffs side-by-side

added added

removed removed

Lines of Context:
htdocs/theme/views.css
1
1
/**
2
2
 * Views stylesheet - common between all themes
 
3
 *
 
4
 * Copyright (C) 2006-2009 Catalyst IT Ltd
 
5
 * This file is licensed under the same terms as Mahara itself
3
6
 */
4
7
 
5
 
#top-pane {
6
 
    margin-bottom: 10px;
7
 
    padding: 0 5px 10px 0;
8
 
}
9
 
#category-list {
10
 
    padding: 10px 0 0 10px;
11
 
}
 
8
/* The loading spinner/message that pops up before the view is loaded */
 
9
#views-loading {
 
10
    text-align: center;
 
11
    margin: 1em;
 
12
    font-size: 100%;
 
13
}
 
14
/* just the bottom pane when not editing */
 
15
#bottom-pane {
 
16
    margin: .5em 0;
 
17
}
 
18
/********************** Top pane of Edit View *************************/
 
19
#page #top-pane {
 
20
    margin-bottom: .5em;
 
21
}
 
22
/* The tabs that allow you to select a blocktype category */
12
23
#category-list ul {
13
 
    list-style-type: none;
 
24
    list-style: none;
 
25
    margin: 0;
14
26
    padding: 0;
15
 
    margin: 0;
16
 
    width: 100%;
 
27
        display: block;
 
28
        height: 25px;
17
29
}
18
30
#category-list li {
19
31
    display: inline;
20
 
}
21
 
 
22
 
/* This needs lots of work, and probably some html changes */
 
32
    line-height: 25px;
 
33
    margin: 0 .5em 0 0;
 
34
    padding: 0;
 
35
        position: static;
 
36
        z-index:5;
 
37
}
 
38
#category-list li a,
 
39
#category-list li a:link,
 
40
#category-list li a:visited,
 
41
#category-list li a:active {
 
42
    padding: 5px 10px;
 
43
    font-weight: bold;
 
44
}
 
45
#category-list li a:hover {
 
46
}
 
47
#category-list li.current a,
 
48
#category-list li.current a:link,
 
49
#category-list li.current a:visited,
 
50
#category-list li.current a:active {
 
51
    cursor: default;
 
52
    text-decoration: none;
 
53
}
 
54
#category-list li.current a:hover {
 
55
}
 
56
/* The panel that contains the blocktype icons */
23
57
#blocktype-list {
24
 
    overflow: auto;
 
58
    overflow: hidden;
25
59
    min-height: 95px;
 
60
    padding: .5em .5em 1em .5em;
 
61
    font-size: .8em;
26
62
}
27
63
#blocktype-list ul {
28
64
    list-style-type: none;
31
67
    float: left;
32
68
    text-align: center;
33
69
    margin: 1em 1em 0;
34
 
}
35
 
 
36
 
#blocktype-footer {
37
 
    clear: left;
38
 
}
39
 
 
40
 
/* the div containing all the columns */
41
 
#column-container {
42
 
    width: 100%;
43
 
    margin-top: 1em;
44
 
    padding: 5px 0 10px 0.2%;
45
 
}
 
70
    width: 22%;
 
71
        * z-index: 100;
 
72
        line-height: 1.4em;
 
73
}
 
74
* html #blocktype-list li {
 
75
        position: relative;
 
76
}
 
77
#blocktype-list .blocktype-radio {
 
78
    border: none;
 
79
    cursor: default; /* ie fix */
 
80
}
 
81
#blocktype-list .blocktype h4 {
 
82
    margin: 0;
 
83
}
 
84
#noblocks {
 
85
    font-size: larger;
 
86
    margin-top: 40px;
 
87
    text-align: center;
 
88
}
 
89
 
 
90
 
 
91
/********************** Bottom pane of Edit View *************************/
 
92
html>body #column-container {
 
93
        * width: 100%;
 
94
}
 
95
#blocksinstruction {
 
96
    padding: 0 1em .5em;
 
97
    font-weight: bold;
 
98
        margin-bottom: 1em;
 
99
}
 
100
 
 
101
/* columns */
46
102
#column-container input.submit {
47
103
    cursor: pointer;
48
104
}
49
 
/* each column div will have a class matching one of these, the number is the number of columns in total, so widths can be made equal */
 
105
.remove-column input.removecolumn {
 
106
    width: 50px;
 
107
}
 
108
#column-container .column-header input[disabled="disabled"] {
 
109
    cursor: default;
 
110
}
 
111
 
 
112
/* These column width rules are required only for when a column is
 
113
   added/removed dynamically (users have to turn this on in their
 
114
   preferences) */
50
115
.columns1 {
51
 
    width: 98%;
 
116
    width: 99%;
52
117
}
53
118
.columns2 {
54
119
    width: 48%;
68
133
    float: left;
69
134
    margin: 0;
70
135
    padding: 0 0.9%;
 
136
        position: relative;
 
137
}
 
138
* html .column {
 
139
        overflow: hidden;
71
140
}
72
141
 
73
142
/* An explicit height for when there is one column and no remove button */
74
143
.column-header {
 
144
    padding-top: .5em;
75
145
    width: 100%;
76
146
    position: relative;
77
147
    height: 25px;
79
149
.add-button {
80
150
    text-align: center;
81
151
}
82
 
 
83
152
/* contains the left-most 'add column' button */
84
153
.add-column-left {
85
154
    position: absolute;
86
 
    top: 0;
 
155
    top: .5em;
87
156
    left: 0;
88
157
}
89
158
/* contains all add column buttons in the middle of two columns */
90
159
.add-column-center {
91
160
    position: absolute;
92
 
    top: 0;
 
161
    top: .5em;
93
162
    right: 0;
94
163
}
95
 
/* contains the right most column */
 
164
/* contains the right most 'add column' button */
96
165
.add-column-right {
97
166
    position: absolute;
98
 
    top: 0;
 
167
    top: .5em;
99
168
    right: 0;
100
169
}
101
 
 
102
170
/* contains the 'remove column' buttons */
103
171
.remove-column {
104
172
    text-align: center;
105
173
}
106
 
 
107
174
/* needed for when there are no add/remove buttons so the column doesn't disappear */
108
175
.column-header-empty {
109
176
    height: 1px;
110
 
}
111
 
 
112
 
/* block instance styles */
 
177
        line-height: 1px;
 
178
}
 
179
.column-content {
 
180
    min-height: 2em;
 
181
}
 
182
.column-content .add-button input {
 
183
        border: none;
 
184
        font-size: .85em;
 
185
}
 
186
 
 
187
#block-placeholder {
 
188
    margin-top: 1em;
 
189
}
 
190
 
 
191
/**************** Blockinstance **********************/
113
192
.blockinstance {
 
193
    margin: 0 0 1em 0;
 
194
    padding: 0 .5em 1em 0;
114
195
    position: relative;
115
196
}
116
 
 
 
197
/* Configure blockinstance */
 
198
.blockinstance.configure {
 
199
  width: 700px;
 
200
  text-align: left;
 
201
  margin-left: auto;
 
202
  margin-right: auto;
 
203
  padding: 1em;
 
204
}
 
205
 
 
206
/* header */
 
207
.blockinstance-header h4 {
 
208
    margin: 0 !important;
 
209
    cursor: default;
 
210
        font-size: 1.4em;
 
211
}
 
212
 
 
213
/* control */
117
214
.blockinstance-controls {
118
215
    position: absolute;
119
 
    top: 9px;
120
 
    right: 9px;
121
 
}
122
 
.blockinstance-controls input.submit {
123
 
    margin: 0;
124
 
}
125
 
.blockinstance-content .maharatable {
126
 
    border: 0;
 
216
        right: 2px;
 
217
        top: 2px;
 
218
}
 
219
.blockinstance-controls input,
 
220
.blockinstance-controls input.submit,
 
221
.blockinstance-controls input.cancel {
 
222
    height: 16px;
 
223
    width: 16px;
 
224
    border: 0;
 
225
    background: none;
 
226
    padding: 0;
 
227
    cursor: pointer;
 
228
        margin: 0;
 
229
}
 
230
 
 
231
/* content */
 
232
.blockinstance-content {
 
233
        padding: .5em 0;
 
234
    margin-top: .25em;
 
235
}
 
236
 
 
237
.main-column .blockinstance-header h4, 
 
238
.blockinstance.configure h4 {
 
239
    margin: 0;
 
240
        font-size: 1.4em;
 
241
}
 
242
.blockinstance-content h3 {
 
243
        font-size: 1.2em !important;
 
244
        margin-top: .5em !important;
 
245
        margin-bottom: 0 !important;
 
246
}
 
247
.blockinstance-content h4 {
 
248
        font-size: 1.1em !important;
 
249
        margin-bottom: 0 !important;
 
250
}
 
251
.blockinstance-content p:first-child {
 
252
    margin-top: 0;
 
253
}
 
254
.blockinstance-content p:last-child {
 
255
        margin-bottom: 0;
 
256
}
 
257
.blockinstance-content p.noartefacts {
 
258
    text-align: center;
 
259
    padding: .5em;
 
260
}
 
261
.blockinstance-content .description {
 
262
        font-size: .9em;
 
263
}
 
264
 
 
265
 
 
266
/* Wall */
 
267
.blockinstance-content #wall {
 
268
        margin: .5em 0;
 
269
}
 
270
 
 
271
/* Image Blockinstance */
 
272
.blockinstance-content div a img {
 
273
        max-width: 98%;
 
274
}
 
275
.bt-image .blockinstance-content div a img {
 
276
        max-width: 100%;
 
277
}
 
278
* html .bt-image .blockinstance-content div a img {
 
279
        width: 100%;
 
280
}
 
281
 
 
282
/* External Feed */
 
283
#blocktype_externalfeed_title {
 
284
        font-weight: bold;
 
285
        font-size: 1.1em;
 
286
}
 
287
#blocktype_externalfeed_entries ol,
 
288
#blocktype_externalfeed_entries ul {
 
289
        margin: 0;
 
290
}
 
291
 
 
292
/* tabs for the artefact chooser */
 
293
ul.artefactchooser-tabs {
 
294
  padding: 0 !important;
 
295
  margin: 0;
 
296
  font-weight: bold;
 
297
  list-style: none;
 
298
  line-height: 25px;
 
299
  font-size: 12px;
 
300
}
 
301
ul.artefactchooser-tabs li {
 
302
  display: inline;
 
303
  margin: 0 .5em 0 0 !important;
 
304
  padding: 0;
 
305
  line-height: 25px;
 
306
}
 
307
ul.artefactchooser-tabs li a,
 
308
ul.artefactchooser-tabs li a:link,
 
309
ul.artefactchooser-tabs li a:visited,
 
310
ul.artefactchooser-tabs li a:active {
 
311
  padding: 5px 10px;
 
312
  text-decoration: none;
 
313
}
 
314
ul.artefactchooser-tabs li a:hover {
 
315
        text-decoration: underline;
 
316
}
 
317
ul.artefactchooser-tabs li.current a,
 
318
ul.artefactchooser-tabs li.current a:link,
 
319
ul.artefactchooser-tabs li.current a:visited
 
320
ul.artefactchooser-tabs li.current a:active {
 
321
}
 
322
ul.artefactchooser-tabs li.current a:hover {
 
323
}
 
324
ul.artefactchooser-subtabs {
 
325
  margin: 2px !important;
 
326
  padding: 0 0 .2em 0 !important;
 
327
  font-size: .9em;
 
328
  list-style: none;
 
329
}
 
330
ul.artefactchooser-subtabs li {
 
331
  display: inline;
 
332
  padding: 0 .5em;
 
333
  margin: 0 !important;
 
334
}
 
335
ul.artefactchooser-subtabs li a,
 
336
ul.artefactchooser-subtabs li a:link,
 
337
ul.artefactchooser-subtabs li a:visited,
 
338
ul.artefactchooser-subtabs li a:active {
 
339
  text-decoration: none;
 
340
  padding: 2px;
 
341
}
 
342
ul.artefactchooser-subtabs li a:hover {
 
343
        text-decoration: underline;
 
344
}
 
345
ul.artefactchooser-subtabs li.current a,
 
346
ul.artefactchooser-subtabs li.current a:link,
 
347
ul.artefactchooser-subtabs li.current a:visited,
 
348
ul.artefactchooser-subtabs li.current a:active {
 
349
  font-weight: bold;
 
350
}
 
351
ul.artefactchooser-subtabs li.current a:hover {
 
352
}
 
353
 
 
354
#artefactchooser-body {
 
355
        margin-bottom: .5em;
 
356
        padding: 1em;
 
357
}
 
358
#instconf_artefactids_container #artefactchooser-body,
 
359
#instconf_artefactid_container #artefactchooser-body {
 
360
        padding: 0;
 
361
}
 
362
 
 
363
 
 
364
/* table */
 
365
.maharatable {
 
366
    margin: 0;
 
367
    width: 100%;
 
368
}
 
369
.maharatable thead th {
 
370
        padding-top: 0 !important;
 
371
        font-size: 1em !important;
 
372
        text-align: left !important;
 
373
}
 
374
.maharatable tbody th {
 
375
        padding: .5em 0 0 0 !important;
 
376
        font-size: 1.2em;
 
377
        text-align: left !important;
 
378
}
 
379
.maharatable tbody td {
 
380
        padding: .25em 0;
 
381
}
 
382
.maharatable #artefactchooser-body table,
 
383
.maharatable #artefactchooser-body table th,
 
384
.maharatable #artefactchooser-body table td {
 
385
    padding: .25em !important;
 
386
}
 
387
.maharatable #artefactchooser-body .artefactchooser-data,
 
388
.maharatable #artefactchooser-body .artefactchooser-data th,
 
389
.maharatable #artefactchooser-body .artefactchooser-data td {
 
390
    padding: 0 .25em !important;
 
391
}
 
392
#artefactchooser-body th label {
 
393
        font-weight: normal;
 
394
        font-size: .85em;
 
395
}
 
396
.maharatable td label {
 
397
        font-weight: normal;
 
398
}
 
399
#artefactchooser-searchform {
 
400
        padding: .25em .5em;
 
401
}
 
402
#artefactchooser-searchsubmit {
 
403
    margin: 0;
 
404
}
 
405
div.artefactchooser-splitter {
 
406
    padding: .25em 0 0 0;
 
407
}
 
408
.blockconfig-background {
 
409
    width: 100%;
 
410
    text-align: center;
 
411
    margin-top: 20px;
 
412
}
 
413
 
 
414
/* pagination */
 
415
.ac-pagination {
 
416
    white-space: nowrap;
 
417
        margin: 0 !important;
 
418
}
 
419
.ac-pagination .results {
 
420
        margin: 0;
 
421
}
 
422
.ac-pagination a, 
 
423
.ac-pagination .disabled {
 
424
    margin: 0 1px;
 
425
    padding: 1px 3px;
 
426
}
 
427
 
 
428
/* attachments */
 
429
.attachments {
 
430
    border: 0;
 
431
        margin: .5em 0;
 
432
}
 
433
.attachments th {
 
434
        padding: .25em .5em !important;
 
435
}
 
436
.attachments td {
 
437
        padding: .25em .5em !important;
 
438
}
 
439
.attachments td input.small {
 
440
    font-size: .9em;
 
441
}
 
442
 
 
443
/* upload */
 
444
.uploadform td {
 
445
        font-size: .9em;
 
446
}
 
447
.uploadform th label {
 
448
        font-weight: bold !important;
 
449
}
 
450
.fileupload th {
 
451
        padding: .25em 0;
 
452
        text-align: left !important;
 
453
}
 
454
.fileupload td {
 
455
        padding: .25em .5em;
 
456
}
 
457
.fileupload #filelist td {
 
458
        padding: .25em .5em;
 
459
}
 
460
.fileupload #filelist td input.small {
 
461
        font-size: .9em;
 
462
}
 
463
.upload_browse #artefactchooser-body {
 
464
        padding: 1em !important;
 
465
}
 
466
.upload_browse .uploadform td {
 
467
        line-height: 1.2em;
 
468
}
 
469
.upload_browse #artefactchooser-body {
 
470
        margin-bottom: .5em;
 
471
        padding: 1em;
127
472
}
128
473
 
129
474
#view-wizard-controls form {
130
475
    display: inline;
131
476
}
132
477
 
133
 
.maincontent ul.artefactchooser-tabs {
134
 
    list-style-type: none;
135
 
    padding: 0;
136
 
    margin: .5em .5em 0;
137
 
    width: 100%;
138
 
}
139
 
.maincontent ul.artefactchooser-tabs li {
140
 
    display: inline;
141
 
    padding-right: .5em;
142
 
}
 
478
#view-description {
 
479
    margin: 0 0 1em 0;
 
480
        padding: .25em 0;
 
481
        border-bottom: 1px dotted #ccc;
 
482
}
 
483
 
 
484
.defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {
 
485
        border: 0; 
 
486
        margin:0; 
 
487
        padding:0; 
 
488
        width: auto;
 
489
}
 
490
 
 
491
/* VIEWS */
 
492
/* views footer */
 
493
.viewfooter {
 
494
        clear: both;
 
495
        padding: 1em;
 
496
        margin-bottom: 1em;
 
497
}
 
498
#viewmenu {
 
499
        font-size: .9em;
 
500
}
 
501
#viewmenu a {
 
502
        margin: 0 .5em;
 
503
}
 
504
#viewmenu .help a {
 
505
        padding: 0;
 
506
}
 
507
#feedbacktable .details {
 
508
        font-size: .9em;
 
509
}
 
510
#feedbacktable .icon {
 
511
        float: left;
 
512
        margin-right: 5px;
 
513
}
 
514
#feedbacktable p {
 
515
    margin: 0 0 .25em;
 
516
}
 
517
#feedback_pagination {
 
518
        margin: 0;
 
519
}
 
520
#feedbacktable form.makeprivate,
 
521
#feedbacktable form.makeprivate div {
 
522
        display: inline;
 
523
}
 
524
#add_feedback_form {
 
525
        margin-top: 1em;
 
526
}
 
527
 
 
528
/** viewing artefact */
 
529
#view .filedata-icon.fr {
 
530
        padding: .5em 1em 1em 1em;
 
531
        margin: 0 0 1em 0;
 
532
}
 
533
#view .filedata-icon h4 {
 
534
        font-size: .9em;
 
535
        margin: 0;
 
536
}
 
537
#view .filedata-icon.fl {
 
538
        margin: 0.25em 0 0 0;
 
539
}
 
540
#view table.filedata th {
 
541
        padding: 0 .5em 0 0;
 
542
}
 
543
#view table.filedata td {
 
544
        padding: 0 .5em;
 
545
}
 
546
 
 
547
 
 
548
#publicfeedback {
 
549
        clear: both;
 
550
}
 
 
b'\\ No newline at end of file'