← Back to branch summary

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

« back to all changes in this revision

Viewing changes to ivle/webapp/console/media/console.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/console/media/console.css
1
1
#console_body {
2
2
    background-color: white;
3
3
    position: absolute;
4
 
    font-size: 150%;
5
4
    color: black;
6
5
    padding: 0;
7
6
    width: 100%;
23
22
#console_body.windowpane #console_body2 {
24
23
    /* Need some padding in windowpane mode */
25
24
    /* (In full mode, things are positioned absolutely) */
26
 
    padding: 0.5em;
 
25
    padding: 0.2em;
27
26
}
28
27
/* Heading bar */
29
28
#console_heading {
52
51
    /*margin-bottom: 0.5em;*/
53
52
    position: absolute;
54
53
    /* 2em is to accomodate the header bar, and some padding */
55
 
    top: 2em;
 
54
    top: 3.4em;
56
55
    /* 2.5em is to accomodate the input bar, and padding either side */
57
56
    bottom: 2.5em;
58
 
    /* left and right 0.5em are just for horizontal padding */
59
 
    left: 0.5em;
60
 
    right: 0.5em;
 
57
    left: 0;
 
58
    right: 0;
61
59
    /* Display scroll bars */
62
60
    overflow: scroll;
63
61
    /* Some browsers support overflow-x and overflow-y. In this case, use
66
64
     * horizontal scroll bar).
67
65
     */
68
66
    overflow-x: auto;
 
67
    padding: 0.5em;
 
68
    /* On some displays, monospace font is much smaller than everything else.
 
69
     * We just set the console font to 13px to appear a bit bigger (this is
 
70
     * the same size as the editor's font).
 
71
     */
 
72
    font-size: 13px;
69
73
}
70
74
#console_body.windowpane #console_output {
71
75
    /* Don't want this absolutely positioned in windowpane mode */
72
76
    position: static;
 
77
    /* Make it a bit higher up, because the header is thinner in this mode */
 
78
    top: 2em;
73
79
    /* Give it an explicit height instead */
74
80
    height: 15em;
75
81
    margin-bottom: 0.5em;
76
82
}
 
83
 
 
84
#console_body.windowpane.maximal, #console_body.windowpane #console_heading {
 
85
    -moz-border-radius-topleft: 10px;
 
86
    -moz-border-radius-topright: 10px;
 
87
}
 
88
 
77
89
#console_input {
78
90
    position: absolute;
79
91
    /* Input bar goes along the bottom. Pad all sides */
81
93
    right: 0.5em;
82
94
    bottom: 0.5em;
83
95
}
 
96
 
84
97
#console_body.windowpane #console_input {
85
98
    /* Don't want this absolutely positioned in windowpane mode */
86
99
    position: static;
89
102
    font-family: monospace;
90
103
}
91
104
#console_inputText {
92
 
    background-color: white;
93
 
    font-size: 80%;
94
 
    color: black;
 
105
    font-family: monospace;
95
106
    width: 75%;
96
107
}
97
 
#console_inputText.disabled {
98
 
    background-color: #aaa;
99
 
}
 
108
 
100
109
/* console filler takes up the same space as console_body.windowpane
101
110
 * but its position is relative, not fixed.
102
111
 * This avoids having the console overlap with the bottom 28em of page
117
126
    right: 0;
118
127
}
119
128
#console_filler.maximal {
120
 
    /* total height of console = 20em + 1em + 0.5em + 0.5em + 0.5em + 1em + borders
121
 
     */
122
 
    height: 24em;
 
129
    /* Trial and error is useful to work this out. */
 
130
    height: 14em;
123
131
}
124
132
#console_filler.minimal {
125
 
    /* total height of console = 1em + 0.5em + 0.5em
126
 
     */
127
 
    height: 2em;
 
133
    /* Trial and error is useful to work this out. */
 
134
    height: 1em;
128
135
}
129
136
*.errorMsg {
130
137
    color: red;