Mercurial > hg > nginx-site
comparison 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 |
comparison
equal
deleted
inserted
replaced
1307:c9e57a486a4b | 1308:f0383f5cfbb8 |
---|---|
9 | 9 |
10 <style type="text/css">!{ normalize-space(' | 10 <style type="text/css">!{ normalize-space(' |
11 body { background: white; | 11 body { background: white; |
12 color: black; | 12 color: black; |
13 font-family: Georgia, serif; | 13 font-family: Georgia, serif; |
14 text-align: center; | |
14 margin: 0; | 15 margin: 0; |
15 padding: .5em .5em .5em 1.5em; } | 16 padding: 0; } |
17 #banner { background: black; | |
18 color: #F2F2F2; | |
19 padding: .3em 0; | |
20 box-shadow: 0 5px 10px black; } | |
21 #banner a { color: #00B140; } | |
22 #main { text-align: left; | |
23 margin: 0 auto; | |
24 min-width: 32em; | |
25 max-width: 64em; } | |
26 #menu { float: right; | |
27 width: 11em; | |
28 padding: 0 .5em 1em .5em; | |
29 border-left: 2px solid #DDD; } | |
30 #content { margin-right: 13.5em; | |
31 padding: 0 .2em 0 1.5em; } | |
32 h1 { display: block; | |
33 font-size: 3em; | |
34 text-align: left; | |
35 margin: 0; | |
36 margin-bottom: .5em; } | |
37 h1 img { width: 100%; } | |
38 h2 { text-align: center; } | |
16 p { text-align: justify; } | 39 p { text-align: justify; } |
17 table.news p { margin-top: 0; } | 40 table.news p { margin-top: 0; } |
18 table.news td { vertical-align: baseline; } | 41 table.news td { vertical-align: baseline; } |
19 table.news .date { text-align: right; | 42 table.news .date { text-align: right; |
20 padding-right: 0.5em; | 43 padding-right: 0.5em; |
21 white-space: nowrap; } | 44 white-space: nowrap; } |
22 table.donors td { vertical-align: baseline; } | 45 table.donors td { vertical-align: baseline; } |
23 table.donors li { text-align: left; } | 46 table.donors li { text-align: left; } |
24 div.directive, #banner { | 47 div.directive { background: #F2F2F2; |
25 background: #F2F2F2; | |
26 margin: 1em 0 1em -1em; | 48 margin: 1em 0 1em -1em; |
27 padding: .7em .7em .7em 1em; } | 49 padding: .7em .7em .7em 1em; |
28 div.directive { border-top: 2px solid #DDD; } | 50 border-top: 2px solid #DDD; } |
29 div.directive th { padding-left: 0; | 51 div.directive th { padding-left: 0; |
30 padding-right: .5em; | 52 padding-right: .5em; |
31 vertical-align: baseline; | 53 vertical-align: baseline; |
32 text-align: left; | 54 text-align: left; |
33 font-weight: normal; } | 55 font-weight: normal; } |
34 div.directive td { vertical-align: baseline; } | 56 div.directive td { vertical-align: baseline; } |
35 div.directive pre { padding: 0; | 57 div.directive pre { padding: 0; |
36 margin: 0; } | 58 margin: 0; } |
37 div.directive p { margin: .5em 0 0 .1em; | 59 div.directive p { margin: .5em 0 0 .1em; |
38 font-size: .8em; } | 60 font-size: .8em; } |
39 #banner { margin: 0 0 0 -1em; } | |
40 a.notrans { color: gray; | 61 a.notrans { color: gray; |
41 text-decoration:none; } | 62 text-decoration:none; } |
42 span.initial { font-size: 200%; | 63 span.initial { font-size: 200%; |
43 float: left; | 64 float: left; |
44 padding-right: 10pt;} | 65 padding-right: 10pt;} |