← 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:44:30 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:345
Global CSS change: ivlebody no longer has 1em of padding (it has none).
This is because most apps were disabling it (and it had to change anyway for
other reasons -- see below).

Hence, all apps which WERE disabling the padding have had that removed, and
just work by default. (console, browser, tutorial)
All apps which WEREN'T disabling the padding (very few) now have to manually
include an extra div. This has been done on all such apps, and has been
heavily documented (both in the CSS file and doc/app_howto). (help, dummy,
debuginfo).

media/common/ivle.css: 
    The real change here (which isn't yet being used) is that ivlebody is now
    positioned absolutely and takes up all the space on the canvas. This is
    to be used for full-page layouts in console and browser.

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
 
    height: 5.3em;      /* == #ivleaheader_tabs.height */
 
37
    /* IMPORTANT: This 5.3em is hard-coded elsewhere in this file. Search for
 
38
     * #ivleheader.height to update it. */
 
39
    height: 5.3em;
38
40
}
39
41
 
40
42
/* Special "IVLE" and "Informatics Virtual Learning Environment" titles */
56
58
    padding: 0;
57
59
}
58
60
 
59
 
/* Note: You can override this in app-specific CSS if you want to
60
 
 * push the body all the way to the edge. */
 
61
/* Note: The body has NO PADDING by default (unlike plain HTML).
 
62
 * This is because almost all of the apps need this behaviour.
 
63
 * If a particular app needs padding, it should manually wrap all of its
 
64
 * output in a <div id="ivle_padding">.
 
65
 */
61
66
#ivlebody {
 
67
    /* This is positioned absolutely so that its content can be positioned
 
68
     * absolutely as well, and so height: 100% really means it. */
 
69
    position: absolute;
 
70
    top: 5.3em;             /* == #ivleheader.height */
 
71
    bottom: 0;
 
72
    width: 100%;
 
73
}
 
74
 
 
75
/* Apps can optionally have a <div id="ivle_padding"> as the outermost
 
76
 * element, if 1em of padding is desired (otherwise there will be no padding).
 
77
 */
 
78
#ivle_padding {
62
79
    padding: 1em;
63
80
}
64
81
 
73
90
    font-weight: bold;
74
91
}
75
92
 
76
 
/* The tabs bar is positioned absolutely, unlike all of the other
77
 
 * dispatch-level content.
 
93
/* The tabs bar is positioned absolutely, unlike the other header content.
78
94
 * This allows it to be aligned exactly with the bottom of the header bar.
79
95
 */
80
96
#ivleheader_tabs {
81
97
    position: absolute;
82
 
    /* height == #ivleheader.height */
83
 
    height: 5.3em;
 
98
    height: 5.3em;          /* == #ivleheader.height */
84
99
    top: 0;
85
100
    left: 0;
86
101
    right: 0;