Mercurial > moin-europython
annotate css/screen.css @ 26:7af5be7acdd8 draft default tip
Re-release under GPL to retain compatibility with MoinMoin
| author | Radomir Dopieralski <hg@dopieralski.pl> |
|---|---|
| date | Fri, 01 Jul 2022 18:31:31 +0200 |
| parents | 3995afe116b0 |
| children |
| 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 { | |
|
20
677fc5200106
Remove the "wiki" title from the menu, make the header the same height as on
Radomir Dopieralski <sheep@stxnext.pl>
parents:
19
diff
changeset
|
34 background: #f7f7f7 url(../img/header-bg2.png) repeat-x; |
| 3 | 35 border-bottom: 1px solid #999; |
|
20
677fc5200106
Remove the "wiki" title from the menu, make the header the same height as on
Radomir Dopieralski <sheep@stxnext.pl>
parents:
19
diff
changeset
|
36 height: 84px; |
| 3 | 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; |
|
20
677fc5200106
Remove the "wiki" title from the menu, make the header the same height as on
Radomir Dopieralski <sheep@stxnext.pl>
parents:
19
diff
changeset
|
54 margin: 19px 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 } | |
|
20
677fc5200106
Remove the "wiki" title from the menu, make the header the same height as on
Radomir Dopieralski <sheep@stxnext.pl>
parents:
19
diff
changeset
|
65 div#sidebar div.sidepanel:first-child h1 { |
|
677fc5200106
Remove the "wiki" title from the menu, make the header the same height as on
Radomir Dopieralski <sheep@stxnext.pl>
parents:
19
diff
changeset
|
66 display: none; |
|
677fc5200106
Remove the "wiki" title from the menu, make the header the same height as on
Radomir Dopieralski <sheep@stxnext.pl>
parents:
19
diff
changeset
|
67 } |
| 3 | 68 div#sidebar ul#navibar { |
| 69 padding: 0; | |
| 70 margin: 0; | |
| 71 } | |
| 72 div#sidebar ul#navibar li { | |
| 73 margin: 0; | |
| 74 padding: 0; | |
| 75 border: none; | |
| 76 list-style: none; | |
| 77 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
|
78 font-variant: small-caps; |
| 3 | 79 } |
| 80 div#sidebar ul#navibar li a { | |
| 81 display: block; | |
| 82 border: 1px solid #dadada; | |
| 83 margin: 4px 0 0 0; | |
| 84 background: #f4f4f4 url(../img/nav-off-bg.png) 100% 0 no-repeat; | |
| 85 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
|
86 font-family: Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif; |
| 3 | 87 padding: 2px 4px; |
| 88 overflow: hidden; | |
| 89 white-space: nowrap; | |
| 90 } | |
| 91 div#sidebar ul#navibar li.current a { | |
| 92 background: #f4f4f4 url(../img/nav-on-bg.png) 100% 0 no-repeat; | |
| 93 border-left: 3px solid #ffdb4c; | |
| 94 color: #000; | |
| 95 } | |
| 96 div#sidebar ul { | |
| 97 margin: 0; | |
| 98 padding: 0; | |
| 99 } | |
| 100 div#sidebar ul li { | |
| 101 list-style: url(../img/bullet.gif); | |
| 102 margin: 2px 0 2px 2em; | |
| 103 padding: 0; | |
| 104 } | |
| 105 div#sidebar ul li a { | |
| 106 color: #3c4b7b; | |
| 107 text-decoration: none; | |
| 108 } | |
| 109 div#sidebar ul li a:hover { | |
| 110 color: #000; | |
| 111 text-decoration: underline; | |
| 112 } | |
| 113 div#sidebar select { | |
| 114 width: 100%; | |
| 115 font-size: 12px; | |
| 116 } | |
| 117 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
|
118 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
|
119 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
|
120 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
|
121 line-height: 1.5; |
| 3 | 122 } |
| 123 div#footer { | |
| 6 | 124 clear: both; |
| 10 | 125 margin: 1em 1.5em 0 242px; |
| 126 border-top: 1px solid #ddd; | |
| 127 padding: 0.5em 0; | |
| 3 | 128 } |
| 129 ul#credits { | |
| 130 margin: 0; | |
| 131 padding: 0; | |
| 132 text-align: center; | |
| 133 font-size: 12px; | |
| 134 color: #999; | |
| 135 } | |
| 136 ul#credits a { | |
| 137 color: #666; | |
| 138 text-decoration: none; | |
| 139 } | |
| 140 ul#credits a:hover { | |
| 141 text-decoration: underline; | |
| 142 } | |
| 143 ul#credits li { | |
| 144 display: inline; | |
| 145 list-style: none; | |
| 146 margin: 1em; | |
| 147 } | |
| 148 #locationline { | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
149 font-size: 86%; |
| 3 | 150 position: absolute; |
| 151 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
|
152 left: 3%; |
|
18
be1e178f9831
Tweak layout to adjust to changing font sizes on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
17
diff
changeset
|
153 margin-left: 16.5em; |
| 3 | 154 background: url(../img/bullet.gif) no-repeat 0 50%; |
| 7 | 155 padding: 0 0 0 12px; |
| 3 | 156 } |
| 5 | 157 ul#pagetrail, |
| 3 | 158 #locationline ul { |
| 159 margin: 0; | |
| 160 padding: 0; | |
| 161 } | |
| 5 | 162 ul#pagetrail li, |
| 3 | 163 #locationline ul li { |
| 5 | 164 margin: 0 1em 0 0; |
| 3 | 165 padding: 0; |
| 166 display: inline; | |
| 167 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
|
168 font-size: 110%; |
| 3 | 169 } |
| 5 | 170 ul#pagetrail li a, |
| 3 | 171 #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
|
172 color: #3A4969; |
| 3 | 173 text-decoration: none; |
| 174 } | |
| 5 | 175 ul#pagetrail li a:hover, |
| 3 | 176 #locationline ul li a:hover { |
| 177 text-decoration: underline; | |
| 178 } | |
| 179 #locationline ul li a.backlink { | |
| 180 font-weight: bold; | |
| 181 } | |
|
16
5cd075e5422b
Adjust font sizes and layout to match the python.org website exactly
Radomir Dopieralski <sheep@stxnext.pl>
parents:
15
diff
changeset
|
182 ul#pagetrail { |
| 5 | 183 position: absolute; |
| 184 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
|
185 left: 3%; |
|
18
be1e178f9831
Tweak layout to adjust to changing font sizes on python.org
Radomir Dopieralski <sheep@stxnext.pl>
parents:
17
diff
changeset
|
186 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
|
187 font-size: 86%; |
| 5 | 188 } |
| 189 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
|
190 font-size: 90%; |
| 5 | 191 padding: 0 0 0 12px; |
| 192 margin: 0; | |
| 193 background: url(../img/bullet.gif) 1px 50% no-repeat; | |
| 194 } | |
| 7 | 195 #message { |
| 196 position: absolute; | |
| 197 top: 0.5em; | |
| 198 left: 242px; | |
| 10 | 199 background: #fff; |
| 200 border: 1px solid #ddd; | |
| 7 | 201 padding: 0.5em; |
| 202 z-index: 10000; | |
| 203 font-size: 12px; | |
| 204 margin: 0 0.75em 0 0; | |
| 205 } | |
| 206 #message table { | |
| 207 max-width: 100%; | |
| 208 border: none; | |
| 209 } | |
| 210 #message table td { | |
| 211 border: none; | |
| 212 } | |
| 213 #message p { | |
| 214 margin: 0; | |
| 215 } | |
| 216 | |
| 217 #message input { | |
| 218 width: 100%; | |
| 219 } | |
| 220 #message .buttons input { | |
| 221 width: auto; | |
| 222 } | |
| 223 #editor { | |
|
11
549d75a66aee
increase editor padding to accomodate large messages
RadomirDopieralski
parents:
10
diff
changeset
|
224 padding: 6em 0 0 0; |
| 7 | 225 margin: 0.5em; |
| 226 } | |
| 227 #editor textarea { | |
| 228 display: block; | |
| 229 font-size: 100%; | |
| 12 | 230 width: 100%; |
| 7 | 231 } |
| 232 #editor-comment { | |
| 233 display: block; | |
| 234 width: 100%; | |
| 235 } | |
| 13 | 236 div#textcha { |
| 237 padding: 0.25em 1em; | |
| 238 background: #fff29f; | |
| 239 border: 1px solid #eee18e; | |
| 240 margin: 0.25em 0; | |
| 241 color: #630; | |
| 242 } | |
| 15 | 243 |
| 244 #pageinfo { | |
| 245 margin: 2em 2em 0.25em 0; | |
| 246 } | |
| 247 | |
|
21
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
248 #star a { |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
249 display: block; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
250 overflow: hidden; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
251 width: 16px; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
252 height: 16px; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
253 text-indent: 16px; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
254 background: url('../img/star_off.png') no-repeat 50% 50%; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
255 position: absolute; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
256 top: 64px; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
257 left: 3%; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
258 margin-left: 17.5em; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
259 margin-top: -0.2em; |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
260 } |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
261 #star a.unsubscribe { |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
262 background-image: url('../img/star_on.png'); |
|
c636bfecbb1d
Add a subscribe link next to the page title.
Radomir Dopieralski <sheep@stxnext.pl>
parents:
20
diff
changeset
|
263 } |
|
24
3995afe116b0
Style the timings
Radomir Dopieralski <sheep-devel@sheep.art.pl>
parents:
21
diff
changeset
|
264 |
|
3995afe116b0
Style the timings
Radomir Dopieralski <sheep-devel@sheep.art.pl>
parents:
21
diff
changeset
|
265 ul#timings { |
|
3995afe116b0
Style the timings
Radomir Dopieralski <sheep-devel@sheep.art.pl>
parents:
21
diff
changeset
|
266 font-size: 50%; |
|
3995afe116b0
Style the timings
Radomir Dopieralski <sheep-devel@sheep.art.pl>
parents:
21
diff
changeset
|
267 color: #999; |
|
3995afe116b0
Style the timings
Radomir Dopieralski <sheep-devel@sheep.art.pl>
parents:
21
diff
changeset
|
268 } |
