907 lines
16 KiB
SCSS
907 lines
16 KiB
SCSS
/* tous les éléments CSS spécifiques du squelettes Champslibres */
|
|
|
|
/* utilitaires */
|
|
.hidden, .hide, .invisible {
|
|
display: none;
|
|
}
|
|
|
|
.cursor {
|
|
cursor: pointer;
|
|
}
|
|
.row_odd {
|
|
background-color: $gray-400;
|
|
}
|
|
|
|
|
|
/* polices */
|
|
* { font-family: Lato, sans-serif; }
|
|
i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; }
|
|
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
|
|
.h1-like, .h2-like, .h3-like, .h4-like { font-family: Bitter, sans-serif; }
|
|
|
|
|
|
/* liens */
|
|
a, a:hover { text-decoration: none; }
|
|
a:hover { background-color: #e8e8e8; }
|
|
|
|
|
|
#content {
|
|
h1, h2, h3 {
|
|
text-align: center;
|
|
@include respond-to("large-up") {
|
|
text-align: initial;
|
|
}
|
|
}
|
|
}
|
|
.container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
fieldset {
|
|
clear: none;
|
|
margin-bottom: 2rem;
|
|
border: solid 1px #BBB;
|
|
padding: 1.5rem;
|
|
background-color: #FCFCFC;
|
|
> div { margin-bottom: 1.2rem;}
|
|
}
|
|
> div {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.parent_prev_next {
|
|
display: flex;
|
|
margin-bottom: 1.5rem;
|
|
.fleche {
|
|
display: flex;
|
|
align-items: center;
|
|
&.gauche {
|
|
padding-right: 1rem;
|
|
}
|
|
&.droite {
|
|
padding-left: 1rem;
|
|
}
|
|
}
|
|
div.ajaxbloc {
|
|
width: 100%;
|
|
}
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.encadre{
|
|
padding: 1rem;
|
|
border: solid 1px #BBB;
|
|
}
|
|
|
|
/**********************************************************************/
|
|
/************************* HEADER ******************************/
|
|
/**********************************************************************/
|
|
|
|
#header {
|
|
.fas {
|
|
font-size: 3.1rem;
|
|
cursor: pointer;
|
|
}
|
|
.fa-times { color: red; }
|
|
.btn_hamburger {
|
|
align-items: end;
|
|
}
|
|
.hamburger {
|
|
margin-left: auto;
|
|
margin-top: auto;
|
|
}
|
|
.tt_plier {
|
|
margin-top: auto;
|
|
padding: 1rem;
|
|
}
|
|
.fas.plier {
|
|
cursor: pointer;
|
|
font-size: 1.2em;
|
|
padding-right: 1.5rem;
|
|
opacity: .5;
|
|
}
|
|
.btn_tags, .btn_mcs {
|
|
margin-top: auto;
|
|
}
|
|
}
|
|
|
|
header {
|
|
padding: 1.5rem 0 0 0;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
border-bottom: solid 3px;
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
align-items: center;
|
|
}
|
|
|
|
#header-droite{
|
|
flex-grow: 1;
|
|
}
|
|
#sous-titre_site{
|
|
display: none;
|
|
@include respond-to("large-up") {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
#btn_mc_tags {
|
|
flex-direction: row;
|
|
display: flex;
|
|
margin-left: auto;
|
|
> div { padding-left: 3rem; }
|
|
}
|
|
|
|
|
|
/* MENU PRINCIPAL */
|
|
|
|
|
|
.burgermenu.nav-button {
|
|
height: 1.9rem;
|
|
i {
|
|
height: 2.2rem;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
height: 3.6rem;
|
|
top: 50px;
|
|
padding-right: 1rem;
|
|
i {
|
|
width: 3.6rem;
|
|
height: 2.6rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
#barnav {
|
|
padding: 2rem 0 0 0;
|
|
margin-top: -1rem;
|
|
ul.js-sous-menu {
|
|
top: 50px;
|
|
padding: 0 10px;
|
|
justify-content: space-between;
|
|
@include respond-to("medium-up") {
|
|
top: 110px;
|
|
}
|
|
a {
|
|
font-size: 1.9rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* BREADCRUMB */
|
|
|
|
.breadcrumb {
|
|
margin-bottom: 1rem;
|
|
ul {
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
li {
|
|
display: inline;
|
|
opacity: $opacite_header;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
margin-bottom: 2rem;
|
|
}
|
|
}
|
|
|
|
@include respond-to("medium-up") {
|
|
img.spip_logo {
|
|
vertical-align: bottom;
|
|
margin: 0 2rem .5rem 0;
|
|
height: 100px;
|
|
}
|
|
}
|
|
.contact_header {
|
|
align-self: end;
|
|
margin-bottom: 9px;
|
|
}
|
|
|
|
|
|
/* menu des mots-clés */
|
|
nav.navbar, nav.tagbar, nav.mcbar {
|
|
float: right;
|
|
.pardessus {
|
|
position: absolute;
|
|
z-index: 99;
|
|
width: 100%;
|
|
}
|
|
.groupe_mots, .articles {
|
|
background-color: $gray-200;
|
|
display: block;
|
|
border-top: .2rem solid #FFF;
|
|
}
|
|
.nom_groupe {
|
|
padding: 1rem 1.5rem;
|
|
cursor: pointer;
|
|
font-size: 1.2em;
|
|
display: block;
|
|
}
|
|
.nom_groupe:hover, .nuage a:hover {
|
|
background-color: $gray-400;
|
|
}
|
|
.deplier_groupe_mots, .un_mot {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
ul.mots_groupe {
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
.mots_groupe li {
|
|
background-color: $gray-300;
|
|
display: block;
|
|
list-style: none;
|
|
border-top: .1rem solid $gray-100;
|
|
padding-left: 4rem;
|
|
}
|
|
.mots_groupe li:hover {
|
|
background-color: $gray-500;
|
|
}
|
|
.nuage a {
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
nav.navbar, nav.tagbar, nav.mcbar {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
nav.navbar.is-opened, nav.mcbar.is-opened, nav.tagbar.is-opened {
|
|
margin-top: -2rem;
|
|
/*transform: translate(0,0);
|
|
transition: 0.3s transform;*/
|
|
}
|
|
nav.tagbar .nuage { padding: .5rem; }
|
|
.zone_tags {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
@include respond-to("medium-up") {
|
|
nav.navbar, nav.tagbar, nav.mcbar { width: 50%; }
|
|
}
|
|
@include respond-to("large-up") {
|
|
nav.navbar, nav.tagbar, nav.mcbar { width: 35%; }
|
|
}
|
|
|
|
/**********************************************************************/
|
|
/**************************** PAGE ACCUEIL ****************************/
|
|
/**********************************************************************/
|
|
|
|
.la_une {
|
|
padding: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
.video_une {
|
|
margin-bottom: 3rem;
|
|
width: 100%;
|
|
padding: 0;
|
|
h3 a {
|
|
display: block;
|
|
padding-left: 2rem;
|
|
}
|
|
}
|
|
.aside_une {
|
|
width: 100%;
|
|
padding: 0 0.5rem 1rem;
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
padding: 0 2rem 1rem;
|
|
}
|
|
}
|
|
@include respond-to("extra-large-up") {
|
|
flex-direction: row;
|
|
.video_une {
|
|
width: 855px;
|
|
}
|
|
.aside_une {
|
|
width: calc(100% - 860px);
|
|
}
|
|
}
|
|
}
|
|
|
|
#actualites{
|
|
flex-grow: 1;
|
|
margin-left: 2rem;
|
|
}
|
|
/* ne pas afficher le slider en mode téléphone
|
|
.page_sommaire .video_une {
|
|
display: none;
|
|
@include respond-to("large-up") {
|
|
display: block;
|
|
}
|
|
}
|
|
*/
|
|
.btn_une, .une_OK {
|
|
display: none;
|
|
@include respond-to("medium-up") {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.container_carte {
|
|
margin: 0 2rem;
|
|
@include respond-to("extra-large-up") {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.coordonnees_gps {
|
|
font-size: 85%;
|
|
@include respond-to("tiny-up") {
|
|
font-size: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
/* le bronx pour les étiquettes en surimpression sur les photos de biens (blocs/articles) */
|
|
.container_slider {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.container_etiquette {
|
|
position: absolute;
|
|
}
|
|
/* affichage article */
|
|
.surimpression {
|
|
font-size: 3rem;
|
|
font-style: oblique;
|
|
color: #FFF;
|
|
background-color: #F00;
|
|
position: relative;
|
|
z-index: $zindex-navigation;
|
|
/* transform: rotate(-45deg); */
|
|
margin: 0;
|
|
padding-right: .4rem;
|
|
@include respond-to("tiny-up") {
|
|
margin: 0;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
font-size: 4rem;
|
|
margin: 0;
|
|
padding: 0 1rem 0 .4rem;
|
|
}
|
|
}
|
|
.petit .surimpression {
|
|
font-size: 1.7rem;
|
|
@include respond-to("tiny-up") {
|
|
font-size: 2rem;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
}
|
|
/* affichage bloc */
|
|
.une_video {
|
|
.surimpression {
|
|
font-size: 2.5rem;
|
|
}
|
|
.petit .surimpression {
|
|
font-size: 1.5rem;
|
|
padding: .5rem .8rem .5rem .4rem;
|
|
@include respond-to("tiny-up") {
|
|
font-size: 1.7rem;
|
|
}
|
|
@include respond-to("large-up") {
|
|
font-size: 1.9rem;
|
|
}
|
|
}
|
|
}
|
|
/* étiquette verte */
|
|
.green, .vert {
|
|
.surimpression {
|
|
background-color: $green-500;
|
|
}
|
|
}
|
|
|
|
|
|
/* page sommaire */
|
|
.titre_sommaire {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
/* le binz pour avoir les blocs de types de biens avant la présentation en mode tel */
|
|
.page_sommaire .content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
.titre_sommaire {
|
|
order: 1;
|
|
}
|
|
.la_une {
|
|
order: 2;
|
|
}
|
|
.liste_des_rubriques {
|
|
order: 3;
|
|
}
|
|
.container_carte {
|
|
order: 4;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
display: initial;
|
|
}
|
|
}
|
|
/* les bidouillages de owl carousel */
|
|
.lien_carousel {
|
|
@extend .btn--inverse;
|
|
h3 {
|
|
font-size: 1.3rem;
|
|
@include respond-to("small-up") {
|
|
font-size: 1.8rem;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
@include font-size(h3);
|
|
}
|
|
/* display: none;*/
|
|
}
|
|
|
|
/* display: block;*/
|
|
}
|
|
.la_une {
|
|
#demo .owl-slide > .caption {
|
|
left: initial;
|
|
width: initial;
|
|
}
|
|
.owl-theme .owl-nav {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 5rem;
|
|
line-height: 1;
|
|
}
|
|
.owl-theme .owl-dots {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin: -55px auto 1rem;
|
|
margin-bottom: 1.2rem;
|
|
width: calc(100% - 50px);
|
|
@include respond-to("large-up") {
|
|
margin: -70px auto 1rem;
|
|
}
|
|
}
|
|
.owl-theme .owl-dots .owl-dot span {
|
|
width: initial;
|
|
height: initial;
|
|
}
|
|
.owl-theme .owl-dots .owl-dot {
|
|
opacity: .5;
|
|
}
|
|
.owl-theme .owl-dots .owl-dot.active {
|
|
opacity: 1;
|
|
}
|
|
.owl-theme .owl-nav.disabled, .owl-theme .owl-dots.disabled {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* spécifique page présentation d'un bien = page article */
|
|
.page_article .la_une {
|
|
h3 {
|
|
font-size: 1.8rem;
|
|
}
|
|
.mots .hashtag {
|
|
font-size: 1.2rem;
|
|
margin-right: .2rem;
|
|
}
|
|
}
|
|
|
|
/* footer */
|
|
.footer {
|
|
margin-top:4rem;
|
|
padding-top: 1rem;
|
|
border-top:3px solid;
|
|
padding-bottom: 2rem;
|
|
margin-bottom:0;
|
|
text-align: left;
|
|
position:relative;
|
|
/*.colophon { padding-right: 100px; }*/
|
|
.nav li a, .colophon a {
|
|
padding: 10px 15px;
|
|
}
|
|
.colophon .generator {
|
|
max-width: 300px;
|
|
}
|
|
.lien_cc svg {
|
|
width: 30px;
|
|
height: 30px;
|
|
vertical-align: middle;
|
|
}
|
|
.nav { padding-left: 0; }
|
|
.nav li { display: block; }
|
|
.nav li:not(.generator) a { display: block; }
|
|
|
|
@include respond-to("small-up") {
|
|
.nav li { display: inline-block !important; }
|
|
.nav li:not(.generator) a { display: inline; }
|
|
.nav li.separ { border: none; }
|
|
.nav li.separ:not(:first-of-type)::before { content: " | "; }
|
|
.generator { /*position: absolute; top: 1rem; right: 0; max-width: 200px;*/ float: right; }
|
|
.nav li a .title { display: none; }
|
|
}
|
|
}
|
|
|
|
/* blocs biens */
|
|
.liste_des_videos {
|
|
margin: 1rem 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
.une_video {
|
|
border: 1px solid #DDD;
|
|
padding: 1rem;
|
|
margin: 1rem 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
/*justify-content: space-between;*/
|
|
width: 100%;
|
|
.am_mots .tags {
|
|
font-size: .8em;
|
|
}
|
|
.am_tags {
|
|
line-height: 1.2rem;
|
|
.tags {
|
|
font-size: .6em;
|
|
&.mrs {
|
|
margin-right: .2rem;
|
|
}
|
|
}
|
|
}
|
|
.h3-like {
|
|
line-height: 1.1em;
|
|
min-height: 5rem;
|
|
margin: 1rem 0;
|
|
}
|
|
.une_ligne {
|
|
height: 2.75rem;
|
|
overflow: hidden;
|
|
}
|
|
.affmasq {
|
|
font-size: 2rem;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.bloc_contenu {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
min-height: 100%;
|
|
}
|
|
@include respond-to("tiny-up") {
|
|
margin: 1rem;
|
|
}
|
|
@include respond-to("medium-up") {
|
|
.une_video {
|
|
width: 345px;
|
|
}
|
|
}
|
|
@include respond-to("large-up") {
|
|
.une_video {
|
|
width: 380px;
|
|
}
|
|
}
|
|
|
|
@include respond-to("extra-large-up") {
|
|
justify-content: space-between;
|
|
/* :last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
:first-of-type {
|
|
margin-left: 0;
|
|
}*/
|
|
}
|
|
.bloc_placeholder {
|
|
display: none;
|
|
@include respond-to("extra-large-up") {
|
|
border: none;
|
|
display: flex;
|
|
}
|
|
}
|
|
}
|
|
|
|
.photo_bien {
|
|
display: flex;
|
|
justify-content: center;
|
|
min-height: 180px;
|
|
img {
|
|
width: 100%;
|
|
}
|
|
.ico_defaut {
|
|
font-size: 160px;
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.placeholder {
|
|
margin: 1rem auto;
|
|
img {
|
|
max-height: 320px;
|
|
opacity: .1;
|
|
}
|
|
}
|
|
|
|
.liste_des_rubriques {
|
|
display: flex;
|
|
flex-wrap: wrap!important;
|
|
.une_rub {
|
|
padding: 1rem;
|
|
a {
|
|
min-height: 100%;
|
|
h2 {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
.une_rub_contenu{
|
|
padding: 1rem;
|
|
border: 1px solid #DDD;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
a.etiquette_rubrique{
|
|
position: absolute;
|
|
min-height:0;
|
|
top: -1.5rem;
|
|
right: 1.5rem;
|
|
padding: 0 0.5rem;
|
|
text-align: right;
|
|
background-color: #999;
|
|
color: white;
|
|
}
|
|
|
|
.resume-article{
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/* SOMMAIRE tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
|
|
@include respond-to("small-up") {
|
|
.une_rub { width: 250px; }
|
|
.photo_bien{
|
|
min-height: 157px;
|
|
}
|
|
}
|
|
@include respond-to("medium-up") {
|
|
.une_rub { width: 340px; }
|
|
}
|
|
@include respond-to("large-up") {
|
|
// flex-wrap: nowrap;
|
|
.une_rub { width: 340px; }
|
|
}
|
|
@include respond-to("extra-large-up") {
|
|
//flex-wrap: nowrap;
|
|
.une_rub { width: 300px; }
|
|
.photo_bien{
|
|
min-height: 157px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**********************************************************************/
|
|
/*************************** PAGE RUBRIQUE ****************************/
|
|
/**********************************************************************/
|
|
|
|
.rub_en-tete{
|
|
position: relative;
|
|
}
|
|
|
|
.rub_en-tete_titre{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
background-color:rgba(0, 0, 0, 0.5);
|
|
color: white;;
|
|
padding: 2rem;
|
|
min-height: 100%;
|
|
width: 30%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
|
|
/* blocs mots/ss-rubriques */
|
|
.liste_des_mots {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
.un_mot {
|
|
border: 1px solid #DDD;
|
|
padding: 1rem;
|
|
margin: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
a {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100%;
|
|
h2 {
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
/* tous les bricolages pour la gestion responsive des blocs rubrique du sommaire */
|
|
@include respond-to("small-up") {
|
|
.un_mot { width: 250px; }
|
|
}
|
|
@include respond-to("medium-up") {
|
|
.un_mot { width: 340px; }
|
|
}
|
|
@include respond-to("large-up") {
|
|
//flex-wrap: nowrap;
|
|
.un_mot { width: 340px; }
|
|
}
|
|
@include respond-to("extra-large-up") {
|
|
justify-content: space-between;
|
|
//flex-wrap: nowrap;
|
|
/* :first-of-type {
|
|
margin-left: 0;
|
|
}
|
|
:last-of-type {
|
|
margin-right: 0;
|
|
}*/
|
|
}
|
|
}
|
|
|
|
|
|
/* tous formulaires */
|
|
.boutons .submit {
|
|
font-size: 2.5rem;
|
|
}
|
|
.btn.pull-right, .une_OK {
|
|
margin-left: 2rem;
|
|
}
|
|
#editer_gis_oui_rechercher_geocodage{
|
|
@extend .btn--inverse;
|
|
}
|
|
|
|
/* formulaire de saisie d'un bien */
|
|
.formulaire_editer_bien {
|
|
clear: none;
|
|
.resume textarea { min-height: 25rem; }
|
|
.upload_vignette {
|
|
label { display: block; }
|
|
.ajaxbloc {
|
|
clear: both;
|
|
@include respond-to("large-up") {
|
|
clear: initial;
|
|
}
|
|
}
|
|
}
|
|
.col_droite {
|
|
float: right;
|
|
width: 33%;
|
|
clear: right;
|
|
}
|
|
.principal, .auteurs { width: 60%; }
|
|
.formulaire_uploadhtml5 {
|
|
margin-bottom: 0;
|
|
float: left;
|
|
width: 100%;
|
|
.dropzone {
|
|
min-height: 50px;
|
|
.dz-message { margin: .5em 0; }
|
|
}
|
|
@include respond-to("large-up") {
|
|
width: 25%;
|
|
}
|
|
}
|
|
.photo_bien {
|
|
justify-content: left;
|
|
.une_photo {
|
|
margin-right: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 320px;
|
|
}
|
|
.boutons_actions {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
background-color: $gray-200;
|
|
a.btn_poubelle {
|
|
color: $red-500;
|
|
}
|
|
i.green {
|
|
color: $green-500;
|
|
padding: .6rem 1.5rem;
|
|
}
|
|
a {
|
|
margin: 0;
|
|
}
|
|
a:hover {
|
|
background-color: $gray-100;
|
|
}
|
|
}
|
|
}
|
|
legend {
|
|
width: auto;
|
|
}
|
|
}
|
|
.une_OK i.fas { color: green; }
|
|
|
|
/* formulaire de connexion / création de compte */
|
|
#choix_connexion {
|
|
fieldset {
|
|
clear: none;
|
|
margin-bottom: 2rem;
|
|
border: solid 1px #BBB;
|
|
padding: 1.5rem;
|
|
background-color: #FCFCFC;
|
|
> div { margin-bottom: 1.2rem;}
|
|
}
|
|
}
|
|
@include respond-to("medium-up") {
|
|
#choix_connexion { flex-wrap: nowrap; }
|
|
}
|
|
.bloc_connexion {
|
|
flex-grow: 1;
|
|
}
|
|
.creer_associer_compte {
|
|
flex-grow: 2;
|
|
}
|
|
|
|
/* spip_admin */
|
|
div#spip-admin { display:none; }
|
|
@include respond-to("small-up") {
|
|
div#spip-admin { display: initial; }
|
|
}
|
|
|
|
/* fleche go-top (dans header/dist.html */
|
|
#go_top {
|
|
position: fixed;
|
|
bottom: 2%;
|
|
right: 2%;
|
|
font-size: 3em;
|
|
opacity: .2;
|
|
/*:hover {
|
|
}*/
|
|
}
|
|
#go_top:hover {
|
|
background-color: transparent;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* bloc aside pour les horaires d'ouverture dans la page contact */
|
|
.composition_contact .la_une .aside_une {
|
|
width: 100%;
|
|
td {
|
|
padding-left: 1rem;
|
|
}
|
|
table {
|
|
table-layout: initial;
|
|
}
|
|
@include respond-to("small-up") {
|
|
width: calc(100% - 560px);
|
|
}
|
|
}
|
|
|
|
/*
|
|
* modele iframe vidéo responsive
|
|
* cf http://blog.theodo.fr/2018/01/responsive-iframes-css-trick/
|
|
*/
|
|
.resp_container {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding-top: 56.25%;
|
|
}
|
|
.resp_iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
}
|