/loggerhead/trunk

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/loggerhead/trunk

« back to all changes in this revision

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

  • Committer: Jelmer Vernooij
  • Date: 2018-10-20 17:34:46 UTC
  • mto: (491.6.1 breezy)
  • mto: This revision was merged to the branch mainline in revision 494.
  • Revision ID: jelmer@jelmer.uk-20181020173446-eywejowpq25sg8pw
Rename serve-branches to loggerhead-serve.

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
    border-radius: 5px;
 
135
    }
 
136
ul#menuTabs li a#on {
 
137
    font-weight: bold;
 
138
    color: #fff;
 
139
    background-color: #747474;
 
140
    border-radius: 5px;
 
141
    }
 
142
 
 
143
/* Sub-menu Tabs */
 
144
ul#submenuTabs {
 
145
    height: 24px;
 
146
    margin-bottom: 10px;
 
147
    }
 
148
ul#submenuTabs li {
 
149
    float: left;
 
150
    display: inline;
 
151
    margin-right: 20px;
 
152
    }
 
153
ul#submenuTabs li a {
 
154
    float: left;
 
155
    display: inline;
 
156
    height: 22px;
 
157
    line-height: 22px;
 
158
    padding: 0 0 0 18px;
 
159
    background: transparent url(../images/ico_description.gif) no-repeat center left;
 
160
    }
 
161
 
 
162
/* Breadcrumbs */
 
163
#breadcrumbs {
 
164
    font-size: 77%;
 
165
    margin-bottom: 10px;
 
166
    }
 
167
 
 
168
#branch-info {
 
169
    padding: 10px;
 
170
    margin: 0 0 10px 0;
 
171
    color: #666;
 
172
    background: #fcfcfc;
 
173
    border: 1px solid #b7b7b7;
 
174
    }
 
175
 
 
176
 
 
177
/* =========================
 
178
   General Content
 
179
*/
 
180
#loggerheadCont {
 
181
    width: 98%;
 
182
    padding: 0 1% 10px 1%;
 
183
    }
 
184
 
 
185
 
 
186
/* =========================
 
187
   Log Table
 
188
*/
 
189
#logentries {
 
190
    margin-bottom: 10px;
 
191
    clear: left;
 
192
    }
 
193
p.expand, p.codin {
 
194
    margin-right: 10px;
 
195
    float: left;
 
196
    }
 
197
p.expand a, p.codin a {
 
198
    color: #000;
 
199
    text-decoration: none;
 
200
    }
 
201
.show_if_js {
 
202
    display: none;
 
203
    }
 
204
 
 
205
/* th and td styles */
 
206
th.revisionnumber,
 
207
th.expandcell,
 
208
th.diffcell,
 
209
th.downloadcell {
 
210
    padding-left: 0;
 
211
    padding-right: 0;
 
212
    text-align: center;
 
213
    }
 
214
th.diffcell,
 
215
th.revisionnumber {
 
216
    width: 42px;
 
217
    }
 
218
th.expandcell,
 
219
td.expcell {
 
220
    width: 10px;
 
221
    }
 
222
td.icocell {
 
223
    width: 18px;
 
224
    }
 
225
th.authorcell,
 
226
td.autcell,
 
227
th.tagscell,
 
228
td.tagcell {
 
229
    width: 240px;
 
230
    }
 
231
th.datecell,
 
232
td.date {
 
233
    width: 100px;
 
234
    }
 
235
th.timedate,
 
236
td.timedate2 {
 
237
    width: 60px;
 
238
    }
 
239
th.downloadcell,
 
240
td.downr {
 
241
    width: 47px;
 
242
    }
 
243
 
 
244
 
 
245
/* =========================
 
246
   Revision List
 
247
*/
 
248
.revision_log {
 
249
    overflow: hidden;
 
250
    }
 
251
.revisioninfo {
 
252
    margin-top: 4px;
 
253
    }
 
254
ul.expandrev {
 
255
    font-size: 85%;
 
256
    }
 
257
ul.expandrev li {
 
258
    padding: 2px 0 2px 20px;
 
259
    margin: 0 0 2px 0;
 
260
    }
 
261
ul.expandrev li.mfrom {
 
262
    background: url(../images/ico_mergefrom.gif) 0 0 no-repeat;
 
263
    }
 
264
ul.expandrev li.mto {
 
265
    background: url(../images/ico_mergeto.gif) 0 0 no-repeat;
 
266
    }
 
267
ul.expandrev li.committerli {
 
268
    background: url(../images/ico_committer.gif) 2px 0 no-repeat;
 
269
    }
 
270
ul.expandrev li.desc {
 
271
    background: url(../images/ico_description.gif) 0 0 no-repeat;
 
272
    color: #666;
 
273
    }
 
