MediaWiki:Gadget-Accessibility.css

/**
 * Style utilisé par les outils de [[MediaWiki:Gadget-Accessibility.js]]
 * auteur : //fr.wikipedia.org/wiki/Utilisateur:Lgd
 */
 
 
/* menu accessibilité */
#mw-panel div#p-accessibility {
overflow: hidden;
}
#mw-panel div#p-accessibility div.body {
margin-left: 1em;
}
div#p-accessibility div.body, div#p-accessibility div.pBody { 
clear: both;
}
#p-accessibility li a {
padding-right: 15px;
display: block;
}
a.acc_on {
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Yes_check.svg/10px-Yes_check.svg.png) no-repeat right center;
}
#p-accessibility li a#acc_all, #p-accessibility li a#acc_bp, #p-accessibility li a#acc_help {
text-align: right;
padding-right: 0;
}
#mw-panel div#p-accessibility.acc_fixed, #p-accessibility.acc_fixed {
background: #fff;
border: 1px solid gray;
margin: 0;
padding: 5px 5px 5px 0 !important;
position: fixed;
top: 5px;
left: 5px;
width: 9em;
}
#column-one div#p-accessibility.acc_fixed {
z-index: 1000;
width: 10.5em;
top: auto;
}
#column-one #p-accessibility.acc_fixed .pBody {
border: 0;
padding: 0;
}
#column-one #p-accessibility .pBody li {
list-style-image: none;
list-style-type: none;
margin-left: -1em;
}
#mw-panel div#p-accessibility.collapsed h5:hover {
text-decoration: none;
}
#mw-panel div#p-accessibility.collapsed h5 span:hover {
text-decoration: underline;
}
#p-accessibility h5 {
float: left;
}
#p-accessibility #acc_fixed {
float: right;
}
#p-accessibility #acc_disclaimer {
font-size: 0.7em;
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Emblem-important.svg/16px-Emblem-important.svg.png) no-repeat left top;
text-indent: 20px;
}
 
/* Affichage d'attributs (alt) */
.acc_attr_show {
border: 1px solid !important;
font-family:sans-serif !important;
font-size: 10px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
letter-spacing: 0 !important;
margin: 0 1px 0 0 !important;
padding: 1px !important;
text-align: left !important;
text-decoration: none !important;
text-transform: none !important;
z-index: 1 !important;
background-color: #FFFF99 !important;
border-color: #FFCC66 !important;
color: #000 !important;
opacity: 0.9 !important;
}
 
.acc_attr_show .error {
font-weight: bold;
}
 
.geobox .acc_attr_show, .DebutCarte .acc_attr_show {
position: absolute;
opacity: 0.8 !important;
}
 
 
/* Lang */
.acc_lang *[lang] {
border: 1px solid darkgreen;
}
.acc_lang *[lang]:after {
content: "Lang : " attr(lang);
border: 1px solid darkgreen;
padding: 2px 5px;
margin: 0 5px;
background: yellow;
}
.acc_lang *[lang]:before {
color: red;
}
*[lang=gr]:before {
content: "Code de langue erroné : utilisez el (grec moderne) ou grc (grec ancien avant 1453) ";
}
.acc_lang *[lang=oci]:before {
content: "Code de langue erroné : utilisez oc (occitan) ";
}
.acc_lang *[lang=lu]:before {
content: "Code de langue erroné : utilisez lb (luxembourgeois) ";
}
.acc_lang *[lang=mul]:before {
content: "Code de langue erroné : ne pas utiliser le code mul (multiple) ";
}
.acc_lang *[lang=und]:before {
content: "Code de langue erroné : ne pas utiliser le code und (undefined) ";
}
.acc_lang *[lang=""]:before {
content: "Code de langue erroné : lang ne doit pas être vide ";
}
/* Modèle Citation étrangère */
.acc_lang .not_fr_quote {
border: 1px solid darkgreen;
}
.acc_lang .not_fr_quote:before {
color: red;
content: "Code de langue manquant pour une citation en langue étrangère ";
}
.acc_lang .not_fr_quote[lang]:before {
content: "";
}
/* Headers*/
.acc_header h1, .acc_header h2, .acc_header h3, .acc_header h4, .acc_header h5, .acc_header h6 {
border: 3px solid green !important;
padding: 3px !important;
color: #000 !important;
}
.acc_header h1:before {
content: "H1 ";
}
.acc_header h2 {
margin-left: 15px !important;
}
.acc_header h2:before {
content: "H2 ";
}
.acc_header h3 {
margin-left: 30px !important;
}
.acc_header h3:before {
content: "H3 ";
}
.acc_header h4 {
margin-left: 45px !important;
}
.acc_header h4:before {
content: "H4 ";
}
.acc_header h5 {
margin-left: 60px !important;
}
.acc_header h5:before {
content: "H5 ";
}
.acc_header h6 {
margin-left: 75px !important;
}
.acc_header h6:before {
content: "H6 ";
}
 
