Fleshed out the /blame action a bit more.
[catagits/Gitalist.git] / root / static / css / site.css
1 body {
2   margin: 1em;
3 }
4
5 thead, tfoot {
6   /* FTR all table columns should be sortable hence the colour to indicate clickableness. */
7   color: navy;
8   font-size: small;
9   font-weight: bold !important;
10 }
11 thead th {
12   border-bottom: solid 1px #777;
13 }
14 tfoot td {
15   border-top: solid 1px #777;
16 }
17
18 .listing tbody tr:nth-child(even) {
19   background-color: #f7f7f7;
20 }
21 .listing tbody tr:hover {
22   background-color: #fefeaa;
23 }
24
25 span.chroma-hash {
26   font-family: monospace;
27   font-size:   1em;
28   font-style: normal;
29 }
30 div.chroma-hash {
31   float: right;
32 }
33
34 .time-since {
35   font-style: italic;
36 }
37 .author, .head {
38   font-weight: bold;
39   font-family: "Trebuchet MS", "Lucida Grande", serif;
40 }
41
42 .file-name, .file-mode {
43   font-family: monospace;
44 }
45 .action-list {
46   font-size: smaller;
47 }
48
49 .path {
50   border-bottom: solid 1px #ddd;
51   padding: 3px 0;
52   font-weight: bold;
53 }
54
55
56 /* header */
57 #page-header {
58   height: 25px;
59   padding: 8px;
60   font-size: 1.5em;
61   font-weight: bold;
62   background-color: #d9d8d1;
63 }
64
65 img.logo {
66   float: right;
67   border-width: 0px;
68   margin-top: 4px;
69 }
70
71 /* footer */
72 #page-footer {
73   height: 20px;
74   padding: 8px;
75   margin-top: 10px;
76   font-style: italic;
77   background-color: #d9d8d1;
78   border-top: solid 1px #777;
79 }
80
81 /* actions include */
82 .actions {
83   padding-bottom: 4px 0;
84   font-style: italic;
85   border-top: solid 1px #777;
86   border-bottom: solid 1px #777;
87   margin-bottom: 10px;
88   padding: 5px 0;
89 }
90
91 /* pager include */
92 .pager {
93   text-align: center;
94 }
95
96 /* search include */
97 #page-search {
98   text-align: right;
99   float: right;
100   font-size: 0.7em;
101   padding-right: 20px;
102 }
103
104 /* shortlog include */
105 table.shortlog tbody tr {
106   padding: 1px 0px;
107 }
108 table.shortlog tbody td {
109   padding: 0 1px;
110 }
111
112 /* /commit page */
113 .commit-message {
114   font-family: monospace;
115   font-size: 1.2em;
116 }
117 div.commit-message {
118   margin-bottom: 10px;
119 }
120 pre.commit-message {
121   border-top:  solid 2px red;
122   border-bottom:  solid 2px green;
123   padding: 5px;
124 }
125 .commit-info dt {
126   font-weight: bold;
127 }
128 .commit-info dd {
129   font-family: monospace;
130 }
131
132 /* /heads */
133 .heads .head {
134   font-weight: bold;
135 }
136 .heads .current {
137   text-decoration: underline;
138 }
139 table.heads {
140   width: 75%;
141 }
142
143 /* /blame */
144 pre.blame-line {
145   margin: 0;
146 }
147
148 /* /blob */
149 pre.blob {
150   background-color: #333;
151   color: #ddd;
152   border-left: solid 3px #c33;
153   padding: 5px;
154   padding-left: 15px;
155   margin: 10px 15px;
156 }
157
158 /* /blobdiff etc */
159
160 .diff-head, .diff-index {
161   font-family: monospace;
162 }
163 .diff-head {
164   border-top: solid 1px red;
165 }
166 .diff-index {
167   border-bottom: solid 1px green;
168 }
169
170 /* /commitdiff */
171 .diff-patch {
172   font-size: 0.8em;
173 }
174
175 /* /log */
176 #log .entry {
177   border: solid 1px grey;
178   margin: 5px 0;
179   padding: 5px;
180 }
181 #log .meta {
182   border-top: dotted 1px #ddd;
183   color: #311;
184 }
185 #log table.summary {
186   width: 33%;
187   font-size: 0.9em;
188 }
189 #log .message {
190   font-family: monospace;
191   font-size: 1.15em;
192   /* XXX Need to enforce find the CSS switch to force the chroma-hash below the message box */
193 }
194 #log .age {
195   float: right;
196   font-size: 0.85em;
197   font-style: italic;
198 }
199
200 /* /summary */
201 #stats {
202   float: right;
203 }
204
205 /* /tree */
206 table.tree {
207   width: 65%;
208 }
209
210 /* Formerly of gitweb.css */
211
212 span.refs span {
213   padding: 0px 4px;
214   font-size: 80%;
215   /* XXX needs more families */
216   font-family: Verdana;
217   letter-spacing: -1px;
218   border: 1px solid;
219   background-color: #ffaaff;
220   border-color: #ffccff #ff00ee #ff00ee #ffccff;
221 }
222
223 span.refs span.ref {
224   background-color: #aaaaff;
225   border-color: #ccccff #0033cc #0033cc #ccccff;
226 }
227
228 span.refs span.tag {
229   background-color: #ffffaa;
230   border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
231 }
232
233 span.refs span.head {
234   background-color: #aaffaa;
235   border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
236 }
237 span.refs a {
238   text-decoration: none;
239 }
240
241 a.rss_logo {
242   float: right;
243   padding: 3px 0px;
244   width: 35px;
245   line-height: 10px;
246   border: 1px solid;
247   border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
248   color: #ffffff;
249   background-color: #ff6600;
250   font-weight: bold;
251   font-family: sans-serif;
252   font-size: 70%;
253   font-style: normal;
254   text-align: center;
255   text-decoration: none;
256 }
257
258 a.rss_logo:hover {
259   background-color: #ee5500;
260 }