Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Merge pull request #3 from fredrikn/master

Added some few features, like error page, start page.. made some few fixes..
  • Loading branch information...
commit 64c23824ea420149e660ae4597cc0b790b5fb11e 2 parents 223a669 + 5508337
Ryan Riley panesofglass authored
9 samples/MvcWebApiSiteTest/App_Start/WebApiConfig.cs
... ... @@ -1,7 +1,4 @@
1   -using System;
2   -using System.Collections.Generic;
3   -using System.Linq;
4   -using System.Web.Http;
  1 +using System.Web.Http;
5 2
6 3 namespace MvcWebApiSiteTest
7 4 {
@@ -11,8 +8,8 @@ public static void Register(HttpConfiguration config)
11 8 {
12 9 config.Routes.MapHttpRoute(
13 10 name: "DefaultApi",
14   - routeTemplate: "api/{controller}/{id}",
15   - defaults: new { id = RouteParameter.Optional }
  11 + routeTemplate: "{controller}/{id}",
  12 + defaults: new { controller = "Home", id = RouteParameter.Optional }
16 13 );
17 14 }
18 15 }
940 samples/MvcWebApiSiteTest/Content/Site.css
... ... @@ -1,756 +1,432 @@
1   -html {
2   - background-color: #e2e2e2;
3   - margin: 0;
4   - padding: 0;
5   -}
  1 +
  2 +/*******************************************************************************
  3 +Slate Theme for Github Pages
  4 +by Jason Costello, @jsncostello
  5 +*******************************************************************************/
6 6
7   -body {
8   - background-color: #fff;
9   - border-top: solid 10px #000;
10   - color: #333;
11   - font-size: .85em;
12   - font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
13   - margin: 0;
14   - padding: 0;
15   -}
  7 +@import url(pygment_trac.css);
16 8
17   -a {
18   - color: #333;
19   - outline: none;
20   - padding-left: 3px;
21   - padding-right: 3px;
22   - text-decoration: underline;
23   -}
  9 +/*******************************************************************************
  10 +MeyerWeb Reset
  11 +*******************************************************************************/
24 12
25   - a:link, a:visited,
26   - a:active, a:hover {
27   - color: #333;
28   - }
  13 +html, body, div, span, applet, object, iframe,
  14 +h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  15 +a, abbr, acronym, address, big, cite, code,
  16 +del, dfn, em, img, ins, kbd, q, s, samp,
  17 +small, strike, strong, sub, sup, tt, var,
  18 +b, u, i, center,
  19 +dl, dt, dd, ol, ul, li,
  20 +fieldset, form, label, legend,
  21 +table, caption, tbody, tfoot, thead, tr, th, td,
  22 +article, aside, canvas, details, embed,
  23 +figure, figcaption, footer, header, hgroup,
  24 +menu, nav, output, ruby, section, summary,
  25 +time, mark, audio, video {
  26 + margin: 0;
  27 + padding: 0;
  28 + border: 0;
  29 + font: inherit;
  30 + vertical-align: baseline;
  31 +}
29 32
30   - a:hover {
31   - background-color: #c7d1d6;
32   - }
  33 +/* HTML5 display-role reset for older browsers */
  34 +article, aside, details, figcaption, figure,
  35 +footer, header, hgroup, menu, nav, section {
  36 + display: block;
  37 +}
