← Back to branch summary

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

« back to all changes in this revision

Viewing changes to www/media/browser/browser.css

  • Committer: mattgiuca
  • Date: 2008-02-03 03:03:27 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:380
media/browser/browser.css: Transformed browser CSS from intrinsic layout to
position: absolute based layout. This has been applied to top bar and status
bar, so the status bar now sits at the bottom of the canvas.

However the middle section is still a table-based layout, now needing work
(appears strange).

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/browser/browser.css
7
7
 
8
8
/* GENERAL FORMATTING */
9
9
 
10
 
p, h2, h3 {
 
10
#ivlebody p, #ivlebody h2, #ivlebody h3 {
11
11
    padding: 0;
12
 
    margin: 0;
13
 
    margin-top: 11px;
14
 
    margin-bottom: 11px;
 
12
    margin: 0.7em 0;
15
13
}
16
 
p, h3 {
 
14
#ivlebody p, #ivlebody h3 {
17
15
    font-size: 1em;
18
16
}
19
 
h2 {
 
17
#ivlebody h2 {
20
18
    font-size: 1.1em;
21
19
}
22
20
 
25
23
}
26
24
 
27
25
/* OVERALL LAYOUT */
 
26
/* Note: Top-level things are layed out with position: absolute in order to
 
27
 * make sure they fill up the whole canvas. */
28
28
 
29
29
#middle, #middle tbody {
30
30
    width: 100%;
39
39
/* TOP BAR */
40
40
 
41
41
#topbar {
42
 
    padding: 8px;
 
42
    position: absolute;
 
43
    left: 0;
 
44
    right: 0;
 
45
    top: 0;
 
46
    /* height == h2.margin + h2.line-height
 
47
     *              + max(h2.margin, p.margin) + p.line-height + p.margin
 
48
     *        == 1.1*0.7em + 1.1*1.2em + 1.1*0.7em + 1.1em + 0.7em
 
49
     *        == 4.6em */
 
50
    height: 4.6em;
 
51
    padding: 0.5em;
43
52
    background-color: #aaf;
44
53
}
45
54
#topbar a {
46
55
    font-weight: bold;
47
56
}
48
57
 
 
58
/* Everything under the top bar */
 
59
 
 
60
#filesbody {
 
61
    position: absolute;
 
62
    left: 0;
 
63
    right: 0;
 
64
    /* top == #topbar.height + #topbar.padding * 2 */
 
65
    top: 5.6em;
 
66
    bottom: 0;
 
67
}
 
68
 
49
69
/* FILE LISTINGS TABLE */
50
70
 
51
71
#filetable {
159
179
/* STATUS BAR */
160
180
 
161
181
#statusbar {
 
182
    /* Get this to the bottom of the screen */
 
183
    position: absolute;
 
184
    left: 0;
 
185
    right: 0;
 
186
    bottom: 0;
162
187
    background-color: #aaa;
163
188
    border-top: 1px solid #888;
164
189
    font-size: 0.8em;