Update styles

[~andy/aweather-web] / data / global.css

diff --git a/data/global.css b/data/global.css
index f994c375ebacb463878f6e969e2a3e7f082e6205..c27137a163725a59c568f71f63cbb818e3d2b7a4 100644 (file)
--- a/data/global.css
+++ b/data/global.css
@@ -25,25 +25,27 @@ ul {
 
 /* Global styles */
 .content h1, h2 {
-       margin-top: 1em;
+       margin-top:    1.5em;
+       margin-bottom: 0.3em;
 }
 h3, h4, h5, h6 {
-       margin-top: 0.5em;
+       margin-top: 0.8em;
+       margin-bottom: 0.1em;
 }
-blockquote {
+.quote {
        font-style: italic;
        font-family: serif;
 }
-blockquote:before {
+.quote:before {
        font-weight: bold;
        content: '“';
 }
-blockquote:after {
+.quote:after {
        font-weight: bold;
        content: '”';
 }
 ul {
-       left: 30px;
+       padding-left: 30px;
 }
 span.code {
        font-family: monospace;
@@ -66,10 +68,11 @@ body {
        background-color: white;
        margin-left: auto;
        margin-right: auto;
-       font-family: 'DejaVu Sans', Arial, sans-serif;
+       font-family: 'DejaVu Sans Condensed', Arial, sans-serif;
+       font-size:   0.8em;
+       line-height: 1.5em;
        width: 850px;
        /* width: 80%; */
-
 }
 
 /* Header stuff */
@@ -160,11 +163,22 @@ body {
        text-decoration: underline;
 }
 
+.msg {
+       color: red;
+       clear: both;
+       position: relative;
+       top: -10px;
+       font-weight: bold;
+       font-style: italic;
+       text-align: center;
+}
+
 /* Footer */
 .footer, .footer * {
        text-align: center;
        font-size: 8pt;
        margin-top: 5px;
+       margin-bottom: 15px;
        color: #444;
 }
 .footer a {
@@ -187,8 +201,10 @@ body {
 
 .download {
        display: block;
+       z-index: 1;
        height: 62px;
        color: white;
+       font-size: 11pt;
        padding: 8px 10px 8px 10px;
        background-image: url("../images/dl-bg.png");
        border-radius: 10px;
@@ -196,6 +212,10 @@ body {
        box-shadow: 0px 2px 2px rgba(0,0,0,0.30);
 }
 
+.download > * {
+       display: block;
+}
+
 .download:first-line {
        font-weight: bold;
        font-style: italic;
@@ -215,7 +235,7 @@ body {
 
 /* Screnshots */
 .gallery {
-       left: 0px; /* override ul */
+       padding: 0px; /* override ul */
        margin: 20px;
        font-size: larger;
 }