karnov.club/css/base.css

62 lines
1.9 KiB
CSS
Raw Normal View History

2017-12-30 05:17:27 +00:00
body {
2018-04-05 16:16:36 +00:00
background-color: #F5F5F5;
color: #464E46;
font-family: 'Open Sans Condensed', sans-serif;
2017-12-30 05:17:27 +00:00
margin: 0;
2018-04-05 16:16:36 +00:00
/* Panels */ }
body .panel {
width: 100vw;
height: 100vh; }
body .accent {
color: #2196F3; }
body #landing {
2017-12-30 05:17:27 +00:00
display: flex;
2018-04-05 16:16:36 +00:00
justify-content: center;
align-items: center; }
body #landing .content {
2017-12-30 05:17:27 +00:00
display: flex;
2018-04-05 16:16:36 +00:00
justify-content: center; }
body #landing .content img {
border-radius: 50%;
max-width: 20%; }
body #landing .content .intro {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 1em; }
body #landing .content .intro h1 {
font-size: 4em;
margin: 0 0 0.5em 0; }
body #landing .content .intro h3 {
font-size: 1.5em;
margin: 0 0 0.5em 0; }
body #landing .content .intro p {
font-size: 1.2em;
margin: 0; }
body #landing .content .intro p .accent {
font-weight: bold; }
body #current_biz {
display: flex;
align-items: center;
flex-direction: column; }
body #current_biz > h1 {
2017-12-30 05:17:27 +00:00
font-size: 4em; }
2018-04-05 16:16:36 +00:00
body #current_biz .content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
body #current_biz .content .card {
flex: 0 1 calc(20% - 1em);
font-size: 1.5em;
margin: 1em; }
body #current_biz .content .card .badge-accent, body #current_biz .content .card .btn-accent {
background-color: #2196F3;
transition: 0.25s; }
body #current_biz .content .card .badge {
font-size: 0.9em;
padding: 0.2em; }
body #current_biz .content .card .btn-accent {
width: 100%; }
body #current_biz .content .card .btn-accent:hover {
box-shadow: inset 1000px 0 0 0 rgba(0, 0, 0, 0.5); }