← Back to branch summary

~loggerhead-team/loggerhead/trunk-rich

« back to all changes in this revision

Viewing changes to loggerhead/static/css/global.css

  • Committer: Michael Hudson
  • Date: 2009-02-24 21:13:30 UTC
  • Revision ID: michael.hudson@canonical.com-20090224211330-4pkn8g30rtioqdoy
* make example Apache stanza more correct with how PasteDeploy works
  (you learn something every day!)
* make serve-branches more forgiving about the argument to --prefix

Show diffs side-by-side

added added

removed removed

Lines of Context:
loggerhead/static/css/global.css
1
 
/*
2
 
    CSS Structure
3
 
    - Reset and Generic Styles
4
 
    - Header & Navigation
5
 
        - Loggerhead Menu Tabs
6
 
        - Sub-menu Tabs
7
 
        - Breadcrumbs
8
 
    - Search & RSS 
9
 
    - General Content
10
 
    - Log Table
11
 
    - Revision List
12
 
    - Pagination
13
 
    - Footer
14
 
*/
15
 
 
16
 
 
17
 
/* =========================
18
 
   Reset and Generic Styles
19
 
*/
20
 
body, img, form, tr, ul, li, h1, h2, h3, h4, p, table {
21
 
    padding: 0;
22
 
    margin: 0;
23
 
    }
24
 
body, html, table {
25
 
    font-size: 93%;
26
 
    }
27
1
body {
28
 
    font-weight: normal;
29
 
    font-family: UbuntuBeta, Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;
30
 
    color: #000;
31
 
    background: #fff;
32
 
    }
33
 
a {
34
 
    color: #03A;
35
 
    text-decoration: none;
36
 
    }
37
 
a:hover {
38
 
    text-decoration: underline;
39
 
    }
 
2
        padding:0px;
 
3
        margin:0px;
 
4
        font:normal 12px/normal sans-serif;
 
5
        color:#666;
 
6
        background:#fff;
 
7
}
 
8
a, a:link, a:visited, a:hover {
 
9
        color:#0f597f;
 
10
        text-decoration:none;
 
11
        font-weight:normal;
 
12
        outline:none;
 
13
}
40
14
img {
41
 
    border: 0;
42
 
    outline: none;
43
 
    }
 
15
        padding:0px;
 
16
        margin:0px;
 
17
        border:0px;
 
18
        outline:none;
 
19
}
 
20
form {
 
21
  margin: 0;
 
22
  padding: 0;
 
23
}
 
24
tr td {
 
25
  vertical-align: top;
 
26
}
44
27
.clear {
45
 
    clear: both;
46
 
    font-size: 0;
47
 
    height: 0;
48
 
    }
49
 
.fr {
50
 
    float: right;
51
 
    }
52
 
.fl {
53
 
    float: left;
54
 
    }
 
28
        clear:both;
 
29
        font-size:0px;
 
30
        height:0px;
 
31
}
 
32
.fr {float:right;}
 
33
.fl {float:left;}
 
34
 
55
35
ul {
56
 
    list-style: none;
57
 
    }
58
 
table {
59
 
    caption-side: top;
60
 
    width: 100%;
61
 
    border: none;
62
 
    border-spacing: 0;
63
 
    border-collapse: collapse;
64
 
    }
65
 
tr td {
66
 
    vertical-align: top;
67
 
    }
68
 
th, td {
69
 
    border-color: #D2D2D2;
70
 
    }
71
 
th {
72
 
    text-align: left;
73
 
    color: #5A5A5A;
74
 
    padding: 4px 8px;
75
 
    border-width: 1px;
76
 
    border-style: solid;
77
 
    }
78
 
td {
79
 
    padding: 4px 4px;
80
 
    border-width: 0 0 1px 0;
81
 
    border-style: dotted;
82
 
    }
83
 
h1 {
84
 
    font-size:138.5%;
85
 
    padding: 10px 0 5px 0;
86
 
    }
87
 
h2 {
88
 
    font-size: 123.1%;
89
 
    padding: 10px 0 5px 0;
90
 
    }
91
 
p {
92
 
    padding: 5px 0;
93
 
    }
