html { font-family:roboto;
}
@font-face {
font-family:bebas;
src: url('bebas.otf') format("truetype");
}
@font-face {
font-family:kano;
src: url('Roboto.otf') format("truetype");
}
@font-face {
font-family:roboto;
src: url('Roboto.ttf') format("truetype");
}
body {margin:0px;
padding:0px;
background:none;}
footer {background:black;
width:100%;
height:33%;
position:absolute;
font-size:120%;
vertical-align: bottom;}
div.home { background: url(../images/coffee.jpg) center center fixed no-repeat;
background-size:100% auto;
background-position:100% 100%;
}
div.livepage {
background: url(../images/iphoneblacklivetrans.png) left no-repeat;
background-size:100vh auto;
background-position:10% 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: -200px 30%;
background-color:white;
height:93vh;
width:100%;
}
div.newDeal {
background: url(../images/newDeal.png) no-repeat;
background-size:auto 100%;
background-position: 150% 30%;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.redeempage {
background: url(../images/iphonexredeemtrans.png) left no-repeat;
background-size:50%;
background-position:20% 50%;
background-color:white;
height:93vh;
width:100%;
}
div.statistics {
background: url(../images/statisticsPage.png) no-repeat;
background-size:auto 90%;
background-position: 75% 50%;
background-color:#1d1d1f;
height:93vh;
width:100%;
}
div.glass { background: url(../images/glass.jpg) center center fixed no-repeat;
background-size:125% auto;
}
div.business { background: url(../images/darktable.png) fixed no-repeat;
background-size: cover;
background-position:center;
background-color:black;
max-width: 100%;
}
div.business2 { background: url(../images/business.jpg) fixed no-repeat;
background-size: 100% 100%;
}
div.fundraiser { background: url(../images/rexLove.jpg) fixed no-repeat;
background-size: 100% auto;
background-position:0 40px;
}
div.premiumBanner {
background: url(../images/iphonexPremium.png) no-repeat;
background-size: 65% auto;
background-position:0px 30px;
background-color:#181818;
height:93vh;
width:100%;
}
div.fundraiserHeader {
width:100%; height:545px;
background-color:none;
color:white;
line-height:50px;
}
div.jobs { background: url(../images/studying.jpg) fixed no-repeat;
background-size: cover;
background-position: 100% 110%;
}
div.job-portal { background: url(../images/hustle.jpg) fixed no-repeat;
background-size: cover;
background-position: 25% 15%;
}
div.login { background: url(../images/city.jpg) center top fixed repeat;
background-size:100% 100%;
}
div.contact {width:40%;
height:auto;
margin:auto;
background:none;
text-align:left;
margin:25px;
padding-left:5%;
display:inline-block;
}
div.contact input {width:65%;
padding:3px;
margin:10px;
margin-left:0;
border:none;
border:solid .5px black;
background:none;
color:black;
font-size:1.5vw;
text-align:left;
}
input.contact::placeholder {
color:black;
text-align:left;
}
div.orange {width:100%;
height:auto;
margin:auto;
background-color:none;
text-align:center;
color:white;
font-size:1.5vw;}
div.fundraiser-signup {width:100%;
height:auto;
margin:auto;
text-align:center;
color:white;
font-size:4.5vw;
background: url(../images/darktable.png) center top fixed no-repeat;
background-size:cover;
}
div.jobs-signup {width:100%;
height:auto;
margin:auto;
text-align:center;
color:white;
font-size:4.5vw;
background: url(../images/studying.jpg) center top fixed no-repeat;
background-size:cover;
}
div.navigation {width:100%;
height:auto;
}
div.navsmall {width:100%;
height:50px;
position:fixed;
top:0;
background:black;
display:none;
z-index:2;
}
div#image_preview {
position:relative;
width:50%;
height:100%;
/*overflow-x:hidden;*/
margin:0;
max-height:66vh;
overflow-y:hidden;
}
img.discount {
width:100%;
height:auto;
border-radius:20px;
}
div.footer {width:15%;
height:auto;
float:left;}
div.header { width:100%; height:600px;
background-color:none;
color:white;
line-height:50px;
}
div.stuff1 {width:50%; height:700px; float:left;
background-color:white;
margin-bottom:.2em;
}
div.stuff2 {width:50%; height:700px; 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.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.smallcard{
width: 30%;
height:425px;
margin:1.5% 5%;
margin-right:0;
border-radius:10px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
display:inline-block;
z-index:auto;
}
div.smallercard{
width: 20%;
height:200px;
margin:1.5% 5%;
margin-right:0;
border-radius:10px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
display:inline-block;
z-index:auto;
}
div.card{
width: 1075px;
height:700px;
margin:1.5% 2.5%;
border-radius:25px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
}
div.circle {
border-radius: 50%;
width: 175px;
height: 175px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
}
div.price {width:100%;
height:auto;
background-color:#1d1d1f;
}
div.break {min-height:100px;
background:none;
clear:both;}
div.break-big {height:250px;
background:none;
clear:both;}
div.card-content {
width: 30%;
height:425px;
margin:1.5% 5%;
margin-right:0;
border-radius:10px;
box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.3);
display:inline-block;
z-index:auto;
background:white;
}
div#description{
background: #ffffff url("../images/hustle.jpg") no-repeat;
background-size:auto 100%;
background-position:-100px;
}
div#users {
background: #ffffff url("../images/users.jpeg") no-repeat;
background-size:auto 100%;
}
div#accounts {
background: #ffffff url("../images/accounts.jpg") no-repeat;
background-size:auto 100%;
}
div#commission {
background: #ffffff url("../images/commission.jpg") no-repeat;
background-size:auto 100%;
background-position:-150px;
}
div#myaccounts {
background: #ffffff url("../images/accounts.jpg") no-repeat;
background-size:auto 100%;
background-position:;
}
div#myfriends {
background: #ffffff url("../images/users.jpeg") no-repeat;
background-size:auto 100%;
background-position:0px;
}
div#mycommission {
background: #ffffff url("../images/commission.jpg") no-repeat;
background-size:auto 100%;
background-position:px;
}
div#tips {
background: #ffffff url("../images/tips.jpg") no-repeat;
background-size:auto 100%;
background-position:px;
}
div#avoid {
background: #ffffff url("../images/avoid.jpg") no-repeat;
background-size:auto 100%;
background-position:0px;
}
div#faq {
background: #ffffff url("../images/cleandesk.jpg") no-repeat;
background-size:auto 100%;
background-position:0px;
}
div.process {width:100%;
height:auto;
background-color:white;
text-align:left;
margin:0;
padding-right:;
float:left;
}
div.processcontainer {
width:100%;
background:white;
}
div.container {position:center center;
width:50%;
height:auto;
margin:auto;
margin-top:4%;
background-color:#1d1d1f;
}
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:33%;
background:#f8f8f8;
padding:2vw;
font-size:1.1vw;
border-radius:25px;
color:black;
}
div.legal {margin-right:15%;
}
div.logo img{max-height:100px;
max-width:100px;}
div.login-form {width:35%;
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;
}
.hidden {
display:none;
}
input[type="text"]:hover{
border: 1px solid #999;
border-radius: 5px;
}
input.date {
font-family:bebas;
font-size:1.2vw;
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:78%;
padding:3px;
margin:10px;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:1.5vw;
text-align:left;
}
section.textS input {width:70%;
padding:3px;
margin:0px;
border:none;
border-bottom:solid .5px white;
background:none;
color:white;
font-size:1.5vw;
text-align:left;
}
textarea {background: none;
color:white;
border-bottom:.5px solid white;}
text area.contact {
color:black;
border-bottom: .5px solid black;
}
::-webkit-input-placeholder { /* Chrome */
color: white;
font-family:bebas;
}
:-ms-input-placeholder { /* IE 10+ */
color: white;
font-family:bebas;
}
::-moz-placeholder { /* Firefox 19+ */
color: white;
font-family:bebas;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color: white;
font-family:bebas;
}
input.login::placeholder {
color:white;
}
input.login {
border-bottom:solid .5px white;
}
select {background:none;
background-color:none;
color:white;
font-size:1.5vw;}
select.billing {
width:70%;
font-size:1.5vw;
border:none;
border-bottom:solid .5px white;
font-family:bebas;
}
select option {background:rgba(0,0,0,0.3);}
table {text-align:;
width:60%;
height:auto;
margin:auto;
color:white;
font-size:1.5vw;
border:1px solid white;
}
table.fundraiserInfo {
width:80%;
border:none;
margin:auto;
}
table.fundraiserInfoMobile {
display:none;
}
tr.fundraiserInfo {
text-align:left;
}
td.fundraiserInfo {
border:none;
padding:50px 25px;
text-align:left;
width:40%;
}
p.tableHeader {
font-size:18pt;
color:black;
letter-spacing: 1.1pt;
}
span.tableDescription {
color:grey;
font-size:14pt;
letter-spacing:0pt;
}
table.commission {
width:65%;
table-layout:fixed;
border:solid .5px white;
border-bottom:none;
border-right:none;
}
tr.commission {
height:auto;
font-size:1.5vw;
font-family:bebas;
color:white;
border:solid.5px white;'
padding:10px;
}
td.billing {
border:none;
text-align:center;
}
td {height:50px;
border-bottom:.5px solid white;
border-right:.5px solid white;}
tr {
border:none;
}
img.small {width:15%; height:auto;}
img.downarrow {
width:8%;
}
img.content {width:auto; height:auto;}
img.appstore {
display:inline-block;
color:white;
border:none;
margin-top:0px;
width:10%;
border-radius:px;
margin:0% 1%;
font-size:1.25vw;
}
p {color:white;
text-align:left;
margin-left:50px;
margin-right:25px;
font-size:12pt;
}
p.small {color:white;
text-align:left;
margin-left:50px;
margin-right:25px;
font-size:1.75vw;
}
p.center {color:white;
text-align:center;
margin-left:25px;
margin-right:25px;
font-size:1.4vw;
letter-spacing:1.5pt;
}
p.black {color:black;
margin:auto;
font-size:1.5vw;
text-align:left;
width:65%;
}
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;
float:right;
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.article {
width:65%;
margin-left:6%;
color:#1d1d1f;
font-size:14pt;
background:white;
}
span.articleHeader {
font-weight:bold;
font-size:26pt;
}
span.description {
font-size:13pt;
}
p.appname {
text-align:center;
font-family:Bebas;
font-size:3vw;
letter-spacing:1.1pt;
margin:0;
}
p.blank {border:none;
border-top: solid .5px white;
width:75%;
display:block;
margin-left:25px;}
h1.black {color:grey;
border:none;
display:block;
width:75%;
text-align:center;
margin-left:;
margin-bottom:0px;
border-bottom:none;
font-size:4vw;}
h1.header {text-align:center;
font-size:6vw;
margin-top:10px;
margin-bottom:10px;
line-height:1em;
letter-spacing:3pt;
}
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.sectionHeader {
color:#1d1d1f;
font-size:2.2vw;
font-weight:normal;
padding:25px;
margin:0;
}
p.sectionDescription {
color:grey;
font-size:14pt;
width:50%;
text-align:center;
line-height:18pt;
}
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:5vw;}
h2.contact {
margin-bottom:25px;
color:grey;
border-bottom:none;
text-align:left;
}
h2.smallercard {
font-size:20pt;
font-family:bebas;
color:white;
letter-spacing:1.1pt;
margin:0;
}
h3 {text-align:left;
color:#F28D00;
font-size:1.75vw;
margin-right:25px;
margin-left:25px;
margin-top:5px;
}
h3.process {text-align:left;
color:#F28D00;
font-size:2vw;
margin:auto;
margin-top:15px;
margin-bottom:15px;
width:65%;
}
h3.black {margin-left:100px; color:#F78605;
margin-right:100px;
}
h4 {color:#3BD0ED;
font-size:2vw;
margin-bottom:10px;
margin-top:10px;
letter-spacing:3pt;
font-weight:bold;
font-family:bebas;
}
h4.center {color:#3BD0ED;
font-size:1.7vw;
margin-bottom:10px;
margin-top:10px;
text-align:center;
}
h4.process {font-size:1.5vw;
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;
padding:5px 5px;
outline:none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a:hover {
background:none;
}
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.button {
margin-bottom:20px;
}
a.form {color:white;
text-decoration:underline;
}
br.hide {
display:show;
}
img.bullet {display:inline;
margin-left:25px;}
img.article {
width:65%;
}
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;
margin-top: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: black;
font-size:12pt;
display:inline;
margin-left:5%;
text-decoration: none;
text-align:center;
}
li.title {
float:left;
font-size:18pt;
font-weight:bold;
color:grey;
margin-top:-8px;
letter-spacing:1.05pt;
}
li.verticle {display:block;
text-align:left;
margin-top:15px;}
ul.topnav {
border: ;
width:100%;
position:fixed;
list-style-type: none;
margin: 0;
padding:0;
overflow: hidden;
background-color: white;
display: inline-block;
color: white;
padding:10px;
padding-top:20px;
padding-bottom:;
text-decoration: none;
transition: 0.3s;
font-size:90%;
text-align:center;
box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.05);
}
/*-------------------ADMIN PAGES-------------------*/
div.admin {
}
h1.login-title {
font-size:2vw;
}
hr.fade {
color:white;
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
form.admin {
width:35%;
padding:2% 0;
background:white;
border-radius:25px;
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
font-size:2vw;
border:solid #f8f8f8 1px;
margin-top:10%;
}
input.admin {
width:80%;
height:30px;
margin:0%;
padding:2vw;
border:none;
border-radius:25px;
font-size:100%;
-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;
outline:none;
}
input.admin::placeholder {
color:grey;
font-family:Roboto;
}
button.admin {
border:none;
color:black;
font-family:Kano;
}
a.admin{
color:#2d2d2d;
}
a.adminoption {
background:white;
display:block;
width:20%;
margin-top:2%;
height:auto;
padding:1vw;
border-radius:5px;
font-family:Roboto;
font-size:125%;
color:black;
}
a.adminoption:hover {
background:#69808B;
color:white;
}
img.admin {
width:8%;
display:inline-block;
}
input.discount {
width:93%;
height:35px;
background:white;
border-radius:5px;
border:none;
-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;
outline:none;
font-family:Kano;
padding-left:2%;
}
input[type="checkbox"].discount {
width:93%;
height:25px;
background:white;
border-radius:5px;
border:none;
box-shadow:none;
font-family:Kano;
}
textarea.discount {
width:93%;
height:75px;
margin-top:3%;
background:white;
border-radius:5px;
border:none;
-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;
outline:none;
font-family:Kano;
}
label.discount {
font-family:bebas;
font-size:1.25vw;
}
table.discount {
border:none;
}
tr.discount {
border:none;
}
td.discount {
border:none;
font-size:3vw;
color:#303030;
}
/*-------------------Landing PAGES-------------------*/