html { font-family:roboto;
}
@font-face {
font-family:roboto;
src: url('roboto.ttf') format("truetype");
}
body {margin:0px;
padding:0px;
background:none;}
footer {background:black;
width:100%;
height:75%;
position:absolute;
font-size:120%;
vertical-align: bottom;}
div.home { background: url(../images/coffee.jpg) fixed no-repeat;
background-size:110% auto;
background-position:0 30%;
}
div.livepage {
background: url(../images/iphoneblacklivetrans.png) left no-repeat;
background-size:75% auto;
background-position:-15vw 65%;
background-color:white;
height:93vh;
width:100%;
}
div.buypage {
background: url(../images/iphoneredbuy.png) right no-repeat;
background-size:100% auto;
background-position:80% 0;
background-color:#f9f9f9;
height:93vh;
width:100%;
}
div.createAccount {
background: url(../images/createAccount.png) no-repeat;
background-size:90% auto;
background-position: -190% 30%;
background-color:white;
height:93vh;
width:100%;
}
div.premiumBanner {
background: url(../images/iphonexPremium.png) no-repeat;
background-size: 90% auto;
background-position:-250% 30%;
background-color:#181818;
height:93vh;
width:100%;
}
div.newDeal {
background-image: url(../images/newDeal.png) no-repeat;
background-size: 100%;
background-position:100px 200px;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.redeempage {
background: url(../images/iphonexredeemtrans.png) left no-repeat;
background-size:75%;
background-position:-50% 50%;
background-color:white;
height:93vh;
width:100%;
}
div.statistics {
background: url(../images/statisticsPage.png) no-repeat;
background-size:20%;
background-position:550px 100px;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.business { background: url(../images/darktable.png) no-repeat;
background-size: 120%;
}
div.login { background: url(../images/city.jpg) center top fixed repeat;
background-size:200% 100%;
}
div.contact {width:75%;
height:auto;
margin:auto;
background:none;
text-align:left;}
div.contact input {width:35%;
padding:3px;
margin:10px;
margin-left:0;
border:none;
border:solid .5px grey;
background:none;
color:black;
font-size:2vw;
text-align:left;
}
div.orange {width:100%;
height:auto;
margin:auto;
text-align:center;
color:white;
font-size:4.5vw;
background:#F87701;}
div.navigation {width:100%;
height:50px;
position:fixed;
top:0;
background:none;
display:inline;
}
div.navsmall {width:100%;
height:70px;
position:fixed;
top:0;
background:black;
display:none;
}
div.footer {width:20%;
height:auto;
float:left;}
div.header { width:100%; height:600px;
background-color:none;
color:white;
line-height:40px;
}
div.fundraiserHeader { width:100%; height:400px;
background-color:none;
color:white;
line-height:30px;
}
div.stuff1 {width:50%; height:480px; float:left;
background-color:white;
margin-bottom:.2em;
}
div.stuff2 {width:50%; height:480px; float:right;
background-color:white;
color: #01DFD7;
font-size:1.7vw;
color:black;
margin-bottom:.2em;
}
div.smallcontainer {
width:100%;
height:auto;
background:#1d1d1f;
display:table;
margin:0;
}
div.small {width:25%;
height:auto;
float:left;
background-color:#1d1d1f;
text-align:center;
}
div.premiumCard {
margin-left:-15px;
margin-bottom:50px;
background:white;
width:200px;
height:300px;
box-shadow: 1px 1px 4px;
border-radius:25px;
}
p.premiumcard {
text-align:center;
width:200px;
font-size:9pt;
letter-spacing:1.1pt;
color:black;
padding-top:6px;
font-weight:bold;
margin:0px;
}
#black {
background:black;
width:200px;
height:275px;
border-radius:25px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
img#premiumCard {
width:75px;
margin-top:100px;
}
div.grey_centered_text {
text-align:center;
width:100%;
background:#f8f8f8;
padding-top:50px;
padding-bottom:50px;
}
p.grey_centered_text {
font-size:14pt;
text-align:center;
color:black;
max-width:400px;
margin:auto;
}
p.greyBox {
margin:auto;
width:40%;
background:#f8f8f8;
padding:3vw;
font-size:1.5vw;
border-radius:25px;
color:black;
}
div.thirdcontainer {
width:100%;
height:auto;
background:white;
display:table;
}
div.third {
width:33%;
float:left;
background:white;
text-align:center;
display:inline-block;
padding:3% 0;
}
div.price {width:100%;
height:auto;
background-color:#1d1d1f;
}
div.break {min-height:100px;
background:none;
clear:both;}
div.break-big {height:50vw;
background:none;
clear:both;}
div.processcontainer {
width:100%;
height:auto;
display:table;
background:white;
}
div.process {width:100%;
height:auto;
background-color:white;
text-align:left;
margin:auto;
}
div.container {position:center center;
width:75%;
height:auto;
background-color:#1d1d1f;
margin-top:8%;}
div.legal {margin-right:10%;
}
div.logo img{max-height:100px;
max-width:100px;}
div.login-form {width:40%;
height:25%;
text-align:center;
margin:auto;
border:solid white;}
div.form {width:50%;
height:auto;
margin:auto;
background-color:none;
text-align:center;
color:white;
font-size:1.5vw;
}
div.form2 {width:50%;
height:auto;
margin:auto;
background-color:rgba(1,1,1,0.3);
text-align:center;
color:white;
font-size:1.5vw;
}
input[type="text"]:hover{
border: 1px solid #999;
border-radius: 5px;
}
input.date {
font-family:bebas;
font-size:1.7vw;
padding:5px;
}
section.radio input {
padding:8px;
margin:10px;
color:white;
}
section.text input {width:50%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:1.5vw;
text-align:left;
}
section.text-login input {width:70%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:black;
font-size:2.5vw;
text-align:left;
}
section.textS input {width:70%;
padding:3px;
margin:0;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:2vw;
text-align:left;
}
section.fund input {width:30%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:1.5vw;
}
textarea {background: none;
color:white;
border-bottom:.5px solid white;}
::-webkit-input-placeholder { /* Chrome */
color: grey;
font-family:bebas;
}
:-ms-input-placeholder { /* IE 10+ */
color: grey;
font-family:bebas;
}
::-moz-placeholder { /* Firefox 19+ */
color: grey;
font-family:bebas;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color: grey;
font-family:bebas;
}
select {background:none;
background-color:none;
color:white;
font-size:3vw;}
select.billing {
width:70%;
font-size:2vw;
margin:0;
border:none;
border-bottom:solid .5px white;
font-family:bebas;
}
select option {background:rgba(0,0,0,0.3);}
table {text-align:center;
width:60%;
height:auto;
margin:auto;
color:white;
font-size:2.5vw;
border:1px solid white;
}
td {height:50px;
border-bottom:.5px solid white;
border-right:.5px solid white;
font-family:bebas;
}
table.fundraiserInfo {
width:90%;
border:none;
margin:auto;
}
table.fundraiserInfoMobile {
display:none;
}
tr.fundraiserInfo {
text-align:left;
}
td.fundraiserInfo {
border:none;
padding:50px 25px;
text-align:left;
width:45%;
}
p.tableHeader {
font-size:14pt;
color:black;
letter-spacing: 1.1pt;
font-family:roboto;
}
span.tableDescription {
color:grey;
font-size:12pt;
letter-spacing:0pt;
}
table.commission {
width:65%;
table-layout:fixed;
border:solid .5px white;
border-bottom:none;
border-right:none;
}
img.small {width:15%; height:auto;}
img.content {width:75%; height:auto;}
img.appstore {
display:inline-block;
color:white;
border:none;
margin-top:0px;
width:10%;
margin:0% 2%;
}
p {color:white;
font-style:bold;
text-align:left;
margin-left:50px;
margin-right:25px;
font-size:2vw;
}
p.small {color:white;
font-style:bold;
text-align:left;
margin-left:50px;
margin-right:25px;
font-size:1.5vw;
}
p.center {color:white;
font-style:bold;
text-align:center;
margin-left:25px;
margin-right:25px;
font-size:1.8vw;
}
p.black {color:black;
font-style:bold;
margin:auto;
margin-top:25px;
margin-bottom:25px;
font-size:2vw;
text-align:left;
width:65%;
}
p.blank {border:none;
border-top: solid .5px white;
width:75%;
display:block;
margin-left:25px;}
p.appname {
text-align:center;
font-family:Bebas;
font-size:4vw;
letter-spacing:1.1pt;
margin:0;
margin-bottom:3%;
color:white;
}
p.screenshot-L {
width:375px;
border:none;
background:;
margin:0%;
padding:80px;
padding-top:15%;
color:#1d1d1f;
font-size:2.2vw;
line-height:18pt;
/*box-shadow: 1px 1px 1px 2px rgba(53,227,247,1);*/
}
p.screenshot-R {
width:375px;
border:none;
background:;
margin:0%;
padding:80px;
padding-top:15%;
color:#1d1d1f;
font-size:2.2vw;
line-height:18pt;
/*box-shadow: 1px 1px 1px 2px rgba(53,227,247,1);*/
}
span.description {
font-size:13pt;
}
h1.black {color:grey;
border:none;
display:block;
width:75%;
text-align:center;
margin-left:3%;
margin-bottom:0px;
border-bottom:none;
font-size:6vw;}
h1.header {text-align:center;
font-size:10vw;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
}
h1.white {color:white;
border:none;
display:block;
width:75%;
text-align:left;
margin-left:3%;
margin-bottom:0px;
border-bottom:solid .5px white;
font-size:8vw;}
h2 {text-align:center;
color:#3BD0ED;
font-size:5vw;
margin-right:25px;
}
h2.form {color:white;
border:none;
border-bottom:solid .5px white;
margin-left:25px;
margin-right:25px;
margin-top:0px;
padding-bottom:5px;
font-size:6vw;}
h3 {text-align:left;
color:#F28D00;
font-size:3vw;
margin-right:25px;
margin-left:25px;
margin-top:5px;
}
h3.process {text-align:left;
color:#F28D00;
font-size:3vw;
margin:auto;
margin-top:5px;
}
h3.black {margin-left:100px; color:#F78605;
margin-right:100px;
}
h4 {color:#3BD0ED;
font-size:2.5vw;
margin-bottom:10px;
margin-top:10px;
}
h4.center {color:#3BD0ED;
font-size:1.7vw;
margin-bottom:10px;
margin-top:10px;
text-align:center;
}
h4.process {font-size:3vw;
margin-left:25px;
display:inline;}
h5 {display:block inline;
width:75%;
text-align:right;
font-size:3vw;
margin-bottom:0px;
margin-top:5px;
color:#3BD0ED;
}
a {color:grey;
text-decoration: none;
text-align:center;
}
a.nav:hover {
background:#f9f9f9; border-radius:20px; padding:5px 20px; border:solid 1px #f2f2f2;
}
a.login { font-style:italic;
float:right;
margin-right:50px;
padding-top:8px;}
a.form {color:white;
text-decoration:underline;
font-weight:bold;
}
br.hide {
display:show;
}
img.bullet {display:inline;
margin-left:25px;}
form.admin {
width:45%;
padding:5% 0;
background:#f2f2f2;
border-radius:25px;
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
margin-top:12%;
font-size:2vw;
}
h1.login-title {
font-size:3vw;
letter-spacing:1.1pt;
color:#2d2d2d;
}
input.admin {
width:85%;
height:30px;
margin:2%;
padding:1% 2%;
border:none;
border-radius:15px;
font-size:2.5vw;
-webkit-box-shadow: inset 0px 1px 2px 0px grey;
-moz-box-shadow: inset 0px 1px 2px 0px grey;
box-shadow: inset 0px 1px 2px 0px grey;
}
a.admin {
background:#2d2d2d;
width:85%;
margin-top:5%;
height:30px;
padding:.5% 15%;
border-radius:5px;
font-family:roboto;
font-size:2.5vw;
}
img.admin {
width:8%;
display:inline-block;
}
button {background:none;
color: #3BD0ED;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: left;
text-shadow: none;
border: solid white;
margin-bottom:25px;
}
button.black {background:none;
color: black;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: left;
text-shadow: none;
border: solid black;
margin-bottom:25px;
}
button.left {background:none;
color: #3BD0ED;
display: inline-block;
padding: 8px 20px;
font: normal 700 20px/1 "Open Sans", sans-serif;
text-align: center;
margin-left:25px;
text-shadow: none;
border: solid white;
margin-bottom:25px;
}
button:hover {
background-color: #3BD0ED;
}
li {Color: white;
font-size:10pt;
display:inline;
margin-left:4%;
text-decoration: none;
text-align:center;
}
li.title {
float:left;
font-size:14pt;
font-weight:bold;
color:grey;
margin-top:-3px;
letter-spacing:1.05pt;
}
ul.topnav {
border:;
width:100%;
position:fixed;
list-style-type: none;
margin: 0;
margin-left:-3%;
padding-left:25px;
overflow: hidden;
background-color: white;
display: inline-block;
color: white;
padding-top:12px;
padding-bottom:10px;
text-decoration: none;
transition: 0.3s;
font-size:100%;
text-align:center;
box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.05);
}