« back to all changes in this revision
Viewing changes to loggerhead/static/css/global.css
- browse files at revision 429
- compare with another revision
- download diff
- download tarball
- view history from revision 429
- Committer: John Arbash Meinel
- Date: 2011-03-03 11:48:26 UTC
- mfrom: (422.2.9 trunk-rich)
- Revision ID: john@arbash-meinel.com-20110303114826-9xvuhwlwitfcgrdv
Merge trunk in, resolving merge conflicts.
- files added:
- HACKING
- load_test_scripts
- files renamed:
- loggerhead/controllers/annotate_ui.py => loggerhead/controllers/view_ui.py
- loggerhead/static/css/annotate.css => loggerhead/static/css/view.css
- loggerhead/templates/annotate.pt => loggerhead/templates/view.pt
- files modified:
- NEWS
added
removed
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
}
1
27
body {
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
}
14
b a:link, b a:visited {
15
font-weight: bold;
16
}
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
}
17
40
img {
18
padding:0px;
19
margin:0px;
20
border:0px;
21
outline:none;
22
}
23
form {
24
margin: 0;
25
padding: 0;
26
}
27
tr td {
28
vertical-align: top;
29
}
41
border: 0;
42
outline: none;
43
}
30
44
.clear {
31
clear:both;
32
font-size:0px;
33
height:0px;
34
}
35
.fr {float:right;}
36
.fl {float:left;}
37
45
clear: both;
46
font-size: 0;
47
height: 0;
48
}
49
.fr {
50
float: right;
51
}
52
.fl {
53
float: left;
54
}
38
55
ul {
39
list-style:none;
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%;
40
107
}
41
108
42
/* Loggerhead Menu tabs */
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 */
43
117
ul#menuTabs {
44
width:98%;
45
height:33px;
46
list-style:none;
47
color:#fff;
48
background:#fff url(../images/bg_menuTabs.gif) bottom repeat-x;
49
margin:0px;
50
padding:12px 0px 0px 2%;
51
}
52
ul#menuTabs li a:link, ul#menuTabs li a:visited {
53
float:left;
54
width:93px;
55
padding:10px 0px 0px 0px;
56
height:23px;
57
font:normal 14px/1.5 sans-serif;
58
text-align:center;
59
color:#fff;
60
text-decoration:none;
61
background:#ad2001 url(../images/bg_Tabs.gif) bottom center;
62
}
118
height: 33px;
119
color: #fff;
120
margin: 0;
121
padding: 15px 20px 0 1%;
122
}
63
123
ul#menuTabs li {
64
float:left;
65
color:#fff;
66
background:#f00 url(../images/bg_Tabs.gif) bottom center;
67
}
124
float: left;
125
padding: 0 7px 0 0;
126
}
127
ul#menuTabs li a {
128
padding: 3px 6px;
129
color: #000;
130
}
68
131
ul#menuTabs li a:hover {
69
float:left;
70
color:#000;
71
background:#666 url(../images/bg_Tabs.gif) top center;
72
text-decoration:none;
73
}
74
ul#menuTabs li a#on:link, ul#menuTabs li a#on:visited, ul#menuTabs a#on:hover {
75
float:left;
76
color:#000;
77
background:#666 url(../images/bg_Tabs.gif) top center;
78
text-decoration:none;
79
}
80
/*Sub menu tabs*/
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 */
81
142
ul#submenuTabs {
82
width:100%;
83
height:24px;
84
list-style:none;
85
color:#fff;
86
background:#fff;
87
margin:0px;
88
padding:10px 0%;
89
}
90
ul#submenuTabs li a:link, ul#submenuTabs li a:visited {
91
float:left;
92
display:inline;
93
height:22px;
94
padding:2px 15px 0px 15px;
95
font:normal 14px/1.5 sans-serif;
96
text-align:center;
97
color:#fff;
98
text-decoration:none;
99
background:#2f40a5;
100
}
143
height: 24px;
144
margin-bottom: 10px;
145
}
101
146
ul#submenuTabs li {
102
float:left;
103
display:inline;
104
margin-left:1px;
105
color:#fff;
106
background:#2f40a5;
107
}
108
ul#submenuTabs li a:hover {
109
float:left;
110
display:inline;
111
color:#fff;
112
background:#2f40a5;
113
text-decoration:underline;
114
}
115
ul#submenuTabs li#first a, ul#submenuTabs li#first a:link, ul#submenuTabs li#first a:visited, ul#submenuTabs li#first a:hover {
116
background:#2f40a5 url(../images/bg_submenuTabs.gif) top left no-repeat;
117
}
118
ul#submenuTabs li#last a, ul#submenuTabs li#last a:link, ul#submenuTabs li#last a:visited, ul#submenuTabs li#last a:hover {
119
background:#2f40a5 url(../images/bg_submenuTabs.gif) bottom right no-repeat;
120
}
121
122
/* Search & RSS */
123
#finderBox {
124
width:300px;
125
float:right;
126
padding: 10px 0px 0px 0px;
127
}
128
#finderBox label {
129
float:left;
130
display:inline;
131
width:100px;
132
font:normal 12px/normal sans-serif;
133
text-align:right;
134
color:#000;
135
padding:5px 5px 0px 0px;
136
}
137
#finderBox input {
138
float:left;
139
font:normal 12px/normal sans-serif;
140
color:#666;
141
display:inline;
142
width:130px;
143
padding:3px;
144
background:#fff url(../images/bg_search_input.gif) 110px 3px no-repeat;
145
border:1px solid #e9e9e9;
146
}
147
#search_terms {
148
display:none;
149
border:solid 1px black;
150
width:180px;
151
overflow:auto;
152
background: #fff;
153
}
154
.rssfeed {
155
float:left;
156
display:inline;
157
padding:0px 0px 0px 10px;
158
}
159
160
/* General Content */
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
padding: 0 0 0 18px;
156
background: transparent url(../images/ico_description.gif) no-repeat center left;
157
}
158
159
/* Breadcrumbs */
160
#breadcrumbs {
161
font-size: 77%;
162
margin-bottom: 10px;
163
}
164
165
#branch-info {
166
width: 900px;
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
*/
161
178
#loggerheadCont {
162
width:98%;
163
padding:10px 1%;
164
color:#000;
165
background:#fff;
166
}
167
#loggerheadCont h1 {
168
font-size:18px;
169
color:#666;
170
margin:0px;
171
padding:10px 0px 5px 0px;
172
}
173
#loggerheadCont h1 span {
174
color:#889ea9;
175
}
176
#loggerheadCont p {
177
color:#000;
178
margin:0px;
179
padding:5px 0px;
180
}
181
#loggerheadCont p.expand, #loggerheadCont p.expand a, #loggerheadCont p.expand a:link, #loggerheadCont p.expand a:visited, #loggerheadCont p.expand a:hover {
182
color:#000;
183
text-decoration:none;
184
}
185
#loggerheadCont p img {
186
vertical-align:middle;
187
}
188
.link {
189
padding:0px 11px 0px 0px;
190
margin:0px 2px 0px 0px;
191
font-weight:bold;
192
}
193
.revnolink a, .revnolink a:visited, .revnolink a:link, .revnolink a:hover {
194
color:#CC6600;
195
text-decoration:none;
196
}
197
198
/*Log Table*/
179
width: 98%;
180
padding: 0 1% 10px 1%;
181
}
182
183
184
/* =========================
185
Log Table
186
*/
199
187
#logentries {
200
caption-side:top;
201
width:99%;
202
margin:0px auto 10px auto;
203
padding:0px;
204
background:#fff;
205
border:none;
206
border-spacing:0px;
207
border-collapse:collapse;
208
}
209
.logheader {
210
background:#fff;
211
font:bold 14px/normal sans-serif;
212
padding:0px;
213
margin:0px;
214
}
215
.blueRow0, .blueRow1 {
216
background:#eef6fa;
217
font:normal 14px/normal sans-serif;
218
padding:0px;
219
margin:0px;
220
}
221
.blueRow1 {
222
background:#f8fbfd;
223
}
224
.revisionnumber, .expandcell, .diffcell, .downloadcell, .revnro, .expcell, .diffr, .downr, .allicones {
225
padding:4px 0px;
226
width:42px;
227
text-align:center;
228
border:1px solid #d2d2d2;
229
}
230
.expandcell, .expcell {
231
width:28px;
232
}
233
.summarycell, .authorcell, .tagscell, .datecell, .timedate{
234
padding: 4px 8px;
235
border: 1px solid #d2d2d2;
236
}
237
.icocell {
238
width: 18px;
239
}
240
.authorcell, .autcell {
241
width: 240px;
242
}
243
.tagscell, .tagcell {
244
width: 240px;
245
}
246
.datecell, .date {
247
width: 180px;
248
}
249
.timedate, .timedate2 {
250
width:80px;
251
}
252
.downloadcell, .downr {
253
width:47px;
254
}
255
.revnro, .expcell, .diffr, .summcell, .autcell, .tagcell, .icocell, .date, .downr, .allicones, .timedate2 {
256
border: 0;
257
padding: 4px 4px;
258
border-bottom:1px solid #d2d2d2;
259
}
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
}
260
249
.revisioninfo {
261
margin-top:4px;
262
}
250
margin-top: 4px;
251
}
263
252
ul.expandrev {
264
list-style:none;
265
font:normal 11px/normal sans-serif;
266
color:#000;
267
}
253
font-size: 85%;
254
}
268
255
ul.expandrev li {
269
padding:2px 0px 2px 20px;
270
margin:0px 0px 2px 0px;
271
}
256
padding: 2px 0 2px 20px;
257
margin: 0 0 2px 0;
258
}
272
259
ul.expandrev li.mfrom {
273
background:url(../images/ico_mergefrom.gif) 0px 0px no-repeat;
274
}
260
background: url(../images/ico_mergefrom.gif) 0 0 no-repeat;
261
}
275
262
ul.expandrev li.mto {
276
background:url(../images/ico_mergeto.gif) 0px 0px no-repeat;
277
}
263
background: url(../images/ico_mergeto.gif) 0 0 no-repeat;
264
}
278
265
ul.expandrev li.committerli {
279
background:url(../images/ico_committer.gif) 2px 0px no-repeat;
280
}
266
background: url(../images/ico_committer.gif) 2px 0 no-repeat;
267
}
281
268
ul.expandrev li.desc {
282
background:url(../images/ico_description.gif) 0px 0px no-repeat;
283
color:#666;
284
}
269
background: url(../images/ico_description.gif) 0 0 no-repeat;
270
color: #666;
271
}
285
272
ul.expandrev li.files {
286
background:url(../images/ico_file.gif) 2px 0px no-repeat;
273
background: url(../images/ico_file.gif) 2px 0 no-repeat;
287
274
margin-left: 8px;
288
}
289
290
/* Navigation */
291
ul {border:0; margin:0; padding:0;}
292
275
}
276
.revnolink a {
277
color: #000;
278
}
279
280
281
/* =========================
282
Pagination
283
*/
293
284
ul#pages {
294
float:right;
295
}
285
float: right;
286
}
296
287
#pages li {
297
border:0; margin:0; padding:0;
298
font-size:12px;
299
list-style:none;
300
float:left;
301
display:inline;
302
}
303
#pages a {
304
border:solid 1px #DDDDDD;
305
margin-right:2px;
306
}
307
#pages .next a, #pages .previous a {
308
font-weight:bold;
309
border:solid 1px #fff;
310
}
311
#pages .active {
312
color:#f37b06;
313
font-weight:bold;
314
display:block;
315
float:left;
316
padding:4px 6px;
317
}
318
#pages a:link, #pages a:visited {
319
color:#f37b06;
320
display:block;
321
float:left;
322
padding:3px 6px;
323
text-decoration:none;
324
}
325
#pages .next a {
326
color:#0f6b97;
327
}
328
#pages a:hover {
329
border:solid 1px #666666;
330
}
331
.breadcrumb a {
332
color:#889ea9;
333
font-weight:bold;
334
font-size:18px;
335
}
336
.breadcrumb a:hover{
337
color:#666;
338
font-weight:bold;
339
font-size:18px;
340
}
341
#branch-info {
342
width:900px;
343
padding:10px 10px 10px 10px;
344
margin:0px 0px 10px 0px;
345
color:#666;
346
background:#fcfcfc;
347
border:1px solid #b7b7b7;
348
}
349
.show_if_js {
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 {
350
327
display: none;
351
}
352
.revision_log {
353
overflow: hidden;
354
}
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
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1