tazwok annotate web/slitaz.css @ rev 197

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