← 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: dilshan_a
  • Date: 2008-01-23 04:54:10 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:270
Initial check in for test framework, and example problems

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
}