MediaWiki:Common.css : Différence entre versions

De La Grande Bibliotheque de Tamriel
Aller à : navigation, rechercher
m
Ligne 13 : Ligne 13 :
 
   position: absolute;
 
   position: absolute;
 
   top: -5000px;
 
   top: -5000px;
 +
}
 +
 +
@media (max-width: 982px) {
 +
#accueil_entete {
 +
display: none;
 +
}
 +
}
 +
 +
@media (min-width: 982px) {
 +
#accueil_mobile {
 +
display: none;
 +
}
 
}
 
}
  

Version du 27 septembre 2020 à 11:14

/* Remplacements de couleurs (Par rapport à Wikipedia) */
/* Backgounds : */
/* #EEF => #EEEAE7 */
/* #CCF => #B6B6B4 */
/* #DDF => #DBD2CC */
/* #DFEDFF => #B6B6B4 */

/* ACCUEIL PRINCIPAL */
 
/* Retire le nom de la page d'accueil */
 
body.action-view.page-Accueil #firstHeading {
  position: absolute;
  top: -5000px;
}

@media (max-width: 982px) {
	#accueil_entete {
		display: none;
	}
}

@media (min-width: 982px) {
	#accueil_mobile {
		display: none;
	}
}

/* Double Wiki */
.mw-content-ltr {
  background-color: #EEEAE7 !important;
}

/* BOÎTES DÉROULANTES */
 
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
 
div.NavFrame {
  margin: 0;
  padding: 2px;
  border: 1px #AAA;
  text-align: center;
  border-collapse: collapse;
  font-size: 95%;
}
 
/* monobookocentré début  */
 
  div.NavFrame + div.NavFrame {
  border-top-style: hidden
}
 
div.NavPic {
  background: #FFF;
  margin: 0;
  padding: 2px;
  float: left;
}
 
div.NavFrame div.NavHead {
  height: 1.6em;
  font-weight: bold;
  font-size: 100%;
  background: #EFEFEF;
}
 
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
  font-size: 100%;
}
 
div.NavEnd {
  margin: 0;
  padding: 0;
  line-height: 1px;
  clear: both;
}
 
/* monobookocentré fin  */

/* Largeur minimale du cadre des miniatures d'images */
.thumbinner {
	min-width: 100px;
}
 
/* Styles de [[Modèle:Méta palette de navigation]] */
 
table.navbox {
  background: #F9F9F9;
  border: 1px solid #AAA;
  clear: both;
  font-size: 90%;
  margin: 1em 0 0;
  padding: 2px;
  text-align: center;
  width: 100%;
}
 
  table.navbox th {
  background: #B6B6B4;
  padding-left: 1em;
  padding-right: 1em;
}
 
  table.navbox td.group {
  background: #DBD2CC;
  vertical-align: middle;
  width: 150px;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: bold;
}
 
  table.navbox td.list {
  text-align: left
}
 
  table.navbox td.even {
  background: #EEEAE7
}
 
  table.navbox td.banner {
  background: #DBD2CC;
  vertical-align: middle;
  padding-left: 1em;
  padding-right: 1em;
}
 
/* Modèle de palettes groupées, [[Modèle:Palette]] */
 
div.navbox_group {
  border: 1px solid #aaaaaa;
  margin-top: 15px;
}
 
  div.navbox_group table.navbox {
  border: 0;
  margin: 0;
}
 
/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */
 
