Mercurial > moin-europython
annotate css/screen.css @ 19:e5ca9240ace3
Small tweaks in the menu looks: adjusted height, made it small-caps.
| author | Radomir Dopieralski <sheep@stxnext.pl> |
|---|---|
| date | Mon, 14 Mar 2011 17:04:00 +0100 |
| parents | be1e178f9831 |
| children | 677fc5200106 |
| rev | line source |
|---|---|
| 3 | 1 html { |
| 2 height: 100%; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
3 font-size: 103%; |
|
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
4 font-family: Arial,Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif; |
| 3 | 5 } |
| 6 body { | |
| 7 position: relative; | |
| 8 min-height: 100%; | |
|
19
e5ca9240ace3
Small tweaks in the menu looks: adjusted height, made it small-caps.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
18
diff
changeset
|
9 line-height: 1.4; |
| 3 | 10 } |
| 11 form#searchform { | |
| 12 float: right; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
13 margin: 16px 4% 0 0; |
| 3 | 14 } |
| 15 form#searchform input#searchinput { | |
| 16 border: 1px solid #c4cccc; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
17 font-size: 88%; |
| 3 | 18 vertical-align: middle; |
| 19 } | |
| 20 form#searchform input#fullsearch, | |
| 21 form#searchform input#titlesearch { | |
| 22 border-top: 1px solid #c4cccc; | |
| 23 border-left: 1px solid #c4cccc; | |
| 24 border-bottom: 1px solid #6f7777; | |
| 25 border-right: 1px solid #6f7777; | |
| 26 background: #f8f7f7 url(../img/button-on-bg.png) no-repeat; | |
| 27 font-weight: bold; | |
| 28 color: #223344; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
29 font-size: 90%; |
|
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
30 text-transform: lowercase; |
| 3 | 31 vertical-align: middle; |
| 32 } | |
| 33 div#header { | |
| 34 background: url(../img/header-bg2.png) repeat-x; | |
| 35 border-bottom: 1px solid #999; | |
| 36 height: 80px; | |
| 37 padding: 1px 0; | |
| 38 position: relative; | |
| 39 } | |
| 40 div#logo { | |
| 41 float: left; | |
|
17
98f2eb46b08e
Move the logo to the same place as on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
16
diff
changeset
|
42 margin: 10px 0 0 3%; |
|
98f2eb46b08e
Move the logo to the same place as on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
16
diff
changeset
|
43 height: 71px; |
|
98f2eb46b08e
Move the logo to the same place as on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
16
diff
changeset
|
44 width: 211px; |
| 3 | 45 text-align: center; |
| 46 } | |
| 7 | 47 div#logo a { |
| 48 outline: none; | |
| 49 } | |
| 3 | 50 div#sidebar { |
| 51 float: left; | |
|
18
be1e178f9831
Tweak layout to adjust to changing font sizes on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
17
diff
changeset
|
52 width: 13.2em; |
|
be1e178f9831
Tweak layout to adjust to changing font sizes on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
17
diff
changeset
|
53 padding: 0 0.4em 0 1.4em; |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
54 margin: 0 0 0 3%; |
| 3 | 55 color: #4b5a6a; |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
56 font-size: 75%; |
| 3 | 57 } |
| 58 div#sidebar h1 { | |
| 59 font-weight: bold; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
60 font-size: 103%; |
| 3 | 61 color: #4b5a6a; |
| 62 font-family: sans-serif; | |
| 63 margin: 0.5em; | |
| 64 } | |
| 65 div#sidebar ul#navibar { | |
| 66 padding: 0; | |
| 67 margin: 0; | |
| 68 } | |
| 69 div#sidebar ul#navibar li { | |
| 70 margin: 0; | |
| 71 padding: 0; | |
| 72 border: none; | |
| 73 list-style: none; | |
| 74 display: block; | |
|
19
e5ca9240ace3
Small tweaks in the menu looks: adjusted height, made it small-caps.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
18
diff
changeset
|
75 font-variant: small-caps; |
| 3 | 76 } |
| 77 div#sidebar ul#navibar li a { | |
| 78 display: block; | |
| 79 border: 1px solid #dadada; | |
| 80 margin: 4px 0 0 0; | |
| 81 background: #f4f4f4 url(../img/nav-off-bg.png) 100% 0 no-repeat; | |
| 82 color: #4b5a6a; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
83 font-family: Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif; |
| 3 | 84 padding: 2px 4px; |
| 85 overflow: hidden; | |
| 86 white-space: nowrap; | |
| 87 } | |
| 88 div#sidebar ul#navibar li.current a { | |
| 89 background: #f4f4f4 url(../img/nav-on-bg.png) 100% 0 no-repeat; | |
| 90 border-left: 3px solid #ffdb4c; | |
| 91 color: #000; | |
| 92 } | |
| 93 div#sidebar ul { | |
| 94 margin: 0; | |
| 95 padding: 0; | |
| 96 } | |
| 97 div#sidebar ul li { | |
| 98 list-style: url(../img/bullet.gif); | |
| 99 margin: 2px 0 2px 2em; | |
| 100 padding: 0; | |
| 101 } | |
| 102 div#sidebar ul li a { | |
| 103 color: #3c4b7b; | |
| 104 text-decoration: none; | |
| 105 } | |
| 106 div#sidebar ul li a:hover { | |
| 107 color: #000; | |
| 108 text-decoration: underline; | |
| 109 } | |
| 110 div#sidebar select { | |
| 111 width: 100%; | |
| 112 font-size: 12px; | |
| 113 } | |
| 114 div#content { | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
115 margin: 0 1.5em 0 3%; |
|
18
be1e178f9831
Tweak layout to adjust to changing font sizes on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
17
diff
changeset
|
116 padding: 12px 0 0 16.5em; |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
117 font-size: 86%; |
|
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
118 line-height: 1.5; |
| 3 | 119 } |
| 120 div#footer { | |
| 6 | 121 clear: both; |
| 10 | 122 margin: 1em 1.5em 0 242px; |
| 123 border-top: 1px solid #ddd; | |
| 124 padding: 0.5em 0; | |
| 3 | 125 } |
| 126 ul#credits { | |
| 127 margin: 0; | |
| 128 padding: 0; | |
| 129 text-align: center; | |
| 130 font-size: 12px; | |
| 131 color: #999; | |
| 132 } | |
| 133 ul#credits a { | |
| 134 color: #666; | |
| 135 text-decoration: none; | |
| 136 } | |
| 137 ul#credits a:hover { | |
| 138 text-decoration: underline; | |
| 139 } | |
| 140 ul#credits li { | |
| 141 display: inline; | |
| 142 list-style: none; | |
| 143 margin: 1em; | |
| 144 } | |
| 145 #locationline { | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
146 font-size: 86%; |
| 3 | 147 position: absolute; |
| 148 bottom: 4px; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
149 left: 3%; |
|
18
be1e178f9831
Tweak layout to adjust to changing font sizes on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
17
diff
changeset
|
150 margin-left: 16.5em; |
| 3 | 151 background: url(../img/bullet.gif) no-repeat 0 50%; |
| 7 | 152 padding: 0 0 0 12px; |
| 3 | 153 } |
| 5 | 154 ul#pagetrail, |
| 3 | 155 #locationline ul { |
| 156 margin: 0; | |
| 157 padding: 0; | |
| 158 } | |
| 5 | 159 ul#pagetrail li, |
| 3 | 160 #locationline ul li { |
| 5 | 161 margin: 0 1em 0 0; |
| 3 | 162 padding: 0; |
| 163 display: inline; | |
| 164 list-style: none; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
165 font-size: 110%; |
| 3 | 166 } |
| 5 | 167 ul#pagetrail li a, |
| 3 | 168 #locationline ul li a { |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
169 color: #3A4969; |
| 3 | 170 text-decoration: none; |
| 171 } | |
| 5 | 172 ul#pagetrail li a:hover, |
| 3 | 173 #locationline ul li a:hover { |
| 174 text-decoration: underline; | |
| 175 } | |
| 176 #locationline ul li a.backlink { | |
| 177 font-weight: bold; | |
| 178 } | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
179 ul#pagetrail { |
| 5 | 180 position: absolute; |
| 181 bottom: -1.5em; | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
182 left: 3%; |
|
18
be1e178f9831
Tweak layout to adjust to changing font sizes on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
17
diff
changeset
|
183 margin-left: 16.5em; |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
184 font-size: 86%; |
| 5 | 185 } |
| 186 ul#pagetrail li { | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
187 font-size: 90%; |
| 5 | 188 padding: 0 0 0 12px; |
| 189 margin: 0; | |
| 190 background: url(../img/bullet.gif) 1px 50% no-repeat; | |
| 191 } | |
| 7 | 192 #message { |
| 193 position: absolute; | |
| 194 top: 0.5em; | |
| 195 left: 242px; | |
| 10 | 196 background: #fff; |
| 197 border: 1px solid #ddd; | |
| 7 | 198 padding: 0.5em; |
| 199 z-index: 10000; | |
| 200 font-size: 12px; | |
| 201 margin: 0 0.75em 0 0; | |
| 202 } | |
| 203 #message table { | |
| 204 max-width: 100%; | |
| 205 border: none; | |
| 206 } | |
| 207 #message table td { | |
| 208 border: none; | |
| 209 } | |
| 210 #message p { | |
| 211 margin: 0; | |
| 212 } | |
| 213 | |
| 214 #message input { | |
| 215 width: 100%; | |
| 216 } | |
| 217 #message .buttons input { | |
| 218 width: auto; | |
| 219 } | |
| 220 #editor { | |
|
11
549d75a66aee
increase editor padding to accomodate large messages
RadomirDopieralski
parents:
10
diff
changeset
|
221 padding: 6em 0 0 0; |
| 7 | 222 margin: 0.5em; |
| 223 } | |
| 224 #editor textarea { | |
| 225 display: block; | |
| 226 font-size: 100%; | |
| 12 | 227 width: 100%; |
| 7 | 228 } |
| 229 #editor-comment { | |
| 230 display: block; | |
| 231 width: 100%; | |
| 232 } | |
| 13 | 233 div#textcha { |
| 234 padding: 0.25em 1em; | |
| 235 background: #fff29f; | |
| 236 border: 1px solid #eee18e; | |
| 237 margin: 0.25em 0; | |
| 238 color: #630; | |
| 239 } | |
| 15 | 240 |
| 241 #pageinfo { | |
| 242 margin: 2em 2em 0.25em 0; | |
| 243 } | |
| 244 |
