fnp
/
wolnelektury.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Add cover with logos.
[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
44109ee
..
13c6ce0
100755
(executable)
--- a/
apps/funding/static/funding/funding.scss
+++ b/
apps/funding/static/funding/funding.scss
@@
-1,88
+1,105
@@
.funding {
background: orange;
.funding {
background: orange;
-
+ margin: auto;
+ padding: 5px 0;
+ position: relative;
a.call {
a.call {
- font-size: 1.5em;
height: 1.2em;
height: 1.2em;
- width: 13em;
- position: relative;
+ width: 9em;
padding: .35em .5em;
margin: .5em;
display: inline-block;
vertical-align: top;
padding: .35em .5em;
margin: .5em;
display: inline-block;
vertical-align: top;
- box-shadow: 0.2em 0.2em 0.3em #888888;
text-align: center;
text-align: center;
- background: white;
- color: #4E56C8;
- }
- a.call:hover {
- box-shadow: none;
- top: .1em;
- left: .1em;
+
+ background: lighten(#018189, .05);
}
.description {
display: inline-block;
padding-left: .6em;
}
.description {
display: inline-block;
padding-left: .6em;
- }
- strong {
- font-size: 1.5em;
- padding: .2em .2em 0;
- display: block;
a {
a {
+ display: block;
color: black;
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;
.progress {
.piece {
font-size: 1.3em;
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;
- background-color:
fade-out(#ec6d00
, .5);
+ background-color:
mix(#ec6d00, orange
, .5);
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 {
width: 100%;
.wlfund {
width: 100%;
- border-
collapse: collapse
;
+ border-
spacing:0
;
td {
td {
- padding:
0 0 1em 0
;
+ padding:
1em .5em 1em
;
text-align: center;
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: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;
}
}
}
}
-
button
.honking {
+.honking {
background: #018189;
font-size: 1.5em;
padding: .5em;
background: #018189;
font-size: 1.5em;
padding: .5em;
@@
-91,9
+108,45
@@
button.honking {
box-shadow: 0.2em 0.2em 0.3em #888888;
position: relative;
}
box-shadow: 0.2em 0.2em 0.3em #888888;
position: relative;
}
-
button
.honking:hover {
+.honking:hover {
box-shadow: none;
top: .1em;
left: .1em;
box-shadow: none;
top: .1em;
left: .1em;
+}
+
+
+
+.share {
+ a {
+ margin-right: 1.5em;
+
+ img {
+ vertical-align: middle;
+ }
+ }
+}
+
+.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;
+ }
}
}