94
 
p img {
95
 
    vertical-align: middle;
96
 
    }
97
 
 
98
 
 
99
 
/* =========================
100
 
   Header & Navigation
101
 
*/
102
 
 
103
 
.black-link {
104
 
    border-bottom: 1px solid #D2D2D2;
105
 
    padding: 6px 1% 8px 1%;
106
 
    font-size: 85%;
 
36
    list-style:none;
107
37
}
108
38
 
109
 
/* Branch Title */
110
 
h1.branch-name {
111
 
    font-size: 131%;
112
 
    padding: 0;
113
 
    margin: 20px 0 0 1%;
114
 
    }
115
 
 
116
 
/* Loggerhead Menu Tabs */
 
39
/* Loggerhead Menu tabs */
117
40
ul#menuTabs {
118
 
    height: 33px;
119
 
    color: #fff;
120
 
    margin: 0;
121
 
    padding: 15px 20px 0 1%;
122
 
    }
 
41
        width:98%;
 
42
        height:33px;
 
43
        list-style:none;
 
44
        color:#fff;
 
45
        background:#fff url(../images/bg_menuTabs.gif) bottom repeat-x;
 
46
        margin:0px;
 
47
        padding:12px 0px 0px 2%;
 
48
}
 
49
ul#menuTabs li a:link, ul#menuTabs li a:visited {
 
50
        float:left;
 
51
        width:93px;
 
52
        padding:10px 0px 0px 0px;
 
53
        height:23px;
 
54
        font:normal 14px/1.5 sans-serif;
 
55
        text-align:center;
 
56
        color:#fff;
 
57
        text-decoration:none;
 
58
        background:#ad2001 url(../images/bg_Tabs.gif) bottom center;
 
59
}
123
60
ul#menuTabs li {
124
 
    float: left;
125
 
    padding: 0 7px 0 0;
126
 
    }
127
 
ul#menuTabs li a {
128
 
    padding: 3px 6px;
129
 
    color: #000;
130
 
    }
 
61
        float:left;
 
62
        color:#fff;
 
63
        background:#f00 url(../images/bg_Tabs.gif) bottom center;
 
64
}
131
65
ul#menuTabs li a:hover {
132
 
    background-color: #f3f3f3;
133
 
    text-decoration: none;
134
 
    }
135
 
ul#menuTabs li a#on {
136
 
    font-weight: bold;
137
 
    color: #fff;
138
 
    background-color: #747474;
139
 
    }
140
 
 
141
 
/* Sub-menu Tabs */
 
66
        float:left;
 
67
        color:#000;
 
68
        background:#666 url(../images/bg_Tabs.gif) top center;
 
69
        text-decoration:none;
 
70
}
 
71
ul#menuTabs li a#on:link, ul#menuTabs li a#on:visited, ul#menuTabs a#on:hover {
 
72
        float:left;
 
73
        color:#000;
 
74
        background:#666 url(../images/bg_Tabs.gif) top center;
 
75
        text-decoration:none;
 
76
}
 
77
/*Sub menu tabs*/
142
78
ul#submenuTabs {
143
 
    height: 24px;
144
 
    margin-bottom: 10px;
145
 
    }
 
79
        width:100%;
 
80
        height:24px;
 
81
        list-style:none;
 
82
        color:#fff;
 
83
        background:#fff;
 
84
        margin:0px;
 
85
        padding:10px 0%;
 
86
}
 
87
ul#submenuTabs li a:link, ul#submenuTabs li a:visited {
 
88
        float:left;
 
89
        display:inline;
 
90
        height:22px;
 
91
        padding:2px 15px 0px 15px;
 
92
        font:normal 14px/1.5 sans-serif;
 
93
        text-align:center;
 
94
        color:#fff;
 
95
        text-decoration:none;
 
96
        background:#2f40a5;
 
97
}
146
98
ul#submenuTabs li {
147
 
    float: left;
148
 
    display: inline;
149
 
    margin-right: 20px;
150
 
    }
151
 
ul#submenuTabs li a {
152
 
    float: left;
153
 
    display: inline;
154
 
    height: 22px;
