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

« back to all changes in this revision

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

ivle.webapp.filesystem.svnlog: Port www/apps/svnlog to new framework. As with
    ivle.webapp.filesystem.diff, this involves moving things around and
    making services/svnlogservice return JSON.

Show diffs side-by-side

added added

removed removed

Lines of Context:
16
16
    font-size: 0.95em;
17
17
}
18
18
 
19
 
a:link, a:visited {
 
19
a {
20
20
    color: navy;
 
21
    text-decoration: underline;
 
22
    cursor: pointer;
21
23
}
22
24
a:hover, a:active, a:focus {
23
25
    color: blue;
30
32
/** Special styles for header section **/
31
33
 
32
34
#ivleheader {
 
35
    position: absolute;
33
36
    background-color: #fea;
 
37
    padding: 0;
 
38
    border-bottom: 1px solid black;
 
39
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
 
40
     * #ivleheader.height to update it. */
 
41
    height: 5.3em;
 
42
    left: 0;
 
43
    right: 0;
 
44
    z-index: 1;     /* Background to all, but the body */
 
45
}
 
46
 
 
47
#ivleheader_text {
34
48
    /* Pad left and right. */
 
49
    position: absolute;
35
50
    padding: 0 1em;
36
 
    border-bottom: 1px solid black;
37
 
    min-height: 4.3em;
 
51
    left: 0;
 
52
    right: 0;
 
53
    z-index: 3;     /* In front */
38
54
}
39
55
 
40
56
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
41
 
#ivleheader h1 {
 
57
#ivleheader_text h1 {
42
58
    position: absolute;
43
59
    text-align: left;
44
60
    font-size: 3.8em;
47
63
    margin: 0;
48
64
    padding: 0;
49
65
}
50
 
#ivleheader h2 {
 
66
#ivleheader_text h2 {
51
67
    position: absolute;
52
68
    text-align: left;
53
69
    font-size: 1.3em;
56
72
    padding: 0;
57
73
}
58
74
 
59
 
/* Note: You can override this in app-specific CSS if you want to
60
 
 * push the body all the way to the edge. */
 
75
/* Note: The body has NO PADDING by default (unlike plain HTML).
 
76
 * This is because almost all of the apps need this behaviour.
 
77
 * If a particular app needs padding, it should manually wrap all of its
 
78
 * output in a <div id="ivle_padding">.
 
79
 */
61
80
#ivlebody {
 
81
    /* This is positioned absolutely so that its content can be positioned
 
82
     * absolutely as well, and so height: 100% really means it. */
 
83
    position: absolute;
 
84
    top: 5.3em;             /* == #ivleheader.height */
 
85
    bottom: 0;
 
86
    width: 100%;
 
87
    z-index: 0;     /* Behind header */
 
88
}
 
89
 
 
90
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
 
91
 * element, if 1em of padding is desired (otherwise there will be no padding).
 
92
 */
 
93
#ivle_padding {
62
94
    padding: 1em;
63
95
}
64
96
 
65
 
p.userhello {
 
97
.userhello {
66
98
    font-size: .8em;
67
99
    top: 0;
68
100
    text-align: right;
69
101
    padding: 11px 0;
70
102
    margin: 0;
71
103
}
72
 
p.userhello .username {
 
104
.userhello .username {
73
105
    font-weight: bold;
74
106
}
75
107
 
 
108
/* The tabs bar is positioned absolutely, unlike the other header content.
 
109
 * This allows it to be aligned exactly with the bottom of the header bar.
 
110
 */
 
111
#ivleheader_tabs {
 
112
    position: absolute;
 
113
    height: 5.3em;          /* == #ivleheader.height */
 
114
    top: 0;
 
115
    left: 0;
 
116
    right: 0;
 
117
    width: 100%;
 
118
    padding: 0;
 
119
    margin: 0;
 
120
    z-index: 2;     /* In front of background, behind text */
 
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
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
76
133
ul#apptabs {
 
134
    position: absolute;
77
135
    text-align: right;
78
 
    margin-bottom: 0;
 
136
    bottom: 0;
 
137
    right: 1em;             /* == #ivleheader.padding-right */
 
138
    padding: 0;
 
139
    margin: 0;
79
140
}
80
141
ul#apptabs li {
81
142
    display: inline;
97
158
    color: navy;    /* Text colour not to change */
98
159
    text-decoration: none;
99
160
}
 
161
 
 
162
/* Terms of Service accept / decline buttons */
 
163
#tos_acceptbuttons {
 
164
    text-align: center;
 
165
}