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

« back to all changes in this revision

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

  • Committer: apeel
  • Date: 2008-06-17 06:12:45 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:781
install now creates a file ivle_install_dir/version/ivle-revision.txt
which contains a listing from 'svn status -v'. 
This is so that we can tell which version of the code is actually deployed.

Show diffs side-by-side

added added

removed removed

Lines of Context:
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
/* Everything under the top bar */
 
91
 
 
92
#filesbody {
 
93
    position: absolute;
 
94
    left: 0;
 
95
    right: 0;
 
96
    /* top == #topbar.height + #topbar.padding * 2 */
 
97
    top: 5.6em;
 
98
    /* Space for the mimimised console */
 
99
    bottom: 3.5em;
 
100
}
 
101