New dark 'gpcf.eu' color scheme, fixed bug with verification.
[gitweb.git] / static / gpcf.scss
1 @import url('font/octicons.css');
2 $ver_color: #070;
3 $theme_text_color: #550077;
4 $theme_sec_color: #ddddff;
5 $body_bg: #ffffff;
6 $shadow_radius : 5px;
7 $shadow : 1px 1px $shadow_radius #999;
8
9
10 .title_text {
11 clear: both;
12 }
13 div.header {
14 background: $theme_sec_color;
15 padding: 6px;
16 margin-bottom: 4px;
17 clear: both;
18 }
19
20 .page_header {
21 margin-top: -3em;
22 display: block;
23 background: $theme_sec_color;
24 margin-left: -15em;
25 margin-right: -2em;
26 margin-bottom: 0.7em;
27 padding: 0.5em;
28 padding-bottom: 0.9em;
29 }
30 .page_header img {
31 float: right;
32 }
33 .search {
34 float: right;
35 color: #fff;
36 margin-bottom: 0.5em;
37 }
38
39 body {
40 font-family: "Liberation Sans", sans-serif;
41 text-align: left;
42 margin: 3em 2em 2em 15em;
43 background-color: #102;
44 color: #657b83;
45 }
46 div.page_nav, div.page_nav a {
47
48 list-style: none;
49 display: block;
50 background: #124;
51 padding: 1em;
52 }
53 div.page_nav {
54 width: 12em;
55 margin-left: -15em;
56 position: absolute;
57 }
58
59 div.page_nav a, div.page_nav .current{
60 display: block;
61 padding: 0.3em 1em 0.3em 1em;
62 margin: 0 -1em 0 -1em;
63 color: #a57900;
64 text-decoration: none;
65 }
66 div.page_nav a:hover, ul.langs a:hover{
67 background: #ffeeff;
68 }
69
70 div.page_nav .current, ul.langs .current {
71 display: block;
72 color: #978;
73 border-right: .4em solid #645;
74 }
75 .verif .octicon-verified {
76 color: $ver_color;
77 font-weight: normal;
78 }
79
80 .verif {
81 font-weight: normal;
82 padding: 6px;
83 }
84
85
86 $nose_size : 12px;
87 $border : 1px solid #bbb;
88
89 .verif:hover .commiter {
90 background-color: $ver_color;
91 border-radius: 5px;
92 border: $border;
93 box-shadow: $shadow;
94 display: inline-block;
95 padding: 10px 18px;
96 margin-left: ($shadow_radius + $nose_size - 8px);
97 margin-right: ($shadow_radius + $nose_size);
98 position: absolute;
99 vertical-align: top;
100 margin-top: -1.3em;
101 }
102
103 .verif:hover .tail {
104 position: absolute;
105 top: $nose_size;
106 left: -($shadow_radius + $nose_size);
107 height: ($shadow_radius + $nose_size);
108 width: ($shadow_radius + $nose_size);
109 overflow: hidden;
110 }
111 .verif:hover .tail::before {
112 border: $border;
113 background-color: $ver_color;
114 box-shadow: $shadow;
115 content: "\00a0";
116
117 display: block;
118 position: absolute;
119 top: 0px;
120 left: $nose_size;
121 height: $nose_size;
122 width: $nose_size;
123 transform: skew( -45deg );
124 }
125
126
127 .verif .commiter {
128 display: none;
129 color: #fff;
130 }
131 /* .verif:hover .octicon-verified { */
132 /* color: #fff; */
133 /* } */
134
135 .verif:hover .commiter {
136 display: inline-block;
137 z-index: 1000;
138 }
139
140 span.refs > span {
141 padding: 3px 4px;
142 font-size: 90%;
143 font-weight: normal;
144 display: inline-block;
145 border-radius: 3px;
146 margin-bottom: 3px;
147 box-shadow: $shadow;
148 color: #000;
149 }
150 span.refs > span + span {
151 margin-top: 2px;
152 }
153
154 span.refs {
155 float: right;
156 margin-right: 4px;
157 margin-left: 0.7em;
158 text-align: right;
159 padding: 2px;
160 max-width: 30%;
161 margin-top: -5px;
162 vertical-align:top !important;
163 }
164
165 span.refs + * {
166 clear: both;
167 }
168
169
170 span.refs span a {
171 text-decoration: none;
172 color: inherit;
173 }
174
175 span.refs span a:hover {
176 text-decoration: underline;
177 }
178
179 span.refs span.indirect {
180 font-style: italic;
181 }
182
183 span.refs span.ref {
184 background-color: #aaaaff;
185 border-color: #ccccff #0033cc #0033cc #ccccff;
186 }
187
188 span.refs span.tag {
189 background-color: #ffffaa;
190 border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
191 }
192
193 span.refs span.head {
194 background-color: #aaffaa;
195 }
196 span.refs span.remote {
197 background-color: #aaaaff;
198 }
199
200
201 div.branches_nav a:visited {
202 color: $theme_text_color;
203 }
204 div.page_header a:hover {
205 color: #880000;
206 }
207
208 div.branches_nav {
209 padding: 8px;
210 }
211 div.branches_nav {
212 border-bottom: 1px solid $theme_sec_color;;
213 padding-bottom: 0px;
214 }
215
216 div.branches_nav a, div.branches_nav .current {
217 display: inline-block;
218 padding: 6px;
219 margin: 1px;
220 margin-bottom: -1px;
221 border-radius: 4px 4px 0 0;
222 }
223
224 div.branches_nav a {
225 background: #eee;
226 border: 1px solid $theme_sec_color;
227 outline: 0;
228 }
229 div.branches_nav a:hover {
230 text-decoration: none;
231 background: lighten($theme_text_color, 60%);
232 }
233
234
235
236
237 div.branches_nav .current {
238 background: $theme_sec_color;
239 border-left: 1px solid $theme_sec_color;
240 border-right: 1px solid $theme_sec_color;
241 border-top: 1px solid $theme_sec_color;;
242 border-bottom: 1px solid $theme_sec_color;
243 }
244
245 a {
246 text-decoration: none;
247 color: #2aa198;
248 }
249 a:visited {
250 color: #2aa198;
251 }
252 a:hover {
253 color: #859900;
254 text-decoration: underline;
255 }
256
257 pre, code {color: #777;}
258 .num { color:#295899; }
259 .esc { color:#ff00ff; }
260 .str { color:#cc0033; font-style:italic;}
261 .dstr { color:#818100; }
262 .slc { color:#838143; font-style:italic; }
263 .com, .co { color:#838143; font-style:italic; }
264 .dir { color:#008200; }
265 .sym { color:#000000; }
266 .line { color:#555555; }
267 .kwa, .kw { color:#005500; font-weight:bold; }
268 .kwb { color:#830044; }
269 .kwc { color:#995500; font-weight:bold; }
270 .kwd, .ot { color:#999900; }
271 .ppc { color:#7755ff; }
272 .pps { color:#8833ff; font-style:italic;}
273 .opt { color:#7777ff; }
274
275 .pre, .diff {
276 font-family: monospace;
277 white-space: pre-wrap;
278 width: 100%;
279 }
280
281 div.diff.to_file a.path,
282 div.diff.to_file {
283 color: #007000;
284 }
285
286 div.diff.add {
287 color: #008800;
288 }
289
290 div.diff.add span.marked {
291 background-color: #aaffaa;
292 }
293
294 div.diff.from_file a.path,
295 div.diff.from_file {
296 color: #aa0000;
297 }
298
299 div.diff.rem {
300 color: #cc0000;
301 }
302
303 div.diff.rem span.marked {
304 background-color: #ffaaaa;
305 }
306
307 div.diff.chunk_header a,
308 div.diff.chunk_header {
309 color: #990099;
310 }
311
312 div.diff.chunk_header {
313 border: dotted #ffe0ff;
314 border-width: 1px 0px 0px 0px;
315 margin-top: 2px;
316 }
317 div.chunk_block {
318 overflow: hidden;
319 }
320
321 div.chunk_block div.old{
322 float: left;
323 width: 49%;
324 overflow: hidden;
325 }
326
327 div.chunk_block div.new {
328 margin-left: 50%;
329 width: 50%;
330 }
331
332
333
334 td {
335 vertical-align: top;
336 padding-bottom: 5px;
337 }
338
339 footer, .page_footer {
340 margin-top: 3em;
341 text-align: right;
342 padding-top: 0.8em;
343 font-size: 10px;
344 position: relative;
345 }
346
347 table {
348 margin-top: 0.4em;
349 }
350
351 a.rss_logo {
352 float: right;
353 padding: 3px 5px;
354 line-height: 10px;
355 border: 1px solid;
356 border-color: #fcc7a5 #7d3302 #3e1a01 #ff954e;
357 color: #ffffff;
358 background-color: #ff6600;
359 font-weight: bold;
360 font-family: sans-serif;
361 font-size: 70%;
362 text-align: center;
363 text-decoration: none;
364 }
365
366 a.rss_logo:hover {
367 background-color: #ee5500;
368 }
369
370 a.rss_logo.generic {
371 background-color: #ff8800;
372 }
373
374 a.rss_logo.generic:hover {
375 background-color: #ee7700;
376 }