slitaz-configs rev 75

css: Improve input button
author Christophe Lincoln <pankso@slitaz.org>
date Sat Jan 08 14:51:17 2011 +0100 (2011-01-08)
parents 80cacdc23940
children 48fb88d822db
files rootfs/usr/share/webhome/slitaz.css
line diff
     1.1 --- a/rootfs/usr/share/webhome/slitaz.css	Thu Jan 06 14:09:28 2011 +0100
     1.2 +++ b/rootfs/usr/share/webhome/slitaz.css	Sat Jan 08 14:51:17 2011 +0100
     1.3 @@ -40,6 +40,10 @@
     1.4  	color: #b64b22;
     1.5  }
     1.6  
     1.7 +#access img {
     1.8 +	vertical-align: middle;
     1.9 +}
    1.10 +
    1.11  /* Header and title */
    1.12  
    1.13  #header {
    1.14 @@ -206,20 +210,17 @@
    1.15  	text-align: center;
    1.16  }
    1.17  
    1.18 -#gallery table {
    1.19 -	margin: 30px 0px 30px 0px;
    1.20 -}
    1.21 -
    1.22  /* Box and block. */
    1.23  
    1.24  .infobox {
    1.25 -	margin: 10px;
    1.26 +	margin: 20px 60px;
    1.27  	padding: 12px;
    1.28  	background: #f8f8f8;
    1.29  }
    1.30  
    1.31  .infobox img { vertical-align: middle; }
    1.32 -.infobox:hover { background-color: #f2b21d; }
    1.33 +/* .infobox:hover { background-color: #f2b21d; } */
    1.34 +.infobox:hover { background-color: #FBFBFB; }
    1.35  
    1.36  .block {
    1.37  	/*padding-bottom: 35%;*/
    1.38 @@ -333,11 +334,34 @@
    1.39  	box-shadow: 0 1px 3px #666;
    1.40  }
    1.41  
    1.42 -.button a:hover { 
    1.43 +.button a:hover, input[type=submit]:hover { 
    1.44  	background-color: #a3431f;
    1.45  	color: #ffffff;
    1.46  }
    1.47  
    1.48 +input[type=submit] {
    1.49 +	border: 1px solid #b64b22;
    1.50 +	background-color: #b64b22;
    1.51 +	color: white;
    1.52 +	font-weight: bold;
    1.53 +	cursor: pointer;
    1.54 +	padding: 2px 10px;
    1.55 +	font-size: 14px;
    1.56 +	-moz-border-radius: 2px;
    1.57 +	-webkit-border-radius: 2px;
    1.58 +	border-radius: 2px;
    1.59 +	-moz-box-shadow: 0 0 5px #666;
    1.60 +	-webkit-box-shadow: 0 0 5px#666;
    1.61 +	box-shadow: 0 0 5px #666;
    1.62 +}
    1.63 +
    1.64 +input[type=text] {
    1.65 +	border: 1px solid #333333;
    1.66 +	padding: 3px;
    1.67 +	width: 100%;
    1.68 +	max-width: 500px;
    1.69 +}
    1.70 +
    1.71  /* Clouds */
    1.72  
    1.73  #cloud {
    1.74 @@ -375,6 +399,16 @@
    1.75  	height: 163px;
    1.76  }
    1.77  
    1.78 +#twitter {
    1.79 +	margin-top: 20px;
    1.80 +	-moz-border-radius: 8px;
    1.81 +	-webkit-border-radius: 8px;
    1.82 +	border-radius: 8px;
    1.83 +	-moz-box-shadow: 0 1px 3px #666;
    1.84 +	-webkit-box-shadow: 0 1px 3px #666;
    1.85 +	box-shadow: 0 1px 3px #666;
    1.86 +}
    1.87 +
    1.88  /* HTML styles */
    1.89  
    1.90  h1 {
    1.91 @@ -487,6 +521,19 @@
    1.92  	color: black;
    1.93  	background: #F3F3F3;
    1.94  	border: 1px solid #DEDEDE;
    1.95 +	border-radius: 4px;
    1.96 +	-moz-border-radius: 4px;
    1.97 +	-webkit-border-radius: 4px;
    1.98 +}
    1.99 +
   1.100 +p.get a {
   1.101 +	font-weight: bold;
   1.102 +	text-decoration: none;
   1.103 +}
   1.104 +
   1.105 +.pkgs-search { 
   1.106 +	text-align: center; 
   1.107 +	padding: 40px 20px 80px 20px;
   1.108  }
   1.109  
   1.110  .year:after {