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

« back to all changes in this revision

Viewing changes to www/media/common/ivle.css

  • Committer: mattgiuca
  • Date: 2008-01-13 11:16:26 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:210
File browser: listing.js - The status bar is now updated whenever the
    selection changes. If files are selected, it shows the number of files
    selected and their size.

Show diffs side-by-side

added added

removed removed

Lines of Context:
12
12
    padding: 0;
13
13
    background-color: white;
14
14
    color: black;
15
 
    font-family: sans-serif;
 
15
    font-family: sans;
16
16
    font-size: 0.95em;
17
17
}
18
18
 
19
 
a {
 
19
a:link, a:visited {
20
20
    color: navy;
21
 
    text-decoration: underline;
22
 
    cursor: pointer;
23
21
}
24
22
a:hover, a:active, a:focus {
25
23
    color: blue;
29
27
    color: #a00;
30
28
}
31
29
 
32
 
a img {
33
 
    border: none;
34
 
}
35
 
 
36
 
/* h1s are styled specially to a small golden 3D bar */
37
 
#ivlebody h1 {
38
 
    background-color: #fea;
39
 
    background-image: url(../ivle.webapp.core/images/chrome/h1-bg.png);
40
 
    background-repeat: repeat-y;
41
 
    margin: 0;
42
 
    padding: 0.5em;
43
 
    border-top: white 2px solid;        /* Top edge of 3D effect */
44
 
    border-bottom: #863 1px solid;      /* Bottom edge of 3D effect */
45
 
    font-size: 1em;
46
 
    font-weight: bold;
47
 
}
48
 
 
49
 
#ivlebody h2 {
50
 
    font-size: 1.4em;
51
 
}
52
 
 
53
30
/** Special styles for header section **/
54
31
 
55
32
#ivleheader {
56
 
    position: absolute;
57
 
    background-color: #abf;
58
 
    background-image: url(../ivle.webapp.core/images/chrome/topbar-slashes.png);
59
 
    background-repeat: repeat-x;
60
 
    padding: 0;
 
33
    background-color: #fea;
 
34
    /* Pad left and right. */
 
35
    padding: 0 1em;
61
36
    border-bottom: 1px solid black;
62
 
    /* IMPORTANT: This 4em is hard-coded elsewhere in this file. Search for
63
 
     * #ivleheader.height to update it. */
64
 
    height: 4em;
65
 
    left: 0;
66
 
    right: 0;
67
 
    z-index: 1;     /* Background to all, but the body */
 
37
    min-height: 4.3em;
68
38
}
69
39
 
 
40
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
70
41
#ivleheader h1 {
 
42
    position: absolute;
 
43
    text-align: left;
 
44
    font-size: 3.8em;
 
45
    font-style: italic;
 
46
    color: #ffc;
71
47
    margin: 0;
72
 
    padding: 8px;
 
48
    padding: 0;
73
49
}
74
 
 
75
 
#ivleheader_text {
 
50
#ivleheader h2 {
76
51
    position: absolute;
77
 
    padding: 0.5em;
78
 
    top: 0;
79
 
    right: 0.5em;
 
52
    text-align: left;
 
53
    font-size: 1.3em;
 
54
    margin-top: 1em;
 
55
    margin-bottom: 1em;
 
56
    padding: 0;
80
57
}
81
58
 
82
 
/* Note: The body has NO PADDING by default (unlike plain HTML).
83
 
 * This is because almost all of the apps need this behaviour.
84
 
 * If a particular app needs padding, it should manually wrap all of its
85
 
 * output in a <div id="ivle_padding">.
86
 
 */
 
59
/* Note: You can override this in app-specific CSS if you want to
 
60
 * push the body all the way to the edge. */
87
61
#ivlebody {
88
 
    /* This is positioned absolutely so that its content can be positioned
89
 
     * absolutely as well, and so height: 100% really means it. */
90
 
    position: absolute;
