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