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