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