author | Lars Hjemli <hjemli@gmail.com> | 2008-04-13 10:48:44 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2008-04-13 10:48:44 (UTC) |
commit | 76ba6287bfb533baca7285b107b5d975581d449d (patch) (unidiff) | |
tree | 22445a77f5b87280ec980f9b4da5a511f1f27faf /cgit.css | |
parent | 4a842288260a0b0c4a3d4032d441f7fd2afee699 (diff) | |
parent | 28d781f34b2c2d4c2b994ef3953d1cf37d8f28f0 (diff) | |
download | cgit-76ba6287bfb533baca7285b107b5d975581d449d.zip cgit-76ba6287bfb533baca7285b107b5d975581d449d.tar.gz cgit-76ba6287bfb533baca7285b107b5d975581d449d.tar.bz2 |
Merge branch 'lh/layout'
* lh/layout:
Make repository search case insensitive
Remove 'patch' link from tab, add to commit view
Implement minimal freetext search in the repolist
More layout fixes
Minor fixup in tree-view css
Reintroduce the branch switcher
Add fixed link to index page from repo header
Include diff in commit view
Replace sidebar/logo
-rw-r--r-- | cgit.css | 190 |
1 files changed, 94 insertions, 96 deletions
@@ -10,144 +10,143 @@ body { | |||
10 | background: white; | 10 | background: white; |
11 | padding: 4px; | 11 | padding: 4px; |
12 | } | 12 | } |
13 | 13 | ||
14 | a { | ||
15 | color: blue; | ||
16 | text-decoration: none; | ||
17 | } | ||
18 | |||
19 | a:hover { | ||
20 | text-decoration: underline; | ||
21 | } | ||
22 | |||
14 | table { | 23 | table { |
15 | border-collapse: collapse; | 24 | border-collapse: collapse; |
16 | } | 25 | } |
17 | 26 | ||
18 | h2 { | 27 | table#header { |
19 | font-size: 120%; | 28 | width: 100%; |
20 | font-weight: bold; | 29 | margin-bottom: 1em; |
21 | margin-top: 0em; | ||
22 | margin-bottom: 0.25em; | ||
23 | } | 30 | } |
24 | 31 | ||
25 | h3 { | 32 | table#header td.logo { |
26 | margin-top: 0em; | 33 | width: 96px; |
27 | font-size: 100%; | ||
28 | font-weight: normal; | ||
29 | } | 34 | } |
30 | 35 | ||
31 | h4 { | 36 | table#header td.main { |
32 | margin-top: 1.5em; | 37 | font-size: 250%; |
33 | margin-bottom: 0.1em; | 38 | padding-left: 10px; |
34 | font-size: 100%; | ||
35 | font-weight: bold; | ||
36 | } | 39 | } |
37 | 40 | ||
38 | a { | 41 | table#header td.main a { |
39 | color: #600; | 42 | color: #000; |
40 | text-decoration: none; | ||
41 | } | 43 | } |
42 | 44 | ||
43 | a:hover { | 45 | table#header td.form { |
44 | background-color: #ddd; | 46 | text-align: right; |
45 | text-decoration: none; | 47 | vertical-align: bottom; |
48 | padding-right: 1em; | ||
49 | padding-bottom: 2px; | ||
46 | } | 50 | } |
47 | 51 | ||
48 | table.list { | 52 | table#header td.form form, |
49 | border: none; | 53 | table#header td.form input, |
50 | border-collapse: collapse; | 54 | table#header td.form select { |
55 | font-size: 90%; | ||
51 | } | 56 | } |
52 | 57 | ||
53 | table.list tr { | 58 | table#header td.sub { |
54 | background: white; | 59 | color: #777; |
60 | border-top: solid 1px #ccc; | ||
61 | padding-left: 10px; | ||
55 | } | 62 | } |
56 | 63 | ||
57 | table.list tr:hover { | 64 | table.tabs { |
58 | background: #f8f8f8; | 65 | /* border-bottom: solid 2px #ccc; */ |
66 | border-collapse: collapse; | ||
67 | margin-top: 2em; | ||
68 | margin-bottom: 0px; | ||
69 | width: 100%; | ||
59 | } | 70 | } |
60 | 71 | ||
61 | table.list tr.nohover:hover { | 72 | table.tabs td { |
62 | background: white; | 73 | padding: 0px 1em; |
74 | vertical-align: bottom; | ||
63 | } | 75 | } |
64 | 76 | ||
65 | table.list th { | 77 | table.tabs td a { |
66 | font-weight: bold; | 78 | padding: 2px 0.75em; |
67 | border-bottom: solid 1px #777; | 79 | color: #777; |
68 | padding: 0.1em 0.5em 0.1em 0.5em; | 80 | font-size: 110%; |
69 | vertical-align: baseline; | ||
70 | } | 81 | } |
71 | 82 | ||
72 | table.list td { | 83 | table.tabs td a.active { |
73 | border: none; | 84 | color: #000; |
74 | padding: 0.1em 0.5em 0.1em 0.5em; | 85 | background-color: #ccc; |
75 | } | 86 | } |
76 | 87 | ||
77 | img { | 88 | table.tabs td.form { |
78 | border: none; | 89 | text-align: right; |
79 | } | 90 | } |
80 | 91 | ||
81 | table#layout { | 92 | table.tabs td.form form { |
82 | border-collapse: collapse; | 93 | padding-bottom: 2px; |
83 | border: none; | 94 | font-size: 90%; |
84 | margin: 0px; | ||
85 | } | 95 | } |
86 | 96 | ||
87 | td#sidebar { | 97 | table.tabs td.form input, |
88 | vertical-align: top; | 98 | table.tabs td.form select { |
89 | width: 162px; | 99 | font-size: 90%; |
90 | padding: 0px 0px 0px 0px; | ||
91 | margin: 0px; | ||
92 | } | 100 | } |
93 | 101 | ||
94 | td#sidebar table { | 102 | div.content { |
95 | border-collapse: separate; | ||
96 | border-spacing: 0px; | ||
97 | margin: 0px; | 103 | margin: 0px; |
98 | padding: 0px; | 104 | padding: 2em; |
99 | background-color: #ccc; | 105 | border-top: solid 3px #ccc; |
106 | border-bottom: solid 3px #ccc; | ||
100 | } | 107 | } |
101 | 108 | ||
102 | td#sidebar table.sidebar td.sidebar { | 109 | |
103 | padding: 4px; | 110 | table.list { |
104 | border-top: solid 1px #eee; | 111 | width: 100%; |
105 | border-left: solid 1px #eee; | 112 | border: none; |
106 | border-right: solid 1px #aaa; | 113 | border-collapse: collapse; |
107 | border-bottom: solid 1px #aaa; | ||
108 | } | 114 | } |
109 | 115 | ||
110 | div#logo { | 116 | table.list tr { |
111 | margin: 0px; | 117 | background: white; |
112 | padding: 4px 0px 4px 0px; | ||
113 | text-align: center; | ||
114 | background-color: #ccc; | ||
115 | border-top: solid 1px #eee; | ||
116 | border-left: solid 1px #eee; | ||
117 | border-right: solid 1px #aaa; | ||
118 | border-bottom: solid 1px #aaa; | ||
119 | } | 118 | } |
120 | 119 | ||
121 | td#sidebar h1 { | 120 | table.list tr:hover { |
122 | font-size: 10pt; | 121 | background: #eee; |
123 | font-weight: bold; | ||
124 | margin: 8px 0px 0px 0px; | ||
125 | } | 122 | } |
126 | 123 | ||
127 | td#sidebar h1.first { | 124 | table.list tr.nohover:hover { |
128 | margin-top: 0px; | 125 | background: white; |
129 | } | 126 | } |
130 | 127 | ||
131 | td#sidebar a.menu { | 128 | table.list th { |
132 | display: block; | 129 | font-weight: bold; |
133 | background-color: #ccc; | 130 | /* color: #888; |
134 | padding: 0.1em 0.5em; | 131 | border-top: dashed 1px #888; |
135 | text-decoration: none; | 132 | border-bottom: dashed 1px #888; |
133 | */ | ||
134 | padding: 0.1em 0.5em 0.05em 0.5em; | ||
135 | vertical-align: baseline; | ||
136 | } | 136 | } |
137 | 137 | ||
138 | td#sidebar a.menu:hover { | 138 | table.list td { |
139 | background-color: #bbb; | 139 | border: none; |
140 | text-decoration: none; | 140 | padding: 0.1em 0.5em 0.1em 0.5em; |
141 | } | 141 | } |
142 | 142 | ||
143 | td#sidebar select { | 143 | table.list td a { |
144 | width: 100%; | 144 | color: black; |
145 | margin: 2px 0px 0px 0px; | ||
146 | } | 145 | } |
147 | 146 | ||
148 | td#sidebar form { | 147 | img { |
149 | text-align: right; | 148 | border: none; |
150 | } | 149 | } |
151 | 150 | ||
152 | input#switch-btn { | 151 | input#switch-btn { |
153 | margin: 2px 0px 0px 0px; | 152 | margin: 2px 0px 0px 0px; |
@@ -200,16 +199,15 @@ a.ls-blob, a.ls-dir, a.ls-mod { | |||
200 | } | 199 | } |
201 | 200 | ||
202 | td.ls-size { | 201 | td.ls-size { |
203 | text-align: right; | 202 | text-align: right; |
204 | } | ||
205 | |||
206 | td.ls-size { | ||
207 | font-family: monospace; | 203 | font-family: monospace; |
204 | width: 10em; | ||
208 | } | 205 | } |
209 | 206 | ||
210 | td.ls-mode { | 207 | td.ls-mode { |
211 | font-family: monospace; | 208 | font-family: monospace; |
209 | width: 10em; | ||
212 | } | 210 | } |
213 | 211 | ||
214 | table.blob { | 212 | table.blob { |
215 | margin-top: 0.5em; | 213 | margin-top: 0.5em; |
@@ -356,9 +354,9 @@ table.diff td { | |||
356 | 354 | ||
357 | table.diff td div.head { | 355 | table.diff td div.head { |
358 | font-weight: bold; | 356 | font-weight: bold; |
359 | margin-top: 1em; | 357 | margin-top: 1em; |
360 | background-color: #eee; | 358 | color: black; |
361 | } | 359 | } |
362 | 360 | ||
363 | table.diff td div.hunk { | 361 | table.diff td div.hunk { |
364 | color: #009; | 362 | color: #009; |
@@ -391,19 +389,19 @@ table.list td.repogroup { | |||
391 | } | 389 | } |
392 | 390 | ||
393 | a.button { | 391 | a.button { |
394 | font-size: 80%; | 392 | font-size: 80%; |
395 | color: #aaa; | 393 | color: #33c; |
394 | /* | ||
396 | background-color: #eee; | 395 | background-color: #eee; |
397 | border: solid 1px #aaa; | 396 | border: solid 1px #aaa; |
398 | padding: 0em 0.5em; | ||
399 | margin: 0.1em 0.25em; | 397 | margin: 0.1em 0.25em; |
398 | */ | ||
399 | padding: 0em 0.5em; | ||
400 | } | 400 | } |
401 | 401 | ||
402 | a.button:hover { | 402 | a.button:hover { |
403 | text-decoration: none; | 403 | text-decoration: underline; |
404 | color: #333; | ||
405 | background-color: #ccc; | ||
406 | } | 404 | } |
407 | 405 | ||
408 | a.primary { | 406 | a.primary { |
409 | font-size: 100%; | 407 | font-size: 100%; |