X-Git-Url: http://pileus.org/git/?p=~andy%2Faweather-web;a=blobdiff_plain;f=data%2Fglobal.css;h=f90982ef137cd574e1609be35cf466ad7aa00b49;hp=f994c375ebacb463878f6e969e2a3e7f082e6205;hb=2d531e0bda5605c677220f525f23bcbaaabffdf7;hpb=9b78b2fa235fa558a311683cd9d1cfcc3fbc9efe diff --git a/data/global.css b/data/global.css index f994c37..f90982e 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,20 +58,34 @@ 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 */ @@ -77,6 +93,7 @@ body { height: 80px; margin-top: 15px; border-collapse: collapse; + position: relative; } .top * { @@ -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; } @@ -186,16 +213,26 @@ body { } .download { + position: relative; display: block; + z-index: 1; height: 62px; + width: 150px; color: white; - padding: 8px 10px 8px 10px; + 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 { font-weight: bold; font-style: italic; @@ -204,18 +241,19 @@ body { .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 +284,8 @@ body { } .news dt { clear: both; - font-weight: bold; } .news dd { - margin-left: 10px; margin-bottom: 15px; } .note { @@ -285,7 +321,8 @@ dl.inline dt:after { content: ":"; } h1 + .note, -h2 + .note { +h2 + .note, +.left { text-align: left; margin-bottom: 10px; } @@ -303,3 +340,15 @@ dl.inline dt:after { dl.small dt { width: 4em; } + +/* Asciidoc */ +.asciidoc p { + margin-top: 0.7em; +} +.asciidoc li p, +.asciidoc td p { + margin-top: 0em; +} +.asciidoc .hdlist table { + padding-left: 1em; +}