Ref selector looks the same in Chrome and other browsers
[gitorious:ui3.git] / css / gitorious.css
1 @import "syntax-highlight.css";
2
3 /** Bootstrap tweaks */
4
5 /* The default responsive Bootstrap layout is too wide */
6 .container,
7 .navbar-fixed-top .container,
8 .navbar-fixed-bottom .container {
9     max-width: 940px;
10 }
11
12 body h1 {
13     margin-bottom: 0.25em;
14 }
15
16 .collapse {
17     max-height: 0;
18     -webkit-transition: max-height 1.35s ease;
19     -moz-transition: max-height 1.35s ease;
20     -ms-transition: max-height 1.35s ease;
21     -o-transition: max-height 1.35s ease;
22     transition: max-height 1.35s ease;
23 }
24
25 .collapse.in {
26     max-height: 2000px;
27 }
28
29 /** Header */
30 body .gts-masthead {
31     margin-bottom: 0;
32 }
33
34 .gts-masthead .navbar-inner {
35     border-radius: 0;
36     background-image: -moz-linear-gradient(center top, #201e1e, #222222);
37     background-color: #201e1e;
38 }
39
40 /** Get the logo and top bar alignment right. */
41 .gts-masthead .container {
42     padding-bottom: 8px;
43     padding-top: 20px;
44 }
45
46 .gts-logo {
47     float: left;
48     margin: -4px 20px 6px 0;
49 }
50
51 .gts-masthead .navbar-inner .btn-group {
52     padding-right: 0;
53 }
54
55 /** Repo "boxes" */
56 .gts-repo-header {
57     background: #f5f5f5;
58     border-bottom: 1px solid #ddd;
59     margin-bottom: 20px;
60     padding: 20px 0 0;
61 }
62
63 .gts-clone-source {
64     margin-left: 30px;
65 }
66
67 tt {
68     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
69 }
70
71 .gts-private .gts-repo-header {
72     background: url(../images/f5f5f5-980x1.png) repeat-y 50% 0 #222;
73     border-bottom: none;
74 }
75
76 .gts-new-repo {
77     padding-bottom: 40px;
78 }
79
80 .gts-repo-header + .footer {
81     margin-top: -21px;
82 }
83
84 .gts-notification {
85     background: #fff;
86     border-bottom: 1px solid #ddd;
87     padding: 20px 0 0;
88 }
89
90 .gts-repo-header .nav-tabs {
91     margin-bottom: -1px;
92 }
93
94 .nav-tabs .dropdown-menu {
95     margin-top: -1px;
96 }
97
98 .dropdown-label {
99     border-radius: 5px 5px 0 0;
100     -moz-border-radius: 5px 5px 0 0;
101     margin-top: -5px;
102     overflow: hidden;
103 }
104
105 .dropdown-label strong {
106     background: #f5f5f5;
107     border-bottom: 1px solid #ccc;
108     border-top: 1px solid #ccc;
109     display: block;
110     padding: 3px 15px;
111 }
112
113 li + .dropdown-label {
114     border-radius: 0;
115     margin-top: 12px;
116 }
117
118 .dropdown-toggle em {
119     font-style: normal;
120     color: #48484c;
121 }
122
123 .open .dropdown-toggle em {
124     color: #000;
125 }
126
127 .gts-repo-header .row,
128 .gts-description {
129     margin-bottom: 10px;
130 }
131
132 .gts-repo-header .gts-help {
133     clear: both;
134     margin-bottom: 0;
135 }
136
137 .gts-repo-header .gts-branch-selector +
138 .gts-branch-selector {
139     padding-left: 0;
140 }
141
142 .gts-branch-selector .disabled {
143     color: #999;
144 }
145
146 .gts-branch-selector {
147     margin: 0 12px 12px 0;
148     position: relative;
149     z-index: 1;
150 }
151
152 .gts-browser .gts-branch-selector {
153     margin-top: 8px;
154 }
155
156 .gts-file {
157     margin-bottom: 12px;
158 }
159
160 .gts-file h1 {
161     margin: 12px 0;
162 }
163
164 .gts-download {
165     padding-right: 12px;
166 }
167
168 .gts-file .breadcrumb {
169     margin: 0 0 -2px;
170     position: relative;
171 }
172
173 .gts-inline {
174     display: inline-block;
175     line-height: 1;
176     padding-right: 12px;
177     vertical-align: middle;
178 }
179
180 .gts-markup {
181     font-size: 1.1em;
182     line-height: 1.5;
183 }
184
185 .gts-markup h1 {
186     margin-top: 1em;
187 }
188
189 .gts-markup h1,
190 .gts-markup h2,
191 .gts-markup h3,
192 .gts-markup h4,
193 .gts-markup h5,
194 .gts-markup h6 {
195     margin-bottom: 0.25em;
196 }
197
198 .gts-markup p,
199 .gts-markup ul,
200 .gts-markup ol,
201 .gts-markup pre {
202     margin-bottom: 1em;
203 }
204
205 .prettyprint ol.linenums {
206     margin-bottom: 0;
207 }
208
209 .table td ul {
210     margin-left: 15px;
211 }
212
213 .gts-blob-view {
214     margin-right: 12px;
215     margin-top: 8px;
216     min-height: 21px;
217     position: relative;
218     z-index: 1;
219 }
220
221 ul.gts-blob-view li {
222     display: inline-block;
223     padding: 0 6px;
224 }
225
226 .gts-tree-explorer {
227     display: inline-table;
228     position: relative;
229     top: -8px;
230 }
231
232 .gts-branch-selector + .gts-tree-explorer {
233     display: inline-table;
234     position: relative;
235     top: -38px;
236 }
237
238 /* Allocate as much space as possible to the commit column */
239 .gts-tree-explorer .gts-col-commit {
240     width: 80%;
241 }
242
243 .gts-tree-explorer .icon {
244     padding-right: 6px;
245 }
246
247 .gts-tree-explorer .gts-name {
248     white-space: nowrap;
249 }
250
251 .gts-tree-explorer .gts-commit-oid {
252     padding-right: 0;
253 }
254
255 /** Private repositories */
256 .gts-private {
257     background: url(../images/white-980x1.png) repeat-y 50% 0 #222;
258 }
259
260 .gts-private .gts-repo-header .container {
261     background-image: url(../iconic/lock_stroke.svg);
262     background-repeat: no-repeat;
263     background-position: 100% 0;
264 }
265
266 /** Repo URLs */
267 .gts-repo-url {
268     position: relative;
269     z-index: 1;
270 }
271
272 .gts-repo-url .url {
273     display: none;
274 }
275
276 input[type=url].gts-current-repo-url {
277     float: left;
278     left: -2px;
279     padding-left: 6px;
280     position: relative;
281     z-index: 0;
282 }
283
284 .gts-repo-urls button.gts-repo-url-help {
285     float: right;
286     margin-left: -4px;
287 }
288
289 .gts-body {
290     margin-bottom: 35px;
291 }
292
293 /** Date headings */
294 .gts-date-heading {
295     background-color: #f7f7f9;
296     border-bottom: 1px solid #e1e1e8;
297     clear: both;
298     font-weight: bold;
299 }
300
301 .gts-date-heading-inner {
302     background-color: #f7f7f9;
303     border-bottom: 1px solid #fff;
304     color: #333;
305     display: block;
306     padding: 4px 8px;
307     text-shadow: 0 1px 0 #fff;
308 }
309
310 .gts-avatar {
311     margin: 0 6px;
312     -webkit-border-radius: 3px;
313     -moz-border-radius: 3px;
314     border-radius: 3px;
315 }
316
317 .gts-comment-summary {
318     color: #48484c;
319     padding-left: 10px;
320 }
321
322 .gts-log-message {
323     font-size: 1.2em;
324 }
325
326 .gts-commit {
327     padding: 6px 6px 8px;
328 }
329
330 .gts-commit + .gts-commit {
331     border-top: 1px solid #e1e1e8;
332     padding-top: 12px;
333 }
334
335 .gts-commit .gts-avatar {
336     margin-left: 0;
337 }
338
339 .gts-commit-linker .gts-commit-oid {
340     color: #08c;
341     cursor: pointer;
342 }
343
344 .gts-commit-linker .gts-commit-oid:hover {
345     color: #005580;
346     text-decoration: underline;
347 }
348
349 /** Footer */
350 .footer {
351     border-top: 1px solid #e5e5e5;
352     margin-top: 45px;
353 }
354
355 .footer .container {
356     padding: 20px 0;
357 }
358
359 .gts-private .footer {
360     border-color: #222;
361 }
362
363 .gts-footer-blurb {
364     border-top: 1px solid #f5f5f5;
365     margin-top: 12px;
366     padding-top: 12px;
367 }
368
369 /* Branch graph */
370 .capillary p {
371     white-space: normal;
372 }
373
374 .capillary li {
375     overflow: hidden;
376     text-overflow: ellipsis;
377     white-space: nowrap;
378 }
379
380 .capillary .ref-name {
381     background: #ddd;
382     color: #4e4e4e;
383     border-radius: 4px;
384     display: inline-block;
385     margin: 0 5px 0 0;
386     padding: 0 5px;
387 }
388
389 .capillary .ref-type-tag {
390     background: #eeb;
391 }
392
393 .capillary a.ref-name:hover {
394     text-decoration: underline;
395 }
396
397 .capillary li .msg {
398     color: #48484c;
399 }
400
401 .capillary li a:hover {
402     text-decoration: underline;
403 }
404
405 .capillary {
406     margin-left: -10px;
407 }
408
409 /* Code listing tables */
410 .gts-code-listing {
411     border: 1px solid #e1e1e8;
412     position: relative;
413     top: -5px;
414     width: 100%;
415 }
416
417 .gts-code-listing tr:first-child td {
418     padding-top: 6px;
419 }
420
421 .gts-code-listing tr:last-child td {
422     padding-bottom: 6px;
423 }
424
425 .gts-code-listing td {
426     padding: 0;
427     vertical-align: top;
428 }
429
430 .gts-code-listing .gts-code {
431     background: #fefefe;
432 }
433
434 .gts-code-listing code {
435     background: transparent;
436     border: none;
437     color: #48484c;
438     display: block;
439     line-height: 18px;
440     min-height: 18px;
441     padding: 0 0 0 12px;
442     white-space: pre-wrap;
443 }
444
445 .gts-code-listing .linenum {
446     background-color: #f7f7f9;
447     border: 1px solid #e1e1e8;
448     color: #bebec5;
449     padding: 0 12px;
450     text-align: right;
451     text-shadow: 0 1px 0 #fff;
452     /* Basically: "No more than needed"
453        Table cells auto-expand to fit content */
454     width: 10px;
455 }
456
457 .gts-code-listing .gts-commit-oid {
458     font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
459 }
460
461 .gts-code-listing .gts-annotated {
462     border-top: 1px solid #e1e1e8;
463 }
464
465 .gts-code-listing .gts-blame-annotation {
466     white-space: nowrap;
467     background: #f0f0f0;
468     padding-left: 12px;
469     padding-right: 12px;
470 }
471
472 .gts-code-listing .line {
473     white-space: nowrap;
474 }
475
476 /* Diff */
477 .gts-code-listing .gts-diff-rm .gts-code {
478     background: #fdd;
479 }
480
481 .gts-code-listing del {
482     background: #f2acad;
483     text-decoration: none;
484 }
485
486 .gts-diff-summary .gts-diff-rm {
487     color: #9d261d;
488 }
489
490 .gts-code-listing .gts-diff-add .gts-code {
491     background: #dfd;
492 }
493
494 .gts-code-listing ins {
495     background: #bafbad;
496     text-decoration: none;
497 }
498
499 .gts-diff-summary .gts-diff-add {
500     color: #46a546;
501 }
502
503 .gts-diff-summary .gts-diff-rm,
504 .gts-diff-summary .gts-diff-add {
505     font-weight: bold;
506 }
507
508 .gts-diffs h1 {
509     margin-bottom: 18px;
510 }
511
512 /* Commit */
513 .gts-commit blockquote p {
514     margin-bottom: 12px;
515 }
516
517 .gts-commit-sha1 {
518     float: left;
519     font-size: 13px;
520     line-height: 18px;
521 }
522
523 .gts-commit-parent {
524     float: right;
525 }
526
527 .gts-commit h1 {
528     clear: both;
529 }
530
531 .gts-side-by-side .gts-code {
532     width: 50%;
533 }
534
535 .gts-commit-summary {
536     margin-bottom: 12px;
537 }
538
539 .gts-comment {
540     padding-top: 8px;
541     margin-bottom: 12px;
542 }
543
544 .gts-comment + .gts-comment {
545     border-top: 1px solid #e5e5e5;
546 }
547
548 .gts-bordered-row {
549     background: #f5f5f5;
550     border-bottom: 1px solid #e5e5e5;
551     border-top: 1px solid #e5e5e5;
552     padding: 8px;
553 }
554
555 .form-horizontal div.gts-markdown-preview {
556     margin: -12px 160px 24px;
557 }
558
559 .gts-help .table {
560     width: auto;
561 }
562
563 .gts-item-author,
564 .gts-item-status,
565 .gts-item-age {
566     white-space: nowrap;
567 }
568
569 .form-horizontal legend + p {
570     margin: -20px 0 27px;
571 }
572
573 .gts-ref-input,
574 input[type=text].gts-ref-input {
575     border: none;
576     border-radius: 0;
577     -moz-border-radius: 0;
578     box-shadow: 0;
579     display: inline;
580     height: 18px;
581     margin: 0;
582     padding: 1px 4px 3px;
583     position: relative;
584     top: 0;
585     width: 10em;
586 }
587
588 .gts-branch-selector .dropdown-menu {
589     min-width: 246px;
590 }
591
592 .gts-dropdown-input {
593     border-radius: 5px 5px 0 0;
594     -moz-border-radius: 5px 5px 0 0;
595     margin-top: -5px;
596     overflow: hidden;
597 }
598
599 .gts-dropdown-input strong {
600     background: #f5f5f5;
601     border-bottom: 1px solid #ccc;
602     border-top: 1px solid #ccc;
603     display: block;
604     padding: 0 15px;
605 }
606
607 .gts-dropdown-input + .dropdown-label {
608     margin-top: -1px;
609 }
610
611 .gts-commit-date {
612     white-space: nowrap;
613 }
614
615 .table td.gts-commit-oid {
616     /* Make it fit snugly, crazy table rendering algorithms will
617        make it as big as needed. The intention here is "as small as
618        possible" */
619     width: 1em;
620 }
621
622 .gts-markup code {
623     border: none;
624     color: inherit;
625     font-size: 0.9em;
626     padding: 2px;
627 }
628
629 .gts-markup pre code {
630     font-size: inherit;
631 }
632
633 .gts-readme {
634     background-color: #fff;
635     border: 1px solid #E3E3E3;
636     border-radius: 4px 4px 4px 4px;
637     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
638     margin-bottom: 20px;
639     min-height: 20px;
640     padding: 19px;
641 }
642
643 .gts-readme .gts-page-header {
644     background-color: #f5f5f5;
645     border-radius: 4px 0px 0px 4px;
646     margin: -19px -19px 10px -19px;
647     padding: 10px 20px 10px 20px;
648 }
649
650 .gts-watch-repository-ph {
651     display: none;
652 }