wok-6.x annotate tazbb/stuff/web/slitaz.css @ rev 5647

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