ailur-website/static/css/common.css

160 lines
2.6 KiB
CSS
Raw Permalink Normal View History

2024-10-30 20:43:38 +00:00
@font-face {
font-family: 'Figtree';
src: url("/static/fonts/Figtree.woff2") format("woff2");
font-style: normal;
}
h1, h2 {
font-weight: 600;
}
.button {
2024-11-26 19:42:03 +00:00
background-color: #1c71d8;
2024-10-30 20:43:38 +00:00
color: white;
padding: 0.75em 1.25em;
border: none;
border-radius: 25em;
transition: all 0.3s ease 0s;
}
.button:hover {
text-decoration: none;
2024-11-26 19:42:03 +00:00
background-color: #4990e7;
2024-10-30 20:43:38 +00:00
transition: all 0.3s ease 0s;
}
.unimportant {
2024-11-26 19:42:03 +00:00
background-color: #EBEBEB;
2024-10-30 20:43:38 +00:00
color: #000;
font-weight: 500;
}
.unimportant:hover {
2024-11-26 19:42:03 +00:00
background-color: #dbdbdb;
2024-10-30 20:43:38 +00:00
}
.subtext {
2024-11-26 19:42:03 +00:00
color: #1c71d8;
2024-10-30 20:43:38 +00:00
margin-top: 30px;
font-weight: 600;
font-size: 17px;
left: 0;
right: 0;
}
body {
font-family: "Figtree", sans-serif;
margin: 0;
}
nav {
2024-11-26 19:42:03 +00:00
background-color: #fff;
2024-10-30 20:43:38 +00:00
padding: 20px 30px 20px 30px;
}
nav .bar {
2024-11-26 19:42:03 +00:00
background: #F8FAFC;
background: -ms-linear-gradient(135deg, #F8FAFC 0%,#DCDCDC 100%);
background: linear-gradient(135deg, #F8FAFC 0%,#DCDCDC 100%);
2024-10-30 20:43:38 +00:00
border-radius: 22px;
display: flex;
padding: 20px;
}
nav img {
2024-11-26 19:42:03 +00:00
max-height: 40px;
max-width: 40px;
margin: -10px -10px -10px -10px;
2024-10-30 20:43:38 +00:00
}
nav div .links {
margin: 0 auto 0 auto;
display: flex;
}
2024-10-30 20:52:18 +00:00
nav div .links a {
2024-10-30 20:43:38 +00:00
margin: 0 20px 0 20px;
font-weight: 600;
}
a {
text-decoration: none;
2024-11-26 19:42:03 +00:00
color: #000;
2024-10-30 20:43:38 +00:00
}
a:hover {
text-decoration: underline;
}
.blockContainer {
display: flex;
flex-direction: column;
}
.titleBlock {
2024-11-26 19:42:03 +00:00
background-color: #EBEBEB;
2024-10-30 20:43:38 +00:00
margin: 0 30px 0 30px;
padding: 25px 0 25px 25px;
font-size: 18px;
}
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
z-index: -1;
width: 100%;
}
.subtitle {
margin-left: 30px;
font-size: 17px;
}
footer {
text-align: left;
2024-11-26 19:42:03 +00:00
background-color: #fff;
2024-10-30 20:43:38 +00:00
padding: 80px 50px 25px 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 17px;
}
footer a {
margin: 0 auto 5px 0;
}
footer img {
margin: 0 auto 10px 0;
max-height: 100px;
2024-11-26 19:42:03 +00:00
max-width: 100px;
2024-10-30 20:43:38 +00:00
}
footer .title {
font-weight: 600;
margin-bottom: 30px;
font-size: 20px;
}
footer .disclaimer {
margin-top: 20px;
2024-11-26 19:42:03 +00:00
color: #fff;
background-color: #000;
2024-10-30 20:43:38 +00:00
padding: 20px 20px 20px 20px;
border-radius: 10px;
text-align: center;
2024-11-26 19:42:03 +00:00
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
nav div .links a, footer .title {
font-weight: lighter;
}
h1, h2, .subtext {
font-weight: bold;
}
2024-10-30 20:43:38 +00:00
}