summaryrefslogtreecommitdiffabout
path: root/cgit.css
authorJohan Herland <johan@herland.net>2010-06-09 23:09:28 (UTC)
committer Lars Hjemli <hjemli@gmail.com>2010-06-19 08:40:22 (UTC)
commitc93ef96aaf77437abeb552bd9e30973f90365f3a (patch) (unidiff)
treedec445607efb7a9996d008330517730fc0482de3 /cgit.css
parentc8e3295469bd3b8e38a9ea4478d517d3861e6c93 (diff)
downloadcgit-c93ef96aaf77437abeb552bd9e30973f90365f3a.zip
cgit-c93ef96aaf77437abeb552bd9e30973f90365f3a.tar.gz
cgit-c93ef96aaf77437abeb552bd9e30973f90365f3a.tar.bz2
ui-shared: Display path limit directly beneath tab bar in relevant pages
Design-wise, the path is shown by "expanding" the grey border between the tab bar and the content area of the page to house the current path limit. This is only displayed on pages where the path limit is relevant, and only when a path limit is in effect. Signed-off-by: Johan Herland <johan@herland.net> Signed-off-by: Lars Hjemli <hjemli@gmail.com>
Diffstat (limited to 'cgit.css') (more/less context) (ignore whitespace changes)
-rw-r--r--cgit.css8
1 files changed, 8 insertions, 0 deletions
diff --git a/cgit.css b/cgit.css
index 0cb894a..563f8e1 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,360 +1,368 @@
1body, table, form { 1body, table, form {
2 padding: 0em; 2 padding: 0em;
3 margin: 0em; 3 margin: 0em;
4} 4}
5 5
6body { 6body {
7 font-family: sans-serif; 7 font-family: sans-serif;
8 font-size: 10pt; 8 font-size: 10pt;
9 color: #333; 9 color: #333;
10 background: white; 10 background: white;
11 padding: 4px; 11 padding: 4px;
12} 12}
13 13
14a { 14a {
15 color: blue; 15 color: blue;
16 text-decoration: none; 16 text-decoration: none;
17} 17}
18 18
19a:hover { 19a:hover {
20 text-decoration: underline; 20 text-decoration: underline;
21} 21}
22 22
23table { 23table {
24 border-collapse: collapse; 24 border-collapse: collapse;
25} 25}
26 26
27table#header { 27table#header {
28 width: 100%; 28 width: 100%;
29 margin-bottom: 1em; 29 margin-bottom: 1em;
30} 30}
31 31
32table#header td.logo { 32table#header td.logo {
33 width: 96px; 33 width: 96px;
34} 34}
35 35
36table#header td.main { 36table#header td.main {
37 font-size: 250%; 37 font-size: 250%;
38 padding-left: 10px; 38 padding-left: 10px;
39 white-space: nowrap; 39 white-space: nowrap;
40} 40}
41 41
42table#header td.main a { 42table#header td.main a {
43 color: #000; 43 color: #000;
44} 44}
45 45
46table#header td.form { 46table#header td.form {
47 text-align: right; 47 text-align: right;
48 vertical-align: bottom; 48 vertical-align: bottom;
49 padding-right: 1em; 49 padding-right: 1em;
50 padding-bottom: 2px; 50 padding-bottom: 2px;
51 white-space: nowrap; 51 white-space: nowrap;
52} 52}
53 53
54table#header td.form form, 54table#header td.form form,
55table#header td.form input, 55table#header td.form input,
56table#header td.form select { 56table#header td.form select {
57 font-size: 90%; 57 font-size: 90%;
58} 58}
59 59
60table#header td.sub { 60table#header td.sub {
61 color: #777; 61 color: #777;
62 border-top: solid 1px #ccc; 62 border-top: solid 1px #ccc;
63 padding-left: 10px; 63 padding-left: 10px;
64} 64}
65 65
66table.tabs { 66table.tabs {
67 /* border-bottom: solid 2px #ccc; */ 67 /* border-bottom: solid 2px #ccc; */
68 border-collapse: collapse; 68 border-collapse: collapse;
69 margin-top: 2em; 69 margin-top: 2em;
70 margin-bottom: 0px; 70 margin-bottom: 0px;
71 width: 100%; 71 width: 100%;
72} 72}
73 73
74table.tabs td { 74table.tabs td {
75 padding: 0px 1em; 75 padding: 0px 1em;
76 vertical-align: bottom; 76 vertical-align: bottom;
77} 77}
78 78
79table.tabs td a { 79table.tabs td a {
80 padding: 2px 0.75em; 80 padding: 2px 0.75em;
81 color: #777; 81 color: #777;
82 font-size: 110%; 82 font-size: 110%;
83} 83}
84 84
85table.tabs td a.active { 85table.tabs td a.active {
86 color: #000; 86 color: #000;
87 background-color: #ccc; 87 background-color: #ccc;
88} 88}
89 89
90table.tabs td.form { 90table.tabs td.form {
91 text-align: right; 91 text-align: right;
92} 92}
93 93
94table.tabs td.form form { 94table.tabs td.form form {
95 padding-bottom: 2px; 95 padding-bottom: 2px;
96 font-size: 90%; 96 font-size: 90%;
97 white-space: nowrap; 97 white-space: nowrap;
98} 98}
99 99
100table.tabs td.form input, 100table.tabs td.form input,
101table.tabs td.form select { 101table.tabs td.form select {
102 font-size: 90%; 102 font-size: 90%;
103} 103}
104 104
105div.path {
106 margin: 0px;
107 padding: 5px 2em 2px 2em;
108 color: #000;
109 background-color: #ccc;
110 font-weight: bold;
111}
112
105div.content { 113div.content {
106 margin: 0px; 114 margin: 0px;
107 padding: 2em; 115 padding: 2em;
108 border-top: solid 3px #ccc; 116 border-top: solid 3px #ccc;
109 border-bottom: solid 3px #ccc; 117 border-bottom: solid 3px #ccc;
110} 118}
111 119
112 120
113table.list { 121table.list {
114 width: 100%; 122 width: 100%;
115 border: none; 123 border: none;
116 border-collapse: collapse; 124 border-collapse: collapse;
117} 125}
118 126
119table.list tr { 127table.list tr {
120 background: white; 128 background: white;
121} 129}
122 130
123table.list tr.logheader { 131table.list tr.logheader {
124 background: #eee; 132 background: #eee;
125} 133}
126 134
127table.list tr:hover { 135table.list tr:hover {
128 background: #eee; 136 background: #eee;
129} 137}
130 138
131table.list tr.nohover:hover { 139table.list tr.nohover:hover {
132 background: white; 140 background: white;
133} 141}
134 142
135table.list th { 143table.list th {
136 font-weight: bold; 144 font-weight: bold;
137 /* color: #888; 145 /* color: #888;
138 border-top: dashed 1px #888; 146 border-top: dashed 1px #888;
139 border-bottom: dashed 1px #888; 147 border-bottom: dashed 1px #888;
140 */ 148 */
141 padding: 0.1em 0.5em 0.05em 0.5em; 149 padding: 0.1em 0.5em 0.05em 0.5em;
142 vertical-align: baseline; 150 vertical-align: baseline;
143} 151}
144 152
145table.list td { 153table.list td {
146 border: none; 154 border: none;
147 padding: 0.1em 0.5em 0.1em 0.5em; 155 padding: 0.1em 0.5em 0.1em 0.5em;
148} 156}
149 157
150table.list td.logsubject { 158table.list td.logsubject {
151 font-family: monospace; 159 font-family: monospace;
152 font-weight: bold; 160 font-weight: bold;
153} 161}
154 162
155table.list td.logmsg { 163table.list td.logmsg {
156 font-family: monospace; 164 font-family: monospace;
157 white-space: pre; 165 white-space: pre;
158 padding: 1em 0.5em 2em 0.5em; 166 padding: 1em 0.5em 2em 0.5em;
159} 167}
160 168
161table.list td a { 169table.list td a {
162 color: black; 170 color: black;
163} 171}
164 172
165table.list td a.ls-dir { 173table.list td a.ls-dir {
166 font-weight: bold; 174 font-weight: bold;
167 color: #00f; 175 color: #00f;
168} 176}
169 177
170table.list td a:hover { 178table.list td a:hover {
171 color: #00f; 179 color: #00f;
172} 180}
173 181
174img { 182img {
175 border: none; 183 border: none;
176} 184}
177 185
178input#switch-btn { 186input#switch-btn {
179 margin: 2px 0px 0px 0px; 187 margin: 2px 0px 0px 0px;
180} 188}
181 189
182td#sidebar input.txt { 190td#sidebar input.txt {
183 width: 100%; 191 width: 100%;
184 margin: 2px 0px 0px 0px; 192 margin: 2px 0px 0px 0px;
185} 193}
186 194
187table#grid { 195table#grid {
188 margin: 0px; 196 margin: 0px;
189} 197}
190 198
191td#content { 199td#content {
192 vertical-align: top; 200 vertical-align: top;
193 padding: 1em 2em 1em 1em; 201 padding: 1em 2em 1em 1em;
194 border: none; 202 border: none;
195} 203}
196 204
197div#summary { 205div#summary {
198 vertical-align: top; 206 vertical-align: top;
199 margin-bottom: 1em; 207 margin-bottom: 1em;
200} 208}
201 209
202table#downloads { 210table#downloads {
203 float: right; 211 float: right;
204 border-collapse: collapse; 212 border-collapse: collapse;
205 border: solid 1px #777; 213 border: solid 1px #777;
206 margin-left: 0.5em; 214 margin-left: 0.5em;
207 margin-bottom: 0.5em; 215 margin-bottom: 0.5em;
208} 216}
209 217
210table#downloads th { 218table#downloads th {
211 background-color: #ccc; 219 background-color: #ccc;
212} 220}
213 221
214div#blob { 222div#blob {
215 border: solid 1px black; 223 border: solid 1px black;
216} 224}
217 225
218div.error { 226div.error {
219 color: red; 227 color: red;
220 font-weight: bold; 228 font-weight: bold;
221 margin: 1em 2em; 229 margin: 1em 2em;
222} 230}
223 231
224a.ls-blob, a.ls-dir, a.ls-mod { 232a.ls-blob, a.ls-dir, a.ls-mod {
225 font-family: monospace; 233 font-family: monospace;
226} 234}
227 235
228td.ls-size { 236td.ls-size {
229 text-align: right; 237 text-align: right;
230 font-family: monospace; 238 font-family: monospace;
231 width: 10em; 239 width: 10em;
232} 240}
233 241
234td.ls-mode { 242td.ls-mode {
235 font-family: monospace; 243 font-family: monospace;
236 width: 10em; 244 width: 10em;
237} 245}
238 246
239table.blob { 247table.blob {
240 margin-top: 0.5em; 248 margin-top: 0.5em;
241 border-top: solid 1px black; 249 border-top: solid 1px black;
242} 250}
243 251
244table.blob td.lines { 252table.blob td.lines {
245 margin: 0; padding: 0 0 0 0.5em; 253 margin: 0; padding: 0 0 0 0.5em;
246 vertical-align: top; 254 vertical-align: top;
247 color: black; 255 color: black;
248} 256}
249 257
250table.blob td.linenumbers { 258table.blob td.linenumbers {
251 margin: 0; padding: 0 0.5em 0 0.5em; 259 margin: 0; padding: 0 0.5em 0 0.5em;
252 vertical-align: top; 260 vertical-align: top;
253 text-align: right; 261 text-align: right;
254 border-right: 1px solid gray; 262 border-right: 1px solid gray;
255} 263}
256 264
257table.blob pre { 265table.blob pre {
258 padding: 0; margin: 0; 266 padding: 0; margin: 0;
259} 267}
260 268
261table.blob a.no { 269table.blob a.no {
262 color: gray; 270 color: gray;
263 text-align: right; 271 text-align: right;
264 text-decoration: none; 272 text-decoration: none;
265} 273}
266 274
267table.blob a.no a:hover { 275table.blob a.no a:hover {
268 color: black; 276 color: black;
269} 277}
270 278
271table.bin-blob { 279table.bin-blob {
272 margin-top: 0.5em; 280 margin-top: 0.5em;
273 border: solid 1px black; 281 border: solid 1px black;
274} 282}
275 283
276table.bin-blob th { 284table.bin-blob th {
277 font-family: monospace; 285 font-family: monospace;
278 white-space: pre; 286 white-space: pre;
279 border: solid 1px #777; 287 border: solid 1px #777;
280 padding: 0.5em 1em; 288 padding: 0.5em 1em;
281} 289}
282 290
283table.bin-blob td { 291table.bin-blob td {
284 font-family: monospace; 292 font-family: monospace;
285 white-space: pre; 293 white-space: pre;
286 border-left: solid 1px #777; 294 border-left: solid 1px #777;
287 padding: 0em 1em; 295 padding: 0em 1em;
288} 296}
289 297
290table.nowrap td { 298table.nowrap td {
291 white-space: nowrap; 299 white-space: nowrap;
292} 300}
293 301
294table.commit-info { 302table.commit-info {
295 border-collapse: collapse; 303 border-collapse: collapse;
296 margin-top: 1.5em; 304 margin-top: 1.5em;
297} 305}
298 306
299table.commit-info th { 307table.commit-info th {
300 text-align: left; 308 text-align: left;
301 font-weight: normal; 309 font-weight: normal;
302 padding: 0.1em 1em 0.1em 0.1em; 310 padding: 0.1em 1em 0.1em 0.1em;
303 vertical-align: top; 311 vertical-align: top;
304} 312}
305 313
306table.commit-info td { 314table.commit-info td {
307 font-weight: normal; 315 font-weight: normal;
308 padding: 0.1em 1em 0.1em 0.1em; 316 padding: 0.1em 1em 0.1em 0.1em;
309} 317}
310 318
311div.commit-subject { 319div.commit-subject {
312 font-weight: bold; 320 font-weight: bold;
313 font-size: 125%; 321 font-size: 125%;
314 margin: 1.5em 0em 0.5em 0em; 322 margin: 1.5em 0em 0.5em 0em;
315 padding: 0em; 323 padding: 0em;
316} 324}
317 325
318div.commit-msg { 326div.commit-msg {
319 white-space: pre; 327 white-space: pre;
320 font-family: monospace; 328 font-family: monospace;
321} 329}
322 330
323div.diffstat-header { 331div.diffstat-header {
324 font-weight: bold; 332 font-weight: bold;
325 padding-top: 1.5em; 333 padding-top: 1.5em;
326} 334}
327 335
328table.diffstat { 336table.diffstat {
329 border-collapse: collapse; 337 border-collapse: collapse;
330 border: solid 1px #aaa; 338 border: solid 1px #aaa;
331 background-color: #eee; 339 background-color: #eee;
332} 340}
333 341
334table.diffstat th { 342table.diffstat th {
335 font-weight: normal; 343 font-weight: normal;
336 text-align: left; 344 text-align: left;
337 text-decoration: underline; 345 text-decoration: underline;
338 padding: 0.1em 1em 0.1em 0.1em; 346 padding: 0.1em 1em 0.1em 0.1em;
339 font-size: 100%; 347 font-size: 100%;
340} 348}
341 349
342table.diffstat td { 350table.diffstat td {
343 padding: 0.2em 0.2em 0.1em 0.1em; 351 padding: 0.2em 0.2em 0.1em 0.1em;
344 font-size: 100%; 352 font-size: 100%;
345 border: none; 353 border: none;
346} 354}
347 355
348table.diffstat td.mode { 356table.diffstat td.mode {
349 white-space: nowrap; 357 white-space: nowrap;
350} 358}
351 359
352table.diffstat td span.modechange { 360table.diffstat td span.modechange {
353 padding-left: 1em; 361 padding-left: 1em;
354 color: red; 362 color: red;
355} 363}
356 364
357table.diffstat td.add a { 365table.diffstat td.add a {
358 color: green; 366 color: green;
359} 367}
360 368