Merge branch 'master' into rwd

[wolnelektury.git] / apps / funding / static / funding / funding.scss

diff --git a/apps/funding/static/funding/funding.scss b/apps/funding/static/funding/funding.scss
index cf4f8c3..13c6ce0 100755 (executable)
--- a/apps/funding/static/funding/funding.scss
+++ b/apps/funding/static/funding/funding.scss
@@ -1,8 +1,8 @@
 .funding {
     background: orange;
     margin: auto;
-    padding: 5px;
-    width: 97.5em;
+    padding: 5px 0;
+    position: relative;
     a.call {
         height: 1.2em;
         width: 9em;
@@ -38,11 +38,11 @@
         border-radius: 2em;
         background-image: url(/static/img/progress-pixel.png);
         background-repeat: repeat-y;
-        background-color: fade-out(#ec6d00, .5);
+        background-color: mix(#ec6d00, orange, .5);
         box-shadow: .1em .1em .1em #888;
     }
     .with-button .progress {
-        width: 73em;
+        width: 78em;
     }
     
     .funding-title {
@@ -53,34 +53,47 @@
         font-weight: bold;
         font-size: 1.5em;
     }
-    
+    .close {
+        position: absolute;
+        top: 0px;
+        right: 5px;
+    }
+}
+
+.funding-top-header {
+    @extend .funding;
+    width: 97.5em;
 }
 
 
 .wlfund {
     width: 100%;
-    border-collapse: collapse;
+    border-spacing:0;
 
     td {
-        padding: 0 0 1em 0;
+        padding: 1em .5em 1em;
         text-align: center;
+        border-top: 1em solid rgba(255, 255, 255, 0);
+        border-bottom: 2px solid #DDDDDD;
+
+        background-clip: padding-box;
+        -moz-background-clip: padding;
+        -webkit-background-clip: padding;
+    }
+    td.oneline {
+        white-space: nowrap;
     }
 
     td:last-child {
         text-align: right;
     }
 
-    td div {
-        padding: 1em;
-        box-shadow: 0 2px 0 #DDDDDD;
-    }
-
-    .funding-plus td div {
-        background: fade-out(#0D7E85, .8);
+    .funding-plus td {
+        background-color: mix(#0D7E85, white, .2);
     }
 
-    .funding-minus td div {
-        background: white;
+    .funding-minus td {
+        background-color: white;
     }
 }
 
@@ -112,3 +125,28 @@
         }
     }
 }
+
+.funding-handle {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index:2;
+    background: orange;
+    cursor:pointer;
+    padding: .2em 1em;
+    border-radius: 0 0 0 1em;
+    font-size: 13px;
+}
+
+.funding-cover {
+    float:left;
+    margin-right: 10px;
+}
+
+.funding-details-intro {
+    padding-top: 1em;
+    
+    h3:first-of-type {
+        margin-top: 0;
+    }
+}