radiant-shop-extension 0.10.0 → 0.11.0

data/public/stylesheets/sass/admin/extensions/shop/index.sass

@@ -1,64 +1,115 @@
-.map
-  border:
-    top: 21px #9e9e9e solid
-
-  .object
-    position: relative
-    height: 45px
-    line:
-      height: 45px
-    margin:
-      bottom: 2px
-      
-    .attributes
-      padding:
-        left: 5px
+.outset
+  
+  #head
+    height: 21px
+    background-color: #9E9E9E
+    
+    &.full
+      height: 46px
+      padding-right: 20px
+      background-color: #7E7E7E
+  
+    .button
+      float: right
+      margin-left: 10px
+      margin-top: 10px
+      display: block
+      height: 16px
+      padding: 6px 8px
+      font:
+        size: 12px
+        weight: bold
+      background:
+        color: #eeeeee
+        image: url(/images/admin/buttons_background.png)
+        position: 0 0
+        repeat: repeat-x
+      color: #555555
+      text:
+        decoration: none
+        shadow: 1px 1px 1px #eeeeee
+      cursor: pointer
       border:
-        bottom: 1px solid #cecece
+        radius: 5px
+      -moz:
+        border:
+          radius: 5px
+      -webkit:
+        border:
+          radius: 5px
         
-      &:hover
-        background:
-          color: #e0f0ff
-            
-      .name, .name a
-        color: black
-        font:
-          weight: bold
-          size: 16px
+      img
+        position: relative
+        top: -2px
+      
+      &:hover, &.active
+        background: #ebebeb
+        color: #000000
         text:
-          decoration: none
+          shadow: 1px 1px 1px #FFFFFF
           
+  .map
+    background-color: #FFFFFF
+    padding:
+      bottom: 5px
+
+    .object
+      position: relative
+      height: 45px
+      line:
+        height: 45px
+      margin:
+        bottom: 2px
+      
+      .attributes
+        padding:
+          left: 5px
+        border:
+          bottom: 1px solid #cecece
+        
         &:hover
-          color: #0066ce
+          background:
+            color: #e0f0ff
+            
+        .name, .name a
+          color: black
+          font:
+            weight: bold
+            size: 16px
           text:
-            decoration: underline
+            decoration: none
           
-      .modify
-        float: right
-        width: 200px
-        text:
-          align: right
-        font:
-          size: 10px
+          &:hover
+            color: #0066ce
+            text:
+              decoration: underline
+          
+        .modify
+          float: right
+          width: 200px
+          text:
+            align: right
+          font:
+            size: 10px
             
-        span
-          padding:
-            left: 15px
-            right: 15px
+          span
+            padding:
+              left: 15px
+              right: 15px
             
-          a
-            color: black
-            text:
-              decoration: none
+            a
+              color: black
+              text:
+                decoration: none
               
-        .add_child
-          background:
-            image: url(/images/admin/plus.png)
-            repeat: no-repeat
-            position: 0 50%
+          .add_child
+            background:
+              image: url(/images/admin/plus.png)
+              repeat: no-repeat
+              position: 0 50%
             
-        .remove
-          background:
-            image: url(/images/admin/minus.png)
-            repeat: no-repeat
-            position: 0 50%
+          .remove
+            background:
+              image: url(/images/admin/minus.png)
+              repeat: no-repeat
+              position: 0 50%

data/public/stylesheets/sass/admin/extensions/shop/packages/edit.sass

