app/assets/stylesheets/default.scss.erb in ideyabox-0.1.3 vs app/assets/stylesheets/default.scss.erb in ideyabox-0.1.4

@@ -170,10 +170,36 @@
   max-width:100%;
 }
 .clear {
   clear:both;
 }
+
+
+html.login {
+  #content input{font-size:1em;}
+  #content input[type=submit]{padding: 0.3em 0.5em;}
+  &, body { width:100%; height:100%;}
+  #main {min-height:0; width:370px; margin:0 auto; 
+  margin-bottom:100px;
+  background:white;
+  padding:0 2em;
+  -webkit-box-shadow: 0 0 5px #CCC;
+  -moz-box-shadow: 0 0 5px #CCC;
+  box-shadow: 0 0 5px #CCC;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  border: 1px solid #CCC;
+  }
+
+  table.login {border-collapse:collapse; width:100%; height:100%;}
+  td.login {vertical-align:middle;}
+  .fields {
+    margin:0 0 5px 0;
+    input {width:100%}
+  }
+}
 #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;
@@ -276,21 +302,29 @@
   width:100%;
 }
 .date_params {display:none;&.show {display:table-row;}}
 
 body .redactor_toolbar li a.redactor_btn_hiconix_cut{background: url(<%= asset_path 'admin/hiconix_cut.png' %>) no-repeat;}
-ul.photos {
-  list-style: none;
-  li {
-    display:inline-block;
-    position:relative;
-    a.del {text-indent:-9999px;position:absolute;right:0;bottom:0;}
-  }
-}
+
 #index_wr {
   margin-top:10px;
 }
+
+@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 );
+}
+
+
+// buttons
+
 @mixin black_button  {
   font:1em Helvetica, Arial, sans-serif;
   margin-bottom:10px;
   display:inline-block;
   padding:5px 7px;
@@ -362,10 +396,14 @@
     box-shadow: 0 1px 6px rgb(9, 122, 22);
     color:#444;
   }
 }
 
+
+
+// flash messages 
+
 .notice, .alert {
   padding:7px 15px;
   margin:10px 30px;
   border-radius:4px;
   border:1px solid;
@@ -393,44 +431,24 @@
   behavior:url("/PIE.htc");
 }
 
 #error_explanation {background:#fbe3e4;padding:1em;border-radius:4px; border:1px dashed red;ul{list-style-type:none;}}
 
-html.login {
-  #content input{font-size:1em;}
-  #content input[type=submit]{padding: 0.3em 0.5em;}
-  &, body { width:100%; height:100%;}
-  #main {min-height:0; width:370px; margin:0 auto; 
-  margin-bottom:100px;
-  background:white;
-  padding:0 2em;
-  -webkit-box-shadow: 0 0 5px #CCC;
-  -moz-box-shadow: 0 0 5px #CCC;
-  box-shadow: 0 0 5px #CCC;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  border: 1px solid #CCC;
-  }
 
-  table.login {border-collapse:collapse; width:100%; height:100%;}
-  td.login {vertical-align:middle;}
-  .fields {
-    margin:0 0 5px 0;
-    input {width:100%}
+
+
+// images uploading
+
+ul.photos {
+  list-style: none;
+  li {
+    display:inline-block;
+    position:relative;
+    a.del {text-indent:-9999px;position:absolute;right:0;bottom:0;}
   }
 }
-@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;
@@ -479,10 +497,40 @@
 }
 .bar {
   @include gradient(#53B75F, #1B7726);
   height: 10px;
 }
+
+// crop
 .preview_crop {display:none;overflow:hidden;img{max-width:none;}}
 .crop_panel {
   margin:1em 0;
   #unhook {display:none;}
-}
\ No newline at end of file
+}
+
+// trees
+ol.sortable {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  li {
+    width:100%;
+    margin: 12px 0;
+    vertical-align: middle;
+    padding: 0;
+  }
+  ol {margin: 0 0 0 30px;padding: 0;}
+  div {
+    cursor: move;
+    background-color: #F8F8F8;
+    width:100%;
+    vertical-align: middle;
+    padding: 10px 0;
+    a {margin-left: 10px;}
+    .del {float: right;min-width:30px;}
+    &:hover {background-color:#C4FFCB;outline:1px dashed green;}
+  }
+}
+.ui-nestedSortable-error {background:#fbe3e4; outline:1px dashed red;}
+.placeholder {background-color: #C4FFCB; outline:1px dashed green;}
+.ui-sortable-placeholder {background-color: #C4FFCB !important;height:2.6em;visibility:visible !important;}
+