default.scss.erb in ideyabox-0.1.5

- old
+ new

@@ -31,10 +31,22 @@
   vertical-align:middle;
 
   i {display:inline;}
   &:hover {color:#FF0000;}
 }
+
+@mixin radius($radius) {
+  -webkit-border-radius: $radius;
+  -moz-border-radius: $radius;
+  border-radius: $radius;   
+}
+@mixin box-shadow($blur, $color) {
+  -webkit-box-shadow: 0 0 $blur $color;
+  -moz-box-shadow: 0 0 $blur $color;
+  box-shadow: 0 0 $blur $color; 
+}
+
 .icon-large{font-size:1.5em;}
 .horizontal_items {
   display:none;
 }
 .bright_link {
@@ -512,25 +524,57 @@
   margin: 0;
   padding: 0;
   width: 100%;
   li {
     width:100%;
-    margin: 12px 0;
+    margin: 5px 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;}
+    padding: 5px 0;
+    position: relative;
+    border:1px solid #000;
+    @include radius(7px);
+    a {position: relative;}
+
+    a.title {margin-left: 30px;}
+    a.expand {
+      &.plus:after {content:"+";}
+      &.minus {
+        &:after {content:"-";}
+        padding: 0 5px 2px 5px;
+      }
+      margin-left: 10px;
+      font-size: 15px;
+      font-weight: bold;
+      background-color: $deepgreen;
+      display: inline-block;
+      padding: 0 4px 2px 4px;
+      color: #FFF;
+      &:hover{color: #FFF;}
+      &.non-display {display:none;}
+      @include radius(10px);
+    }
+    .toggleshow {position: relative;margin-left: 5px;display: inline-block;width: 12px;height: 12px;}
+    a.del {margin-right: 10px;}
+    .icon-large{font-size: 1.2em;position: absolute;left: 0;top: 0;}
+
     .del {float: right;min-width:30px;}
-    &:hover {background-color:#C4FFCB;outline:1px dashed green;}
+    &:hover {background-color:#C4FFCB;border:1px dashed green;}
   }
 }
-.ui-nestedSortable-error {background:#fbe3e4; outline:1px dashed red;}
-.placeholder {background-color: #C4FFCB; outline:1px dashed green;}
+.ui-nestedSortable-error {background:#fbe3e4; border:1px dashed red;}
+.placeholder {background-color: #C4FFCB; border:1px dashed green;@include radius(7px);}
 .ui-sortable-placeholder {background-color: #C4FFCB !important;height:2.6em;visibility:visible !important;}
 
+#accordion {
+  h1,h2,h3,h4 {
+    cursor:pointer;
+    &:hover {color:$a_hover_color;}
+  }
+}
\ No newline at end of file