added scss functions

app/assets/javascripts/notes.js

@@ -3,7 +3,13 @@ Danbooru.Note = {
     create: function(id) {
       var $inner_border = $('<div/>');
       $inner_border.addClass("note-box-inner-border");
-      $inner_border.css({opacity: 0.5});
+      
+      $inner_border.css({
+        opacity: 0.5,
+        "-ms-filter": "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)",
+        "filter": "alpha(opacity=50)",
+        zoom: 1
+      });
 
       var $note_box = $('<div/>');
       $note_box.addClass("note-box");

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);
 }

app/assets/stylesheets/mobile/posts.css.scss

@@ -68,10 +68,10 @@ div.post-previews {
 article.post-preview {
   height: 188px;
   width: 188px;
-  display: inline-block;
   float: left;
   text-align: center;
   vertical-align: middle;
+  @include inline-block;
 }
 
 article.post-preview.blacklisted-active {
@@ -106,8 +106,8 @@ div#tag-list {
   padding: 10px;
   
   li {
-    display: inline-block;
     margin: 2.5em 0.5em;
+    @include inline-block;
 
     a {
       background: #eee;
@@ -115,9 +115,7 @@ div#tag-list {
       font-weight: bold;
       padding: 0.2em 0.5em;
       border: 1px solid #666;
-      -moz-border-radius: 0.5em;
-      -webkit-border-radius: 0.5em;
-      border-radius: 0.5em;
+      @include border-radius(0.5em);
     }
   }
 }

app/assets/stylesheets/specific/comments.css.scss

@@ -29,10 +29,16 @@ div.comments-for-post {
     }
     
     article.comment.below-threshold {
+      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
+      filter: alpha(opacity=30);
+      zoom: 1;
       opacity: 0.3;
     }
     
     article.comment.below-threshold:hover {
+      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+      filter: alpha(opacity=100);
+      zoom: 1;
       opacity: 1.0;
     }
   }

app/assets/stylesheets/specific/pools.css.scss

@@ -50,7 +50,7 @@ div#c-pool-orders {
         margin-bottom: 20px;
         width: 150px;
         padding: 10px;
-        display: inline-block;
+        @include inline-block;
       }
 
       li.ui-state-default {

app/assets/stylesheets/specific/posts.css.scss

@@ -9,10 +9,10 @@ article.post-preview {
   width: 150px;
   margin-right: 30px;
   margin-bottom: 30px;
-  display: inline-block;
   float: left;
   text-align: center;
   vertical-align: middle;
+  @include inline-block;
 }
 
 article.post-preview.blacklisted-active {
@@ -108,10 +108,8 @@ div#c-posts {
     background: #EEE;
     padding: 0.5em;
     margin-bottom: 1em;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    border-radius: 0.5em;
     border: 1px solid #CCC;
+    @include border-radius(0.5em);
     
     p:last-child {
       margin-bottom: 0;