carts.css.scss in rightnow_oms-0.1.6

- old
+ new

@@ -3,98 +3,24 @@
     color: black;
     text-decoration: none;
     &:hover { text-decoration: underline; }
   }
 }
-.r-mini-cart {
+
+
+.r-cart-items {
   @extend .r-links;
-  position: relative;
-  color: black;
-  font-size: 12px;
-  .r-cart-cartable-count {
-    a {
-      background: url('cart.png') no-repeat left center;
-      padding-left: 20px;
-      line-height: 16px;
-    }
-    padding: 5px 10px;
-    width: 100px;
-    text-align: center;
-    border: 1px solid #ccc;
-  }
-  .r-cart-items {
-    position: absolute;
-    top: 28px;
-    right: 0px;
-    float: left;
-    width: 285px;
-    margin-top: -1px;
-    border: 1px solid #ccc;
-    background-color: white;
-    display: none;
-    z-index: 9999;
-    dl {
-      margin: 0px;
-      width: 100%;
-    }
-    dl ul {
-      list-style-type: none;
-      padding: 0px;
-      margin: 0px;
-      border: 0px;
-      width: 100%;
-    }
-    dl li{
-      padding-top: 5px;
-      padding-left: 8px;
-      text-align: right;
-      float: left;
-    }
-    dl li.name {
-      width: 165px;
-      text-align: left;
-      cursor: pointer;
-    }
-    dl li.price {
-      width: 50px;
-    }
-    dl li.delete {
-      width: 30px;
-    }
-    ul.child {
-      clear: both;
-    }
-    dd {
-      margin-left: 12px;
-    }
-    dd li.price {
-      margin-left: -12px;
-    }
-    dd li.name {
-      cursor: default;
-    }
-  }
-  .r-bottom-bar {
-    float: right;
-    padding: 5px 10px;
-    span { margin: 2px; }
-  }
-}
-.r-detailed-cart {
-  @extend .r-links;
-  position: relative;
   width: 100%;
   max-width: 940px;
-  margin: 0 auto;
+  min-width: 285px;
   font-size: 12px;
   background-color: white;
-
-  h2 {
-    font-size: 24px;
-    line-height: 36px;
+  div.r-clear {
+    float: none;
   }
 
+
   ul {
     text-align: left;
     list-style-type: none;
     border: 0px;
     margin: 0px;
@@ -128,11 +54,11 @@
         span.increase { margin-left: -1px; }
         span.quantity { width: 30px; }
         span.quantity-only { width: 60px; }
       }
       div.subtotal { width: 85px; }
-      div.delete { width: 50px; }
+      div.delete { width: 30px; }
     }
   }
 
   ul.title {
     font-size: 16px;
@@ -144,11 +70,11 @@
 
   dl {
     margin: 0;
     dt, dd {
       margin: 0;
-      border-top: 1px solid #CCC;
+      border-top: 1px solid #ccc;
     }
     dt ul {
       li.name { cursor: pointer; }
     }
     dd {
@@ -158,15 +84,97 @@
       }
     }
   }
 
   .r-bottom-bar {
+    float: right;
+    padding: 5px 10px;
+    span { margin: 2px; }
+  }
+}
+
+.r-detailed-cart {
+  position: relative;
+  width: 100%;
+  max-width: 940px;
+  margin: 0 auto;
+  font-size: 12px;
+  background-color: white;
+
+  h2 {
+    font-size: 24px;
+    line-height: 36px;
+  }
+
+  .r-cart-items {
+    @extend .r-cart-items;
+  }
+
+  .r-bottom-bar {
     margin-top: 30px;
     position: relative;
     width: 100%;
     font-size: 20px;
     line-height: 36px;
     span { padding: 8px; }
-    .left-conner { float: left; }
-    .right-conner { float: right; }
+    .left-conner {
+      float: left;
+      text-align: left;
+    }
+    .right-conner {
+      float: right;
+      width: 550px;
+      text-align: right;
+    }
+  }
+}
+
+.r-mini-cart {
+  @extend .r-links;
+  position: relative;
+  color: black;
+  font-size: 12px;
+  .r-cart-cartable-count {
+    a {
+      background: url('cart.png') no-repeat left center;
+      padding-left: 20px;
+      line-height: 16px;
+    }
+    padding: 5px 10px;
+    width: 120px;
+    text-align: center;
+    border: 1px solid #ccc;
+  }
+
+  .r-cart-items {
+    @extend .r-cart-items;
+    position: absolute;
+    top: 28px;
+    right: 0px;
+    display: none;
+    float: left;
+    margin-top: -1px;
+    border: 1px solid #ccc;
+    background-color: white;
+    display: none;
+    z-index: 9999;
+
+    dl > dt, dd {
+      border-top: none;
+    }
+
+    li.others div.price {
+      width: 50px;
+      margin-right: 12px;
+    }
+    li.others > div.delete {
+      width: 30px;
+    }
+  }
+  .r-bottom-bar {
+    float: right;
+    padding: 5px 10px;
+    span { margin: 2px; }
+    width: 180px;
+    text-align: right;
   }
 }