← 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-01-29 23:52:19 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:329
Converted Console from an "app" into a "plugin". It can now be plugged in to
any app.
Added "plugins" directory in www. Added "console" plugin. This contains all of
the functionality of what was previously the console app, but modularized so
it can be imported by another app.

apps/console: Removed most of the logic (moved to plugins/console). Replaced
with a simple import of the console plugin. Should behave exactly the same.
apps/tutorial: As proof of concept, imported the console plugin. It now
appears at the bottom of the page (yet to make it have "pop up" behaviour).

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
 
#ivlebody p, #ivlebody h2, #ivlebody h3 {
 
10
p, h2, h3 {
11
11
    padding: 0;
12
 
    margin: 0.7em 0;
 
12
    margin: 0;
 
13
    margin-top: 11px;
 
14
    margin-bottom: 11px;
13
15
}
14
 
#ivlebody p, #ivlebody h3 {
 
16
p, h3 {
15
17
    font-size: 1em;
16
18
}
17
 
#ivlebody h2 {
 
19
h2 {
18
20
    font-size: 1.1em;
19
21
}
20
22
 
22
24
    padding: 1em;
23
25
}
24
26
 
 
27
/* OVERALL LAYOUT */
 
28
 
 
29
/* Override common #ivlebody */
 
30
#ivlebody {
 
31
    padding: 0 ! important;
 
32
}
 
33
 
 
34
#middle, #middle tbody {
 
35
    width: 100%;
 
36
    vertical-align: top;
 
37
    border-collapse: collapse;
 
38
}
 
39
 
 
40
#sidepanel {
 
41
    width: 300px;
 
42
}
 
43
 
25
44
/* TOP BAR */
26
45
 
27
46
#topbar {
28
 
    position: absolute;
29
 
    left: 0;
30
 
    right: 0;
31
 
    top: 0;
32
 
    /* Approximate height of the components */
33
 
    height: 2.3em;
 
47
    padding: 8px;
 
48
    background-color: #aaf;
 
49
}
 
50
#topbar a {
 
51
    font-weight: bold;
 
52
}
 
53
 
 
54
/* FILE LISTINGS TABLE */
 
55
 
 
56
#filetable {
 
57
    border-collapse: collapse;
 
58
    border-right: 1px solid #888;
34
59
    padding: 0;
35
 
    background-color: #ddd;
36
 
}
37
 
 
38
 
/* We don't want the bold-ness of a regular golden H1 */
39
 
#topbar #path {
40
 
    font-weight: normal;
41
 
}
42
 
 
43
 
#topbar #path a {
44
 
    font-weight: bold;
45
 
}
46
 
 
47
 
#actions {
48
 
    padding: 0.3em 0.5em;
49
 
    border-top: white 1px solid;        /* Top edge of 3D effect */
50
 
}
51
 
/* class "choice" is for all choices, enabled and disabled. This is for both
52
 
 * the <a> actions and <option> actions.
53
 
 * class "disabled" is for disabled choices.
 
60
}
 
61
 
 
62
th {
 
63
    text-align: left;
 
64
}
 
65
 
 
66
td.thincol {
 
67
    width: 18px;
 
68
}
 
69
 
 
70
#filetablediv {
 
71
    overflow: auto;
 
72
}
 
73
 
 
74
/* Individual column sizes */
 
75
/* All columns have fixed widths except filename, which expands to fit. */
 
76
 
 
77
.col-check {
 
78
    width: 20px;
 
79
}
 
80
.col-icons {
 
81
    width: 50px;
 
82
}
 
83
.col-filename {
 
84
    width: auto;
 
85
}
 
86
.col-size {
 
87
    width: 100px;
 
88
}
 
89
.col-date {
 
90
    width: 150px;
 
91
}
 
92
 
 
93
/* Table borders and rows */
 
94
 
 
95
tr.rowhead {
 
96
    background-color: #336;
 
97
    color: white;
 
98
}
 
