← 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: wagrant
  • Date: 2008-07-14 01:31:14 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:851
Give CGIRequest an exception handler which turns any exception into
HTTP headers. interpret reads these, and raises an IVLEJailError, which
dispatch should eventually look at.

This is now enabled in serveservice.

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