← Back to branch summary

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

« back to all changes in this revision

Viewing changes to ivle/webapp/filesystem/browser/media/browser.css

  • Committer: Matt Giuca
  • Date: 2009-02-25 10:19:29 UTC
  • mfrom: (1100.1.35 new-ui)
  • Revision ID: matt.giuca@gmail.com-20090225101929-v2206kbf3lgkm1kz
*Spoiler warning: Plot or ending details follow*

Merged from new-ui branch.

IVLE top bar and top of filebrowser and console have all been made over. They
look very shiny and web 2.0!

Added image-source top-level directory with SVG source images.

Added new chrome images to ivle/webapp/coremedia/images.

Redid a lot CSS and HTML.
Every page now has an H1 at the top (common UI). Moved existing H1s to the top
of the page. Other H1s have been cleaned up (moved to H2s or restyled).
IVLE top bar has been majorly cleaned up (previously had many layered divs);
now more accessible.

Subject icon replaced with tutorial one.

The funeral for the tacky yellow and blue stylesheet will be held this Friday.

Show diffs side-by-side

added added

removed removed

Lines of Context:
ivle/webapp/filesystem/browser/media/browser.css
29
29
    left: 0;
30
30
    right: 0;
31
31
    top: 0;
32
 
    /* height == h2.margin + h2.line-height
33
 
     *              + max(h2.margin, p.margin) + p.line-height + p.margin
34
 
     *        == 1.1*0.7em + 1.1*1.2em + 1.1*0.7em + 1.1em + 0.7em
35
 
     *        == 4.6em */
36
 
    height: 4.6em;
37
 
    padding: 0.5em;
38
 
    background-color: #aaf;
 
32
    /* Approximate height of the components */
 
33
    height: 5em;
 
34
    padding: 0;
 
35
    background-color: #ddd;
39
36
}
40
37
 
41
 
#topbar div {
42
 
    margin: 0.2em;
 
38
/* We don't want the bold-ness of a regular golden H1 */
 
39
#topbar #path {
 
40
    font-weight: normal;
43
41
}
44
42
 
45
43
#topbar #path a {
46
44
    font-weight: bold;
47
45
}
 
46
 
 
47
#actions {
 
48
    padding: 0.3em 0.5em;
 
49
    border-top: white 1px solid;        /* Top edge of 3D effect */
 
50
}
48
51
/* class "choice" is for all choices, enabled and disabled. This is for both
49
52
 * the <a> actions and <option> actions.
50
53
 * class "disabled" is for disabled choices.
68
71
    color: #aaa;
69
72
}
70
73
 
71
 
#actions2 p {
72
 
    margin: 0;
73
 
}
74
 
 
75
74
/* One of the actions2s is shown at runtime, depending on the context.
76
75
 * We will show moreactions if we need it. */
77
76
#actions1 #moreactions_area, #actions2 #actions2_file,
85
84
    position: absolute;
86
85
    left: 0;
87
86
    right: 0;
88
 
    /* top == #topbar.height + #topbar.padding * 2 */
89
 
    top: 5.6em;
 
87
    /* top == #topbar.height */
 
88
    top: 5em;
90
89
    /* Space for the mimimised console */
91
 
    bottom: 3.5em;
 
90
    bottom: 2em;
92
91
}
93
92