improved scss variables

themes/default-bootstrap/css/scenes.css

@@ -1,5 +1,5 @@
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
 /*TMP*/
-/* line 3, ../sass/scenes.scss */
 #scenes .cluetip span {
   background: transparent url(../img/icon/cible.gif) no-repeat scroll center center;
   color: black;
@@ -13,7 +13,6 @@
 }
 
 /*TMP*/
-/* line 15, ../sass/scenes.scss */
 .thumbs_banner {
   margin: 10px auto;
   padding: 2px 0;
@@ -23,7 +22,6 @@
   border-bottom: 1px solid #ccc;
 }
 
-/* line 24, ../sass/scenes.scss */
 .thumbs_banner .space-keeper {
   width: 21px;
   float: left;
@@ -31,7 +29,6 @@
   height: 100%;
 }
 
-/* line 31, ../sass/scenes.scss */
 .thumbs_banner .space-keeper a.prev {
   display: none;
   width: 21px;
@@ -41,29 +38,24 @@
   background: url(../img/icon/serial_scroll_left.gif) no-repeat 0 0 #eeeeee;
 }
 
-/* line 39, ../sass/scenes.scss */
 #scenes_list {
   overflow: hidden;
   float: left;
   width: 478px;
 }
 
-/* line 44, ../sass/scenes.scss */
 #scenes_list ul {
   list-style-type: none;
 }
 
-/* line 48, ../sass/scenes.scss */
 #scenes_list li {
   float: left;
 }
 
-/* line 52, ../sass/scenes.scss */
 #scenes_list a {
   display: block;
 }
 
-/* line 56, ../sass/scenes.scss */
 .thumbs_banner a.next {
   float: left;
   display: block;
@@ -75,19 +67,16 @@
 }
 
 /* Cluetip design ****************************************************************************** */
-/* line 67, ../sass/scenes.scss */
 #scenes .screen_scene {
   margin: 0 auto;
 }
 
-/* line 71, ../sass/scenes.scss */
 #scenes a.cluetip {
   display: block;
   position: absolute;
   text-decoration: none;
 }
 
-/* line 77, ../sass/scenes.scss */
 .cluetip-product_scene {
   padding: 10px;
   border: 7px solid #999;
@@ -95,24 +84,21 @@
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-align: left;
-  background: #fff;
+  background: white;
   opacity: 0.95;
 }
 
-/* line 88, ../sass/scenes.scss */
 .cluetip-product_scene #cluetip-close {
   text-align: right;
   float: right;
 }
 
-/* line 93, ../sass/scenes.scss */
 .cluetip-product_scene img {
   float: left;
   margin-right: 10px;
   border: 1px solid #cccccc;
 }
 
-/* line 98, ../sass/scenes.scss */
 .cluetip-product_scene .title_block {
   display: inline-block;
   margin-bottom: 5px;
@@ -120,19 +106,16 @@
   font-size: 12px;
 }
 
-/* line 105, ../sass/scenes.scss */
 .cluetip-product_scene .clear {
   margin: 0;
   padding: 0;
 }
 
-/* line 106, ../sass/scenes.scss */
 .cluetip-product_scene .clear a {
   /*float:left;*/
   margin-top: 2px;
 }
 
-/* line 111, ../sass/scenes.scss */
 .cluetip-product_scene p.description {
   float: left;
   padding: 0;
@@ -140,7 +123,6 @@
   color: #666666;
 }
 
-/* line 118, ../sass/scenes.scss */
 .cluetip-product_scene div.prices {
   float: right;
   position: relative;
@@ -148,7 +130,6 @@
   text-align: right;
 }
 
-/* line 124, ../sass/scenes.scss */
 .cluetip-product_scene .new {
   position: absolute;
   top: 0;
@@ -157,12 +138,11 @@
   padding: 1px 5px;
   font-weight: bold;
   font-size: 10px;
-  color: #fff;
+  color: white;
   text-transform: uppercase;
   background: none repeat scroll 0 0 #9b0000;
 }
 
-/* line 136, ../sass/scenes.scss */
 .cluetip-product_scene .price {
   padding-top: 18px;
   font-weight: bold;
@@ -170,7 +150,6 @@
   color: #990000;
 }
 
-/* line 142, ../sass/scenes.scss */
 .cluetip-product_scene .on_sale, .cluetip-product_scene .discount {
   display: block;
   font-weight: bold;