MediaWiki:Vector.css
Aller à la navigation
Aller à la recherche
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).
- Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
- Opera : appuyez sur Ctrl + F5.
/* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */
/* Vekktor 2, a Vector fix for tiny screens and tiny genious, by Skrool*/
/*
/* Si certaines de vos modifications s'appliquent aussi à la version mobile, pensez à modifier MediaWiki:Mobile.css
/* Apparence de l'interface "Secrets of the Obscure" créée et proposée pour le wiki FR par IruleManik
*/
/* Colors */
:root {
--header-image: url("https://wiki-fr.guildwars2.com/images/4/49/Header-Secrets_of_the_Obscure.png");
--footer-image: url("https://wiki-fr.guildwars2.com/images/1/19/Footer-Secrets_of_the_Obscure.png");
--logo-image: url("https://wiki-fr.guildwars2.com/images/5/51/Logo_GW2-SotO.png");
--user-icon: url("https://wiki-fr.guildwars2.com/images/d/d2/Minerva-ui-soto-AvatarOutline.png");
--user-icon-padding: 16px;
--alert-bell-icon: url("https://wiki-fr.guildwars2.com/images/2/2b/Minerva-ui-soto-bell.png");
--notification-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E");
--personal-bar-icon-opacity: 0.51;
--additional-personal-icon-color: #000;
--bg-color: #fff3e4;
--popup-bg-color: #fff;
--external-link: #ade8ff;
--external-link-h: #fff;
--external-link-v: #def5fb;
--nav-title: #ffecf9;
--nav-title2: #000;
--nav-link: #0668d5;
--nav-link-h: #8025f3;
--nav-link-v: #047afd;
--nav-link-vh: #0046e3;
--main-page-link: var(--nav-link);
--main-page-link-h: var(--nav-link-h);
--main-page-link-v: var(--nav-link-v);
--main-page-link-vh: var(--nav-link-vh);
--footer-link: var(--nav-link);
--footer-link-h: var(--nav-link-h);
--footer-link-v: var(--nav-link-v);
--footer-link-vh: var(--nav-link-vh);
--footer-text-color: black;
--box-shadows: rgb(191 136 35 / 50%);
--footer1: #7a8b8c;
--footer2: #252525;
--body-head-color: #252525;
--body-color: #252525;
--infobox-color: #252525;
--muted-color: #72777d;
--body-bg: #fff;
--additional-body-bg: #f8f9fa;
--body-bg-grad1: #eee;
--body-bg-grad2: #ded0c4;
--body-mainpage_header1: #1d4aedb3;
--body-mainpage_header2: #245f62;
--body-shadow: rgb(175 122 5 / 50%);
--body-border: #e78000;
--vector-tab1: #f5f5f5;
--vector-tab2: #f7edd7;
--pers1: var(--bg-color);
--pers2: var(--bg-color);
--pers-shadow: transparent;
--bg-search: #fff;
--content-large-position-y: 4em;
--content-small-position-y: 7.5em;
--vector-tabs-height: 2.5em;
--vector-tabs-padding-left: 0em;
--footer-height: 9em;
--minimum-page-size: 960px;
--transition-duration: 0.25s;
--footer-offset-1: 0px;
--footer-offset-2: -10px;
--footer-offset-3: -20px;
--footer-offset-4: -80px;
}
/* HTML */
html {
height: auto;
}
/* Titles */
div#content h1,
div#content h2,
div#content #firstHeading {
font-family: Eason Pro, Times New Roman, serif;
}
/* Notices */
div.mw-dismissable-notice .mw-dismissable-notice-body {
margin: 0;
margin-bottom: 0.5em;
}
div.mw-dismissable-notice .mw-dismissable-notice-close {
margin-right: 5px;
}
/* Masthead links (Gw2, Forums, assistance, Wiki...) */
#upperBar {
position: absolute;
top: 0;
left: 35px;
height: 30px;
z-index: 2;
}
#upperBar ul {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
flex-wrap: wrap;
place-content: flex-end;
}
#upperBar ul li {
margin: 0;
padding: 0px;
display: inline-block;
font-family: "EasonPro", "Times New Roman", "serif";
}
#upperBar ul li.selected a {
background: none;
}
#upperBar ul li a:hover {
background: none;
text-decoration: none;
color: var(--external-link-h);
}
#upperBar ul li:first-child a {
background-position: -121px -30px;
}
#upperBar ul li:first-child + li a {
background-position: -206px -30px;
}
#upperBar ul li:first-child + li + li a {
background-position: -258px -30px;
}
#upperBar ul li:first-child + li + li + li a {
background-position: -274px -30px;
}
/* Masthead links EoD */
#upperBar ul li:first-child {
background: url("https://wiki-fr.guildwars2.com/images/f/f3/Nav_external_eod.png")
no-repeat 0 0;
padding-left: 121px;
}
#upperBar ul li:last-child {
background: url("https://wiki-fr.guildwars2.com/images/f/f3/Nav_external_eod.png")
no-repeat 100% 0;
padding-right: 229px;
}
#upperBar ul li a {
color: var(--external-link);
background: url("https://wiki-fr.guildwars2.com/images/f/f3/Nav_external_eod.png");
text-transform: uppercase;
font-size: 12px;
padding: 8px 10px;
line-height: 2.6;
}
/* Body content */
#bodyContent {
font-size: 0.825em;
}
/* Header */
body {
background: var(--header-image) no-repeat, var(--footer-image) no-repeat;
background-position: 0 0, center bottom var(--footer-offset-1);
background-size: auto, 100%;
display: flex;
flex-direction: column;
background-color: var(--bg-color);
min-height: calc(max(var(--minimum-page-size), 100vh));
height: max-content;
width: 100%;
transition: background 0.2s;
}
div#mw-page-base {
background: none;
height: calc(var(--content-large-position-y) + var(--vector-tabs-height));
transition-duration: var(--transition-duration);
}
div#p-logo a {
background-image: var(--logo-image);
transform: scale(1);
transition-duration: var(--transition-duration);
width: 100%;
height: 100%;
z-index: 3;
}
div#p-logo {
z-index: 4;
}
.mw-body {
padding: 1em;
margin-left: 11em;
border-left: none;
border: 1px solid var(--body-border);
border-right-width: 0;
margin-top: -1px;
background-color: var(--body-bg);
color: var(--body-color);
direction: ltr;
box-shadow: var(--body-shadow) 0 0 0.75em;
transition-duration: var(--transition-duration);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--body-head-color);
}
div .infobox {
color: var(--infobox-color);
}
/* Personal panel */
#pt-notifications-notice .mw-echo-notifications-badge,
#pt-notifications-alert .mw-echo-notifications-badge {
display: inline-block;
background-size: 16px 16px;
background-repeat: no-repeat;
top: -1px;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
margin: 0px;
}
nav#p-personal {
background: linear-gradient(var(--pers2), var(--pers1));
box-shadow: var(--pers-shadow) 0 0 0.75em;
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 0.5em;
width: auto;
}
nav#p-personal ul {
padding-left: 0;
padding-right: 0.5em;
display: flex;
}
#pt-notifications-alert
.mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
#pt-notifications-notice
.mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: var(--personal-bar-icon-opacity);
}
#pt-userpage,
#pt-anonuserpage {
flex-grow: 1;
}
#pt-userpage a,
#pt-anonuserpage a {
background-position: left center;
background-repeat: no-repeat;
background-size: 1.16666667em;
padding-top: 0.5em !important;
background-image: var(--user-icon);
padding-left: var(--user-icon-padding) !important;
}
nav#p-personal a {
color: var(--nav-link);
}
nav#p-personal a:hover {
color: var(--nav-link-h);
}
nav#p-personal a:visited {
color: var(--nav-link-v);
}
nav#p-personal a:visited:hover {
color: var(--nav-link-vh);
}
/* Vector Tabs EoD (buttons) */
nav.vector-menu-tabs ul li a {
color: var(--nav-link-v);
}
#p-cactions,
nav.vector-menu-tabs ul {
background: linear-gradient(var(--vector-tab1), var(--vector-tab2));
color: var(--nav-title2);
padding: 0;
}
.vector-menu-tabs {
padding-left: 0;
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown h3 {
background-image: linear-gradient(
to bottom,
rgba(167, 215, 249, 0) 0,
var(--body-border) 100%
);
}
nav.vector-menu-tabs ul li {
background: none;
}
nav.vector-menu-tabs > div.vector-menu-content {
height: var(--vector-tabs-height);
}
nav.vector-menu-tabs .mw-watchlink.icon a {
width: 2.15384615rem;
height: 100%;
overflow: hidden;
padding: 0;
font-size: 0;
}
nav.vector-menu-tabs .mw-watchlink.icon a::before {
background-repeat: no-repeat;
background-position: 50% 50%;
content: "";
display: block;
position: absolute;
top: 0.6692308rem;
left: 0.38461538rem;
width: 1.23076923rem;
height: 1.23076923rem;
}
nav.vector-menu-tabs li a {
height: 100%;
}
nav.vector-menu-tabs ul li,
nav.vector-menu-tabs span {
display: inline-block;
background: none;
}
div#left-navigation,
div#right-navigation {
position: absolute;
display: flex;
padding-top: 0;
margin: 0;
top: calc(var(--content-large-position-y) - 1px);
transition-duration: var(--transition-duration);
}
div#left-navigation {
left: calc(var(--vector-tabs-padding-left) + 11em);
justify-content: flex-start;
border-left: solid var(--body-border) 1px;
}
div#right-navigation {
right: 0;
justify-content: flex-end;
}
div#left-navigation::before {
display: block;
content: "";
position: absolute;
width: 0.75em;
height: var(--vector-tabs-height);
right: 100%;
background: linear-gradient(to right, transparent, var(--body-shadow));
opacity: 0.25;
transition-duration: var(--transition-duration);
}
#p-views {
border-left: solid 1px var(--body-border);
}
@media (min-width: 805px) {
#p-cactions {
border-right: solid 1px var(--body-border);
}
}
nav.vector-menu-tabs ul li.selected {
background: var(--body-bg);
border-bottom: solid var(--body-bg) 1px;
overflow: hidden;
}
nav.vector-menu-tabs ul li.selected a,
nav.vector-menu-tabs ul li.selected a:visited {
color: var(--nav-title2);
}
/* Vector Menu EoD (dropdown menu) */
.vector-menu-dropdown ul.vector-menu-content-list li a {
color: var(--body-head-color);
font-weight: bold;
background: var(--body-bg);
}
.vector-menu-dropdown .vector-menu-content {
border-color: var(--body-border);
}
.vector-menu-dropdown .vector-menu-content div.vector-menu li a {
color: var(--nav-link);
}
div.vector-menu li a:visited {
color: var(--nav-link-v);
}
div.vector-menu li a:hover {
color: var(--nav-link-h);
}
div.vector-menu li a:visited:hover {
color: var(--nav-link-vh);
}
div#mw-head div.vector-menu h3 {
display: inline-block;
background: none;
}
/* Star EoD */
.vector-menu-tabs ul #ca-watch.icon a::before {
background-image: url(https://wiki-fr.guildwars2.com/images/4/4f/Etoile_de_pr%C3%A9f%C3%A9rence_vide_-_SotO.png);
}
.vector-menu-tabs ul #ca-unwatch.icon a::before {
background-image: url(https://wiki-fr.guildwars2.com/images/0/0b/Etoile_de_pr%C3%A9f%C3%A9rence_-_SotO.png);
}
.vector-menu-tabs ul #ca-watch.icon a:hover::before {
background-image: url(https://wiki-fr.guildwars2.com/images/0/0b/Etoile_de_pr%C3%A9f%C3%A9rence_-_SotO.png);
}
.vector-menu-tabs ul #ca-unwatch.icon a:hover::before {
background-image: url(https://wiki-fr.guildwars2.com/images/4/4f/Etoile_de_pr%C3%A9f%C3%A9rence_vide_-_SotO.png);
}
#simpleSearch {
background-color: var(--bg-search);
}
/* Sidebar */
div#mw-panel {
padding-left: 0.5em;
transition-duration: var(--transition-duration);
}
div#mw-panel nav.portal h3 {
font-weight: bold;
color: var(--nav-title2);
padding: 0 1.75em 0.25em 0.25em;
cursor: default;
border: none;
font-size: 0.75em;
}
div#mw-panel.collapsible-nav nav.portal.persistent h3,
div#mw-panel.collapsible-nav nav.portal.expanded h3 {
background: none;
background-position: bottom left;
padding: 0px 0px 0.3em;
font-size: 0.8em;
margin: 0;
}
#mw-panel.collapsible-nav .portal {
background-image: none;
}
.portal_toggle_button {
color: var(--nav-title2);
position: absolute;
top: 1.5em;
left: calc(11.75em - 1px);
height: var(--content-small-position-y);
border: none;
background: var(--bg-color);
display: none;
opacity: 0.75;
transition: 0.75s;
max-width: 0;
cursor: pointer;
padding: 0;
width: 2em;
}
#mw-panel.force-open .portal_toggle_button,
.portal_toggle_button:hover {
opacity: 1;
}
div#mw-panel nav.portal ul li a {
color: var(--nav-link);
}
div#mw-panel nav.portal ul li a:visited {
color: var(--nav-link-v);
}
div#mw-panel nav.portal ul li a:hover {
color: var(--nav-link-h);
}
div#mw-panel nav.portal ul li a:visited:hover {
color: var(--nav-link-vh);
}
/* Footer */
footer#footer {
position: relative;
margin: 0;
padding: 0;
margin-top: auto;
width: 100%;
min-height: var(--footer-height);
left: 0;
pointer-events: none;
}
footer#footer > ul {
pointer-events: auto;
}
#footer-info {
bottom: 2em;
left: 2em;
}
#footer-places {
bottom: 0.5em;
left: 2em;
}
#footer-icons {
float: none;
bottom: 0.5em;
right: 2em;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.mw-footer ul {
list-style: none none;
margin: 0px 0px 0px 170px;
padding: 0;
}
footer#footer #footer-info li {
color: var(--footer-text-color);
}
/* Footer position big screen */
@media (min-width: 900px) {
body {
background-position: 0 0, center bottom var(--footer-offset-2);
}
}
@media (min-width: 1000px) {
body {
background-position: 0 0, center bottom var(--footer-offset-3);
}
}
@media (min-width: 1400px) {
body {
background-position: 0 0, center bottom var(--footer-offset-4);
}
}
/* Footer too small */
@media (max-width: 950px) {
#footer-icons {
width: min-content;
flex-direction: column-reverse;
}
}
@media (max-width: 805px) {
body {
background-position: 0 1.33em, center bottom 0px;
overflow-x: hidden;
}
}
@media (max-width: 620px) {
footer#footer {
--small-footer-height: 12em;
background: linear-gradient(var(--footer1), var(--footer2));
min-height: calc(max(var(--footer-height), var(--small-footer-height)));
max-height: calc(max(var(--footer-height), var(--small-footer-height)));
}
#footer-info {
bottom: 5em;
left: 1.5em;
right: 2em;
text-align: center;
}
footer#footer #footer-info li {
margin: 0;
}
#footer-places {
bottom: 0.5em;
left: 1.5em;
right: 2em;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
footer#footer #footer-icons {
bottom: 8.5em;
left: 1.5em;
right: 2em;
width: auto;
flex-direction: row;
justify-content: center;
}
}
@media (max-width: 500px) {
footer#footer #footer-places li {
line-height: 1em;
}
}
/* Footer text and icons */
footer#footer li#footer-copyrightico img {
display: none;
}
footer#footer ul li {
margin-left: 10px;
padding: 5px;
color: var(--footer-link);
}
footer#footer ul {
position: absolute;
}
footer#footer ul li a {
color: var(--footer-link);
}
footer#footer ul li a:visited {
color: var(--footer-link-v);
}
footer#footer ul li a:hover,
footer#footer ul li a:visited:hover {
color: var(--footer-link-h);
}
footer#footer #footer-icons li {
float: none;
text-align: center;
}
footer#footer li#footer-copyrightico {
margin-top: 5px;
width: 83px;
padding: 0;
background-image: url(https://wiki-fr.guildwars2.com/images/a/a3/Logo_ArenaNet_blanc.png);
background-size: contain;
background-repeat: none;
}
footer#footer li#footer-copyrightico a {
width: 100%;
height: 100%;
display: block;
}
body {
pointer-events: none;
}
body > div,
body > footer {
pointer-events: auto;
}
/**** Small screens *****/
@media (max-width: 1000px) {
div#upperBar {
right: 0.5em;
top: 1.6em;
left: unset;
max-width: 60%;
}
#upperBar ul li {
padding: 0 !important;
}
#upperBar ul li a {
background: none;
}
}
@media (max-width: 805px) {
/*** Page layout ***/
div#mw-panel {
left: -10em;
z-index: 8;
}
div.mw-body {
margin-left: 0;
border-left: none;
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
div#p-logo {
position: absolute;
height: 0;
}
div#p-logo a {
margin-top: 2.5em;
margin-left: 11.5em;
width: 4em;
height: 4em;
background-size: contain;
}
div#mw-panel #p-logo + nav.portal {
margin-top: 1.33em;
}
div#mw-panel.force-open {
left: -1.25em;
}
.force-open #p-logo a {
margin-left: 11em;
}
div#left-navigation {
left: -1px !important;
top: calc(var(--content-small-position-y) - 1px);
}
div#right-navigation {
width: 100%;
top: calc(var(--content-small-position-y) - 1px);
}
div#left-navigation::before {
left: -0.75em;
}
.portal {
background-color: var(--bg-color);
}
div#mw-page-base {
background: none;
height: calc(
var(--content-small-position-y) + var(--vector-tabs-height)
);
}
div#content {
padding-top: 3em;
}
nav#p-personal {
width: 100%;
border-radius: 0;
}
#p-search {
position: absolute;
float: none;
top: calc(var(--vector-tabs-height) + 0.25em);
left: 0;
right: 0;
margin: 0;
}
div#simpleSearch {
width: 100%;
max-width: unset;
padding-right: 0;
border-left: 0;
border-right: 0;
transition-duration: var(--transition-duration);
}
div#simpleSearch #searchButton {
right: 0;
}
div.vector-menu div.menu {
left: unset;
right: -1px;
}
.portal_toggle_button {
display: block;
max-width: 2em;
}
/*** Content ***/
/* Infobox */
.infobox {
width: 100% !important;
margin: 0 !important;
display: inline-block;
float: none !important;
}
.infobox + blockquote {
display: grid;
width: 90%;
left: 10%;
position: relative;
margin: 0 !important;
padding: 0 !important;
}
.infobox + blockquote > p {
margin-left: 1em;
}
/* Table */
table {
max-width: 100% !important;
width: 100%;
}
table:not(.diff) > thead,
table:not(.diff) > tbody,
table:not(.diff) > tfoot {
width: 100%;
display: table;
}
/* Image in table (map infobox for example) */
table img {
max-width: 100%;
height: auto;
}
/* TOC */
#toc {
width: 100%;
display: block;
float: right;
}
#toc ul,
.toc ul {
margin-left: 1em;
}
}
/* Personal header icons */
#pt-notifications-alert .mw-echo-notifications-badge::after,
#pt-notifications-notice .mw-echo-notifications-badge::after {
top: 9px;
}
#pt-notifications-alert .mw-echo-notifications-badge::before,
#pt-notifications-notice .mw-echo-notifications-badge::before {
top: 49.66em;
background-size: 20px;
}
#p-personal li {
margin-top: 0.25em;
float: none;
}
@media (max-width: 760px) {
#pt-mytalk a,
#pt-preferences a,
#pt-watchlist a,
#pt-mycontris a,
#pt-logout a {
position: relative;
display: block;
width: 1.5em;
height: 1.5em;
top: -49.8em;
}
#p-personal li a::before {
position: absolute;
top: 49.6em;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
width: 16px;
height: 16px;
display: inline-block;
background: var(--additional-personal-icon-color);
opacity: var(--personal-bar-icon-opacity);
}
#pt-mytalk a:before {
-webkit-mask-image: url(https://wiki-fr.guildwars2.com/images/8/8d/Utilisateur_Skrool_-_Discussion.png);
mask-image: url(https://wiki-fr.guildwars2.com/images/8/8d/Utilisateur_Skrool_-_Discussion.png);
content: " ";
}
#pt-preferences a:before {
-webkit-mask-image: url(https://wiki-fr.guildwars2.com/images/d/d2/Utilisateur_Skrool_-_Preferences.png);
mask-image: url(https://wiki-fr.guildwars2.com/images/d/d2/Utilisateur_Skrool_-_Preferences.png);
content: " ";
}
#pt-watchlist a:before {
-webkit-mask-image: url(https://wiki-fr.guildwars2.com/images/0/07/Utilisateur_Skrool_-_Watchlist.png);
mask-image: url(https://wiki-fr.guildwars2.com/images/0/07/Utilisateur_Skrool_-_Watchlist.png);
content: " ";
}
#pt-mycontris a:before {
-webkit-mask-image: url(https://wiki-fr.guildwars2.com/images/e/ef/Utilisateur_Skrool_-_Contributions.png);
mask-image: url(https://wiki-fr.guildwars2.com/images/e/ef/Utilisateur_Skrool_-_Contributions.png);
content: " ";
}
#pt-logout a:before {
-webkit-mask-image: url(https://wiki-fr.guildwars2.com/images/b/bb/Utilisateur_Skrool_-_Porte.png);
mask-image: url(https://wiki-fr.guildwars2.com/images/b/bb/Utilisateur_Skrool_-_Porte.png);
content: " ";
}
#pt-anoncontribs,
#pt-anontalk {
display: none;
}
#pt-createaccount a,
#pt-login a {
display: inline !important;
position: static !important;
}
}
#neige label {
text-decoration: none;
color: var(--nav-link);
}
#neige label:hover,
#neige label:focus {
text-decoration: underline;
color: var(--nav-link-h);
}
input#neigeOuPas {
vertical-align: top;
top: -0.12em;
position: relative;
}
/* Notification */
/* Really small screens */
@media (max-width: 450px) {
/* Timer */
#pt-timer {
display: none;
}
/* Edition*/
#toolbar {
overflow: visible;
}
.mw-editform #wpTextbox1 {
margin-top: 2em;
}
}
/* Additional elements */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--body-bg);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
.oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer,
.oo-ui-menuSelectWidget,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: var(--additional-body-bg);
color: var(--body-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover {
background-color: var(--body-bg);
}
.oo-ui-popupWidget-popup {
background-color: var(--popup-bg-color);
color: var(--body-color);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
border-bottom-color: var(--popup-bg-color);
}
.mw-echo-ui-placeholderItemWidget,
.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationItemWidget:hover {
background-color: var(--body-bg);
}
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--body-color);
}
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--muted-color);
}
.vector-menu-portal .vector-menu-heading {
font-size: 1.05em;
color: var(--main-page-link);
}
.mw-notification {
background-color:var(--body-bg);
border: 1px solid var(--body-border)
}
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
color: var(--main-page-link);
}
/* SUPER ADVENTURE BOX */
/*
** This is the vekktor theme for the Super Adventure Box,
** created for the French Guild Wars 2 Wiki.
** This css should be appended to the existing one in
** the "Vector.css" page.
**
** Additional font families required:
** - Aldrich
*/
/* Colors */
:root {
--header-image: url("https://wiki-fr.guildwars2.com/images/8/8e/Header_Festival_SAB.png");
--footer-image: url("https://wiki-fr.guildwars2.com/images/b/ba/SAB_-_footer_-_repeat.png");
--logo-image: url("");
--bg-color: #ba1c1c;
--body-shadow: rgba(179, 236, 255, 0.7);
--sab-border: 2px solid #fbff00;
--pers1: #8cccfa;
--nav-separator: #fbff00;
--external-link: #fff;
--external-link-h: #e4e4e4;
--external-link-v: #fff;
--nav-title: #ffffff;
--nav-title2: #fffb00;
--vector-tab-links: #46ac03;
--vector-tab-links-a: #363d32;
--nav-links: #fff;
--nav-links-h: #fbff00;
--vector-tab1: #fffff8;
--vector-tab2: #dfdec4;
--vector-tab3: #fbff00;
--vector-tabs-padding-left: 2.5em;
--content-large-position-y: 7.5em;
}
/* Links in the personal bar */
nav#p-personal ul li {
font-weight: bold;
}
nav#p-personal ul li#pt-timer a {
color: purple;
}
nav#p-personal ul li#pt-userpage a {
color: indigo;
}
nav#p-personal ul li#pt-mytalk a {
color: blue;
}
nav#p-personal ul li#pt-preferences a {
color: green;
}
nav#p-personal ul li#pt-watchlist a {
color: yellow;
}
nav#p-personal ul li#pt-mycontris a {
color: orange;
}
nav#p-personal ul li#pt-logout a {
color: red;
}
/* Logo */
div#p-logo a {
background: transparent !important;
}
/* Footer */
body {
background-repeat: no-repeat, repeat-x;
background-size: auto, auto;
background-position: 0 0, left bottom !important;
}
footer#footer {
background: url("https://wiki-fr.guildwars2.com/images/2/21/SAB_-_footer_-_stick_left.png")
no-repeat left bottom 50px;
background-size: 100px;
text-shadow: 0 0 0.05em var(--footer2);
transition: 1s;
}
#footer-info {
bottom: 10em;
left: 5em;
transition: 1s;
}
#footer-places {
bottom: 8em;
left: 5em;
transition: 1s;
}
#footer-icons {
bottom: 8em;
}
@media (max-width: 800px) {
footer#footer {
background-position-x: left -150px, left;
}
#footer-info,
#footer-places {
left: 0.5em;
}
}
@media (max-width: 620px) {
#footer-icons {
bottom: 12em !important;
left: 0.25em !important;
}
#footer-info {
bottom: 8.5em;
}
#footer-places {
bottom: 6.75em;
}
}
/* Icons */
footer#footer li#footer-copyrightico {
background: url("/images/a/a3/Logo_ArenaNet_blanc.png");
background-size: contain;
background-repeat: no-repeat;
}
#pt-anonuserpage,
#pt-userpage a {
background-image: url("https://wiki-fr.guildwars2.com/images/5/5c/Ic%C3%B4ne_Utilisateur_SAB.png");
padding-left: 19px !important;
}
/* Border */
#p-views,
#p-cactions {
border: none;
}
div#content {
border: var(--sab-border);
margin-bottom: 4em;
}
nav.vector-menu-tabs ul ul li.selected {
border-left: var(--sab-border);
border-right: var(--sab-border);
border-top: var(--sab-border);
border-bottom: none;
}
div.vector-menu div.menu {
border-left: var(--sab-border);
border-right: var(--sab-border);
border-bottom: var(--sab-border);
background-color: var(--vector-tab2);
}
@media (max-width: 805px) {
#left-navigation nav.vector-menu-tabs ul ul li.selected {
border-left: none;
}
div#content {
border-left: none;
border-right: none;
}
}
div#left-navigation,
div#right-navigation {
border-left: none;
}
/* Personal tab */
nav#p-personal {
border-radius: 0;
background: var(--pers1);
font-family: Aldrich;
}
/* Vector tabs */
nav.vector-menu-tabs ul li.selected a,
nav.vector-menu-tabs ul li.selected a:visited {
color: var(--vector-tab-links-a);
font-family: Aldrich;
font-weight: bold;
}
nav.vector-menu-tabs ul li.new a,
nav.vector-menu-tabs ul li.new a:visited,
nav.vector-menu-tabs ul li a,
div.vector-menu h3 span {
color: var(--vector-tab-links);
font-family: Aldrich;
font-weight: bold;
}
/* Left navigation */
div#mw-panel #p-logo + nav.portal {
margin-top: 1.5em;
}
div#mw-panel nav.portal h3 {
font-family: Aldrich;
font-weight: bolder;
text-transform: uppercase;
}
div#mw-panel nav.portal ul {
margin-left: 0.25em;
}
div#mw-panel nav.portal ul li a,
div#mw-panel nav.portal ul li a:visited {
font-family: Aldrich;
color: var(--nav-links);
font-weight: bold;
}
div#mw-panel nav.portal ul li a:hover,
div#mw-panel nav.portal ul li a:visited:hover {
color: var(--nav-links-h);
}
/* Upper bar */
#upperBar ul li,
#upperBar ul li:first-child,
#upperBar ul li:last-child {
font-family: Aldrich;
font-weight: bold;
text-shadow: 0 0 0.25em black;
background: none;
}
#upperBar ul li a {
background: rgba(0, 0, 0, 0.15);
}