Update icons and misc formatting

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

diff --git a/data/global.css b/data/global.css
index f994c375ebacb463878f6e969e2a3e7f082e6205..8268c1553f16e5135ab9149b068558378246278c 100644 (file)
--- a/data/global.css
+++ b/data/global.css
@@ -1,9 +1,8 @@
-/* Clearn defaults */
+/* Clear defaults */
 * {
        margin: 0;
        padding: 0;
        outline: 0;
-       position: relative; 
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -25,28 +24,31 @@ 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;
+       font-size: larger;
 }
 div.code {
        font-family: monospace;
@@ -56,27 +58,42 @@ div.code {
        margin-bottom: 5px;
        color: white;
        font-weight: bold;
+       font-size: larger;
+}
+
+dt {
+       font-weight: bold;
+}
+
+dd {
+       margin-left: 10px;
+}
+
+.col {
+       float: left;
+       margin:  -10px 30px 0px 20px;
 }
 
 /* Layout */
 body {
-       background: fixed;
        background-image: url('../images/main-bg.png');
        background-repeat: repeat-x;
        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 */
 .top {
-       height: 80px;
-       margin-top: 15px;
+       height: 75px;
+       margin-top: 20px;
        border-collapse: collapse;
+       position: relative;
 }
 
 .top * {
@@ -84,11 +101,11 @@ body {
 }
 
 .logo {
-       width: 130px;
        z-index: 1;
+       margin-right: 10px;
 }
 
-.title {
+.title, .title a {
        font-size: 22pt;
        font-weight: bold;
        font-style: italic;
@@ -97,7 +114,7 @@ body {
 
 .nav {
        position: absolute;
-       top: 45px;
+       top: 42px;
        left: 135px;
        right: 0px;
        z-index: 1;
@@ -145,7 +162,8 @@ body {
        background-color: white;
        color: black;
        margin-top: 20px;
-       padding: 24px;
+       padding:    24px;
+       padding-bottom: 36px;
        border:     solid 1px #bce;
        border-top: solid 1px #abd;
        border-radius: 8px;
@@ -160,11 +178,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 {
@@ -176,8 +205,6 @@ body {
  ***********************/
 /* Index page */
 .buttons {
-       float: right;
-       width: 200px;
        margin-left: 25px;
 }
 
@@ -185,37 +212,50 @@ body {
        margin-bottom: 10px;
 }
 
-.download {
+.download, a.download {
+       position: relative;
        display: block;
+       z-index: 1;
        height: 62px;
-       color: white;
-       padding: 8px 10px 8px 10px;
+       width: 150px;
+       color: #eee;
+       font-size: 11pt;
+       text-decoration: none;
+       padding: 8px 25px 8px 25px;
+       margin-bottom: 10px;
        background-image: url("../images/dl-bg.png");
        border-radius: 10px;
        -moz-border-radius: 10px;
        box-shadow: 0px 2px 2px rgba(0,0,0,0.30);
 }
 
+.download > * {
+       display: block;
+}
+
 .download:first-line {
+       color: #fff;
+       font-size: 1.3em;
        font-weight: bold;
-       font-style: italic;
-       line-height: 2em;
+       line-height: 1.9em;
+       text-shadow: 1px 1px 1px #666;
 }
 
 .download img {
        position: absolute;
-       top: 10px;
+       top:   10px;
        right: 10px;
 }
 
 .screen {
        float: right;
-       margin-left: 25px;
+       margin-left:  25px;
+       margin-right: 25px;
 }
 
-/* Screnshots */
+/* Screenshots */
 .gallery {
-       left: 0px; /* override ul */
+       padding: 0px; /* override ul */
        margin: 20px;
        font-size: larger;
 }
@@ -246,10 +286,8 @@ body {
 }
 .news dt {
        clear: both;
-       font-weight: bold;
 }
 .news dd {
-       margin-left:   10px;
        margin-bottom: 15px;
 }
 .note { 
@@ -284,22 +322,27 @@ dl.inline dt {
 dl.inline dt:after {
        content: ":";
 }
+dl.inline .hidden {
+       display: none;
+}
 h1 + .note,
-h2 + .note {
+h2 + .note,
+.note.left {
        text-align: left;
        margin-bottom: 10px;
 }
+dl.small dt {
+       width: 4em;
+}
 
-dl.inline dt {
-       display: block;
-       float: left;
-       clear: both;
-       font-weight: bold;
-       width: 8em;
+/* Asciidoc */
+.asciidoc p {
+       margin-top: 0.7em;
 }
-dl.inline dt:after {
-       content: ":";
+.asciidoc li p,
+.asciidoc td p {
+       margin-top: 0em;
 }
-dl.small dt {
-       width: 4em;
+.asciidoc .hdlist table {
+       padding-left: 1em;
 }