.navboxToggle,
.NavToggle {
  font-size: 90%;
  font-weight: normal;
  float: right !important;
  min-width: 6em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Template:Sourcebox */
.va-sourcebox {
   margin: 0;
   border-collapse: collapse;
   font-size: 11px;
   color: #584763;
   line-height: 16px; 
}
 
.va-sourcebox th {
   vertical-align: middle; 
   text-align: center; 
   padding: 0 5px;
}
 
.va-sourcebox td {
   padding: 0;
}
 
.va-sourcebox td span {
   border-top: 1px solid #AAA; 
   border-bottom: 1px solid #AAA; 
   display: block;
   padding: 2px 5px;
   float: left;
}
 
/* Printing */
@media print {
   .va-copybox, .va-sourcebox {
       background: none;
       background-color: transparent; 
   }
}

/* ############################## */
/* ### QUOTES                 ### */
/* ### (Template:Quotation)   ### */
/* ############################## */
 
/* Container */

.va-quotation {
   line-height: 18px;
   padding: 10px 25px;
}
 
.va-quotation {
   overflow: hidden;
}
 
.va-quotation-body {
   display: block;
}
 
.va-quotation-quote {
   display: block;
   position: relative;
   z-index: 1;
}
 
.va-quotation-left,
.va-quotation-right {
   border-bottom: 1px solid #AAA;
   border-top: 1px solid #AAA;
   width: 200px;
}
 
.va-quotation-left {
   clear: left;
   float: left;
   margin: 10px 10px 10px 0;
}
 
.va-quotation-right {
   clear: right;
   float: right;
   margin: 10px 0 10px 10px;
}
 
.va-quotation-center {
   text-align: center;
}
 
.va-quotation-center .va-quotation-body {
   display: inline-block;
}
 
/* Quotation marks/icons */
.va-quotation-quot-l,
.va-quotation-quot-r {
   width: 40px;
   z-index: -1;
}

.va-transcript-icon {
   position: relative;
}
 
.va-quotation-quot-l,
.va-quotation-quot-r {
   position: absolute;
}
 
.va-quotation-quot-l,
.va-quotation-quot-r {
   color: #DBD2CC;
   font: bold 55px/40px serif;
   height: 18px;
}
 
.va-quotation-quot-l {
   left: -15px;
   text-align: left;
}
 
.va-quotation-quot-r {
   right: -15px;
   text-align: right;
}
 
.va-quotation-quot-l {
   top: -2px;
   top: -3px !ie;
}
 
.va-quotation-quot-r {
   bottom: 2px;
   bottom: 3px !ie;
}
 
/* Quoted text/audio file desc */
.va-quotation-text {
   font-size: 12px;
}
 
.va-quotation-text {
   font-style: italic;
}
 
.va-transcript-text {
   font-family: monospace;
}
 
.va-quotation-text {
   display: block;
   margin-top: -0.4em;
   text-align: left;
}
 
.va-quotation-text ol,
.va-quotation-text p,
.va-quotation-text ul {
   margin-bottom: 0;
}
 
/* Source */
.va-quotation-source {
   padding: 5px 0 0;
   text-align: right;
}
 
.va-quotation-source {
   display: block;
   font-size: 10px;
   line-height: 15px;
}

/* * TABLEAUX ET INFOBOX * */
 
/* WIKITABLE */
 
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */
 
/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
 
table.wikitable th,
table.wikitable td {
  padding: 0.3em;
}
 
.wikitable th[scope=row] {
  text-align: left;
}
 
/** Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche
 *  sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none"
 *  dans l'en-tête du tableau.
 */
 
table.gauche,
table.left {
  float: left;
  margin: 0 1em 1em 0;
}
 
table.droite,
table.right {
  float: right;
  margin: 0 0 1em 1em;
}
 
table.centre,
table.center {
  margin: 1em auto;
}
 
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */
 
table.wikitable[align=center] {
  margin: 1em auto;
}

/* infobox_V3  */
 
/* Entête */
 
div.infobox_v3 {
  padding: 5px;
  width: 25em;
  background: #F9F9F9;
  border: 1px solid #AAA;
  clear: right;
  float: right;
  font-size: 0.9em;
  line-height: 1.4em;
  margin: 0 0 0.5em 1em;
  max-width: 325px;
  word-wrap: break-word;
}
 
.infobox_v3 th[scope="row"] {
  max-width: 140px;
  word-wrap: normal;
}
 
.infobox_v3 th[scope="col"] {
  text-align: center !important;
  word-wrap: normal;
}
 
.infobox_v3 .entete {
  font-weight: bold;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.1em;
  margin: 0 0 10px 0;
  padding: 3px 0;
  background-color: #B6B6B4;
  border: 2px solid #B6B6B4;
}
 
.infobox_v3 .entete.icon {
  padding: 13px 50px 12px 50px;
  background-position: right center !important;
  border: 0;
}
 
.infobox_v3.large .entete.icon {
  padding: 13px 10px 12px 10px;
}
 
/* tumb  */
 
.infobox_v3 .thumbimage {
  border: none;
  max-width: 99%;
  height: auto !important;
}
 
.infobox_v3 .thumbinner {
  background-color: transparent;
  border: none;
  padding: 0 !important;
}
 
.infobox_v3 .thumb,
.infobox_v3 .thumbinner {
  display: inline;
}
 
.infobox_v3 .thumbcaption {
  display: none;
}
 
.infobox_v3 .legend {
  font-size: 0.9em;
  text-align: center;
  margin: 5px 0 8px 0;
}
 
.infobox_v3 .image2 {
  text-align: center;
  padding: 5px 0;
}
 
.infobox_v3 .image2 div.thumb {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: middle;
}
 
/* tableaux  */
 
.infobox_v3 table {
  width: 100%;
  margin: 5px 0;
  table-layout: fixed;
  border-collapse: collapse;
}
 
.infobox_v3 th[scope=col].double {
  text-align: left;
}
 
.infobox_v3 th[scope=row] {
  text-align: left;
  vertical-align: super;
  padding-right: 10px;
  /* width: 30%; */
  width: 8em;
}
 
.infobox_v3 th[scope=row],
.infobox_v3 td {
  padding-top: 4px;
  vertical-align: super;
}
 
.infobox_v3 th[scope=row].middle {
  vertical-align: middle;
}
 
.infobox_v3.bordered th[scope=row],
.infobox_v3.bordered td {
  padding-bottom: 4px;
  border-top: 1px solid #B6B6B4;
}
 
.infobox_v3.bordered caption.bordered {
  margin: 0 0 -1px 0;
}
 
.infobox_v3 tr.left td {
        text-align: left;
}
.infobox_v3 tr.vborder td {
        border-left: 1px dotted #aaa;
}
.infobox_v3 tr.vborder td:first-child {
        border-left: none;
}

.infobox_v3 td.data {
  text-align: center;
}
 
/* titres bloc et caption tableaux  */
 
.infobox_v3 p.bloc,
.infobox_v3 p.bordered,
.infobox_v3 caption {
  font-weight: bold;
  text-align: center;
  line-height: 1.1em;
  margin: 0 0 5px 0;
  padding: 4px 10px 4px 5px;
}
 
.infobox_v3 caption,
.infobox_v3 p.bloc {
  background: #B6B6B4;
}
 
.infobox_v3 p.bloc {
  margin: 5px 0;
}
 
.infobox_v3 caption.bordered,
.infobox_v3 p.bordered {
  border-top: 1px solid #B6B6B4;
  border-bottom: 1px solid #B6B6B4;
  background: transparent;
}
 
/* TODO : mettre à jour la classe .hidden générique */
 
.infobox_v3 caption.hidden {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1px; /* be kind to IE7*/
  font-size: 1px; /* be kind to IE7*/
}
 
/* Séparateur */
 
.infobox_v3 .hr {
  font-size: 1px;
  line-height: 1px;
  margin: 5px 0;
  background-color: #AAA;
}
 
.infobox_v3 .hr.collapse {
  margin: 5px 0 -8px 0;
  position: relative; /* be kind to IE7*/
}
 
/* tnavbar  */
 
.infobox_v3 .navbar {
  text-align: right !important;
  font-size: 0.8em;
  margin: 0;
}
 
.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("//lagbt.wiwiland.net/wikibiblio/images/1/13/Arr_l.png") no-repeat left 0.1em;
  float: left;
  max-width: 40%;
  padding: 0 0 0 16px;
}
 
