storj/web/marketing/css/style.css
Faris Huskovic 7795ba8169
update UI to reflect final mockups (#2175)
* update UI to reflect final mockups

* fix line-height unit and remove important from selectors

* update file names and ids for clarity

* shorten 'label' in ids

* correct file-naming conventions

* add copyright to files

* check if break in imports is causing lint error

* resolve lint

* tidy go mod

* fix shorthands
2019-06-17 21:57:04 -04:00

180 lines
2.6 KiB
CSS

/*Copyright (C) 2019 Storj Labs, Inc.*/
/*See LICENSE for copying information.*/
html{
height:100vh;
width:100vw;
}
body{
height:100%;
width:100%;
background-color:#E5E5E5;
}
.home-link:hover,
.home-link p:hover{
text-decoration: none;
}
.btn{
height:48px;
}
hr{
margin-top:-5px;
margin-left: -15px;
margin-bottom: 0px;
width: 1102px;
}
.offers-table{
width: 1110px;
margin-left: -15px;
background: #FFFFFF;
border: 1.5px solid #DFDFDF;
border-radius: 6px;
width: 1106px;
overflow-x: auto;
overflow-y: hidden;
}
.offer-heading{
font-weight: 500;
font-size: 11px;
line-height: 49px;
letter-spacing: -0.100741px;
margin-top:-5px;
width: 1103px;
color: #656565;
background: #F2F3F5;
border: 1px solid #DADDE5;
height:42px;
}
.offer-heading p{
margin-top:-5px;
}
.offer-heading,
.data-row,
.col-heading {
font-family: 'Roboto';
font-style: normal;
}
.data-row{
font-weight: normal;
font-size: 14px;
line-height: 49px;
letter-spacing: -0.100741px;
color: #656565;
}
.data-row:hover{
background-color: #F9FAFB;
}
.col-heading{
font-weight: 500;
font-size: 14px;
line-height: 49px;
align-items: center;
letter-spacing: -0.100741px;
color: #96989E;
}
.referral-admin,h3{
font-family: 'Poppins';
font-style: normal;
}
.referral-admin{
font-weight: 500;
font-size: 18px;
line-height: 19px;
color: #96989E;
margin-top:30px;
}
h3{
font-weight: bold;
font-size: 24px;
line-height: 49px;
letter-spacing: -0.100741px;
color: #494949;
}
.banner{
height: 80px;
overflow: hidden;
}
.banner-txt,
.offer-label{
font-family: 'Inter';
}
.banner-txt{
font-size: 18px;
color:white;
}
.offer-label{
font-size: 11px;
line-height: 49px;
letter-spacing: -0.100741px;
color: #656565;
}
.toggler{
margin-top: -15px;
}
.toggler:hover{
cursor:pointer;
}
#free-offers-modal-lbl,
#ref-offers-modal-lbl{
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 49px;
letter-spacing: -0.100741px;
color: #494949;
}
label,
input{
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
}
label{
font-size: 15px;
line-height: 19px;
color: #848484;
}
input{
font-size: 16px;
line-height: 131.56%;
letter-spacing: 0.01em;
text-indent: 15px;
color: #D0D0D0;
}
.offer-type{
margin-left:35px;
}
.edit-offer{
color:white;
}
.edit-offer:hover{
text-decoration: underline;
color: #656565;
}