src/style.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 |
@font-face { font-family: 'entypo'; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAWAAAsAAAAABTQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgCCL8uGNtYXAAAAFoAAAATAAAAEwaVcxZZ2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAAAcAAAAHA+MXyZmhlYWQAAAN8AAAANgAAADYB3KiuaGhlYQAAA7QAAAAkAAAAJAPiAehobXR4AAAD2AAAABwAAAAcBwAAZ2xvY2EAAAP0AAAAEAAAABAA7gFebWF4cAAABAQAAAAgAAAAIAANAD5uYW1lAAAEJAAAATwAAAE85f6fknBvc3QAAAVgAAAAIAAAACAAAwAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gIB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAv/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAUATQAAAbMBzQAEACEAJgArADAAADczNSMVNyEiBgcOARURFBYXHgEzITI2Nz4BNRE0JicuASMRIREhEQMjFTM1FSMVMzW5j4/H/wALEgcHCAgHBxILAQALEgcHCAgHBxIL/wABADiQkJCQ0C4u/QgHBxMK/pkKEwcHCAgHBxMKAWcKEwcHCP5mAWf+mQEvLS3JLS0AAAAAAgAAABoCAAGzABwAOwAAASEiBgcGFBUXHgEXHgEzITI2Nz4BPwE8AScuASMnLgEnLgErASImJy4BLwEuAScuASsBIgYHDgEPASEnAej+MAkKAgMVAQIDAwsJAZwJCwMDAgEVAwIKCREBBgQECgauBgwGBgsDEAMLBgYMBlMFCgQEBQEHAbEFATMEAwQJBecFCQQDBAQDBAkF5wUJBAMEOQQHAwMDAwIDBgQPBAYDAgMEAwQJBUMVAAEAGgA4AeYBlAANAAAlMCYjNQcXNTIWFx4BFwHma6i5uS1QIiM6Fzj5Y6WrcAcNDTEqAAABAAAAAQAAIEIGsV8PPPUACwIAAAAAANBfM/IAAAAA0F8z8gAAAAACAAHNAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAIAAAEAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAQAAAAIAAE0CAAAAAgAAGgAAAAAACgAUAB4AagDGAOAAAQAAAAcAPAAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgBlAG4AdAB5AHAAbwBWAGUAcgBzAGkAbwBuACAAMQAuADAAZQBuAHQAeQBwAG9lbnR5cG8AZQBuAHQAeQBwAG8AUgBlAGcAdQBsAGEAcgBlAG4AdAB5AHAAbwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } .entypo { font-family: 'entypo'; font-style: normal; font-weight: 200; font-variant: normal; text-transform: none; vertical-align: baseline; padding: 3px; line-height: 1; } .i-back:before { content: "\e602\00a0"; } .i-file:before { content: "\e600\00a0"; } .i-folder:before { content: "\e601\00a0"; } html { font-family: "Source Sans Pro", "Calibri", "Helvetica", "Arial", "Freesans", "Clean", sans-serif; font-size: 16px; } body { margin: 0; } a { font-family: "Source Sans Pro", "Calibri", "Helvetica", "Arial", "Freesans", "Clean", sans-serif; background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } b, strong { font-weight: bold; } hr { box-sizing: content-box; height: 0; } code, pre { font-family: monospace; font-size: 1em; } pre { white-space: pre-wrap; } small { font-size: 80%; } body { background-color: #fff; margin: 0 auto; height: 100%; letter-spacing: normal; word-spacing: normal; color: #333333; font: 15px "Source Sans Pro", "Calibri", "Helvetica", "Arial", "Freesans", "Clean", sans-serif; line-height: 1.4; width: 960px; } #main, #footer, #header { margin: auto; } #footer { border-top: 1px solid #dddddd; text-align: center; font-size: 75%; margin: 0 2rem; } #footer p { line-height: 0.6em; } /* Lists */ ul, ol { padding-left: 30px; } li p { margin: 0 auto; } li { list-style-type: none; } dl dd { margin: 0 0 0 32%; padding: 0 0 0.2em 0; } /* Headings */ h1, h2, h6 { margin: 0.5rem 2rem; color: #111111; } p { margin: 1rem 2rem; } h1 { text-align: center; border-bottom: 1px solid #dddddd; font-size: 1.5rem; } h2 { font-size: 1.2rem; } a, a:visited { color: #006dd7; text-decoration: none; } a:hover, a:visited:hover { text-decoration: underline; } @media screen and (max-width: 659px) { a { font-size: 130%; line-height: 130%; } li .entypo { font-size: 130%; line-height: 130%; } body { width: 100%; } } @media screen and (min-width: 660px) { body { width: 660px; } } |