.infobox_v3 .next a,
.infobox_v3 .next_bloc {
  background: url("//lagbt.wiwiland.net/wikibiblio/images/a/ad/Arr_r.png") no-repeat right 0.1em;
  float: right;
  max-width: 40%;
  padding: 0 16px 0 0;
  text-align: right;
}
 
/* Divers */
 
#article .infobox_v3 ul,
#bodyContent .infobox_v3 ul,
#mw_content .infobox_v3 ul,
#article .infobox_v3 ol,
#bodyContent .infobox_v3 ol,
#mw_content .infobox_v3 ol {
  text-align: left;
}

/* HOMONYMIE */
 
/* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */
 
.homonymie {
  padding-left: 2em;
  padding-bottom: .5em;
  margin-bottom: .5em;
  margin-top: -0.6em;
  font-style: italic;
  color: #584763;
  border-bottom: 1px #AAA solid;
}

/* Commentaire au passage de la souris */

Div.Commentaire span {
display: inline;
position: absolute;
border:1px solid #DDD;
background:#F9F9F9;
padding-top:12.8px;
padding-bottom:12.8px;
padding-right:12.8px;
padding-left:12.8px;
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

Div.Commentaire:hover span {
visibility:visible;
opacity:1;
transition:visibility 0s linear 0.0s;
}

Span.Commentaire span {
display: block;
position: Absolute;
border:1px solid #DDD;
background:#F9F9F9;
padding-top:12.8px;
padding-bottom:12.8px;
padding-right:12.8px;
padding-left:12.8px;
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

Span.Commentaire:hover span {
visibility:visible;
opacity:1;
transition:visibility 0s linear 0.0s;
}

/*Polices Personnalisées*/

.police span.Actif{
Display : inline;
}
.police span.Inactif{
Display : none;
}
.police:hover span.Inactif{
Display : inline;
}
.police:hover span.Actif{
Display : none;
}
/* Polices de langues ES */
@font-face {
  font-family: Daedric;
  src: url(/../woff/Daedric.woff);
}
@font-face {
  font-family: SKDaedric;
  src: url(/../woff/SKDaedric.woff);
}
@font-face {
  font-family: Oblivion;
  src: url(/../woff/Oblivion.woff);
}
@font-face {
  font-family: OblivionWorn;
  src: url(/../woff/OblivionWorn.woff);
}
@font-face {
  font-family: OblivionScript;
  src: url(/../woff/OblivionScript.woff);
}
@font-face {
  font-family: OblivionScriptWorn;
  src: url(/../woff/OblivionScriptWorn.woff);
}
@font-face {
  font-family: Dwemer;
  src: url(/../woff/Dwemer.woff);
}
@font-face {
  font-family: Dwemeris;
  src: url(/../woff/Dwemeris.woff);
}
@font-face {
  font-family: DwemericAldmeric;
  src: url(/../woff/DwemericAldmeric.woff);
}
@font-face {
  font-family: DragonScript;
  src: url(/../woff/DragonScript.woff);
}
@font-face {
  font-family: Dragon;
  src: url(/../woff/Dragon.woff);
}
@font-face {
  font-family: Falmer;
  src: url(/../woff/Falmer.woff);
}
@font-face {
  font-family: MageScript;
  src: url(/../woff/MageScript.woff);
}

/* Double Wiki */
table.doubleWikiTable td {
  background-color: #B593CD !important;
}

mw-content-ltr  {
  background-color: #EEEAE7 !important;
}


/*\
* * STYLES DE BOITES
\*/
 
/* Style des bandeaux d'articles */

.bandeau-niveau-grave {
  border-color: #aa0044;
  background-color: #ffcccc;
}
 
.bandeau-niveau-modere {
  border-color: #ff8822;
  background-color: #ffeedd;
}
 
.bandeau-niveau-ebauche {
  border-color: #a3e9a8;
  background-color: #f3fbf4;
}

.bandeau-niveau-information {
  border-color: #77ccff;
  background-color: #fbfbfb;
}
.bandeau-simple.bandeau-niveau-information, 
.bandeau-discussion.bandeau-niveau-information {    /* dérive de la classe vectorbox */
  border-color: #a7d7f9;
  background-color: #f5faff;
}
.bandeau-niveau-detail,
.bandeau-section.bandeau-niveau-information {
  border-color: #e7e7e7;
  background-color: #fdfdfd;
}
 
.bandeau {
  /* monobookocentré */
  text-align: left;
  margin: 8px 10% 12px;
  border-style: solid;
  border-width: 1px 1px 1px 10px;
  padding: 2px 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;
}


/* Styles pour [[Modèle:Animation]] */
.diaporamaControl img {
	background-color: white;
	border: 1px solid #ddd;
}
.diaporamaControl .ScrollBar {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Round_Edge.png/5px-Round_Edge.png");
	background-position: top;
	background-repeat: repeat-x;
}
.diaporamaControl .ScrollBarContainer {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Round_Edge_bis.png/5px-Round_Edge_bis.png");
	background-position: top;
	background-repeat: repeat-x;
}
.diaporama .magnify {
	display: none;
}
.diaporama select {
	font-size: 12px;
	vertical-align: middle;
	margin-left: 0.5em;
}