Browse Source

Feuille de style en cascade ... Pffff plus d'une heure pour débuguer un truc évident

body.is-mobile.landing #banner,
	body.landing #page-wrapper {
Si tu oublies "body.is-mobile.landing #banner," ça ne cascade plus du tout !
master
cent20@gmail.com 4 years ago
parent
commit
249c465c1f
  1. 10
      assets/css/html5up_spectral.spip.css.html
  2. 8
      assets/css/main.css
  3. 2
      formulaires/configurer_html5up_spectral.html

10
assets/css/html5up_spectral.spip.css.html

@ -1,7 +1,10 @@
/*
#CONFIG{html5up_spectral/image_background}
<BOUCLE_image_entete(DOCUMENTS){id_document=#CONFIG{html5up_spectral/image_background}}{extension==jpg|png|gif}{tous}>
#SET{image_fond,#FICHIER}
<BOUCLE_image_entete(DOCUMENTS){id_document=#CONFIG{html5up_spectral/image_fond_accueil}}{extension==jpg|png|gif}{tous}>
#SET{image_fond,#URL_DOCUMENT}
#FICHIER
#URL_DOCUMENT
Surcharge l'image de fond si config depuis la page de configuration du plugin... : OK
</BOUCLE_image_entete>
@ -18,7 +21,8 @@ Surcharge l'image de fond si config depuis la page de configuration du plugin...
[background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#GET{image_fond})");
}]
[body.landing #page-wrapper {
[body.is-mobile.landing #banner,
body.landing #page-wrapper {
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#GET{image_fond})");]
[background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#GET{image_fond})");]
[background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("(#GET{image_fond})");]

8
assets/css/main.css

@ -3967,10 +3967,10 @@ input, select, textarea {
/* Landing */
body.landing #page-wrapper {
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/banner.jpg");
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/banner.jpg");
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/banner.jpg");
background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/banner.jpg");
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;

2
formulaires/configurer_html5up_spectral.html

@ -22,7 +22,7 @@
<legend><:html5up_spectral:page_accueil:></legend>
<div class="editer-groupe">
[(#SAISIE{selecteur_document,image_background,
[(#SAISIE{selecteur_document,image_fond_accueil,
label=Image de fond,
explication=Image de la médiathèque utilisée comme image de fond du thème.})]
[(#SAISIE{selecteur_article, hero,

Loading…
Cancel
Save