155
 
    line-height: 22px;
156
 
    padding: 0 0 0 18px;
157
 
    background: transparent url(../images/ico_description.gif) no-repeat center left;
158
 
    }
159
 
 
160
 
/* Breadcrumbs */
161
 
#breadcrumbs {
162
 
    font-size: 77%;
163
 
    margin-bottom: 10px;
164
 
    }
165
 
 
166
 
#branch-info {
167
 
    padding: 10px;
168
 
    margin: 0 0 10px 0;
169
 
    color: #666;
170
 
    background: #fcfcfc;
171
 
    border: 1px solid #b7b7b7;
172
 
    }
173
 
 
174
 
 
175
 
/* =========================
176
 
   General Content
177
 
*/
 
99
        float:left;
 
100
        display:inline;
 
101
        margin-left:1px;
 
102
        color:#fff;
 
103
        background:#2f40a5;
 
104
}
 
105
ul#submenuTabs li a:hover {
 
106
        float:left;
 
107
        display:inline;
 
108
        color:#fff;
 
109
        background:#2f40a5;
 
110
        text-decoration:underline;
 
111
}
 
112
ul#submenuTabs li#first a, ul#submenuTabs li#first a:link, ul#submenuTabs li#first a:visited, ul#submenuTabs li#first a:hover {
 
113
        background:#2f40a5 url(../images/bg_submenuTabs.gif) top left no-repeat;
 
114
}
 
115
ul#submenuTabs li#last a, ul#submenuTabs li#last a:link, ul#submenuTabs li#last a:visited, ul#submenuTabs li#last a:hover {
 
116
        background:#2f40a5 url(../images/bg_submenuTabs.gif) bottom right no-repeat;
 
117
}
 
118
 
 
119
/* Search & RSS */
 
120
#finderBox {
 
121
        width:300px;
 
122
        float:right;
 
123
        padding: 10px 0px 0px 0px;
 
124
}
 
125
#finderBox label {
 
126
        float:left;
 
127
        display:inline;
 
128
        width:100px;
 
129
        font:normal 12px/normal sans-serif;
 
130
        text-align:right;
 
131
        color:#000;
 
132
        padding:5px 5px 0px 0px;
 
133
}
 
134
#finderBox input {
 
135
        float:left;
 
136
        font:normal 12px/normal sans-serif;
 
137
        color:#666;
 
138
        display:inline;
 
139
        width:130px;
 
140
        padding:3px;
 
141
        background:#fff url(../images/bg_search_input.gif) 110px 3px no-repeat;
 
142
        border:1px solid #e9e9e9;
 
143
}
 
144
#search_terms {
 
145
    display:none;
 
146
    border:solid 1px black;
 
147
    width:180px;
 
148
    overflow:auto;
 
149
    background: #fff;
 
150
}
 
151
.rssfeed {
 
152
        float:left;
 
153
        display:inline;
 
154
        padding:0px 0px 0px 10px;
 
155
}
 
156
 
 
157
/* General Content */
178
158
#loggerheadCont {
179
 
    width: 98%;
180
 
    padding: 0 1% 10px 1%;
181
 
    }
182
 
 
183
 
 
184
 
/* =========================
185
 
   Log Table
186
 
*/
 
159
        width:98%;
 
160
        padding:10px 1%;
 
161
        color:#242424;
 
162
        background:#fff;
 
163
}
 
164
#loggerheadCont h1 {
 
165
        font-size:18px;
 
166
        color:#666;
 
167
        margin:0px;
 
168
        padding:10px 0px 5px 0px;
 
169
}
 
170
#loggerheadCont h1 span {
 
171
    color:#889ea9;
 
172
}
 
173
#loggerheadCont p {
 
174
        color:#000;
 
175
        margin:0px;
 
176
        padding:5px 0px;
 
177
}
 
178
#loggerheadCont p.expand, #loggerheadCont p.expand a, #loggerheadCont p.expand a:link, #loggerheadCont p.expand a:visited, #loggerheadCont p.expand a:hover {
 
179
        color:#000;
 
180
        text-decoration:none;   
 
181
}
 
182
#loggerheadCont p img {
 
