← Back to branch summary

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

« back to all changes in this revision

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

  • Committer: mattgiuca
  • Date: 2008-01-30 06:14:53 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:332
console plugin: Now presents minimize/maximize buttons, allowing itself to be
opened and closed.
The console python "present" function now also requires a windowpane=True if
in window pane mode (updated tutorial).
Implemented minimal/maximal classes in console.css (a lot of this feature is
CSS-based - min and max buttons just change the class and the CSS handles the
mode switch).

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/console/console.css
10
10
    bottom: 0;
11
11
    left: 0;
12
12
    right: 0;
13
 
    z-index: 1;
 
13
    z-index: 1;     /* Go in front of console_filler */
14
14
}
15
15
#console_body2 {
16
 
    padding: 1em;
 
16
    padding: 0.5em;
 
17
}
 
18
/* Heading bar */
 
19
#console_heading {
 
20
    background-color: gray;
 
21
    border: 2px solid black;
 
22
    padding: 2px;
 
23
    color: black;
 
24
    font-family: monospace;
 
25
    font-weight: bold;
 
26
}
 
27
/* If "minimized", console_heading and console_output are hidden */
 
28
#console_body.minimal #console_heading,
 
29
#console_body.minimal #console_output,
 
30
/* If "maximized", the maximize button is hidden */
 
31
#console_body.maximal .maximize {
 
32
    display: none;
 
33
}
 
34
/* Minimize/maximize button */
 
35
.console_button {
 
36
    cursor: pointer;    /* Display hand cursor, since this is a button */
 
37
    position: absolute;
 
38
    right: 0.5em;
17
39
}
18
40
#console_output {
19
41
    /*border: solid black 1pt;*/
20
42
    height: 20em;
21
43
    overflow: scroll;
22
 
    margin-bottom: 1em;
 
44
    margin-bottom: 0.5em;
23
45
}
24
46
#console_input {
25
47
    /*border: solid green 1pt;*/
35
57
/* console filler takes up the same space as console_body.windowpane
36
58
 * but its position is relative, not fixed.
37
59
 * This avoids having the console overlap with the bottom 28em of page
38
 
 * content. */
 
60
 * content.
 
61
 * It has two classes. "windowpane" turns it on. "minimal" or "maximal"
 
62
 * control its height.
 
63
 */
39
64
#console_filler {
40
65
    display: none;
41
66
}
42
67
#console_filler.windowpane {
43
68
    display: block;
44
 
    z-index: -1;
45
 
    /* total height of console = 20em + 1em + 1em + 1em + 1em */
 
69
    z-index: -1;        /* Go behind the actual console */
 
70
    width: 100%;
 
71
    position: relative;
 
72
    bottom: 0;
 
73
    left: 0;
 
74
    right: 0;
 
75
}
 
76
#console_filler.maximal {
 
77
    /* total height of console = 20em + 1em + 0.5em + 0.5em + 0.5em + 1em + borders
 
78
     */
46
79
    height: 24em;
47
 
    width: 100%;
48
 
    position: relative;
49
 
    bottom: 0;
50
 
    left: 0;
51
 
    right: 0;
 
80
}
 
81
#console_filler.minimal {
 
82
    /* total height of console = 1em + 0.5em + 0.5em
 
83
     */
 
84
    height: 2em;
52
85
}
53
86
pre.errorMsg {
54
87
    color: red;