274
ul.expandrev li.files {
 
275
    margin-left: 8px;
 
276
    }
 
277
li.files#file {
 
278
    background: url(../images/ico_file.gif) 2px 0 no-repeat;
 
279
}
 
280
li.files#directory {
 
281
    background: url(../images/ico_folder.png) 2px 0 no-repeat;
 
282
}
 
283
.revnolink a {
 
284
    color: #000;
 
285
    }
 
286
 
 
287
 
 
288
/* =========================
 
289
   Pagination
 
290
*/
 
291
ul#pages {
 
292
    float: right;
 
293
    }
 
294
#pages li {
 
295
    font-size: 77%;
 
296
    font-weight: bold;
 
297
    float: left;
 
298
    display: inline;
 
299
    padding: 3px 6px;
 
300
    margin-right: 2px;
 
301
    }
 
302
 
 
303
 
 
304
/* =========================
 
305
   Search & RSS
 
306
*/
 
307
#finderBox {
 
308
    width: 300px;
 
309
    float: right;
 
310
    padding: 10px 0 0 0;
 
311
    }
 
312
#finderBox label,
 
313
#finderBox input {
 
314
    float: left;
 
315
    font-weight: normal;
 
316
    font-size: 12px;
 
317
    }
 
318
#finderBox label {
 
319
    display: inline;
 
320
    width: 100px;
 
321
    text-align: right;
 
322
    color: #000;
 
323
    padding: 5px 5px 0 0;
 
324
    }
 
325
#finderBox input {
 
326
    color: #666;
 
327
    display: inline;
 
328
    width: 130px;
 
329
    padding: 3px;
 
330
    background: #fff url(../images/bg_search_input.gif) 110px 3px no-repeat;
 
331
    border: 1px solid #e9e9e9;
 
332
    }
 
333
#search_terms {
 
334
    display: none;
 
335
    border: solid 1px black;
 
336
    width: 180px;
 
337
    overflow: auto;
 
338
    background: #fff;
 
339
    }
 
340
.rssfeed {
 
341
    float: left;
 
342
    display: inline;
 
343
    padding: 0 0 0 10px;
 
344
    }
 
345
 
 
346
 
 
347
/* =========================
 
348
   Footer
 
349
*/
 
350
#footer {
 
351
    font-size: 77%;
 
352
    }
 
353
 
 
354
    
 
355
/* ====================
 
356
   Global notifications
 
357
*/
 
358
/* Move the content down so the notification banner doesn't hide any content. */
 
359
body.global-notification-visible {
 
360
    padding-top: 40px;
 
361
    }
 
362
body.global-notification-visible .login-logout {
 
363
    top: 45px;
 
364
    }
 
365
.notification-private {
 
366
    background-image: url(/static/images/notification-private.png); /* sprite-ref: icon-sprites */
 
367
    background-repeat: no-repeat;
 
368
    }
 
369
.global-notification {
 
370
    position: fixed;
 
371
    z-index: 10;
 
372
    top: 0;
 
373
    left: 0;
 
374
    right: 0;
 
375
    padding: 8px 20px;
 
376
    /* Define colour for browsers that don't support transparency */
 
377
    background-color: #8d1f1f;
 
378
    /* Set transparent background for browsers that support it */
 
379
    background-color: rgba(125,0,0,0.9);
 
380
    color: #fff;
 
381
    text-shadow: 0 -1px 0 #631616;
 
382
    font-size: 14px;
 
383
    line-height: 21px;
 
384
    font-weight: bold;
 
385
    -moz-box-shadow: 0 0 5px #333;
 
386
    -webkit-box-shadow: 0 0 5px #333;
 
387
    box-shadow: 0 0 5px #333;
 
388
    }
 
389
.global-notification .sprite.notification-private {
 
390
    float: left;
 
391
    display: inline-block;
 
392
    height: 21px;
 
393
    width: 20px;
 
394
    margin-right: 10px;
 
395
    padding: 0;
 
396
    }
 
397
.global-notification-close, .global-notification-close:active,
 
398
.global-notification-close:visited {
 
399
    color: #e47a7a;
 
400
    }
 
401
.global-notification-close {
 
402
    display: block;
 
403
    position: absolute;
 
404
    top: 11px;
 
405
    right: 20px;
 
406
    font-size: 12px;
 
407
    font-weight: normal;
 
408
    line-height: 14px;
 
409
    }
 
410
.global-notification-close .sprite.notification-close {
 
411
    float: right;
 
412
    display: block;
 
413
    height: 9px;
 
414
    width: 8px;
 
415
    margin: 3px 0 0 7px;
 
416
    padding: 0;
 
417
    }