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