X-Git-Url: http://pileus.org/git/?p=~andy%2Faweather-web;a=blobdiff_plain;f=data%2Fglobal.css;h=8268c1553f16e5135ab9149b068558378246278c;hp=f994c375ebacb463878f6e969e2a3e7f082e6205;hb=eaf055841ad55905978111e7e5d9b2ea58a09bff;hpb=9b78b2fa235fa558a311683cd9d1cfcc3fbc9efe diff --git a/data/global.css b/data/global.css index f994c37..8268c15 100644 --- 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; }