X-Git-Url: http://pileus.org/git/?p=~andy%2Faweather-web;a=blobdiff_plain;f=data%2Fglobal.css;h=4d121fcf8a50d7e44a1ef869422fd358539eb624;hp=b3a75d9e59dd2d6e2c0126333407e817438a47a6;hb=8472fcba09b63d2096325a7f0aa344422e4d2567;hpb=de5ed3b6280431715ee843db2c24d28ec09449fd diff --git a/data/global.css b/data/global.css index b3a75d9..4d121fc 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,10 +24,12 @@ 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; } .quote { font-style: italic; @@ -43,10 +44,11 @@ h3, h4, h5, h6 { 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 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,20 +101,26 @@ body { } .logo { - width: 130px; z-index: 1; + margin-right: 10px; } -.title { +.title, .title a { font-size: 22pt; font-weight: bold; font-style: italic; color: #222; } +.subtitle, .subtitle a { + font-size: 22pt; + font-style: italic; + float: right; +} + .nav { position: absolute; - top: 45px; + top: 42px; left: 135px; right: 0px; z-index: 1; @@ -145,7 +168,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 +211,6 @@ body { ***********************/ /* Index page */ .buttons { - float: right; - width: 200px; margin-left: 25px; } @@ -196,12 +218,17 @@ 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; @@ -213,25 +240,28 @@ body { } .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; } @@ -262,10 +292,8 @@ body { } .news dt { clear: both; - font-weight: bold; } .news dd { - margin-left: 10px; margin-bottom: 15px; } .note { @@ -300,22 +328,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; }