.acc_header dl dt:only-child:after {
content: "Possible élément de liste de définition utilisé à la place d'un titre de section";
color: red;
margin: 5px;
padding: 0 5px;
border: 1px solid red;
}
 
/* listes */
 
.acc_list dl, .acc_list dl dt {
border: 1px solid #FE7707;
}
.acc_list dt:before {
content: "Terme défini : ";
color: #FE7707;
}
.acc_list dd:before {
content: "Définition : ";
color: #FE7707;
}
.acc_list dl:before {
content: "Vérifiez le bon usage et la structure de cette liste de définition.";
color: #FE7707;
font-weight: bold;
display: block;
margin: 5px;
}
.acc_list dl dt:only-child:after {
content: "Possible élément de liste de définition utilisé à la place d'un titre de section";
color: red !important;
margin: 5px;
padding: 0 5px;
border: 1px solid red;
}
.acc_list dl dd:only-child:before {
content: "Possible élément de liste de définition utilisé uniquement pour indenter le texte";
color: red !important;
margin: 5px;
padding: 0 5px;
border: 1px solid red;
font-weight: bold;
}
 
.acc_list ul + ul li:only-child {
border: 1px solid red;
}
.acc_list ul + ul li:only-child:before {
background-color: #fff !important;
border: 1px solid red !important;
color: red !important;
padding: 2px 5px !important;
content: "Élément de liste potentiellement orphelin : vérifier l'absence de sauts de ligne entre les *";
display: block;
}
 
 
/* Quotes */
.acc_quote .citation, .acc_quote blockquote {
border: 1px solid green;
background: lightgreen !important;
}
.acc_quote .citation:before, .acc_quote blockquote:before {
content: "Citation bien balisée : ";
color: Darkgreen ! important;
font-weight: bold;
padding: 5px;
}
 
/* Tables */
.acc_table table {
border: 2px solid #FE7707 !important;
}
 
.acc_table table caption {
display: table-caption !important;
visibility: visible !important;
position: static !important;
height: auto !important;
width: auto !important;
font-size: 1em !important;
line-height: 1em !important;
background-color: lightgreen !important;
}
.acc_table table caption.error {
background: transparent !important;
font-weight: bold !important;
}
.acc_table table[summary]:before {
background-color:#FFFF99 !important;
border: 1px solid #FFCC66 !important;
color:#000000 !important;
opacity:0.9 !important;
font-size: 10px !important;
line-height: 12px !important;
padding: 2px 5px !important;
content: "@summary=" attr(summary);
}
.acc_table table th {
background-color: red !important;
}
.acc_table table th:before {
content: "Vérifiez s\'il faut ajoutez un SCOPE ou transformer en TD (code wiki: |)";
display: block;
color: red !important;
background: #fff !important
}
.acc_table table th[scope]:before, .acc_table table th[id]:before {
display: none;
}
.acc_table table th[id] {
background-color: lime !important;
}
.acc_table table th[scope] {
background-color: lime !important;
}
.acc_table table th[scope]:after {
content: "SCOPE " attr(scope);
color: darkgreen;
display: block;
}
.acc_table table th[id]:after {
content: "ID: " attr(id);
display: block;
color: darkgreen;
}
.acc_table table th[scope][id]:after {
content: "SCOPE " attr(scope) " ID: " attr(id);
display: block;
color: darkgreen;
}
.acc_table table th[scope][headers]:after {
content: "SCOPE: " attr(scope) " HEADERS: " attr(HEADERS);
display: block;
color: darkgreen;
}
.acc_table table th[scope][headers][id]:after {
content: "SCOPE: " attr(scope) " HEADERS: " attr(HEADERS) " ID: " attr(ID);
display: block;
color: darkgreen;
}
 
.acc_table table td[headers] {
background-color: yellow !important;
}
.acc_table table td[headers]:after {
content: "HEADERS: " attr(HEADERS);
display: block;
color: darkgreen;
}
 
.acc_table table td[scope] {
background-color: red !important;
}
.acc_table table td[scope]:after {
content: "ERREUR TD SCOPE " attr(scope);
display: block;
}
 
.acc_table table table {
border: 5px solid red !important;
}
.acc_table table table:before {
content: "Limitez autant que possible l'imbrication de tableaux.";
font-weight: bold;
color: red;
background: #fff;
display: block;
padding: 5px;
}
 
.acc_table table col {
width: auto !important;
}

/* dfn */
.acc_dfn_ok {
border: 1px solid darkgreen;
}
.acc_dfn_ok:before {
content: "DFN : ";
border: 1px solid darkgreen;
padding: 2px 5px;
margin: 0 5px;
background: lightgreen;
}