91
 
    top: 4em;               /* == #ivleheader.height */
92
 
    bottom: 0;
93
 
    width: 100%;
94
 
    z-index: 0;     /* Behind header */
95
 
}
96
 
 
97
 
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
98
 
 * element, if 1em of padding is desired (otherwise there will be no padding).
99
 
 * Note: No top padding, since the first element should have a margins (p or
100
 
 * h2).
101
 
 */
102
 
#ivle_padding {
103
 
    padding: 0 1em 1em 1em;
 
62
    padding: 1em;
104
63
}
105
64
 
106
65
p.userhello {
107
66
    font-size: .8em;
 
67
    top: 0;
 
68
    text-align: right;
 
69
    padding: 11px 0;
108
70
    margin: 0;
109
71
}
110
 
.userhello .username {
 
72
p.userhello .username {
111
73
    font-weight: bold;
112
74
}
113
75
 
114
 
/* The tabs bar is positioned absolutely, unlike the other header content.
115
 
 * This allows it to be aligned exactly with the bottom of the header bar.
116
 
 */
117
 
#ivleheader_tabs {
118
 
    position: absolute;
119
 
    right: 1em;
120
 
    bottom: 0;
121
 
}
122
 
 
123
 
#ivleheader_tabs p {
124
 
    /* This allows for a single paragraph, currently used to display a warning
125
 
     * about Debuginfo */
126
 
    position: absolute;
127
 
    left: 1em;
128
 
    bottom: 0.5em;
129
 
    margin: 0;
130
 
}
131
 
 
132
76
ul#apptabs {
133
 
    margin: 0;
 
77
    text-align: right;
 
78
    margin-bottom: 0;
134
79
}
135
 
 
136
80
ul#apptabs li {
137
81
    display: inline;
138
 
    /*border: 1px solid black;*/
139
 
    /*background-color: #fc6;*/
140
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-left.png);
141
 
    background-repeat: no-repeat;
142
 
    background-position: top left;
143
 
    padding: 0;
144
 
    padding-left: 4px;
145
 
}
146
 
ul#apptabs li a {
147
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-right.png);
148
 
    background-repeat: no-repeat;
149
 
    background-position: top right;
150
 
    padding: 0;
151
 
    padding-right: 4px;
152
 
}
153
 
ul#apptabs li a span {
154
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-mid.png);
155
 
    background-repeat: repeat-x;
 
82
    padding: 3px;
 
83
    border: 1px solid black;
 
84
    background-color: #fc6;
156
85
    padding: 0 3px;
157
86
}
158
87
ul#apptabs li:hover {
159
 
    /*background-color: #fd8;*/
160
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-left.png);
161
 
}
162
 
ul#apptabs li:hover a {
163
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-right.png);
164
 
}
165
 
ul#apptabs li:hover a span {
166
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-mid.png);
 
88
    background-color: #fd8;
167
89
}
168
90
/* Currently active app tab */
169
91
ul#apptabs li.thisapp {
170
 
    /*background-color: white;*/
171
 
    /*border-bottom: 1px solid white;*/
172
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-left.png);
173
 
}
174
 
ul#apptabs li.thisapp a {
175
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-right.png);
176
 
}
177
 
ul#apptabs li.thisapp a span {
178
 
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-mid.png);
 
92
    background-color: white;
 
93
    border-bottom: 1px solid white;
179
94
}
180
95
 
181
96
ul#apptabs a {
182
97
    color: navy;    /* Text colour not to change */
183
98
    text-decoration: none;
184
99
}
185
 
 
186
 
/* Terms of Service accept / decline buttons */
187
 
#tos_acceptbuttons {
188
 
    text-align: center;
189
 
}
190
 
 
191
 
/* For system warning messages */
192
 
.system_warning {
193
 
    margin: 1em;
194
 
    padding: 0.5em;
195
 
    border: 1px solid #a22;
196
 
    background: #f88;
197
 
}