default.scss.erb in ideyabox-0.1.2

- old
+ new

@@ -14,11 +14,11 @@
 $a_hover_color: #53B75F;
 $active_color:#C4FFCB;
 $border_color:#d4d4d4;
 $shadows: rgb(150,150,150);
 
-html {overflow-y:scroll;}
+html {overflow-y:scroll;width: 100%;}
 body {width: 100%; 
   background: $bodycolor url(<%= asset_path 'admin/background-image.png' %>);
 
   text-align: left; font:100% "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;color:$deepgreen;}
 #logo img{
@@ -60,17 +60,19 @@
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   background:$deepgreen;
 }
+form {width:100%;}
 table {
   width:100%;
   border-collapse:collapse;
   margin-bottom:10px;
 
   tr {
     //&:first-child {border-top:1px solid $border_color;}
+    width:100%;
     border-top:1px solid $border_color;
     border-bottom:1px solid $border_color;
   }
   td {
     padding:5px 7px;
@@ -158,11 +160,19 @@
   a.del {
     min-width:10px;
     span {display:none;}
   }
 }
-
+textarea {
+  width:100%;
+}
+img {
+  max-width:100%;
+}
+.clear {
+  clear:both;
+}
 #launchbar {
   background: $deepgreen;overflow: hidden;position: relative;text-align: left;z-index: 9999;padding: 0 3%;
   -webkit-box-shadow: 0 0 5px $shadows;
   -moz-box-shadow: 0 0 5px $shadows;
   box-shadow: 0 0 5px $shadows;
@@ -405,6 +415,68 @@
   td.login {vertical-align:middle;}
   .fields {
     margin:0 0 5px 0;
     input {width:100%}
   }
+}
+@mixin gradient($top, $bottom) {
+  background: $top;
+  background: -moz-linear-gradient(top, $top 0%, $bottom 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom)); 
+  background: -webkit-linear-gradient(top, $top 0%,$bottom 100%); 
+  background: -o-linear-gradient(top, $top 0%,$bottom 100%); 
+  background: -ms-linear-gradient(top, $top 0%,$bottom 100%);
+  background: linear-gradient(to bottom, $top 0%,$bottom 100%); 
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb6ff', endColorstr='#006ed6',GradientType=0 );
+}
+.image-list li{
+  display:inline-block;
+  width:47%;
+  margin:3px 0.5%;
+  padding:0;
+  position:relative;
+  border:1px solid grey;
+  .image_control_panel {
+    position:absolute;
+    bottom:0;
+    height:2.5em;
+    background:rgba(255,255,255,0.7);
+    width:100%;
+  }
+  img {width:100%;}
+  a {
+    &.delete_image {
+      color:#000;
+      position:absolute;
+      right:0;
+      bottom:0;
+      &:hover {
+        color:red;
+      }
+    }
+    &.toggleshow {
+      color:#000;
+      position:absolute;
+      left:0;
+      bottom:0;
+      .icon-eye-close {
+        color:#000;
+      }
+      &:hover {
+        color:#53B75F;
+      }      
+    }
+  }
+}
+
+.upload {
+  strong {color:#1B7726;}
+  margin-bottom:0.5em;
+}
+.progress {
+  border:1px solid grey;
+  background:#E6E6E6;
+}
+.bar {
+  @include gradient(#53B75F, #1B7726);
+  height: 10px;
 }
\ No newline at end of file