X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/6280673f35e13e75e81c5b7821bd2a44a1831eab..357027375ff8867f42ca34bcbfb5a78b5b185fc3:/apps/wolnelektury_core/static/scss/funding/funding.scss diff --git a/apps/wolnelektury_core/static/scss/funding/funding.scss b/apps/wolnelektury_core/static/scss/funding/funding.scss deleted file mode 100644 index 3b63e2037..000000000 --- a/apps/wolnelektury_core/static/scss/funding/funding.scss +++ /dev/null @@ -1,224 +0,0 @@ -.funding { - background: orange; - margin: auto; - @include size(padding, 5px 0); - position: relative; - .close { - @include mono; - @include size(font-size, 16px); - position: absolute; - top: 0px; - right: 0; - @include size(padding, 1px 5px 10px 10px); - } - .call-area { - float:left; - @include size(padding-right, 6px); - } - a.call { - @include size(height, 18px); - - @include size(padding, 5.25px 7.5px); - @include size(margin, 7.5px); - display: inline-block; - vertical-align: middle; - text-align: center; - - background: lighten(#018189, .05); - @include size(width, 135px); - - @include min-screen(420px) { - vertical-align: top; - } - } - .learn-more { - text-align: center; - margin: auto; - @include size(font-size, 10px); - padding: .5em; - - @include min-screen(300px) { - display: inline; - } - @include min-screen(420px) { - padding: 0; - display: block; - } - } - .description { - @include size(padding-left, 6px); - - a { - display: block; - color: black; - @include size(padding, 0 3px); - } - } - strong { - @include size(font-size, 15px); - @include size(padding, 3px 0 0); - } - .progress { - .piece { - @include size(font-size, 13px); - @include size(padding, 4px 6px); - } - @include size(margin, 3px 12px 4px 0); - @include size(border-radius, 20px); - background-image: url(/static/img/progress-pixel.png); - background-repeat: repeat-y; - background-color: #F68900; - @include box-shadow(1px 1px 1px #888); - - .progress-collected { - float:left; - &:after { - content: " / "; - } - @include min-screen(500px) { - &:after { - content: none; - } - } - } - .progress-target { - float: left; - padding-left: 0; - @include min-screen(500px) { - float: right; - @include size(padding-left, 6px); - } - } - .progress-extralabel { - display: none; - @include min-screen(500px) { - display: inline; - } - } - .progress-until { - display: inline-block; - margin-right: 0em; - text-align: right; - @include min-screen(500px) { - text-align: center; - } - } - } - .with-button { - clear: left; - @include min-screen(420px) { - clear: none; - @include size(margin-left, 171px); - } - } - - .funding-title { - @include size(font-size, 11px); - display: block; - @include min-screen(640px) { - display: inline; - } - } - .funding-title-strong { - @extend .funding-title; - font-weight: bold; - @include size(font-size, 15px); - } -} - -.funding-top-header { - @extend .funding; - - @include min-screen(1000px) { - @include size(width, 975px); - } -} - - -.wlfund { - width: 100%; - border-spacing:0; - - td { - @include size(padding, 10px 5px 10px); - text-align: center; - @include size(border-top, 10px solid rgba(255, 255, 255, 0)); - @include size(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; - @include size(font-size, 15px); - @include size(padding, 7.5px); - color: white; - border: 0; - @include box-shadow(3px 3px 4.5px #888888); - position: relative; -} -.honking:hover { - @include box-shadow(none); - @include size(top, 1px); - @include size(left, 1px); -} - - - -.share { - a { - @include size(margin-right, 15px); - - img { - vertical-align: middle; - } - } -} - -#funding-closeable { - display: none; -} -#funding-handle { - position: absolute; - top: 0; - right: 0; - z-index: 2; - background: orange; - cursor: pointer; - @include size(padding, 2.6px 13px); - @include size(border-radius, 0 0 0 10px); - @include size(font-size, 13px); -} - -.funding-cover { - float: left; - @include size(margin-right, 10px); -} - -.funding-details-intro { - @include size(padding-top, 10px); - - h3:first-of-type { - margin-top: 0; - } -}