156 lines
2.1 KiB
CSS
156 lines
2.1 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@font-face{
|
|
font-family: os;
|
|
src: url(../fonts/ops.ttf);
|
|
}
|
|
|
|
@font-face{
|
|
font-family: osl;
|
|
src: url(../fonts/opsl.ttf);
|
|
}
|
|
|
|
body {
|
|
background: #FFFFFF;
|
|
max-width: 900px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-family: os;
|
|
}
|
|
|
|
::placeholder {
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
.page {
|
|
background-color: white;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: white;
|
|
height: 55px;
|
|
}
|
|
|
|
.logon-crumbs {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.logon-crumbs input {
|
|
/*display: inline-flex;*/
|
|
border: 0.5px solid #979797;
|
|
float: left;
|
|
position: relative;
|
|
height: 34px;
|
|
width: 160px;
|
|
padding-left: 10px;
|
|
margin-right: 20px;
|
|
/*border: none;*/
|
|
font-family: osl;
|
|
font-size: 17px;
|
|
box-shadow: 0px 2px 3px #A5A5A5;
|
|
}
|
|
|
|
.logon-crumbs button {
|
|
float: left;
|
|
position: relative;
|
|
border: none;
|
|
height: 35px;
|
|
width: 35px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.btn-login {
|
|
background-color: #3D10FF;
|
|
font-size: 30px;
|
|
color: white;
|
|
box-shadow: 0px 2px 3px #A5A5A5;
|
|
}
|
|
|
|
.btn-g-login {
|
|
background-color: #cacaca;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.img-g-login {
|
|
height: 35px;
|
|
width: 35px;
|
|
}
|
|
|
|
.user-info {
|
|
float: right;
|
|
position: relative;
|
|
display: inline-flex;
|
|
bottom: 10%;
|
|
font-family: osl
|
|
}
|
|
|
|
.notifications {
|
|
padding-right: 15px;
|
|
color: #898989;
|
|
}
|
|
|
|
.cart {
|
|
color: #898989;
|
|
|
|
}
|
|
|
|
.sbar {
|
|
height: 55px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.sbar img {
|
|
position: relative;
|
|
height: 35px;
|
|
float: left;
|
|
padding-left: 7%;
|
|
padding-right: 20px;
|
|
/*left: 5%;*/
|
|
}
|
|
|
|
.sbar input {
|
|
border: 0.5px solid black;
|
|
display: inline-flex;
|
|
position: relative;
|
|
float: left;
|
|
height: 34px;
|
|
width: 400px;
|
|
padding-left: 10px;
|
|
font-family: osl;
|
|
font-size: 17px;
|
|
box-shadow: 0px 3px 4px #A5A5A5;
|
|
|
|
/*position: absolute;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);*/
|
|
}
|
|
|
|
.sbar button {
|
|
position: relative;
|
|
float: left;
|
|
background-color: #5359FF;
|
|
border: none;
|
|
box-shadow: 0px 2px 3px #A5A5A5;
|
|
color: #C4C4C4;
|
|
height: 35px;
|
|
width: 100px;
|
|
margin-left: 20px;
|
|
font-size: 20px;
|
|
font-family: osl;
|
|
}
|
|
|
|
.sbar p {
|
|
position: relative;
|
|
float: left;
|
|
color: #7F7F7F;
|
|
font-family: osl;
|
|
font-size: 15px
|
|
margin-left: 50px;
|
|
|
|
} |