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