|
| 1 | +/* |
| 2 | + * HTML5 Boilerplate |
| 3 | + * |
| 4 | + * What follows is the result of much research on cross-browser styling. |
| 5 | + * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, |
| 6 | + * Kroc Camen, and the H5BP dev community and team. |
| 7 | + */ |
| 8 | +/* ========================================================================== |
| 9 | + Base styles: opinionated defaults |
| 10 | + ========================================================================== */ |
| 11 | +/* line 13, sass/alternative.scss */ |
| 12 | +a, a:hover, a:focus { |
| 13 | + text-decoration: none; |
| 14 | +} |
| 15 | + |
| 16 | +/* ========================================================================== |
| 17 | + Chrome Frame prompt |
| 18 | + ========================================================================== */ |
| 19 | +/* line 21, sass/alternative.scss */ |
| 20 | +.chromeframe { |
| 21 | + margin: 0.2em 0; |
| 22 | + background: #ccc; |
| 23 | + color: #000; |
| 24 | + padding: 0.2em 0; |
| 25 | +} |
| 26 | + |
| 27 | +/* ========================================================================== |
| 28 | + Author's custom styles |
| 29 | + ========================================================================== */ |
| 30 | +/* ====== colors ====== */ |
| 31 | +/* ====== size ====== */ |
| 32 | +/* line 72, sass/alternative.scss */ |
| 33 | +body { |
| 34 | + background-color: #e6e9ed; |
| 35 | + color: #434a54; |
| 36 | +} |
| 37 | + |
| 38 | +/* line 77, sass/alternative.scss */ |
| 39 | +nav > a { |
| 40 | + display: block; |
| 41 | + padding: 1em; |
| 42 | + color: #aab2bd; |
| 43 | + border-bottom: 1px solid #656d78; |
| 44 | +} |
| 45 | +/* line 84, sass/alternative.scss */ |
| 46 | +nav > a:hover, nav > a:focus { |
| 47 | + background-color: #e6e9ed; |
| 48 | + color: #434a54; |
| 49 | +} |
| 50 | +/* line 89, sass/alternative.scss */ |
| 51 | +nav > a:last-child { |
| 52 | + border-bottom: 0px; |
| 53 | +} |
| 54 | + |
| 55 | +/* line 94, sass/alternative.scss */ |
| 56 | +.sidebar { |
| 57 | + position: fixed; |
| 58 | + width: 18em; |
| 59 | + height: 100%; |
| 60 | + background: #434a54; |
| 61 | + overflow-y: scroll; |
| 62 | + z-index: 4; |
| 63 | +} |
| 64 | + |
| 65 | +/* line 103, sass/alternative.scss */ |
| 66 | +.doc-content { |
| 67 | + position: absolute; |
| 68 | + width: 100%; |
| 69 | + padding: 1em 2em 2em 2em; |
| 70 | + padding-left: 20em; |
| 71 | +} |
| 72 | +/* line 109, sass/alternative.scss */ |
| 73 | +.doc-content > h3 { |
| 74 | + margin-top: 0px; |
| 75 | +} |
| 76 | + |
| 77 | +/* ====== resource styles ====== */ |
| 78 | +/* line 115, sass/alternative.scss */ |
| 79 | +.resource { |
| 80 | + padding: 1em; |
| 81 | + margin: 2em 0; |
| 82 | + background: #fff; |
| 83 | +} |
| 84 | + |
| 85 | +/* line 120, sass/alternative.scss */ |
| 86 | +.resource-endpoint { |
| 87 | + margin: 1em 0; |
| 88 | + border: 1px solid #e6e9ed; |
| 89 | + position: relative; |
| 90 | + height: 100px; |
| 91 | +} |
| 92 | +/* line 127, sass/alternative.scss */ |
| 93 | +.resource-endpoint .method-verb { |
| 94 | + background-color: #a0d468; |
| 95 | + position: absolute; |
| 96 | + width: 100px; |
| 97 | + height: 99px; |
| 98 | + padding: 35px; |
| 99 | +} |
| 100 | +/* line 135, sass/alternative.scss */ |
| 101 | +.resource-endpoint .method-info { |
| 102 | + position: absolute; |
| 103 | + left: 110px; |
| 104 | +} |
| 105 | + |
| 106 | +/* line 141, sass/alternative.scss */ |
| 107 | +.resource-endpoint-get .method-verb { |
| 108 | + background-color: #a0d468; |
| 109 | +} |
| 110 | + |
| 111 | +/* line 147, sass/alternative.scss */ |
| 112 | +.resource-endpoint-post .method-verb { |
| 113 | + background-color: #5d9cec; |
| 114 | + padding: 35px 30px; |
| 115 | +} |
| 116 | + |
| 117 | +/* line 154, sass/alternative.scss */ |
| 118 | +.resource-endpoint-put .method-verb { |
| 119 | + background-color: #ffce54; |
| 120 | +} |
| 121 | + |
| 122 | +/* line 160, sass/alternative.scss */ |
| 123 | +.resource-endpoint-delete .method-verb { |
| 124 | + background-color: #fc6e51; |
| 125 | + padding: 35px 25px; |
| 126 | +} |
| 127 | + |
| 128 | +/* ========================================================================== |
| 129 | + Helper classes |
| 130 | + ========================================================================== */ |
| 131 | +/* |
| 132 | + * Image replacement |
| 133 | + */ |
| 134 | +/* line 179, sass/alternative.scss */ |
| 135 | +.ir { |
| 136 | + background-color: transparent; |
| 137 | + border: 0; |
| 138 | + overflow: hidden; |
| 139 | + /* IE 6/7 fallback */ |
| 140 | + *text-indent: -9999px; |
| 141 | +} |
| 142 | + |
| 143 | +/* line 187, sass/alternative.scss */ |
| 144 | +.ir:before { |
| 145 | + content: ""; |
| 146 | + display: block; |
| 147 | + width: 0; |
| 148 | + height: 150%; |
| 149 | +} |
| 150 | + |
| 151 | +/* |
| 152 | + * Hide from both screenreaders and browsers: h5bp.com/u |
| 153 | + */ |
| 154 | +/* line 198, sass/alternative.scss */ |
| 155 | +.hidden { |
| 156 | + display: none !important; |
| 157 | + visibility: hidden; |
| 158 | +} |
| 159 | + |
| 160 | +/* |
| 161 | + * Hide only visually, but have it available for screenreaders: h5bp.com/v |
| 162 | + */ |
| 163 | +/* line 207, sass/alternative.scss */ |
| 164 | +.visuallyhidden { |
| 165 | + border: 0; |
| 166 | + clip: rect(0 0 0 0); |
| 167 | + height: 1px; |
| 168 | + margin: -1px; |
| 169 | + overflow: hidden; |
| 170 | + padding: 0; |
| 171 | + position: absolute; |
| 172 | + width: 1px; |
| 173 | +} |
| 174 | + |
| 175 | +/* |
| 176 | + * Extends the .visuallyhidden class to allow the element to be focusable |
| 177 | + * when navigated to via the keyboard: h5bp.com/p |
| 178 | + */ |
| 179 | +/* line 224, sass/alternative.scss */ |
| 180 | +.visuallyhidden.focusable:active, |
| 181 | +.visuallyhidden.focusable:focus { |
| 182 | + clip: auto; |
| 183 | + height: auto; |
| 184 | + margin: 0; |
| 185 | + overflow: visible; |
| 186 | + position: static; |
| 187 | + width: auto; |
| 188 | +} |
| 189 | + |
| 190 | +/* |
| 191 | + * Hide visually and from screenreaders, but maintain layout |
| 192 | + */ |
| 193 | +/* line 237, sass/alternative.scss */ |
| 194 | +.invisible { |
| 195 | + visibility: hidden; |
| 196 | +} |
| 197 | + |
| 198 | +/* |
| 199 | + * Clearfix: contain floats |
| 200 | + * |
| 201 | + * For modern browsers |
| 202 | + * 1. The space content is one way to avoid an Opera bug when the |
| 203 | + * `contenteditable` attribute is included anywhere else in the document. |
| 204 | + * Otherwise it causes space to appear at the top and bottom of elements |
| 205 | + * that receive the `clearfix` class. |
| 206 | + * 2. The use of `table` rather than `block` is only necessary if using |
| 207 | + * `:before` to contain the top-margins of child elements. |
| 208 | + */ |
| 209 | +/* line 254, sass/alternative.scss */ |
| 210 | +.clearfix:before, |
| 211 | +.clearfix:after { |
| 212 | + content: " "; |
| 213 | + /* 1 */ |
| 214 | + display: table; |
| 215 | + /* 2 */ |
| 216 | +} |
| 217 | + |
| 218 | +/* line 259, sass/alternative.scss */ |
| 219 | +.clearfix:after { |
| 220 | + clear: both; |
| 221 | +} |
| 222 | + |
| 223 | +/* |
| 224 | + * For IE 6/7 only |
| 225 | + * Include this rule to trigger hasLayout and contain floats. |
| 226 | + */ |
| 227 | +/* line 268, sass/alternative.scss */ |
| 228 | +.clearfix { |
| 229 | + *zoom: 1; |
| 230 | +} |
| 231 | + |
| 232 | +/* ========================================================================== |
| 233 | + EXAMPLE Media Queries for Responsive Design. |
| 234 | + These examples override the primary ('mobile first') styles. |
| 235 | + Modify as content requires. |
| 236 | + ========================================================================== */ |
| 237 | +@media only screen and (min-width: 35em) { |
| 238 | + /* Style adjustments for viewports that meet the condition */ |
| 239 | +} |
| 240 | +@media print, |
| 241 | +(-o-min-device-pixel-ratio: 5/4), |
| 242 | +(-webkit-min-device-pixel-ratio: 1.25), |
| 243 | +(min-resolution: 120dpi) { |
| 244 | + /* Style adjustments for high resolution devices */ |
| 245 | +} |
| 246 | +/* ========================================================================== |
| 247 | + Print styles. |
| 248 | + Inlined to avoid required HTTP connection: h5bp.com/r |
| 249 | + ========================================================================== */ |
| 250 | +@media print { |
| 251 | + /* line 295, sass/alternative.scss */ |
| 252 | + * { |
| 253 | + background: transparent !important; |
| 254 | + color: #000 !important; |
| 255 | + /* Black prints faster: h5bp.com/s */ |
| 256 | + box-shadow: none !important; |
| 257 | + text-shadow: none !important; |
| 258 | + } |
| 259 | + |
| 260 | + /* line 303, sass/alternative.scss */ |
| 261 | + a, |
| 262 | + a:visited { |
| 263 | + text-decoration: underline; |
| 264 | + } |
| 265 | + |
| 266 | + /* line 307, sass/alternative.scss */ |
| 267 | + a[href]:after { |
| 268 | + content: " (" attr(href) ")"; |
| 269 | + } |
| 270 | + |
| 271 | + /* line 311, sass/alternative.scss */ |
| 272 | + abbr[title]:after { |
| 273 | + content: " (" attr(title) ")"; |
| 274 | + } |
| 275 | + |
| 276 | + /* |
| 277 | + * Don't show links for images, or javascript/internal links |
| 278 | + */ |
| 279 | + /* line 321, sass/alternative.scss */ |
| 280 | + .ir a:after, |
| 281 | + a[href^="javascript:"]:after, |
| 282 | + a[href^="#"]:after { |
| 283 | + content: ""; |
| 284 | + } |
| 285 | + |
| 286 | + /* line 326, sass/alternative.scss */ |
| 287 | + pre, |
| 288 | + blockquote { |
| 289 | + border: 1px solid #999; |
| 290 | + page-break-inside: avoid; |
| 291 | + } |
| 292 | + |
| 293 | + /* line 331, sass/alternative.scss */ |
| 294 | + thead { |
| 295 | + display: table-header-group; |
| 296 | + /* h5bp.com/t */ |
| 297 | + } |
| 298 | + |
| 299 | + /* line 336, sass/alternative.scss */ |
| 300 | + tr, |
| 301 | + img { |
| 302 | + page-break-inside: avoid; |
| 303 | + } |
| 304 | + |
| 305 | + /* line 340, sass/alternative.scss */ |
| 306 | + img { |
| 307 | + max-width: 100% !important; |
| 308 | + } |
| 309 | + |
| 310 | + @page { |
| 311 | + margin: 0.5cm; |
| 312 | +} |
| 313 | + |
| 314 | + /* line 350, sass/alternative.scss */ |
| 315 | + p, |
| 316 | + h2, |
| 317 | + h3 { |
| 318 | + orphans: 3; |
| 319 | + widows: 3; |
| 320 | + } |
| 321 | + |
| 322 | + /* line 356, sass/alternative.scss */ |
| 323 | + h2, |
| 324 | + h3 { |
| 325 | + page-break-after: avoid; |
| 326 | + } |
| 327 | + |
| 328 | + /* line 360, sass/alternative.scss */ |
| 329 | + .sidebar { |
| 330 | + display: none; |
| 331 | + } |
| 332 | + |
| 333 | + /* line 364, sass/alternative.scss */ |
| 334 | + .doc-content { |
| 335 | + position: static; |
| 336 | + width: 100%; |
| 337 | + padding: 0em; |
| 338 | + } |
| 339 | + |
| 340 | + /* line 370, sass/alternative.scss */ |
| 341 | + .resource { |
| 342 | + page-break-after: always; |
| 343 | + } |
| 344 | +} |
0 commit comments