183
        vertical-align:middle;
 
184
}
 
185
.link {
 
186
        padding:0px 11px 0px 0px;
 
187
        margin:0px 2px 0px 0px;
 
188
        font-weight:bold;
 
189
}
 
190
.revnolink a, .revnolink a:visited, .revnolink a:link, .revnolink a:hover {
 
191
        color:#CC6600;
 
192
        text-decoration:none;           
 
193
}
 
194
 
 
195
/*Log Table*/
187
196
#logentries {
188
 
    margin-bottom: 10px;
189
 
    clear: left;
190
 
    }
191
 
p.expand, p.codin {
192
 
    margin-right: 10px;
193
 
    float: left;
194
 
    }
195
 
p.expand a, p.codin a {
196
 
    color: #000;
197
 
    text-decoration: none;
198
 
    }
199
 
.show_if_js {
200
 
    display: none;
201
 
    }
202
 
 
203
 
/* th and td styles */
204
 
th.revisionnumber,
205
 
th.expandcell,
206
 
th.diffcell,
207
 
th.downloadcell {
208
 
    padding-left: 0;
209
 
    padding-right: 0;
210
 
    text-align: center;
211
 
    }
212
 
th.diffcell,
213
 
th.revisionnumber {
214
 
    width: 42px;
215
 
    }
216
 
th.expandcell,
217
 
td.expcell {
218
 
    width: 10px;
219
 
    }
220
 
td.icocell {
221
 
    width: 18px;
222
 
    }
223
 
th.authorcell,
224
 
td.autcell,
225
 
th.tagscell,
226
 
td.tagcell {
227
 
    width: 240px;
228
 
    }
229
 
th.datecell,
230
 
td.date {
231
 
    width: 180px;
232
 
    }
233
 
th.timedate,
234
 
td.timedate2 {
235
 
    width: 80px;
236
 
    }
237
 
th.downloadcell,
238
 
td.downr {
239
 
    width: 47px;
240
 
    }
241
 
 
242
 
 
243
 
/* =========================
244
 
   Revision List
245
 
*/
246
 
.revision_log {
247
 
    overflow: hidden;
248
 
    }
 
197
        caption-side:top;
 
198
        width:99%;
 
199
        margin:0px auto 10px auto;
 
200
        padding:0px;
 
201
        background:#fff;
 
202
        border:none;
 
203
        border-spacing:0px;
 
204
        border-collapse:collapse;
 
205
}
 
206
.logheader {
 
207
        background:#fff;
 
208
        font:bold 14px/normal sans-serif;
 
209
        padding:0px;
 
210
        margin:0px;
 
211
}
 
212
.blueRow0, .blueRow1 {
 
213
        background:#eef6fa;
 
214
        font:normal 14px/normal sans-serif;     
 
215
        padding:0px;
 
216
        margin:0px;
 
217
}
 
218
.blueRow1 {
 
219
        background:#f8fbfd;
 
220
}
 
221
.revisionnumber, .expandcell, .diffcell, .downloadcell, .revnro, .expcell, .diffr, .downr, .allicones {
 
222
        padding:4px 0px;
 
223
        width:42px;
 
224
        text-align:center;
 
225
        border:1px solid #d2d2d2;
 
226
}
 
227
.expandcell, .expcell {
 
228
        width:28px;     
 
229
}
 
230
.summarycell, .authorcell, .datecell, .timedate{
 
231
  padding: 4px 8px;
 
232
  border: 1px solid #d2d2d2;
 
233
}
 
234
.icocell {
 
235
  width: 18px;
 
236
}
 
237
.datecell, .date {
 
238
  width: 180px;
 
239
}
 
240
.timedate, .timedate2 {
 
241
        width:80px;
 
242
}
 
243
.downloadcell, .downr {
 
244
        width:47px;
 
245
}
 
246
.revnro, .expcell, .diffr, .summcell, .autcell, .icocell, .date, .downr, .allicones, .timedate2 {
 
247
  border: 0;
 
248
  padding: 4px 4px;
 
249
  border-bottom:1px solid #d2d2d2;
 
250
}
249
251
.revisioninfo {
250
 
    margin-top: 4px;
251
 
    }
 
