X-Git-Url: http://pileus.org/git/?a=blobdiff_plain;ds=sidebyside;f=data%2Fglobal.css;h=aa85aad9ffe588effcf4f4f8b2427e38fdad59e5;hb=b426e9a12546f78de9880f27b84aa7d0401916c5;hp=f65efc91f4ed8fdcd58e6ac2fbc5f3d67b86942b;hpb=49bfe2490d94cf946b9fd521c69ee1ea46a3ee67;p=~andy%2Faweather-web diff --git a/data/global.css b/data/global.css index f65efc9..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: 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 * { @@ -92,7 +109,6 @@ body { font-size: 22pt; font-weight: bold; font-style: italic; - font-family: 'DejaVu Sans', sans-serif; color: #222; } @@ -112,10 +128,6 @@ body { } .nav .sep { - float: left; - clear: none; - display: block; - float: left; width: 0px; height: 36px; border-left: solid 1px #222; @@ -150,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; @@ -161,19 +174,26 @@ body { margin: 25px 0 25px 0; } -.content ul.left { - width: 250px; -} - .content a { 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 { @@ -185,8 +205,6 @@ body { ***********************/ /* Index page */ .buttons { - float: right; - width: 200px; margin-left: 25px; } @@ -195,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; @@ -213,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; } @@ -255,10 +284,8 @@ body { } .news dt { clear: both; - font-weight: bold; } .news dd { - margin-left: 10px; margin-bottom: 15px; } .note {