| main { |
| padding-top: 0px !important; |
| } |
| |
| /* ************ */ |
| /* Index Page */ |
| /* ************ */ |
| .container-donate .jumbotron { |
| background-image: url(../images/donate-header-bg.jpg); |
| background-size: cover; |
| padding: 150px 0 50px; |
| margin-bottom: 0; |
| } |
| .container-donate .jumbotron .container { |
| min-height: 200px; |
| } |
| .container-donate .jumbotron h1, .container-donate .jumbotron p { |
| color: #fff; |
| } |
| .container-donate .jumbotron h1 { |
| font-size: 39px; |
| } |
| .container-donate .jumbotron p { |
| font-size: 21px; |
| } |
| .container-donate .jumbotron p a { |
| color: #F7941E; |
| } |
| .container-donate .content-container { |
| position: relative; |
| top: -50px; |
| background-color: #f9f8f8; |
| padding: 40px; |
| } |
| .container-donate .content-container:before, .container-donate .content-container:after { |
| position: absolute; |
| top: 0; |
| content: " "; |
| display: table; |
| width: 14px; |
| display: block; |
| height: 292px; |
| } |
| .container-donate .content-container:before { |
| background-image: url(../images/shadow-left.png); |
| left: -14px; |
| } |
| .container-donate .content-container:after { |
| background-image: url(../images/shadow-right.png); |
| right: -14px; |
| } |
| .container-donate .content-container h2 { |
| margin-top: 0; |
| } |
| .container-donate .content-container > p { |
| margin-bottom: 40px; |
| } |
| .container-donate .content-container .slider-row { |
| margin-bottom: 20px; |
| } |
| .container-donate .content-container .slider-row .fa { |
| color: #afbbdc; |
| position: relative; |
| top: 1px; |
| } |
| .container-donate .content-container .slider-row .amount { |
| font-size: 35px; |
| color: #6f6f71; |
| font-weight: bold; |
| } |
| .container-donate .content-container .slider-row .amount sup { |
| font-size: 22px; |
| } |
| .container-donate .sidebar .amount-box { |
| border-top: 1px solid #cbcbcb; |
| border-bottom: 1px solid #cbcbcb; |
| margin: 40px 0 20px; |
| } |
| .container-donate .sidebar form.donate-form input:not([type="radio"]), .container-donate .sidebar form.donate-form textarea, .container-donate .sidebar form.donate-form select { |
| width: 100%; |
| margin-bottom: 10px; |
| } |
| .container-donate .sidebar form.donate-form input[type="radio"] { |
| margin-bottom: 10px; |
| } |
| .container-donate .sidebar .panel { |
| padding: 20px; |
| text-align: center; |
| background-color: #eef1f8; |
| margin-top: 20px; |
| } |
| .container-donate .sidebar .panel h2 { |
| color: #F7941E; |
| font-weight: bold; |
| } |
| .container-donate .sidebar .panel ul { |
| padding-left: 0; |
| } |
| .container-donate .sidebar .panel ul li { |
| list-style: none; |
| list-style-image: url(../images/orange-arrow.png); |
| } |
| |
| /* ************ */ |
| /* Credit Page */ |
| /* ************ */ |
| .container-credit .jumbotron { |
| background-image: url(../images/donate-header-bg.jpg); |
| background-size: cover; |
| padding: 150px 0 50px; |
| margin-bottom: 0; |
| } |
| .container-credit .jumbotron .container { |
| min-height: 200px; |
| } |
| .container-credit .jumbotron h1, .container-credit .jumbotron p { |
| color: #fff; |
| } |
| .container-credit .jumbotron h1 { |
| font-size: 39px; |
| } |
| .container-credit .jumbotron p { |
| font-size: 21px; |
| } |
| .container-credit .jumbotron p a { |
| color: #F7941E; |
| } |
| .container-credit .accomplished, .container-credit .thankyou, .container-credit .friends { |
| margin-bottom: 40px; |
| } |
| .container-credit .accomplished header, .container-credit .thankyou header, .container-credit .friends header { |
| background-color: #2c2255; |
| margin-bottom: 40px; |
| } |
| .container-credit .accomplished header h2, .container-credit .thankyou header h2, .container-credit .friends header h2 { |
| color: #fff; |
| padding: 40px 0; |
| margin: 0; |
| } |
| .container-credit .accomplished header h2:before, .container-credit .thankyou header h2:before, .container-credit .friends header h2:before { |
| content: " "; |
| display: table; |
| position: absolute; |
| bottom: -10px; |
| left: 15px; |
| width: 0; |
| height: 0; |
| border-left: 10px solid transparent; |
| border-right: 10px solid transparent; |
| border-top: 10px solid #2c2255; |
| } |
| .container-credit .accomplished img, .container-credit .thankyou img, .container-credit .friends img { |
| margin: 0 20px 20px 0; |
| } |
| .container-credit .accomplished p { |
| font-size: 21px; |
| position: relative; |
| top: 6px; |
| color: #2C2255; |
| } |
| .container-credit .thankyou header h2 sup, .container-credit .friends header h2 sup { |
| font-size: 20px; |
| } |
| .container-credit .thankyou p, .container-credit .friends p { |
| margin: 10px 0px 0px; |
| } |
| .container-credit .friends .col-sm-12 { |
| border-right: 1px solid #dedede; |
| } |
| .container-credit .friends .col-sm-12:last-child { |
| border: none; |
| } |
| .container-credit .friends .more { |
| border-bottom: 1px solid #dedede; |
| padding: 10px 0; |
| position: relative; |
| } |
| .container-credit .friends .more a:hover { |
| text-decoration: none; |
| } |
| .container-credit .friends .more i.fa { |
| background-color: #fff; |
| padding: 5px; |
| display: block; |
| position: absolute; |
| bottom: -10px; |
| left: 50%; |
| margin-left: -12px; |
| } |
| |
| /* ************ */ |
| /* Utility classes */ |
| /* ************ */ |
| .alignCenter { |
| text-align: center; |
| } |
| |
| .floatLeft { |
| float: left; |
| } |
| |
| .marginRight { |
| margin-right: 20px; |
| } |
| |
| /*# sourceMappingURL=styles.css.map */ |