Mercurial > hg > nginx-site
diff xsls/style.xsls @ 1308:f0383f5cfbb8
Design: reworked main layout.
| author | Valentin Bartenev <vbart@nginx.com> |
|---|---|
| date | Fri, 26 Sep 2014 19:12:57 +0400 |
| parents | 5188cb06bb13 |
| children | fd567779aac1 |
line wrap: on
line diff
--- a/xsls/style.xsls +++ b/xsls/style.xsls @@ -11,8 +11,31 @@ X:template style (lang) { body { background: white; color: black; font-family: Georgia, serif; + text-align: center; margin: 0; - padding: .5em .5em .5em 1.5em; } + padding: 0; } + #banner { background: black; + color: #F2F2F2; + padding: .3em 0; + box-shadow: 0 5px 10px black; } + #banner a { color: #00B140; } + #main { text-align: left; + margin: 0 auto; + min-width: 32em; + max-width: 64em; } + #menu { float: right; + width: 11em; + padding: 0 .5em 1em .5em; + border-left: 2px solid #DDD; } + #content { margin-right: 13.5em; + padding: 0 .2em 0 1.5em; } + h1 { display: block; + font-size: 3em; + text-align: left; + margin: 0; + margin-bottom: .5em; } + h1 img { width: 100%; } + h2 { text-align: center; } p { text-align: justify; } table.news p { margin-top: 0; } table.news td { vertical-align: baseline; } @@ -21,11 +44,10 @@ X:template style (lang) { white-space: nowrap; } table.donors td { vertical-align: baseline; } table.donors li { text-align: left; } - div.directive, #banner { - background: #F2F2F2; + div.directive { background: #F2F2F2; margin: 1em 0 1em -1em; - padding: .7em .7em .7em 1em; } - div.directive { border-top: 2px solid #DDD; } + padding: .7em .7em .7em 1em; + border-top: 2px solid #DDD; } div.directive th { padding-left: 0; padding-right: .5em; vertical-align: baseline; @@ -36,7 +58,6 @@ X:template style (lang) { margin: 0; } div.directive p { margin: .5em 0 0 .1em; font-size: .8em; } - #banner { margin: 0 0 0 -1em; } a.notrans { color: gray; text-decoration:none; } span.initial { font-size: 200%;