Mercurial > moin-europython

comparison css/screen.css @ 16:5cd075e5422b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
15:99dbbfae7587 16:5cd075e5422b
1 html { 1 html {
2 height: 100%; 2 height: 100%;
3 font-size: 90%; 3 font-size: 103%;
4 font-family: Arial,Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif;
4 } 5 }
5 body { 6 body {
6 position: relative; 7 position: relative;
7 min-height: 100%; 8 min-height: 100%;
8 } 9 }
9 form#searchform { 10 form#searchform {
10 float: right; 11 float: right;
11 margin: 0.5em; 12 margin: 16px 4% 0 0;
12 } 13 }
13 form#searchform input#searchinput { 14 form#searchform input#searchinput {
14 border: 1px solid #c4cccc; 15 border: 1px solid #c4cccc;
15 font-size: 12px; 16 font-size: 88%;
16 vertical-align: middle; 17 vertical-align: middle;
17 } 18 }
18 form#searchform input#fullsearch, 19 form#searchform input#fullsearch,
19 form#searchform input#titlesearch { 20 form#searchform input#titlesearch {
20 border-top: 1px solid #c4cccc; 21 border-top: 1px solid #c4cccc;
22 border-bottom: 1px solid #6f7777; 23 border-bottom: 1px solid #6f7777;
23 border-right: 1px solid #6f7777; 24 border-right: 1px solid #6f7777;
24 background: #f8f7f7 url(../img/button-on-bg.png) no-repeat; 25 background: #f8f7f7 url(../img/button-on-bg.png) no-repeat;
25 font-weight: bold; 26 font-weight: bold;
26 color: #223344; 27 color: #223344;
27 font-size: 12px; 28 font-size: 90%;
29 text-transform: lowercase;
28 vertical-align: middle; 30 vertical-align: middle;
29 } 31 }
30 div#header { 32 div#header {
31 background: url(../img/header-bg2.png) repeat-x; 33 background: url(../img/header-bg2.png) repeat-x;
32 border-bottom: 1px solid #999; 34 border-bottom: 1px solid #999;
44 div#logo a { 46 div#logo a {
45 outline: none; 47 outline: none;
46 } 48 }
47 div#sidebar { 49 div#sidebar {
48 float: left; 50 float: left;
49 width: 162px; 51 width: 14.6em;
50 padding: 4px 0 0 48px; 52 padding: 4px 0 0 1.4em;
51 margin: 0 32px 0 0; 53 margin: 0 0 0 3%;
52 color: #4b5a6a; 54 color: #4b5a6a;
53 font-size: 12px; 55 font-size: 75%;
54 } 56 }
55 div#sidebar h1 { 57 div#sidebar h1 {
56 font-weight: bold; 58 font-weight: bold;
57 font-size: 100%; 59 font-size: 103%;
58 color: #4b5a6a; 60 color: #4b5a6a;
59 font-family: sans-serif; 61 font-family: sans-serif;
60 margin: 0.5em; 62 margin: 0.5em;
61 } 63 }
62 div#sidebar ul#navibar { 64 div#sidebar ul#navibar {
74 display: block; 76 display: block;
75 border: 1px solid #dadada; 77 border: 1px solid #dadada;
76 margin: 4px 0 0 0; 78 margin: 4px 0 0 0;
77 background: #f4f4f4 url(../img/nav-off-bg.png) 100% 0 no-repeat; 79 background: #f4f4f4 url(../img/nav-off-bg.png) 100% 0 no-repeat;
78 color: #4b5a6a; 80 color: #4b5a6a;
79 font-family: sans-serif; 81 font-family: Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif;
80 padding: 2px 4px; 82 padding: 2px 4px;
81 letter-spacing: 1px; 83 letter-spacing: 1px;
82 overflow: hidden; 84 overflow: hidden;
83 white-space: nowrap; 85 white-space: nowrap;
84 } 86 }
107 div#sidebar select { 109 div#sidebar select {
108 width: 100%; 110 width: 100%;
109 font-size: 12px; 111 font-size: 12px;
110 } 112 }
111 div#content { 113 div#content {
112 margin: 0 1.5em 0 242px; 114 margin: 0 1.5em 0 3%;
113 padding: 1.2em 0 0 0; 115 padding: 12px 0 0 19em;
116 font-size: 86%;
117 line-height: 1.5;
114 } 118 }
115 div#footer { 119 div#footer {
116 clear: both; 120 clear: both;
117 margin: 1em 1.5em 0 242px; 121 margin: 1em 1.5em 0 242px;
118 border-top: 1px solid #ddd; 122 border-top: 1px solid #ddd;
136 display: inline; 140 display: inline;
137 list-style: none; 141 list-style: none;
138 margin: 1em; 142 margin: 1em;
139 } 143 }
140 #locationline { 144 #locationline {
145 font-size: 86%;
141 position: absolute; 146 position: absolute;
142 bottom: 4px; 147 bottom: 4px;
143 left: 242px; 148 left: 3%;
149 margin-left: 19em;
144 background: url(../img/bullet.gif) no-repeat 0 50%; 150 background: url(../img/bullet.gif) no-repeat 0 50%;
145 padding: 0 0 0 12px; 151 padding: 0 0 0 12px;
146 } 152 }
147 ul#pagetrail, 153 ul#pagetrail,
148 #locationline ul { 154 #locationline ul {
153 #locationline ul li { 159 #locationline ul li {
154 margin: 0 1em 0 0; 160 margin: 0 1em 0 0;
155 padding: 0; 161 padding: 0;
156 display: inline; 162 display: inline;
157 list-style: none; 163 list-style: none;
164 font-size: 110%;
158 } 165 }
159 ul#pagetrail li a, 166 ul#pagetrail li a,
160 #locationline ul li a { 167 #locationline ul li a {
161 color: #000; 168 color: #3A4969;
162 text-decoration: none; 169 text-decoration: none;
163 } 170 }
164 ul#pagetrail li a:hover, 171 ul#pagetrail li a:hover,
165 #locationline ul li a:hover { 172 #locationline ul li a:hover {
166 text-decoration: underline; 173 text-decoration: underline;
167 } 174 }
168 #locationline ul li a.backlink { 175 #locationline ul li a.backlink {
169 font-weight: bold; 176 font-weight: bold;
170 } 177 }
171 #pagetrail { 178 ul#pagetrail {
172 position: absolute; 179 position: absolute;
173 bottom: -1.5em; 180 bottom: -1.5em;
174 left: 242px; 181 left: 3%;
175 font-size: 12px; 182 margin-left: 19em;
183 font-size: 86%;
176 } 184 }
177 ul#pagetrail li { 185 ul#pagetrail li {
186 font-size: 90%;
178 padding: 0 0 0 12px; 187 padding: 0 0 0 12px;
179 margin: 0; 188 margin: 0;
180 background: url(../img/bullet.gif) 1px 50% no-repeat; 189 background: url(../img/bullet.gif) 1px 50% no-repeat;
181 } 190 }
182 #message { 191 #message {