added scss functions

app/assets/stylesheets/common/000_vars.css.scss

@@ -9,4 +9,45 @@ $h2_size: 1.5em;
 $h3_size: 1.16667em;
 $h1_padding: 1.25em 0;
 $h2_padding: 1.45833em 0;
-$h3_padding: 1.51785em 0;
+$h3_padding: 1.51785em 0;
+
+@mixin round-border($radius) {
+  -moz-border-radius: $radius;
+  -webkit-border-radius:; $radius;
+  -ms-border-radius:; $radius;
+  -o-border-radius:; $radius;
+  border-radius: $radius;
+}
+
+@mixin box-shadow($x, $y, $blur, $color) {
+  -moz-box-shadow: $x $y $blur $color;
+  -webkit-box-shadow: $x $y $blur $color;
+  -ms-box-shadow: $x $y $blur $color;
+  -o-box-shadow: $x $y $blur $color;
+  box-shadow: $x $y $blur $color;
+}
+
+@mixin text-shadow($x, $y, $blur, $color) {
+  -moz-text-shadow: $x $y $blur $color;
+  -webkit-text-shadow: $x $y $blur $color;
+  -ms-text-shadow: $x $y $blur $color;
+  -o-text-shadow: $x $y $blur $color;
+  text-shadow: $x $y $blur $color;
+}
+
+@mixin transparency($value) {
+  opacity: $value;
+  -ms-filter: unqoute("progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$value * 100})");
+  filter: unquote("alpha(opacity=#{$value * 100})");
+  zoom: 1;
+}
+
+@mixin inline-block {
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: baseline;
+  zoom: 1;
+  *display: inline;
+  *vertical-align: auto;
+}

app/assets/stylesheets/common/020_base.css.scss

@@ -79,28 +79,19 @@ img.wait {
 }
 
 input[type=text], input[type=password], input[type=url], textarea, button {
-/*  border: 1px solid #AAA;*/
   font-size: 1em;
-/*  -moz-border-radius: 4px;*/
-/*  -webkit-border-radius: 4px;*/
 }
 
 input[type=submit] {
   padding: 1px 4px;
-/*  border: 1px solid #AAA;*/
-/*  background-color: #EEE;*/
-/*  -moz-border-radius: 4px;*/
-/*  -webkit-border-radius: 4px;*/
   font-size: 1em;
   cursor: pointer;
 }
 
 input:focus, textarea:focus {
-/*  background-color: #FFD;*/
 }
 
 input[type=submit]:hover {
-/*  background-color: #F6F6F6;*/
 }
 
 legend {

app/assets/stylesheets/common/inline.css.scss

@@ -28,10 +28,8 @@ span.key {
   border: 1px solid #333;
   padding: 1px 3px;
   color: white;
-  display: inline-block;
   width: 1em;
   text-align: center;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
+  @include inline-block;
+  @include border-radius(3px);
 }

app/assets/stylesheets/common/main_layout.css.scss

@@ -57,7 +57,5 @@ div#more-links {
   width: 8em;
   line-height: 1.3em;
   padding: 0.2em 0.6em;
-  -moz-box-shadow: 2px 2px 2px #ccc;
-  -webkit-box-shadow: 2px 2px 2px #ccc;
-  box-shadow: 2px 2px 2px #ccc;
+  @include box-shadow(2px 2px 2px #ccc);
 }