← 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-02-01 00:45:15 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:361
dispatch/html , ivle.css: Split header into 3 divs, and used CSS to explicitly
control z-indexes. This allows the border to be displayed and the header text
to be seen and selected correctly.

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;
33
34
    background-color: #fea;
34
 
    /* Pad left and right. */
35
 
    padding: 0 1em;
 
35
    padding: 0;
36
36
    border-bottom: 1px solid black;
37
37
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
38
38
     * #ivleheader.height to update it. */
39
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 */
40
52
}
41
53
 
42
54
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
43
 
#ivleheader h1 {
 
55
#ivleheader_text h1 {
44
56
    position: absolute;
45
57
    text-align: left;
46
58
    font-size: 3.8em;
49
61
    margin: 0;
50
62
    padding: 0;
51
63
}
52
 
#ivleheader h2 {
 
64
#ivleheader_text h2 {
53
65
    position: absolute;
54
66
    text-align: left;
55
67
    font-size: 1.3em;
70
82
    top: 5.3em;             /* == #ivleheader.height */
71
83
    bottom: 0;
72
84
    width: 100%;
 
85
    z-index: 0;     /* Behind header */
73
86
}
74
87
 
75
88
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
102
115
    width: 100%;
103
116
    padding: 0;
104
117
    margin: 0;
 
118
    z-index: 2;     /* In front of background, behind text */
105
119
}
106
120
 
107
121
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */