1 /* the ratfactor.com/repos stylesheet */
2
3 body {
4 margin: 40px auto;
5 max-width: 900px;
6 line-height: 1.4;
7 color: #222;
8 padding: 0 1em;
9 background: #FEFEEE;
10 }
11 h1, h2, h3 { font-family: sans-serif; }
12 h1 { font-size: 1.8em; color: #444; }
13 h2 { line-height:1.2; color: #333; }
14 pre, code {
15 font-size: 1.1em;
16 font-family: monospace;
17 background-color: #FFFFDE;
18 color: #000;
19 }
20 code { color: #A028D7; }
21 pre { overflow-x: auto; padding: 1em; }
22 pre code { color: #000; background-color: default; border: none; }
23 header h1 { margin: 0; }
24 header .description { color: #666; font-size: 1.2em; }
25 header img { width: 100px; }
26 nav {
27 font-size: 1.2em;
28 margin: 10px;
29 border-bottom: 2px dashed #bbb;
30 }
31 nav a { padding-right: .5em; }
32 footer { margin: 1em; font-size: .9em; color: #666; }
33
34 /* specific elements */
35 .readme, .source-file, .commits { background: #FFF; padding: 1em; border-top: 1px solid #000; }
36 .readme .filename { color: #666; font-family: monospace; }
37 .source-file { font-family: monospace; font-size: 1.1em; white-space: pre-wrap; }
38 .source-file a { margin-right: 1em; color: #BBB; text-decoration: none; user-select: none; }
39 .source-file a:hover { color: revert; text-decoration: underline; }
40 .file-list { list-style-type: none; margin: 0; padding: 0; }
41
42 /* Really skinny views */
43 @media only screen and (max-width: 600px) { article { padding: 2em 1em; } }
44 @media only screen and (max-width: 400px) { body { padding: 0; } }
Ratfactor.com
>
Dave's Repos