author | Lars Hjemli <hjemli@gmail.com> | 2007-07-22 22:46:15 (UTC) |
---|---|---|
committer | Lars Hjemli <hjemli@gmail.com> | 2007-07-22 22:47:18 (UTC) |
commit | f405d0bf75427c627778027e9900359335d6774e (patch) (unidiff) | |
tree | 2db75faf97df382edc7667cd8cd06e833361a937 /cgit.css | |
parent | eb45342e735818b3c68cbab9b61b23e79ae74418 (diff) | |
download | cgit-f405d0bf75427c627778027e9900359335d6774e.zip cgit-f405d0bf75427c627778027e9900359335d6774e.tar.gz cgit-f405d0bf75427c627778027e9900359335d6774e.tar.bz2 |
Add support for line number in url fragment
With this change, urls like http://hjemli.net/git/cgit/tree/ui-tree.c#43 can
be used to jump directly to the specified line number.
Signed-off-by: Lars Hjemli <hjemli@gmail.com>
-rw-r--r-- | cgit.css | 9 |
1 files changed, 9 insertions, 0 deletions
@@ -87,256 +87,265 @@ td#header, td#logo { | |||
87 | background-color: #ddd; | 87 | background-color: #ddd; |
88 | border-bottom: solid 1px #000; | 88 | border-bottom: solid 1px #000; |
89 | } | 89 | } |
90 | 90 | ||
91 | td#header { | 91 | td#header { |
92 | font-size: 150%; | 92 | font-size: 150%; |
93 | font-weight: bold; | 93 | font-weight: bold; |
94 | padding: 0.2em 0.5em; | 94 | padding: 0.2em 0.5em; |
95 | vertical-align: text-bottom; | 95 | vertical-align: text-bottom; |
96 | } | 96 | } |
97 | 97 | ||
98 | td#header a { | 98 | td#header a { |
99 | color: #666; | 99 | color: #666; |
100 | } | 100 | } |
101 | 101 | ||
102 | td#header a:hoved { | 102 | td#header a:hoved { |
103 | text-decoration: underline; | 103 | text-decoration: underline; |
104 | } | 104 | } |
105 | 105 | ||
106 | td#logo { | 106 | td#logo { |
107 | text-align: right; | 107 | text-align: right; |
108 | vertical-align: middle; | 108 | vertical-align: middle; |
109 | padding-right: 0.5em; | 109 | padding-right: 0.5em; |
110 | } | 110 | } |
111 | 111 | ||
112 | td#crumb, td#search { | 112 | td#crumb, td#search { |
113 | color: #ccc; | 113 | color: #ccc; |
114 | border-top: solid 3px #555; | 114 | border-top: solid 3px #555; |
115 | background-color: #666; | 115 | background-color: #666; |
116 | border-bottom: solid 1px #333; | 116 | border-bottom: solid 1px #333; |
117 | padding: 2px 1em; | 117 | padding: 2px 1em; |
118 | } | 118 | } |
119 | 119 | ||
120 | td#crumb { | 120 | td#crumb { |
121 | font-weight: bold; | 121 | font-weight: bold; |
122 | } | 122 | } |
123 | 123 | ||
124 | td#crumb a { | 124 | td#crumb a { |
125 | color: #ccc; | 125 | color: #ccc; |
126 | background-color: #666; | 126 | background-color: #666; |
127 | padding: 0em 0.5em 0em 0.5em; | 127 | padding: 0em 0.5em 0em 0.5em; |
128 | } | 128 | } |
129 | 129 | ||
130 | td#crumb a:hover { | 130 | td#crumb a:hover { |
131 | color: #666; | 131 | color: #666; |
132 | background-color: #ccc; | 132 | background-color: #ccc; |
133 | text-decoration: none; | 133 | text-decoration: none; |
134 | } | 134 | } |
135 | 135 | ||
136 | td#search { | 136 | td#search { |
137 | text-align: right; | 137 | text-align: right; |
138 | vertical-align: middle; | 138 | vertical-align: middle; |
139 | padding-right: 0.5em; | 139 | padding-right: 0.5em; |
140 | } | 140 | } |
141 | 141 | ||
142 | td#search form { | 142 | td#search form { |
143 | margin: 0px; | 143 | margin: 0px; |
144 | padding: 0px; | 144 | padding: 0px; |
145 | } | 145 | } |
146 | 146 | ||
147 | td#search input { | 147 | td#search input { |
148 | font-size: 9pt; | 148 | font-size: 9pt; |
149 | padding: 0px; | 149 | padding: 0px; |
150 | width: 10em; | 150 | width: 10em; |
151 | border: solid 1px #333; | 151 | border: solid 1px #333; |
152 | color: #333; | 152 | color: #333; |
153 | background-color: #fff; | 153 | background-color: #fff; |
154 | } | 154 | } |
155 | 155 | ||
156 | div#summary { | 156 | div#summary { |
157 | vertical-align: top; | 157 | vertical-align: top; |
158 | margin-bottom: 1em; | 158 | margin-bottom: 1em; |
159 | } | 159 | } |
160 | 160 | ||
161 | table#downloads { | 161 | table#downloads { |
162 | float: right; | 162 | float: right; |
163 | border-collapse: collapse; | 163 | border-collapse: collapse; |
164 | border: solid 1px #777; | 164 | border: solid 1px #777; |
165 | margin-left: 0.5em; | 165 | margin-left: 0.5em; |
166 | margin-bottom: 0.5em; | 166 | margin-bottom: 0.5em; |
167 | } | 167 | } |
168 | 168 | ||
169 | table#downloads th { | 169 | table#downloads th { |
170 | background-color: #ccc; | 170 | background-color: #ccc; |
171 | } | 171 | } |
172 | 172 | ||
173 | td#content { | 173 | td#content { |
174 | padding: 1em 0.5em; | 174 | padding: 1em 0.5em; |
175 | } | 175 | } |
176 | 176 | ||
177 | div#blob { | 177 | div#blob { |
178 | border: solid 1px black; | 178 | border: solid 1px black; |
179 | } | 179 | } |
180 | 180 | ||
181 | div.error { | 181 | div.error { |
182 | color: red; | 182 | color: red; |
183 | font-weight: bold; | 183 | font-weight: bold; |
184 | margin: 1em 2em; | 184 | margin: 1em 2em; |
185 | } | 185 | } |
186 | 186 | ||
187 | a.ls-blob, a.ls-dir, a.ls-mod { | 187 | a.ls-blob, a.ls-dir, a.ls-mod { |
188 | font-family: monospace; | 188 | font-family: monospace; |
189 | } | 189 | } |
190 | 190 | ||
191 | td.ls-size { | 191 | td.ls-size { |
192 | text-align: right; | 192 | text-align: right; |
193 | } | 193 | } |
194 | 194 | ||
195 | td.ls-size { | 195 | td.ls-size { |
196 | font-family: monospace; | 196 | font-family: monospace; |
197 | } | 197 | } |
198 | 198 | ||
199 | td.ls-mode { | 199 | td.ls-mode { |
200 | font-family: monospace; | 200 | font-family: monospace; |
201 | } | 201 | } |
202 | 202 | ||
203 | table.blob { | 203 | table.blob { |
204 | margin-top: 0.5em; | 204 | margin-top: 0.5em; |
205 | border-top: solid 1px black; | 205 | border-top: solid 1px black; |
206 | } | 206 | } |
207 | 207 | ||
208 | table.blob td.no { | 208 | table.blob td.no { |
209 | border-right: solid 1px black; | 209 | border-right: solid 1px black; |
210 | color: black; | 210 | color: black; |
211 | background-color: #eee; | 211 | background-color: #eee; |
212 | text-align: right; | 212 | text-align: right; |
213 | } | 213 | } |
214 | 214 | ||
215 | table.blob td.no a { | ||
216 | color: black; | ||
217 | } | ||
218 | |||
219 | table.blob td.no a:hover { | ||
220 | color: black; | ||
221 | text-decoration: none; | ||
222 | } | ||
223 | |||
215 | table.blob td.txt { | 224 | table.blob td.txt { |
216 | white-space: pre; | 225 | white-space: pre; |
217 | font-family: monospace; | 226 | font-family: monospace; |
218 | padding-left: 0.5em; | 227 | padding-left: 0.5em; |
219 | } | 228 | } |
220 | 229 | ||
221 | table.nowrap td { | 230 | table.nowrap td { |
222 | white-space: nowrap; | 231 | white-space: nowrap; |
223 | } | 232 | } |
224 | 233 | ||
225 | table.commit-info { | 234 | table.commit-info { |
226 | border-collapse: collapse; | 235 | border-collapse: collapse; |
227 | margin-top: 1.5em; | 236 | margin-top: 1.5em; |
228 | } | 237 | } |
229 | 238 | ||
230 | table.commit-info th { | 239 | table.commit-info th { |
231 | text-align: left; | 240 | text-align: left; |
232 | font-weight: normal; | 241 | font-weight: normal; |
233 | padding: 0.1em 1em 0.1em 0.1em; | 242 | padding: 0.1em 1em 0.1em 0.1em; |
234 | vertical-align: top; | 243 | vertical-align: top; |
235 | } | 244 | } |
236 | 245 | ||
237 | table.commit-info td { | 246 | table.commit-info td { |
238 | font-weight: normal; | 247 | font-weight: normal; |
239 | padding: 0.1em 1em 0.1em 0.1em; | 248 | padding: 0.1em 1em 0.1em 0.1em; |
240 | } | 249 | } |
241 | 250 | ||
242 | div.commit-subject { | 251 | div.commit-subject { |
243 | font-weight: bold; | 252 | font-weight: bold; |
244 | font-size: 125%; | 253 | font-size: 125%; |
245 | margin: 1.5em 0em 0.5em 0em; | 254 | margin: 1.5em 0em 0.5em 0em; |
246 | padding: 0em; | 255 | padding: 0em; |
247 | } | 256 | } |
248 | 257 | ||
249 | div.commit-msg { | 258 | div.commit-msg { |
250 | white-space: pre; | 259 | white-space: pre; |
251 | font-family: monospace; | 260 | font-family: monospace; |
252 | } | 261 | } |
253 | 262 | ||
254 | div.diffstat-header { | 263 | div.diffstat-header { |
255 | font-weight: bold; | 264 | font-weight: bold; |
256 | padding-top: 1.5em; | 265 | padding-top: 1.5em; |
257 | } | 266 | } |
258 | 267 | ||
259 | table.diffstat { | 268 | table.diffstat { |
260 | border-collapse: collapse; | 269 | border-collapse: collapse; |
261 | width: 100%; | 270 | width: 100%; |
262 | border: solid 1px #aaa; | 271 | border: solid 1px #aaa; |
263 | background-color: #eee; | 272 | background-color: #eee; |
264 | } | 273 | } |
265 | 274 | ||
266 | table.diffstat tr:hover { | 275 | table.diffstat tr:hover { |
267 | background-color: #ccc; | 276 | background-color: #ccc; |
268 | } | 277 | } |
269 | 278 | ||
270 | table.diffstat th { | 279 | table.diffstat th { |
271 | font-weight: normal; | 280 | font-weight: normal; |
272 | text-align: left; | 281 | text-align: left; |
273 | text-decoration: underline; | 282 | text-decoration: underline; |
274 | padding: 0.1em 1em 0.1em 0.1em; | 283 | padding: 0.1em 1em 0.1em 0.1em; |
275 | font-size: 100%; | 284 | font-size: 100%; |
276 | } | 285 | } |
277 | 286 | ||
278 | table.diffstat td { | 287 | table.diffstat td { |
279 | padding: 0.2em 0.2em 0.1em 0.1em; | 288 | padding: 0.2em 0.2em 0.1em 0.1em; |
280 | font-size: 100%; | 289 | font-size: 100%; |
281 | border: none; | 290 | border: none; |
282 | } | 291 | } |
283 | 292 | ||
284 | table.diffstat td.mode { | 293 | table.diffstat td.mode { |
285 | white-space: nowrap; | 294 | white-space: nowrap; |
286 | } | 295 | } |
287 | 296 | ||
288 | table.diffstat td span.modechange { | 297 | table.diffstat td span.modechange { |
289 | padding-left: 1em; | 298 | padding-left: 1em; |
290 | color: red; | 299 | color: red; |
291 | } | 300 | } |
292 | 301 | ||
293 | table.diffstat td.add a { | 302 | table.diffstat td.add a { |
294 | color: green; | 303 | color: green; |
295 | } | 304 | } |
296 | 305 | ||
297 | table.diffstat td.del a { | 306 | table.diffstat td.del a { |
298 | color: red; | 307 | color: red; |
299 | } | 308 | } |
300 | 309 | ||
301 | table.diffstat td.upd a { | 310 | table.diffstat td.upd a { |
302 | color: blue; | 311 | color: blue; |
303 | } | 312 | } |
304 | 313 | ||
305 | table.diffstat td.graph { | 314 | table.diffstat td.graph { |
306 | width: 75%; | 315 | width: 75%; |
307 | vertical-align: middle; | 316 | vertical-align: middle; |
308 | } | 317 | } |
309 | 318 | ||
310 | table.diffstat td.graph table { | 319 | table.diffstat td.graph table { |
311 | border: none; | 320 | border: none; |
312 | } | 321 | } |
313 | 322 | ||
314 | table.diffstat td.graph td { | 323 | table.diffstat td.graph td { |
315 | padding: 0px; | 324 | padding: 0px; |
316 | border: 0px; | 325 | border: 0px; |
317 | height: 7pt; | 326 | height: 7pt; |
318 | } | 327 | } |
319 | 328 | ||
320 | table.diffstat td.graph td.add { | 329 | table.diffstat td.graph td.add { |
321 | background-color: #5c5; | 330 | background-color: #5c5; |
322 | } | 331 | } |
323 | 332 | ||
324 | table.diffstat td.graph td.rem { | 333 | table.diffstat td.graph td.rem { |
325 | background-color: #c55; | 334 | background-color: #c55; |
326 | } | 335 | } |
327 | 336 | ||
328 | div.diffstat-summary { | 337 | div.diffstat-summary { |
329 | color: #888; | 338 | color: #888; |
330 | padding-top: 0.5em; | 339 | padding-top: 0.5em; |
331 | } | 340 | } |
332 | 341 | ||
333 | table.diff td { | 342 | table.diff td { |
334 | font-family: monospace; | 343 | font-family: monospace; |
335 | white-space: pre; | 344 | white-space: pre; |
336 | } | 345 | } |
337 | 346 | ||
338 | table.diff td div.head { | 347 | table.diff td div.head { |
339 | font-weight: bold; | 348 | font-weight: bold; |
340 | padding-top: 1em; | 349 | padding-top: 1em; |
341 | } | 350 | } |
342 | 351 | ||