← Back to branch summary

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

« back to all changes in this revision

Viewing changes to ivle/webapp/coremedia/ivle.css

  • Committer: Matt Giuca
  • Date: 2009-02-24 02:02:03 UTC
  • mto: This revision was merged to the branch mainline in revision 1119.
  • Revision ID: matt.giuca@gmail.com-20090224020203-aqdcjnsj6y7wl32o
Added a new look to the IVLE header bar. Mmmm... Web 2.0.
Added top-level directory image-source, containing SVG and script files for
    generating the images.
ivle/webapp/coremedia/images: Added 'chrome' directory containing the rendered
    images.
Modified ivle/webapp/base/ivle-headings.html and
    ivle/webapp/coremedia/ivle.css to support the new images.
    Note that the H1 and H2 at the top of the page are no longer displayed
    (and their custom styles have been removed). There is a heading image
    instead.

Show diffs side-by-side

added added

removed removed

Lines of Context:
ivle/webapp/coremedia/ivle.css
34
34
#ivleheader {
35
35
    position: absolute;
36
36
    background-color: #fea;
 
37
    background-image: url(../ivle.webapp.core/images/chrome/topbar-hashes.png);
 
38
    background-repeat: repeat-x;
37
39
    padding: 0;
38
40
    border-bottom: 1px solid black;
39
41
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
48
50
    /* Pad left and right. */
49
51
    position: absolute;
50
52
    padding: 0 1em;
 
53
    background-image: url(../ivle.webapp.core/images/chrome/title.png);
 
54
    background-repeat: no-repeat;
 
55
    background-position: 10px 10px;
 
56
    height: 60px;
51
57
    left: 0;
52
58
    right: 0;
53
59
    z-index: 3;     /* In front */
54
60
}
55
61
 
56
 
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
57
 
#ivleheader_text h1 {
58
 
    position: absolute;
59
 
    text-align: left;
60
 
    font-size: 3.8em;
61
 
    font-style: italic;
62
 
    color: #ffc;
63
 
    margin: 0;
64
 
    padding: 0;
65
 
}
66
 
#ivleheader_text h2 {
67
 
    position: absolute;
68
 
    text-align: left;
69
 
    font-size: 1.3em;
70
 
    margin-top: 1em;
71
 
    margin-bottom: 1em;
72
 
    padding: 0;
 
62
#ivleheader_text h1, #ivleheader_text h2 {
 
63
    display: none;
73
64
}
74
65
 
75
66
/* Note: The body has NO PADDING by default (unlike plain HTML).
141
132
ul#apptabs li {
142
133
    display: inline;
143
134
    padding: 3px;
144
 
    border: 1px solid black;
145
 
    background-color: #fc6;
 
135
    /*border: 1px solid black;*/
 
136
    /*background-color: #fc6;*/
 
137
    background-image: url(../ivle.webapp.core/images/chrome/tab-left.png);
 
138
    background-repeat: no-repeat;
 
139
    background-position: top left;
 
140
    padding: 0;
 
141
    padding-left: 4px;
 
142
}
 
143
ul#apptabs li span {
 
144
    background-image: url(../ivle.webapp.core/images/chrome/tab-right.png);
 
145
    background-repeat: no-repeat;
 
146
    background-position: top right;
 
147
    padding: 0;
 
148
    padding-right: 4px;
 
149
}
 
150
ul#apptabs li span span {
 
151
    background-image: url(../ivle.webapp.core/images/chrome/tab-mid.png);
 
152
    background-repeat: repeat-x;
146
153
    padding: 0 3px;
147
154
}
148
155
ul#apptabs li:hover {
149
 
    background-color: #fd8;
 
156
    /*background-color: #fd8;*/
 
157
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-left.png);
 
158
}
 
159
ul#apptabs li:hover span {
 
160
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-right.png);
 
161
}
 
162
ul#apptabs li:hover span span {
 
163
    background-image: url(../ivle.webapp.core/images/chrome/tab-hover-mid.png);
150
164
}
151
165
/* Currently active app tab */
152
166
ul#apptabs li.thisapp {
153
 
    background-color: white;
154
 
    border-bottom: 1px solid white;
 
167
    /*background-color: white;*/
 
168
    /*border-bottom: 1px solid white;*/
 
169
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-left.png);
 
170
}
 
171
ul#apptabs li.thisapp span {
 
172
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-right.png);
 
173
}
 
174
ul#apptabs li.thisapp span span {
 
175
    background-image: url(../ivle.webapp.core/images/chrome/tab-selected-mid.png);
155
176
}
156
177
 
157
178
ul#apptabs a {