beesgospel/beesgospel/static/css/main.css

93 lines
2.2 KiB
CSS

@font-face {
font-family:"Harlow Solid";
src: url("../fonts/harlow-solid-regular.ttf");
}
body {
color: #fff;
background: #333;
overflow-x: hidden;
}
body.home { background: black; }
a {
color: #ffab82;
}
nav {
border-bottom: 5px solid red;
}
.nav-link.active {
border-bottom: 1px solid red;
}
.nav-sep {
margin-top: 0.5em;
color: #d77070;
}
.navbar-toggler {
margin-left: auto;
}
.navbar-brand {
width: auto;
}
@media only screen and (max-width : 992px) {
.nav-sep { display: none; }
.navbar-brand { width: 100%; }
.navbar-brand img { max-width: 5em; }
.hometitle { font-size: 280%; }
}
@media only screen and (max-width : 500px) {
.logo-container img { width: 70px; }
}
.alert-danger { background-color: #FFD79C; }
.main-text { max-width: 100vw; }
.red-bottom { border-bottom: 1px solid red; }
.overleft { margin-left: -4rem; }
.overright { margin-right: -4rem; }
.harlow { font-family: "Harlow Solid"; }
.homeurl { color: white; text-decoration: none; }
.homeurl:hover { color: lightgrey; }
.homediv {
margin-top: -1.5rem;
padding-top: 8rem;
min-height: 700px;
background-image: url("../img/photo_gospel_2019.webp");
background-position-x: center;
background-repeat: no-repeat;
}
.hometitle {
font-size: 320%;
padding-bottom: 6rem;
}
.#homeaudio audio { opacity: 0.7; }
.home-stylise { max-width: 98vw; }
.home-img {
width: 600px;
max-width: 100%;
border: 2px solid white;
}
.bottom-red {
border-bottom: 1px solid #c42626;
padding-bottom: 0.2em;
margin-bottom: 0.5em;
}
.left-red {
border-left: 2px solid red;
}
.left-red-forcepad {
margin-left: -12px;
padding-left: 12px;
}
.portrait { max-width: 13rem; }
.agenda_line { margin-right: 7em !important; }
.agenda_container > div:first-of-type { margin-top: 7em !important; }
@media (max-width: 767.98px) {
.agenda_line { margin-top: 1em !important; margin-right: 0 !important; }
.agenda_line > div { text-align: center !important; margin-top: 1em !important; }
}
.date_agenda { background-color: #ddd; text-decoration: none; }
.prive {
background-image: linear-gradient(45deg, #333333 41.67%, #6b0c0c 41.67%, #6b0c0c 50%, #333333 50%, #333333 91.67%, #6b0c0c 91.67%, #6b0c0c 100%);
background-size: 33.94px 33.94px;
}