MediaWiki:Vector.css
Note : après avoir enregistré 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 pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* ===================================================== */
/* STYLES SPÉCIFIQUES DU WIKI */
/* ===================================================== */
/* Mettre ici les styles spécifiques au wiki */
/* Tout CSS ici sera chargé avec chaque page accédée par n'importe quel utilisateur. */
html { background:url(//jolstatic.fr/landmark/random_bg/default.jpg) no-repeat fixed center top #fff; background-size:cover; }
/*body { background:rgba(255,255,255,.2); height:auto; }*/
body { background:none; }
/* Titres */
#firstHeading { font-size:2em; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; padding: 0.2em 0; }
.firstHeading, #firstHeading { margin-bottom:.5em; }
div#content h1, div#content h2 { padding: 0.2em 0.5em; }
#bienvenue { background: #f2f2f2 url(//jolstatic.fr/wiki/images/everquestnext/8/8d/Bienvenue.jpg) right top no-repeat; box-shadow: 2px 2px 15px rgba(0,0,0,.2); padding-right: 20%; /*text-align: justify;*/ }
#mw-content-text #bienvenue p,
#mw-content-text #bienvenue ul { font-size: 110%; }
/* TOC */
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle { text-align: left; padding: .5em; }
#mw-content-text #toctitle h2 { border: none; }
#toc ul,
.toc ul { padding: .5em; }
/* Edit section */
.mw-content-ltr .mw-editsection,
.mw-content-rtl .mw-content-ltr .mw-editsection { font-size:.5em; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; margin-left: 2em; }
.mw-content-ltr .mw-editsection a,
.mw-content-rtl .mw-content-ltr .mw-editsection a { color: #999; display: inline-block; padding: 0 .5em; text-decoration: none; }
.mw-content-ltr .mw-editsection a:hover,
.mw-content-rtl .mw-content-ltr .mw-editsection a:hover { color: #666; }
.mw-content-ltr .mw-editsection-bracket { display: none; }
.mw-content-ltr .mw-editsection a:before { margin-right: .2em; font-size: 2em; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mw-content-ltr .mw-editsection a:before { content: "\f040"; }
#mw-content-text .mw-headline { margin: 1em 0 .5em }
#mw-content-text h2 { border-left:6px solid #FFBB33; padding:.2em 10px; }
#mw-content-text p { font-size:13px; line-height:1.5em; margin: 0 0 1em 0; }
#mw-content-text ul { font-size:13px; line-height:1.5em; margin-bottom: 1em; }
#mw-content-text blockquote { background-color: #F0EFEE; border-radius: 5px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05) inset; margin: 26px 20px; padding: 25px; }
#mw-content-text blockquote:before,
#mw-content-text blockquote:after { color: #999999; display: block; font-family: times new roman; font-size: 90px; text-shadow: 0 2px 2px #CCCCCC; width: 50px; }
#mw-content-text blockquote:before { content: "“"; height: 0; margin-left: -44px; /*margin-top: -65px;*/ position: absolute; }
#mw-content-text blockquote:after { content: "”"; display: inline-block; float: right; line-height: 0; margin-top: 60px; text-indent: 53px; }
/* Références (ol) */
.mw-content-ltr ol.references, .mw-content-rtl .mw-content-ltr ol.references { position:relative; border:1px solid #e7e7e7; background-color:#fdfdfd; line-height:1.5em; padding:.5em; margin:1em 0; }
.references li { margin-left: 1.5em; }
/* Bandeau large */
.bandeau-large { /*box-shadow: 2px 2px 5px rgba(0,0,0,.2); border:5px solid #fff;*/ float:left; max-height:150px; margin:15px 0; overflow:hidden; width:100%; }
.bandeau-large img { display:block; width:100%; /*margin:-25% 0 0;*/ }
@media only screen and (min-width: 830px) {
.bandeau-large + .infobox { margin:-185px 15px 20px 0; }
}
/* Portail */
.homebox > tbody > tr > th { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
/* Infobox Landmark */
.infobox { background: #102945; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; }
.infobox a,
.infobox .mw-redirect { color: #b6cbdf; }
.infobox .new { color: #b12932; }
.infobox .infobox_header { background: #1660a3; color: #fff; overflow: hidden; }
.infobox .infobox_header2 td { background: #1660a3; color: #fff; }
.infobox .infobox_header2 .image { display: block; background:#223146; border: 1px solid #62abe6; border-radius: 3px; box-shadow: 5px 5px 10px #0b3258; padding: 3px; }
.infobox .infobox_header2 .infobox_title { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.4em; text-shadow: 0 0 5px #0b3258; }
.infobox th { background: #102945; border-color: #263a51; color: #657386; text-shadow: 0 0 1px #000; }
.infobox td { background: #0b1c30; border-color: #263a51; color: #fff; text-shadow: 0 0 1px #000; }
.infobox button { background: #1660a3; color: #fff; border: 0 none; }
.infobox .modifier { float: right; }
.infobox .modifier a { color: #657386; }
/* Infobox Item */
/*
.infobox.infobox-item { background: #102945; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; }
.infobox.infobox-item a,
.infobox.infobox-item .mw-redirect { color: #b6cbdf; }
.infobox.infobox-item .new { color: #b12932; }
.infobox.infobox-item .infobox_header { background: #1660a3; color: #fff; overflow: hidden; }
.infobox.infobox-item .infobox_header2 td { background: #1660a3; color: #fff; }
.infobox.infobox-item .infobox_header2 .image { display: block; background:#223146; border: 1px solid #62abe6; border-radius: 3px; box-shadow: 5px 5px 10px #0b3258; padding: 3px; }
.infobox.infobox-item .infobox_header2 .infobox_title { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.4em; text-shadow: 0 0 5px #0b3258; }
.infobox.infobox-item th { background: #102945; border-color: #263a51; color: #657386; text-shadow: 0 0 1px #000; }
.infobox.infobox-item td { background: #0b1c30; border-color: #263a51; color: #fff; text-shadow: 0 0 1px #000; }
*/
/* Infobox Recette */
/*
.infobox.infobox-recipe { background: #102945; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; float: none; width: 380px; margin: 1em 0; }
.infobox.infobox-recipe a,
.infobox.infobox-recipe .mw-redirect { color: #b6cbdf; }
.infobox.infobox-recipe .new { color: #b12932; }
.infobox.infobox-recipe .infobox_header { background: #1660a3; color: #fff; overflow: hidden; }
.infobox.infobox-recipe .infobox_header2 td { background: #1660a3; color: #fff; }
.infobox.infobox-recipe .infobox_header2 .image { display: block; background:#223146; border: 1px solid #62abe6; border-radius: 3px; box-shadow: 5px 5px 10px #0b3258; padding: 3px; }
.infobox.infobox-recipe .infobox_header2 .infobox_title { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.4em; text-shadow: 0 0 5px #0b3258; }
.infobox.infobox-recipe th { background: #102945; border-color: #263a51; color: #657386; text-shadow: 0 0 1px #000; width: 25%; }
.infobox.infobox-recipe td { background: #0b1c30; border-color: #263a51; color: #fff; text-shadow: 0 0 1px #000; }
*/
.infobox.infobox-recipe { float: none; width: 380px; margin: 1em 0; }
.infobox.infobox-recipe table { width: 100%; }
.infobox.infobox-recipe th { background: #102945; border-color: #263a51; color: #657386; text-shadow: 0 0 1px #000; width: 25%; }
.infobox.infobox-recipe .wikitable { margin: 0; }
.infobox.infobox-recipe .wikitable th,
.infobox.infobox-recipe .wikitable td { vertical-align: middle; border: 0 none; font-size: 13px; width: auto; }
.infobox.infobox-recipe .wikitable td.quantite { text-align: right; width: 15%; }
.infobox.infobox-recipe .wikitable td.modificateur { text-align: right; width: 15%; color: #b6cbdf; }
.infobox.infobox-recipe td ul { list-style: none; margin: 0 0 0 15%; }
.infobox.infobox-recipe td li { font-size: 13px; }
.infobox.infobox-recipe td small { color: #657386; }
.recette.infobox { margin: 0; float: none; width: 100%; }
.recette > .wikitable { border: 0 none; margin: 0; width: 100%; }
.recette > .wikitable th,
.recette > .wikitable td { vertical-align: middle; border: 0 none; font-size: 13px; width: auto; }
.recette > .wikitable td.quantite { text-align: right; width: 15%; }
.recette > .wikitable td.modificateur { text-align: right; width: 15%; color: #b6cbdf; }
.recette > .wikitable td ul { list-style: none; margin: 0 0 0 15%; }
.recette > .wikitable td li { font-size: 13px; }
.recette > .wikitable td small { color: #657386; }
.color-value,
.color-vert { color: #00f901; }
.color-jaune { color: #d4b025; }
.color-cyan { color: #4eb5f7; }
.color-affliction { color: #dafb49; }
.color-fire { color: #d22d17; }
.color-lightning { color: #905acf; }
.color-physical { color: #f2ebb5; }
.color-primal { color: #f5a00c; }
.color-radiance { color: #85e7e3; }
.color-shadow { color: #888; }
.color-water { color: #7cacfb; }
.sfImagePreviewWrapper {
float: right;
}
.sfImagePreviewWrapper img {
border: 1px solid #ccc;
display: block;
max-height: 100px;
}
/* Tableau Objet */
table.wikitable.table-objet { background: #102945; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; }
table.wikitable.table-objet > tr > td,
table.wikitable.table-objet > tbody > tr > td { color: #fff; border-color: #263a51; }
table.wikitable.table-objet > tr > td a,
table.wikitable.table-objet > tbody > tr > td a { color: #b6cbdf; }
table.wikitable.table-objet > tr:nth-child(even) > td,
table.wikitable.table-objet > tbody > tr:nth-child(even) > td { background-color: #102945; }
table.wikitable.table-objet > tr:nth-child(odd) > td,
table.wikitable.table-objet > tbody > tr:nth-child(odd) > td { background-color: #0b1c30; }
table.wikitable.table-objet > tr > td:first-child,
table.wikitable.table-objet > tbody > tr > td:first-child { line-height: 40px; padding-left: 50px; }
table.wikitable.table-objet > tr > td:first-child span,
table.wikitable.table-objet > tbody > tr > td:first-child span { display: inline-block; line-height: 1; vertical-align: middle; }
table.wikitable.table-objet > tr > td:first-child b,
table.wikitable.table-objet > tbody > tr > td:first-child b { display: inline-block; }
table.wikitable.table-objet > tr > td:first-child img,
table.wikitable.table-objet > tbody > tr > td:first-child img { float: left; margin-left: -45px; }
table.wikitable.table-objet > tr > td:first-child small,
table.wikitable.table-objet > tbody > tr > td:first-child small { color: #b6cbdf; display: inline-block; }
table.wikitable.table-objet .recette { background: none; box-shadow: none; padding: 0; }
table.wikitable.table-objet table.wikitable { background: none; }
table.wikitable.table-objet table.wikitable td { background: none; }
table.wikitable.table-objet.table-objet-recette > tr > td:first-child,
table.wikitable.table-objet.table-objet-recette > tbody > tr > td:first-child { line-height: 60px; padding-left: 70px; }
table.wikitable.table-objet.table-objet-recette > tr > td:first-child img,
table.wikitable.table-objet.table-objet-recette > tbody > tr > td:first-child img { margin-left: -65px; }
table.wikitable.reward td.quantite { text-align: right; width: 50%; }
table.wikitable.reward td.icone { text-align: left; width: 50%; }
.category-set { display:block; }
/*.infobox.infobox-texture { min-width:280px; width:auto; }
.infobox.infobox-texture table { width:auto; }
.infobox.infobox-texture .infobox_table { min-width:270px; }*/
.infobox.infobox-texture .infobox_title { max-width:210px; display:inline-block; overflow:hidden; text-overflow:ellipsis; }
.infobox.infobox-texture .infobox_table td { max-width:190px; overflow:hidden; text-overflow:ellipsis; }
.texture-block { position:relative; float:left; width:74px; margin-right:10px; margin-bottom:10px; background: #102945; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; padding:5px; }
.texture-block .image { background:#fff; padding:2px; position:absolute; overflow:hidden; left:50%; margin-left:-65px; bottom:100%; margin-bottom:-5px; width:132px; display:none; z-index:2; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); }
.texture-block .image img { max-width:100%; display:block; }
.texture-block:hover .image { display:block; }
.texture-block .vignette img { width:64px; height:64px; display:block; transform: scale(1,1) translateZ(0); transition:transform 0.2s ease-in-out; }
.texture-block:hover .vignette img { transform: scale(1.2,1.2) translateZ(0); }
.texture-block p { text-align: center; }
.texture-block p a { color:#b6cbdf; text-decoration:none; display:inline-block; line-height:1; font-size:12px; text-overflow:ellipsis; overflow:hidden; max-width:100%; }
.texture-block p a:hover { color:#fff; }
@supports (transform:scale(1)) {
.texture-block .image { display:block; transform: scale(1,0) translateZ(0); transition: all 0.2s ease-in-out; opacity:0; transform-origin:50% 100%; }
.texture-block .image img { max-width:100%; display:block; }
.texture-block:hover .image { transform: scale(1,1) translateZ(0); opacity:1; }
}
/* Tableau Continent */
table.wikitable.table-continent { background: #102945; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; }
table.wikitable.table-continent > tr > td,
table.wikitable.table-continent > tbody > tr > td { color: #fff; border-color: #263a51; }
table.wikitable.table-continent > tr > td a,
table.wikitable.table-continent > tbody > tr > td a { color: #b6cbdf; }
table.wikitable.table-continent > tr:nth-child(even) > td,
table.wikitable.table-continent > tbody > tr:nth-child(even) > td { background-color: #102945; }
table.wikitable.table-continent > tr:nth-child(odd) > td,
table.wikitable.table-continent > tbody > tr:nth-child(odd) > td { background-color: #0b1c30; }
table.wikitable.table-continent > tr > td:first-child,
table.wikitable.table-continent > tbody > tr > td:first-child { line-height: 60px; padding-left: 70px; }
table.wikitable.table-continent > tr > td:first-child span,
table.wikitable.table-continent > tbody > tr > td:first-child span { display: inline-block; line-height: 1; vertical-align: middle; }
table.wikitable.table-continent > tr > td:first-child b,
table.wikitable.table-continent > tbody > tr > td:first-child b { display: inline-block; }
table.wikitable.table-continent > tr > td:first-child img,
table.wikitable.table-continent > tbody > tr > td:first-child img { float: left; margin-left: -65px; }
table.wikitable.table-continent > tr > td:first-child small,
table.wikitable.table-continent > tbody > tr > td:first-child small { color: #b6cbdf; display: inline-block; }
table.wikitable.table-continent .recette { background: none; box-shadow: none; padding: 0; }
table.wikitable.table-continent table.wikitable { background: none; }
table.wikitable.table-continent table.wikitable td { background: none; }