font update and some fixes
This commit is contained in:
parent
eb939a7874
commit
54a057648a
BIN
fonts/MyriadPro-Light.ttf
Normal file
BIN
fonts/MyriadPro-Light.ttf
Normal file
Binary file not shown.
BIN
fonts/MyriadPro-Light.woff
Normal file
BIN
fonts/MyriadPro-Light.woff
Normal file
Binary file not shown.
BIN
fonts/MyriadPro-Regular.woff
Normal file
BIN
fonts/MyriadPro-Regular.woff
Normal file
Binary file not shown.
37
style.css
37
style.css
@ -3,6 +3,7 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
*,
|
*,
|
||||||
*:before,
|
*:before,
|
||||||
*:after {
|
*:after {
|
||||||
@ -82,8 +83,7 @@ h4,
|
|||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 400;
|
font-family: Myriad-L, sans-serif;
|
||||||
font-family: Roboto, sans-serif;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
@ -92,7 +92,16 @@ a {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
|
@font-face {
|
||||||
|
font-family: Myriad-L;
|
||||||
|
src: url(fonts/MyriadPro-Light.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Myriad-R;
|
||||||
|
src: url(fonts/MyriadPro-Regular.woff);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ------------------------------------------------------------------ */
|
/* ------------------------------------------------------------------ */
|
||||||
|
|
||||||
@ -100,6 +109,7 @@ h1 {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
letter-spacing: 0.75px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h6 {
|
h6 {
|
||||||
@ -108,6 +118,10 @@ h6 {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
@ -192,6 +206,7 @@ body {
|
|||||||
.text {
|
.text {
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
|
letter-spacing: 0.75px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
@ -206,7 +221,7 @@ input[type=value] {
|
|||||||
border: 3px solid rgba(255, 255, 255, 0.2);
|
border: 3px solid rgba(255, 255, 255, 0.2);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-family: Roboto;
|
font-family: Myriad-R;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin: 5px auto;
|
margin: 5px auto;
|
||||||
padding: 0px 0px 0px 10px;
|
padding: 0px 0px 0px 10px;
|
||||||
@ -232,7 +247,7 @@ input[type=button] {
|
|||||||
border-radius: 22px;
|
border-radius: 22px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-family: Roboto;
|
font-family: Myriad-R;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=result] {
|
input[type=result] {
|
||||||
@ -243,7 +258,7 @@ input[type=result] {
|
|||||||
color: white;
|
color: white;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-family: Roboto;
|
font-family: Myriad-R;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
padding: 0px 0px 0px 10px;
|
padding: 0px 0px 0px 10px;
|
||||||
}
|
}
|
||||||
@ -256,7 +271,7 @@ input[type=result] {
|
|||||||
::placeholder {
|
::placeholder {
|
||||||
color: rgba(255, 255, 255, 0.35);
|
color: rgba(255, 255, 255, 0.35);
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-family: Roboto;
|
font-family: Myriad-R;
|
||||||
}
|
}
|
||||||
|
|
||||||
.addSet,
|
.addSet,
|
||||||
@ -266,6 +281,7 @@ input[type=result] {
|
|||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
@ -316,4 +332,11 @@ input[type=result] {
|
|||||||
width: 85%;
|
width: 85%;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
}
|
}
|
||||||
|
.buttons {
|
||||||
|
flex-direction: column;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.button {
|
||||||
|
margin: 10px auto;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user