SliTaz Repositories

     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/oldstuff/tazbb/stuff/web/slitaz.css	Wed Jul 30 12:24:08 2014 +0200
     1.3 @@ -0,0 +1,447 @@
     1.4 +/*
     1.5 +	CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux
     1.6 +*/
     1.7 +
     1.8 +html {
     1.9 +	min-height:  102%;
    1.10 +}
    1.11 +body {
    1.12 +	background: #ffffff;
    1.13 +	color: black;
    1.14 +	font: 13px sans-serif, vernada, arial;
    1.15 +	margin: 0;
    1.16 +	border-top: 34px solid #f1f1f1;
    1.17 +}
    1.18 +a { text-decoration: underline; color: #103a5e; }
    1.19 +a:hover { text-decoration: none; color: blue; }
    1.20 +img { border: 0pt none; }
    1.21 +
    1.22 +/* Accessibility */
    1.23 +
    1.24 +#access {
    1.25 +	position: absolute;
    1.26 +	top: 4px;
    1.27 +	right: 0px;
    1.28 +	text-align: right;
    1.29 +	width: auto;
    1.30 +	margin: 0;
    1.31 +	padding: 4px 4px 4px 20px;
    1.32 +	font-size: 11px;
    1.33 +	font-weight: bold;
    1.34 +}
    1.35 +#access a {
    1.36 +	background: transparent;
    1.37 +	color: #0F314E;
    1.38 +	text-decoration: none;
    1.39 +}
    1.40 +#access a:hover { color: #b64b22; }
    1.41 +#access img { vertical-align: middle; }
    1.42 +
    1.43 +/* Header */
    1.44 +
    1.45 +#header {
    1.46 +	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
    1.47 +	color: black;
    1.48 +	width: 100%;
    1.49 +	height: 42px;
    1.50 +	border-top: 1px solid black;
    1.51 +	border-bottom: 1px solid #999;
    1.52 +	margin-bottom: 33px;
    1.53 +}
    1.54 +#titre {
    1.55 +	position: absolute;
    1.56 +	font-size: 14px;
    1.57 +	font-weight: bolder ;
    1.58 +	left: 180px;
    1.59 +	top: 4px;
    1.60 +}
    1.61 +#logo {
    1.62 +	position: absolute;
    1.63 +	float: left;
    1.64 +	left: 16px;
    1.65 +	top: -10px;
    1.66 +	width: 200px;
    1.67 +	height: 74px;
    1.68 +}
    1.69 +
    1.70 +/* Side bar */
    1.71 +
    1.72 +#nav {
    1.73 +	position: absolute;
    1.74 +	top: 102px;
    1.75 +	right: 80px;
    1.76 +	color: #555555;
    1.77 +	float: right;
    1.78 +	width: 250px;
    1.79 +	line-height: 1.5em;
    1.80 +	text-align: left;
    1.81 +	font-size: 12px;
    1.82 +}
    1.83 +#nav h4 {
    1.84 +	font-size: 120%;
    1.85 +	color: #666666;
    1.86 +	font-weight: bold;
    1.87 +	margin: 0;
    1.88 +	padding: 0 0 1px 0;
    1.89 +	border-bottom: 1px solid #cecece;
    1.90 +}
    1.91 +#nav a {
    1.92 +	color: #0F314E;
    1.93 +	background: inherit;
    1.94 +	display: block;
    1.95 +	text-decoration: none;
    1.96 +	font-weight: bold;
    1.97 +}
    1.98 +#nav a:hover {
    1.99 +	color: #b64b22;
   1.100 +	text-decoration: none;
   1.101 +	display: block;
   1.102 +}
   1.103 +#nav .nav_box ul {
   1.104 +	list-style-type: none;
   1.105 +	margin: 0;
   1.106 +	padding: 10px 24px 10px 0px;
   1.107 +	background-color: inherit;
   1.108 +}
   1.109 +#nav li { display: inline; }
   1.110 +#nav ul {
   1.111 +	-moz-border-radius: 8px;
   1.112 +	-webkit-border-radius: 8px;
   1.113 +	border-radius: 8px;
   1.114 +	list-style-type: none;
   1.115 +	margin: 10px 0;
   1.116 +	padding: 10px 24px 10px 24px;
   1.117 +	background-color: #eaeaea;
   1.118 +}
   1.119 +.nav_box {
   1.120 +	margin: 10px 0;
   1.121 +	padding: 10px 24px 10px 24px;
   1.122 +	background-color: #eaeaea;
   1.123 +	text-align: justify;
   1.124 +}
   1.125 +#nav .nav_box p { line-height: 1.3em; }
   1.126 +#nav .nav_box p a {
   1.127 +	display: inline;
   1.128 +	font-weight: normal;
   1.129 +	text-decoration: underline;
   1.130 +}
   1.131 +#nav .nav_box p a:hover {
   1.132 +	text-decoration: none;
   1.133 +	color: blue;
   1.134 +	background: inherit;
   1.135 +}
   1.136 +
   1.137 +/* Page content */
   1.138 +
   1.139 +#content, #content-full {
   1.140 +	background: white;
   1.141 +	color: black;
   1.142 +	text-align: justify;
   1.143 +	height: auto;
   1.144 +}
   1.145 +#content, #content-full {
   1.146 +	margin: 6px 320px 0px 0px;
   1.147 +	padding: 0px 40px 60px 80px;
   1.148 +}
   1.149 +#content-full {
   1.150 +	margin: 0;
   1.151 +	padding: 0px 80px 40px 80px;
   1.152 +}
   1.153 +#content li, #content-full li {
   1.154 +	line-height: 1.5em;
   1.155 +	text-align: left;
   1.156 +}
   1.157 +#news li {
   1.158 +	list-style-type: square;
   1.159 +	border-bottom: 1px dotted #BEBEBE;
   1.160 +	margin-left: -25px;
   1.161 +	padding: 4px 0px 4px 0px;
   1.162 +}
   1.163 +#news a { text-decoration: none; }
   1.164 +
   1.165 +/* Box and block. */
   1.166 +
   1.167 +.infobox {
   1.168 +	margin: 20px 60px;
   1.169 +	padding: 12px;
   1.170 +	background: #f8f8f8;
   1.171 +}
   1.172 +.infobox img { vertical-align: middle; }
   1.173 +.infobox:hover { background-color: #FBFBFB; }
   1.174 +.block {
   1.175 +	/*padding-bottom: 35%;*/
   1.176 +	color: black;
   1.177 +	min-height: 200px;
   1.178 +	margin-bottom: 40px;
   1.179 +}
   1.180 +.block ul {
   1.181 +	list-style-type: none;
   1.182 +	margin: 0;
   1.183 +	padding: 0 20px;
   1.184 +}
   1.185 +.block_left {
   1.186 +	width: 46%;
   1.187 +	float: left;
   1.188 +	background-color: #eaeaea;
   1.189 +	margin: 4px 2px;
   1.190 +	padding: 0 10px 10px 10px;
   1.191 +}
   1.192 +.block_right {
   1.193 +	width: 46%;
   1.194 +	float: right;
   1.195 +	background-color: #eaeaea;
   1.196 +	margin: 4px 2px;
   1.197 +	padding: 0 10px 10px 10px;
   1.198 +}
   1.199 +#block_top {
   1.200 +	color: black;
   1.201 +	background-color: #eaeaea;
   1.202 +	min-height: 180px;
   1.203 +	margin-bottom: 40px;
   1.204 +	margin-right: 340px;
   1.205 +	padding: 0 10px;
   1.206 +}
   1.207 +#block_nav {
   1.208 +	width: 300px;
   1.209 +	min-height: 180px;
   1.210 +	float: right;
   1.211 +	background-color: #eaeaea;
   1.212 +	margin: 0;
   1.213 +	padding: 0 10px;
   1.214 +}
   1.215 +.nav_box, .infobox, .block_left, .block_right, #block_top, 
   1.216 +#block_nav, #footer {
   1.217 +	-moz-border-radius: 8px;
   1.218 +	-webkit-border-radius: 8px;
   1.219 +	border-radius: 8px;
   1.220 +	-moz-box-shadow: 0 1px 3px #666;
   1.221 +	-webkit-box-shadow: 0 1px 3px #666;
   1.222 +	box-shadow: 0 1px 3px #666;
   1.223 +	/* CSS3 transition */
   1.224 +	-webkit-transition-property: background-color;
   1.225 +	-webkit-transition-duration: 2s;
   1.226 +	-moz-transition-property: background-color;
   1.227 +	-moz-transition-duration: 2s;
   1.228 +	transition-property: background-color;
   1.229 +	transition-duration: 2s;
   1.230 +}
   1.231 +#block_nav { font-weight: bold; }
   1.232 +#block_nav a { text-decoration: none; }
   1.233 +#block_nav li a:hover { color: #b64b22; }
   1.234 +#block_nav ul { margin: 0; list-style-type: none; }
   1.235 +#block_nav h3 { font-size: 110%; }
   1.236 +.nav_box:hover, .block_left:hover, .block_right:hover, 
   1.237 +#block_top:hover, #block_nav:hover, #footer:hover { 
   1.238 +	background-color: #f8f8f8;
   1.239 +}
   1.240 +.right_box {
   1.241 +	width: 50%;
   1.242 +	float: right;
   1.243 +}
   1.244 +/* Text transform at 45deg */
   1.245 +.floor {
   1.246 +	color: #999999;
   1.247 +	font-size: 20px;
   1.248 +	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
   1.249 +	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
   1.250 +	-o-transform: rotate(-45deg) skew(15deg, 15deg);
   1.251 +	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
   1.252 +	transform: rotate(-45deg) skew(15deg, 15deg);
   1.253 +}
   1.254 +#twitter, .feedbox {
   1.255 +	margin-top: 20px;
   1.256 +	-moz-border-radius: 8px;
   1.257 +	-webkit-border-radius: 8px;
   1.258 +	border-radius: 8px;
   1.259 +	-moz-box-shadow: 0 1px 3px #666;
   1.260 +	-webkit-box-shadow: 0 1px 3px #666;
   1.261 +	box-shadow: 0 1px 3px #666;
   1.262 +}
   1.263 +.feedbox {
   1.264 +	background-color: #f9f9f9;
   1.265 +	padding: 10px 20px;
   1.266 +	margin: 20px 100px;
   1.267 +}
   1.268 +.feedbox div {
   1.269 +	height: 320px;
   1.270 +	overflow: auto;
   1.271 +}
   1.272 +.feedbox ul { list-style-type: none; margin: 0; }
   1.273 +
   1.274 +/* Button */
   1.275 +
   1.276 +.button { margin-left: 20px; }
   1.277 +.button a { 
   1.278 +	background-color: #b64b22;
   1.279 +	color: #ffffff;
   1.280 +	margin-right: 6px;
   1.281 +	padding: 6px 10px;
   1.282 +	font-size: 14px;
   1.283 +	-moz-border-radius: 4px;
   1.284 +	-webkit-border-radius: 4px;
   1.285 +	border-radius: 4px;
   1.286 +	-moz-box-shadow: 0 1px 3px #666;
   1.287 +	-webkit-box-shadow: 0 1px 3px #666;
   1.288 +	box-shadow: 0 1px 3px #666;
   1.289 +}
   1.290 +.button a:hover, input[type=submit]:hover { 
   1.291 +	background-color: #a3431f;
   1.292 +	color: #ffffff;
   1.293 +}
   1.294 +input[type=submit] {
   1.295 +	border: 1px solid #b64b22;
   1.296 +	background-color: #b64b22;
   1.297 +	color: white;
   1.298 +	font-weight: bold;
   1.299 +	cursor: pointer;
   1.300 +	padding: 3px 10px;
   1.301 +	font-size: 14px;
   1.302 +	-moz-border-radius: 2px;
   1.303 +	-webkit-border-radius: 2px;
   1.304 +	border-radius: 2px;
   1.305 +	-moz-box-shadow: 0 0 5px #666;
   1.306 +	-webkit-box-shadow: 0 0 5px#666;
   1.307 +	box-shadow: 0 0 5px #666;
   1.308 +	margin-left: -5px;
   1.309 +}
   1.310 +input[type=text] {
   1.311 +	border: 1px solid #333333;
   1.312 +	padding: 3px;
   1.313 +	width: 100%;
   1.314 +}
   1.315 +
   1.316 +/* Clouds */
   1.317 +
   1.318 +#cloud {
   1.319 +	padding: 10px 0px;
   1.320 +	line-height: 3em;
   1.321 +	text-align: center;
   1.322 +}
   1.323 +#cloud a { padding: 0 2px; color: #444444; }
   1.324 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   1.325 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   1.326 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   1.327 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   1.328 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   1.329 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   1.330 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   1.331 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   1.332 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   1.333 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   1.334 +
   1.335 +/* Slideshow and gallery */
   1.336 +
   1.337 +#slideshow
   1.338 +{
   1.339 +	overflow: hidden;
   1.340 +	margin: 10px auto 10px;
   1.341 +	position: relative;
   1.342 +	width: 260px;
   1.343 +	height: 163px;
   1.344 +}
   1.345 +#slideshow img
   1.346 +{
   1.347 +	border: 0;
   1.348 +	width: 260px;
   1.349 +	height: 163px;
   1.350 +}
   1.351 +#gallery { text-align: center; }
   1.352 +
   1.353 +/* HTML styles */
   1.354 +
   1.355 +h1 {
   1.356 +	color: #444444;
   1.357 +	background: transparent;
   1.358 +	text-align: left;
   1.359 +	margin: 0px 0px 4px 0px;
   1.360 +	font-size: 150%;
   1.361 +	font-weight: bold;
   1.362 +	padding: 5px 0 0 10px;
   1.363 +}
   1.364 +h2 {
   1.365 +	color: #b64b22;
   1.366 +	padding: 0;
   1.367 +	margin: 20px 0 0 0;
   1.368 +	font-size: 130%;
   1.369 +	font-weight: bold;
   1.370 +}
   1.371 +h3 {
   1.372 +	font-weight: bold;
   1.373 +	color: #666666;
   1.374 +	background: transparent;
   1.375 +}
   1.376 +h3 img, h2 img { 
   1.377 +	vertical-align: middle;
   1.378 +	width: 20px;
   1.379 +	height: 20px;
   1.380 +	padding-right: 4px; 
   1.381 +}
   1.382 +code, tt {
   1.383 +	font-size: 12px;
   1.384 +	color: #669900;
   1.385 +}
   1.386 +pre, pre.script {
   1.387 +	padding: 10px;
   1.388 +	color: black;
   1.389 +	background: #E8E8E8;
   1.390 +	border: 1px inset #606060;
   1.391 +}
   1.392 +
   1.393 +/* Packages pages */
   1.394 +
   1.395 +.pkg_nav {
   1.396 +	border-top: 1px solid black;
   1.397 +	margin-top: 10px;
   1.398 +	padding-top: 10px;
   1.399 +}
   1.400 +pre.package {
   1.401 +	padding: 0px;
   1.402 +	color: black;
   1.403 +	background: white;
   1.404 +	border: 0px solid white;
   1.405 +}
   1.406 +p.get {
   1.407 +	text-align: center;
   1.408 +	padding: 10px;
   1.409 +	color: black;
   1.410 +	background: #F3F3F3;
   1.411 +	border: 1px solid #DEDEDE;
   1.412 +	border-radius: 4px;
   1.413 +	-moz-border-radius: 4px;
   1.414 +	-webkit-border-radius: 4px;
   1.415 +}
   1.416 +p.get a {
   1.417 +	font-weight: bold;
   1.418 +	text-decoration: none;
   1.419 +}
   1.420 +.pkgs-search { 
   1.421 +	text-align: center; 
   1.422 +	padding: 40px 20px 80px 20px;
   1.423 +}
   1.424 +
   1.425 +/* Footer */
   1.426 +
   1.427 +#footer {
   1.428 +	margin: 0px 80px 80px 80px;
   1.429 +	padding: 10px;
   1.430 +	background: #eaeaea;
   1.431 +	color: #666666;
   1.432 +	height: 180px;
   1.433 +	clear: both;
   1.434 +	border-radius: 8px;
   1.435 +	-moz-border-radius: 8px;
   1.436 +	-webkit-border-radius: 8px;
   1.437 +	-moz-box-shadow: 0 1px 3px #666;
   1.438 +	-webkit-box-shadow: 0 1px 3px #666;
   1.439 +	box-shadow: 0 1px 3px #666;
   1.440 +}
   1.441 +#footer a { color: #666666; }
   1.442 +#footer a:hover { color: #333333; }
   1.443 +#footer ul { list-style-type: none; }
   1.444 +#footer li { padding: 2px; }
   1.445 +#footer h4 { margin: 0 20px; font-size: 125%; }
   1.446 +
   1.447 +.year:after {
   1.448 +	/* content: "2007-2011"; */
   1.449 +	content: "2011";
   1.450 +}