first restyling: new background img and reworked style sheet aaa

post/bstyle.css

@@ -4,38 +4,45 @@ html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
 }
+
+@font-face {
+	font-family: 'Fixedsys';
+	src: url(./fonts/FSEX300.ttf);
+}
 @font-face {
 	font-family: 'Freemono';
-	src: url(../fonts/FreeMono.otf);
+	src: url(./fonts/FreeMono.otf);
 }
 body {
   color: #444;
-  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+  font-family: Fixedsys; 
   font-size: 12px;
   line-height: 1.7;
   padding: 1em;
   margin: auto;
   max-width: 42em;
-  background: lightgrey;
+  background-image: url("../img/backt.png");
+  background-repeat: repeat;
 }
 
+/* Link stuff */
 a {
-  color: black;
+  color: #06e;
   text-decoration: none;
 }
-
+/* visited link */
 a:visited {
-  color: #0b0080;
+  color: #0047a6;
 }
-
+/* hovering link */
 a:hover {
-  color: #06e;
+  color: #3284f1;
 }
-
+/* clicked on */
 a:active {
-  color: #faa700;
+  color: #e5effd;
 }
-
+/* only if a link was dragged but not went through or smthng */
 a:focus {
   outline: thin dotted;
 }
@@ -62,6 +69,7 @@ a::selection {
 
 p {
   margin: 1em 0;
+  color: #969696;
 }
 
 img {
@@ -69,7 +77,7 @@ img {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #111;
+  color: #e1e1e1;
   line-height: 125%;
   margin-top: 2em;
   font-weight: normal;
@@ -80,6 +88,7 @@ h4, h5, h6 {
 }
 
 h1 {
+  font-family: "Fixedsys"; 
   font-size: 2.5em;
 }
 
@@ -104,10 +113,10 @@ h6 {
 }
 
 blockquote {
-  color: #666666;
+  color: #d8d8d8;
   margin: 0;
   padding-left: 3em;
-  border-left: 0.5em red solid;
+  border-left: 0.5em #008fae solid;
 }
 
 hr {
@@ -121,10 +130,10 @@ hr {
 }
 
 pre, code, kbd, samp {
-  background-color: lightblue;
+  background-color: #000;
   border-radius: 8px; 
   padding: 8px;
-  color: #000;
+  color: #00cc03;
   font-family: Freemono, monospace, monospace;
   _font-family: 'courier new', monospace;
   font-size: 0.98em;