slitaz-forge diff boot/slitaz.css @ rev 63

boot: Use content negociation!!! Please try it!
author Christophe Lincoln <pankso@slitaz.org>
date Tue Apr 12 18:58:42 2011 +0200 (2011-04-12)
parents 1fa6db906aa3
children 38815f7d58ac
line diff
     1.1 --- a/boot/slitaz.css	Mon Mar 28 15:10:53 2011 +0200
     1.2 +++ b/boot/slitaz.css	Tue Apr 12 18:58:42 2011 +0200
     1.3 @@ -11,7 +11,8 @@
     1.4  	color: black;
     1.5  	font: 13px sans-serif, vernada, arial;
     1.6  	margin: 0;
     1.7 -	min-width: 900px;
     1.8 +	min-width: 780px;
     1.9 +	height: 100%;
    1.10  }
    1.11  
    1.12  a { text-decoration: underline; color: #215090; }
    1.13 @@ -75,7 +76,7 @@
    1.14  /* Block */
    1.15  
    1.16  #block { 
    1.17 -	min-height: 200px; 
    1.18 +	min-height: 174px; 
    1.19  	background: #d66018; 
    1.20  	padding: 26px 10% 0px;
    1.21  	text-align: center;
    1.22 @@ -97,7 +98,7 @@
    1.23  
    1.24  #block h4 {
    1.25  	color: #351a0a;
    1.26 -	margin: 0 0 6px;
    1.27 +	margin: 0px;
    1.28  	font-weight: bold;
    1.29  	font-size: 110%;
    1.30  }
    1.31 @@ -152,16 +153,16 @@
    1.32  	text-align: justify;
    1.33  }
    1.34  
    1.35 -#news li {
    1.36 +.news li {
    1.37  	list-style-type: square;
    1.38  	border-bottom: 1px dotted #BEBEBE;
    1.39  	margin-left: -25px;
    1.40  	padding: 4px 0px 4px 0px;
    1.41  }
    1.42  
    1.43 -#news a, .feed-grid a { text-decoration: none; }
    1.44 -#news p a { text-decoration: underline; }
    1.45 -#news p a:hover { text-decoration: none; }
    1.46 +.news a, .feed-grid a { text-decoration: none; }
    1.47 +.news p a { text-decoration: underline; }
    1.48 +.news p a:hover { text-decoration: none; }
    1.49  #twitter { margin: 20px 0; }
    1.50  #gallery { text-align: center; }
    1.51  
    1.52 @@ -185,15 +186,28 @@
    1.53  	border: 1px solid #ddd;
    1.54  }
    1.55  
    1.56 -.feed-grid { height: 180px; overflow: hidden; text-align: left; }
    1.57 -.feed-grid h3 { 
    1.58 -	margin: 15px 0 0; font-size: 16px; 
    1.59 -	padding: 0 22px;
    1.60 -	background: url(images/feed.png) no-repeat left; }
    1.61 -.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
    1.62 -.feed-grid ul { color: #666; }
    1.63 -.feed-grid a { color: #666; }
    1.64 -.feed-grid a:hover { color: blue; }
    1.65 +/* Activity Box */
    1.66 +
    1.67 +.activity { 
    1.68 +	margin: 0 0 20px; 
    1.69 +	background: #eaeaea; 
    1.70 +	padding: 5px 2px 0; 
    1.71 +	border: 1px solid #ddd; 
    1.72 +}
    1.73 +.activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
    1.74 +.activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
    1.75 +.activity a { text-decoration: none; }
    1.76 +.activity ul { list-style-type: none; 
    1.77 +	margin: 4px 0; padding: 0 4px; line-height: 150%; }
    1.78 +.activity_more { text-align: right;  }
    1.79 +.activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
    1.80 +.activity_more a:hover { text-decoration: underline; }
    1.81 +
    1.82 +.activity span, .news span { 
    1.83 +	color: #666; 
    1.84 +	font-size: 11px; 
    1.85 +	font-weight: normal;
    1.86 +}
    1.87  
    1.88  /* Button */
    1.89  
    1.90 @@ -213,7 +227,8 @@
    1.91  
    1.92  /* Round corner */
    1.93  
    1.94 -#block_nav, pre, .box, .searchbox, .button a, #twitter {
    1.95 +#block_nav, pre, .box, .searchbox, .button a, #twitter, .activity,
    1.96 +.activity div {
    1.97  	-moz-border-radius: 4px;
    1.98  	-webkit-border-radius: 4px;
    1.99  	border-radius: 4px;
   1.100 @@ -272,6 +287,8 @@
   1.101  	border-top: 1px solid #ddd;
   1.102  	padding: 40px;
   1.103  	color: #666;
   1.104 +	clear: both;
   1.105 +	margin-bottom: -2%;
   1.106  }
   1.107  
   1.108  #footer a { color: #666; padding: 0 2px; }