Funding details view: Additional styling

[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 ef766f5..27fa01f 100755 (executable)
--- a/apps/funding/static/funding/funding.scss
+++ b/apps/funding/static/funding/funding.scss
@@ -1,9 +1,11 @@
 .funding {
     background: orange;
 .funding {
     background: orange;

-
+    margin: auto;
+    padding: 5px 0;
+    position: relative;

     a.call {
         height: 1.2em;
     a.call {
         height: 1.2em;

-        width: 13em;
+        width: 9em;

         padding: .35em .5em;
         margin: .5em;
         display: inline-block;
         padding: .35em .5em;
         margin: .5em;
         display: inline-block;


@@ -18,12 +20,13 @@
         a {
             display: block;
             color: black;
         a {
             display: block;
             color: black;

+            padding: 0 3px;

         }
     }
     strong {
         font-size: 1.5em;
         }
     }
     strong {
         font-size: 1.5em;

-        padding: .2em .2em 0;
-        display: block;
+        padding: .2em 0 0;
+        //display: block;

     }
     .progress {
         .piece {
     }
     .progress {
         .piece {


@@ -31,7 +34,7 @@
             padding: .3em .5em;
         }
         width: 95.7em;
             padding: .3em .5em;
         }
         width: 95.7em;

-        margin: .1em .3em .4em;
+        margin: .3em 0 .4em;

         border-radius: 2em;
         background-image: url(/static/img/progress-pixel.png);
         background-repeat: repeat-y;
         border-radius: 2em;
         background-image: url(/static/img/progress-pixel.png);
         background-repeat: repeat-y;


@@ -39,11 +42,28 @@
         box-shadow: .1em .1em .1em #888;
     }
     .with-button .progress {
         box-shadow: .1em .1em .1em #888;
     }
     .with-button .progress {

-        width: 73em;
+        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-top-header {
+    @extend: .funding;
+    width: 97.5em;
+}

 
 
 .wlfund {
 
 
 .wlfund {


@@ -101,3 +121,24 @@
         }
     }
 }
         }
     }
 }

+
+.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;
+}
\ No newline at end of file