website rev 742

css: add .left_box
author Christophe Lincoln <pankso@slitaz.org>
date Sat Jan 15 04:57:36 2011 +0100 (2011-01-15)
parents f98ea66e8523
children 14e0a6244a5b
files slitaz.css
line diff
     1.1 --- a/slitaz.css	Sat Jan 15 04:37:48 2011 +0100
     1.2 +++ b/slitaz.css	Sat Jan 15 04:57:36 2011 +0100
     1.3 @@ -234,42 +234,10 @@
     1.4  #block_top:hover, #block_nav:hover, #footer:hover { 
     1.5  	background-color: #f8f8f8;
     1.6  }
     1.7 -.right_box {
     1.8 -	width: 50%;
     1.9 -	float: right;
    1.10 -}
    1.11 -/* Text transform at 45deg */
    1.12 -.floor {
    1.13 -	color: #999999;
    1.14 -	font-size: 20px;
    1.15 -	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
    1.16 -	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
    1.17 -	-o-transform: rotate(-45deg) skew(15deg, 15deg);
    1.18 -	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
    1.19 -	transform: rotate(-45deg) skew(15deg, 15deg);
    1.20 -}
    1.21 -#twitter, .feedbox {
    1.22 -	margin-top: 20px;
    1.23 -	-moz-border-radius: 8px;
    1.24 -	-webkit-border-radius: 8px;
    1.25 -	border-radius: 8px;
    1.26 -	-moz-box-shadow: 0 1px 3px #666;
    1.27 -	-webkit-box-shadow: 0 1px 3px #666;
    1.28 -	box-shadow: 0 1px 3px #666;
    1.29 -}
    1.30 -.feedbox {
    1.31 -	background-color: #f9f9f9;
    1.32 -	padding: 10px 20px;
    1.33 -	margin: 20px 100px;
    1.34 -}
    1.35 -.feedbox div {
    1.36 -	height: 320px;
    1.37 -	overflow: auto;
    1.38 -}
    1.39 -.feedbox ul { list-style-type: none; margin: 0; }
    1.40 +.right_box { width: 50%; float: right; }
    1.41 +.left_box { width: 50%; float: left; }
    1.42  
    1.43  /* Button */
    1.44 -
    1.45  .button { margin-left: 20px; }
    1.46  .button a { 
    1.47  	background-color: #b64b22;
    1.48 @@ -310,8 +278,37 @@
    1.49  	width: 100%;
    1.50  }
    1.51  
    1.52 +/* Text transform at 45deg */
    1.53 +.floor {
    1.54 +	color: #999999;
    1.55 +	font-size: 20px;
    1.56 +	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
    1.57 +	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
    1.58 +	-o-transform: rotate(-45deg) skew(15deg, 15deg);
    1.59 +	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
    1.60 +	transform: rotate(-45deg) skew(15deg, 15deg);
    1.61 +}
    1.62 +#twitter, .feedbox {
    1.63 +	margin-top: 20px;
    1.64 +	-moz-border-radius: 8px;
    1.65 +	-webkit-border-radius: 8px;
    1.66 +	border-radius: 8px;
    1.67 +	-moz-box-shadow: 0 1px 3px #666;
    1.68 +	-webkit-box-shadow: 0 1px 3px #666;
    1.69 +	box-shadow: 0 1px 3px #666;
    1.70 +}
    1.71 +.feedbox {
    1.72 +	background-color: #f9f9f9;
    1.73 +	padding: 10px 20px;
    1.74 +	margin: 20px 100px;
    1.75 +}
    1.76 +.feedbox div {
    1.77 +	height: 320px;
    1.78 +	overflow: auto;
    1.79 +}
    1.80 +.feedbox ul { list-style-type: none; margin: 0; }
    1.81 +
    1.82  /* Clouds */
    1.83 -
    1.84  #cloud {
    1.85  	padding: 10px 0px;
    1.86  	line-height: 3em;
    1.87 @@ -330,7 +327,6 @@
    1.88  #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
    1.89  
    1.90  /* Slideshow and gallery */
    1.91 -
    1.92  #slideshow
    1.93  {
    1.94  	overflow: hidden;