deps/npm/html/static/style.css

   1 /*
   2
   3 Webfont: Gubblebum Blocky by Jelloween
   4 License: http://www.myfonts.com/viewlicense?type=web&buildid=2303021
   5 Webfonts copyright: Copyright (c) 2007 by Tjarda Koster. All rights reserved.
   6
   7 "Gubblebum Blocky" font
   8 Copyright (c) 2007 by Tjarda Koster, http://jelloween.deviantart.com
   9 included for use in the npm website and documentation,
  10 used with permission.
  11
  12 */
  13
  14 @font-face {
  15   font-family: gubblefont;
  16   src: url('webfonts/23242D_3_0.eot');
  17   src: url('webfonts/23242D_3_0.eot?#iefix') format('embedded-opentype'),
  18        url('webfonts/23242D_3_0.woff') format('woff'),
  19        url('webfonts/23242D_3_0.ttf') format('truetype');
  20 }
  21
  22 /* reset */
  23 * {
  24     margin:0;
  25     padding:0;
  26     border:none;
  27     font-family:inherit;
  28     font-size:inherit;
  29     font-weight:inherit;
  30 }
  31 :target::before {
  32   content:" >>> ";
  33   position:absolute;
  34   display:block;
  35   opacity:0.5;
  36   color:#f00;
  37   margin:0 0 0 -2em;
  38 }
  39 abbr, acronym {
  40   border-bottom:1px dotted #aaa;
  41 }
  42 kbd, code, pre {
  43   font-family:monospace;
  44     margin:0;
  45     font-size:18px;
  46     line-height:24px;
  47   background:#eee;
  48   outline:1px solid #ccc;
  49 }
  50 kbd code, kbd pre, kbd kbd,
  51 pre code, pre pre, pre kbd,
  52 code code, code pre, code kbd { outline: none }
  53 .dollar::before {
  54   content:"$ ";
  55   display:inline;
  56 }
  57 p, ul, ol, dl, pre {
  58     margin:30px 0;
  59     line-height:30px;
  60 }
  61 hr {
  62     margin:30px auto 29px;
  63     width:66%;
  64     height:1px;
  65     background:#aaa;
  66 }
  67 pre {
  68     display:block;
  69 }
  70 dd :first-child {
  71     margin-top:0;
  72 }
  73
  74 body {
  75     quotes:"“" "”" "‘" "’";
  76     width:666px;
  77     margin:30px auto 120px;
  78     font-family:Times New Roman, serif;
  79     font-size:20px;
  80     background:#fff;
  81     line-height:30px;
  82     color:#111;
  83 }
  84
  85 blockquote {
  86     position:relative;
  87     font-size:16px;
  88     line-height:30px;
  89     font-weight:bold;
  90     width:85%;
  91     margin:0 auto;
  92 }
  93 blockquote::before {
  94     font-size:90px;
  95     display:block;
  96     position:absolute;
  97     top:20px;
  98     right:100%;
  99     content:"“";
 100     padding-right:10px;
 101     color:#ccc;
 102 }
 103 .source cite::before {
 104     content:"— ";
 105 }
 106 .source {
 107     padding-left:20%;
 108     margin-top:30px;
 109 }
 110 .source cite span {
 111     font-style:normal;
 112 }
 113 blockquote p {
 114     margin-bottom:0;
 115 }
 116 .quote blockquote {
 117     font-weight:normal;
 118 }
 119
 120 h1, h2, h3, h4, h5, h6, dt, #header {
 121   font-family:serif;
 122   font-size:20px;
 123   font-weight:bold;
 124 }
 125 h2 {
 126   background:#eee;
 127 }
 128 h1, h2 {
 129   line-height:40px;
 130 }
 131
 132 i, em, cite {
 133     font-style:italic;
 134 }
 135 b, strong {
 136     font-weight:bold;
 137 }
 138 i, em, cite, b, strong, small {
 139     line-height:28px;
 140 }
 141 small, .small, .small *, aside {
 142     font-style:italic;
 143     color:#669;
 144     font-size:18px;
 145 }
 146 small a, .small a {
 147     text-decoration:underline;
 148 }
 149 del {
 150     text-decoration:line-through;
 151 }
 152 ins {
 153     text-decoration:underline;
 154 }
 155 .alignright { display:block; float:right; margin-left:1em; }
 156 .alignleft { display:block; float:left; margin-right:1em; }
 157
 158 q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
 159 q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
 160 q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
 161 q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }
 162
 163 a { color:#00f; text-decoration:none; }
 164 a:visited { color:#636; }
 165 a:hover, a:active { color:#900!important; text-decoration:underline; }
 166
 167 h1 {
 168   font-weight:bold;
 169   background:#fff;
 170 }
 171 h1 a, h1 a:visited {
 172   font-family:gubblefont, Gubblebum-Blocky, GubbleBum Blocky, GubbleBum, monospace;
 173   font-size:60px;
 174   color:#900;
 175   display:block;
 176 }
 177 h1 a:focus, h1 a:hover, h1 a:active {
 178   color:#f00!important;
 179   text-decoration:none;
 180 }
 181
 182 .navigation {
 183     display:table;
 184     width:100%;
 185     margin:0 0 30px 0;
 186     position:relative;
 187 }
 188 #nav-above {
 189     margin-bottom:0;
 190 }
 191 .navigation .nav-previous {
 192     display:table-cell;
 193     text-align:left;
 194     width:50%;
 195 }
 196 /* hang the » and « off into the margins */
 197 .navigation .nav-previous a:before, .navigation .nav-next a:after {
 198     content: "«";
 199     display:block;
 200     height:30px;
 201     margin-bottom:-30px;
 202     text-decoration:none;
 203     margin-left:-15px;
 204 }
 205 .navigation .nav-next a:after {
 206     content: "»";
 207     text-align:right;
 208     margin-left:0;
 209     margin-top:-30px;
 210     margin-right:-15px;
 211 }
 212
 213
 214 .navigation .nav-next {
 215     display:table-cell;
 216     text-align:right;
 217     width:50%;
 218 }
 219 .navigation a {
 220     display:block;
 221     width:100%;
 222     height:100%;
 223 }
 224
 225 input, button, textarea {
 226     border:0;
 227     line-height:30px;
 228 }
 229 textarea {
 230     height:300px;
 231 }
 232 input {
 233     height:30px;
 234     line-height:30px;
 235 }
 236 input.submit, input#submit, input.button, button, input[type=submit] {
 237     cursor:hand; cursor:pointer;
 238     outline:1px solid #ccc;
 239 }
 240
 241 #wrapper {
 242     margin-bottom:90px;
 243     position:relative;
 244     z-index:1;
 245     *zoom:1;
 246     background:#fff;
 247 }
 248 #wrapper:after {
 249     display:block;
 250     content:".";
 251     visibility:hidden;
 252     width:0;
 253     height:0;
 254     clear:both;
 255 }
 256
 257 .sidebar .xoxo > li {
 258     float:left;
 259     width:50%;
 260 }
 261 .sidebar li {
 262     list-style:none;
 263 }
 264 .sidebar #elsewhere {
 265     margin-left:-10%;
 266     margin-right:-10%;
 267 }
 268 .sidebar #rss-links, .sidebar #twitter-feeds {
 269     float:right;
 270     clear:right;
 271     width:20%;
 272 }
 273 .sidebar #comment {
 274   clear:both;
 275   float:none;
 276   width:100%;
 277 }
 278 .sidebar #search {
 279     clear:both;
 280     float:none;
 281     width:100%;
 282 }
 283 .sidebar #search h2 {
 284     margin-left:40%;
 285 }
 286 .sidebar #search #s {
 287     width:90%;
 288     float:left;
 289 }
 290 .sidebar #search #searchsubmit {
 291     width:10%;
 292     float:right;
 293 }
 294 .sidebar * {
 295     font-size:15px;
 296     line-height:30px;
 297 }
 298
 299 #footer, #footer * {
 300   text-align:right;
 301   font-size:16px;
 302   color:#ccc;
 303   font-style:italic;
 304   word-spacing:1em;
 305 }
 306
 307 #toc {
 308   position:absolute;
 309   top:0;
 310   right:0;
 311   padding:40px 0 40px 20px;
 312   margin:0;
 313   width:200px;
 314   opacity:0.2;
 315   z-index:-1;
 316 }
 317 #toc:hover {
 318   opacity:1;
 319   background:#fff;
 320   z-index:999;
 321 }
 322 #toc ul {
 323   padding:0;
 324   margin:0;
 325 }
 326 #toc, #toc li {
 327   list-style-type:none;
 328   font-size:15px;
 329   line-height:15px;
 330 }
 331 #toc li {
 332   padding:0 0 0 10px;
 333 }
 334 #toc li a {
 335   position:relative;
 336   display:block;
 337 }
 338
 339 @media print {
 340     a[href] {
 341         color:inherit;
 342     }
 343     a[href]:after {
 344         white-space:nowrap;
 345         content:" " attr(href);
 346     }
 347     a[href^=\#], .navigation {
 348         display:none;
 349     }
 350 }