blob: 904ef639ae840f6882e7a7112d785c7991dc0e09 [file] [log] [blame]
pR0Ps69cebd62014-04-07 18:11:01 -04001@black: #000000;
2@white: #ffffff;
3@light-grey: #eeeeee;
pR0Pseae22672014-04-07 19:17:02 -04004@med-grey: #5f5f5f;
pR0Ps69cebd62014-04-07 18:11:01 -04005@dark-grey: #202020;
pR0Ps0aea77e2015-01-21 21:55:39 -05006
7@code-border: #c7c7c7;
8@code-background: #f6f6f6;
9@code-linebg: #dddddd;
10
pR0Ps69cebd62014-04-07 18:11:01 -040011@blue: #0e94ec;
12@accent: @blue;
pR0Ps61e10042014-04-07 18:10:00 -040013
Vincent Cheng8d10ff22014-04-30 19:12:51 -070014@import (css) "//fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Mono";
pR0Ps2faeb222014-04-07 18:23:39 -040015@sans: 'Ubuntu', sans-serif;
16@mono: 'Ubuntu Mono', monospace;
Giulio Fidente44ccac72013-03-21 18:51:03 +010017
Carey Metcalfe4bc468b2014-09-25 13:50:13 -040018@border_color: #c2c2c2;
pR0Psd351cde2013-12-29 14:32:17 -050019@pag_label_size: 60px;
pR0Ps27341772013-12-20 09:20:32 -050020@logo_size: 150px;
pR0Psa6d15c32013-12-05 20:36:35 -050021
pR0Ps5fd3a0f2014-09-27 00:56:41 -040022@content_size: 640px;
23@horiz_pad: 40px;
24
Carey Metcalfe0c84fdb2014-09-29 09:51:00 -040025//The minimum size the screen can be without scaling the main content
26@min_screen: floor(((@content_size + @horiz_pad * 2) * 1.33));
pR0Ps0a59c1a2014-01-31 01:15:49 -050027
Giulio Fidente44ccac72013-03-21 18:51:03 +010028body {
29 margin: 0;
30 padding: 0;
31 background-color: @white;
32 color: @dark-grey;
Giulio Fidentea6c58672013-03-30 14:55:03 +010033 font-family: @sans;
pR0Pseae22672014-04-07 19:17:02 -040034 font-size: 16px;
pR0Ps69c71b22014-10-01 20:32:38 -040035 min-width: 300px;
Giulio Fidente44ccac72013-03-21 18:51:03 +010036}
37
38a {
39 color: @black;
40 text-decoration: none;
41}
42
pR0Ps41bf7d32013-12-05 16:33:55 -050043a[href]:not(.nohover) {
44 &:hover{
45 color: @accent;
46 }
47}
48
Giulio Fidentefc3b4d02013-03-26 15:23:42 +010049hr {
pR0Ps5a6e4f02013-12-10 21:11:44 -050050 background-color: @border_color;
Giulio Fidentefc3b4d02013-03-26 15:23:42 +010051 height: 1px;
52 border: none;
53}
54
Giulio Fidentefc3b4d02013-03-26 15:23:42 +010055aside {
Giulio Fidente44ccac72013-03-21 18:51:03 +010056 div#user_meta {
pR0Ps5fd3a0f2014-09-27 00:56:41 -040057 padding: @horiz_pad 20px @horiz_pad 20px;
Giulio Fidentee3776082013-03-27 15:21:32 +010058 text-align: center;
Giulio Fidente44ccac72013-03-21 18:51:03 +010059
pR0Ps27341772013-12-20 09:20:32 -050060 img#logo {
61 width: @logo_size;
62 height: @logo_size;
Carey Metcalfe4bc468b2014-09-25 13:50:13 -040063 border-radius: 50%;
pR0Ps27341772013-12-20 09:20:32 -050064 }
65
Giulio Fidenteda4d95b2013-04-29 15:59:35 +020066 h2 {
Giulio Fidente68c65412013-03-30 15:22:42 +010067 margin: 15px 0 5px 0;
Giulio Fidente44ccac72013-03-21 18:51:03 +010068 }
Giulio Fidentea6c58672013-03-30 14:55:03 +010069
70 p {
Giulio Fidente68c65412013-03-30 15:22:42 +010071 margin: 0 0 15px 0;
Giulio Fidentefe93c232013-10-05 14:42:43 +020072 font-size: 14px;
Giulio Fidente44ccac72013-03-21 18:51:03 +010073 }
Giulio Fidentee88666d2013-04-29 12:25:51 +020074
Giulio Fidente44ccac72013-03-21 18:51:03 +010075 ul {
pR0Pse5f49ca2014-03-04 01:47:54 -050076 margin: 20px 0 0 0;
Giulio Fidente44ccac72013-03-21 18:51:03 +010077 padding-left: 0;
Giulio Fidentefe93c232013-10-05 14:42:43 +020078 font-size: 16px;
Giulio Fidente44ccac72013-03-21 18:51:03 +010079 list-style-type: none;
Giulio Fidentee88666d2013-04-29 12:25:51 +020080
Giulio Fidente44ccac72013-03-21 18:51:03 +010081 li {
pR0Psfee52252013-12-11 11:47:26 -050082 display: block;
83 line-height: 2em;
Giulio Fidentee3776082013-03-27 15:21:32 +010084
Giulio Fidente44ccac72013-03-21 18:51:03 +010085 a {
pR0Psfee52252013-12-11 11:47:26 -050086 i {
pR0Ps8dbfbd82013-12-18 17:46:54 -050087 padding-left: 5px;
pR0Psfee52252013-12-11 11:47:26 -050088 color: @black;
pR0Ps8dbfbd82013-12-18 17:46:54 -050089 width: 30px;
pR0Psfee52252013-12-11 11:47:26 -050090 text-align: center;
91 vertical-align: middle;
92 }
Giulio Fidente44ccac72013-03-21 18:51:03 +010093 }
94 }
95 }
Giulio Fidentee88666d2013-04-29 12:25:51 +020096 }
Giulio Fidente44ccac72013-03-21 18:51:03 +010097}
98
Giulio Fidentefc3b4d02013-03-26 15:23:42 +010099main {
pR0Psa6d15c32013-12-05 20:36:35 -0500100 position: relative;
101 width: 100%;
pR0Ps44330eb2013-12-06 02:02:23 -0500102 margin: auto;
pR0Psa6d15c32013-12-05 20:36:35 -0500103
Giulio Fidente44ccac72013-03-21 18:51:03 +0100104 header {
pR0Ps0edc5562014-12-18 01:20:01 -0500105 padding: 0px @horiz_pad 0px @horiz_pad;
pR0Ps5a6e4f02013-12-10 21:11:44 -0500106 border-top: @border_color 1px solid;
107 border-bottom: @border_color 1px solid;
pR0Ps44330eb2013-12-06 02:02:23 -0500108 text-align: center;
pR0Pseae22672014-04-07 19:17:02 -0400109 color: @med-grey;
Giulio Fidente44ccac72013-03-21 18:51:03 +0100110
Giulio Fidentea6c58672013-03-30 14:55:03 +0100111 p {
112 font-weight: bold;
pR0Pseae22672014-04-07 19:17:02 -0400113 font-size: 16px;
Giulio Fidente44ccac72013-03-21 18:51:03 +0100114 text-transform: uppercase;
115 }
pR0Ps09af9c42013-12-06 04:51:29 -0500116
117 p#header {
118 color: @black;
119 }
120
121 p:not(#header){
122 a {
pR0Pseae22672014-04-07 19:17:02 -0400123 color: @med-grey;
pR0Ps09af9c42013-12-06 04:51:29 -0500124 &:hover{
125 color: @accent;
126 }
127 }
128 }
Giulio Fidente44ccac72013-03-21 18:51:03 +0100129 }
130
131 article {
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400132 padding: 10px @horiz_pad 10px @horiz_pad;
133 max-width: @content_size;
134 margin: auto;
Giulio Fidente44ccac72013-03-21 18:51:03 +0100135
Giulio Fidente0bc1f0e2013-11-05 16:23:23 +0100136 div.article_title {
Giulio Fidente44ccac72013-03-21 18:51:03 +0100137 }
138
Giulio Fidente0bc1f0e2013-11-05 16:23:23 +0100139 div.article_text {
Giulio Fidenteda4d95b2013-04-29 15:59:35 +0200140 line-height: 1.375em;
Giulio Fidente5b174192013-03-22 23:40:00 +0100141 a {
142 text-decoration: underline;
143 }
Giulio Fidentea6c58672013-03-30 14:55:03 +0100144
pR0Ps0aea77e2015-01-21 21:55:39 -0500145 @codeformat: {
146 color: black;
Giulio Fidentefe93c232013-10-05 14:42:43 +0200147 font-size: 14px;
Giulio Fidentea6c58672013-03-30 14:55:03 +0100148 font-family: @mono;
pR0Ps0aea77e2015-01-21 21:55:39 -0500149 };
150
151 code {
152 @codeformat();
pR0Ps89c43aa2015-01-22 23:00:03 -0500153 padding: 2px 3px;
Giulio Fidentea6c58672013-03-30 14:55:03 +0100154 background: @light-grey;
155 }
156
157 pre {
pR0Ps0aea77e2015-01-21 21:55:39 -0500158 @codeformat();
Giulio Fidente0161f712013-04-13 02:55:10 +0200159 line-height: 1.125em;
pR0Ps0aea77e2015-01-21 21:55:39 -0500160 margin-bottom: 0px;
161 margin-top: 0px;
162 padding-top: 5px;
163 padding-bottom: 10px;
164 }
165
166 div.highlight pre {
167 padding-left: 10px;
Giulio Fidente28d79642013-04-14 02:48:44 +0200168 overflow-x: auto;
pR0Ps0aea77e2015-01-21 21:55:39 -0500169 border: 1px solid @code-border;
170 border-left: 3px solid @accent;
171 background: @code-background;
172 }
173
174 /* Line numbers are enabled*/
175 table.highlighttable {
176 table-layout: fixed;
177 width: 100%;
178 border: 1px solid @code-border;
179 border-collapse: collapse;
180
181 pre {
182 border: none;
183 }
184
pR0Psd883e122015-01-22 16:20:30 -0500185 td {
186 padding: 0px;
187 }
188
pR0Ps0aea77e2015-01-21 21:55:39 -0500189 td.linenos {
190 width: 30px;
191 overflow: hidden;
192 text-align: right;
193 border-left: 3px solid @accent;
194 border-right: 1px solid @code-border;
195 background: @code-linebg;
196 vertical-align:top;
197
198 div.linenodiv pre {
199 padding-right: 4px;
200 float: right;
201 }
202 }
Giulio Fidentea6c58672013-03-30 14:55:03 +0100203 }
204
pR0Pse889f472015-01-22 00:50:31 -0500205 div.admonition {
206
207 border-width: 1px 1px 1px 7px;
208 border-radius: 10px;
209 border-style: solid;
210 border-color: @code-border;
211 border-left-color: @dark-grey;
212 background-color: @code-background;
213
214 &.update, &.hint, &.important, &.note, &.tip {
215 border-left-color: @accent;
216 }
217
218 &.warning, &.attention, &.caution, &.danger {
219 border-left-color: red;
220 }
221
222 p {
223 margin: 0px;
224 padding: 10px 15px;
225 }
226
227 p.admonition-title{
228 text-transform: uppercase;
229 font-weight: bold;
230 padding: 5px 15px;
231 border-bottom: 1px solid @code-border;
232 }
233 }
234
Giulio Fidentea6c58672013-03-30 14:55:03 +0100235 blockquote {
Giulio Fidente0161f712013-04-13 02:55:10 +0200236 margin: 22px 2px 22px 2px;
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400237 padding-left: @horiz_pad;
Giulio Fidentea6c58672013-03-30 14:55:03 +0100238 color: @med-grey;
Giulio Fidente0161f712013-04-13 02:55:10 +0200239 font-style: italic;
Giulio Fidentea6c58672013-03-30 14:55:03 +0100240 }
pR0Psba37f022013-12-05 16:46:27 -0500241
242 .footnote-reference {
243 vertical-align: super;
244 font-size: 12px;
245 text-decoration: none;
246 line-height: 1;
247 }
248
249 .footnote {
250 font-size: smaller;
251 .fn-backref{
252 margin-right: 5px;
253 text-decoration: none;
254 }
255 }
Giulio Fidente44ccac72013-03-21 18:51:03 +0100256 }
257
Giulio Fidentefe93c232013-10-05 14:42:43 +0200258 div.gist {
259 line-height: .875em;
260 }
261
Giulio Fidente0bc1f0e2013-11-05 16:23:23 +0100262 div.article_meta {
Giulio Fidentefe93c232013-10-05 14:42:43 +0200263 font-size: 12px;
Giulio Fidente44ccac72013-03-21 18:51:03 +0100264 color: @med-grey;
265 }
pR0Ps032e7d82015-02-07 01:43:51 -0500266
267 div#article_comments{
268 padding-top: 10px;
269 padding-bottom: 10px;
270
271 i {
272 padding-right: 10px;
273 }
274 }
Giulio Fidente44ccac72013-03-21 18:51:03 +0100275 }
276
277 footer {
pR0Ps5a6e4f02013-12-10 21:11:44 -0500278 border-top: @border_color 1px solid;
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400279 padding: 30px @horiz_pad 30px @horiz_pad;
Giulio Fidente44ccac72013-03-21 18:51:03 +0100280
Giulio Fidenteebb4c7a2013-10-20 01:45:10 +0200281 div#paginator {
pR0Ps721949b2013-12-11 13:09:22 -0500282 font-weight: bold;
283 font-size: 15px;
284 text-transform: uppercase;
285 overflow: auto;
286 text-align: center;
287
pR0Ps69c71b22014-10-01 20:32:38 -0400288 div{
289 display: inline-block;
290 }
291
pR0Ps981a8392013-12-11 13:11:32 -0500292 span {
293 width: @pag_label_size;
pR0Ps721949b2013-12-11 13:09:22 -0500294 }
295
pR0Ps981a8392013-12-11 13:11:32 -0500296 span#left {
297 float: left;
298 text-align: left;
299 }
300
301 span#right {
pR0Ps721949b2013-12-11 13:09:22 -0500302 float: right;
pR0Ps981a8392013-12-11 13:11:32 -0500303 text-align: right;
pR0Ps721949b2013-12-11 13:09:22 -0500304 }
Giulio Fidente44ccac72013-03-21 18:51:03 +0100305 }
306 }
Giulio Fidentebc2f70a2013-03-27 15:41:07 +0100307
308 div#ending_message {
pR0Ps5a6e4f02013-12-10 21:11:44 -0500309 border-top: @border_color 1px solid;
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400310 padding: 0 @horiz_pad 0 @horiz_pad;
Giulio Fidente069c6d62013-08-16 16:05:02 +0200311 color: @med-grey;
Giulio Fidentefe93c232013-10-05 14:42:43 +0200312 font-size: 10px;
Giulio Fidentebc2f70a2013-03-27 15:41:07 +0100313 }
Giulio Fidente44ccac72013-03-21 18:51:03 +0100314}
Giulio Fidentee3776082013-03-27 15:21:32 +0100315
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400316@media screen and (min-width: @min_screen) {
Giulio Fidentee3776082013-03-27 15:21:32 +0100317 aside {
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400318 width: 25%;
Giulio Fidentee3776082013-03-27 15:21:32 +0100319 height: 100%;
pR0Ps5a6e4f02013-12-10 21:11:44 -0500320 position: absolute;
Giulio Fidentee3776082013-03-27 15:21:32 +0100321 top: 0;
322 left: 0;
Giulio Fidentee3776082013-03-27 15:21:32 +0100323
Giulio Fidenteda4d95b2013-04-29 15:59:35 +0200324 h2 {
Giulio Fidente68c65412013-03-30 15:22:42 +0100325 margin: 10px 0 0 0;
326 }
327
Giulio Fidentee3776082013-03-27 15:21:32 +0100328 div#user_meta {
Giulio Fidentee3776082013-03-27 15:21:32 +0100329 max-width: 192px;
Giulio Fidentea9b63512013-06-21 03:50:46 +0200330 text-align: right;
pR0Psa6d15c32013-12-05 20:36:35 -0500331 margin: 0 20px 0 auto;
Giulio Fidentee3776082013-03-27 15:21:32 +0100332 }
333 }
334
335 main {
Giulio Fidentee3776082013-03-27 15:21:32 +0100336 position: absolute;
337 top: 0;
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400338 left: 25%;
339 width: 75%;
340 margin-left: -1px;
pR0Ps5a6e4f02013-12-10 21:11:44 -0500341 border-left: @border_color 1px solid;
Giulio Fidentee3776082013-03-27 15:21:32 +0100342 overflow-x: hidden;
343 overflow-y: hidden;
344
345 header {
pR0Ps0edc5562014-12-18 01:20:01 -0500346 padding: 10px @horiz_pad 10px @horiz_pad;
Giulio Fidentee3776082013-03-27 15:21:32 +0100347 border-top: 0;
pR0Ps44330eb2013-12-06 02:02:23 -0500348 text-align: left;
Giulio Fidentee3776082013-03-27 15:21:32 +0100349 }
pR0Ps5fd3a0f2014-09-27 00:56:41 -0400350
351 article {
352 width: @content_size;
353 margin: 0;
354 }
355
356 footer{
357 div#paginator {
358 width: @content_size;
359 }
360 }
Giulio Fidentee3776082013-03-27 15:21:32 +0100361 }
pR0Psba37f022013-12-05 16:46:27 -0500362}