← 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: mattgiuca
  • Date: 2008-01-23 06:55:12 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:276
Console now runs inside IVLE (without requiring an IFRAME). The separate
console server is still spawned, but the client never directly communicates
with it.

apps/console: Writes the HTML code for the actual console (the 2 text boxes),
    instead of just a contained div for the IFRAME.

media/console/console.js:
    Removed code to create IFRAME and link to console server.
    Incorporated Tom's console.js code from trunk/console/console.js.
    Modified this code to:
        a) Use functions from util.js, such as make_query_string and
            ajax_call.
        b) Talk to consoleservice/chat instead of the console server.
        c) Pass host and port as arguments (needed by IVLE to talk to the
            console server).
    Also had the "startup" code save the host, port and magic, needed for
    communication with the console server.

media/console/console.css: Added CSS file (derived from Tom's inline CSS in
    the original index.html).

apps/consoleservice: Fixed bugs which caused the wrong text to be sent, and
    also avoid throwing an error for empty text.

Note that trunk/console will still serve the HTML, JavaScript and CSS files if
needed. The next step is to make this just a service and not actually a web
server as well.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
30
30
/** Special styles for header section **/
31
31
 
32
32
#ivleheader {
33
 
    position: absolute;
34
33
    background-color: #fea;
35
 
    padding: 0;
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
34
    /* Pad left and right. */
47
 
    position: absolute;
48
35
    padding: 0 1em;
49
 
    left: 0;
50
 
    right: 0;
51
 
    z-index: 3;     /* In front */
 
36
    border-bottom: 1px solid black;
 
37
    min-height: 4.3em;
52
38
}
53
39
 
54
40
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
55
 
#ivleheader_text h1 {
 
41
#ivleheader h1 {
56
42
    position: absolute;
57
43
    text-align: left;
58
44
    font-size: 3.8em;
61
47
    margin: 0;
62
48
    padding: 0;
63
49
}
64
 
#ivleheader_text h2 {
 
50
#ivleheader h2 {
65
51
    position: absolute;
66
52
    text-align: left;
67
53
    font-size: 1.3em;
70
56
    padding: 0;
71
57
}
72
58
 
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
 
 */
 
59
/* Note: You can override this in app-specific CSS if you want to
 
60
 * push the body all the way to the edge. */
78
61
#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 {
92
62
    padding: 1em;
93
63
}
94
64
 
103
73
    font-weight: bold;
104
74
}
105
75
 
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
76
ul#apptabs {
132
 
    position: absolute;
133
77
    text-align: right;
134
 
    bottom: 0;
135
 
    right: 1em;             /* == #ivleheader.padding-right */
136
 
    padding: 0;
137
 
    margin: 0;
 
78
    margin-bottom: 0;
138
79
}
139
80
ul#apptabs li {
140
81
    display: inline;
156
97
    color: navy;    /* Text colour not to change */
157
98
    text-decoration: none;
158
99
}
159
 
 
160
 
/* Terms of Service accept / decline buttons */
161
 
#tos_acceptbuttons {
162
 
    text-align: center;
163
 
}