change layout

Signed-off-by: franck cuny <franck@lumberjaph.net>

1 files changed, 25 insertions, 17 deletions

diff --git a/static/css/screen.css b/static/css/screen.css
index db0938a..3dd13fa 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -2,11 +2,12 @@
 @import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular);
 
 body {
+   /* background-color: #ffffff; */
    background-color: #bfbfbf;
    color: #222;
-   line-height: 1.4em;          
+/*   line-height: 1.4em;          */
    font-family: 'Droid Sans',Verdana, sans-serif;
-   text-align: center;
+/*   text-align: center;*/
    font-size: 13px;
 }
 
@@ -34,7 +35,7 @@ p {
 }
 
 a {
-   color: #00a;
+   color: #660000;
    text-decoration: none;
 }
 
@@ -42,7 +43,7 @@ a {
    display: block;
    margin-left: auto;
    margin-right: auto;
-   -webkit-box-shadow: 0px 0px 10px #262526; -moz-box-shadow: 0px 0px 10px #262526;  box-shadow: 0px 0px 10px #262526;
+   -webkit-box-shadow: 5px 5px 5px #262526; -moz-box-shadow: 5px 5px 5px #262526;  box-shadow: 5px 5px 5px #262526;
 };
 
 a:hover {
@@ -71,29 +72,31 @@ ul.posts span {
 }
 
 .site {
-   background: #ffffff;
-   border-style: solid;
-   border-width: 5px;
+   background: #fafafa;
+/*   border-style: solid;
+   border-width: 1px;*/
    padding: 1em;
    font-size: 110%;
-   text-align: justify;
-   width: 55em;
+   width: 65em;
    margin: 3em auto 2em auto;
-   line-height: 1.5em;
-   -webkit-box-shadow: 10px 10px 10px #262526; -moz-box-shadow: 10px 10px 10px #262526;  box-shadow: 10px 10px 10px #262526;
+/*   -webkit-box-shadow: 10px 10px 10px #262526; -moz-box-shadow: 10px 10px 10px #262526;  box-shadow: 10px 10px 10px #262526;*/
    -moz-border-radius:5px;-webkit-border-radius:5px;
 }
 
+.intro {
+   font-size: 110%;
+   line-height: 1.6em;
+}
+
 .title {
-   color: #a00;
+/*   color: #a00;*/
    font-weight: bold;
    margin: .5em 1.1em .5em 1.1em;
-   font-size: 120%;
-
+   font-size: 180%;
 }
 
 .site .title a {
-   color: #a00;
+   color: #660000;
    text-decoration: none;
    -moz-transition: color .25s linear;
    -webkit-transition: color .25s linear;
@@ -105,9 +108,9 @@ ul.posts span {
 }
 
 .site .title a.extra {
-   color: #aaa;
+   color: #660000;
    text-decoration: none;
-   margin-left: 1em;
+/*   margin-left: 1em;*/
 }
 
 .site .title a.extra:hover {
@@ -146,10 +149,15 @@ ul.posts span {
 }
 
 #page {
+   text-align: justify;
+   line-height: 1.5em;
    margin: .5em 1.1em .5em 1.1em;
 }
 
 #post {
+   text-align: justify;
+   line-height: 1.5em;
+   padding-top: 2em;
    margin: .5em 1.1em .5em 1.1em;
 }