← 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-31 01:10:29 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:344
dispatch/ivle CSS foo.
The IVLE header is now a fixed height in em (previously was just intrinsic
    height).
This fixes the "tabs sometimes don't line up with the base line" display
problem, and also makes it much easier to add fixed or absolute content on the
rest of the page.

This was done by separating the tabs out into a separate div and making that
absolutely positioned. Now the header is exactly 5.3em.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/common/ivle.css
34
34
    /* Pad left and right. */
35
35
    padding: 0 1em;
36
36
    border-bottom: 1px solid black;
37
 
    min-height: 4.3em;
 
37
    height: 5.3em;      /* == #ivleaheader_tabs.height */
38
38
}
39
39
 
40
40
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
73
73
    font-weight: bold;
74
74
}
75
75
 
 
76
/* The tabs bar is positioned absolutely, unlike all of the other
 
77
 * dispatch-level content.
 
78
 * This allows it to be aligned exactly with the bottom of the header bar.
 
79
 */
 
80
#ivleheader_tabs {
 
81
    position: absolute;
 
82
    /* height == #ivleheader.height */
 
83
    height: 5.3em;
 
84
    top: 0;
 
85
    left: 0;
 
86
    right: 0;
 
87
    width: 100%;
 
88
    padding: 0;
 
89
    margin: 0;
 
90
}
 
91
 
 
92
/* The apptabs ul is aligned to the bottom of #ivleheader_tabs */
76
93
ul#apptabs {
 
94
    position: absolute;
77
95
    text-align: right;
78
 
    margin-bottom: 0;
 
96
    bottom: 0;
 
97
    right: 1em;             /* == #ivleheader.padding-right */
 
98
    padding: 0;
 
99
    margin: 0;
79
100
}
80
101
ul#apptabs li {
81
102
    display: inline;