changes to stylesheet for gui project, and changes to the banner styles which make the language buttons fit and align nicely.
le@svn.torproject.org commited on 2005-08-10 00:45:03
Zeige 1 geänderte Dateien mit 117 Einfügungen und 10 Löschungen.
- stylesheet.css e035112dc..92b5472da
| ... | ... |
@@ -14,12 +14,18 @@ img {
|
| 14 | 14 |
border: 0; |
| 15 | 15 |
} |
| 16 | 16 |
|
| 17 |
+ |
|
| 18 |
+li {
|
|
| 19 |
+ margin: .2em .2em .2em 1em; |
|
| 20 |
+ |
|
| 21 |
+} |
|
| 22 |
+ |
|
| 17 | 23 |
/* this centers the page */ |
| 18 | 24 |
|
| 19 | 25 |
.center {
|
| 20 | 26 |
text-align: center; |
| 21 | 27 |
background-color: white; |
| 22 |
- margin: 10px auto 0 auto; |
|
| 28 |
+ margin: 0px auto 0 auto; |
|
| 23 | 29 |
width: 85%; |
| 24 | 30 |
} |
| 25 | 31 |
|
| ... | ... |
@@ -49,7 +55,7 @@ td.spacer {
|
| 49 | 55 |
width: 110px; |
| 50 | 56 |
} |
| 51 | 57 |
|
| 52 |
-/* the banner */ |
|
| 58 |
+ |
|
| 53 | 59 |
|
| 54 | 60 |
div.banner {
|
| 55 | 61 |
text-align: center; |
| ... | ... |
@@ -76,7 +85,7 @@ div.bottom {
|
| 76 | 85 |
|
| 77 | 86 |
div.sidebar {
|
| 78 | 87 |
float: right; |
| 79 |
- padding-top: 0px; |
|
| 88 |
+ padding-top: 10px; |
|
| 80 | 89 |
padding-right: 10px; |
| 81 | 90 |
padding-bottom: 15px; |
| 82 | 91 |
padding-left: 10px; |
| ... | ... |
@@ -84,16 +93,11 @@ div.sidebar {
|
| 84 | 93 |
text-align: center; |
| 85 | 94 |
} |
| 86 | 95 |
|
| 87 |
-a.current {
|
|
| 88 |
- color: #FF7F00; |
|
| 89 |
- font-weight: bold; |
|
| 90 |
- font-size: 1em; |
|
| 91 |
-} |
|
| 92 | 96 |
|
| 93 | 97 |
/* The main column (left text) */ |
| 94 | 98 |
|
| 95 | 99 |
div.main-column {
|
| 96 |
- padding: 0 0 10px 10px; |
|
| 100 |
+ padding: 15px 0 10px 10px; |
|
| 97 | 101 |
text-indent: 0pt; |
| 98 | 102 |
font-size: 1em; |
| 99 | 103 |
text-align: left; |
| ... | ... |
@@ -158,7 +162,10 @@ a.smalllink {
|
| 158 | 162 |
font-size: 0.8em; |
| 159 | 163 |
} |
| 160 | 164 |
|
| 165 |
+/* the banner */ |
|
| 166 |
+ |
|
| 161 | 167 |
table.banner {
|
| 168 |
+ width: 100%; |
|
| 162 | 169 |
height: 79px; |
| 163 | 170 |
margin-left: auto; |
| 164 | 171 |
margin-right: auto; |
| ... | ... |
@@ -180,7 +187,7 @@ td.banner-middle {
|
| 180 | 187 |
font-size: 1em; |
| 181 | 188 |
} |
| 182 | 189 |
|
| 183 |
-td.banner-middle a:link, td.banner-middle a:visited {
|
|
| 190 |
+td.banner-middle a, td.banner-middle a:visited {
|
|
| 184 | 191 |
color: white; |
| 185 | 192 |
font-weight: bold; |
| 186 | 193 |
font-size: 1em; |
| ... | ... |
@@ -195,8 +202,21 @@ td.banner-middle a:hover {
|
| 195 | 202 |
td.banner-right {
|
| 196 | 203 |
background-image: url("images/top-right.png");
|
| 197 | 204 |
background-repeat: no-repeat; |
| 205 |
+<<<<<<< stylesheet.css |
|
| 206 |
+ width: 40px; |
|
| 207 |
+ background-position: right; |
|
| 208 |
+ padding-top: 8px; |
|
| 209 |
+} |
|
| 210 |
+ |
|
| 211 |
+.banner-middle a.current {
|
|
| 212 |
+ text-decoration: none; |
|
| 213 |
+ color: #FF7F00; |
|
| 214 |
+ font-weight: bold; |
|
| 215 |
+ font-size: 1em; |
|
| 216 |
+======= |
|
| 198 | 217 |
width: auto; |
| 199 | 218 |
text-align: auto; |
| 219 |
+>>>>>>> 1.22 |
|
| 200 | 220 |
} |
| 201 | 221 |
|
| 202 | 222 |
.donatebutton {
|
| ... | ... |
@@ -225,3 +245,93 @@ td.banner-right {
|
| 225 | 245 |
color: orange; |
| 226 | 246 |
} |
| 227 | 247 |
|
| 248 |
+/* these styles are for the menu on the gui contest pages */ |
|
| 249 |
+ |
|
| 250 |
+.guileft {
|
|
| 251 |
+ width: 25%; |
|
| 252 |
+ float: left; |
|
| 253 |
+ padding: 0; |
|
| 254 |
+ margin: 0; |
|
| 255 |
+} |
|
| 256 |
+ |
|
| 257 |
+.guimenu {
|
|
| 258 |
+ border: 1px solid #AAA6AB; |
|
| 259 |
+ background-color: #E2DFE3; |
|
| 260 |
+ margin: 0 15px 15px 0; |
|
| 261 |
+ padding: 0; |
|
| 262 |
+} |
|
| 263 |
+ |
|
| 264 |
+.guimenuinner a {
|
|
| 265 |
+ display: block; |
|
| 266 |
+ text-decoration: none; |
|
| 267 |
+ padding: 2px 0px 0px 12px; |
|
| 268 |
+ margin: 0 0 0 0px; |
|
| 269 |
+ color: #333333; |
|
| 270 |
+} |
|
| 271 |
+ |
|
| 272 |
+.guimenuinner a:visited {
|
|
| 273 |
+ color: #333333; |
|
| 274 |
+} |
|
| 275 |
+ |
|
| 276 |
+.guimenuinner a:hover {
|
|
| 277 |
+ background-image: url(gui/img/arrow.png); |
|
| 278 |
+ background-repeat: no-repeat; |
|
| 279 |
+ background-position: left; |
|
| 280 |
+ color: #EF8012; |
|
| 281 |
+} |
|
| 282 |
+ |
|
| 283 |
+.guimenuinner a.on {
|
|
| 284 |
+ background-image: url(gui/img/arrow.png); |
|
| 285 |
+ background-repeat: no-repeat; |
|
| 286 |
+ background-position: left; |
|
| 287 |
+ color: #EF8012; |
|
| 288 |
+} |
|
| 289 |
+ |
|
| 290 |
+ |
|
| 291 |
+.guimenu h1 {
|
|
| 292 |
+ width: 85%; |
|
| 293 |
+ font-size: 16px; |
|
| 294 |
+ margin: 0 0 8px 0; |
|
| 295 |
+ padding: 0; |
|
| 296 |
+ border-bottom: 1px solid #AAA6AB; |
|
| 297 |
+} |
|
| 298 |
+ |
|
| 299 |
+.curveleft {
|
|
| 300 |
+ background-image: url(gui/img/corner-topleft.png); |
|
| 301 |
+ background-repeat: no-repeat; |
|
| 302 |
+ background-position: top left; |
|
| 303 |
+ margin: -1px; |
|
| 304 |
+} |
|
| 305 |
+ |
|
| 306 |
+.curveright {
|
|
| 307 |
+ background-image: url(gui/img/corner-topright.png); |
|
| 308 |
+ background-repeat: no-repeat; |
|
| 309 |
+ background-position: top right; |
|
| 310 |
+} |
|
| 311 |
+ |
|
| 312 |
+.guimenuinner {
|
|
| 313 |
+ |
|
| 314 |
+ padding: 0 10px 0 10px; |
|
| 315 |
+} |
|
| 316 |
+ |
|
| 317 |
+//.wiki {
|
|
| 318 |
+ padding: 5px 40px 0 0; |
|
| 319 |
+ display: block; |
|
| 320 |
+ text-align: right; |
|
| 321 |
+} |
|
| 322 |
+ |
|
| 323 |
+ |
|
| 324 |
+.curvebottomleft {
|
|
| 325 |
+ background-image: url(gui/img/corner-bottomleft.png); |
|
| 326 |
+ background-repeat: no-repeat; |
|
| 327 |
+ background-position: bottom left; |
|
| 328 |
+ margin: -1px; |
|
| 329 |
+} |
|
| 330 |
+ |
|
| 331 |
+.curvebottomright {
|
|
| 332 |
+ background-image: url(gui/img/corner-bottomright.png); |
|
| 333 |
+ background-repeat: no-repeat; |
|
| 334 |
+ background-position: bottom right; |
|
| 335 |
+} |
|
| 336 |
+ |
|
| 337 |
+ |
|
| 228 | 338 |