← Back to branch summary

~ubuntu-branches/ubuntu/maverick/mahara/maverick-updates

« back to all changes in this revision

Viewing changes to htdocs/theme/views.css

  • Committer: Bazaar Package Importer
  • Author(s): Nigel McNie
  • Date: 2008-04-29 11:15:39 UTC
  • Revision ID: james.westby@ubuntu.com-20080429111539-b28eqkagavaub2zr
Tags: upstream-1.0.2
Import upstream version 1.0.2

Show diffs side-by-side

added added

removed removed

Lines of Context:
htdocs/theme/views.css
 
1
/**
 
2
 * Views stylesheet - common between all themes
 
3
 */
 
4
 
 
5
#top-pane {
 
6
    margin-bottom: 10px;
 
7
    padding: 0 5px 10px 0;
 
8
}
 
9
#category-list {
 
10
    padding: 10px 0 0 10px;
 
11
}
 
12
#category-list ul {
 
13
    list-style-type: none;
 
14
    padding: 0;
 
15
    margin: 0;
 
16
    width: 100%;
 
17
}
 
18
#category-list li {
 
19
    display: inline;
 
20
}
 
21
 
 
22
/* This needs lots of work, and probably some html changes */
 
23
#blocktype-list {
 
24
    overflow: auto;
 
25
    min-height: 95px;
 
26
}
 
27
#blocktype-list ul {
 
28
    list-style-type: none;
 
29
}
 
30
#blocktype-list li {
 
31
    float: left;
 
32
    text-align: center;
 
33
    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
}
 
46
#column-container input.submit {
 
47
    cursor: pointer;
 
48
}
 
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 */
 
50
.columns1 {
 
51
    width: 98%;
 
52
}
 
53
.columns2 {
 
54
    width: 48%;
 
55
}
 
56
.columns3 {
 
57
    width: 31%;
 
58
}
 
59
.columns4 {
 
60
    width: 23%;
 
61
}
 
62
.columns5 {
 
63
    width: 18%;
 
64
}
 
65
 
 
66
.column {
 
67
    vertical-align: top;
 
68
    float: left;
 
69
    margin: 0;
 
70
    padding: 0 0.9%;
 
71
}
 
72
 
 
73
/* An explicit height for when there is one column and no remove button */
 
74
.column-header {
 
75
    width: 100%;
 
76
    position: relative;
 
77
    height: 25px;
 
78
}
 
79
.add-button {
 
80
    text-align: center;
 
81
}
 
82
 
 
83
/* contains the left-most 'add column' button */
 
84
.add-column-left {
 
85
    position: absolute;
 
86
    top: 0;
 
87
    left: 0;
 
88
}
 
89
/* contains all add column buttons in the middle of two columns */
 
90
.add-column-center {
 
91
    position: absolute;
 
92
    top: 0;
 
93
    right: 0;
 
94
}
 
95
/* contains the right most column */
 
96
.add-column-right {
 
97
    position: absolute;
 
98
    top: 0;
 
99
    right: 0;
 
100
}
 
101
 
 
102
/* contains the 'remove column' buttons */
 
103
.remove-column {
 
104
    text-align: center;
 
105
}
 
106
 
 
107
/* needed for when there are no add/remove buttons so the column doesn't disappear */
 
108
.column-header-empty {
 
109
    height: 1px;
 
110
}
 
111
 
 
112
/* block instance styles */
 
113
.blockinstance {
 
114
    position: relative;
 
115
}
 
116
 
 
117
.blockinstance-controls {
 
118
    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;
 
127
}
 
128
 
 
129
#view-wizard-controls form {
 
130
    display: inline;
 
131
}
 
132
 
 
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
}