website diff slitaz.css @ rev 697

CSS: Main change to default style (match next cooking :-)
author Christophe Lincoln <pankso@slitaz.org>
date Fri Dec 24 21:53:48 2010 +0100 (2010-12-24)
parents a1cd38534626
children c9d7335eb96c
line diff
     1.1 --- a/slitaz.css	Fri Dec 24 15:38:16 2010 +0100
     1.2 +++ b/slitaz.css	Fri Dec 24 21:53:48 2010 +0100
     1.3 @@ -12,13 +12,14 @@
     1.4  	color: black;
     1.5  	font: 13px sans-serif, vernada, arial;
     1.6  	margin: 0;
     1.7 +	border-top: 34px solid #f1f1f1;
     1.8  }
     1.9  
    1.10  /* Accessibility */
    1.11  
    1.12  #access {
    1.13  	position: absolute;
    1.14 -	top: 0px;
    1.15 +	top: 4px;
    1.16  	right: 0px;
    1.17  	text-align: right;
    1.18  	width: auto;
    1.19 @@ -26,68 +27,55 @@
    1.20  	padding: 4px 4px 4px 20px;
    1.21  	font-size: 11px;
    1.22  	font-weight: bold;
    1.23 -	/* CSS3 transition */
    1.24 -	-webkit-transition-property: background-color;
    1.25 -	-webkit-transition-duration: 1s;	
    1.26 -	-moz-transition-property: background-color;
    1.27 -	-moz-transition-duration: 1s;
    1.28 -	transition-property: background-color;
    1.29 -	transition-duration: 1s;
    1.30 -}
    1.31 -
    1.32 -#access:hover {
    1.33 -	background-color: #b64b22;
    1.34 -	-moz-border-radius-bottomleft: 8px;
    1.35 -	-webkit-border-radius-bottomleft: 8px;
    1.36 -	border-bottom-left-radius: 8px;
    1.37 -	-moz-box-shadow: 0 1px 3px #666;
    1.38 -	-webkit-box-shadow: 0 1px 3px #666;
    1.39 -	box-shadow: 0 1px 3px #666;
    1.40  }
    1.41  
    1.42  #access a {
    1.43 -	background: inherit;
    1.44 -	color: white;
    1.45 +	background: transparent;
    1.46 +	color: #0F314E;
    1.47  	text-decoration: none;
    1.48  }
    1.49  
    1.50  #access a:hover {
    1.51  	background: inherit;
    1.52 -	color: #222222;
    1.53 +	color: #b64b22;
    1.54  }
    1.55  
    1.56  /* Header and title */
    1.57  
    1.58  #header{
    1.59 -	background: #f0ba08 url(pics/website/header.png) repeat-x top;
    1.60 +	/*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/
    1.61 +	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
    1.62  	color: black;
    1.63  	width: 100%;
    1.64 -	height: 50px;
    1.65 +	height: 42px;
    1.66  	border-top: 1px solid black;
    1.67  	border-bottom: 1px solid black;
    1.68  	margin-bottom: 30px;
    1.69 +	-moz-box-shadow: 0 1px 5px #333;
    1.70 +	-webkit-box-shadow: 0 1px 5px #333;
    1.71 +	box-shadow: 0 1px 5px #333;
    1.72  }
    1.73  
    1.74  #titre {
    1.75  	position: absolute;
    1.76 -	font-size: 16px;
    1.77 +	font-size: 14px;
    1.78  	font-weight: bolder ;
    1.79 -	margin-left: 200px;
    1.80 -	margin-top: 28px;
    1.81 +	left: 180px;
    1.82 +	top: 4px;
    1.83  }
    1.84  
    1.85  #logo {
    1.86  	position: absolute;
    1.87  	float: left;
    1.88 -	margin-left: 16px;
    1.89 -	margin-top: 0px;
    1.90 +	left: 16px;
    1.91 +	top: -10px;
    1.92  }
    1.93  
    1.94  /* Navigation */
    1.95  
    1.96  #nav {
    1.97  	position: absolute;
    1.98 -	top: 76px;
    1.99 +	top: 102px;
   1.100  	right: 80px;
   1.101  	color: #555555;
   1.102  	float: right;
   1.103 @@ -126,7 +114,7 @@
   1.104  }
   1.105  
   1.106  #nav a:hover {
   1.107 -	color: #DF8F06;
   1.108 +	color: #b64b22;
   1.109  	text-decoration: none;
   1.110  	display: block;
   1.111  }
   1.112 @@ -301,19 +289,48 @@
   1.113  	box-shadow: 0 1px 3px #666;
   1.114  }
   1.115  
   1.116 +.imagebox {
   1.117 +	margin: 0 20px;
   1.118 +	padding: 8px;
   1.119 +	background: transparent;
   1.120 +	text-align: center;
   1.121 +	/* CSS3 transition */
   1.122 +	-webkit-transition-property: background-color;
   1.123 +	-webkit-transition-duration: 3s;	
   1.124 +	-moz-transition-property: background-color;
   1.125 +	-moz-transition-duration: 3s;
   1.126 +	transition-property: background-color;
   1.127 +	transition-duration: 3s;
   1.128 +}
   1.129 +
   1.130 +.imagebox:hover, .imagebox img {
   1.131 +	-moz-border-radius: 8px;
   1.132 +	-webkit-border-radius: 8px;
   1.133 +	border-radius: 8px;
   1.134 +	-moz-box-shadow: 0 1px 3px #666;
   1.135 +	-webkit-box-shadow: 0 1px 3px #666;
   1.136 +	box-shadow: 0 1px 3px #666;
   1.137 +}
   1.138 +
   1.139  .block {
   1.140  	/*padding-bottom: 35%;*/
   1.141  	color: black;
   1.142 +	min-height: 200px;
   1.143  }
   1.144  
   1.145  .block h3 img {
   1.146 -	padding: 2px;
   1.147 +	padding: 0 2px 2px 0;
   1.148 +	margin: 0;
   1.149 +}
   1.150 +
   1.151 +.block ul {
   1.152 +	list-style-type: square;
   1.153  }
   1.154  
   1.155  .block_left {
   1.156  	width: 46%;
   1.157  	float: left;
   1.158 -	background-color: #f5f5f5;
   1.159 +	background-color: #eaeaea;
   1.160  	margin: 4px 2px;
   1.161  	padding: 0 6px;
   1.162  }
   1.163 @@ -321,7 +338,7 @@
   1.164  .block_right {
   1.165  	width: 46%;
   1.166  	float: right;
   1.167 -	background-color: #f5f5f5;
   1.168 +	background-color: #eaeaea;
   1.169  	margin: 4px 2px;
   1.170  	padding: 0 6px;
   1.171  }
   1.172 @@ -340,37 +357,39 @@
   1.173  	-moz-transition-duration: 2s;
   1.174  	transition-property: background-color;
   1.175  	transition-duration: 2s;
   1.176 +	/* For browsers that don't support RGBa 
   1.177 +	background: rgb(0, 0, 0);*/
   1.178 +	/* RGBa with 0.6 opacity 
   1.179 +	background: rgba(0, 0, 0, 0.2);*/
   1.180  }
   1.181  
   1.182 -.block_left:hover, .block_right:hover {
   1.183 +.block_left:hover, .block_right:hover, .imagebox:hover {
   1.184  	background-color: #f2b21d;
   1.185  }
   1.186  
   1.187  /* HTML styles */
   1.188  
   1.189  h1 {
   1.190 -	color: blue;
   1.191 +	color: #444444;
   1.192  	background: inherit;
   1.193  	text-align: left;
   1.194 -	margin: 0px 0px 10px 0px;
   1.195 -	font-size: 140%;
   1.196 +	margin: 0px 0px 2px 0px;
   1.197 +	font-size: 150%;
   1.198  	font-weight: bold;
   1.199  }
   1.200  
   1.201  h2 {
   1.202 -	color: #DF8F06;
   1.203 -	/* border-top: 1px solid #f3f3f3; */
   1.204 -	border-left: 8px solid #f3f3f3;
   1.205 -	padding: 4px 0px 4px 4px;
   1.206 +	color: #b64b22;
   1.207 +	padding: 0;
   1.208  	margin: 0;
   1.209 -	font-size: 140%;
   1.210 +	font-size: 130%;
   1.211  	font-weight: bold;
   1.212  }
   1.213  
   1.214  h3 {
   1.215  	font-weight: bold;
   1.216 -	color: #6c0023;
   1.217 -	background: inherit;
   1.218 +	color: #390012;
   1.219 +	background: transparent;
   1.220  }
   1.221  
   1.222  a {