← 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

ivle.webapp.filesystem.diff: Import BadRequest; it was used.
services/diffservice: Recognise some Subversion errors as 404s a little better.

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
 
p, h2, h3 {
 
10
#ivlebody p, #ivlebody h2, #ivlebody h3 {
11
11
    padding: 0;
12
 
    margin: 0;
13
 
    margin-top: 11px;
14
 
    margin-bottom: 11px;
 
12
    margin: 0.7em 0;
15
13
}
16
 
p, h3 {
 
14
#ivlebody p, #ivlebody h3 {
17
15
    font-size: 1em;
18
16
}
19
 
h2 {
 
17
#ivlebody h2 {
20
18
    font-size: 1.1em;
21
19
}
22
20
 
24
22
    padding: 1em;
25
23
}
26
24
 
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
 
 
44
25
/* TOP BAR */
45
26
 
46
27
#topbar {
47
 
    padding: 8px;
 
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;
48
38
    background-color: #aaf;
49
39
}
50
 
#topbar a {
 
40
 
 
41
#topbar div {
 
42
    margin: 0.2em;
 
43
}
 
44
 
 
45
#topbar #path a {
51
46
    font-weight: bold;
52
47
}
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
 
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.
104
51
 */
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 {
 
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 {
152
72
    margin: 0;
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
 
}
 
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