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