X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/8d1372958ce4a205f11fcdd44cf6e9cac8429a69..7f0caf88dd3aac2e4d5bb4ee064137e03ecd4f03:/apps/funding/static/funding/funding.scss

diff --git a/apps/funding/static/funding/funding.scss b/apps/funding/static/funding/funding.scss
index 6268f48ac..13c6ce062 100755
--- a/apps/funding/static/funding/funding.scss
+++ b/apps/funding/static/funding/funding.scss
@@ -1,23 +1,152 @@
-.standalone-funding {
-    border: 1px solid black;
+.funding {
+    background: orange;
+    margin: auto;
+    padding: 5px 0;
+    position: relative;
+    a.call {
+        height: 1.2em;
+        width: 9em;
+        padding: .35em .5em;
+        margin: .5em;
+        display: inline-block;
+        vertical-align: top;
+        text-align: center;
+
+        background: lighten(#018189, .05);
+    }
+    .description {
+        display: inline-block;
+        padding-left: .6em;
+        a {
+            display: block;
+            color: black;
+            padding: 0 3px;
+        }
+    }
+    strong {
+        font-size: 1.5em;
+        padding: .2em 0 0;
+        //display: block;
+    }
+    .progress {
+        .piece {
+            font-size: 1.3em;
+            padding: .3em .5em;
+        }
+        width: 95.7em;
+        margin: .3em 0 .4em;
+        border-radius: 2em;
+        background-image: url(/static/img/progress-pixel.png);
+        background-repeat: repeat-y;
+        background-color: mix(#ec6d00, orange, .5);
+        box-shadow: .1em .1em .1em #888;
+    }
+    .with-button .progress {
+        width: 78em;
+    }
+    
+    .funding-title {
+        font-size: 1.1em;
+    }
+    .funding-title-strong {
+        @extend .funding-title;
+        font-weight: bold;
+        font-size: 1.5em;
+    }
+    .close {
+        position: absolute;
+        top: 0px;
+        right: 5px;
+    }
 }
 
-.funding {
+.funding-top-header {
+    @extend .funding;
+    width: 97.5em;
+}
+
+
+.wlfund {
+    width: 100%;
+    border-spacing:0;
+
+    td {
+        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;
+    }
+
+    .funding-plus td {
+        background-color: mix(#0D7E85, white, .2);
+    }
+
+    .funding-minus td {
+        background-color: white;
+    }
+}
+
+
+
+.honking {
+    background: #018189;
     font-size: 1.5em;
-    padding: 0;
-    padding: .5em 1em;
-    background-image: url(/static/img/green-pixel.png);
-    background-repeat: repeat-y;
+    padding: .5em;
+    color: white;
+    border: 0;
+    box-shadow: 0.2em 0.2em 0.3em #888888;
+    position: relative;
+}
+.honking:hover {
+    box-shadow: none;
+    top: .1em;
+    left: .1em;
+}
+
+
 
+.share {
     a {
-        color: black;
+        margin-right: 1.5em;
+
+        img {
+            vertical-align: middle;
+        }
     }
 }
 
-.funding-plus {
-    background: fade-out(#0D7E85, .8);
+.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-minus {
-    background: fade-out(red, .8);
+.funding-details-intro {
+    padding-top: 1em;
+    
+    h3:first-of-type {
+        margin-top: 0;
+    }
 }