wok-6.x annotate syslinux/stuff/tools/slitaz.css @ rev 1013
syslinux: new splash screen
| author | Pascal Bellard <pascal.bellard@slitaz.org> |
|---|---|
| date | Tue Jul 08 18:03:06 2008 +0000 (2008-07-08) |
| parents | 3685af5eccf4 |
| children |
| rev | line source |
|---|---|
| pascal@830 | 1 /* |
| pascal@830 | 2 CSS style for SliTaz GNU/Linux website |
| pascal@830 | 3 www.slitaz.org - (c) 2007 Pankso |
| pascal@830 | 4 */ |
| pascal@830 | 5 |
| pascal@830 | 6 body { |
| pascal@830 | 7 background: #222222; |
| pascal@830 | 8 color: black; |
| pascal@830 | 9 font: 13px sans-serif, vernada, arial; |
| pascal@830 | 10 margin: 0; |
| pascal@830 | 11 /* padding-bottom: 100%;*/ |
| pascal@830 | 12 } |
| pascal@830 | 13 |
| pascal@830 | 14 /* Accessibility */ |
| pascal@830 | 15 |
| pascal@830 | 16 #access { |
| pascal@830 | 17 position: absolute; |
| pascal@830 | 18 top: 1px; |
| pascal@830 | 19 right: 6px; |
| pascal@830 | 20 text-align: right; |
| pascal@830 | 21 width: 100%; |
| pascal@830 | 22 margin: 0; |
| pascal@830 | 23 font-size: 12px; |
| pascal@830 | 24 font-weight: bold; |
| pascal@830 | 25 } |
| pascal@830 | 26 |
| pascal@830 | 27 #access a { |
| pascal@830 | 28 background: inherit; |
| pascal@830 | 29 color: #222222; |
| pascal@830 | 30 text-decoration: none; |
| pascal@830 | 31 } |
| pascal@830 | 32 |
| pascal@830 | 33 #access a:hover { |
| pascal@830 | 34 background: inherit; |
| pascal@830 | 35 color: #EDEDED; |
| pascal@830 | 36 } |
| pascal@830 | 37 |
| pascal@830 | 38 /* Header and title */ |
| pascal@830 | 39 |
| pascal@830 | 40 #header{ |
| pascal@1013 | 41 background: #f0ba08 url(http://www.slitaz.org/pics/website/header.png) repeat-x top; |
| pascal@1013 | 42 /*background: #DF5F06 repeat-x top;*/ |
| pascal@830 | 43 color: black; |
| pascal@830 | 44 width: 100%; |
| pascal@830 | 45 height: 50px ; |
| pascal@830 | 46 border-top: 1px solid black; |
| pascal@830 | 47 border-bottom: 1px solid black; |
| pascal@830 | 48 margin-bottom: 30px; |
| pascal@830 | 49 } |
| pascal@830 | 50 |
| pascal@830 | 51 #titre{ |
| pascal@830 | 52 font-size: 16px; |
| pascal@830 | 53 font-weight: bolder ; |
| pascal@830 | 54 margin-left: 232px; |
| pascal@830 | 55 margin-top: 4px; |
| pascal@830 | 56 padding-top: 25px ; |
| pascal@830 | 57 } |
| pascal@830 | 58 |
| pascal@830 | 59 #logo { |
| pascal@830 | 60 position: absolute; |
| pascal@830 | 61 float: left; |
| pascal@830 | 62 margin-left: 32px; |
| pascal@830 | 63 margin-right: 20px; |
| pascal@830 | 64 margin-top: 0px; |
| pascal@830 | 65 } |
| pascal@830 | 66 |
| pascal@830 | 67 /* Navigation */ |
| pascal@830 | 68 |
| pascal@830 | 69 #nav { |
| pascal@830 | 70 position: absolute; |
| pascal@830 | 71 top: 100px; |
| pascal@830 | 72 right: 6px; |
| pascal@830 | 73 background: #eaeaea url(http://www.slitaz.org/pics/website/nav-tr.png) no-repeat top right; |
| pascal@830 | 74 color: black; |
| pascal@830 | 75 float: right; |
| pascal@830 | 76 width: 152px; |
| pascal@830 | 77 line-height: 1.3em; |
| pascal@830 | 78 text-align: center; |
| pascal@830 | 79 font-size: 12px; |
| pascal@830 | 80 font-weight: bold; |
| pascal@830 | 81 } |
| pascal@830 | 82 |
| pascal@830 | 83 #nav_top { |
| pascal@830 | 84 background: transparent url(http://www.slitaz.org/pics/website/nav-tl.png) no-repeat top left; |
| pascal@830 | 85 height: 12px; |
| pascal@830 | 86 } |
| pascal@830 | 87 |
| pascal@830 | 88 #nav_bottom { |
| pascal@830 | 89 background: transparent url(http://www.slitaz.org/pics/website/nav-bl.png) no-repeat bottom left; |
| pascal@830 | 90 height: 12px; |
| pascal@830 | 91 } |
| pascal@830 | 92 |
| pascal@830 | 93 #nav_bottom_img { |
| pascal@830 | 94 background: transparent url(http://www.slitaz.org/pics/website/nav-br.png) no-repeat bottom right; |
| pascal@830 | 95 height: 12px; |
| pascal@830 | 96 } |
| pascal@830 | 97 |
| pascal@830 | 98 #nav ul{ |
| pascal@830 | 99 list-style-type: none; |
| pascal@830 | 100 margin: 0px 0px 0px 6px; |
| pascal@830 | 101 padding: 2px; |
| pascal@830 | 102 } |
| pascal@830 | 103 |
| pascal@830 | 104 #nav li { |
| pascal@830 | 105 display: inline; |
| pascal@830 | 106 } |
| pascal@830 | 107 |
| pascal@830 | 108 #nav a { |
| pascal@830 | 109 color: #3E1220; |
| pascal@830 | 110 background: inherit; |
| pascal@830 | 111 display: block; |
| pascal@830 | 112 padding: 0.5px; |
| pascal@830 | 113 text-decoration: none; |
| pascal@830 | 114 } |
| pascal@830 | 115 |
| pascal@830 | 116 #nav a:hover { |
| pascal@830 | 117 color: #DF8F06; |
| pascal@830 | 118 text-decoration: none; |
| pascal@830 | 119 display: block; |
| pascal@830 | 120 } |
| pascal@830 | 121 |
| pascal@830 | 122 #nav i { |
| pascal@1013 | 123 color: #DF5F06; |
| pascal@830 | 124 } |
| pascal@830 | 125 |
| pascal@830 | 126 /* Page content */ |
| pascal@830 | 127 |
| pascal@830 | 128 #content, #content_bottom, #content_top { |
| pascal@830 | 129 background: white; |
| pascal@830 | 130 color: black; |
| pascal@830 | 131 text-align: justify; |
| pascal@830 | 132 } |
| pascal@830 | 133 |
| pascal@830 | 134 #content_top { |
| pascal@830 | 135 height: 14px; |
| pascal@830 | 136 margin: 0px 70px 0px 70px; |
| pascal@830 | 137 } |
| pascal@830 | 138 |
| pascal@830 | 139 #content { |
| pascal@830 | 140 height: auto; |
| pascal@830 | 141 margin: -6px 70px 0px 70px; |
| pascal@830 | 142 padding: 0px 72px 1px 72px; |
| pascal@830 | 143 /*background: white; |
| pascal@830 | 144 color: #333333;*/ |
| pascal@830 | 145 } |
| pascal@830 | 146 |
| pascal@830 | 147 #content_bottom { |
| pascal@830 | 148 height: 14px; |
| pascal@830 | 149 margin: 0px 70px 0px 70px; |
| pascal@830 | 150 /*clear: both;*/ |
| pascal@830 | 151 } |
| pascal@830 | 152 |
| pascal@830 | 153 #content li { |
| pascal@830 | 154 line-height: 1.5em; |
| pascal@830 | 155 text-align: left; |
| pascal@830 | 156 } |
| pascal@830 | 157 |
| pascal@830 | 158 /* Legal informations */ |
| pascal@830 | 159 |
| pascal@830 | 160 #copy { |
| pascal@830 | 161 font-size: 11px ; |
| pascal@830 | 162 text-align: center ; |
| pascal@830 | 163 background: transparent; |
| pascal@830 | 164 color: #a8a8a8; |
| pascal@830 | 165 padding-top: 10px; |
| pascal@830 | 166 } |
| pascal@830 | 167 |
| pascal@830 | 168 #copy a { |
| pascal@830 | 169 background: inherit; |
| pascal@830 | 170 color: #a8a8a8; |
| pascal@830 | 171 } |
| pascal@830 | 172 |
| pascal@830 | 173 #copy a:hover { |
| pascal@830 | 174 background: inherit; |
| pascal@830 | 175 color: #EDEDED; |
| pascal@830 | 176 } |
| pascal@830 | 177 |
| pascal@830 | 178 /* Footer */ |
| pascal@830 | 179 |
| pascal@830 | 180 #bottom { |
| pascal@830 | 181 float: none; |
| pascal@830 | 182 background: inherit; |
| pascal@830 | 183 color: black; |
| pascal@830 | 184 width: auto; |
| pascal@830 | 185 clear: both; |
| pascal@830 | 186 padding: 0; |
| pascal@830 | 187 margin: 0; |
| pascal@830 | 188 text-align: center; |
| pascal@830 | 189 vertical-align: middle; |
| pascal@830 | 190 } |
| pascal@830 | 191 |
| pascal@830 | 192 #news li { |
| pascal@830 | 193 list-style-type: square; |
| pascal@830 | 194 border-bottom: 1px dotted #BEBEBE; |
| pascal@830 | 195 margin-left: -25px; |
| pascal@830 | 196 padding: 4px 0px 4px 0px; |
| pascal@830 | 197 } |
| pascal@830 | 198 #gallery { |
| pascal@830 | 199 text-align: center; |
| pascal@830 | 200 } |
| pascal@830 | 201 |
| pascal@830 | 202 /* CSS class. */ |
| pascal@830 | 203 |
| pascal@830 | 204 .top_left, .top_right, .bottom_left, .bottom_right { |
| pascal@830 | 205 height: 14px; |
| pascal@830 | 206 width: 14px; |
| pascal@830 | 207 color: white; |
| pascal@830 | 208 background-color: #333333; |
| pascal@830 | 209 background-repeat: no-repeat; |
| pascal@830 | 210 } |
| pascal@830 | 211 |
| pascal@830 | 212 .top_left { |
| pascal@830 | 213 background-image: url(http://www.slitaz.org/pics/website/content-tl.png); |
| pascal@830 | 214 background-position: left top; |
| pascal@830 | 215 position: absolute; |
| pascal@830 | 216 } |
| pascal@830 | 217 |
| pascal@830 | 218 .top_right { |
| pascal@830 | 219 background-image: url(http://www.slitaz.org/pics/website/content-tr.png); |
| pascal@830 | 220 float: right; |
| pascal@830 | 221 } |
| pascal@830 | 222 |
| pascal@830 | 223 .bottom_left { |
| pascal@830 | 224 background-image: url(http://www.slitaz.org/pics/website/content-bl.png); |
| pascal@830 | 225 position: absolute; |
| pascal@830 | 226 } |
| pascal@830 | 227 |
| pascal@830 | 228 .bottom_right { |
| pascal@830 | 229 background-image: url(http://www.slitaz.org/pics/website/content-br.png); |
| pascal@830 | 230 float: right; |
| pascal@830 | 231 } |
| pascal@830 | 232 |
| pascal@1013 | 233 .buttons { |
| pascal@1013 | 234 background: inherit; |
| pascal@1013 | 235 color: white; |
| pascal@1013 | 236 float: right; |
| pascal@1013 | 237 position: absolute; |
| pascal@1013 | 238 right: 0px; |
| pascal@1013 | 239 top: 52px; |
| pascal@1013 | 240 padding: 2px 16px 2px 16px; |
| pascal@1013 | 241 font-size: 12px; |
| pascal@1013 | 242 font-weight: bold; |
| pascal@1013 | 243 } |
| pascal@1013 | 244 |
| pascal@830 | 245 /* HTML styles */ |
| pascal@830 | 246 |
| pascal@830 | 247 h1 { |
| pascal@830 | 248 color: #3E1220; |
| pascal@830 | 249 background: inherit; |
| pascal@830 | 250 text-align: left; |
| pascal@830 | 251 margin: 0px 0px 8px -58px; |
| pascal@830 | 252 } |
| pascal@830 | 253 |
| pascal@830 | 254 h2 { |
| pascal@830 | 255 color: #DF8F06; |
| pascal@830 | 256 border-left: 10px solid #F3F3F3; |
| pascal@830 | 257 padding: 0px 0px 0px 4px; |
| pascal@830 | 258 margin: 0; |
| pascal@830 | 259 } |
| pascal@830 | 260 |
| pascal@830 | 261 h3 { |
| pascal@830 | 262 font-weight: bold; |
| pascal@830 | 263 color: #6c0023; |
| pascal@830 | 264 background: inherit; |
| pascal@830 | 265 } |
| pascal@830 | 266 |
| pascal@830 | 267 a { |
| pascal@830 | 268 text-decoration: underline; |
| pascal@830 | 269 color: #0F314E; |
| pascal@830 | 270 background: inherit; |
| pascal@830 | 271 } |
| pascal@830 | 272 |
| pascal@830 | 273 a:hover { |
| pascal@830 | 274 text-decoration: none; |
| pascal@830 | 275 color: blue; |
| pascal@830 | 276 background: inherit; |
| pascal@830 | 277 } |
| pascal@830 | 278 |
| pascal@830 | 279 code { |
| pascal@830 | 280 font-size: 12px; |
| pascal@830 | 281 color: #669900; |
| pascal@830 | 282 background: inherit; |
| pascal@830 | 283 } |
| pascal@830 | 284 |
| pascal@830 | 285 tt { |
| pascal@830 | 286 color: #15EE15; |
| pascal@830 | 287 background: inherit; |
| pascal@830 | 288 } |
| pascal@830 | 289 |
| pascal@830 | 290 img { |
| pascal@830 | 291 border: 0pt none; |
| pascal@830 | 292 } |
| pascal@830 | 293 |
| pascal@830 | 294 fieldset { |
| pascal@830 | 295 background: #E2ECf6; |
| pascal@830 | 296 color: black; |
| pascal@830 | 297 margin-top: 25px; |
| pascal@830 | 298 border: 1px solid black; |
| pascal@830 | 299 } |
| pascal@830 | 300 |
| pascal@830 | 301 legend { |
| pascal@830 | 302 border: 1px solid black; |
| pascal@830 | 303 color: #6c0023; |
| pascal@830 | 304 background: #eaeaea; |
| pascal@830 | 305 font-weight: bold; |
| pascal@830 | 306 } |
| pascal@830 | 307 |
| pascal@830 | 308 pre { |
| pascal@830 | 309 padding: 5px; |
| pascal@830 | 310 color: black; |
| pascal@830 | 311 background: #E1E0B0; |
| pascal@830 | 312 } |
| pascal@830 | 313 |
| pascal@830 | 314 pre.script { |
| pascal@830 | 315 padding: 10px; |
| pascal@830 | 316 color: black; |
| pascal@830 | 317 background: #E8E8E8; |
| pascal@830 | 318 border: 1px inset #606060; |
| pascal@830 | 319 } |
| pascal@830 | 320 |
| pascal@830 | 321 textarea { |
| pascal@830 | 322 background: #E5E5E5; |
| pascal@830 | 323 margin-top: 12px; |
| pascal@830 | 324 } |
| pascal@830 | 325 |
| pascal@830 | 326 input[type=submit] { |
| pascal@830 | 327 background: #E5E5E5; |
| pascal@830 | 328 color: black; |
| pascal@830 | 329 border: 1px outset #111111; |
| pascal@830 | 330 font-weight: bold; |
| pascal@830 | 331 } |
| pascal@830 | 332 |
| pascal@830 | 333 input[type=submit]:hover { |
| pascal@830 | 334 background: #F3F3F3; |
| pascal@830 | 335 color: black; |
| pascal@830 | 336 } |
| pascal@830 | 337 |
| pascal@830 | 338 /* Packages pages */ |
| pascal@830 | 339 |
| pascal@830 | 340 .pkg_nav { |
| pascal@830 | 341 border-top: 1px solid black; |
| pascal@830 | 342 margin-top: 10px; |
| pascal@830 | 343 padding-top: 10px; |
| pascal@830 | 344 } |
| pascal@830 | 345 |
| pascal@830 | 346 pre.package { |
| pascal@830 | 347 padding: 0px; |
| pascal@830 | 348 color: black; |
| pascal@830 | 349 background: white; |
| pascal@830 | 350 } |
| pascal@830 | 351 |
| pascal@830 | 352 p.get { |
| pascal@830 | 353 text-align: center; |
| pascal@830 | 354 padding: 10px; |
| pascal@830 | 355 color: black; |
| pascal@830 | 356 background: #F3F3F3; |
| pascal@830 | 357 border: 1px solid #DEDEDE; |
| pascal@830 | 358 } |