252
    margin-top:4px;
 
253
}
252
254
ul.expandrev {
253
 
    font-size: 85%;
254
 
    }
 
255
        list-style:none;
 
256
        font:normal 11px/normal sans-serif;
 
257
        color:#000;
 
258
}
255
259
ul.expandrev li {
256
 
    padding: 2px 0 2px 20px;
257
 
    margin: 0 0 2px 0;
258
 
    }
 
260
        padding:2px 0px 2px 20px;
 
261
        margin:0px 0px 2px 0px;
 
262
}
259
263
ul.expandrev li.mfrom {
260
 
    background: url(../images/ico_mergefrom.gif) 0 0 no-repeat;
261
 
    }
 
264
        background:url(../images/ico_mergefrom.gif) 0px 0px no-repeat;
 
265
}
262
266
ul.expandrev li.mto {
263
 
    background: url(../images/ico_mergeto.gif) 0 0 no-repeat;
264
 
    }
 
267
        background:url(../images/ico_mergeto.gif) 0px 0px no-repeat;
 
268
}
265
269
ul.expandrev li.committerli {
266
 
    background: url(../images/ico_committer.gif) 2px 0 no-repeat;
267
 
    }
 
270
        background:url(../images/ico_committer.gif) 2px 0px no-repeat;
 
271
}
268
272
ul.expandrev li.desc {
269
 
    background: url(../images/ico_description.gif) 0 0 no-repeat;
270
 
    color: #666;
271
 
    }
 
273
        background:url(../images/ico_description.gif) 0px 0px no-repeat;
 
274
        color:#666;
 
275
}
272
276
ul.expandrev li.files {
273
 
    background: url(../images/ico_file.gif) 2px 0 no-repeat;
 
277
        background:url(../images/ico_file.gif) 2px 0px no-repeat;
274
278
    margin-left: 8px;
275
 
    }
276
 
.revnolink a {
277
 
    color: #000;
278
 
    }
279
 
 
280
 
 
281
 
/* =========================
282
 
   Pagination
283
 
*/
 
279
}
 
280
 
 
281
/* Navigation */
 
282
ul {border:0; margin:0; padding:0;}
 
283
 
284
284
ul#pages {
285
 
    float: right;
286
 
    }
 
285
        float:right;
 
286
}
287
287
#pages li {
288
 
    font-size: 77%;
289
 
    font-weight: bold;
290
 
    float: left;
291
 
    display: inline;
292
 
    padding: 3px 6px;
293
 
    margin-right: 2px;
294
 
    }
295
 
 
296
 
 
297
 
/* =========================
298
 
   Search & RSS
299
 
*/
300
 
#finderBox {
301
 
    width: 300px;
302
 
    float: right;
303
 
    padding: 10px 0 0 0;
304
 
    }
305
 
#finderBox label,
306
 
#finderBox input {
307
 
    float: left;
308
 
    font-weight: normal;
309
 
    font-size: 12px;
310
 
    }
311
 
#finderBox label {
312
 
    display: inline;
313
 
    width: 100px;
314
 
    text-align: right;
315
 
    color: #000;
316
 
    padding: 5px 5px 0 0;
317
 
    }
318
 
#finderBox input {
319
 
    color: #666;
320
 
    display: inline;
321
 
    width: 130px;
322
 
    padding: 3px;
323
 
    background: #fff url(../images/bg_search_input.gif) 110px 3px no-repeat;
324
 
    border: 1px solid #e9e9e9;
325
 
    }
326
 
#search_terms {
 
288
        border:0; margin:0; padding:0;
 
289
        font-size:12px;
 
290
        list-style:none;
 
291
        float:left;
 
292
        display:inline;
 
293
}
 
294
#pages a {
 
295
        border:solid 1px #DDDDDD;
 
296
        margin-right:2px;
 
297
}
 
298
#pages .next a, #pages .previous a {
 
299
        font-weight:bold;
 
300
        border:solid 1px #fff;
 
301
}
 
302
#pages .active {
 
303
        color:#f37b06;
 