@@ -0,0 +1,162 @@
+ol#package_products
+  overflow: hidden
+  padding:
+    top: 10px
+    
+  li.product
+    float: left
+    position: relative
+    padding: 10px
+    height: 100px
+    width: 100px
+    margin:
+      right: 10px
+    border:
+      radius: 6px
+    -moz:
+      border:
+        radius: 6px
+    -webkit:
+      border:
+        radius: 6px
+    cursor: move
+    overflow: hidden
+    *
+      vertical:
+        align: middle
+    
+    .wrapper
+      display: table-cell
+      height: 100px
+      width: 100px
+      text:
+        align: center
+      vertical:
+        align: middle
+        
+    img
+      width: 100px
+      max:
+        height: 100px
+        
+    .title
+      font-size: 10px
+      position: absolute
+      display: block
+      width: 96%
+      top: 37.5px
+      left: 0
+      padding: 4px 2%
+      overflow: hidden
+      
+    .quantity
+      visibility: hidden
+      font-size: 10px
+      position: absolute
+      display: block
+      width: 30px
+      bottom: 14px
+      left: 18px
+      padding: 2px 0
+      
+    .save_quantity
+      width: 45px
+      visibility: hidden
+      position: absolute
+      right: 14px
+      bottom: 14px
+      
+    .actions
+      position: absolute
+      display: block
+      width: 100%
+      top: 0
+      left: 0
+      
+      .delete
+        position: absolute
+        right: 2px
+        top: 4px
+        width: 20px
+        height: 20px
+        overflow: hidden
+        display: block
+        cursor: pointer
+        background:
+          image: url('/images/admin/minus_disabled.png')
+          repeat: no-repeat
+          position: 0 0
+        cursor: pointer
+        
+        &:hover
+          background:
+            image: url('/images/admin/minus.png')
+        
+    &:hover
+      background:
+        color: #f9f6fe
+        
+      .title, .quantity, .save_quantity
+        visibility: visible
+        
+      .title
+        background-color: #f9f6fe
+     
+#browse_products_popup
+  position: relative
+  overflow: hidden
+  
+  ul#available_products
+    width: 700px
+    padding: 5px 0 10px
+    overflow: hidden
+    position: relative
+    
+    li.product
+      position: relative
+      background-color: #f9f6fe
+      display: block
+      float: left
+      height: 70px
+      width: 70px
+      padding: 10px
+      margin: 0 5px 5px
+      border:
+        radius: 6px
+      -moz:
+        border:
+          radius: 6px
+      -webkit:
+        border:
+          radius: 6px
+      cursor: pointer
+    
+      *
+        vertical:
+          align: middle
+        
+      .wrapper
+        display: table-cell
+        height: 70px
+        width: 70px
+        text:
+          align: center
+        vertical:
+          algin: middle
+      
+        img
+          width: 70px
+    
+      .title
+        font-size: 10px
+        position: absolute
+        display: block
+        width: 96%
+        top: 37.5px
+        left: 0
+        background-color: #f9f6fe
+        padding: 4px 2%
+        overflow: hidden
+        
+      .actions, .quantity, .save_quantity
+        display: none

data/public/stylesheets/sass/admin/extensions/shop/products/edit.sass

@@ -50,22 +50,11 @@
       
       .delete
         position: absolute
+        overflow: hidden
         right: -2px
         top: 4px
         width: 20px
         height: 20px
-        overflow: hidden
-        display: block
-        cursor: pointer
-        background:
-          image: url('/images/admin/minus_disabled.png')
-          repeat: no-repeat
-          position: 0 0
-        cursor: pointer
-        
-        &:hover
-          background:
-            image: url('/images/admin/minus.png')
             
     &:first-child
       
@@ -79,6 +68,69 @@
       background:
         color: #f9f6fe
         
+#variants
+  overflow: hidden
+
+  .variant
+    position: relative
+    width: 48%
+    margin: 5px 0
+    padding: 5px
+    float: left
+    border:
+      radius: 6px
+    -moz:
+      border:
+        radius: 6px
+    -webkit:
+      border:
+        radius: 6px
+    
+    &:hover
+      background:
+        color: #f9f6fe
+    
+    span
+      display: block
+    
+    .name
+      float: left
+      margin: 5px
+        left: 5px
+      width: 35%
+    
+      input
+        width: 100%
+        font-size: 18px
+        
+    .price
+      position: absolute
+      top: 10px
+      left: 45%
+      width: 15%
+      
+      label
+        position: absolute
+        top: 5px
+      
+      input
+        font-size: 18px
+        width: 85%
+        margin-left: 15%
+        text-align: right
+        
+    .value
+      position: absolute
+      right: 40px
+      top: 16px
+      text-align: right
+      font-style: italic
+        
+    .actions
+      position: absolute
+      top: 16px
+      right: 25px
+        
 #browse_images_popup
   width: 460px
   padding:
@@ -126,33 +178,60 @@
       
     .caption
       display: none
+      
+    .actions
+      .delete
+        display: none
     
     &:hover
       background:
-        color: #8888888
-        
-#new_image_popup
-  color: #333333
+        color: #F8F7ED
         
-  ol
-    padding: 10px
+#browse_templates_popup
+  width: 810px
+  
+  #templates
+    overflow: hidden
+    padding: 5px
+      bottom: 15px
     
-    li
-      overflow: hidden
-      padding:
-        bottom: 18px
-      &.image_file
-        padding-bottom: 38px
-        text-align: right
-      &.image_submit
-        position: absolute
-        right: 10px
-        bottom: 10px
-        padding-bottom: 0
-      label
-        display: block
-        float: left
-        width: 70px
+    .template
+      position: relative
+      display: block
+      float: left
+      padding: 10px
+      border:
+        radius: 6px
+      -moz:
+        border:
+          radius: 6px
+      -webkit:
+        border:
+          radius: 6px
+      cursor: pointer    
       
-      input[type=text]
-        float: left
+      &:hover
+        background:
+          color: #F8F7ED
+          
+        .wrapper
+        
+          .options
+          
+            .option
+              color: #444444
+      
+      .wrapper
+        display: table-cell
+        width: 180px
+        
+        .name
+          font-weight: bold
+          line-height: 20px
+          
+        .options
+        
+          .option
+            line-height: 16px
+            padding: 4px
+            color: #777777