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 {