X-Git-Url: http://pileus.org/git/?p=~andy%2Faweather-web;a=blobdiff_plain;f=data%2Fglobal.css;h=aa85aad9ffe588effcf4f4f8b2427e38fdad59e5;hp=0e99fb45938adf48c107275e43443315ad55ed91;hb=b426e9a12546f78de9880f27b84aa7d0401916c5;hpb=5cd35e19a1d2d470ad5b8821c3a7c07b60076797 diff --git a/data/global.css b/data/global.css index 0e99fb4..aa85aad 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; @@ -187,8 +205,6 @@ body { ***********************/ /* Index page */ .buttons { - float: right; - width: 200px; margin-left: 25px; } @@ -197,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; @@ -215,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; } @@ -257,10 +284,8 @@ body { } .news dt { clear: both; - font-weight: bold; } .news dd { - margin-left: 10px; margin-bottom: 15px; } .note {