← 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: Robert Collins
  • Date: 2012-02-02 07:42:24 UTC
  • Revision ID: robertc@robertcollins.net-20120202074224-ujea2ocm1u1ws1en
https://launchpad.net/bugs/594591
    - Make tz calculations consistent and use UTC in the UI everywhere we show
      a precise timestamp. (Robert Collins, #594591)

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
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
    }
 
40
img {
 
41
    border: 0;
 
42
    outline: none;
 
43
    }
 
44
.clear {
 
45
    clear: both;
 
46
    font-size: 0;
 
47
    height: 0;
 
48
    }
 
49
.fr {
 
50
    float: right;
 
51
    }
 
52
.fl {
 
53
    float: left;
 
54
    }
 
55
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%;
 
107
}
 
108
 
 
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 */
 
117
ul#menuTabs {
 
118
    height: 33px;
 
119
    color: #fff;
 
120
    margin: 0;
 
121
    padding: 15px 20px 0 1%;
 
122
    }
 
123
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
    }
 
131
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 */
 
142
ul#submenuTabs {
 
143
    height: 24px;
 
144
    margin-bottom: 10px;
 
145
    }
 
146
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
*/
 
178
#loggerheadCont {
 
179
    width: 98%;
 
180
    padding: 0 1% 10px 1%;
 
181
    }
 
182
 
 
183
 
 
184
/* =========================
 
185
   Log Table
 
186
*/
 
187
#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
    }
 
249
.revisioninfo {
 
250
    margin-top: 4px;
 
251
    }
 
252
ul.expandrev {
 
253
    font-size: 85%;
 
254
    }
 
255
ul.expandrev li {
 
256
    padding: 2px 0 2px 20px;
 
257
    margin: 0 0 2px 0;
 
258
    }
 
259
ul.expandrev li.mfrom {
 
260
    background: url(../images/ico_mergefrom.gif) 0 0 no-repeat;
 
261
    }
 
262
ul.expandrev li.mto {
 
263
    background: url(../images/ico_mergeto.gif) 0 0 no-repeat;
 
264
    }
 
265
ul.expandrev li.committerli {
 
266
    background: url(../images/ico_committer.gif) 2px 0 no-repeat;
 
267
    }
 
268
ul.expandrev li.desc {
 
269
    background: url(../images/ico_description.gif) 0 0 no-repeat;
 
270
    color: #666;
 
271
    }
 
272
ul.expandrev li.files {
 
273
    background: url(../images/ico_file.gif) 2px 0 no-repeat;
 
274
    margin-left: 8px;
 
275
    }
 
276
.revnolink a {
 
277
    color: #000;
 
278
    }
 
279
 
 
280
 
 
281
/* =========================
 
282
   Pagination
 
283
*/
 
284
ul#pages {
 
285
    float: right;
 
286
    }
 
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 {
 
327
    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
    }