« MediaWiki:Mobile.css » : différence entre les versions
Contenu supprimé Contenu ajouté
on ne peut pas générer d'<aside>… |
utiliser la classe "nomobile", qui fait partie de mediawiki et supprime complètement l'élément du markup envoyé |
||
Ligne 25 : | Ligne 25 : | ||
* TRUCS UTILES |
* TRUCS UTILES |
||
*/ |
*/ |
||
.pas-sur-mobile { |
|||
display:none; |
|||
} |
|||
.italique { |
.italique { |
Version du 10 juin 2017 à 18:40
/* CSS placed here will affect users of the mobile site */
/**
* BALISES
*/
sup,
sub {
line-height: 0.75em;
}
dfn {
font-style: normal;
font-weight: bold;
}
i > dfn {
font-style: italic;
}
blockquote {
quotes: "" "";
}
/**
* TRUCS UTILES
*/
.italique {
font-style: italic;
}
.italique i {
font-style: normal;
}
.romain {
text-transform: lowercase;
font-variant: small-caps;
}
.nowrap,
.mw-magiclink-isbn {
white-space: nowrap;
}
sup.reference {
font-weight: normal;
font-style: normal;
white-space: nowrap;
}
.hidden {
position: absolute;
left: 0;
top: -5000px;
width: 1px;
height: 1px;
overflow: hidden;
}
caption.hidden {
position: static;
text-indent: -5000px;
}
/**
* TABLEAUX
*/
.wikitable th[scope=row] {
text-align: left;
}
.alternance,
.alternance2 {
border-collapse: collapse;
}
table.alternance > * > tr > th,
table.alternance2 > * > tr > th {
background: #e6e6e6;
}
.alternance tr,
.alternance th[scope="row"] {
background: #fcfcfc;
}
.alternance tr:nth-child(odd),
.alternance tr:nth-child(odd) th[scope="row"] {
background: #eeeeee;
}
.alternance2 tr,
.alternance2 th[scope="row"] {
background: #eeeeee;
}
.alternance2 tr:nth-child(odd),
.alternance2 tr:nth-child(odd) th[scope="row"] {
background: #fcfcfc;
}
/**
* MISES EN FORME PARTICULIÈRES DES LISTES
*/
/* Classe pour les listes horizontales séparées par des puces.
Adaptation de la classe 'hlist' de en:User:Edokter.
(cf. [[mw:Snippets/Horizontal lists]]).
*/
.liste-horizontale ul,
.liste-horizontale li {
margin: 0;
padding: 0;
}
.liste-horizontale ul ul,
.liste-horizontale li {
display: inline;
}
.liste-horizontale li:after {
content: " · ";
font-weight: bold;
}
.liste-horizontale li:last-child:after {
content: none;
}
.liste-horizontale li li:first-child:before {
content: " (";
font-weight: normal;
}
.liste-horizontale li li:last-child:after {
content: ") ";
font-weight: normal;
}
/**
* Listes sans puces
*/
.liste-simple ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.liste-simple ul li {
margin-bottom: 0;
}
/**
* Styles pour listes imbriquées formant une arborescence,
* en particulier utilisés dans le [[modèle : Arbre début]]
*/
.treeview ul {
padding: 0;
margin: 0;
}
.treeview li {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
zoom: 1; /* BE KIND TO IE6 */
}
.treeview li li {
background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
padding-left: 20px;
text-indent: 0.3em;
}
.treeview li li.lastline {
background-position: 0 -5971px
}
.treeview li.emptyline > ul {
margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
background-position: 0 9px
}
/**
* TYPES DE BOITES
*/
.bandeau-discussion,
.bandeau-article,
.bandeau-simple,
.bandeau-systeme {
clear: both;
margin: 8px 0 12px;
border-style: solid;
border-width: 1px 0;
padding: 2px 5px;
text-align: left;
}
div.bandeau-section {
display: block;
margin: 0 0 .7em 0;
overflow: hidden;
border-style: solid;
border-width: 1px 0;
padding: 2px 0 1px 4px;
text-align: left;
}
.bandeau-icone {
display: none;
}
.bandeau-cell p:last-child {
margin-bottom: 0;
}
/**
* STYLES DE BOITES
*/
/* Style des bandeaux d'articles, voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]] */
.bandeau-niveau-grave {
border-color: #aa0044;
background-color: #ffcccc;
}
.bandeau-niveau-modere {
border-color: #ff8822;
background-color: #ffeedd;
}
.bandeau-niveau-information {
border-color: #77ccff;
background-color: #fbfbfb;
}
.bandeau-niveau-ebauche {
display: none;
}
.bandeau-niveau-detail, /* voir [[Wikipédia:Prise de décision/Unification des modèles : article détaillé et Loupe]] */
.bandeau-section.bandeau-niveau-information {
border-color: #e7e7e7;
background-color: #fdfdfd;
}
/**
* COLONNES DES PORTAILS
*/
.portail-gauche {
float: left;
}
.portail-droite {
float: right;
}
@media screen and (max-width: 65em) {
.portail-gauche,
.portail-droite {
float: none;
width: auto !important;
}
}
/* Masquage des éléments de liste vides tant que la même règle existe pour la version bureau (phab:T49673) */
.mw-empty-li {
display: none;
}
/* Infobox V2 (voir : [[Projet:Infobox/V2]]) */
.infobox_v2 {
font-size: 90%;
line-height: 1.1em;
border-spacing: 5px;
border-collapse:separate;
background: #f9f9f9;
}
.infobox_v2 th {
vertical-align: super;
text-align: left;
}
.infobox_v2 .entete {
height: 43px;
vertical-align: middle;
text-align: center;
font-size: 140%;
font-weight: bolder;
line-height: 1.1em;
color: #000;
}
/* Pour [[Modèle:Image et son]], etc. */
.infobox_v2 .media {
height: 35px;
vertical-align: middle;
text-align: center;
font-weight: bolder;
color: #000;
}
@media screen and (min-width: 720px) {
table.infobox_v2 {
width: 294px !important;
}
table.infobox_v2,
.infobox_v3 {
clear: right;
float: right !important;
margin: 0 0 0.5em 1em;
}
}
/* Infobox V3 */
div.infobox_v3 {
font-size: 0.9em;
line-height: 1.4em;
max-width: 325px;
margin: auto;
word-wrap: break-word;
background: #f9f9f9;
}
.infobox_v3 .entete {
display: table;
height: 45px;
width: 100%;
font-weight: bold;
text-align: center;
font-size: 1.4em;
line-height: 1.1em;
margin-bottom: 10px;
background-color: #dfedff;
}
.infobox_v3 .entete > div {
display: table-cell;
vertical-align: middle;
padding: 3px;
}
/* Images */
.infobox_v3 .images {
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
}
.infobox_v3 .images a {
max-width: 100%;
}
.infobox_v3 .images img {
max-width: 99%;
height: auto;
}
.infobox_v3 .legend {
font-size: 0.9em;
text-align: center;
margin: 5px 0 8px 0;
}
/* Tableaux */
.infobox_v3 table {
width: 100% !important;
margin: 5px 0;
table-layout: fixed;
border-collapse: collapse;
}
.infobox_v3 th[scope="col"] {
text-align: center;
word-wrap: normal;
}
.infobox_v3 th[scope=row] {
text-align: left;
padding-right: 10px;
width: 8em;
max-width: 140px;
word-wrap: normal;
}
.infobox_v3 th[scope=row],
.infobox_v3 td {
padding-top: 4px;
vertical-align: super;
}
.infobox_v3 .middle {
vertical-align: middle;
}
.infobox_v3 .left td {
text-align: left;
}
.infobox_v3 .vborder td {
border-left: 1px dotted #aaa;
}
.infobox_v3 .vborder td:first-child {
border-left: none;
}
.infobox_v3 .data {
text-align: center;
}
/* Titres bloc et caption tableaux */
.infobox_v3 .bloc,
.infobox_v3 .bordered,
.infobox_v3 caption {
font-weight: bold;
text-align: center;
line-height: 1.1em;
margin: 0 0 5px 0;
padding: 4px;
}
.infobox_v3 caption,
.infobox_v3 .bloc {
background: #dfedff;
}
.infobox_v3 .bloc {
margin: 5px 0;
}
.infobox_v3 .bordered {
border-top: 1px solid #dfedff;
border-bottom: 1px solid #dfedff;
background: transparent;
}
/* TODO : mettre à jour la classe .hidden générique */
.infobox_v3 caption.hidden {
margin: 0 !important;
padding: 0 !important;
}
/* Séparateur */
.infobox_v3 .hr {
font-size: 1px;
line-height: 1px;
margin: 5px 0;
background-color: #dfedff;
}
.infobox_v3 .hr.collapse {
margin: 5px 0 -8px 0;
position: relative; /* Be kind to IE7 */
}
/* Tnavbar */
.infobox_v3 .navbar {
text-align: right;
font-size: 0.8em;
}
.infobox_v3 .navbar .plainlinks {
float: left;
}
/* Navigateur */
.infobox_v3 .overflow {
overflow: hidden;
}
.infobox_v3 .bordered.nav,
.infobox_v3 .bordered.navbar {
border-bottom: 0 !important;
font-weight: normal !important;
}
.infobox_v3 .prev a,
.infobox_v3 .prev_bloc {
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.png") no-repeat left center;
float: left;
max-width: 40%;
padding: 0 0 0 18px;
text-align: left;
}
.infobox_v3 .next a,
.infobox_v3 .next_bloc {
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png") no-repeat right center;
float: right;
max-width: 40%;
padding: 0 18px 0 0;
text-align: right;
}
/* Divers */
.infobox_v3 table.maillot-equipe td {
padding: 0;
}
.infobox_v3 table.maillot-equipe {
table-layout: auto;
}
/* Page d'accueil 2017 */
#accueil_2017_en-tete {display: inline-block; margin:auto; min-width: 100%; padding: auto 1rem; background:#EDF4F7; background:linear-gradient(top, #fff 0%,#e8f2f8 100%); background:-moz-linear-gradient(top, #fff 0%, #e8f2f8 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e8f2f8)); background:-webkit-linear-gradient(top, #fff 0%,#e8f2f8 100%); background:-o-linear-gradient(top, #fff 0%,#e8f2f8 100%); background:-ms-linear-gradient(top, #fff 0%,#e8f2f8 100%); background:linear-gradient(top, #fff 0%,#e8f2f8 100%); box-shadow: inset 0 0 1rem -1rem #a8d7fc;}
.accueil_2017_cadre {
padding: 3%;
}
.bouton_accueil_bandeau_2017 h2.titre-wikipedia {
font-size: 200%;
font-weight: bold;
color: #457;
font-family: 'Open Sans',Sans-serif;
border-bottom: none;
margin-bottom:0;
}
.bouton_accueil_bandeau_2017 .sous-titre {
padding-left: 40px;
padding-top: 0;
margin-top: 0;
}
#accueil-contenu .accueil_2017_titres,
#accueil-pied .accueil_2017_titres {
font-variant: small-caps;
letter-spacing: .01em;
display: block;
border-bottom: solid 0.2rem #bdd8fb;
margin: -0.4rem 0 0.1rem;
}