← 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: 2007-12-20 03:17:34 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:95
Moved some things out of www into their respective dirs, console and
trampoline.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/browser/browser.css
1
 
/* IVLE - Informatics Virtual Learning Environment
2
 
 * Copyright (C) 2007-2008 The University of Melbourne
3
 
 * Style Sheet for File Browser and Editor
4
 
 * This file is redistributable under the terms of the GNU General Public
5
 
 * License version 2 or later.
6
 
 */
7
 
 
8
 
/* GENERAL FORMATTING */
9
 
 
10
 
p, h2, h3 {
11
 
    padding: 0;
12
 
    margin: 0;
13
 
    margin-top: 11px;
14
 
    margin-bottom: 11px;
15
 
}
16
 
p, h3 {
17
 
    font-size: 1em;
18
 
}
19
 
h2 {
20
 
    font-size: 1.1em;
21
 
}
22
 
 
23
 
.padding {
24
 
    padding: 1em;
25
 
}
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
 
 
44
 
/* TOP BAR */
45
 
 
46
 
#topbar {
47
 
    padding: 8px;
48
 
    background-color: #aaf;
49
 
}
50
 
#topbar a {
51
 
    font-weight: bold;
52
 
}
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
104
 
 */
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 {
152
 
    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
 
}