Mercurial > moin-europython
diff css/screen.css @ 16:5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
| author | Radomir Dopieralski <sheep@stxnext.pl> |
|---|---|
| date | Fri, 11 Mar 2011 13:38:14 +0100 |
| parents | 99dbbfae7587 |
| children | 98f2eb46b08e |
line wrap: on
line diff
--- a/css/screen.css Tue Feb 16 22:52:26 2010 +0100 +++ b/css/screen.css Fri Mar 11 13:38:14 2011 +0100 @@ -1,6 +1,7 @@ html { height: 100%; - font-size: 90%; + font-size: 103%; + font-family: Arial,Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif; } body { position: relative; @@ -8,11 +9,11 @@ } form#searchform { float: right; - margin: 0.5em; + margin: 16px 4% 0 0; } form#searchform input#searchinput { border: 1px solid #c4cccc; - font-size: 12px; + font-size: 88%; vertical-align: middle; } form#searchform input#fullsearch, @@ -24,7 +25,8 @@ background: #f8f7f7 url(../img/button-on-bg.png) no-repeat; font-weight: bold; color: #223344; - font-size: 12px; + font-size: 90%; + text-transform: lowercase; vertical-align: middle; } div#header { @@ -46,15 +48,15 @@ } div#sidebar { float: left; - width: 162px; - padding: 4px 0 0 48px; - margin: 0 32px 0 0; + width: 14.6em; + padding: 4px 0 0 1.4em; + margin: 0 0 0 3%; color: #4b5a6a; - font-size: 12px; + font-size: 75%; } div#sidebar h1 { font-weight: bold; - font-size: 100%; + font-size: 103%; color: #4b5a6a; font-family: sans-serif; margin: 0.5em; @@ -76,7 +78,7 @@ margin: 4px 0 0 0; background: #f4f4f4 url(../img/nav-off-bg.png) 100% 0 no-repeat; color: #4b5a6a; - font-family: sans-serif; + font-family: Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif; padding: 2px 4px; letter-spacing: 1px; overflow: hidden; @@ -109,8 +111,10 @@ font-size: 12px; } div#content { - margin: 0 1.5em 0 242px; - padding: 1.2em 0 0 0; + margin: 0 1.5em 0 3%; + padding: 12px 0 0 19em; + font-size: 86%; + line-height: 1.5; } div#footer { clear: both; @@ -138,9 +142,11 @@ margin: 1em; } #locationline { + font-size: 86%; position: absolute; bottom: 4px; - left: 242px; + left: 3%; + margin-left: 19em; background: url(../img/bullet.gif) no-repeat 0 50%; padding: 0 0 0 12px; } @@ -155,10 +161,11 @@ padding: 0; display: inline; list-style: none; + font-size: 110%; } ul#pagetrail li a, #locationline ul li a { - color: #000; + color: #3A4969; text-decoration: none; } ul#pagetrail li a:hover, @@ -168,13 +175,15 @@ #locationline ul li a.backlink { font-weight: bold; } -#pagetrail { +ul#pagetrail { position: absolute; bottom: -1.5em; - left: 242px; - font-size: 12px; + left: 3%; + margin-left: 19em; + font-size: 86%; } ul#pagetrail li { + font-size: 90%; padding: 0 0 0 12px; margin: 0; background: url(../img/bullet.gif) 1px 50% no-repeat;
