pR0Ps | 69cebd6 | 2014-04-07 18:11:01 -0400 | [diff] [blame] | 1 | @red: #ff0000; |
2 | @black: #000000; | ||||
3 | @white: #ffffff; | ||||
4 | @light-grey: #eeeeee; | ||||
pR0Ps | eae2267 | 2014-04-07 19:17:02 -0400 | [diff] [blame] | 5 | @med-grey: #5f5f5f; |
pR0Ps | 69cebd6 | 2014-04-07 18:11:01 -0400 | [diff] [blame] | 6 | @dark-grey: #202020; |
7 | @blue: #0e94ec; | ||||
8 | @accent: @blue; | ||||
pR0Ps | 61e1004 | 2014-04-07 18:10:00 -0400 | [diff] [blame] | 9 | |
Vincent Cheng | 8d10ff2 | 2014-04-30 19:12:51 -0700 | [diff] [blame] | 10 | @import (css) "//fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Mono"; |
pR0Ps | 2faeb22 | 2014-04-07 18:23:39 -0400 | [diff] [blame] | 11 | @sans: 'Ubuntu', sans-serif; |
12 | @mono: 'Ubuntu Mono', monospace; | ||||
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 13 | |
Carey Metcalfe | 4bc468b | 2014-09-25 13:50:13 -0400 | [diff] [blame] | 14 | @border_color: #c2c2c2; |
pR0Ps | d351cde | 2013-12-29 14:32:17 -0500 | [diff] [blame] | 15 | @pag_label_size: 60px; |
pR0Ps | 2734177 | 2013-12-20 09:20:32 -0500 | [diff] [blame] | 16 | @logo_size: 150px; |
pR0Ps | a6d15c3 | 2013-12-05 20:36:35 -0500 | [diff] [blame] | 17 | |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 18 | @content_size: 640px; |
19 | @horiz_pad: 40px; | ||||
20 | |||||
Carey Metcalfe | 0c84fdb | 2014-09-29 09:51:00 -0400 | [diff] [blame] | 21 | //The minimum size the screen can be without scaling the main content |
22 | @min_screen: floor(((@content_size + @horiz_pad * 2) * 1.33)); | ||||
pR0Ps | 0a59c1a | 2014-01-31 01:15:49 -0500 | [diff] [blame] | 23 | |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 24 | body { |
25 | margin: 0; | ||||
26 | padding: 0; | ||||
27 | background-color: @white; | ||||
28 | color: @dark-grey; | ||||
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 29 | font-family: @sans; |
pR0Ps | eae2267 | 2014-04-07 19:17:02 -0400 | [diff] [blame] | 30 | font-size: 16px; |
pR0Ps | 69c71b2 | 2014-10-01 20:32:38 -0400 | [diff] [blame] | 31 | min-width: 300px; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 32 | } |
33 | |||||
34 | a { | ||||
35 | color: @black; | ||||
36 | text-decoration: none; | ||||
37 | } | ||||
38 | |||||
pR0Ps | 41bf7d3 | 2013-12-05 16:33:55 -0500 | [diff] [blame] | 39 | a[href]:not(.nohover) { |
40 | &:hover{ | ||||
41 | color: @accent; | ||||
42 | } | ||||
43 | } | ||||
44 | |||||
Giulio Fidente | fc3b4d0 | 2013-03-26 15:23:42 +0100 | [diff] [blame] | 45 | hr { |
pR0Ps | 5a6e4f0 | 2013-12-10 21:11:44 -0500 | [diff] [blame] | 46 | color: @border_color; |
47 | background-color: @border_color; | ||||
Giulio Fidente | fc3b4d0 | 2013-03-26 15:23:42 +0100 | [diff] [blame] | 48 | height: 1px; |
49 | border: none; | ||||
50 | } | ||||
51 | |||||
Giulio Fidente | fc3b4d0 | 2013-03-26 15:23:42 +0100 | [diff] [blame] | 52 | aside { |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 53 | div#user_meta { |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 54 | padding: @horiz_pad 20px @horiz_pad 20px; |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 55 | text-align: center; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 56 | |
pR0Ps | 2734177 | 2013-12-20 09:20:32 -0500 | [diff] [blame] | 57 | img#logo { |
58 | width: @logo_size; | ||||
59 | height: @logo_size; | ||||
Carey Metcalfe | 4bc468b | 2014-09-25 13:50:13 -0400 | [diff] [blame] | 60 | border-radius: 50%; |
pR0Ps | 2734177 | 2013-12-20 09:20:32 -0500 | [diff] [blame] | 61 | } |
62 | |||||
Giulio Fidente | da4d95b | 2013-04-29 15:59:35 +0200 | [diff] [blame] | 63 | h2 { |
Giulio Fidente | 68c6541 | 2013-03-30 15:22:42 +0100 | [diff] [blame] | 64 | margin: 15px 0 5px 0; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 65 | } |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 66 | |
67 | p { | ||||
Giulio Fidente | 68c6541 | 2013-03-30 15:22:42 +0100 | [diff] [blame] | 68 | margin: 0 0 15px 0; |
Giulio Fidente | fe93c23 | 2013-10-05 14:42:43 +0200 | [diff] [blame] | 69 | font-size: 14px; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 70 | } |
Giulio Fidente | e88666d | 2013-04-29 12:25:51 +0200 | [diff] [blame] | 71 | |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 72 | ul { |
pR0Ps | e5f49ca | 2014-03-04 01:47:54 -0500 | [diff] [blame] | 73 | margin: 20px 0 0 0; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 74 | padding-left: 0; |
Giulio Fidente | fe93c23 | 2013-10-05 14:42:43 +0200 | [diff] [blame] | 75 | font-size: 16px; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 76 | list-style-type: none; |
Giulio Fidente | e88666d | 2013-04-29 12:25:51 +0200 | [diff] [blame] | 77 | |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 78 | li { |
pR0Ps | fee5225 | 2013-12-11 11:47:26 -0500 | [diff] [blame] | 79 | display: block; |
80 | line-height: 2em; | ||||
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 81 | |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 82 | a { |
pR0Ps | fee5225 | 2013-12-11 11:47:26 -0500 | [diff] [blame] | 83 | i { |
pR0Ps | 8dbfbd8 | 2013-12-18 17:46:54 -0500 | [diff] [blame] | 84 | padding-left: 5px; |
pR0Ps | fee5225 | 2013-12-11 11:47:26 -0500 | [diff] [blame] | 85 | color: @black; |
pR0Ps | 8dbfbd8 | 2013-12-18 17:46:54 -0500 | [diff] [blame] | 86 | width: 30px; |
pR0Ps | fee5225 | 2013-12-11 11:47:26 -0500 | [diff] [blame] | 87 | text-align: center; |
88 | vertical-align: middle; | ||||
89 | } | ||||
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 90 | } |
91 | } | ||||
92 | } | ||||
Giulio Fidente | e88666d | 2013-04-29 12:25:51 +0200 | [diff] [blame] | 93 | } |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 94 | } |
95 | |||||
Giulio Fidente | fc3b4d0 | 2013-03-26 15:23:42 +0100 | [diff] [blame] | 96 | main { |
pR0Ps | a6d15c3 | 2013-12-05 20:36:35 -0500 | [diff] [blame] | 97 | position: relative; |
98 | width: 100%; | ||||
pR0Ps | 44330eb | 2013-12-06 02:02:23 -0500 | [diff] [blame] | 99 | margin: auto; |
pR0Ps | a6d15c3 | 2013-12-05 20:36:35 -0500 | [diff] [blame] | 100 | |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 101 | header { |
pR0Ps | 0edc556 | 2014-12-18 01:20:01 -0500 | [diff] [blame] | 102 | padding: 0px @horiz_pad 0px @horiz_pad; |
pR0Ps | 5a6e4f0 | 2013-12-10 21:11:44 -0500 | [diff] [blame] | 103 | border-top: @border_color 1px solid; |
104 | border-bottom: @border_color 1px solid; | ||||
pR0Ps | 44330eb | 2013-12-06 02:02:23 -0500 | [diff] [blame] | 105 | text-align: center; |
pR0Ps | eae2267 | 2014-04-07 19:17:02 -0400 | [diff] [blame] | 106 | color: @med-grey; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 107 | |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 108 | p { |
109 | font-weight: bold; | ||||
pR0Ps | eae2267 | 2014-04-07 19:17:02 -0400 | [diff] [blame] | 110 | font-size: 16px; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 111 | text-transform: uppercase; |
112 | } | ||||
pR0Ps | 09af9c4 | 2013-12-06 04:51:29 -0500 | [diff] [blame] | 113 | |
114 | p#header { | ||||
115 | color: @black; | ||||
116 | } | ||||
117 | |||||
118 | p:not(#header){ | ||||
119 | a { | ||||
pR0Ps | eae2267 | 2014-04-07 19:17:02 -0400 | [diff] [blame] | 120 | color: @med-grey; |
pR0Ps | 09af9c4 | 2013-12-06 04:51:29 -0500 | [diff] [blame] | 121 | &:hover{ |
122 | color: @accent; | ||||
123 | } | ||||
124 | } | ||||
125 | } | ||||
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 126 | } |
127 | |||||
128 | article { | ||||
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 129 | padding: 10px @horiz_pad 10px @horiz_pad; |
130 | max-width: @content_size; | ||||
131 | margin: auto; | ||||
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 132 | |
Giulio Fidente | 0bc1f0e | 2013-11-05 16:23:23 +0100 | [diff] [blame] | 133 | div.article_title { |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 134 | } |
135 | |||||
Giulio Fidente | 0bc1f0e | 2013-11-05 16:23:23 +0100 | [diff] [blame] | 136 | div.article_text { |
Giulio Fidente | da4d95b | 2013-04-29 15:59:35 +0200 | [diff] [blame] | 137 | line-height: 1.375em; |
Giulio Fidente | 5b17419 | 2013-03-22 23:40:00 +0100 | [diff] [blame] | 138 | a { |
139 | text-decoration: underline; | ||||
140 | } | ||||
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 141 | |
142 | code { | ||||
143 | margin: 2px; | ||||
Giulio Fidente | 0161f71 | 2013-04-13 02:55:10 +0200 | [diff] [blame] | 144 | padding: 0; |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 145 | color: @black; |
Giulio Fidente | fe93c23 | 2013-10-05 14:42:43 +0200 | [diff] [blame] | 146 | font-size: 14px; |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 147 | font-family: @mono; |
148 | background: @light-grey; | ||||
149 | } | ||||
150 | |||||
151 | pre { | ||||
Giulio Fidente | 0161f71 | 2013-04-13 02:55:10 +0200 | [diff] [blame] | 152 | margin: 22px 2px 22px 2px; |
pR0Ps | c548050 | 2015-01-05 10:40:31 -0500 | [diff] [blame^] | 153 | padding: 6px; |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 154 | color: @black; |
155 | border-left: 3px solid @accent; | ||||
Giulio Fidente | fe93c23 | 2013-10-05 14:42:43 +0200 | [diff] [blame] | 156 | font-size: 14px; |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 157 | font-family: @mono; |
158 | background: @light-grey; | ||||
Giulio Fidente | 0161f71 | 2013-04-13 02:55:10 +0200 | [diff] [blame] | 159 | line-height: 1.125em; |
Giulio Fidente | 28d7964 | 2013-04-14 02:48:44 +0200 | [diff] [blame] | 160 | overflow-x: auto; |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 161 | } |
162 | |||||
163 | blockquote { | ||||
Giulio Fidente | 0161f71 | 2013-04-13 02:55:10 +0200 | [diff] [blame] | 164 | margin: 22px 2px 22px 2px; |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 165 | padding-left: @horiz_pad; |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 166 | color: @med-grey; |
Giulio Fidente | 0161f71 | 2013-04-13 02:55:10 +0200 | [diff] [blame] | 167 | font-style: italic; |
Giulio Fidente | a6c5867 | 2013-03-30 14:55:03 +0100 | [diff] [blame] | 168 | } |
pR0Ps | ba37f02 | 2013-12-05 16:46:27 -0500 | [diff] [blame] | 169 | |
170 | .footnote-reference { | ||||
171 | vertical-align: super; | ||||
172 | font-size: 12px; | ||||
173 | text-decoration: none; | ||||
174 | line-height: 1; | ||||
175 | } | ||||
176 | |||||
177 | .footnote { | ||||
178 | font-size: smaller; | ||||
179 | .fn-backref{ | ||||
180 | margin-right: 5px; | ||||
181 | text-decoration: none; | ||||
182 | } | ||||
183 | } | ||||
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 184 | } |
185 | |||||
Giulio Fidente | fe93c23 | 2013-10-05 14:42:43 +0200 | [diff] [blame] | 186 | div.gist { |
187 | line-height: .875em; | ||||
188 | } | ||||
189 | |||||
Giulio Fidente | 0bc1f0e | 2013-11-05 16:23:23 +0100 | [diff] [blame] | 190 | div.article_meta { |
Giulio Fidente | fe93c23 | 2013-10-05 14:42:43 +0200 | [diff] [blame] | 191 | font-size: 12px; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 192 | color: @med-grey; |
193 | } | ||||
194 | } | ||||
195 | |||||
196 | footer { | ||||
pR0Ps | 5a6e4f0 | 2013-12-10 21:11:44 -0500 | [diff] [blame] | 197 | border-top: @border_color 1px solid; |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 198 | padding: 30px @horiz_pad 30px @horiz_pad; |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 199 | |
Giulio Fidente | ebb4c7a | 2013-10-20 01:45:10 +0200 | [diff] [blame] | 200 | div#paginator { |
pR0Ps | 721949b | 2013-12-11 13:09:22 -0500 | [diff] [blame] | 201 | font-weight: bold; |
202 | font-size: 15px; | ||||
203 | text-transform: uppercase; | ||||
204 | overflow: auto; | ||||
205 | text-align: center; | ||||
206 | |||||
pR0Ps | 69c71b2 | 2014-10-01 20:32:38 -0400 | [diff] [blame] | 207 | div{ |
208 | display: inline-block; | ||||
209 | } | ||||
210 | |||||
pR0Ps | 981a839 | 2013-12-11 13:11:32 -0500 | [diff] [blame] | 211 | span { |
212 | width: @pag_label_size; | ||||
pR0Ps | 721949b | 2013-12-11 13:09:22 -0500 | [diff] [blame] | 213 | } |
214 | |||||
pR0Ps | 981a839 | 2013-12-11 13:11:32 -0500 | [diff] [blame] | 215 | span#left { |
216 | float: left; | ||||
217 | text-align: left; | ||||
218 | } | ||||
219 | |||||
220 | span#right { | ||||
pR0Ps | 721949b | 2013-12-11 13:09:22 -0500 | [diff] [blame] | 221 | float: right; |
pR0Ps | 981a839 | 2013-12-11 13:11:32 -0500 | [diff] [blame] | 222 | text-align: right; |
pR0Ps | 721949b | 2013-12-11 13:09:22 -0500 | [diff] [blame] | 223 | } |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 224 | } |
225 | } | ||||
Giulio Fidente | bc2f70a | 2013-03-27 15:41:07 +0100 | [diff] [blame] | 226 | |
227 | div#ending_message { | ||||
pR0Ps | 5a6e4f0 | 2013-12-10 21:11:44 -0500 | [diff] [blame] | 228 | border-top: @border_color 1px solid; |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 229 | padding: 0 @horiz_pad 0 @horiz_pad; |
Giulio Fidente | 069c6d6 | 2013-08-16 16:05:02 +0200 | [diff] [blame] | 230 | color: @med-grey; |
Giulio Fidente | fe93c23 | 2013-10-05 14:42:43 +0200 | [diff] [blame] | 231 | font-size: 10px; |
Giulio Fidente | bc2f70a | 2013-03-27 15:41:07 +0100 | [diff] [blame] | 232 | } |
Giulio Fidente | 44ccac7 | 2013-03-21 18:51:03 +0100 | [diff] [blame] | 233 | } |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 234 | |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 235 | @media screen and (min-width: @min_screen) { |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 236 | aside { |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 237 | width: 25%; |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 238 | height: 100%; |
pR0Ps | 5a6e4f0 | 2013-12-10 21:11:44 -0500 | [diff] [blame] | 239 | position: absolute; |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 240 | top: 0; |
241 | left: 0; | ||||
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 242 | |
Giulio Fidente | da4d95b | 2013-04-29 15:59:35 +0200 | [diff] [blame] | 243 | h2 { |
Giulio Fidente | 68c6541 | 2013-03-30 15:22:42 +0100 | [diff] [blame] | 244 | margin: 10px 0 0 0; |
245 | } | ||||
246 | |||||
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 247 | div#user_meta { |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 248 | max-width: 192px; |
Giulio Fidente | a9b6351 | 2013-06-21 03:50:46 +0200 | [diff] [blame] | 249 | text-align: right; |
pR0Ps | a6d15c3 | 2013-12-05 20:36:35 -0500 | [diff] [blame] | 250 | margin: 0 20px 0 auto; |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 251 | } |
252 | } | ||||
253 | |||||
254 | main { | ||||
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 255 | position: absolute; |
256 | top: 0; | ||||
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 257 | left: 25%; |
258 | width: 75%; | ||||
259 | margin-left: -1px; | ||||
pR0Ps | 5a6e4f0 | 2013-12-10 21:11:44 -0500 | [diff] [blame] | 260 | border-left: @border_color 1px solid; |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 261 | overflow-x: hidden; |
262 | overflow-y: hidden; | ||||
263 | |||||
264 | header { | ||||
pR0Ps | 0edc556 | 2014-12-18 01:20:01 -0500 | [diff] [blame] | 265 | padding: 10px @horiz_pad 10px @horiz_pad; |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 266 | border-top: 0; |
pR0Ps | 44330eb | 2013-12-06 02:02:23 -0500 | [diff] [blame] | 267 | text-align: left; |
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 268 | } |
pR0Ps | 5fd3a0f | 2014-09-27 00:56:41 -0400 | [diff] [blame] | 269 | |
270 | article { | ||||
271 | width: @content_size; | ||||
272 | margin: 0; | ||||
273 | } | ||||
274 | |||||
275 | footer{ | ||||
276 | div#paginator { | ||||
277 | width: @content_size; | ||||
278 | } | ||||
279 | } | ||||
Giulio Fidente | e377608 | 2013-03-27 15:21:32 +0100 | [diff] [blame] | 280 | } |
pR0Ps | ba37f02 | 2013-12-05 16:46:27 -0500 | [diff] [blame] | 281 | } |