Put style in a stylesheet

author: isaacs <i@izs.me> 2011-09-04 22:44:16 +0400
committer: isaacs <i@izs.me> 2011-09-04 22:44:16 +0400
commit: c3cac827b461795db3e5db8efa08ee4a468f667e (patch)
tree: 67c4a094bf96376b25e85422143defbe42e943c9 /html/dochead.html
parent: 91e17f831e69f12ba370ed90dfc73ad783fb7073 (diff)
1 files changed, 1 insertions, 332 deletions
diff --git a/html/dochead.html b/html/dochead.html
index 8b8b769b0..c96b0d733 100644
--- a/html/dochead.html
+++ b/html/dochead.html
@@ -2,338 +2,7 @@
 <html>
   <title>@NAME@</title>
   <meta http-equiv="content-type" value="text/html;utf-8">
-<style type="text/css">
-
-/* reset */
-* {
-    margin:0;
-    padding:0;
-    border:none;
-    font-family:inherit;
-    font-size:inherit;
-    font-weight:inherit;
-}
-:target::before {
-  content:" >>> ";
-  position:absolute;
-  display:block;
-  opacity:0.5;
-  color:#f00;
-  margin:0 0 0 -2em;
-}
-abbr, acronym {
-  border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
-  font-family:monospace;
-    margin:0;
-    font-size:18px;
-    line-height:24px;
-  background:#eee;
-  outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
-  content:"$ ";
-  display:inline;
-}
-p, ul, ol, dl, pre {
-    margin:30px 0;
-    line-height:30px;
-}
-hr {
-    margin:30px auto 29px;
-    width:66%;
-    height:1px;
-    background:#aaa;
-}
-pre {
-    display:block;
-}
-dd :first-child {
-    margin-top:0;
-}
-
-body {
-    quotes:"“" "”" "‘" "’";
-    width:666px;
-    margin:30px auto 120px;
-    font-family:Times New Roman, serif;
-    font-size:20px;
-    background:#fff;
-    line-height:30px;
-    color:#111;
-}
-
-blockquote {
-    position:relative;
-    font-size:16px;
-    line-height:30px;
-    font-weight:bold;
-    width:85%;
-    margin:0 auto;
-}
-blockquote::before {
-    font-size:90px;
-    display:block;
-    position:absolute;
-    top:20px;
-    right:100%;
-    content:"“";
-    padding-right:10px;
-    color:#ccc;
-}
-.source cite::before {
-    content:"— ";
-}
-.source {
-    padding-left:20%;
-    margin-top:30px;
-}
-.source cite span {
-    font-style:normal;
-}
-blockquote p {
-    margin-bottom:0;
-}
-.quote blockquote {
-    font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
-  font-family:serif;
-  font-size:20px;
-  font-weight:bold;
-}
-h2 {
-  background:#eee;
-}
-h1, h2 {
-  line-height:40px;
-}
-
-i, em, cite {
-    font-style:italic;
-}
-b, strong { 
-    font-weight:bold;
-}
-i, em, cite, b, strong, small {
-    line-height:28px;
-}
-small, .small, .small *, aside {
-    font-style:italic;
-    color:#669;
-    font-size:18px;
-}
-spall a, .small a {
-    text-decoration:underline;
-}
-del {
-    text-decoration:line-through;
-}
-ins {
-    text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
-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:"‘"; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
-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:"’"; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
-  font-weight:bold;
-  background:#fff;
-}
-h1 a, h1 a:visited {
-  font-family:GubbleBum, gubblefont, monospace;
-  font-size:60px;
-  color:#900;
-  display:block;
-}
-
-.navigation {
-    display:table;
-    width:100%;
-    margin:0 0 30px 0;
-    position:relative;
-}
-#nav-above {
-    margin-bottom:0;
-}
-.navigation .nav-previous {
-    display:table-cell;
-    text-align:left;
-    width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
-    content: "«";
-    display:block;
-    height:30px;
-    margin-bottom:-30px;
-    text-decoration:none;
-    margin-left:-15px;
-}
-.navigation .nav-next a:after {
-    content: "»";
-    text-align:right;
-    margin-left:0;
-    margin-top:-30px;
-    margin-right:-15px;
-}
-
-
-.navigation .nav-next {
-    display:table-cell;
-    text-align:right;
-    width:50%;
-}
-.navigation a {
-    display:block;
-    width:100%;
-    height:100%;
-}
-
-input, button, textarea {
-    border:0;
-    line-height:30px;
-}
-textarea {
-    height:300px;
-}
-input {
-    height:30px;
-    line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
-    cursor:hand; cursor:pointer;
-    outline:1px solid #ccc;
-}
-
-#wrapper {
-    margin-bottom:90px;
-    position:relative;
-    z-index:1;
-    *zoom:1;
-    background:#fff;
-}
-#wrapper:after {
-    display:block;
-    content:".";
-    visibility:hidden;
-    width:0;
-    height:0;
-    clear:both;
-}
-
-.sidebar .xoxo > li {
-    float:left;
-    width:50%;
-}
-.sidebar li {
-    list-style:none;
-}
-.sidebar #elsewhere {
-    margin-left:-10%;
-    margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
-    float:right;
-    clear:right;
-    width:20%;
-}
-.sidebar #comment {
-  clear:both;
-  float:none;
-  width:100%;
-}
-.sidebar #search {
-    clear:both;
-    float:none;
-    width:100%;
-}
-.sidebar #search h2 {
-    margin-left:40%;
-}
-.sidebar #search #s {
-    width:90%;
-    float:left;
-}
-.sidebar #search #searchsubmit {
-    width:10%;
-    float:right;
-}
-.sidebar * {
-    font-size:15px;
-    line-height:30px;
-}
-
-#footer, #footer * {
-    margin:300px 0 0;
-    text-align:right;
-    font-size:14px;
-    line-height:90px;
-}
-
-#toc {
-  position:absolute;
-  top:0;
-  right:0;
-  padding:40px 0 40px 20px;
-  margin:0;
-  width:200px;
-  opacity:0.2;
-  z-index:-1;
-}
-#toc:hover {
-  opacity:1;
-  background:#fff;
-  z-index:999;
-}
-#toc ul {
-  padding:0;
-  margin:0;
-}
-#toc, #toc li {
-  list-style-type:none;
-  font-size:15px;
-  line-height:15px;
-}
-#toc li {
-  padding:0 0 0 10px;
-}
-#toc li a {
-  position:relative;
-  display:block;
-}
-
-@font-face {
-  font-family:gubblefont;
-  src: url(http://static.izs.me/fonts/GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
-    a[href] {
-        color:inherit;
-    }
-    a[href]:after {
-        white-space:nowrap;
-        content:" " attr(href);
-    }
-    a[href^=\#], .navigation {
-        display:none;
-    }
-}
-</style>
+  <link rel="stylesheet" type="text/css" href="./style.css">
 
   <body>
     <div id="wrapper">
author	isaacs <i@izs.me>	2011-09-04 22:44:16 +0400
committer	isaacs <i@izs.me>	2011-09-04 22:44:16 +0400
commit	c3cac827b461795db3e5db8efa08ee4a468f667e (patch)
tree	67c4a094bf96376b25e85422143defbe42e943c9 /html/dochead.html
parent	91e17f831e69f12ba370ed90dfc73ad783fb7073 (diff)