304
        font-weight:bold;
 
305
        display:block;
 
306
        float:left;
 
307
        padding:4px 6px;
 
308
}
 
309
#pages a:link, #pages a:visited {
 
310
        color:#f37b06;
 
311
        display:block;
 
312
        float:left;
 
313
        padding:3px 6px;
 
314
        text-decoration:none;
 
315
}
 
316
#pages .next a {
 
317
        color:#0f6b97;
 
318
}
 
319
#pages a:hover {
 
320
        border:solid 1px #666666;
 
321
}
 
322
.breadcrumb a {
 
323
        color:#889ea9;
 
324
        font-weight:bold;
 
325
        font-size:18px;
 
326
}
 
327
.breadcrumb a:hover{
 
328
        color:#666;
 
329
        font-weight:bold;
 
330
        font-size:18px;
 
331
}
 
332
#branch-info {
 
333
        width:900px;
 
334
        padding:10px 10px 10px 10px;
 
335
        margin:0px 0px 10px 0px;
 
336
        color:#666;
 
337
        background:#fcfcfc;
 
338
        border:1px solid #b7b7b7;
 
339
}
 
340
.show_if_js {
327
341
    display: none;
328
 
    border: solid 1px black;
329
 
    width: 180px;
330
 
    overflow: auto;
331
 
    background: #fff;
332
 
    }
333
 
.rssfeed {
334
 
    float: left;
335
 
    display: inline;
336
 
    padding: 0 0 0 10px;
337
 
    }
338
 
 
339
 
 
340
 
/* =========================
341
 
   Footer
342
 
*/
343
 
#footer {
344
 
    font-size: 77%;
345
 
    }
346
 
 
347
 
    
348
 
/* ====================
349
 
   Global notifications
350
 
*/
351
 
/* Move the content down so the notification banner doesn't hide any content. */
352
 
body.global-notification-visible {
353
 
    padding-top: 40px;
354
 
    }
355
 
body.global-notification-visible .login-logout {
356
 
    top: 45px;
357
 
    }
358
 
.notification-private {
359
 
    background-image: url(/static/images/notification-private.png); /* sprite-ref: icon-sprites */
360
 
    background-repeat: no-repeat;
361
 
    }
362
 
.global-notification {
363
 
    position: fixed;
364
 
    z-index: 10;
365
 
    top: 0;
366
 
    left: 0;
367
 
    right: 0;
368
 
    padding: 8px 20px;
369
 
    /* Define colour for browsers that don't support transparency */
370
 
    background-color: #8d1f1f;
371
 
    /* Set transparent background for browsers that support it */
372
 
    background-color: rgba(125,0,0,0.9);
373
 
    color: #fff;
374
 
    text-shadow: 0 -1px 0 #631616;
375
 
    font-size: 14px;
376
 
    line-height: 21px;
377
 
    font-weight: bold;
378
 
    -moz-box-shadow: 0 0 5px #333;
379
 
    -webkit-box-shadow: 0 0 5px #333;
380
 
    box-shadow: 0 0 5px #333;
381
 
    }
382
 
.global-notification .sprite.notification-private {
383
 
    float: left;
384
 
    display: inline-block;
385
 
    height: 21px;
386
 
    width: 20px;
387
 
    margin-right: 10px;
388
 
    padding: 0;
389
 
    }
390
 
.global-notification-close, .global-notification-close:active,
391
 
.global-notification-close:visited {
392
 
    color: #e47a7a;
393
 
    }
394
 
.global-notification-close {
395
 
    display: block;
396
 
    position: absolute;
397
 
    top: 11px;
398
 
    right: 20px;
399
 
    font-size: 12px;
400
 
    font-weight: normal;
401
 
    line-height: 14px;
402
 
    }
403
 
.global-notification-close .sprite.notification-close {
404
 
    float: right;
405
 
    display: block;
406
 
    height: 9px;
407
 
    width: 8px;
408
 
    margin: 3px 0 0 7px;
409
 
    padding: 0;
410
 
    }
 
342
}
 
343
.revision_log {
 
344
    overflow: hidden;
 
345
}
 
 
b'\\ No newline at end of file'