33 38
34   -header, footer, hgroup,
35   -nav, section {
36   - display: block;
  39 +ol, ul {
  40 + list-style: none;
37 41 }
38 42
39   -mark {
40   - background-color: #a6dbed;
41   - padding-left: 5px;
42   - padding-right: 5px;
  43 +blockquote, q {
43 44 }
44 45
45   -.float-left {
46   - float: left;
  46 +table {
  47 + border-collapse: collapse;
  48 + border-spacing: 0;
47 49 }
48 50
49   -.float-right {
50   - float: right;
  51 +a:focus {
  52 + outline: none;
51 53 }
52 54
53   -.clear-fix:after {
54   - content: ".";
55   - clear: both;
56   - display: block;
57   - height: 0;
58   - visibility: hidden;
  55 +/*******************************************************************************
  56 +Theme Styles
  57 +*******************************************************************************/
  58 +
  59 +body {
  60 + box-sizing: border-box;
  61 + color:#373737;
  62 + background: #212121;
  63 + font-size: 16px;
  64 + font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
  65 + line-height: 1.5;
  66 + -webkit-font-smoothing: antialiased;
59 67 }
60 68
61   -h1, h2, h3,
62   -h4, h5, h6 {
63   - color: #000;
64   - margin-bottom: 0;
65   - padding-bottom: 0;
  69 +h1, h2, h3, h4, h5, h6 {
  70 + margin: 10px 0;
  71 + font-weight: 700;
  72 + color:#222222;
  73 + font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
  74 + letter-spacing: -1px;
66 75 }
67 76
68 77 h1 {
69   - font-size: 2em;
  78 + font-size: 36px;
  79 + font-weight: 700;
70 80 }
71 81
72 82 h2 {
73   - font-size: 1.75em;
  83 + padding-bottom: 10px;
  84 + font-size: 32px;
  85 + background: url('../images/bg_hr.png') repeat-x bottom;
74 86 }
75 87
76 88 h3 {
77   - font-size: 1.2em;
  89 + font-size: 24px;
78 90 }
79 91
80 92 h4 {
81   - font-size: 1.1em;
  93 + font-size: 21px;
82 94 }
83 95
84   -h5, h6 {
85   - font-size: 1em;
  96 +h5 {
  97 + font-size: 18px;
86 98 }
87 99
88   - h5 a:link, h5 a:visited, h5 a:active {
89   - padding: 0;
90   - text-decoration: none;
91   - }
92   -
93   -
94   -/* main layout
95   -----------------------------------------------------------*/
96   -.content-wrapper {
97   - margin: 0 auto;
98   - max-width: 960px;
  100 +h6 {
  101 + font-size: 16px;
99 102 }
100 103
101   -#body {
102   - background-color: #efeeef;
103   - clear: both;
104   - padding-bottom: 35px;
  104 +p {
  105 + margin: 10px 0 15px 0;
105 106 }
106 107
107   - .main-content {
108   - background: url("../Images/accent.png") no-repeat;
109   - padding-left: 10px;
110   - padding-top: 30px;
111   - }
  108 +footer p {
  109 + color: #f2f2f2;
  110 +}
112 111
113   - .featured + .main-content {
114   - background: url("../Images/heroAccent.png") no-repeat;
115   - }
  112 +a {
  113 + text-decoration: none;
  114 + color: #007edf;
  115 + text-shadow: none;
116 116
117   -header .content-wrapper {
118   - padding-top: 20px;
  117 + transition: color 0.5s ease;
  118 + transition: text-shadow 0.5s ease;
  119 + -webkit-transition: color 0.5s ease;
  120 + -webkit-transition: text-shadow 0.5s ease;
  121 + -moz-transition: color 0.5s ease;
  122 + -moz-transition: text-shadow 0.5s ease;
  123 + -o-transition: color 0.5s ease;
  124 + -o-transition: text-shadow 0.5s ease;
  125 + -ms-transition: color 0.5s ease;
  126 + -ms-transition: text-shadow 0.5s ease;
119 127 }
120 128
121   -footer {
122   - clear: both;
123   - background-color: #e2e2e2;
124   - font-size: .8em;
125   - height: 100px;
  129 +#main_content a:hover {
  130 + color: #0069ba;
  131 + text-shadow: #0090ff 0px 0px 2px;
126 132 }
127 133
  134 +footer a:hover {
  135 + color: #43adff;
  136 + text-shadow: #0090ff 0px 0px 2px;
  137 +}
128 138
129   -/* site title
130   -----------------------------------------------------------*/
131   -.site-title {
132   - color: #c8c8c8;
133   - font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
134   - font-size: 2.3em;
135   - margin: 0;
  139 +em {
  140 + font-style: italic;
136 141 }
137 142
138   -.site-title a, .site-title a:hover, .site-title a:active {
139   - background: none;
140   - color: #c8c8c8;
141   - outline: none;
142   - text-decoration: none;
  143 +strong {
  144 + font-weight: bold;
143 145 }
144 146
  147 +img {
  148 + position: relative;
  149 + margin: 0 auto;
  150 + max-width: 739px;
  151 + padding: 5px;
  152 + margin: 10px 0 10px 0;
  153 + border: 1px solid #ebebeb;
145 154
146   -/* login
147   -----------------------------------------------------------*/
148   -#login {
149   - display: block;
150   - font-size: .85em;
151   - margin: 0 0 10px;
152   - text-align: right;
  155 + box-shadow: 0 0 5px #ebebeb;
  156 + -webkit-box-shadow: 0 0 5px #ebebeb;
  157 + -moz-box-shadow: 0 0 5px #ebebeb;
  158 + -o-box-shadow: 0 0 5px #ebebeb;
  159 + -ms-box-shadow: 0 0 5px #ebebeb;
153 160 }
154 161
155   - #login a {
156   - background-color: #d3dce0;
157   - margin-left: 10px;
158   - margin-right: 3px;
159   - padding: 2px 3px;
160   - text-decoration: none;
161   - }
  162 +pre, code {
  163 + width: 100%;
  164 + color: #222;
  165 + background-color: #fff;
162 166
163   - #login a.username {
164   - background: none;
165   - margin: 0;
166   - padding: 0;
167   - text-decoration: underline;
168   - }
  167 + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  168 + font-size: 14px;
169 169
170   - #login ul {
171   - margin: 0;
172   - }
  170 + border-radius: 2px;
  171 + -moz-border-radius: 2px;
  172 + -webkit-border-radius: 2px;
173 173
174   - #login li {
175   - display: inline;
176   - list-style: none;
177   - }
178 174
179 175
180   -/* menu
181   -----------------------------------------------------------*/
182   -ul#menu {
183   - font-size: 1.3em;
184   - font-weight: 600;
185   - margin: 0 0 5px;
186   - padding: 0;
187   - text-align: right;
188 176 }
189 177
190   - ul#menu li {
191   - display: inline;
192   - list-style: none;
193   - padding-left: 15px;
194   - }
195   -
196   - ul#menu li a {
197   - background: none;
198   - color: #999;
199   - text-decoration: none;
200   - }
201   -
202   - ul#menu li a:hover {
203   - color: #333;
204   - text-decoration: none;
205   - }
206   -
207   -
208   -/* page elements
209   -----------------------------------------------------------*/
210   -/* featured */
211   -.featured {
212   - background-color: #fff;
  178 +pre {
  179 + width: 100%;
  180 + padding: 10px;
  181 + box-shadow: 0 0 10px rgba(0,0,0,.1);
  182 + overflow: auto;
213 183 }
214 184
215   - .featured .content-wrapper {
216   - background-color: #7ac0da;
217   - background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
218   - background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
219   - background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
220   - background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
221   - background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
222   - color: #3e5667;
223   - padding: 20px 40px 30px 40px;
224   - }
225   -
226   - .featured hgroup.title h1, .featured hgroup.title h2 {
227   - color: #fff;
228   - }
229   -
230   - .featured p {
231   - font-size: 1.1em;
232   - }
233   -
234   -/* page titles */
235   -hgroup.title {
236   - margin-bottom: 10px;
  185 +code {
  186 + padding: 3px;
  187 + margin: 0 3px;
  188 + box-shadow: 0 0 10px rgba(0,0,0,.1);
237 189 }
238 190
239   -hgroup.title h1, hgroup.title h2 {
240   - display: inline;
  191 +pre code {
  192 + display: block;
  193 + box-shadow: none;
241 194 }
242 195
243   -hgroup.title h2 {
244   - font-weight: normal;
245   - margin-left: 3px;
  196 +blockquote {
  197 + color: #666;
  198 + margin-bottom: 20px;
  199 + padding: 0 0 0 20px;
  200 + border-left: 3px solid #bbb;
246 201 }
247 202
248   -/* features */
249   -section.feature {
250   - width: 300px;
251   - float: left;
252   - padding: 10px;
  203 +ul, ol, dl {
  204 + margin-bottom: 15px
253 205 }
254 206
255   -/* ordered list */
256   -ol.round {
257   - list-style-type: none;
258   - padding-left: 0;
  207 +ul li {
  208 + list-style: inside;
  209 + padding-left: 20px;
259 210 }
260 211
261   - ol.round li {
262   - margin: 25px 0;
263   - padding-left: 45px;
264   - }
265   -
266   - ol.round li.zero {
267   - background: url("../Images/orderedList0.png") no-repeat;
268   - }
269   -
270   - ol.round li.one {
271   - background: url("../Images/orderedList1.png") no-repeat;
272   - }
273   -
274   - ol.round li.two {
275   - background: url("../Images/orderedList2.png") no-repeat;
276   - }
277   -
278   - ol.round li.three {
279   - background: url("../Images/orderedList3.png") no-repeat;
280   - }
281   -
282   - ol.round li.four {
283   - background: url("../Images/orderedList4.png") no-repeat;
284   - }
285   -
286   - ol.round li.five {
287   - background: url("../Images/orderedList5.png") no-repeat;
288   - }
289   -
290   - ol.round li.six {
291   - background: url("../Images/orderedList6.png") no-repeat;
292   - }
293   -
294   - ol.round li.seven {
295   - background: url("../Images/orderedList7.png") no-repeat;
296   - }
297   -
298   - ol.round li.eight {
299   - background: url("../Images/orderedList8.png") no-repeat;
300   - }
301   -
302   - ol.round li.nine {
303   - background: url("../Images/orderedList9.png") no-repeat;
304   - }
305   -
306   -/* content */
307   -article {
308   - float: left;
309   - width: 70%;
  212 +ol li {
  213 + list-style: decimal inside;
  214 + padding-left: 20px;
310 215 }
311 216
312   -aside {
313   - float: right;
314   - width: 25%;
  217 +dl dt {
  218 + font-weight: bold;
315 219 }
316 220
317   - aside ul {
318   - list-style: none;
319   - padding: 0;
320   - }
321   -
322   - aside ul li {
323   - background: url("../Images/bullet.png") no-repeat 0 50%;
324   - padding: 2px 0 2px 20px;
325   - }
326   -
327   -.label {
328   - font-weight: 700;
  221 +dl dd {
  222 + padding-left: 20px;
  223 + font-style: italic;
329 224 }
330 225
331   -/* login page */
332   -#loginForm {
333   - border-right: solid 2px #c8c8c8;
334   - float: left;
335   - width: 55%;
  226 +dl p {
  227 + padding-left: 20px;
  228 + font-style: italic;
336 229 }
337 230
338   - #loginForm .validation-error {
339   - display: block;
340   - margin-left: 15px;
341   - }
  231 +hr {
  232 + height: 1px;
  233 + margin-bottom: 5px;
  234 + border: none;
  235 + background: url('../images/bg_hr.png') repeat-x center;
  236 +}
342 237
343   - #loginForm .validation-summary-errors ul {
344   - margin: 0;
345   - padding: 0;
346   - }
  238 +table {
  239 + border: 1px solid #373737;
  240 + margin-bottom: 20px;
  241 + text-align: left;
  242 + }
347 243
348   - #loginForm .validation-summary-errors li {
349   - display: inline;
350   - list-style: none;
351   - margin: 0;
352   - }
  244 +th {
  245 + font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  246 + padding: 10px;
  247 + background: #373737;
  248 + color: #fff;
  249 + }
353 250
354   - #loginForm input {
355   - width: 250px;
356   - }
  251 +td {
  252 + padding: 10px;
  253 + border: 1px solid #373737;
  254 + }
357 255
358   - #loginForm input[type="checkbox"],
359   - #loginForm input[type="submit"],
360   - #loginForm input[type="button"],
361   - #loginForm button {
362   - width: auto;
363   - }
  256 +form {
  257 + background: #f2f2f2;
  258 + padding: 20px;
  259 +}
364 260
365   -#socialLoginForm {
366   - margin-left: 40px;
367   - float: left;
368   - width: 40%;
  261 +img {
  262 + width: 100%;
  263 + max-width: 100%;
369 264 }
370 265
371   - #socialLoginForm h2 {
372   - margin-bottom: 5px;
373   - }
  266 +/*******************************************************************************
  267 +Full-Width Styles
  268 +*******************************************************************************/
374 269
375   -#socialLoginList button {
376   - margin-bottom: 12px;
  270 +.outer {
  271 + width: 100%;
377 272 }
378 273
379   -#logoutForm {
380   - display: inline;
  274 +.inner {
  275 + position: relative;
  276 + max-width: 640px;
  277 + padding: 20px 10px;
  278 + margin: 0 auto;
381 279 }
382 280
383   -/* contact */
384   -.contact h3 {
385   - font-size: 1.2em;
  281 +#forkme_banner {
  282 + display: block;
  283 + position: absolute;
  284 + top:0;
  285 + right: 10px;
  286 + z-index: 10;
  287 + padding: 10px 50px 10px 10px;
  288 + color: #fff;
  289 + background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
  290 + font-weight: 700;
  291 + box-shadow: 0 0 10px rgba(0,0,0,.5);
  292 + border-bottom-left-radius: 2px;
  293 + border-bottom-right-radius: 2px;
386 294 }
387 295
388   -.contact p {
389   - margin: 5px 0 0 10px;
  296 +#header_wrap {
  297 + background: #212121;
  298 + background: -moz-linear-gradient(top, #373737, #212121);
  299 + background: -webkit-linear-gradient(top, #373737, #212121);
  300 + background: -ms-linear-gradient(top, #373737, #212121);
  301 + background: -o-linear-gradient(top, #373737, #212121);
  302 + background: linear-gradient(top, #373737, #212121);
390 303 }
391 304
392   -.contact iframe {
393   - border: 1px solid #333;
394   - margin: 5px 0 0 10px;
  305 +#header_wrap .inner {
  306 + padding: 50px 10px 30px 10px;
395 307 }
396 308
397   -/* forms */
398   -fieldset {
399   - border: none;
400   - margin: 0;
401   - padding: 0;
  309 +#project_title {
  310 + margin: 0;
  311 + color: #fff;
  312 + font-size: 42px;
  313 + font-weight: 700;
  314 + text-shadow: #111 0px 0px 10px;
402 315 }
403 316
404   - fieldset legend {
405   - display: none;
406   - }
407   -
408   - fieldset ol {
409   - padding: 0;
410   - list-style: none;
411   - }
412   -
413   - fieldset ol li {
414   - padding-bottom: 5px;
415   - }
416   -
417   -label {
418   - display: block;
419   - font-size: 1.2em;
420   - font-weight: 600;
  317 +#project_tagline {
  318 + color: #fff;
  319 + font-size: 24px;
  320 + font-weight: 300;
  321 + background: none;
  322 + text-shadow: #111 0px 0px 10px;
421 323 }
422 324
423   -label.checkbox {
424   - display: inline;
  325 +#downloads {
  326 + position: absolute;
  327 + width: 210px;
  328 + z-index: 10;
  329 + bottom: -40px;
  330 + right: 0;
  331 + height: 70px;
  332 + background: url('../images/icon_download.png') no-repeat 0% 90%;
425 333 }
426 334
427   -input, textarea {
428   - border: 1px solid #e2e2e2;
429   - background: #fff;
430   - color: #333;
431   - font-size: 1.2em;
432   - margin: 5px 0 6px 0;
433   - padding: 5px;
434   - width: 300px;
  335 +.zip_download_link {
  336 + display: block;
  337 + float: right;
  338 + width: 90px;
  339 + height:70px;
  340 + text-indent: -5000px;
  341 + overflow: hidden;
  342 + background: url(../images/sprite_download.png) no-repeat bottom left;
435 343 }
436 344
437   -textarea {
438   - font-family: inherit;
439   - width: 500px;
  345 +.tar_download_link {
  346 + display: block;
  347 + float: right;
  348 + width: 90px;
  349 + height:70px;
  350 + text-indent: -5000px;
  351 + overflow: hidden;
  352 + background: url(../images/sprite_download.png) no-repeat bottom right;
  353 + margin-left: 10px;
440 354 }
441 355
442   - input:focus, textarea:focus {
443   - border: 1px solid #7ac0da;
444   - }
445   -
446   - input[type="checkbox"] {
447   - background: transparent;
448   - border: inherit;
449   - width: auto;
450   - }
451   -
452   - input[type="submit"],
453   - input[type="button"],
454   - button {
455   - background-color: #d3dce0;
456   - border: 1px solid #787878;
457   - cursor: pointer;
458   - font-size: 1.2em;
459   - font-weight: 600;
460   - padding: 7px;
461   - margin-right: 8px;
462   - width: auto;
463   - }
464   -
465   - td input[type="submit"],
466   - td input[type="button"],
467   - td button {
468   - font-size: 1em;
469   - padding: 4px;
470   - margin-right: 4px;
471   - }
472   -
473   -/* info and errors */
474   -.message-info {
475   - border: 1px solid;
476   - clear: both;
477   - padding: 10px 20px;
  356 +.zip_download_link:hover {
  357 + background: url(../images/sprite_download.png) no-repeat top left;
478 358 }
479 359
480   -.message-error {
481   - clear: both;
482   - color: #e80c4d;
483   - font-size: 1.1em;
484   - font-weight: bold;
485   - margin: 20px 0 10px 0;
  360 +.tar_download_link:hover {
  361 + background: url(../images/sprite_download.png) no-repeat top right;
486 362 }
487 363
488   -.message-success {
489   - color: #7ac0da;
490   - font-size: 1.3em;
491   - font-weight: bold;
492   - margin: 20px 0 10px 0;
  364 +#main_content_wrap {
  365 + background: #f2f2f2;
  366 + border-top: 1px solid #111;
  367 + border-bottom: 1px solid #111;
493 368 }
494 369
495   -.error {
496   - color: #e80c4d;
  370 +#main_content {
  371 + padding-top: 40px;
497 372 }
498 373
499   -/* styles for validation helpers */
500   -.field-validation-error {
501   - color: #e80c4d;
502   - font-weight: bold;
  374 +#footer_wrap {
  375 + background: #212121;
503 376 }
504 377
505   -.field-validation-valid {
506   - display: none;
507   -}
508 378
509   -input.input-validation-error {
510   - border: 1px solid #e80c4d;
511   -}
512 379
513   -input[type="checkbox"].input-validation-error {
514   - border: 0 none;
515   -}
  380 +/*******************************************************************************
  381 +Small Device Styles
  382 +*******************************************************************************/
516 383
517   -.validation-summary-errors {
518   - color: #e80c4d;
519   - font-weight: bold;
520   - font-size: 1.1em;
521   -}
  384 +@media screen and (max-width: 480px) {
  385 + body {
  386 + font-size:14px;
  387 + }
522 388
523   -.validation-summary-valid {
  389 + #downloads {
524 390 display: none;
525   -}
  391 + }
526 392
  393 + .inner {
  394 + min-width: 320px;
  395 + max-width: 480px;
  396 + }
527 397
528   -/* tables
529   -----------------------------------------------------------*/
530   -table {
531   - border-collapse: collapse;
532   - border-spacing: 0;
533   - margin-top: 0.75em;
534   - border: 0 none;
535   -}
  398 + #project_title {
  399 + font-size: 32px;
  400 + }
536 401
537   -th {
538   - font-size: 1.2em;
539   - text-align: left;
540   - border: none 0px;
541   - padding-left: 0;
542   -}
543   -
544   - th a {
545   - display: block;
546   - position: relative;
547   - }
548   -
549   - th a:link, th a:visited, th a:active, th a:hover {
550   - color: #333;
551   - font-weight: 600;
552   - text-decoration: none;
553   - padding: 0;
554   - }
555   -
556   - th a:hover {
557   - color: #000;
558   - }
559   -
560   - th.asc a, th.desc a {
561   - margin-right: .75em;
562   - }
563   -
564   - th.asc a:after, th.desc a:after {
565   - display: block;
566   - position: absolute;
567   - right: 0em;
568   - top: 0;
569   - font-size: 0.75em;
570   - }
571   -
572   - th.asc a:after {
573   - content: '▲';
574   - }
575   -
576   - th.desc a:after {
577   - content: '▼';
578   - }
  402 + h1 {
  403 + font-size: 28px;
  404 + }
  405 +
  406 + h2 {
  407 + font-size: 24px;
  408 + }
  409 +
  410 + h3 {
  411 + font-size: 21px;
  412 + }
  413 +
  414 + h4 {
  415 + font-size: 18px;
  416 + }
  417 +
  418 + h5 {
  419 + font-size: 14px;
  420 + }
  421 +
  422 + h6 {
  423 + font-size: 12px;
  424 + }
  425 +
  426 + code, pre {
  427 + min-width: 320px;
  428 + max-width: 480px;
  429 + font-size: 11px;
  430 + }
579 431
580   -td {
581   - padding: 0.25em 2em 0.25em 0em;
582   - border: 0 none;
583   -}
584   -
585   -tr.pager td {
586   - padding: 0 0.25em 0 0;
587   -}
588   -
589   -
590   -/********************
591   -* Mobile Styles *
592   -********************/
593   -@media only screen and (max-width: 850px) {
594   -
595   - /* header
596   - ----------------------------------------------------------*/
597   - header .float-left,
598   - header .float-right {
599   - float: none;
600   - }
601   -
602   - /* logo */
603   - header .site-title {
604   - margin: 10px;
605   - text-align: center;
606   - }
607   -
608   - /* login */
609   - #login {
610   - font-size: .85em;
611   - margin: 0 0 12px;
612   - text-align: center;
613   - }
614   -
615   - #login ul {
616   - margin: 5px 0;
617   - padding: 0;
618   - }
619   -
620   - #login li {
621   - display: inline;
622   - list-style: none;
623   - margin: 0;
624   - padding: 0;
625   - }
626   -
627   - #login a {
628   - background: none;
629   - color: #999;
630   - font-weight: 600;
631   - margin: 2px;
632   - padding: 0;
633   - }
634   -
635   - #login a:hover {
636   - color: #333;
637   - }
638   -
639   - /* menu */
640   - nav {
641   - margin-bottom: 5px;
642   - }
643   -
644   - ul#menu {
645   - margin: 0;
646   - padding: 0;
647   - text-align: center;
648   - }
649   -
650   - ul#menu li {
651   - margin: 0;
652   - padding: 0;
653   - }
654   -
655   -
656   - /* main layout
657   - ----------------------------------------------------------*/
658   - .main-content,
659   - .featured + .main-content {
660   - background-position: 10px 0;
661   - }
662   -
663   - .content-wrapper {
664   - padding-right: 10px;
665   - padding-left: 10px;
666   - }
667   -
668   - .featured .content-wrapper {
669   - padding: 10px;
670   - }
671   -
672   - /* page content */
673   - article, aside {
674   - float: none;
675   - width: 100%;
676   - }
677   -
678   - /* ordered list */
679   - ol.round {
680   - list-style-type: none;
681   - padding-left: 0;
682   - }
683   -
684   - ol.round li {
685   - padding-left: 10px;
686   - margin: 25px 0;
687   - }
688   -
689   - ol.round li.zero,
690   - ol.round li.one,
691   - ol.round li.two,
692   - ol.round li.three,
693   - ol.round li.four,
694   - ol.round li.five,
695   - ol.round li.six,
696   - ol.round li.seven,
697   - ol.round li.eight,
698   - ol.round li.nine {
699   - background: none;
700   - }
701   -
702   - /* features */
703   - section.feature {
704   - float: none;
705   - padding: 10px;
706   - width: auto;
707   - }
708   -
709   - section.feature img {
710   - color: #999;
711   - content: attr(alt);
712   - font-size: 1.5em;
713   - font-weight: 600;
714   - }
715   -
716   - /* forms */
717   - input {
718   - width: 90%;
719   - }
720   -
721   - /* login page */
722   - #loginForm {
723   - border-right: none;
724   - float: none;
725   - width: auto;
726   - }
727   -
728   - #loginForm .validation-error {
729   - display: block;
730   - margin-left: 15px;
731   - }
732   -
733   - #socialLoginForm {
734   - margin-left: 0;
735   - float: none;
736   - width: auto;
737   - }
738   -
739   -
740   - /* footer
741   - ----------------------------------------------------------*/
742   - footer .float-left,
743   - footer .float-right {
744   - float: none;
745   - }
746   -
747   - footer {
748   - text-align: center;
749   - height: auto;
750   - padding: 10px 0;
751   - }
752   -
753   - footer p {
754   - margin: 0;
755   - }
756 432