wok-6.x annotate syslinux/stuff/slitaz.css @ rev 786

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