99
tr.rowhead a:link, tr.rowhead a:visited {
 
100
    color: #aaf;
 
101
}
 
102
/* Unselected (grey shades)
 
103
 * Note alternating rows are different shades
54
104
 */
55
 
#actions1 a.choice, #actions2 a {
56
 
    color: #002a8c;
57
 
    cursor: pointer;
58
 
}
59
 
 
60
 
#actions1 a.choice:hover, #actions1 a.choice:active, #actions1 a.choice:focus,
61
 
    #actions2 a:hover, #actions2 a:active, #actions2 a:focus {
62
 
    color: #002a8c;
63
 
}
64
 
 
65
 
#actions1 a.choice:hover, #actions2 a:hover {
66
 
    text-decoration: underline;
67
 
}
68
 
 
69
 
#actions1 a.disabled {
70
 
    color: black;
71
 
    text-decoration: none;
72
 
    cursor: auto;
73
 
}
74
 
/* Drop-down actions and headings */
75
 
#actions1 option.moreactions, #actions1 option.disabled {
76
 
    color: #aaa;
77
 
}
78
 
 
79
 
/* One of the actions2s is shown at runtime, depending on the context.
80
 
 * We will show moreactions if we need it. */
81
 
#actions1 #moreactions_area, #actions2 #actions2_file,
82
 
#actions2 #actions2_directory {
83
 
    display: none;
84
 
}
85
 
 
86
 
/* Everything under the top bar */
87
 
 
88
 
#filesbody {
89
 
    position: absolute;
90
 
    left: 0;
91
 
    right: 0;
92
 
    /* top == #topbar.height */
93
 
    top: 2.3em;
94
 
    /* Space for the mimimised console */
95
 
    bottom: 2em;
96
 
}
97
 
 
 
105
tr.row1 {
 
106
    background-color: #ccc;
 
107
    cursor: pointer;
 
108
}
 
109
tr.row2 {
 
110
    background-color: #bbb;
 
111
    cursor: pointer;
 
112
}
 
113
/* And if they are selected (blue shades) */
 
114
tr.row1sel {
 
115
    background-color: #88e;
 
116
    cursor: pointer;
 
117
}
 
118
tr.row2sel {
 
119
    background-color: #77d;
 
120
    cursor: pointer;
 
121
}
 
122
 
 
123
#filetable table {
 
124
    border-collapse: collapse;
 
125
}
 
126
 
 
127
#filetable td, #filetable th {
 
128
    border: 1px solid #888;
 
129
}
 
130
 
 
131
/* Borders between icons and filename are turned off. */
 
132
 
 
133
#filetable td.col-icons, #filetable th.col-date, #filetable td.col-date {
 
134
    border-right: 0 none;
 
135
}
 
136
#filetable td.col-filename {
 
137
    border-left: 0 none;
 
138
}
 
139
 
 
140
/* SIDE PANEL */
 
141
 
 
142
#sidepanel {
 
143
    border-left: 1px solid #888;
 
144
    border-top: 1px solid #888;
 
145
    background-color: #ccc;
 
146
    font-size: 0.8em;
 
147
    padding: 8px;
 
148
    text-align: center;
 
149
}
 
150
 
 
151
#sidepanel p, #sidepanel h2, #sidepanel h3 {
 
152
    margin: 0;
 
153
    padding: 0;
 
154
}
 
155
 
 
156
#sidepanel h3 {
 
157
    margin-top: 1em;
 
158
}
 
159
 
 
160
#sidepanel a {
 
161
    font-weight: bold;
 
162
}
 
163
 
 
164
/* STATUS BAR */
 
165
 
 
166
#statusbar {
 
167
    background-color: #aaa;
 
168
    border-top: 1px solid #888;
 
169
    font-size: 0.8em;
 
170
    padding: 2px;
 
171
}
 
172
 
 
173
/* TEXT EDITOR */
 
174
 
 
175
#editbox {
 
176
    width: 100%;
 
177
    height: 100%;
 
178
}