129 lines
3 KiB
CSS
129 lines
3 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 .navbar .logo-container, body.home .navbar .harlow {
|
|
display: none;
|
|
}
|
|
body.home .navbar-brand {
|
|
width: 100%;
|
|
}
|
|
body.home .nav-sep { display: none; }
|
|
|
|
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) {
|
|
img#abeille { width: 75px; }
|
|
}
|
|
.errorlist { list-style: none; padding-left: 0 !important; }
|
|
.errorlist li {
|
|
padding: .75rem 1.25rem;
|
|
margin-bottom: 1rem;
|
|
border-radius: .25rem;
|
|
color: #721c24;
|
|
background-color: #f8d7da;
|
|
border-color: #f5c6cb;
|
|
}
|
|
.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; }
|
|
|
|
tr.editable .edit-button, tr.editable .delete-button { display: none; }
|
|
tr.editable:hover .edit-button, tr.editable:hover .delete-button { display: inline-block; }
|
|
|
|
.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;
|
|
}
|
|
.infos_internes {
|
|
color: red;
|
|
font-style: italic;
|
|
}
|
|
.card-membres {
|
|
background-color: #b56a4d;
|
|
height: 6em;
|
|
}
|
|
.card-membres:hover {
|
|
background-color: #999;
|
|
}
|
|
.card-membres a {
|
|
color: white;
|
|
text-decoration: none;
|
|
height: 100%;
|
|
}
|
|
table.table-chants th.numero { width: 3em; }
|
|
table.table-chants th.boutons { width: 3em; }
|