styling/style.css. revamped the default stylesheet a bit.

This is still not finished, though.

1 files changed, 72 insertions, 100 deletions

diff --git a/styling/style.css b/styling/style.css
index efe1e4b..09d5384 100644
--- a/styling/style.css
+++ b/styling/style.css
@@ -5,60 +5,73 @@
   
 */
 
-article {
-	font-size:1.50em; /* 1.88 */
+body {
+	font-size: 1.00em;
     font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
-    color:#787878;
+    color:#686868;
     margin-left:auto;
     margin-right:auto;
-    border:1px; 
-    padding:5px;
-    width:97%;
-    box-shadow: 1px 1.5px 3px 0.5px #bababa;
+    width:100%;
+	max-width: 720px;
 }
 
-h1, h2, h3, h4, h5 {
-    margin-left:auto;
-	margin-right:auto;
+h1, h2, h3, h4, h5, h6 {
 	border:1px;
     padding:5px;
-    width:75%;
     text-align:center;
 }
+
 h1 {
 	font-size:1.80em;
 }
 
-p, i, b{
-    margin-left:auto;
-    margin-right:auto;
-    border:1px;
+h2 {
+	font-size:1.75em;
+}
+
+h3 {
+	font-size:1.70em;
+}
+
+h4 {
+	font-size:1.65em;
+}
+
+h5 {
+	font-size:1.60em;
+}
+
+h6 {
+	font-size: 1.55em;
+}
+
+p, em, strong {
     padding:5px;
-    width:70%;
     text-align:justify;
     line-height:170%;
     -moz-word-wrap:break-word;
 }
+
+p, em, strong, blockquote, pre, ul{
+   margin-left:auto;
+   margin-right:auto;
+   width:70%;
+}
+
 .center {
     text-align:center;
 }
 
 blockquote {
-    font-size:0.77em;
-    color:#888888;
+    font-size:0.90em;
     text-align:justify;	
     background-color:#fcfcfc;
-    margin-left:auto;
-    margin-right:auto;
-    border:1px;
-    padding:5px;
-    width:60%;
 }
 
 span.monospace {
     border: 1px;
     padding: 1px;
-    font-size:0.625em;
+    font-size:0.80em;
     font-family:monospace;
 	background-color: #fcfcfc;
 	border: 1px solid #f0f0f0;
@@ -66,29 +79,23 @@ span.monospace {
 }
 
 pre {
+	background-color:#fcfcfc;
+	border: 1px solid #f0f0f0;
 	display:block;
 	font-family:monospace;
-	font-size:0.625em;
+	font-size:0.80em;
 	word-break:break-all;
 	word-wrap:break-word;
 	white-space:pre-wrap;
-	background-color:#fcfcfc;
-    margin-left:auto;
-    margin-right:auto;
 	margin-top:5px;
 	margin-bottom:5px;
-    border:1px solid #f0f0f0;
     padding:5px;
-    width:70%;
+
 }
 
 ul {
-    margin-left:auto;
-    margin-right:auto;
     border: 1px;
     padding:5px;
-    width:70%;
-    text-align:justify;
     line-height:170%;
     list-style: square;
     list-style-position: inside;
@@ -96,14 +103,10 @@ ul {
 
 
 div.time {
-	font-size:0.50em;
-    font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
+	font-size:0.70em;
 	color:#aaaaaa;
-	margin-left:auto;
-    margin-right:auto;
     border:1px;
     padding:5px;
-    width:20%;
     text-align:center;
 }
 
@@ -123,104 +126,73 @@ audio {
     padding: 10px;
 }
 
-a:link,a:visited {
- transition:border-bottom 0.3s, color 0.3s;
- -moz-transition:border-bottom 0.3s, color 0.3s;
- -webkit-transition:border-bottom 0.3s, color 0.3s;
- -o-transition:border-bottom 0.3s, color 0.3s;
- color:#686868;	 
- border-bottom:1px solid #d9d9d9;
- text-decoration:none;
+a {
+	text-decoration: none;
+	padding: 2px 0 1px;
+	border-bottom: 1px solid #d5d5d5;
+}
+
+a:link {
+	color:#686868;
 }
-a:hover,a:active {
- color:#000000;
- border-bottom: 1px;
- text-decoration:none;
+
+a:visited {
+	color: #787878;
+}
+
+a:hover {
+	background-color: #f5f5f5;
+	border-bottom: 0;
 }
 
 div.back {
-    font-size:0.7em;
-    font-family:junicode,"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
+    font-size:0.8em;
     text-align:center;
-	transition: opacity 1s;
-	-webkit-transition: opacity 1s;
-	opacity: 0.3;
     color:#989898;
-    margin-left:auto;
-    margin-right:auto;
     border:1px; 
     padding:5px;
-    width:7%;
-}
-div.back:hover {
-	opacity: 1.0;
 }
 
 footer {
-    font-size:0.8em;
-    font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
+    font-size:0.90em;
     text-align:center;
-    color:#989898;
-    margin-left:auto;
-    margin-right:auto;
+    color:#888888;
+	margin-top: 1.2em;
     border:1px; 
     padding:5px;
-    width:45%;
 }
 
 div.lastupdate {
-	font-size:0.6em;
-	font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
+	font-size:0.7em;
     text-align:center;
-	transition: opacity 1s;
-	-webkit-transition: opacity 1s;
-	opacity:0.3;
     color:#989898;
-    margin-left:auto;
-    margin-right:auto;
-    border:1px; 
+	margin-top: 1.2em;
+/*	border-top: 1px solid #dadada;*/
     padding:5px;
-    width:40%;
-}
-
-div.lastupdate:hover {
-	opacity: 1.0;
 }
 
 div.source {
-	font-size:0.5em;
+	font-size:0.7em;
 	font-family:monospace;
     text-align:center;
-	transition: opacity 1s;
-	-webkit-transition: opacity 1s;
-	opacity: 0.3;
-    color:#989898;
-    margin-left:auto;
-    margin-right:auto;
+	margin-top: 0.5em;
     border:1px; 
     padding:5px;
-    width:40%;
-}
-div.source:hover {
-	opacity: 1.0;
 }
 
+
 div.scruf {
-    font-size:0.9em;
-    font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
+    font-size:0.8em;
     text-align:center;
 	transition: opacity 1s;
 	-webkit-transition: opacity 1s;
-	opacity: 0.3;
+	opacity: 0.5;
     color:#bcbcbc;
-    margin-left:auto;
-    margin-right:auto;
     border:1px; 
     padding:5px;
-    width:40%;
+
 }
 
 div.scruf:hover {
 	opacity: 1.0;
-}
-
+}
\ No newline at end of file