website annotate slitaz.css @ rev 563

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