← Back to branch summary

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

« back to all changes in this revision

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

  • Committer: wagrant
  • Date: 2008-07-14 02:33:23 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:856
editor.js: Prompt before allowing users to navigate away from a
           modified file.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
12
12
    padding: 0;
13
13
    background-color: white;
14
14
    color: black;
15
 
    font-family: sans;
 
15
    font-family: sans-serif;
16
16
    font-size: 0.95em;
17
17
}
18
18
 
30
30
/** Special styles for header section **/
31
31
 
32
32
#ivleheader {
 
33
    position: absolute;
33
34
    background-color: #fea;
34
 
    /* Pad left and right. Pad 1px top to extend colour. */
35
 
    padding: 1px 1em 0 1em;
 
35
    padding: 0;
36
36
    border-bottom: 1px solid black;
 
37
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
 
38
     * #ivleheader.height to update it. */
 
39
    height: 5.3em;
 
40
    left: 0;
 
41
    right: 0;
 
42
    z-index: 1;     /* Background to all, but the body */
 
43
}
 
44
 
 
45
#ivleheader_text {
 
46
    /* Pad left and right. */
 
47
    position: absolute;
 
48
    padding: 0 1em;
 
49
    left: 0;
 
50
    right: 0;
 
51
    z-index: 3;     /* In front */
37
52
}
38
53
 
39
54
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
40
 
#ivleheader h1 {
 
55
#ivleheader_text h1 {
41
56
    position: absolute;
42
57
    text-align: left;
43
 
    font-size: 4em;
 
58
    font-size: 3.8em;
44
59
    font-style: italic;
45
60
    color: #ffc;
46
61
    margin: 0;
47
62
    padding: 0;
48
63
}
49
 
#ivleheader h2 {
 
64
#ivleheader_text h2 {
50
65
    position: absolute;
51
66
    text-align: left;
52
67
    font-size: 1.3em;
55
70
    padding: 0;
56
71
}
57
72
 
58
 
/* Note: You can override this in app-specific CSS if you want to
59
 
 * push the body all the way to the edge. */
 
73
/* Note: The body has NO PADDING by default (unlike plain HTML).
 
74
 * This is because almost all of the apps need this behaviour.
 
75
 * If a particular app needs padding, it should manually wrap all of its
 
76
 * output in a <div id="ivle_padding">.
 
77
 */
60
78
#ivlebody {
 
79
    /* This is positioned absolutely so that its content can be positioned
 
80
     * absolutely as well, and so height: 100% really means it. */
 
81
    position: absolute;
 
82
    top: 5.3em;             /* == #ivleheader.height */
 
83
    bottom: 0;
 
84
    width: 100%;
 
85
    z-index: 0;     /* Behind header */
 
86
}
 
87
 
 
88
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
 
89
 * element, if 1em of padding is desired (otherwise there will be no padding).
 
90
 */
 
91
#ivle_padding {
61
92
    padding: 1em;
62
93
}
63
94
 
65
96
    font-size: .8em;
66
97
    top: 0;
67
98
    text-align: right;
 
99
    padding: 11px 0;
 
100
    margin: 0;
68
101
}
69
102
p.userhello .username {
70
103
    font-weight: bold;
71
104
}
72
105
 
73
 
ul.apptabs {
 
106
/* The tabs bar is positioned absolutely, unlike the other header content.
 
107
 * This allows it to be aligned exactly with the bottom of the header bar.
 
108
 */
 
109
#ivleheader_tabs {
 
110
    position: absolute;
 
111
    height: 5.3em;          /* == #ivleheader.height */
 
112
    top: 0;
 
113
    left: 0;
 
114
    right: 0;
 
115
    width: 100%;
 
116
    padding: 0;
 
117
    margin: 0;
 
118
    z-index: 2;     /* In front of background, behind text */
 
119
}
 
120
 
 
121
#ivleheader_tabs p {
 
122
    /* This allows for a single paragraph, currently used to display a warning
 
123
     * about Debuginfo */
 
124
    position: absolute;
 
125
    left: 1em;
 
126
    bottom: 0.5em;
 
127
    margin: 0;
 
128
}
 
129
 
 
130
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
 
131
ul#apptabs {
 
132
    position: absolute;
74
133
    text-align: right;
75
 
    margin-bottom: 0;
 
134
    bottom: 0;
 
135
    right: 1em;             /* == #ivleheader.padding-right */
 
136
    padding: 0;
 
137
    margin: 0;
76
138
}
77
 
ul.apptabs li {
 
139
ul#apptabs li {
78
140
    display: inline;
79
141
    padding: 3px;
80
142
    border: 1px solid black;
81
143
    background-color: #fc6;
82
144
    padding: 0 3px;
83
145
}
 
146
ul#apptabs li:hover {
 
147
    background-color: #fd8;
 
148
}
84
149
/* Currently active app tab */
85
 
ul.apptabs li.thisapp {
 
150
ul#apptabs li.thisapp {
86
151
    background-color: white;
87
152
    border-bottom: 1px solid white;
88
153
}
89
154
 
90
 
ul.apptabs a {
 
155
ul#apptabs a {
 
156
    color: navy;    /* Text colour not to change */
91
157
    text-decoration: none;
92
158
}
 
159
 
 
160
/* Terms of Service accept / decline buttons */
 
161
#tos_acceptbuttons {
 
162
    text-align: center;
 
163
}