SliTaz Repositories

     1.1 --- a/tazbb/stuff/web/slitaz.css	Sat Jun 20 04:41:53 2009 +0200
     1.2 +++ b/tazbb/stuff/web/slitaz.css	Sun Mar 28 17:16:33 2010 +0200
     1.3 @@ -3,24 +3,27 @@
     1.4  	www.slitaz.org - (c) 2007 Pankso
     1.5  */
     1.6  
     1.7 +html {
     1.8 +	height:  102%;
     1.9 +}
    1.10 +
    1.11  body {
    1.12 -	background: #222222;
    1.13 +	background: #ffffff;
    1.14  	color: black;
    1.15  	font: 13px sans-serif, vernada, arial;
    1.16  	margin: 0;
    1.17 -	padding-bottom: 100%;
    1.18  }
    1.19  
    1.20  /* Accessibility */
    1.21  
    1.22  #access {
    1.23  	position: absolute;
    1.24 -	top: 1px;
    1.25 -	right: 6px;
    1.26 +	top: 4px;
    1.27 +	right: 4px;
    1.28  	text-align: right;
    1.29  	width: 100%;
    1.30  	margin: 0;
    1.31 -	font-size: 12px;
    1.32 +	font-size: 11px;
    1.33  	font-weight: bold;
    1.34  }
    1.35  
    1.36 @@ -28,7 +31,6 @@
    1.37  	background: inherit;
    1.38  	color: white;
    1.39  	text-decoration: none;
    1.40 -	padding-left: 2px;
    1.41  }
    1.42  
    1.43  #access a:hover {
    1.44 @@ -38,41 +40,28 @@
    1.45  
    1.46  /* Header and title */
    1.47  
    1.48 -#header {
    1.49 +#header{
    1.50  	background: #f0ba08 url(pics/website/header.png) repeat-x top;
    1.51  	color: black;
    1.52  	width: 100%;
    1.53 -	height: 50px ;
    1.54 +	height: 50px;
    1.55  	border-top: 1px solid black;
    1.56  	border-bottom: 1px solid black;
    1.57  	margin-bottom: 30px;
    1.58  }
    1.59  
    1.60 -#header form {
    1.61 +#titre {
    1.62  	position: absolute;
    1.63 -	top: 22px;
    1.64 -	right: 6px;
    1.65 -	background: transparent;
    1.66 -	
    1.67 -}
    1.68 -
    1.69 -#header input { 
    1.70 -	border: 1px solid #eeeeee;
    1.71 -}
    1.72 -
    1.73 -#titre {
    1.74  	font-size: 16px;
    1.75  	font-weight: bolder ;
    1.76 -	margin-left: 232px;
    1.77 -	margin-top: 4px;
    1.78 -	padding-top: 25px ;
    1.79 +	margin-left: 200px;
    1.80 +	margin-top: 28px;
    1.81  }
    1.82  
    1.83  #logo {
    1.84  	position: absolute;
    1.85  	float: left;
    1.86 -	margin-left: 32px;
    1.87 -	margin-right: 20px;
    1.88 +	margin-left: 16px;
    1.89  	margin-top: 0px;
    1.90  }
    1.91  
    1.92 @@ -80,49 +69,50 @@
    1.93  
    1.94  #nav {
    1.95  	position: absolute;
    1.96 -	top: 100px;
    1.97 -	right: 6px;
    1.98 -	background: #eaeaea url(pics/website/nav-tr.png) no-repeat top right;
    1.99 -	color: black;
   1.100 +	top: 76px;
   1.101 +	right: 80px;
   1.102 +	color: #555555;
   1.103  	float: right;
   1.104 -	width: 152px;
   1.105 -	line-height: 1.3em;
   1.106 +	width: 250px;
   1.107 +	line-height: 1.5em;
   1.108  	text-align: left;
   1.109  	font-size: 12px;
   1.110 -	font-weight: bold;
   1.111  }
   1.112  
   1.113 -#nav_top {
   1.114 -	background: transparent url(pics/website/nav-tl.png) no-repeat top left;
   1.115 -	height: 12px;
   1.116 +#nav ul {
   1.117 +	-moz-border-radius: 8px;
   1.118 +	-webkit-border-radius: 8px;
   1.119 +	list-style-type: none;
   1.120 +	margin: 10px 0;
   1.121 +	padding: 10px 24px 10px 24px;
   1.122 +	background-color: #eaeaea;
   1.123  }
   1.124  
   1.125 -#nav_bottom {
   1.126 -	background: transparent url(pics/website/nav-bl.png) no-repeat bottom left;
   1.127 -	height: 12px;
   1.128 -}
   1.129 -
   1.130 -#nav_bottom_img {
   1.131 -	background: transparent url(pics/website/nav-br.png) no-repeat bottom right;
   1.132 -	height: 12px;
   1.133 -}
   1.134 -
   1.135 -#nav ul{
   1.136 +#nav .nav_box ul {
   1.137  	list-style-type: none;
   1.138 -	margin: 0px 0px 0px 6px;
   1.139 -	padding: 3px 2px 3px 2px;
   1.140 +	margin: 0;
   1.141 +	padding: 10px 24px 10px 0px;
   1.142  }
   1.143  
   1.144  #nav li {
   1.145  	display: inline;
   1.146  }
   1.147  
   1.148 +#nav h4 {
   1.149 +	font-size: 110%;
   1.150 +	color: #666666;
   1.151 +	font-weight: bold;
   1.152 +	margin: 0;
   1.153 +	padding: 0 0 1px 0;
   1.154 +	border-bottom: 1px solid #cecece;
   1.155 +}
   1.156 +
   1.157  #nav a {
   1.158 -	color: #3E1220;
   1.159 +	color: #0F314E;
   1.160  	background: inherit;
   1.161  	display: block;
   1.162 -	padding: 0.5px;
   1.163  	text-decoration: none;
   1.164 +	font-weight: bold;
   1.165  }
   1.166  
   1.167  #nav a:hover {
   1.168 @@ -135,8 +125,39 @@
   1.169  	margin: 2px 0px 1px 0px;
   1.170  	border: 0px;
   1.171  	border-top: 1px solid #BDBDBD;
   1.172 -	
   1.173 +
   1.174  }
   1.175 +
   1.176 +.nav_box {
   1.177 +	-moz-border-radius: 8px;
   1.178 +	-webkit-border-radius: 8px;
   1.179 +	margin: 10px 0;
   1.180 +	padding: 10px 24px 10px 24px;
   1.181 +	background-color: #eaeaea;
   1.182 +	text-align: justify;
   1.183 +}
   1.184 +
   1.185 +#nav .nav_box p {
   1.186 +	line-height: 1.3em;
   1.187 +}
   1.188 +
   1.189 +#nav .nav_box p a {
   1.190 +	display: inline;
   1.191 +	font-weight: normal;
   1.192 +	text-decoration: underline;
   1.193 +}
   1.194 +
   1.195 +#nav .nav_box p a:hover {
   1.196 +	text-decoration: none;
   1.197 +	color: blue;
   1.198 +	background: inherit;
   1.199 +}
   1.200 +
   1.201 +#nav hr {
   1.202 +	height: 0px;
   1.203 +	border: 0px solid #eaeaea;
   1.204 +}
   1.205 +
   1.206  /* Page content */
   1.207  
   1.208  #content, #content_bottom, #content_top {
   1.209 @@ -145,23 +166,10 @@
   1.210  	text-align: justify;
   1.211  }
   1.212  
   1.213 -#content_top {
   1.214 -	height: 14px;
   1.215 -	margin: 0px 100px 0px 100px;
   1.216 -}
   1.217 -
   1.218  #content {
   1.219  	height: auto;
   1.220 -	margin: -6px 100px 0px 100px;
   1.221 -	padding: 0px 72px 72px 72px;
   1.222 -	/*background: white;
   1.223 -	color: #333333;*/
   1.224 -}
   1.225 -
   1.226 -#content_bottom {
   1.227 -	height: 14px;
   1.228 -	margin: 0px 100px 0px 100px;
   1.229 -	/*clear: both;*/
   1.230 +	margin: 6px 320px 0px 0px;
   1.231 +	padding: 0px 40px 60px 80px;
   1.232  }
   1.233  
   1.234  #content li {
   1.235 @@ -173,10 +181,11 @@
   1.236  
   1.237  #copy {
   1.238  	font-size: 11px ;
   1.239 -	text-align: center ;
   1.240 +	text-align: left ;
   1.241  	background: transparent;
   1.242  	color: #a8a8a8;
   1.243  	padding-top: 10px;
   1.244 +	margin: 0 0 0 80px;
   1.245  }
   1.246  
   1.247  #copy a {
   1.248 @@ -186,7 +195,7 @@
   1.249  
   1.250  #copy a:hover {
   1.251  	background: inherit;
   1.252 -	color: #EDEDED;
   1.253 +	color: #666666;
   1.254  }
   1.255  
   1.256  /* Footer */
   1.257 @@ -198,56 +207,75 @@
   1.258  	width: auto;
   1.259  	clear: both;
   1.260  	padding: 0;
   1.261 -	margin: 0;
   1.262 -	text-align: center;
   1.263 +	margin: 0 0 0 80px;
   1.264 +	text-align: left;
   1.265  	vertical-align: middle;
   1.266  }
   1.267  
   1.268 +#news li {
   1.269 +	list-style-type: square;
   1.270 +	border-bottom: 1px dotted #BEBEBE;
   1.271 +	margin-left: -25px;
   1.272 +	padding: 4px 0px 4px 0px;
   1.273 +}
   1.274 +
   1.275 +#gallery {
   1.276 +	text-align: center;
   1.277 +}
   1.278 +
   1.279 +#gallery table {
   1.280 +	margin: 30px 0px 30px 0px;
   1.281 +}
   1.282 +
   1.283 +/* Clouds */
   1.284 +
   1.285 +#cloud {
   1.286 +	padding: 20px 0px 20px 0px;
   1.287 +	line-height: 3em;
   1.288 +	text-align: center;
   1.289 +}
   1.290 +#cloud a { padding: 4px; color: #956411; }
   1.291 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   1.292 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   1.293 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   1.294 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   1.295 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   1.296 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   1.297 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   1.298 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   1.299 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   1.300 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   1.301 +
   1.302  /* CSS class. */
   1.303  
   1.304 -.top_left, .top_right, .bottom_left, .bottom_right {
   1.305 -	height: 14px;
   1.306 -	width: 14px;
   1.307 -	color: white;
   1.308 -	background-color: #333333;
   1.309 -	background-repeat: no-repeat;
   1.310 -}
   1.311 -
   1.312 -.top_left {
   1.313 -	background-image: url(pics/website/content-tl.png);
   1.314 -	background-position: left top;
   1.315 -	position: absolute;
   1.316 -}
   1.317 -
   1.318 -.top_right {
   1.319 -	background-image: url(pics/website/content-tr.png);
   1.320 -	float: right;
   1.321 -}
   1.322 -
   1.323 -.bottom_left {
   1.324 -	background-image: url(pics/website/content-bl.png);
   1.325 -	position: absolute;
   1.326 -}
   1.327 -
   1.328 -.bottom_right {
   1.329 -	background-image: url(pics/website/content-br.png);
   1.330 -	float: right;
   1.331 +.infobox {
   1.332 +	margin: 10px;
   1.333 +	padding: 12px;
   1.334 +	background: #f2f2f2;
   1.335 +	border: 1px solid #eaeaea;
   1.336 +	-moz-border-radius: 8px;
   1.337 +	-webkit-border-radius: 8px;
   1.338  }
   1.339  
   1.340  /* HTML styles */
   1.341  
   1.342  h1 {
   1.343 -	color: #3E1220;
   1.344 +	color: blue;
   1.345  	background: inherit;
   1.346  	text-align: left;
   1.347 -	margin: 0px 0px 16px -58px;
   1.348 +	margin: 0px 0px 10px 0px;
   1.349 +	font-size: 140%;
   1.350 +	font-weight: bold;
   1.351  }
   1.352  
   1.353  h2 {
   1.354 -    color: #DF8F06;
   1.355 -    border-left: 10px solid #F3F3F3;
   1.356 -    padding: 4px 0px 4px 4px;
   1.357 -    margin: 0;
   1.358 +	color: #DF8F06;
   1.359 +	/* border-top: 1px solid #f3f3f3; */
   1.360 +	border-left: 8px solid #f3f3f3;
   1.361 +	padding: 4px 0px 4px 4px;
   1.362 +	margin: 0;
   1.363 +	font-size: 140%;
   1.364 +	font-weight: bold;
   1.365  }
   1.366  
   1.367  h3 {
   1.368 @@ -284,7 +312,7 @@
   1.369  }
   1.370  
   1.371  fieldset {
   1.372 -	background: #eeeeee;
   1.373 +	background: #E2ECf6;
   1.374  	color: black;
   1.375  	margin-top: 25px;
   1.376  	border: 1px solid black;
   1.377 @@ -310,6 +338,11 @@
   1.378  	border: 1px inset #606060;
   1.379  }
   1.380  
   1.381 +textarea {
   1.382 +	background: #E5E5E5;
   1.383 +	margin-top: 12px;
   1.384 +}
   1.385 +
   1.386  /* Packages pages */
   1.387  
   1.388  .pkg_nav {
   1.389 @@ -331,10 +364,3 @@
   1.390  	background: #F3F3F3;
   1.391  	border: 1px solid #DEDEDE;
   1.392  }
   1.393 -
   1.394 -pre.log {
   1.395 -	padding: 10px;
   1.396 -	color: black;
   1.397 -	background: #eeeeee;
   1.398 -	border: 1px solid black;
   1.399 -}