Kheys, Administrateurs
9 367
modifications
« MediaWiki:Mobile.css » : différence entre les versions
aucun résumé des modifications
Aucun résumé des modifications Balises : Révocation manuelle (en savoir plus) Révoqué (en savoir plus) |
Aucun résumé des modifications Balise : Révocation manuelle (en savoir plus) |
||
| Ligne 1 : | Ligne 1 : | ||
.accueil_lien{font-size:110%;padding-top:15px}#accueil_global ul{list-style:url("https://jvflux.fr/images/f/f0/sommaire_puces.png")}.remove_from_mobile{display:none!important}#accueil_intro{text-align:center;margin:0 0 40px 0}#accueil_intro .titre_accueil{font-size:170%}#accueil_intro .sous_titre_accueil{font-size:130%;line-height:27px}#accueil_intro .titre_accueil span{background-image:linear-gradient(45deg,# | /* */ | ||
/* DESIGN DE L'ACCUEIL */ | |||
/* */ | |||
/* BALISES STANDARD */ | |||
.accueil_lien { | |||
font-size: 110%; | |||
padding-top: 15px; | |||
} | |||
#accueil_global ul { | |||
list-style: url("https://jvflux.fr/images/f/f0/sommaire_puces.png"); | |||
} | |||
.remove_from_mobile { | |||
display: none !important; | |||
} | |||
/* TITRE + SOUS-TIRE DE L'INTRO */ | |||
#accueil_intro { | |||
text-align: center; | |||
margin:0 0 40px 0; | |||
} | |||
#accueil_intro .titre_accueil { | |||
font-size:170%; | |||
} | |||
#accueil_intro .sous_titre_accueil { | |||
font-size:130%; | |||
line-height: 27px; | |||
} | |||
#accueil_intro .titre_accueil span { | |||
background-image: linear-gradient(45deg, #009CFF, #003BDF); | |||
background-size: 100%; | |||
-webkit-background-clip: text; | |||
-moz-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
-moz-text-fill-color: transparent; | |||
} | |||
/* FORMULAIRE DE RECHERCHE */ | |||
#accueil_recherche { | |||
text-align: center; | |||
} | |||
#accueil_recherche form input:nth-of-type(1) { | |||
margin: 0 auto; | |||
border: none; | |||
border:solid 4px #028EFD; | |||
border-radius: 30px; | |||
height: 40px; | |||
padding: 10px; | |||
width: 80%; | |||
} | |||
#accueil_recherche form input[type=submit] { | |||
border-radius: 30px; | |||
border:solid 1px #028EFD; | |||
margin-left:-40px; | |||
background: no-repeat center/35% url("https://jvflux.fr/images/b/bc/loupe.png") #028EFD; | |||
height: 40px; | |||
width: 60px; | |||
} | |||
/* BOITES FLEXBOX STANDARD */ | |||
#accueil_articles, #accueil_raccourcis, #accueil_naviguer, .accueil_flex { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
#accueil_articles .accueil_articles-semaine, #accueil_articles .accueil_articles-qualite, #accueil_naviguer .accueil_naviguer-navigation, #accueil_naviguer .accueil_naviguer-actualites { | |||
border: 1px solid #AAAAAA; | |||
flex: 1; | |||
margin-bottom: 10px; | |||
} | |||
.accueil_flex-box { | |||
flex: 1; | |||
} | |||
.accueil_articles-boite, .accueil_raccourcis-raccourcis { | |||
margin: 20px auto 15px auto; | |||
width: 90%; | |||
} | |||
#accueil_articles .accueil_articles-qualite .accueil_flex li:nth-child(6), #accueil_naviguer .accueil_naviguer-navigation .accueil_flex-box:nth-child(1) { | |||
margin-bottom: 10px; | |||
} | |||
/* BOITE RACCOURCIS */ | |||
#accueil_raccourcis { | |||
margin-bottom: 10px; | |||
text-align: center; | |||
background-color: #c4fefb; | |||
border-radius: 5px; | |||
} | |||
#accueil_raccourcis p { | |||
margin-top: 0; | |||
} | |||
#accueil_raccourcis .floatleft { | |||
margin: 0; | |||
} | |||
.accueil_raccourcis-raccourcis { | |||
margin-bottom: 0px !important; | |||
} | |||
#accueil_raccourcis .accueil_raccourcis-raccourcis .accueil_flex div:nth-child(1) { | |||
display: none; | |||
} | |||
/* MESSAGE DE FIN */ | |||
#accueil_message-fin { | |||
text-align: center; | |||
margin-top: 20px; | |||
font-size: 110%; | |||
} | |||
/* */ | |||
/* FIN ACCUEIL */ | |||
/* */ | |||
/* BANDEAU ARTICLE DE QUALITE */ | |||
.flex_generique-container { | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.flex_generique-item { | |||
flex: 1; | |||
} | |||
.bandeau_article_qualite { | |||
border-top: 1px dotted black; | |||
margin: 15px 0 0 0; | |||
} | |||
.bandeau_article_qualite div { | |||
padding: 5px 5px 0 5px; | |||
text-align: center; | |||
} | |||