wok-current annotate tazbb/stuff/web/slitaz.css @ rev 4491

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