wok-6.x annotate tazpkg-web/stuff/style/slitaz.css @ rev 4799

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