MediaWiki:Common.css
Apparence
Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
.wgfrwikinews_CommonCssVersion:after{content:"20121027002";}
/*
** Feuille de style globale **
Cette page contrôle l'apparence, pour toutes les skins.
Les modifications devant s'appliquer à la seule apparence Monobook seront portées dans [[MediaWiki:Monobook.css]].
*/
/* Position du bandeau « Partager » */
#tableshare table { margin: auto; }
/*
Survol des rangées de tableau à la souris
Inspiré de [[es:MediaWiki:Common.css]]
*/
table.hovertr tr:hover { background: #FFCC66; }
tr.gris-hover { background: #EFEFEF }
tr.gris-hover:hover { background: #FFCC66; }
tr.blanco-hover { background:#FFFFFF }
tr.blanco-hover:hover { background: #FFCC66; }
/*
== Interligne des titres de pages ==
<source lang="css">*/
/* DIVERS */
.globegris {
background:
url("//upload.wikimedia.org/wikipedia/commons/f/f8/Mainpage_banner2.png")
} /* monobookocentré */
.headergris { /* monobookocentré */
background:#F0F0F0 url("//upload.wikimedia.org/wikipedia/commons/1/1b/Wikibar2.png") no-repeat right;
margin:0;
font-size:120%;
font-weight:bold;
border:1px solid #a3b0bf;
text-align:left;
color:#000;
padding:.15em .4em;
}
.cadregris { /* monobookocentré */
border:1px solid #AAA;
background:#fcfcfc;
vertical-align:top;
padding:7px;
margin-bottom:.6em;
}
.accueil_cadre_lien { /* monobookocentré */
text-align:right;
margin-right:.5em;
font-size:xx-small;
}
/*</source>
<source lang="css">*/
h1.firstHeading {
line-height: 1.2em;
}
/*</source>
Ce réglage est utile pour les titres de page « à rallonge », débordant sur la deuxième ligne.
== En-tête des articles quotidiens de brèves ==
Certains de ces réglages sont également utilisés par l'en-tête des [[Wikinews:Interview|interviews]] ou des [[Wikinews:Médias|listes de médias]].
<hr style="margin: 1.5em" />
<source lang="css">*/
div.breves {
border-top: 1px solid #99b2cc;
border-right: 2px solid #99b2cc;
border-bottom: 2px solid #99b2cc;
border-left: 1px solid #99b2cc;
background-color: #f6f6f6;
padding: 0.5em;
margin-bottom: 1em;
}
/*</source>
Cette classe détermine l’apparence générale de la boîte d’en-tête.
<hr style="margin: 1.5em" />
<source lang="css">*/
div.breves div.bloc_0 {
padding-bottom: 0.5em;
}
/*</source>
Cette classe n'est utilisée que si elle est immédiatement suivie par le bloc de sommaire.
<hr style="margin: 1.5em" />
<source lang="css">*/
div.breves div.bloc_1 {
border-bottom: 1px solid #99b2cc;
padding-bottom: 0.5em;
}
div.breves div.bloc_2 {
text-align: left;
padding: 0.5em 0 0 1.5em;
margin-bottom: 0.5em;
}
/*</source>
Dans les autres cas apparaissent :
*un bloc de classe .bloc_1,
*un autre bloc, de classe .bloc_2,
*un bloc de sommaire horizontal.
== Taille des liens "modifier" au niveau des sections ==
<source lang="css">*/
.mw-editsection {
font-size: x-small;
}
/*
== Sommaire horizontal brèves ==
<source lang="css">*/
div.toc_breves {
border-top: 1px solid #99b2cc;
padding-top: 0.5em;
}
div.toc_breves .tocindent {
margin: 0;
}
div.toc_breves table#toc ul {
display: inline;
}
div.toc_breves table#toc ul li {
display: inline;
}
div.toc_breves table#toc .toctoggle {
display: none;
}
div.toc_breves table#toc ul li span.tocnumber {
display: none;
}
div.toc_breves table#toc ul li:before {
content: " ··· ";
}
div.toc_breves table#toc div#toctitle {
display: inline;
}
div.toc_breves table#toc div#toctitle h2 {
display: inline;
}
div.toc_breves table#toc {
border: 0;
padding: 0;
background-color: #f9f9f9;
}
/*</source>
L'ensemble de ces réglages déterminent l'apparence du sommaire horizontal.
Le sommaire horizontal est utilisé :
*dans les [[Wikinews:Brèves|articles quotidiens de brèves]] ;
*dans les [[Wikinews:Interviews|interviews]] (facultatif) ;
*dans les [[Wikinews:Médias|listes de médias]].
== Sommaire horizontal évènements ==
<source lang="css">*/
div.toc_eve {
border-top: 1px solid #99b2cc;
padding-top: 0.5em;
}
div.toc_eve .tocindent {
margin: 0;
}
div.toc_eve table#toc ul {
display: inline;
}
div.toc_eve table#toc ul li {
display: inline;
}
div.toc_eve table#toc .toctoggle {
display: none;
}
div.toc_eve table#toc ul li span.tocnumber {
display: none;
}
div.toc_eve table#toc ul li:before {
content: " ··· ";
}
div.toc_eve table#toc div#toctitle {
display: inline;
}
div.toc_eve table#toc div#toctitle h2 {
display: inline;
}
div.toc_eve table#toc {
border: 0;
padding: 0;
background-color: #F0F8FF;
}
/*</source>
L'ensemble de ces réglages déterminent l'apparence du sommaire horizontal dans les évènements.
Le sommaire horizontal est utilisé :
*dans les [[Wikinews:Évènements|les articles quotidiens évènements]] ;
== Apparence du titre de section « Notes » ==
<source lang="css">*/
h2.notes span.editsection {
display:none
}
/*</source>
Cette classe entraîne la suppression du lien [modifier] à côté du titre de la section consacrée aux notes.
== Masquage du titre de la page [[Accueil]] ==
<source lang="css">*/
.page-Accueil .firstHeading {
display:none;
}
.page-Accueil #ca-nstab-main a {
content:"Accueil";
}
/*</source>
Cette classe masque la barre de titre de la page [[Accueil]] et remplace, dans l'onglet de gauche, le libellé {{guil|Article}} par le libellé {{guil|Accueil}}.
== Apparence de la page d'accueil ==
<source lang="css">*/
table.bandeau_accueil { /* bandeau supérieur */
width: 100%;
margin-top: 0;
margin-bottom: 1em;
border-top: 2px solid #99b2cc;
border-right: 2px solid #99b2cc;
border-bottom: 1px solid #99b2cc;
border-left: 1px solid #99b2cc;
}
span.accueil_WIKI {
color: #444444;
font-size: 2em;
font-weight: bold;
}
span.accueil_NEWS {
color: #999999;
font-size: 2em;
font-weight: bold;
}
span.accueil_FRANC {
color: #aa0000;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 1px;
}
div.bord_VOUS {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 3px;
}
span.VOUS {
color: #aa0000;
font-style: italic;
}
div.float_accueil { /* icônes flottant à droite des zones */
float: right;
padding: 5px;
}
div.accueil_zone {
padding: 1em 5px 0 5px;
}
div.gauche_accueil { /* réglage général : zones de gauche */
border-top: 2px solid #99b2cc;
border-right: 2px solid #99b2cc;
border-bottom: 1px solid #99b2cc;
border-left: 1px solid #99b2cc;
margin-bottom: 3ex;
}
span.gauche_accueil_T {
font-size: 150%;
padding: 5px;
border-right: 2px solid #99b2cc;
border-bottom: 2px solid #99b2cc;
border-left: 1px solid #99b2cc;
}
div.droite_accueil { /* réglage général : zones de droite */
border-top: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
margin-bottom: 3ex;
}
span.droite_accueil_T {
font-size: 150%;
margin-bottom: 1em;
padding: 5px;
border-right: 2px solid #d0d0d0;
border-bottom: 2px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
}
div.bas_accueil {
border-top: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
padding: 5px 5px 0 5px;
margin-bottom: 3ex;
}
/*</source>
== Boîtes déroulantes ==
<source lang="css">*/
div.BoxenVerschmelzen, div.NavFrame {
margin: 0px;
padding: 2px;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.BoxenVerschmelzen div.NavFrame {
border-style: none;
border-style: hidden;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #ffffff;
margin: 0px;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
font-size:100%;
background-color: #efefef;
}
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent {
font-size: 100%;
}
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0px;
padding: 0px;
line-height: 1px;
clear: both;
}
.NavToggle {
font-size: x-small;
float: right;
margin-right: 4px;
}
/*</source>
== Capitalisation des onglets ==
Sans ce réglage, certains onglets ({{guil|modifier}}, {{guil|renommer}}) ont un libellé entièrement en bas-de-casse, tandis que d'autres ({{guil|Message}} ou {{guil|Article}} ou {{guil|Spécial}}, {{guil|Discussion}}, {{guil|Historique}}, {{guil|Protéger/Déprotéger}}, {{guil|Protéger/Déprotéger}}, {{guil|Suivre/Ne plus suivre}}) ont un libellé avec majuscule...
<source lang="css"> */
#p-cactions li:first-letter, #p-cactions li a:first-letter {text-transform: capitalize;}
/* </source>
== Modifications récentes ==
<source lang="css"> */
table.rc_text {
background-color: #f8fcff;
margin-bottom: 1em;
border-top: 1px solid #99b2cc;
border-right: 2px solid #99b2cc;
border-bottom: 2px solid #99b2cc;
border-left: 1px solid #99b2cc;
}
table.rc_text td {
vertical-align: top;
}
table.rc_text td.rc_left {
font-weight: bold;
text-align: right;
}
/* </source>
== En-tête de la Salle café ==
<source lang="css"> */
table.entete_cafe {
margin-bottom: 1em;
border-top: 1px solid #99b2cc;
border-right: 2px solid #99b2cc;
border-bottom: 2px solid #99b2cc;
border-left: 1px solid #99b2cc;
}
table.entete_cafe td {
background-color: #f8fcff;
color: #000000;
}
div.deroule_cafe {
margin: 1em 0.5em 0.5em 0.5em;
}
/* </source>
== Pied de page ==
<source lang="css"> */
div#footer li {
display: block;
}
div#footer li#privacy, div#footer li#about, div#footer li#disclaimer {
display: inline;
}
/* </source>
Ces réglages permettent de séparer, dans le pied de page, le message de licence, sur la deuxième ligne, des trois messages suivants (Politique de confidentialité, À propos de Wikinews, Avertissements). Précédemment, on voyait Licence + Politique de confidentialité sur la 2{{e}} ligne, puis À propos de Wikinews, Avertissements sur la 3{{e}} ligne...
<source lang="css"> */
div.footer_license {
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 1.1em;
}
div.trademark {
padding-bottom: 0.5em;
font-size: 1.1em;
}
/* </source>
Ces réglages permettent l'isolation, au sein du pied de page, du message de présentation de la marque déposée et des liens vers la Wikimedia Foundation et vers l'article WP-EN sur son statut fiscal.
== Encadrement de l'image de une ==
<source lang="css"> */
div.image_une {
border: 1px solid #99b2cc;
padding: 3px;
margin-right: 5px;
}
/* </source>
== Archives quotidiennes ==
<source lang="css"> */
div.journee div.titre_journee {
font-size: 1.3em;
font-weight: bold;
margin-top: 0.5em;
}
/* </source>
== Références ==
<source>*/
/* Éviter d'obtenir un interlignage de taille variable. */
.reference, .exposant {
vertical-align:text-top;
position:relative;
font-size:.7em;
top:-5px;
}
.reference {
padding-left:1px;
}
/* </source> */
/************************/
/* CommonsTicker styles */
/************************/
/* links */
.tickerDiffLink { } /* diff links in ticker */
.tickerMiscLink { } /* misc links in ticker */
/* remove list bullets */
.tickerList ul, .tickerList ul li { list-style: none; text-indent:-2em; margin-left:2em; text-align:left; }
.tickerList ul ul, .tickerList ul ul li { list-style: none; text-indent:0; margin-left:1.5em; text-align:left; }
/* per-type styles */
.tickerEntry_deleted { } /* entry for image deletion */
.tickerEntry_restored { } /* entry for restored image */
.tickerEntry_replaced { } /* entry for image replacement */
.tickerEntry_tagged { } /* entry for adding/removing problem tags */
.tickerEntry_redir { } /* entry for critical redirection (fot tag redirects) */
.tickerEntry_recat { } /* entry for critical re-categorization (for tag categories) */
.tickerEntry_notify { } /* entry for global notifications */
.tickerEntry_changed { } /* entry for generic change */
/* per-status styles */
.tickerStatus_done { text-decoration:line-through; } /* strike through when entry has been handeled */
/* per-action styles */
.tickerAction_deleted:before { content:" GONE "; color: #FF0000; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_restored:before { content:" BACK "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_deletedRev:before { content:" -OLD "; color: #DDAAAA; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_replaced:before { content:" REPL "; color: #CC88FF; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_replacedOwn:before { content:" UPDT "; color: #EEAAFF; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_addedBad:before { content:" +VfD "; color: #FF8800; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_removedBad:before { content:" -VfD "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_addedGood:before { content:" +OK "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }
.tickerAction_removedGood:before { content:" -OK "; color: #FF8800; font-family:monospace; font-weight:bold; font-size:100%; }
/* ticker usage list */
.tickerUsage { font-size:80%; }
/* entry applies to a template used by multiple images */
.tickerTemplateEntry { font-weight: bold; }
/* entry applies to sub-entries, i.e. images that use a specific template */
.tickerSubEntry { }
/* minor entry styles */
.tickerMinorEntry { color:#666; } /* minor entry */
.tickerMinorEntry a,
.tickerMinorEntry a:link,
.tickerMinorEntry a:visited { color:#669; }
#bodyContent .tickerMinorEntry a.extiw,
#bodyContent .tickerMinorEntry a.extiw:link,
#bodyContent .tickerMinorEntry a.extiw:visited { color:#669; }
/* masquer certains boutons par défaut de la barre d'éditions */
img#mw-editbutton-headline { display:none; }
img#mw-editbutton-media { display:none; }
img#mw-editbutton-math { display:none; }
img#mw-editbutton-hr { display:none; }
/* BANDEAUX DE PAGE */
/* style par défaut des bandeaux vers page utilisé dans Modèle:Page et Modèle:Bandeau page
*/
#bandeau-page {
padding: .1em;
background-color: #fcfcfc;
text-align: center;
margin-top: 1em;
margin-left: 0;
clear: both;
border-radius: 4px;
box-shadow: 0rem 0rem 0.2rem #d5d5d5;
}
#bandeau-page li {display: inline}
.bandeau-page-element {white-space: nowrap; margin: auto 1.5em}
.bandeau-page-texte {font-size: 110%}
/* MESSAGEBOX */
/* Styles des « messagebox » standard. Utilisation :
* class="messagebox" : voir [[modèle:Messagebox]].
* class="messagebox merge" : inutilisé ?
* class="messagebox cleanup" pour certains bandeaux de maintenance (exemple sur [[modèle:Résumé introductif]])
* class="messagebox standard-talk" pour les bandeaux en page de discussion des aricles (exemple : [[modèle:Traduit de]])
*/
.messagebox { /* monobookocentré */
border:1px solid #AAA;
background:#F9F9F9;
width:80%;
margin:0 auto 1em auto;
padding:.2em;
text-align:justify;
}
.messagebox.merge { /* monobookocentré */
border:1px solid #CF9FFF;
background:#F5EDF5;
text-align:center;
}
.messagebox.cleanup { /* monobookocentré */
border:1px solid #9F9FFF;
background:#EFEFFF;
text-align:center;
}
.messagebox.standard-talk { /* monobookocentré */
border:1px solid #C0C090;
background:#F8EABA;
}
/* MESSAGES SYSTÈME */
/* Standardisation de quelques messages systèmes :
* class="mw-alerte" : bandeaux d'alerte comme [[MediaWiki:Editinginterface]].
* class="mw-toolbox" : boîtes à outils comme sur [[MediaWiki:Sp-contributions-footer]].
*/
/* Bandeau jaune / rouge en cas de retard de la base de données. */
div.mw-lag-warn-normal, div.mw-lag-warn-high {
text-align:left !important;
width:50% !important;
}
/* suppression du message avertissant du lag de 1 seconde dans la liste de suivi*/
.mw-lag-warn-normal {
display:none;
}
/* Messages d'alerte */
.mw-alerte {
width: 100%;
clear: both;
background-color: #fdf2d5;
border: 1x solid #ac6600;
}
@media screen {
html.skin-theme-clientpref-night .mw-alerte {
background-color: #453217;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .mw-alerte {
background-color: #453217;
}
}
/* Boîtes à outils */
.mw-toolbox {
font-size: 90%;
background-color: #f8f8f8;
border: 1px solid #b8b8b8;
padding: 0.25em 1em;
clear: both;
}
@media screen {
html.skin-theme-clientpref-night .mw-toolbox {
background-color: #202122;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .mw-toolbox {
background-color: #202122;
}
}
/*Ticker2 (animated ticker) (Modèle:Ticker)*/
ul.actualTicker li {list-style-type:none; list-style-image:none;}/*mostly for IE*/
ul.actualTicker li {display:inline;}
ul.actualTicker span.tickerIntroduction {font-weight:bold;padding-right:0.5em;}
div.isATicker, div#singleTickerForPage {display:none;}
/*###############################################
##Tabber stuff. See code in mediawiki:common.js
#################################################*/
/*===Wikinews specific==== */
/*horizTabBox*/
div.horizTabBox ul.tabbernav li a {
background-color:#7ec9fd;
margin-left: 15px;
border-bottom: solid 1px #7ec9fd;
padding-left:0.8em;
padding-right:0.8em;
-moz-border-radius:1em 1em 0 0; /* this should be replaced with images for browsers that don't support it somehow*/
/*webkit doesn't like too big radii or having it in the shorthand form. Make sure radi < 1.7em */
-webkit-border-top-left-radius:1em;
-webkit-border-top-right-radius:1em;
border-radius:1em 1em 0 0;
}
div.horizTabBox ul.tabbernav li.tabberactive a
{
background-color: #bce1ff;
border-bottom: 3px solid #bce1ff;
margin-left:10px;
}
div.horizTabBox .tabbertab
{
border:solid 2px #FFFFFF;
padding:0;
}
div.horizTabBox ul.tabbernav li a:hover
{
color: #000;
background: #bce1ff;
border-bottom: 3px solid #bce1ff;
}
div.horizTabBox ul.tabbernav li.tabberactive a:hover
{
color: #000;
}
div.horizTabBox { width:50%;margin-left:auto;margin-right:auto;text-align:left;}
div.horizTabBox {min-width:41em;max-width:47em;} /* IMPORTANT: keep width:80% above or it will suck on IE*/
/* pict box */
div.pictChanger ul.tabbernav {line-height: 2.4;}
div.pictChanger ul.tabbernav li a {border: #CCC 1px solid}
div.pictChanger {width:400px;}
div.pictChanger div.tabbertab {text-align:left;}
/*
===Generic defaults===
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #CCC;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #ccc;
border-bottom: none;
background: #f2f7ff;
text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background: #fff9f2;
border-color: #CCC;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: white;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:1px solid #CCC;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
/*--------------------------------------------------
Article message box template styles depuis :en:MediaWiki:Common.css
--------------------------------------------------*/
table.ambox {
width: 80%;
margin: 0 auto;
border-collapse: collapse;
background: #f8fcff;
border: 1px solid #aaa;
border-left: 15px solid #39f; /* Default "notice" blue */
}
table.ambox th, table.ambox td { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
table.ambox td.ambox-image { /* The left image cell */
width: 52px;
padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */
text-align: center;
}
table.ambox td.ambox-imageright { /* The right image cell */
width: 52px;
padding: 2px 0.5em 2px 0px; /* 0px left, 0.5em right */
text-align: center;
}
table.ambox-notice {
border-left: 15px solid #39f; /* Bleu */
/* border-right: 10px solid #39f; */ /* If you want two blue bars */
}
table.ambox-serious {
border-left: 15px solid #c00; /* Rouge */
}
table.ambox-content {
border-left: 15px solid #f63; /* Orange */
}
table.ambox-style {
border-left: 15px solid #fc3; /* Jaune */
}
table.ambox-merge {
border-left: 15px solid #95b; /* Purple */
}
/* rounded corners class for block elements */
.roundedCorners {
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
.semiblanking {
display: none;
}
/*-------------------------------------
MODÈLES DE COORDONNÉES
-------------------------------------*/
/* Voir [[Modèle:Coord]] pour l'utilité de ces classes.
Notez que les classes "geo", "longitude", et "latitude" ne sont pas simplement des styles
mais servent aussi à l'export au Geo microformat, il ne faut pas les renommer. */
.geo-default { display:inline }
.geo-nondefault { display:none }
.geo-dms { display:inline }
.geo-dec { display:inline }
.geo-multi-punct { display:none }
.longitude .latitude { white-space:nowrap }
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */
.geo {}
#portallinks {
border-width: 1px;
border-style: solid;
border-color: #aaaaaa;
background-color: #f9f9f9;
padding: 5px;
margin-top: 1em;
clear: both;
}
/* TITRES */
/* affichage des coordonnées géo à côté du titre, pour tous les skins */
#coordinates-title {
font-size: 90%;
margin-right: 1em;
margin-top: 1em;
float: right;
}
#coordinates-title img {
vertical-align: middle;
}
/* NS SPECIAL */
.ns--1 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS SPECIAL */
.ns--2 #content {
border-left: 1px solid #ADD8E6;
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS MAIN */
.ns-0 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS TALK */
.ns-1 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS USER */
.ns-2 #content {
border-left: 1px solid #ADD8E6;
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS USER TALK */
.ns-3 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS PROJECT */
.ns-4 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS PROJECT TALK */
.ns-5 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS FILE */
.ns-6 #content {
border-left: 1px solid #ADD8E6;
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS FILE TALK */
.ns-7 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS MEDIAWIKI */
.ns-8 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS MEDIAWIKI TALK */
.ns-9 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS TEMPLATE */
.ns-10 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS TEMPLATE TALK */
.ns-11 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS HELP */
.ns-12 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS HELP TALK */
.ns-13 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS CATEGORY */
.ns-14 #content {
border-left: 1px solid #ADD8E6;
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS CATEGORY TALK */
.ns-15 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS PAGE */
.ns-104 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/* NS PAGE TALK */
.ns-105 #content {
background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
background-repeat: no-repeat;
background-position: right top;
}
/*rss icon */
*.rss {
color: #FFFFFF;
background-color: #FF5500;
background-image: none !important;
border: 0.15em outset #FF5500;
text-decoration: none !important;
padding: 0 0.2em;
font-size: 95%;
line-height: 95%;
font-family: verdana, sans-serif;
font-weight: bold;
}
/* Augmentation de la taille de la police Autonym de 12 à 13px (interwiki)*/
#p-lang-list li {
font-size: 0.8125em !important;
}
/* Style des bandeaux d'articles. */
.bandeau-niveau-grave {
border-color: #d33;
background-color: #f8f9fa;
}
.bandeau-niveau-modere {
border-color: #f16633;
background-color: #f8f9fa;
}
.bandeau-niveau-ebauche,
.bandeau-niveau-information {
border-color: #36c;
background-color: #f8f9fa;
}
.bandeau {
width: 100%;
border-style: solid;
border-width: 1px 1px 1px 1px;
vertical-align:top;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
}
.bandeau table {
background-color: transparent;
}
.bandeau-icone {
vertical-align: middle;
text-align: center;
min-width: 45px;
padding-right: 10px;
}
.bandeau-titre {
font-size: 1em;
line-height: 1.4em;
margin-bottom: 0.5em;
}
.bandeau-texte {
font-size: 0.9em;
line-height: 1.2em;
}
.client-js #interProject {
display: none;
speak: none;
}
.client-js #p-tb .pBody {
padding-right: 0;
}
/****************** TABLETTES ******************/
@media (min-width: 720px) {
.notablet {
display:none;
}
.mf-mobile-only {
display:none
}
.main-wikimedia {
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
.main-top {
background-color: #f8f9fa;
border: 1px solid #c8ccd1;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
margin-bottom: 1em;
padding: 1em;
}
.main-top-right > ul {
display: flex;
flex-wrap: wrap;
align-items: center
}
.main-top-articleCount {
margin-bottom: 0.5em;
}
body.skin-minerva .main-top-articleCount {
display: block;
}
body.skin-minerva .main-top-mobileSearch {
display: none;
}
.main-box {
border-radius: 2px;
border-width: 1px;
margin-bottom: 1rem;
margin-left: 0;
margin-right: 0;
}
}
/****************** SMARTPHONES ******************/
@media (max-width: 719px) {
.main-box-responsive-image > .floatleft,
.main-box-responsive-image > .floatright {
float: none;
margin-left: -1rem;
margin-right: -1rem;
text-align: center;
}
.main-box-responsive-image > .floatleft > a,
.main-box-responsive-image > .floatright > a {
display: block;
}
.nomobile {
display:none;
}
}
/* Affichage des vignettes inspiré de WN.pt */
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {background: var(--background-color-base, #fff); color: #72777d; border: none;}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {background: var(--background-color-base, #fff); color: #72777d; border: none;}