← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to www/media/browser/browser.css

  • Committer: mattgiuca
  • Date: 2008-01-25 00:53:12 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:298
tutorial: Problem files are now given relative to the subjects base directory,
    not the directory for this subject. This allows problem files to be shared
    across subjects and offerings.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/browser/browser.css
7
7
 
8
8
/* GENERAL FORMATTING */
9
9
 
10
 
#ivlebody p, #ivlebody h2, #ivlebody h3 {
 
10
p, h2, h3 {
11
11
    padding: 0;
12
 
    margin: 0.7em 0;
 
12
    margin: 0;
 
13
    margin-top: 11px;
 
14
    margin-bottom: 11px;
13
15
}
14
 
#ivlebody p, #ivlebody h3 {
 
16
p, h3 {
15
17
    font-size: 1em;
16
18
}
17
 
#ivlebody h2 {
 
19
h2 {
18
20
    font-size: 1.1em;
19
21
}
20
22
 
22
24
    padding: 1em;
23
25
}
24
26
 
 
27
/* OVERALL LAYOUT */
 
28
 
 
29
/* Override common #ivlebody */
 
30
#ivlebody {
 
31
    padding: 0 ! important;
 
32
}
 
33
 
 
34
#middle, #middle tbody {
 
35
    width: 100%;
 
36
    vertical-align: top;
 
37
    border-collapse: collapse;
 
38
}
 
39
 
 
40
#sidepanel {
 
41
    width: 300px;
 
42
}
 
43
 
25
44
/* TOP BAR */
26
45
 
27
46
#topbar {
28
 
    position: absolute;
29
 
    left: 0;
30
 
    right: 0;
31
 
    top: 0;
32
 
    /* height == h2.margin + h2.line-height
33
 
     *              + max(h2.margin, p.margin) + p.line-height + p.margin
34
 
     *        == 1.1*0.7em + 1.1*1.2em + 1.1*0.7em + 1.1em + 0.7em
35
 
     *        == 4.6em */
36
 
    height: 4.6em;
37
 
    padding: 0.5em;
 
47
    padding: 8px;
38
48
    background-color: #aaf;
39
49
}
40
 
 
41
 
#topbar div {
42
 
    margin: 0.2em;
43
 
}
44
 
 
45
 
#topbar #path a {
 
50
#topbar a {
46
51
    font-weight: bold;
47
52
}
48
 
/* class "choice" is for all choices, enabled and disabled. This is for both
49
 
 * the <a> actions and <option> actions.
50
 
 * class "disabled" is for disabled choices.
 
53
 
 
54
/* FILE LISTINGS TABLE */
 
55
 
 
56
#filetable {
 
57
    border-collapse: collapse;
 
58
    border-right: 1px solid #888;
 
59
    padding: 0;
 
60
}
 
61
 
 
62
th {
 
63
    text-align: left;
 
64
}
 
65
 
 
66
td.thincol {
 
67
    width: 18px;
 
68
}
 
69
 
 
70
#filetablediv {
 
71
    overflow: auto;
 
72
}
 
73
 
 
74
/* Individual column sizes */
 
75
/* All columns have fixed widths except filename, which expands to fit. */
 
76
 
 
77
.col-check {
 
78
    width: 20px;
 
79
}
 
80
.col-icons {
 
81
    width: 50px;
 
82
}
 
83
.col-filename {
 
84
    width: auto;
 
85
}
 
86
.col-size {
 
87
    width: 100px;
 
88
}
 
89
.col-date {
 
90
    width: 150px;
 
91
}
 
92
 
 
93
/* Table borders and rows */
 
94
 
 
95
tr.rowhead {
 
96
    background-color: #336;
 
97
    color: white;
 
98
}
 
99
tr.rowhead a:link, tr.rowhead a:visited {
 
100
    color: #aaf;
 
101
}
 
102
/* Unselected (grey shades)
 
103
 * Note alternating rows are different shades
51
104
 */
52
 
#actions1 a.choice, #actions2 a {
53
 
    color: navy;
54
 
    text-decoration: underline;
55
 
    cursor: pointer;
56
 
}
57
 
#actions1 a.choice:hover, #actions1 a.choice:active, #actions1 a.choice:focus,
58
 
    #actions2 a:hover, #actions2 a:active, #actions2 a:focus {
59
 
    color: blue;
60
 
}
61
 
#actions1 a.disabled {
62
 
    color: black;
63
 
    text-decoration: none;
64
 
    cursor: auto;
65
 
}
66
 
/* Drop-down actions and headings */
67
 
#actions1 option.moreactions, #actions1 option.disabled {
68
 
    color: #aaa;
69
 
}
70
 
 
71
 
#actions2 p {
 
105
tr.row1 {
 
106
    background-color: #ccc;
 
107
    cursor: pointer;
 
108
}
 
109
tr.row2 {
 
110
    background-color: #bbb;
 
111
    cursor: pointer;
 
112
}
 
113
/* And if they are selected (blue shades) */
 
114
tr.row1sel {
 
115
    background-color: #88e;
 
116
    cursor: pointer;
 
117
}
 
118
tr.row2sel {
 
119
    background-color: #77d;
 
120
    cursor: pointer;
 
121
}
 
122
 
 
123
#filetable table {
 
124
    border-collapse: collapse;
 
125
}
 
126
 
 
127
#filetable td, #filetable th {
 
128
    border: 1px solid #888;
 
129
}
 
130
 
 
131
/* Borders between icons and filename are turned off. */
 
132
 
 
133
#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date {
 
134
    border-right: 0 none;
 
135
}
 
136
#filetable td.col-filename {
 
137
    border-left: 0 none;
 
138
}
 
139
 
 
140
/* SIDE PANEL */
 
141
 
 
142
#sidepanel {
 
143
    border-left: 1px solid #888;
 
144
    border-top: 1px solid #888;
 
145
    background-color: #ccc;
 
146
    font-size: 0.8em;
 
147
    padding: 8px;
 
148
    text-align: center;
 
149
}
 
150
 
 
151
#sidepanel p, #sidepanel h2, #sidepanel h3 {
72
152
    margin: 0;
73
 
}
74
 
 
75
 
/* One of the actions2s is shown at runtime, depending on the context.
76
 
 * We will show moreactions if we need it. */
77
 
#actions1 #moreactions_area, #actions2 #actions2_file,
78
 
#actions2 #actions2_directory {
79
 
    display: none;
80
 
}
81
 
 
82
 
/* Everything under the top bar */
83
 
 
84
 
#filesbody {
85
 
    position: absolute;
86
 
    left: 0;
87
 
    right: 0;
88
 
    /* top == #topbar.height + #topbar.padding * 2 */
89
 
    top: 5.6em;
90
 
    /* Space for the mimimised console */
91
 
    bottom: 3.5em;
92
 
}
93
 
 
 
153
    padding: 0;
 
154
}
 
155
 
 
156
#sidepanel h3 {
 
157
    margin-top: 1em;
 
158
}
 
159
 
 
160
#sidepanel a {
 
161
    font-weight: bold;
 
162
}
 
163
 
 
164
/* STATUS BAR */
 
165
 
 
166
#statusbar {
 
167
    background-color: #aaa;
 
168
    border-top: 1px solid #888;
 
169
    font-size: 0.8em;
 
170
    padding: 2px;
 
171
}
 
172
 
 
173
/* TEXT EDITOR */
 
174
 
 
175
#editbox {
 
176
    width: 100%;
 
177
    height: 100%;
 
178
}