Guild Wars 2 Wiki:Projects/CSS documentation/table
From Guild Wars 2 Wiki
Jump to navigationJump to search
Table[edit]
| Section | Common (all but non-desktop) | Monobook (light) | Vector (dark) | Minerva (mobile) |
|---|---|---|---|---|
/** -------- FONTS -------- **/ |
fonts- common
/* NO COLORS IN COMMON.CSS PLEASE */
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic") format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "CronosPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Menomonia";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.svg#MenomoniaRegular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Menomonia";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.svg#MenomoniaRegular") format("svg");
font-weight: normal;
font-style: italic;
}
|
fonts- vector
@font-face {
font-family: "acumin-pro-condensed";
src: url("https://use.typekit.net/af/4b28f4/00000000000000003b9acb08/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
url("https://use.typekit.net/af/4b28f4/00000000000000003b9acb08/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
url("https://use.typekit.net/af/4b28f4/00000000000000003b9acb08/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style: normal;
font-weight: 400;
font-display: auto;
}
|
||
/** -------- UI NOTICES -------- **/ |
ui notices- common
/* Cookie notice */
/* Cookie notification banner fix for IE10 - Requires a snippet in Common.js to set the user agent into the HTML node */
html[data-useragent*="MSIE 10.0"] .index_cookieNotification__1-VLN > div {
display: block;
}
/* Site notice */
#mw-dismissable-notice {
margin-bottom: 1em;
}
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;
margin-top: 5px;
}
|
ui notices- vector
/* Avoids the need to remember to set font color in the sitenotice */
.mw-dismissable-notice {
color: black;
}
.mw-dismissable-notice a,
.mw-dismissable-notice a:visited {
color: #002BB8; /* color scheme: boring blue */
}
|
||
/** -------- NON-CONTENT UI -------- **/ |
noncontent ui- common
/* MOBILE DEVICES */
.mobileonly {
display: none;
}
|
noncontent ui- monobook
html,
body {
min-height: 100%;
height: auto !important;
}
html {
background-color: #F3F3F3;
background-image: url("/images/3/3c/Skin_footer.png"),
url("/images/b/b0/Skin_page_bg_gradient.png");
background-repeat: repeat-x, repeat-x;
background-position: left bottom -75px, left top;
}
body {
font-size: 0.8125em;
line-height: 1.538em;
width: 100%;
background: none !important;
}
body div#globalWrapper {
font-size: 100%;
background: none !important;
}
div#column-content {
background-image: url("/images/4/43/Skin_header_(Secrets_of_the_Obscure).png");
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
width: 100%;
position: static;
min-height: 249px;
}
div#content {
margin-top: 5.2em !important;
box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em;
border: 1px solid #CCC;
border-radius: 0;
padding: 1.2em 1.5em;
border-right-width: 0;
}
#bodyContent {
padding-top: 0.1em;
position: relative;
}
/** FOOTER **/
#footer {
background-color: transparent !important;
margin-left: 12.2em !important;
padding: 1em !important;
border-width: 0 !important;
text-align: left !important;
font-size: 1em !important;
}
#footer #f-list {
margin: 0 11em 0 0;
}
#footer li {
display: block; /* for pages with a history, this prevents the "last edited" message flying about */
font-size: 0.923em;
}
#footer #f-list #privacy,
#footer #f-list #about,
#footer #f-list #disclaimer,
#footer #f-list #mobileview {
float: left;
margin-right: 1em !important;
margin-top: 0.833em !important;
}
#f-poweredbyico,
#f-copyrightico {
margin: 30px 6px 0px !important;
}
#footer #f-copyrightico a {
background-image: url("/images/0/07/ArenaNet_logo.png");
height: 47px;
width: 116px;
display: block;
}
#footer #f-copyrightico img {
display: none;
}
body:not(.skin--responsive) #f-copyrightico,
body.skin--responsive #f-copyrightico {
float: right;
}
#f-poweredbyico a {
margin-left: 0.5em;
}
div#globalWrapper,
input,
select {
font-family: Arial, sans-serif;
line-height: 1.538em;
}
input,
select {
font-size: 1em;
}
div#content #toc {
margin: 10px 0px;
}
.special li {
line-height: 1.538em;
}
span.mw-editsection {
font-family: Arial, sans-serif;
font-size: 13px !important;
vertical-align: middle;
}
/** PAGE TABS **/
body:not(.skin--responsive) #p-cactions,
body.skin--responsive #p-cactions {
font-size: 1em;
padding: 0;
margin-left: 0.7em;
margin-top: 1.7em;
width: calc(100% - (11.5em + 0.7em)); /* fill page width instead of default 76% */
z-index: 2; /* shadow for tabs */
}
/* Need to switch the above off in mobile view */
body.skin--responsive #p-cactions.mobile-menu-active {
padding: unset;
z-index: 10000;
}
body:not(.skin--responsive) #p-cactions .pBody,
body.skin--responsive #p-cactions .pBody {
font-size: 0.923em;
margin: 0;
}
#p-cactions ul {
margin: 0 0 0 1px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
body:not(.skin--responsive) #p-cactions li.selected,
body:not(.skin--responsive) #p-cactions li,
body.skin--responsive #p-cactions li.selected,
body.skin--responsive #p-cactions li {
padding: 0;
}
body:not(.skin--responsive) #p-cactions li,
body.skin--responsive #p-cactions li {
border: 1px solid #AAA;
border-bottom-color: #CCC;
background-color: #EEE;
display: block;
float: left;
height: 2.3em;
line-height: 2.3em;
margin: 0 0 0 -1px;
}
body:not(.skin--responsive) #p-cactions li#ca-talk,
body.skin--responsive #p-cactions li#ca-talk {
margin-right: 1.7em;
}
body:not(.skin--responsive) #p-cactions li.selected,
body.skin--responsive #p-cactions li.selected {
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
border-bottom-width: 0px;
font-weight: normal;
margin: 0 0 0 -1px;
padding-bottom: 1px !important;
overflow: visible;
}
body:not(.skin--responsive) #p-cactions li.selected a,
body.skin--responsive #p-cactions li.selected a {
color: #000;
}
body:not(.skin--responsive) #p-cactions li:hover,
body.skin--responsive #p-cactions li:hover {
background-color: #F8F8F8;
}
body:not(.skin--responsive) #p-cactions li:first-child,
body:not(.skin--responsive) #p-cactions li#special-articlefeedback,
body:not(.skin--responsive) #p-cactions li:nth-child(4),
body.skin--responsive #p-cactions li:first-child,
body.skin--responsive #p-cactions li#special-articlefeedback,
body.skin--responsive #p-cactions li:nth-child(4) {
border-top-left-radius: 0.7em;
}
body:not(.skin--responsive) #p-cactions li:nth-child(2),
body:not(.skin--responsive) #p-cactions li:last-child,
body.skin--responsive #p-cactions li:nth-child(2),
body.skin--responsive #p-cactions li:last-child {
border-top-right-radius: 0.7em;
}
body:not(.skin--responsive) #p-cactions li a,
body:not(.skin--responsive) #p-cactions li a:hover,
body:not(.skin--responsive) #p-cactions li.istalk a,
body:not(.skin--responsive) #p-cactions #ca-addsection a,
body.skin--responsive #p-cactions li a,
body.skin--responsive #p-cactions li a:hover,
body.skin--responsive #p-cactions li.istalk a,
body.skin--responsive #p-cactions #ca-addsection a {
padding: 0.6em 1em;
background: none;
}
body:not(.skin--responsive) #p-cactions li.selected a,
body.skin--responsive #p-cactions li.selected a {
background: none;
}
/** LEFT SIDEBAR **/
#p-logo {
margin: 0;
}
#p-navigation {
margin-top: 1.5em;
}
#p-navigation h3 {
display: none;
}
body:not(.skin--responsive) .portlet,
body.skin--responsive .portlet {
width: 11em;
position: relative;
font-size: 1em;
margin: 0.833em 0.5em 0.833em;
}
body:not(.skin--responsive) .portlet h5,
body:not(.skin--responsive) .portlet h3,
body.skin--responsive .portlet h5,
body.skin--responsive .portlet h3 {
color: #4D4D4D;
font-size: 1em;
font-weight: bold;
line-height: 1.333em;
text-transform: none;
display: block;
margin: 0;
padding: 0.2em 0.9em 0.5em;
width: 9.2em;
}
body:not(.skin--responsive) .portlet .pBody,
body:not(.skin--responsive) #p-search .pBody,
body.skin--responsive .portlet .pBody,
body.skin--responsive #p-search .pBody {
border: 0;
background-color: transparent;
}
body:not(.skin--responsive) .portlet .pBody,
body.skin--responsive .portlet .pBody {
margin: 0 0.5em;
padding: 0;
}
.portlet ul {
font-size: 1em;
list-style-image: none;
list-style-type: none;
margin: 0em 0em 0em 0.5em;
}
.pBody ul {
padding-inline-start: 0em;
}
.pBody li {
line-height: 1.667em;
}
body:not(.skin--responsive) #searchInput,
body.skin--responsive #searchInput {
font-size: 1em;
}
/** PERSONAL PORTLET **/
.pBody {
font-size: 0.923em;
}
#p-personal {
text-align: right;
}
body:not(.skin--responsive) #p-personal .pBody,
body.skin--responsive #p-personal .pBody {
width: auto;
display: inline-block;
padding-right: 0.75em;
border-radius: 0 0 0 0.5em;
background-color: #FFF;
margin-left: 13.2em; /* 12em plus compensation for page padding */
}
/* With responsive mode, need to undo the margin otherwise the options in the "personal" menu are invisible */
body.skin--responsive #p-personal.mobile-menu-active .pBody {
margin-left: unset;
}
body:not(.skin--responsive) #p-personal ul,
body.skin--responsive #p-personal ul {
padding-left: 0;
padding-right: 0;
line-height: 1.667em;
text-align: left;
}
#p-personal li {
font-size: 1em;
margin: 0.5em 0 0.5em 1em;
}
body:not(.skin--responsive) #p-personal li a,
body.skin--responsive #p-personal li a {
color: #002BB8;
}
#p-personal li a:hover {
/* padding: 0; -- not sure why */
background-color: transparent;
}
body:not(.skin--responsive) li#pt-userpage,
body.skin--responsive li#pt-userpage {
background: none;
padding-left: 0px !important;
}
/* References */
ol.references > li:target,
sup.reference:target,
cite:target {
background: #EEF;
}
/* Red cancel button when editing pages, and on Special:Preferences */
.editButtons span.oo-ui-buttonElement-frameless a,
#mw-prefs-restoreprefs a {
height: 33px;
border: 1px solid #CCC;
background-image: linear-gradient(180deg, #FEE 0, #FFD6D6 100%);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > span.oo-ui-labelElement-label {
color: rgb(51, 51, 51);
}
.editButtons span.oo-ui-buttonElement-frameless a:hover {
border-color: #B55;
}
/** MOBILE LAYOUTS **/
/* Priority 1. Hide SMW and MW icons */
@media screen and (max-width: 1000px) {
#f-poweredbyico {
display: none;
}
}
/* Priority 2. Hide any special tabs */
@media screen and (max-width: 940px) {
li#special-articlefeedback,
li#special-diff {
display: none;
}
}
/* Priority 3. Hide watch and protect tabs, full width footer, and hide popups */
@media screen and (max-width: 770px) {
body:not(.skin--responsive) li#ca-watch,
body:not(.skin--responsive) li#ca-protect,
body:not(.skin--responsive) li#pt-notifications-alert,
body:not(.skin--responsive) li#pt-notifications-notice,
body:not(.skin--responsive) li#pt-watchlist,
body:not(.skin--responsive) li#utcdate,
body.skin--responsive li#ca-watch,
body.skin--responsive li#ca-protect,
body.skin--responsive li#pt-notifications-alert,
body.skin--responsive li#pt-notifications-notice,
body.skin--responsive li#pt-watchlist,
body.skin--responsive li#utcdate{
display: none;
}
}
/* Priority 4. Remove spacing between tabs, hide all page header notifications, convert to flex-box grid */
@media screen and (max-width: 670px) {
body:not(.skin--responsive) #p-cactions li#ca-talk,
body.skin--responsive #p-cactions li#ca-talk {
margin-right: 0;
}
body:not(.skin--responsive) #p-cactions li:nth-child(2),
body:not(.skin--responsive) #p-cactions li:last-child,
body:not(.skin--responsive) #p-cactions li:first-child,
body:not(.skin--responsive) #p-cactions li#special-articlefeedback,
body:not(.skin--responsive) #p-cactions li:nth-child(4),
body.skin--responsive #p-cactions li:nth-child(2),
body.skin--responsive #p-cactions li:last-child,
body.skin--responsive #p-cactions li:first-child,
body.skin--responsive #p-cactions li#special-articlefeedback,
body.skin--responsive #p-cactions li:nth-child(4) {
border-radius: 0;
}
li#pt-mycontris,
.mw-indicators {
display: none;
}
}
/* Priority 5. Move footer to left side */
@media screen and (max-width: 550px) {
#footer {
margin-left: 0 !important;
}
/* Fixes for the responsive mode popup menus */
body.skin--responsive .portlet.mobile-menu-active,
body.skin--responsive .portlet.mobile-menu-active#p-cactions,
body.skin--responsive .mobile-menu-active#sidebar-mobilejs {
width: unset;
top: 0.5em;
left: 0.5em;
padding: 1em;
margin: 0em;
}
body.skin--responsive .mobile-menu-active#sidebar-mobilejs {
font-size: 1em;
}
body.skin--responsive .mobile-menu-active ul {
padding-top: 0;
}
body.skin--responsive .portlet.mobile-menu-active li,
body.skin--responsive .portlet.mobile-menu-active#p-personal li,
body.skin--responsive .portlet.mobile-menu-active#p-cactions li,
body.skin--responsive .portlet.mobile-menu-active#p-cactions li.selected,
body.skin--responsive .mobile-menu-active#sidebar-mobilejs li {
float: unset;
margin: 5px;
line-height: unset;
border: 1px solid #AAA;
background-color: #EEE;
display: block;
height: unset;
}
body.skin--responsive .portlet.mobile-menu-active .pBody,
body.skin--responsive .portlet.mobile-menu-active#p-personal .pBody {
margin: 0;
padding: 0;
display: block;
}
body.skin--responsive .portlet.mobile-menu-active ul,
body.skin--responsive:not(.monobook-capitalize-all-nouns) .portlet.mobile-menu-active h3 {
padding: 0;
margin: 0;
}
body.skin--responsive:not(.monobook-capitalize-all-nouns) .portlet.mobile-menu-active h3,
body.skin--responsive:not(.monobook-capitalize-all-nouns) .portlet.mobile-menu-active ul li a,
body.skin--responsive:not(.monobook-capitalize-all-nouns) #p-personal.mobile-menu-active ul,
body.skin--responsive:not(.monobook-capitalize-all-nouns) #p-cactions.mobile-menu-active ul li a,
body.skin--responsive .mobile-menu-active#sidebar-mobilejs ul li a {
padding: 0.6em 1em;
text-transform: none;
width: unset;
}
}
|
noncontent ui- vector
/** GENERAL **/
html,
body {
min-height: 100%;
height: auto;
}
body {
font-size: 100%;
line-height: 1.2em;
background-color: transparent;
}
/* Tweak left and right navigation to match full width view */
.mw-content-container,
.vector-toc-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-content-container,
.vector-toc-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-table-of-contents-container,
#mw-sidebar-checkbox:not(:checked) ~ .vector-sidebar-container-no-toc ~ .mw-content-container {
max-width: unset;
}
div.mw-page-container,
div.mw-workspace-container {
max-width: unset;
margin-left: unset;
margin-right: unset;
}
.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container,
.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
margin-left: 11.5em;
}
.mw-page-container {
margin-top: 2.5em;
}
.mw-page-container {
background-color: transparent; /* transparent to overwrite default white */
border-color: transparent;
}
/* positions background image in top left */
/* including legacy version too */
body {
background-image: url("/images/f/f4/Skin_body_background_gradient_(vector).png"), url("/images/7/78/Skin_header_stripe_vector_(Secrets_of_the_Obscure).jpg");
background-position: top left, top left;
background-repeat: repeat-x, repeat-x;
background-size: auto 400px, auto;
background-color: transparent; /* transparent to overwrite default white */
width: 100%;
}
body.skin-vector-legacy {
background-image: none;
}
body.skin-vector-legacy #mw-page-base {
background-image: url("/images/f/f4/Skin_body_background_gradient_(vector).png"), url("/images/7/78/Skin_header_stripe_vector_(Secrets_of_the_Obscure).jpg");
background-position: top left, top left;
background-repeat: repeat-x, repeat-x;
background-size: auto 400px, auto;
background-color: transparent; /* transparent to overwrite default white */
height: 300px;
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
}
/* determines where the top of the page content appears based on its height */
#mw-head-base {
margin: 0 0 -1px 12em;
height: 4.4em;
padding: 2px 0 0 0;
border-radius: 0.5em 0 0 0;
background-image: none;
position: relative;
z-index: 2;
}
@media screen and (min-width: 982px) {
body.skin-vector-legacy div#content {
padding: 1em 1.2em 1em;
}
}
div#bodyContent,
#mw-head,
#mw-panel,
#footer,
input,
select,
#p-personal,
#p-personal-sticky-header {
font-family: Arial, sans-serif;
line-height: 1.538em;
}
#bodyContent {
font-size: 0.8125em;
padding-top: 0px;
}
body.skin-vector-legacy div#content {
position: relative;
border-radius: 0;
z-index: 1;
margin-left: 10em;
background-image: none;
}
main.mw-body {
padding: 1em;
}
div#mw-data-after-content {
margin-left: 10em;
}
.mw-indicators {
z-index: unset;
}
/** FOOTER **/
div.mw-footer-container {
padding: 1.5em 0; /* over-ride native 50px top and 82px bottom margin */
}
footer#footer {
margin: 0.5em 0 0; /* better compatibility with non-legacy mode vector versus old -7.5em margin*/
padding: 0.5em 0em 0.5em 0em;
position: relative;
height: 7em;
}
body.skin-vector-legacy footer#footer {
padding: 0.5em 0 0.5em 11.5em;
}
#footer ul li {
padding: 0;
}
#footer #footer-info li,
#footer #footer-places li {
line-height: 1.667em;
}
#footer #footer-places {
margin-top: 0.833em;
}
#footer #footer-icons {
position: absolute;
right: 1em;
z-index: 1;
margin-top: 0.5em;
}
#footer #footer-icons ul li a {
display: block;
float: left;
}
#footer #footer-icons li a + a {
margin-left: 0.75em;
}
#footer #footer-icons li#footer-copyrightico {
position: relative;
top: 0;
margin: 0 5px 0 0;
}
#footer #footer-icons li#footer-copyrightico a {
background-image: url("/images/0/07/ArenaNet_logo.png");
background-repeat: no-repeat;
width: 116px;
height: 47px;
display: block;
margin-top: -1px;
}
#footer #footer-icons li#footer-copyrightico img {
display: none;
}
/* Prevent footer from overflowing onto the "Privacy policy"... line at small page widths on short pages. */
@media screen and (max-width: 1000px) {
.skin-vector-legacy #footer #footer-icons {
position: relative;
margin-top: 1em;
}
}
@media screen and (max-width: 600px) {
.skin-vector-legacy #footer-poweredbyico {
display: none;
}
}
#catlinks {
padding-left: 10px;
}
#mw-hidden-catlinks {
display: none; /* seems this pre-built rule was lost with the MW 1.36 upgrade */
}
#mw-normal-catlinks,
#mw-hidden-catlinks.mw-hidden-cats-user-shown {
display: inline-block;
}
#mw-hidden-catlinks {
padding-left: 1em;
}
/** PAGE TABS **/
/* position tabs above the page to allow no-border on the active tabs to be shown above the border of the top of the page */
.mw-article-toolbar-container {
position: relative;
z-index: 1;
}
/* tabs grouped on the left, e.g. page, talk) */
#left-navigation {
margin-left: 0px;
}
body.skin-vector-legacy #left-navigation {
top: 2.5em;
left: 10em;
margin: -1px 0 0;
position: absolute;
}
/* tabs grouped on the right, e.g. move, search) */
body.skin-vector-legacy #right-navigation {
top: 2.5em;
margin-top: -1px;
position: absolute;
right: 0;
}
body.skin-vector-legacy #right-navigation,
body.skin-vector-legacy #left-navigation {
padding: 1px 0 0;
z-index: 3;
}
.vector-menu-tabs {
padding: 0;
height: unset;
}
#p-cactions-label {
background-image: none;
}
.vector-menu-tabs li a {
overflow: hidden;
line-height: 2.5em;
background: transparent;
}
#right-navigation .vector-menu-tabs {
margin: 0px;
}
.vector-menu-tabs ul {
background: none;
}
body.skin-vector-legacy .vector-menu-tabs ul li {
background-image: none;
height: 1.875em;
line-height: 0;
margin: 0px -1px 0px 0px;
border-width: 1px;
border-style: solid;
}
.vector-menu-tabs li.selected {
border-bottom-width: 0 !important; /* " !important" required because we moved the border rule to the bottom for color scheming*/
padding-bottom: 1px;
margin: 8px -1px 0 0;
border-width: 1px;
border-style: solid;
}
body.skin-vector-legacy .vector-menu-tabs li.selected {
margin: 0 -1px 0 0;
}
.vector-menu-tabs li a {
height: 2.5em;
padding-left: 0.8em;
padding-right: 0.8em;
padding-top: 0em;
background-image: none;
}
.vector-menu-tabs .mw-list-item > a,
#right-navigation div.vector-menu-dropdown {
padding: 0em 1em;
}
div.vector-menu-tabs .mw-list-item,
.mw-article-toolbar-container div.vector-menu-dropdown {
margin: 0em 0.6em;
}
.vector-menu-tabs li.selected {
margin: unset;
border-width: 0px;
}
.vector-menu-tabs li.selected a span {
margin-top: 0px;
}
body.skin-vector-legacy .vector-menu-tabs ul li:first-child {
border-top-left-radius: 0.5em;
}
body.skin-vector-legacy div#left-navigation .vector-menu-tabs li.selected {
border-radius: 0.5em 0 0 0;
}
body.skin-vector-legacy div#left-navigation .vector-menu-tabs li + li.selected {
border-radius: 0;
}
body.skin-vector-legacy div#left-navigation .vector-menu-tabs ul li:last-child {
border-top-right-radius: 0.5em;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
margin-top: 0.5em;
}
body.skin-vector-legacy .vector-menu-tabs .mw-watchlink.icon a::before {
top: 0.5em;
margin-top: 0em;
}
/* Dropdown vector menu */
body.skin-vector-legacy #right-navigation .vector-menu-dropdown {
height: 1.875em;
padding: 0px;
border-width: 1px;
border-style: solid;
}
#right-navigation .vector-menu-dropdown ul {
margin-left: -1px;
}
#right-navigation .vector-menu-dropdown li a {
text-decoration: none;
height: 1.4em;
line-height: 1.538em;
}
body.skin-vector-legacy #right-navigation .vector-menu-dropdown .vector-menu-content {
top: 1.92em; /* if equal to or greater than 2em, the menu will close before the mouse reaches it */
}
#right-navigation .vector-menu-dropdown .vector-menu-content {
top: 2.4em;
}
#right-navigation .vector-menu-dropdown .vector-menu-heading {
padding-top: 0.55em;
height: 2.5em;
}
#right-navigation .vector-menu-dropdown .vector-menu-heading::after {
top: 0em;
}
.vector-menu-tabs, .vector-menu-tabs a,
#mw-head #right-navigation .vector-menu-dropdown label {
background-image: none;
}
/* Simple search */
div#simpleSearch {
height: 1.875em;
margin-top: 0px;
border-width: 1px;
border-style: solid;
}
#p-search {
margin: 0px;
}
body.skin-vector-legacy #p-search {
margin: 0 0 0 -1px;
}
#p-search form,
#p-search input {
margin: 0;
}
div#simpleSearch input {
height: 100%;
padding: 0.2em 0px 0px 0.2em;
border: none;
}
input:-moz-placeholder {
font-style: italic;
}
input::-webkit-input-placeholder {
font-style: italic;
}
#searchInput:focus,
#searchInput:hover {
background-color: #d7d7d7; /* color scheme: offwhite inputs */
}
/* fix magnifying glass icon drifting weirdly upon page load */
#searchButton {
left: unset;
width: unset;
}
/* Dropdown search menu items */
button.wvui-button--framed:not([disabled]),
input.wvui-input__input:not([disabled]) {
color: #EAEAEA; /* color scheme: font offwhite */
}
button.wvui-button--framed:not([disabled]),
input.wvui-input__input:not([disabled]),
ol.wvui-typeahead-search__suggestions {
background-color: #36393F; /* color scheme: page gray */
}
/* Fix search label disappearing */
.wvui-typeahead-search__submit {
opacity: 1;
}
ol.wvui-typeahead-search__suggestions,
a.wvui-typeahead-search__suggestions__footer,
button.wvui-button--framed:not([disabled]),
input.wvui-input__input:not([disabled]) {
border-color: #5A5C5E; /* color scheme: gray page border */
}
button.wvui-button--framed:not([disabled]):hover {
background-color: #40434A; /* color scheme: inactive tabs */
color: #EAEAEA; /* color scheme: font offwhite */
}
a.wvui-typeahead-suggestion--active,
a.wvui-typeahead-search__suggestions__footer--active {
background-color: #40434A; /* color scheme: inactive tabs */
}
span.wvui-typeahead-suggestion__title,
a.wvui-typeahead-search__suggestions__footer {
color: #77B4D2; /* color scheme: font link */
}
/* Few fixes for the legacy vector skin */
body.skin-vector-legacy .suggestions-results {
background-color: #40434A; /* color scheme: inactive tabs */
border-color: #5A5C5E; /* color scheme: gray page border */
}
body.skin-vector-legacy .suggestions-result,
body.skin-vector-legacy .suggestions a.mw-searchSuggest-link {
color: #EAEAEA; /* color scheme: font offwhite */
}
body.skin-vector-legacy .suggestions-special {
background-color: #36393F; /* color scheme: page gray */
border-color: #5A5C5E; /* color scheme: gray page border */
}
body.skin-vector-legacy .suggestions-result-current {
background-color: #2a4b8d;
}
/* Wikilove icons */
#p-views #ca-wikilove.icon a {
padding: none;
}
body.skin-vector-legacy #p-views #ca-wikilove.icon a {
padding: 8px 0px 0px 6px;
}
#ca-wikilove.icon a::before {
background-position: 5px 35%;
}
#ca-wikilove.icon a:hover::before,
#ca-wikilove.icon a:focus::before {
background-position: -19px 35%;
}
div#mw-notification-area {
top: 1em;
}
.vector-sticky-header-enabled .mw-notification-area {
z-index: 100;
}
.vector-sticky-header-context-bar-primary {
overflow: unset;
}
/** LEFT SIDEBAR **/
body.skin-vector-legacy #p-logo a {
width: 10em;
}
body.skin-vector-legacy #p-logo {
width: 10em;
background-color: transparent;
margin-left: 0em;
margin-bottom: 1em;
}
.mw-logo {
margin-right: 2.5em;
}
a.mw-logo:hover {
text-decoration: none;
}
.mw-logo-wordmark {
color: transparent;
}
.mw-logo-container {
background-image: url('/images/c/cb/Mobile_skin_header_logo.png');
background-position-y: center;
background-size: 100%;
background-repeat: no-repeat;
height: 2.5em;
opacity: 0.85;
overflow: visible;
width: 350px;
}
#mw-sidebar-button::before,
#vector-toc-collapsed-button::before {
filter: invert(40);
}
#mw-sidebar-button {
padding: 0.5em 0.75em;
}
div#mw-panel {
background: unset; /* override insane white gradient background that appears when resizing screen horizontally */
left: -0.5em; /* override default -1.8em */
top: 0.5em;
border-style: solid;
border-width: 1px;
padding: 2em 0.5em 0.5em 0.5em;
}
body.skin-vector-legacy div#mw-panel {
background-color: transparent !important;
border: none;
z-index: 1; /* Any value is sufficient to make sure the sidebar is in front of the footer element on short pages. Without this set, cannot click on sidebar links on short pages. */
}
div#mw-panel .portal label {
font-weight: bold;
}
.portal label,
.vector-menu-portal .vector-menu-heading {
background-image: none;
}
div#mw-panel .portal .body ul {
padding-top: 0;
}
/* Table of contents */
.mw-table-of-contents-container {
padding: 0.25em 0em;
}
.sidebar-toc {
padding: 12px 19px 12px 9px;
margin-left: 0.75em;
}
.sidebar-toc .sidebar-toc-contents,
.sidebar-toc .sidebar-toc-header {
margin-left: 1.25em;
}
.sidebar-toc .sidebar-toc-list-item a {
font-size: 0.75em;
}
.sidebar-toc-text {
line-height: 1.125em;
}
.vector-toc-not-collapsed .sidebar-toc::after {
display: none;
}
#vector-toc-collapsed-button {
background-color: transparent;
}
/** PERSONAL PANEL **/
body.skin-vector-legacy #p-search .mw-ui-icon-wikimedia-search,
body.skin-vector-legacy #p-personal-more,
body.skin-vector-legacy #p-personal {
background-color: rgba(0,0,0,0.5);
}
body.skin-vector-legacy #p-personal {
top: 0em;
}
body.skin-vector-legacy #p-personal ul {
padding-left: 0em;
}
#pt-anonuserpage,
#pt-userpage a,
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background: none;
padding-left: 0px !important;
}
#pt-userpage,
#pt-anonuserpage,
#pt-login {
text-transform: none;
}
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
top: -3px;
}
/* Hide personal nav elements below certain screen widths to prevent interaction with tabs */
@media screen and (max-width:818px) {
#utcdate,
#pt-notifications-alert,
#pt-notifications-notice {
display: none;
}
}
@media screen and (max-width:595px) {
#pt-watchlist,
#pt-mycontris {
display: none;
}
}
/** MAIN CONTENT **/
.mw-editsection {
font-family: Arial, sans-serif;
line-height: unset;
}
/* MediaWiki help link on every special page */
div#mw-indicator-mw-helplink a {
background-image: none;
font-weight: bold;
}
.mw-helplink::before {
content: "[?] ";
font-weight: normal;
line-height: 1.5em;
vertical-align: top;
}
/* Empty class appears to be bugged on Vector 2022 and is never removed (has a display:none rule in it) /*
#p-lang-btn.mw-portlet-empty {
display: block;
}
#p-lang-btn {
float: right;
}
/** COLORS FOR GENERAL UI ELEMENTS **/
html {
background-color: #363333; /* color scheme: darkest gray */
background-image: url("/images/3/3c/Skin_footer.png");
background-repeat: repeat-x;
background-position: center bottom -75px;
}
.mw-body,
div#mw-panel,
div#simpleSearch,
.vector-menu-tabs .selected,
.vector-menu-tabs li:hover,
#right-navigation .vector-menu-dropdown:hover,
#right-navigation .vector-menu-dropdown ul li:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-popupWidget-popup,
.mw-prefs-buttons,
.sidebar-toc,
.mw-sidebar {
background-color: #36393F; /* color scheme: page gray */
}
.vector-sticky-header {
background-color: #1A1A1A; /* color scheme: super dark */
}
.mw-body,
#footer li,
.messagebox,
.errorbox,
.warningbox,
.successbox,
.diff-context,
#pagehistory li.selected,
.oo-ui-tabOptionWidget,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.editOptions,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-notification,
.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link,
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited,
.vector-sticky-header {
color: #EAEAEA; /* color scheme: font offwhite */
}
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited,
#mw-panel .portal label,
.vector-menu label span, {
color: #B0B0B0; /* color scheme: font darker offwhite */
}
a,
a:visited,
#pt-userpage-2 a,
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.sidebar-toc .sidebar-toc-link,
.toctogglelabel,
.vector-menu li a,
.vector-menu-dropdown .mw-list-item a,
.vector-menu-dropdown .vector-menu-heading,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited,
.vector-menu-tabs .mw-list-item a,
.vector-menu-tabs li a,
.vector-toc-collapse-button, .vector-toc-uncollapse-button,
.vector-user-links .vector-user-menu .mw-list-item > a,
.vector-user-links .vector-user-menu .vector-menu-content-item,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
.vector-user-menu-create-account a,
.vector-user-menu-login a,
.vector-user-menu-logout a {
color: #77B4D2; /* color scheme: font link */
}
a.new,
#p-personal a.new,
.vector-menu-tabs .new a,
.vector-menu-tabs .new a:visited {
color: #E16B6B; /* color scheme: font red (new) link */
}
/* note: reverse tab highlighting scheme for legacy vs non-legacy */
nav.vector-menu-tabs li,
#right-navigation nav.vector-menu-dropdown,
.vector-menu-dropdown .vector-menu-content,
div.vector-menu-tabs li.selected,
.mw_metadata td,
.mw_metadata th,
.mw-warning,
#pagehistory li.selected,
.catlinks,
.editOptions,
.diff-context,
.oo-ui-tabSelectWidget-framed,
#mw-notification-area > *,
.messagebox,
.errorbox,
.warningbox,
.successbox {
background-color: #40434A; /* color scheme: inactive tabs */
}
#p-personal-sticky-header.vector-menu-dropdown .vector-menu-content {
background-color: #36393F; /* color scheme: page gray */
}
body.skin-vector-legacy div#content,
#right-navigation .vector-menu-dropdown li,
#right-navigation .vector-menu-dropdown,
.catlinks,
.diff-context,
.editOptions,
.mw-article-toolbar-container,
.mw-warning,
.mw_metadata td,
.mw_metadata th,
.oo-ui-panelLayout-framed,
.vector-menu-dropdown .vector-menu-content,
.vector-menu-portal .vector-menu-heading,
.vector-menu-tabs li.selected,
.vector-menu-tabs ul li,
.vector-sticky-header,
.vector-sticky-header-context-bar,
.wikiEditor-ui .wikiEditor-ui-view,
div#mw-panel,
div#simpleSearch,
.oo-ui-popupWidget-popup,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer,
footer#footer,
main#content {
border-color: #5A5C5E; /* color scheme: gray page border */
}
main#content {
box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em; /* color scheme: shadow page border */
border-style: solid;
border-width: 1px;
}
body.skin-vector-legacy div#content {
box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em; /* color scheme: shadow page border */
}
#contentSub,
#contentSub2 {
color: #95A8B7; /* "Redirected from ___" message beneath the page title */
}
.mw-wiki-logo {
filter: brightness(90%);
}
/* Identical to the main theme versions but with fill="#77B4D2" at the end instead of black */
/* down arrow icon */
.vector-menu-dropdown .vector-menu-heading::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Ctitle%3E down arrow %3C/title%3E %3Cpath d=%22m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* bell notifications */
.oo-ui-icon-bell,
.mw-ui-icon-bell::before {
background-image: 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%3E bell %3C/title%3E %3Cpath d=%22M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* notice notifications */
.oo-ui-icon-tray,
.mw-ui-icon-tray::before {
background-image: 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%3E tray %3C/title%3E %3Cpath d=%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* search */
.searchButton[name="go"],
.oo-ui-icon-wikimedia-search::before,
.mw-ui-icon-wikimedia-search::before {
background-image: 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%3E search %3C/title%3E %3Cpath d=%22M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM3 8a5 5 0 1 0 10 0A5 5 0 1 0 3 8z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* user icon */
.oo-ui-icon-wikimedia-userAvatar,
.mw-ui-icon-wikimedia-userAvatar:before {
background-image: 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%3E user avatar %3C/title%3E %3Cpath d=%22M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z%22 fill=%22%2377b4d2%22/%3E %3Ccircle cx=%2210%22 cy=%225.5%22 r=%224.5%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* discussion */
.mw-ui-icon-wikimedia-speechBubbles::before {
background-image: 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%3E discussion %3C/title%3E %3Cpath d=%22M17 4v7a2 2 0 0 1-2 2H4v1a2 2 0 0 0 2 2h10l4 4V6a2 2 0 0 0-2-2zM6 10H0v6z%22 fill=%22%2377b4d2%22/%3E %3Crect width=%2216%22 height=%2212%22 rx=%222%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* history */
.mw-ui-icon-wikimedia-history::before {
background-image: 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%3E history %3C/title%3E %3Cpath d=%22M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z%22 fill=%22%2377b4d2%22/%3E %3Cpath d=%22M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* watchlist */
.oo-ui-icon-wikimedia-watchlist,
.mw-ui-icon-wikimedia-watchlist:before {
background-image: 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%3E watchlist %3C/title%3E %3Cpath d=%22M1 3h16v2H1V3Zm0 6h6v2H1V9Zm0 6h8v2H1v-2Zm8-4.24h3.85L14.5 7l1.65 3.76H20l-3 3.17.9 4.05-3.4-2.14L11.1 18l.9-4.05-3-3.19Z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* watch article (empty) */
.mw-ui-icon-wikimedia-star::before {
background-image: 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%3E star %3C/title%3E %3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* unwatch article (fill) */
.mw-ui-icon-wikimedia-unStar::before {
background-image: 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%3E unStar %3C/title%3E %3Cpath d=%22M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* user talk */
.mw-ui-icon-wikimedia-userTalk::before {
background-image: 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%3E userTalk %3C/title%3E %3Cpath d=%22M18 0H2a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-4 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 14 4zM6 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 6 4zm4 8c-2.61 0-4.83-.67-5.65-3h11.3c-.82 2.33-3.04 3-5.65 3z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* preferences */
.oo-ui-icon-settings, .mw-ui-icon-settings::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E settings %3C/title%3E %3Cg transform=%22translate%2810 10%29%22%3E %3Cpath id=%22a%22 d=%22M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3%22 fill=%22%2377b4d2%22 /%3E %3Cuse xlink:href=%22%23a%22 transform=%22rotate%2845%29%22 fill=%22%2377b4d2%22 /%3E %3Cuse xlink:href=%22%23a%22 transform=%22rotate%2890%29%22 fill=%22%2377b4d2%22 /%3E %3Cuse xlink:href=%22%23a%22 transform=%22rotate%28135%29%22 fill=%22%2377b4d2%22 /%3E %3C/g%3E %3Cpath d=%22M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7%22 fill=%22%2377b4d2%22 /%3E %3C/svg%3E");
}
/* contributions */
.mw-ui-icon-wikimedia-userContributions::before {
background-image: 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%3E userContributions %3C/title%3E %3Ccircle cx=%2215.5%22 cy=%2210.5%22 r=%222.5%22 fill=%22%2377b4d2%22/%3E %3Cpath d=%22M1 15h8v2H1Zm0-6h10v2H1Zm0-6h16v2H1Zm14.5 10.6c-3.3 0-4.5 1.6-4.5 2.7V18h9v-1.7c0-1-1.2-2.7-4.5-2.7z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
/* log out */
.mw-ui-icon-wikimedia-logOut::before {
background-image: 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%3E logout %3C/title%3E %3Cpath d=%22M3 3h8V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2H3z%22 fill=%22%2377b4d2%22/%3E %3Cpath d=%22M13 5v4H5v2h8v4l6-5z%22 fill=%22%2377b4d2%22/%3E %3C/svg%3E");
}
|
noncontent ui- minerva
/** HEADER **/
/* Main CSS stolen (with permission) from FR GW2W's legendary User:IruleManik */
/* Hide text, use an image instead */
.minerva-header .branding-box h1 span,
.minerva-header .branding-box a span {
color: transparent;
padding-right: 7em;
line-height: inherit;
}
.minerva-header .branding-box {
background: url('/images/c/cb/Mobile_skin_header_logo.png') left/97% no-repeat;
width: 15.4em;
opacity: 0.9;
}
.mw-ui-icon-wikimedia-menu-base20::before,
.mw-ui-background-icon-menu {
filter: invert(180);
}
.minerva-header .search-box .search {
margin-left: 1em;
}
.minerva-search-form {
width: unset;
}
/* Default darker (sky) background */
.header-container.header-chrome {
background: url('/images/3/3b/Mobile_skin_background_dark.jpg') top left -460px/auto repeat-x;
}
/* Below 720px the searchbox collapses, and we have more space - use lighter (fields) background */
@media (max-width: 719px) {
.header-container.header-chrome {
background: url('/images/6/6f/Mobile_skin_background_light.jpg') left/cover no-repeat;
}
}
/** FOOTER **/
/* Background images switch over at <640px, can't have the pyramid from the light image interfering with the logos */
/* Default - lighter (fields) background */
.minerva-footer {
overflow: auto;
padding-bottom: 6px;
background: url('/images/6/6f/Mobile_skin_background_light.jpg') left/cover no-repeat;
}
footer > .post-content > .minerva-footer-logo {
color: transparent;
background: url('/images/4/40/Mobile_skin_footer_logo.png') left/37% no-repeat, url('/images/0/08/Mobile_skin_ArenaNet_logo.png') right/20% no-repeat;
height: 10em;
}
footer > .post-content {
color: white;
}
footer > .post-content a {
color: white;
font-weight: bold;
}
@media screen and (min-width: 720px)
/* Improve clarity of "View edit history" line in the footer */
.last-modified-bar {
background-color: rgba(51, 51, 51, 0.7);
color: white;
}
}
/* For narrow screens up to 640px wide */
@media (max-width: 640px) {
/* Dark to contrast with the white footer icons */
.minerva-footer {
background: url('/images/3/3b/Mobile_skin_background_dark.jpg') right/cover no-repeat;
}
/* Enlarge the icons a bit on narrow screens (Note: EN wiki logo slightly different size - was 60% on FR, now 45%) */
footer > .post-content > .minerva-footer-logo {
background: url('/images/4/40/Mobile_skin_footer_logo.png') left/45% no-repeat, url('/images/0/08/Mobile_skin_ArenaNet_logo.png') right/30% no-repeat;
height: 7em;
}
}
/** UI BUTTONS **/
/* Top menu - Sidebar */
.mw-ui-icon-minerva-mainmenu:before {
background-image: url('/images/f/fe/Mobile_skin_menu_outline.svg');
}
/* Top menu - Notifications */
.mw-ui-icon-wikimedia-bellOutline-base20:before {
background-image: url('/images/7/7e/Mobile_skin_notification_bell_outline.svg');
}
/* Top menu - Search magnifying glass (narrow screen only) */
.mw-ui-icon-wikimedia-search-base20:before,
.mw-ui-background-icon-search {
background-image: url('/images/6/6d/Mobile_skin_menu_search.svg');
}
/* Top menu - Close the search window (narrow screen only) */
.mw-ui-icon-mf-close-base20:before {
background-image: url('/images/e/e4/Mobile_skin_close_outline.svg');
}
/* Top Menu - User profile */
.mw-ui-icon-minerva-userAvatarOutline::before {
filter: invert(100%) brightness(200%);
}
/* Top Menu - Burger menu */
.mw-ui-icon-wikimedia-menu-base20::before,
.mw-ui-background-icon-menu {
filter: invert(100%) brightness(200%);
}
/* Sidebar - Community portal */
.mw-ui-icon-minerva-cp:before {
background-image: url('/images/8/86/Mobile_skin_sidebar_community_portal.svg');
}
/* Sidebar - Recent changes */
.mw-ui-icon-minerva-rc:before {
background-image: url('/images/6/66/Mobile_skin_sidebar_recent_changes.svg');
}
/* Sidebar - Help center */
.mw-ui-icon-minerva-hc:before {
background-image: url('/images/c/c2/Mobile_skin_sidebar_help_center.svg');
}
/* Sidebar - Editing guide */
.mw-ui-icon-minerva-eg:before {
background-image: url('/images/8/84/Mobile_skin_sidebar_editing_guide.svg');
}
/* Sidebar - Admin noticeboard */
.mw-ui-icon-minerva-an:before {
background-image: url('/images/c/ca/Mobile_skin_sidebar_admin_noticeboard.svg');
}
/* Sidebar - Wiki bug */
.mw-ui-icon-minerva-wb:before {
background-image: url('/images/1/17/Mobile_skin_sidebar_wiki_bug.svg');
}
/* Footer - History arrow */
.mf-mw-ui-icon-rotate-anti-clockwise::before {
filter: brightness(200%);
}
/* Language interwiki cancel */
.overlay .header-cancel li button::before {
background-color: red;
}
/** OTHER UI **/
/* Avoid descending letters in the last edited text being clipped */
footer .last-modified-bar__text {
line-height: 1.5em;
}
/* Clarify meaning of languages button by displaying text */
.mw-ui-icon-minerva-language-switcher::before {
font-size: 1.25em;
width: 1.25em;
height: 1.25em;
display: inline-block;
margin-bottom:-3px;
}
#language-selector a {
color: #888;
line-height: 1em;
font-size: 0.8em;
display: inline-block;
overflow: visible;
width: unset;
height: unset;
flex-basis: unset;
}
.content ul {
list-style-image: url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
}
.mw-ui-input, textarea, pre, xmp, plaintext, listing {
font-family: monospace;
}
/* Table of contents */
.toctitle.toctitle h2 {
margin: 0em 1em;
}
/* Editing window */
.editor-container.content {
height: 90vh;
}
#wikitext-editor {
height: 100%;
}
/* override mw default which is to try and display these as a full width block element */
.diff tr {
display: table-row;
}
.diff td {
display: table-cell;
}
|
/** -------- CONTENT GENERAL -------- **/ |
content general- common
/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3,
.toc1 li.toclevel-4,
.toc1 li.toclevel-5,
.toc1 li.toclevel-6,
.toc2 li.toclevel-3,
.toc2 li.toclevel-4,
.toc2 li.toclevel-5,
.toc2 li.toclevel-6,
.toc3 li.toclevel-4,
.toc3 li.toclevel-5,
.toc3 li.toclevel-6,
.toc4 li.toclevel-5,
.toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide {
display: none;
}
/* TOC heading font */
#toc h2,
.toc h2 {
font-family: Arial, sans-serif !important;
}
/* Edit buttons - only right aligned within tables, otherwise use MediaWiki default of left aligned */
table .mw-editsection {
float: right;
}
/* References */
ol.references {
font-size: 90%;
}
sup,
sub {
line-height: 1em;
}
/* prevent multi-columns (specifically added this rule for achievement pages) */
.mw-references-columns {
column-count: 1;
}
#content .hiddenlinks a,
#content .hiddenlinks a:link,
#content .hiddenlinks a:visited {
color: inherit;
}
/* Custom gallery element styles */
ul.gallery.simple-overlay .gallerytext p {
margin: 0;
padding: 2px 5px;
font-weight: bold;
}
ul.gallery.simple-overlay .gallerytext {
background-color: rgba(255, 255, 255, 0.85);
position: absolute;
bottom: 5px;
right: 5px;
}
|
content general- monobook
h1,
#bodyContent > h1 {
font-family: "EasonPro", "Times New Roman", serif !important;
font-size: 2.231em;
font-weight: normal;
line-height: 1.2em;
margin-top: 0.724em;
margin-bottom: 0.69em;
padding: 0;
}
#firstHeading {
font-size: 2.231em;
margin-top: 0;
padding: 0;
}
h2,
#bodyContent > h2 {
font-family: "EasonPro", "Times New Roman", serif !important;
font-weight: normal;
font-size: 1.923em;
line-height: 1.2em;
margin-top: 1em;
margin-bottom: 0.4em;
padding: 0;
}
h3,
#bodyContent > h3 {
font-family: Arial, sans-serif !important;
font-weight: bold;
font-size: 1.3077em;
line-height: 1.15em;
margin-top: 1.353em;
margin-bottom: 0.588em;
padding: 0;
}
h4,
#bodyContent > h4 {
font-family: Arial, sans-serif !important;
font-size: 1.154em;
font-weight: bold;
line-height: 1.1em;
margin-top: 1em;
margin-bottom: 0.667em;
padding: 0;
}
h5,
#bodyContent > h5 {
font-family: Arial, sans-serif !important;
font-size: 1em;
font-weight: bold;
line-height: 1.15em;
margin-top: 1.308em;
margin-bottom: 0.769em;
padding: 0;
}
h6,
#bodyContent > h6 {
font-family: Arial, sans-serif !important;
font-size: 0.923em;
font-weight: bold;
line-height: 1em;
margin-top: 1.5em;
margin-bottom: 0.833em;
padding: 0;
}
table.table th > h1,
table.table th > h2,
table.table th > h3,
table.table th > h4,
table.table th > h5,
table.table th > h6 {
margin-top: 0.25em;
margin-bottom: 0.25em;
border: none;
}
p,
ul,
ol,
dl {
margin-top: 0.769em;
margin-bottom: 0.769em;
line-height: 1.538em;
}
dd,
dt,
li {
margin-top: 0;
margin-bottom: 0;
line-height: 1.538em;
}
li > ul,
li > ol {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
sup,
sub {
line-height: 0;
}
textarea,
pre,
xmp,
plaintext,
listing,
*.mw-editfont-monospace,
*.mw-editfont-sans-serif,
*.mw-editfont-serif {
} {
font-size: 1.1em;
font-family: monospace;
}
pre,
xmp,
plaintext,
listing {
white-space: pre-wrap;
}
|
content general- vector
sup,
sub {
line-height: 0;
}
pre,
xmp,
plaintext,
listing {
white-space: pre-wrap;
}
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
padding: 0;
}
.mw-body h1,
.mw-body h2 {
font-family: "EasonPro", "Times New Roman", serif !important;
font-weight: normal;
}
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
font-family: Arial, sans-serif !important;
font-weight: bold;
}
.mw-body h1 {
font-size: 2.231em;
line-height: 1.25em;
margin-top: 0.724em;
margin-bottom: 0.69em;
}
/* note: this element is outside div.bodyContent so is actually the same displayed font size as h1 2.231em */
.mw-body #firstHeading {
font-size: 1.8125em;
margin-top: 0;
margin-bottom: 0.2em;
}
.mw-body h2 {
font-size: 1.923em;
line-height: 1.2em;
margin-top: 1em;
margin-bottom: 0.4em;
}
.mw-body h3 {
font-size: 1.308em;
line-height: 1.15em;
margin-top: 1.353em;
margin-bottom: 0.588em;
}
.mw-body h4 {
font-size: 1.154em;
line-height: 1.1em;
margin-top: 1em;
margin-bottom: 0.667em;
padding: 0;
}
.mw-body h5 {
font-size: 1em;
line-height: 1.15em;
margin-top: 1.308em;
margin-bottom: 0.769em;
}
.mw-body h6 {
font-size: 0.923em;
line-height: 1em;
margin-top: 1.5em;
margin-bottom: 0.833em;
}
.mw-body #toc {
margin: 10px 0px;
}
.mw-body #toc h2,
.mw-body .toc h2 {
font-size: inherit;
font-family: sans-serif !important;
font-weight: bold;
}
table.table th > h1,
table.table th > h2,
table.table th > h3,
table.table th > h4,
table.table th > h5,
table.table th > h6 {
margin-top: 0.25em;
margin-bottom: 0.25em;
border: none;
}
/** LISTS **/
p,
ul,
ol,
dl {
margin-top: 0.769em;
margin-bottom: 0.769em;
line-height: 1.538em;
}
dd,
dt,
li {
margin-top: 0;
margin-bottom: 0;
line-height: 1.538em;
}
li > ul,
li > ol {
margin-top: 0;
margin-bottom: 0;
}
#content li > ul,
#content li > ol {
margin-top: 0px;
margin-bottom: 0px;
}
ul {
list-style-type: square;
list-style-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%225%22 height=%2213%22 viewBox=%220 0 1.323 3.44%22%3E %3Cpath fill=%22%23638c9c%22 d=%22M0 1.852v1.323h1.323V1.852z%22/%3E %3C/svg%3E");
}
hr {
background-color: #5A5C5E; /* color scheme: gray page border - note hr looks like a line but actually only respects background-color */
}
h1,
h2,
h3,
h4,
h5,
h6,
.tocnumber,
.wikitable,
pre,
code,
.mw-code,
textarea {
color: #EAEAEA; /* color scheme: font offwhite */
}
.toc,
#filetoc,
.toccolours,
h1,
h2,
pre,
.mw-code,
code,
textarea,
div.thumbinner,
html .thumbimage,
li.gallerybox div.thumb,
.wikitable,
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border-color: #5A5C5E; /* color scheme: gray page border */
}
.wikitable > tr > th,
.wikitable > * > tr > th {
background-color: #1A1A1A; /* color scheme: super dark */
}
.wikitable,
pre,
.mw-code,
code,
textarea,
.toc,
.toccolours,
#filetoc,
div.thumbinner,
html .thumbimage,
li.gallerybox div.thumb {
background-color: #40434A; /* color scheme: inactive tabs */
}
|
content general- minerva
/* References */
ol.references > li:target,
sup.reference:target,
cite:target {
background: #EEF;
}
/* Prevent floated images trying to break into text (such as quotations and release banners) */
@media screen and (max-width: 1100px) {
.content .floatright {
float: none;
padding: 1em;
text-align: right;
}
}
/* Remove idiotic mediawiki display defaults */
.content table,
.content .infobox {
float: unset !important;
margin-left: unset !important;
margin-right: unset !important;
display: block;
}
.content .infobox table {
display: table;
}
.content .infobox th,
.content .infobox td {
vertical-align: unset;
border: unset;
border-bottom: unset;
padding: unset;
}
.content .infobox tbody > tr > td,
.content .infobox tbody > tr > th {
flex: unset;
}
.content .infobox > tbody {
display: unset;
flex-flow: unset;
}
.content .infobox > tbody > tr {
min-width: unset;
display: unset;
flex-flow: unset;
}
.content .mw-content-ltr .infobox {
text-align: unset;
}
.content .mw-content-rtl .infobox {
text-align: unset;
}
@media (min-width: 720px) {
.content .infobox {
margin: unset !important;
max-width: unset !important;
width: unset !important;
float: unset !important;
clear: unset !important;
}
}
|
/** -------- EXTENSIONS -------- **/ |
extensions- common
/** EXTENSION:SEMANTIC MEDIAWIKI **/
/* Hide "vertical bar loader" in the top-right indicator section of every page when loading */
/* This can occasionally fail to finish loading/disappear, especially if SMW is busy on the backend, resulting in entire page contents oscillating */
.smw-indicator-vertical-bar-loader {
display: none;
}
/* Hide smw annotation notice */
#smw-form-editpage-help {
display: none;
}
/* Result format table: further results */
.table + .smw-template-furtherresults {
display: block;
}
.table + .smw-template-furtherresults a {
background: none;
color: #0645AD;
}
/* Result format ul */
.smw-ul-columns ul {
column-gap: 1em;
margin-block-start: 0;
margin-block-end: 0;
}
.smw-ul-columns-fill ul {
column-count: auto;
column-width: 300px;
}
/* Special:Browse */
.mw-special-Browse .smw-subobject-entity {
white-space: nowrap;
}
/** EXTENSION:SEMANTIC RESULT FORMATS **/
/* Result format gallery: Fix last row spacing */
.srf-gallery ul.gallery,
ul.mw-gallery-nolines li.gallerybox div.gallerytext,
ul.mw-gallery-packed-hover,
ul.mw-gallery-packed-overlay,
ul.mw-gallery-packed {
text-align: left !important;
}
ul.gallery .gallerybox:first-child {
margin-left: -4px;
}
/* Result format jqplot: improve data labels readability */
.jqplot-data-label {
color: white;
text-shadow: 1px 1px black;
}
.srf-jqplot-plot.bar.jqplot-target {
color: black;
font-size: 120%;
}
/* Workaround for [[Guild Wars 2 Wiki:Reporting wiki bugs#SMW galleries appearing as a column]]. */
/* CSS copied from "https://wiki.guildwars2.com/load.php?modules=mediawiki.page.gallery.styles&only=styles" */
ul.gallery{margin:2px;padding:2px;display:block}li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word}li.gallerybox{vertical-align:top;display:-moz-inline-box;display:inline-block}li.gallerybox div.thumb{text-align:center;margin:2px}li.gallerybox div.thumb img{display:block;margin:0 auto}div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word}.galleryfilename{display:block}.galleryfilename-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.mw-gallery-nolines li.gallerybox div.thumb{background-color:transparent;border:0}ul.mw-gallery-nolines li.gallerybox div.gallerytext{text-align:center}ul.mw-gallery-packed,ul.mw-gallery-packed-overlay,ul.mw-gallery-packed-hover{text-align:center}ul.mw-gallery-packed li.gallerybox div.thumb,ul.mw-gallery-packed-overlay li.gallerybox div.thumb,ul.mw-gallery-packed-hover li.gallerybox div.thumb{background-color:transparent;border:0}ul.mw-gallery-packed li.gallerybox div.thumb img,ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,ul.mw-gallery-packed-hover li.gallerybox div.thumb img{margin:0 auto}ul.mw-gallery-packed-hover li.gallerybox,ul.mw-gallery-packed-overlay li.gallerybox{position:relative}ul.mw-gallery-packed-hover div.gallerytextwrapper{overflow:hidden;height:0}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{position:absolute;background:#fff;background:rgba(255,255,255,0.8);padding:5px 10px;bottom:0;left:0;height:auto;max-height:40%;overflow:hidden;font-weight:bold;margin:2px}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover{overflow:visible;max-height:none}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover p{text-overflow:clip;white-space:normal;overflow:visible}ul.gallery.mw-gallery-slideshow{display:block;margin:4em 0}ul.gallery.mw-gallery-slideshow .gallerycaption{font-size:1.3em;margin:0}ul.gallery.mw-gallery-slideshow .gallerycarousel{display:block;text-align:center}ul.gallery.mw-gallery-slideshow .gallerycarousel.mw-gallery-slideshow-thumbnails-toggled{margin-bottom:1.3em}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons{opacity:0.5;padding:1.3em 0;white-space:nowrap}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement{margin:0 2em}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:first-child{margin-left:0}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:last-child{margin-right:0}ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current{background:#efefef}ul.gallery.mw-gallery-slideshow .gallerybox > div{max-width:120px}ul.gallery.mw-gallery-slideshow .gallerybox div.thumb{border:0;background:transparent}.mw-gallery-slideshow-img-container a{display:block}@media screen{li.gallerybox div.thumb{border:1px solid #c8ccd1;background-color:#f8f9fa}}@media print{li.gallerybox{vertical-align:top;display:inline-block}ul.gallery{margin:2px;padding:2px;display:block}li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word}li.gallerybox div.thumb{background-color:#fff;border:1px solid #ccc}div.gallerytext{overflow:visible}ul.mw-gallery-packed-hover div.gallerytextwrapper{overflow:visible;height:auto}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{position:static;background:transparent;padding:0;bottom:0;max-height:none;overflow:visible;font-weight:normal;margin:0}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p{text-overflow:clip;white-space:normal;overflow:visible}}
/** EXTENSION:POPUPS **/
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
background-image: none; /* remove white fade at the end of text extract */
}
.mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract {
max-height: 750px;
}
.mwe-popups.mwe-popups-is-tall {
width: auto;
}
.mwe-popups.mwe-popups-is-tall .mwe-popups-extract {
max-width: 400px;
min-width: 300px;
max-height: 750px;
height: auto;
padding-bottom: 2em;
}
/** EXTENSION:PAGE FORMS **/
/* Semantic Forms: Multiple template instances as used on research pages */
.form-row input {
text-align: center;
line-height: 1;
}
.form-row input.left {
text-align: left;
}
td.instanceRearranger {
display: none;
}
.multipleTemplateWrapper td.instanceRearranger {
display: table-cell;
}
/** EXTENSION:ADVANCED SEARCH **/
/* CSS default for Extension:AdvancedSearch is 1% too big when 60% and results in the label appearing on a different row to the box */
.mw-special-Search .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field,
.mw-special-Search .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field {
width: 59%;
}
/* Sensible size text for info popups */
.oo-ui-popupWidget .mw-advancedSearch-tooltip-head,
.oo-ui-popupWidget .mw-advancedSearch-tooltip-head ~ dl {
font-size: 80%;
}
/* Remove random border on the namespace checkbox wrapper */
.mw-advancedSearch-namespaceFilter div.oo-ui-tagMultiselectWidget-handle {
border: 0;
padding: 0.5em;
}
/* Override prebaked -8px random space below the namespace selection search box */
div.mw-advancedSearch-namespaceFilter {
top: 0px;
}
/* Reposition dropdown menu arrows to the middle */
.mw-advancedSearch-container span .oo-ui-indicator-down {
margin-top: 0;
}
/** EXTENSION:WIKIEDITOR **/
/* Hide image upload button to prevent no license images from being uploaded via the editor toolbar */
#wikieditor-toolbar-file-dialog + .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child {
display: none;
}
|
extensions- monobook
/** EXTENSION:ECHO **/
.mw-echo-ui-overlay {
font-size: 1.1em;
}
/** EXTENSION:ADVANCED SEARCH **/
/* Normalise borders and shadow between inputs as far as possible */
.mw-advancedSearch-container .oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-advancedSearch-container .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.mw-advancedSearch-container .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: transparent;
}
.mw-advancedSearch-container .oo-ui-tagMultiselectWidget-handle {
border-radius: 0px;
}
.mw-advancedSearch-container .oo-ui-textInputWidget-type-text input,
.mw-advancedSearch-container .oo-ui-tagMultiselectWidget-handle input,
.mw-advancedSearch-container .oo-ui-dropdownInputWidget {
box-shadow: none;
}
.mw-advancedSearch-namespace-selection {
border-color: #c8ccd1;
}
|
extensions- vector
/** EXTENSION:SEMANTIC MEDIAWIKI **/
/* Gallery format with overlays enabled */
.srf-overlay li.gallerybox div.thumb {
background-image: none;
background-color: #40434A; /* color scheme: inactive tabs */
}
/* Special:Ask */
.smw-ask-toplinks,
.options-parameter-list {
border-width: 1px;
border-style: solid;
border-color: #5A5C5E; /* color scheme: gray page border */
}
/* Box at the top and the popup SMW help menu */
.smw-ask-toplinks,
.smw-modal-content {
background-color: #40434A; /* color scheme: inactive tabs */
}
/* SMW help menu close button */
.smw-modal-close {
color: black;
opacity: 1;
}
/* Callout info is used on Special:ProcessingErrorList and Special:ConstraintErrorList which is really still Special:Ask */
.smw-callout-info,
.smw-ask-options-row-odd,
.smw-ask-options-row-even {
background-color: #40434A; /* color scheme: inactive tabs */
}
.smw-ask-condition fieldset,
.options-parameter-list {
border-color: #5A5C5E; /* color scheme: gray page border */
}
/* the little "+" sign by the fieldset toggles visibility of the rest of the table */
#options-toggle:not(:checked) + #options-list .options-parameter-list::after {
background-image: linear-gradient(to bottom, transparent, rgba(54,57,63,0.85) 90%); /* #36393F in rgb with transparency */ /* color scheme: page gray */
}
.smw-ask-button,
.smw-tabs input.nav-tab:checked + label.nav-label {
color: black;
}
/* Special:Browse */
.smwb-datasheet,
.smwb-factbox .smwb-cell,
.smwb-ifactbox .smwb-cell {
border-color: #5A5C5E; /* color scheme: gray page border */
}
.smwb-datasheet {
border-width: 1px;
border-style: solid;
}
.smwb-theme-light .smwb-factbox,
.smwb-theme-light .smwb-ifactbox {
border-color: #1A1A1A; /* color scheme: gray page border */
}
.smwb-bottom {
border: none;
}
.smwb-propvalue,
.smwb-ipropvalue,
.smwb-theme-light .smwb-title,
.smwb-theme-light .smwb-center,
.smwb-theme-light .smwb-actions,
.smwb-theme-light .smwb-prophead,
.smwb-theme-light .smwb-propval {
background-color: #40434A; /* color scheme: inactive tabs */
}
.smwb-group .smwb-propval {
background-color: #1A1A1A; /* color scheme: super dark */
}
/* seems to be empty all the time anyway */
.smwb-center {
display: none;
}
.smwb-factbox .smwb-cell,
.smwb-ifactbox .smwb-cell {
border-top-width: 1px;
}
.smwb-bottom {
border-bottom-width: 2px;
}
/* Property pages */
.smw-property-page-results .value-row:hover {
background-color: rgba(255, 255, 255, 0.05);
}
/* Semantic facts box beneath page previews */
.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
margin-top: 0;
padding-top: 1em;
border-color: #5A5C5E; /* color scheme: gray page border */
background-color: #36393F; /* color scheme: page gray */
}
.smw-factbox section,
.smw-factbox .smwfact {
background-color: #40434A; /* color scheme: inactive tabs */
border-color: #5A5C5E; /* color scheme: gray page border */
}
.smw-factbox .smwfact,
.smw-ask-button, .smw-tabs input.nav-tab:checked + label.nav-label {
color: #EAEAEA; /* color scheme: font offwhite */
}
.smw-factbox img.thumbborder,
.smw-factbox input.nav-tab:checked + label.nav-label {
border-color: #5A5C5E; /* color scheme: gray page border */
background-color: #40434A; /* color scheme: inactive tabs */
}
.smwfact .smw-table-row:nth-child(2n),
.smwfact .smw-table-row:nth-child(2n+1) {
background-color: inherit;
}
/* Special:CreateClass */
#createClassForm #mainTable th,
#createClassForm #mainTable td {
background-color: #1A1A1A !important; /* color scheme: super dark */
border-width: 1px;
border-style: solid;
border-color: #5A5C5E; /* color scheme: gray page border */
padding: 0.5em;
}
/* Special:CreateTemplate */
.fieldBox {
background-color: #40434A; /* color scheme: inactive tabs */
}
/** EXTENSION:PAGE FORMS **/
/* Special:MultiPageEdit */
.jexcel_content {
color: black;
}
/** EXTENSION:POPUPS **/
div.mwe-popups,
div.mwe-popups .mwe-popups-container {
background: none; /* remove default white */
background-color: #40434A; /* color scheme: inactive tabs */
}
.mwe-popups.mwe-popups-no-image-pointer::after {
border-bottom-color: #40434A; /* color scheme: inactive tabs - using it here on a border, popups triangle for the speech bubble arrow */
}
.mwe-popups .mwe-popups-extract {
color: #EAEAEA; /* color scheme: font offwhite */
}
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
background-image: none;
}
/** EXTENSION:CITE **/
div ol.references li:target, div sup.reference:target {
background-color: #40434A; /* color scheme: inactive tabs */
}
/** EXTENSION:ECHO **/
a.mw-echo-alert {
color: #1A1A1A; /* color scheme: super dark */
}
.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: unset;
}
.mw-echo-ui-notificationItemWidget-initiallyUnseen {
animation: none;
}
.mw-echo-ui-notificationItemWidget:hover {
background-color: #36393F; /* color scheme: page gray */
}
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
color: #EAEAEA; /* color scheme: font offwhite */
}
.mw-echo-ui-notificationItemWidget {
border-color: #5A5C5E; /* color scheme: gray page border */
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-echo-ui-notificationItemWidget {
background-color: #40434A; /* color scheme: inactive tabs */
}
/** EXTENSION:ADVANCED SEARCH **/
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-namespace-selection {
background: unset;
background-color: #40434A; /* color scheme: inactive tabs */
}
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: #40434A; /* color scheme: inactive tabs */
}
.mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover {
background-color: #36393F;
color: inherit;
}
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
color: #EAEAEA; /* color scheme: font offwhite */
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-fieldContainer fieldset,
.mw-advancedSearch-namespace-selection {
border-color: #5A5C5E; /* color scheme: gray page border */
}
/* Namespace selection dropdown menu inherits colours from elsewhere */
.mw-advancedSearch-ui-itemMenuOptionWidget.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: black;
}
/** EXTENSION:WIKIEDITOR //*
.wikiEditor-ui-toolbar {
background-color: #36393F; /* color scheme: page gray */
}
.wikiEditor-ui-toolbar .page-characters div span {
color: #EAEAEA; /* color scheme: font offwhite */
}
.wikiEditor-ui-toolbar .tabs span.tab a {
color: #77B4D2; /* color scheme: font link */
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #B0B0B0; /* color scheme: font darker offwhite */
}
.wikiEditor-ui-toolbar .tabs span.tab a::before,
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before {
filter: invert(90);
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui .wikiEditor-ui-top {
border-color: #5A5C5E; /* color scheme: gray page border */
}
|
|
/** -------- SCRIPTS -------- **/ |
scripts- common
/* Formatting for the wiki clock, referenced by [[MediaWiki:Common.js]] */
#utcdate a {
font-weight: bold;
text-transform: none;
}
/* Chat link search, for [[MediaWiki:ChatLinkSearch.js]] */
.gw2w-chat-link-search {
margin: 1em 0;
padding: 0.5em;
}
.gw2w-chat-link-search tt {
font-size: 10px;
margin-right: 1em;
}
/* Spaces around TP coin icons, referenced by [[MediaWiki:Common.js]] */
.gw2-tpprice {
white-space: nowrap;
text-align: right;
}
.gw2-tpprice > img {
position: relative;
bottom: 1px;
width: 18px;
height: 18px;
}
table .gw2-tpprice .numbers {
display: inline-block;
min-width: 18px;
text-align: right;
}
/* gameUpdateIcons, referenced by [[MediaWiki:Common.js]] */
.patchnote {
line-height: 2.7em;
}
.patchnote .skillicon img,
.patchnote .traiticon img {
background-color: black;
}
/* Collapsible functionality provided by [[MediaWiki:CollapsibleTables.js]]. Mainly for [[Template:Professions nav]]. */
tr.collapse-reverse,
tr.collapse-reverse {
display: none;
}
tr.collapse-reverse.hide,
tr.collapse-reverse.hide {
display: table-row;
}
/* Dialogue indent guides, for "demarcateDialogue" in [[MediaWiki:Common.js]] */
.dialogue dl dd {
padding-left: 16px;
margin-left: 0;
}
.dialogue dl {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 11px;
border-left: 2px solid rgba(110, 98, 74, 0.4);
}
.dialogue > dl,
.dialogue td > dl {
margin-bottom: 10px;
border-left: none;
}
.dialogue dt {
margin-left: -11px;
}
/* See [[Guild Wars 2 Wiki:Popups#Extended popups]], referenced by [[MediaWiki:Common.js]] */
.mwe-popups-extract .gamemode.brief-highlight {
display: unset;
animation: popupbriefhighlight 1s;
}
@keyframes popupbriefhighlight {
0% {
background: #ffff99;
}
100% {
background: none;
}
}
.mwe-popups.mwe-popups-is-tall.wikipopup-extended-is-split.mwe-popups-fade-in-down .wikipopup-extended-facts,
.mwe-popups.mwe-popups-is-tall.wikipopup-extended-is-split.mwe-popups-fade-out-up .wikipopup-extended-facts {
margin-bottom: 1em;
}
.mwe-popups-extract {
white-space: pre-line;
}
.mwe-popups dl {
line-height: 0;
}
.wikipopup-extended-gamemode-button-container.popup-below-link {
text-align: center;
margin-bottom: 0.5em;
margin-top: -0.5em;
}
.wikipopup-extended-gamemode-button-container.popup-above-link {
margin-top: 0.5em;
float: left;
}
.wikipopup-extended-gamemode-button {
pointer-events: auto;
background-color: inherit;
border: 1px solid #aaa;
border-radius: 2px;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 0px 2px;
overflow: hidden;
text-align: center;
}
.wikipopup-extended-gamemode-button.active {
background-color: #FF9090;
}
.wikipopup-extended-title {
padding-bottom: 0.5em;
font-weight: bold;
font-size: 120%;
color: darkblue;
}
.wikipopup-extended-properties {
float: right;
padding-left: 0.5em;
}
.wikipopup-extended-facts {
padding-top: 0.5em;
}
.wikipopup-extended-beta-link-container {
display: inline-block;
margin-top: 0.75em;
margin-right: 1em;
float: right;
font-size: 60%;
opacity: 0.75;
}
.wikipopup-extended-settings-container > div {
display: inline-block;
vertical-align: top;
}
.wikipopup-extended-settings-container > div > input {
margin-left: -20px;
margin-right: 5px !important;
}
.wikipopup-extended-settings-container > div:nth-of-type(1) {
color: #000;
line-height: 16px;
margin-right: 7px;
}
.wikipopup-extended-settings-container > div:nth-of-type(2) {
font-size: 13px;
line-height: 16px;
width: 300px;
}
.wikipopup-extended-settings-container > div > span {
color: #000;
font-size: 14px;
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.wikipopup-extended-settings-container.inactive > div,
.wikipopup-extended-settings-container.inactive > div > span {
color: #54595d;
}
|
scripts- monobook
/* ArenaNet masthead, referenced by [[MediaWiki:Common.js]] */
#upperBar {
position: absolute;
top: 0;
left: 12em;
height: 30px;
z-index: 4;
font-size-adjust: 0.52;
}
#upperBar ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#upperBar ul li {
margin: 0;
padding: 0px;
display: inline-block;
font-family: "EasonPro", "Times New Roman", "serif";
}
#upperBar ul li a {
color: #422525;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
padding: 8px 10px;
line-height: 2.6;
}
#upperBar ul li a:hover {
text-decoration: none;
color: #A22525;
}
#upperBar ul li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
}
#upperBar ul li:nth-child(1) a:hover {
background-position: -121px -30px;
}
#upperBar ul li:nth-child(2) a:hover {
background-position: -206px -30px;
}
#upperBar ul li:nth-child(3) a:hover {
background-position: -274px -30px;
}
/* Hide ArenaNet upperbar elements below certain screen widths to prevent interaction with personal nav */
@media screen and (max-width:1120px) {
#upperBar li:nth-child(3) {
display: none;
}
}
@media screen and (max-width:1040px) {
#upperBar li:nth-child(2) {
display: none;
}
}
@media screen and (max-width:960px) {
#upperBar li:nth-child(1) {
display: none;
}
}
/* Chat link search, for [[MediaWiki:ChatLinkSearch.js]] */
.gw2w-chat-link-search {
background: #F3F3F3;
border: 1px solid #C0C0C0;
}
|
scripts- vector
/* ArenaNet masthead, referenced by [[MediaWiki:Common.js]] */
#upperBar {
position: absolute;
top: 0em;
left: 0em;
right: 0em;
height: 2.5em;
z-index: 10;
background-color: #080808; /* color scheme: off-black top bar */
}
body.skin-vector-legacy #upperBar {
height: 1.7em;
z-index: 4;
}
#upperBar ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#upperBar ul li {
margin: 0;
padding: 0px;
display: inline-block;
text-transform: uppercase;
font-family: "acumin-pro-condensed", sans-serif;
font-size: 1em;
}
#upperBar ul li a {
color: #F9F1E2;
padding: 8px 10px;
line-height: 2.5em;
}
body.skin-vector-legacy #upperBar ul li a {
line-height: 1.7em;
}
#upperBar ul li a:hover {
text-decoration: none;
color: #E1251E; /* ArenaNet red */
}
#upperBar ul li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
}
#upperBar ul li:nth-child(1) a:hover {
background-position: -121px -30px;
}
#upperBar ul li:nth-child(2) a:hover {
background-position: -206px -30px;
}
#upperBar ul li:nth-child(3) a:hover {
background-position: -274px -30px;
}
/* Hide ArenaNet upperbar elements below certain screen widths to prevent interaction with personal nav */
@media screen and (max-width:1120px) {
body.skin-vector-legacy #upperBar li:nth-child(3) {
display: none;
}
}
@media screen and (max-width:1040px) {
body.skin-vector-legacy #upperBar li:nth-child(2) {
display: none;
}
}
@media screen and (max-width:960px) {
body.skin-vector-legacy #upperBar li:nth-child(1) {
display: none;
}
}
/* Chat link search, for [[MediaWiki:ChatLinkSearch.js]] */
.gw2w-chat-link-search {
background-color: #40434A; /* color scheme: inactive tabs */
border-color: #5A5C5E; /* color scheme: gray page border */
}
|
scripts- minerva
/* Collapsible functionality provided by [[MediaWiki:CollapsibleTables.js]]. */
.collapsible-toggle {
float: right;
}
|
/** -------- WIDGETS -------- **/ |
widgets- common
/* Generic widgets - Button spacing */
fieldset.widget input[type="button"].mw-ui-button,
fieldset.widget button.mw-ui-button {
margin-right: 0.5em;
}
/* Widget:Game link */
input.chatlink {
position: absolute;
margin-top: -2px;
margin-left: -2px;
display: none;
width: 6.6em;
font-size: inherit;
line-height: inherit;
}
|
widgets- monobook
/** Generic widgets - Interactive maps with leaflet plugin **/
/* Overwrite default MW responsive skin rule which has the effect of hiding map tiles at low widths */
@media screen and (max-width: 550px) {
body.skin--responsive .monobook-body .leaflet-container img {
max-width: unset !important;
}
}
|
widgets- vector
/** GENERIC BUTTON WIDGETS **/
/* Copy styling from mediawiki OOUI js */
fieldset {
border-color: #5A5C5E; /* color scheme: gray page border */
}
fieldset.widget input[type="button"].mw-ui-button,
fieldset.widget button.mw-ui-button {
color: #EAEAEA; /* color scheme: font offwhite */
background-color: #1A1A1A; /* color scheme: super dark */
}
fieldset.widget input[type="button"].mw-ui-button:hover,
fieldset.widget button.mw-ui-button:hover {
background-color: #FFFFFF;
color: #444444;
border-color: #A2A9B1;
}
input[type="text"],
select[type="dropdown"] {
background-color: #40434A; /* color scheme: inactive tabs */
border-color: #5A5C5E; /* color scheme: gray page border */
color: #EAEAEA; /* color scheme: font offwhite */
}
|
Cloned from: widgets- common (for minerva)
/* Generic widgets - Button spacing */
fieldset.widget input[type="button"].mw-ui-button,
fieldset.widget button.mw-ui-button {
margin-right: 0.5em;
}
/* Widget:Game link */
input.chatlink {
position: absolute;
margin-top: -2px;
margin-left: -2px;
display: none;
width: 6.6em;
font-size: inherit;
line-height: inherit;
}
|
/** -------- SPECIAL PAGES -------- **/ |
special pages- common
/* Special:RecentChanges */
span.comment {
font-style: italic;
}
/* Need to add padding for conventional pages, but remove it on RecentChanges (special pages in general) due using the same class names */
.mw-collapsible-toggle,
.collapsible-toggle {
font-weight: normal;
font-size: 85%;
margin-left: 0.5em;
}
.collapsible-toggle {
width: 3em;
float: right;
text-align: center;
padding: 0px 3px;
}
.ns-special .mw-collapsible-toggle {
margin-left: 0;
}
ul.special abbr,
ul.special acronym {
border: none;
}
.mw-changeslist-legend dt,
.mw-changeslist-legend dd {
line-height: 1.2em;
}
/* Apply fixes when the screen size is below the minimum width */
@media screen and (max-width: 750px) {
.mw-changeslist-legend {
display: none;
}
}
/* If using "grouped" recent changes, condenses the new user log entries into an abbreviated line with an ellipse, users still visible by expanding the arrow */
.mw-changeslist-log-newusers .changedby {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 30vw;
height: 1.3em;
line-height: 1.3em;
margin-bottom: -0.3em;
}
/* Special:Search */
#mw-search-top-table div.oo-ui-actionFieldLayout {
float: none;
}
.mw-search-exists {
display: inline-block;
padding: 1em 0.5em;
margin: 0.5em 0em 0em -0.5em;
}
.results-info {
margin-top: 1em;
}
.mw-search-visualclear {
clear: none;
}
/* Deletion page field indents */
@media screen and (min-width: 820px) {
#mw-deleteconfirm-table div label {
display: inline-block;
width: 170px;
text-align: right;
margin-bottom: 5px;
}
#mw-deleteconfirm-table input#wpWatch {
margin-left: 156px;
}
}
|
special pages- monobook
/* Special:Search */
.mw-search-exists {
background-image: linear-gradient(to bottom, #F0FBE1 0%, #C3E59A 100%);
border: 1px solid #B8D892;
}
/* action=history */
.mw-pager-body ul {
margin-top: 0;
margin-bottom: 0;
}
.mw-pager-body li {
margin-top: 0.2em;
}
|
special pages- vector
/* Special:RecentChanges */
div.mw-changeslist-legend dt,
div.mw-changeslist-legend dd {
line-height: 1.5em;
}
.mw-plusminus-pos {
color: #62D562; /* color scheme: [[Special:RecentChanges]] bytecount positive green */
}
.mw-plusminus-neg {
color: #F74444; /* color scheme: [[Special:RecentChanges]] bytecount negative red */
}
.mw-changeslist-line-watched .mw-title a {
color: #adb000; /* color scheme: watchlist yellow */
}
/* Special:RecentChanges - when "Use non-JavaScript interface" is unticked */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.oo-ui-menuSelectWidget,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-color: #5A5C5E; /* color scheme: gray page border */
}
.mw-rcfilters-ui-overlay,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
color: #EAEAEA; /* color scheme: font offwhite */
}
.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: unset;
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: unset;
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuSelectWidget,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #40434A; /* color scheme: inactive tabs */
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: #1A1A1A; /* color scheme: super dark */
}
/* Special:Search */
.mw-search-profile-tabs,
#mw-searchoptions,
.mw-search-exists {
border-color: #5A5C5E; /* color scheme: gray page border */
}
.mw-search-profile-tabs,
#mw-searchoptions {
background-color: #40434A; /* color scheme: inactive tabs */
}
.mw-search-exists {
background-color: #040; /* color scheme: [[Special:Search]] result found dark green */
}
/* Special:History (action) */
.diff-addedline .diffchange {
background: #2E80CE; /* color scheme: show changes blue highlight */
}
.diff-deletedline .diffchange {
background: #9B7E3A; /* color scheme: show changes gold highlight */
}
/* Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background-color: unset;
}
/* Special:AllMessages, Special:AbuseFilter, Special:ListFiles, Special:TrackingCategories, Special:Tags */
.mw-datatable th {
background-color: #1A1A1A; /* color scheme: super dark */
}
.mw-datatable td,
.mw-datatable tr:hover td,
#mw-allmessagestable tbody:hover td {
background-color: #40434A; /* color scheme: inactive tabs */
}
.mw-datatable td,
.mw-datatable th {
border-color: #5A5C5E; /* color scheme: gray page border */
}
#mw-allmessagestable tbody:hover .am_default,
#mw-allmessagestable tbody:hover .am_actual {
color: black; /* better contrast to change font color for highlighted rows of yellow and green */
}
/* Special:AbuseLog */
table.mw-abuselog-details {
background-color: unset;
}
table.mw-abuselog-details th {
background-color: #1A1A1A; /* color scheme: super dark */
}
/* Special:ApiSandbox */
.mw-apisandbox-container {
background-color: #40434A; /* color scheme: inactive tabs */
}
.mw-apisandbox-toolbar,
.mw-apisandbox-help-field,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
border-color: #5A5C5E; /* color scheme: gray page border */
background-color: unset;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
background-color: #96c3ff;
}
/* Special:Preferences */
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
background-color: #d7d7d7; /* color scheme: offwhite inputs */
}
.oo-ui-labelWidget.oo-ui-inline-help {
color: #8e7561;
}
/* Special:Block */
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #EAEAEA; /* color scheme: font offwhite */
}
|
special pages- minerva
/* Special:Search */
#mw-search-top-table div.oo-ui-actionFieldLayout {
float: none !important;
}
|
/** -------- INDIVIDUAL PAGES -------- **/ |
individual pages- common
/** MAIN PAGE **/
body.page-Main_Page.ns-subject h1.firstHeading,
body.page-Main_Page.ns-subject #contentSub {
display: none;
}
/* Unfortunately cannot get the custom CSS widget to function on FormEdit pages */
/* [[Glob of Ectoplasm/salvage research]] */
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .multipleTemplateList p,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .fieldValuesDisplay {
display: none;
}
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research div.multipleTemplateInstance {
padding: 0px 5px !important;
margin: 0px !important;
background: none !important;
border: none !important;
}
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .instanceMain {
display: inherit !important;
}
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .instanceAddAbove,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .instanceRemove {
position: relative !important;
opacity: 1 !important;
top: unset !important;
}
|
individual pages- monobook
/** MAIN PAGE **/
.mainpage-background-wrapper {
overflow-x: hidden;
background: url("/images/8/84/Main_page_background_left_%28Secrets_of_the_Obscure%29.png") top +50px left -30px/auto 600px no-repeat,
url("/images/3/38/Main_page_background_right_%28Secrets_of_the_Obscure%29.png") bottom +0px right -375px/auto 600px no-repeat,
#FFF;
}
body.action-view.page-Main_Page #content,
body.action-view.page-Main_Page_editcopy #content {
padding: 0em 0em 1.2em 0em;
}
.mainpage-banner > p {
font-family: EasonPro, Helvetica, Arial, sans-serif;
font-size: 1.8375em;
text-align: center;
}
.mainpage-banner > p > span {
position: relative;
bottom: 2px;
}
.mainpage-banner,
.mainpage-cell,
#editcopylink {
background: rgba(255, 255, 255, 0.85);
}
#mainpage-content {
font-family: CronosPro, Arial, Helvetica, sans-serif;
font-size: 1.225em;
}
.mainpage-cell-wrapper {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-wrap: wrap;
justify-content: center;
max-width: 96em;
margin: 0 auto;
padding-right: 0.5em;
}
.mainpage-cell {
margin: 0.5em 0em 0em 0.5em;
padding: 0.5em;
width: 21em;
border: 1px solid rgba(172, 121, 105, 0.5);
box-sizing: border-box;
}
.mainpage-cell.mainpage-cell-double {
width: 42.5em;
}
.mainpage-cell h2 {
line-height: 1.5em;
font-size: 1.75em;
margin: 0em 0em 0.5em;
}
.mainpage-cell a {
white-space: nowrap;
}
.mainpage-cell a.external {
white-space: normal;
}
.mainpage-cell dl {
margin-top: 0;
margin-bottom: 0;
}
.mainpage-featured-images {
overflow-x: hidden;
}
#editcopylink {
font-size: 0.8em;
font-style: italic;
text-align: right;
margin-top: 1em;
}
#editcopylink span {
margin-right: 2em;
}
/* Hide right background image if it would interfere with left image */
@media only screen and (max-width: 70em) {
.mainpage-background-wrapper {
background: url("/images/8/84/Main_page_background_left_%28Secrets_of_the_Obscure%29.png") top +50px left -30px/auto 600px no-repeat,
#FFF;
}
}
/* Hide featured images and set cells to full width if page width is less than two columns wide */
@media only screen and (max-width: 54.5em) {
.mainpage-featured-images {
display: none;
}
.mainpage-cell,
.mainpage-cell:first-of-type {
width: 100%;
}
}
|
individual pages- vector
/** MAIN PAGE **/
.mainpage-background-wrapper {
overflow-x: hidden;
background: url("/images/d/d2/Main_page_background_left_%28Secrets_of_the_Obscure%29_dark.png") top +50px left -30px/auto 600px no-repeat,
url("/images/3/38/Main_page_background_right_%28Secrets_of_the_Obscure%29.png") bottom +0px right -375px/auto 600px no-repeat,
#36393F; /* color scheme: page gray */
}
body.action-view.page-Main_Page #content,
body.action-view.page-Main_Page_editcopy #content {
padding: 0em 0em 1.2em 0em;
}
.mainpage-banner > p {
font-family: EasonPro, Helvetica, Arial, sans-serif;
font-size: 1.8375em;
text-align: center;
}
.mainpage-banner > p > span {
position: relative;
bottom: 2px;
}
.mainpage-banner,
.mainpage-cell,
#editcopylink {
background: rgba(54,57,63,0.85); /* #36393F in rgb with transparency */ /* color scheme: page gray */
}
#mainpage-content {
font-family: CronosPro, Arial, Helvetica, sans-serif;
font-size: 1.225em;
}
.mainpage-cell-wrapper {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-wrap: wrap;
justify-content: center;
max-width: 96em;
margin: 0 auto;
padding-right: 0.5em;
}
.mainpage-cell {
margin: 0.5em 0em 0em 0.5em;
padding: 0.5em;
width: 21em;
border: 1px solid #5A5C5E; /* color scheme: gray page border */
box-sizing: border-box;
}
.mainpage-cell.mainpage-cell-double {
width: 42.5em;
}
.mainpage-cell h2 {
line-height: 1.5em;
font-size: 1.75em;
margin: 0em 0em 0.5em;
}
.mainpage-cell a {
white-space: nowrap;
}
.mainpage-cell a.external {
white-space: normal;
}
.mainpage-cell dl {
margin-top: 0;
margin-bottom: 0;
}
.mainpage-featured-images {
overflow-x: hidden;
}
#editcopylink {
font-size: 0.8em;
font-style: italic;
text-align: right;
margin-top: 1em;
}
#editcopylink span {
margin-right: 2em;
}
/* Hide right background image if it would interfere with left image */
@media only screen and (max-width: 70em) {
.mainpage-background-wrapper {
background: url("/images/9/9b/Main_page_background_left_(End_of_Dragons)_copy.png") top +100px left 0px/auto 800px no-repeat,
#36393F; /* color scheme: page gray */
}
}
/* Hide featured images and set cells to full width if page width is less than two columns wide */
@media only screen and (max-width: 54.5em) {
.mainpage-featured-images {
display: none;
}
.mainpage-cell,
.mainpage-cell:first-of-type {
width: 100%;
}
}
|
individual pages- minerva
/** MAIN PAGE **/
body.page-Main_Page main {
overflow-x:hidden;
background: url("/images/8/84/Main_page_background_left_%28Secrets_of_the_Obscure%29.png") top +50px left -30px/auto 600px no-repeat,
url("/images/3/38/Main_page_background_right_%28Secrets_of_the_Obscure%29.png") bottom +0px right -375px/auto 600px no-repeat,
#FFF;
}
body.action-view.page-Main_Page #content, body.action-view.page-Main_Page_editcopy #content {
padding: 0em 0em 1.2em 0em;
}
.mainpage-banner > p {
text-align: center;
font-style: italic;
font-size: 125%;
}
.mainpage-banner > p > span {
position: relative;
bottom: 2px;
}
.mainpage-banner, .mainpage-cell, #editcopylink {
background: rgba(255, 255, 255, 0.85);
}
.mainpage-cell-wrapper {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-wrap: wrap;
justify-content: center;
max-width: 96em;
margin: 0 auto;
padding-right: 0.5em
}
.mainpage-cell {
margin: 0.5em 0em 0em 0.5em;
padding: 0.5em;
width: 28em;
border: 1px solid #B7B8CC;
box-sizing: border-box;
}
.mainpage-cell.mainpage-cell-double {
width: 56.5em;
}
.mainpage-cell h2 {
line-height: 1.5em;
font-size: 1.75em;
margin: 0em 0em 0.5em;
}
.mainpage-cell dl {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.mainpage-featured-images {
overflow-x: hidden;
}
#editcopylink {
font-size: 0.8em;
font-style: italic;
text-align: right;
margin-top: 1em;
}
#editcopylink span {
margin-right: 2em;
}
/* Hide featured images and set cells to full width if page width is less than two columns wide */
@media only screen and (max-width:65.5em) {
.mainpage-cell, .mainpage-cell:first-of-type {
width: 100%;
}
}
|
/** -------- TEMPLATES: NOTICES -------- **/ |
template notices- common
/* Notices (e.g. historical content) */
.notice {
margin: 10px auto;
padding-left: 10px;
width: 60%;
min-width: 500px;
}
.notice.static {
width: 500px;
}
/* For narrow screens up to 720px wide */
@media (max-width: 720px) {
.notice,
.notice.static {
width: unset;
min-width: unset;
}
.notice .notice-icon {
display: none;
}
}
|
template notices- monobook
/* Notice templates */
.notice .background {
background-color: #F7F7F7;
border-color: silver;
}
.spoiler-notice {
background-color: #F99;
border-color: #F00;
}
|
template notices- vector
.notice .background {
background-color: #40434A; /* color scheme: inactive tabs */
border-color: #5A5C5E; /* color scheme: gray page border */
}
/* [[Template:Spoiler]] and expandable [[Template:Spoilers]] */
.spoiler-notice {
background-color: #530505;
border-color: #F00;
}
|
template notices- minerva
/** NOTICES **/
.notice {
margin: 10px auto;
padding-left: 10px;
width: unset;
}
.notice .background {
background-color: #F7F7F7;
border-color: silver;
}
/* For narrow screens up to 719px wide */
@media (max-width: 719px) {
.notice .notice-icon {
display: none;
}
}
.spoiler-notice {
background-color: #F99;
border-color: #F00;
}
|
/** -------- TEMPLATES: INFOBOXES -------- **/ |
template infoboxes- common
.infobox .clear,
.recipe-box .clear {
height: 5px;
}
|
template infoboxes- monobook
div.infobox {
float: right;
position: relative;
width: 250px;
background: #FFF;
font-size: 0.923em;
border: 1px solid #AAA;
margin: 0 0 1em 1em;
padding: 0;
background-image: linear-gradient(135deg,#fff 0%,#eee 100%);
}
div.infobox .infobox-icon {
float: right;
position: relative;
z-index: 2;
width: auto;
margin: 5px;
}
/* Missing icons */
.infobox-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/Skill.png/40px-Skill.png");
height: 40px;
width: 40px;
}
.infobox-icon a.new {
background-image: url("/images/thumb/7/74/Skill.png/48px-Skill.png");
height: 48px;
width: 48px;
}
/* animation link beneath icon */
.infobox-icon p {
text-align: center;
color: #444;
font-size: 9px !important;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 0.75em;
line-height: 1em;
margin: 0.25em -0.5em;
padding: 2px;
}
div.infobox .heading {
font-weight: 700;
background-image: url("/images/c/cc/Infobox_header_overlay.png") !important;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
position: relative;
z-index: 1;
margin: -1px -1px 5px !important;
}
div.infobox .heading {
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.417em !important;
color: #FFF !important;
background-color: #444;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
line-height: 1.176em;
font-size-adjust: 0.43;
padding: 0.5em !important;
}
div.infobox .statistics {
text-align: center;
margin: 0 8px;
}
div.infobox .image_wrapper {
text-align: center;
padding: 0;
margin: 10px 0;
}
div.infobox .statistics span + span {
margin-left: 5px;
}
div.infobox .wrapper {
clear: both;
padding: 0;
}
div.infobox dt {
float: left;
text-align: right;
width: 78px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
}
div.infobox dd {
float: left;
width: 140px;
font-weight: 400;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
}
div.infobox::after,
div.infobox .heading::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
div.infobox::after,
div.infobox .heading::after {
bottom: -3px;
}
div.infobox table {
background-color: transparent;
}
div.infobox dt,
div.infobox dd {
line-height: 1.667em;
}
/* declare skill and trait infoboxes first because these colours are overwritten by professions */
div.infobox.skill .heading,
div.infobox.trait .heading {
background-color: #444;
}
div.infobox.skill dd,
div.infobox.skill dt,
div.infobox.trait dd,
div.infobox.trait dt {
border-color: #999;
}
.skill .infobox-icon > div {
border: 2px solid #111;
}
div.infobox.guardian .heading {
background-color: #066;
}
div.infobox.guardian dd,
div.infobox.guardian dt {
border-color: #066;
}
div.infobox.revenant .heading {
background-color: #861313;
}
div.infobox.revenant dd,
div.infobox.revenant dt {
border-color: #861313;
}
div.infobox.warrior .heading {
background-color: #C60;
}
div.infobox.warrior dd,
div.infobox.warrior dt {
border-color: #C60;
}
div.infobox.engineer .heading {
background-color: #630;
}
div.infobox.engineer dd,
div.infobox.engineer dt {
border-color: #630;
}
div.infobox.ranger .heading {
background-color: #360;
}
div.infobox.ranger dd,
div.infobox.ranger dt {
border-color: #360;
}
div.infobox.thief .heading {
background-color: #933;
}
div.infobox.thief dd,
div.infobox.thief dt {
border-color: #933;
}
div.infobox.elementalist .heading {
background-color: #C00;
}
div.infobox.elementalist dd,
div.infobox.elementalist dt {
border-color: #C00;
}
div.infobox.mesmer .heading {
background-color: #606;
}
div.infobox.mesmer dd,
div.infobox.mesmer dt {
border-color: #606;
}
div.infobox.necromancer .heading {
background-color: #063;
}
div.infobox.necromancer dd,
div.infobox.necromancer dt {
border-color: #063;
}
div.infobox.asura .heading {
background-color: #63C;
}
div.infobox.asura dd,
div.infobox.asura dt {
border-color: #63C;
}
div.infobox.charr .heading {
background-color: #900;
}
div.infobox.charr dd,
div.infobox.charr dt {
border-color: #900;
}
div.infobox.human .heading {
background-color: #C90;
}
div.infobox.human dd,
div.infobox.human dt {
border-color: #C90;
}
div.infobox.norn .heading {
background-color: #069;
}
div.infobox.norn dd,
div.infobox.norn dt {
border-color: #069;
}
div.infobox.sylvari .heading {
background-color: #060;
}
div.infobox.sylvari dd,
div.infobox.sylvari dt {
border-color: #060;
}
div.infobox.boon .heading {
background-color: #399;
}
div.infobox.boon dd,
div.infobox.boon dt {
border-color: #399;
}
div.infobox.condition .heading {
background-color: #363;
}
div.infobox.condition dd,
div.infobox.condition dt {
border-color: #363;
}
div.infobox.promo .heading {
background-color: #6EA500;
}
div.infobox.promo dd,
div.infobox.promo dt {
border-color: #6EA500;
}
div.infobox.item .heading {
background-color: #C30;
}
div.infobox.item dd,
div.infobox.item dt {
border-color: #C30;
}
div.infobox.skin .heading {
background-color: #C4003E;
}
div.infobox.skin dd,
div.infobox.skin dt {
border-color: #C4003E;
}
div.infobox.crafting .heading {
background-color: #533610;
}
div.infobox.crafting dd,
div.infobox.crafting dt {
border-color: #533610;
}
div.infobox.npc .heading {
background-color: #390;
}
div.infobox.npc dd,
div.infobox.npc dt {
border-color: #390;
}
div.infobox.pet .heading {
background-color: #360;
}
div.infobox.pet dd,
div.infobox.pet dt {
border-color: #360;
}
div.infobox.quest .heading {
background-color: #F90;
}
div.infobox.quest dd,
div.infobox.quest dt {
border-color: #F90;
}
div.infobox.area .heading {
background-color: #306;
}
div.infobox.area dd,
div.infobox.area dt {
border-color: #306;
}
div.infobox.rewardtrack .heading {
background-color: #001434;
}
div.infobox.rewardtrack dd,
div.infobox.rewardtrack dt {
border-color: #4C5A70;
}
/* RECIPE BOXES */
div.recipe-box {
min-width: 300px;
display: inline-block;
float: none;
clear: none;
vertical-align: top;
font-size: 1em;
margin: 0 1em 0 0;
position: relative;
background: #FFF;
border: 1px solid #AAA;
padding: 0;
background-image: linear-gradient(135deg,#fff 0%,#eee 100%);
}
div.recipe-box::after {
/* from div.infobox:after */
bottom: -4px;
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
div.recipe-box .subheading,
div.recipe-box .heading {
text-align: center;
background-color: #D3C0A8;
padding: 2px;
font-weight: bold;
background-image: url("/images/c/cc/Infobox_header_overlay.png") !important;
border: 1px solid rgba(0, 0, 0, 0.25);
margin: -1px -1px 5px !important;
}
div.recipe-box .subheading {
border-width: 0 1px;
}
div.recipe-box dl {
margin: 10px 0;
}
div.recipe-box dt {
float: left;
text-align: right;
width: 78px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #A99A86;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
line-height: 1.667em;
}
div.recipe-box dd {
float: left;
border-left: 2px solid #A99A86;
margin: 0;
padding: 2px 7px;
}
|
template infoboxes- vector
/** INFOBOXES **/
div.infobox {
float: right;
position: relative;
width: 250px;
font-size: 0.923em;
border-width: 1px;
border-style: solid;
margin: 0 0 1em 1em;
padding: 0;
}
.infobox-icon {
float: right;
position: relative;
z-index: 2;
width: auto;
margin: 5px;
}
.infobox.skill .infobox-icon > div {
border: 2px solid #111;
}
/* Missing icons */
.infobox-icon a.new {
color: transparent;
display: inline-block;
font-size: 0;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/Skill.png/40px-Skill.png");
height: 40px;
width: 40px;
}
.infobox.skill .infobox-icon a.new {
background-image: url("/images/thumb/7/74/Skill.png/48px-Skill.png");
height: 48px;
width: 48px;
}
/* animation link beneath icon */
.infobox-icon p {
font-size: 9px !important;
line-height: 1em;
margin: 0.25em -0.5em;
padding: 2px;
}
div.infobox .heading {
border-bottom-width: 0;
font-family: EasonPro, "Times New Roman", serif !important;
font-size-adjust: 0.43;
font-size: 1.417em !important;
font-weight: 700;
line-height: 1.176em;
margin: -1px -1px 5px !important;
padding: 0.5em !important;
position: relative;
text-align: center;
z-index: 1;
border-width: 1px;
border-style: solid;
}
div.infobox .statistics {
text-align: center;
margin: 0 8px;
}
div.infobox .image_wrapper {
text-align: center;
padding: 0;
margin: 10px 0;
}
div.infobox .statistics span + span {
margin-left: 5px;
}
div.infobox .wrapper {
clear: both;
padding: 0;
}
div.infobox dt {
float: left;
text-align: right;
width: 78px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right-width: 1px;
border-right-style: solid;
margin: 0 -1px 0 0;
padding: 2px 8px 2px 3px;
}
div.infobox dd {
float: left;
width: 125px;
font-weight: 400;
border-left-width: 1px;
border-left-style: solid;
margin: 0;
padding: 2px 7px;
}
div.infobox::after,
div.infobox .heading::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
div.infobox::after,
div.infobox .heading::after {
bottom: -4px;
}
div.infobox table {
background-color: transparent;
}
div.infobox dt,
div.infobox dd {
line-height: 1.667em;
}
/* Switch locator maps from black to white borders with orange areas, and also if using the locator subpage template */
.infobox.area a[href$="locator.svg"],
.infobox.area img[alt$="locator.svg"] {
filter: invert(100%) hue-rotate(220deg) brightness(78%);
}
/* RECIPE BOXES */
div.recipe-box {
min-width: 300px;
display: inline-block;
float: none;
clear: none;
vertical-align: top;
font-size: 1em;
margin: 0 1em 0 0;
position: relative;
border-width: 1px;
border-style: solid;
padding: 0;
}
/* same as div.infobox:after */
div.recipe-box::after {
bottom: -4px;
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
div.recipe-box .heading,
div.recipe-box .subheading {
text-align: center;
padding: 2px;
font-weight: bold;
border-width: 1px;
border-style: solid;
margin: -1px -1px 5px !important;
}
div.recipe-box .subheading {
border-width: 0 1px;
}
div.recipe-box dl {
margin: 10px 0;
}
div.recipe-box dt {
float: left;
text-align: right;
width: 78px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right-width: 1px;
border-right-style: solid;
margin: 0 -1px 0 0;
padding: 2px 8px 2px 3px;
line-height: 1.667em;
}
div.recipe-box dd {
float: left;
border-left-width: 1px;
border-left-style: solid;
margin: 0;
padding: 2px 7px;
}
div.infobox,
div.recipe-box {
background-color: #40434A; /* color scheme: inactive tabs */
}
div.infobox .heading,
div.recipe-box .heading,
div.recipe-box .subheading {
background-color: #1A1A1A; /* color scheme: super dark */
}
div.infobox,
div.infobox .heading,
div.infobox dt,
div.infobox dd,
div.recipe-box,
div.recipe-box dt,
div.recipe-box dd,
div.recipe-box .heading,
div.recipe-box .subheading {
border-color: #5A5C5E; /* color scheme: gray page border */
}
|
template infoboxes- minerva
/** INFOBOXES **/
.content .infobox,
.recipe-box {
border: 1px solid black;
}
.infobox .heading,
.recipe-box .heading {
background-color: #DDD;
margin: 0em;
padding: 0.5em 1em;
border-bottom:1px solid black;
color: #FFF !important;
background-color: #444;
font-weight: bold;
text-shadow: rgba(0,0,0,0.75) 0 0 .25em;
font-size: 120%;
}
.infobox-icon {
margin: 1.2em;
float: right;
}
.infobox .statistics {
margin: 0 2em;
}
.infobox .statistics span + span {
margin-left: 5px;
}
.infobox .wrapper, .recipe-box .wrapper {
background-color: white;
padding: 0.5em;
clear: both;
}
.infobox dd, .recipe-box dd, .ingredients dd {
margin-left: 1em;
}
.infobox table {
margin: 0em;
}
/* Over-ride native mediawiki rule which sets tables to display as block below 720px */
@media all and (max-width:720px) {
.content .infobox table {
display: table;
}
}
/* Color themes - apply skill/trait first since they'll be overwritten */
div.infobox.skill .heading,
div.infobox.trait .heading {
background-color: #444;
}
div.infobox.guardian .heading {
background-color: #066;
}
div.infobox.revenant .heading {
background-color: #861313;
}
div.infobox.warrior .heading {
background-color: #C60;
}
div.infobox.engineer .heading {
background-color: #630;
}
div.infobox.ranger .heading {
background-color: #360;
}
div.infobox.thief .heading {
background-color: #933;
}
div.infobox.elementalist .heading {
background-color: #C00;
}
div.infobox.mesmer .heading {
background-color: #606;
}
div.infobox.necromancer .heading {
background-color: #063;
}
div.infobox.asura .heading {
background-color: #63C;
}
div.infobox.charr .heading {
background-color: #900;
}
div.infobox.human .heading {
background-color: #C90;
}
div.infobox.norn .heading {
background-color: #069;
}
div.infobox.sylvari .heading {
background-color: #060;
}
div.infobox.boon .heading {
background-color: #399;
}
div.infobox.condition .heading {
background-color: #363;
}
div.infobox.promo .heading {
background-color: #6EA500;
}
div.infobox.item .heading {
background-color: #C30;
}
div.infobox.skin .heading {
background-color: #C4003E;
}
div.infobox.crafting .heading {
background-color: #533610;
}
div.infobox.npc .heading {
background-color: #390;
}
div.infobox.pet .heading {
background-color: #360;
}
div.infobox.quest .heading {
background-color: #F90;
}
div.infobox.area .heading {
background-color: #306;
}
div.infobox.rewardtrack .heading {
background-color: #001434;
}
div.recipe-box .heading {
padding: 1em;
}
div.recipe-box .subheading {
padding: 0.5em 1em;
font-weight: bold;
border-bottom: 1px solid black;
}
|
/** -------- TEMPLATES: NAVS -------- **/ |
template navs- monobook
/** NAVS **/
div.nav {
position: relative;
}
div.nav .box {
background-image: linear-gradient(135deg,#fff 0%,#eee 100%);
border: 1px solid #AAA;
border-spacing: 0;
font-size: 0.9230769231em;
min-height: 60px;
position: relative;
margin: auto;
}
div.nav .box {
width: 42em;
}
div.nav.thin .box {
width: 34em;
}
div.nav.wide .box {
width: 50em;
}
div.nav.full .box {
width: unset;
}
div.nav .heading {
background-color: #888;
background-image: url("/images/c/cc/Infobox_header_overlay.png") !important;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
font-family: Arial, sans-serif !important;
font-size: 1.083em;
font-size-adjust: 0.52;
font-weight: 700;
line-height: 100%;
text-align: center;
margin: -1px -1px 0px;
padding: 0.769em 0;
position: relative;
z-index: 1;
}
div.nav .clear {
height: 0.667em;
}
div.nav .box::after,
div.nav .heading::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
div.nav .box::after,
div.nav .heading::after {
bottom: -3px;
}
div.nav .wrapper {
padding: 0px 8px;
}
div.nav dl,
div.nav .wrapper.hlist > ul {
margin: 0.667em 0em;
}
div.nav dt {
float: left;
text-align: right;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 0px;
width: 25%;
}
div.nav dd {
float: left;
text-align: left;
border-left: 2px solid #888;
margin: 0;
padding: 2px 0px 2px 8px;
width: 67%;
}
div.nav dt,
div.nav dd {
line-height: 1.667em;
}
div.nav table {
line-height: 1.667em;
background-color: transparent;
border-collapse: collapse;
width: 100%;
margin: 0.667em 0;
}
div.nav table th {
text-align: right;
border-right: 2px solid #888;
vertical-align: top;
padding: 2px 8px;
}
div.nav table td {
padding: 2px 8px;
}
.nav .wrapper p {
margin-top: 0.667em;
margin-bottom: 0.667em;
}
div.nav .selflink {
font-weight: bold;
}
div.nav.guardian .heading {
background-color: #39C;
}
div.nav.guardian dd,
div.nav.guardian dt,
div.nav.guardian table th,
div.nav table tr.guardian th {
border-color: #39C;
}
div.nav.revenant .heading {
background-color: #C23F3A;
}
div.nav.revenant dd,
div.nav.revenant dt,
div.nav.revenant table th,
div.nav table tr.revenant th {
border-color: #C23F3A;
}
div.nav.warrior .heading {
background-color: #F93;
}
div.nav.warrior dd,
div.nav.warrior dt,
div.nav.warrior table th,
div.nav table tr.warrior th {
border-color: #F93;
}
div.nav.engineer .heading {
background-color: #963;
}
div.nav.engineer dd,
div.nav.engineer dt,
div.nav.engineer table th,
div.nav table tr.engineer th {
border-color: #963;
}
div.nav.ranger .heading {
background-color: #6C3;
}
div.nav.ranger dd,
div.nav.ranger dt,
div.nav.ranger table th,
div.nav table tr.ranger th {
border-color: #6C3;
}
div.nav.thief .heading {
background-color: #C66;
}
div.nav.thief dd,
div.nav.thief dt,
div.nav.thief table th,
div.nav table tr.thief th {
border-color: #C66;
}
div.nav.elementalist .heading {
background-color: #EC5752;
}
div.nav.elementalist dd,
div.nav.elementalist dt,
div.nav.elementalist table th,
div.nav table tr.elementalist th {
border-color: #EC5752;
}
div.nav.mesmer .heading {
background-color: #939;
}
div.nav.mesmer dd,
div.nav.mesmer dt,
div.nav.mesmer table th,
div.nav table tr.mesmer th {
border-color: #939;
}
div.nav.necromancer .heading {
background-color: #396;
}
div.nav.necromancer dd,
div.nav.necromancer dt,
div.nav.necromancer table th,
div.nav table tr.necromancer th {
border-color: #396;
}
div.nav.asura .heading {
background-color: #96F;
}
div.nav.asura dd,
div.nav.asura dt,
div.nav.asura table th,
div.nav table tr.asura th {
border-color: #96F;
}
div.nav.charr .heading {
background-color: #D25D6B;
}
div.nav.charr dd,
div.nav.charr dt,
div.nav.charr table th,
div.nav table tr.charr th {
border-color: #D25D6B;
}
div.nav.human .heading {
background-color: #FC3;
}
div.nav.human dd,
div.nav.human dt,
div.nav.human table th,
div.nav table tr.human th {
border-color: #FC3;
}
div.nav.norn .heading {
background-color: #6CF;
}
div.nav.norn dd,
div.nav.norn dt,
div.nav.norn table th,
div.nav table tr.norn th {
border-color: #6CF;
}
div.nav.sylvari .heading {
background-color: #3C3;
}
div.nav.sylvari dd,
div.nav.sylvari dt,
div.nav.sylvari table th,
div.nav table tr.sylvari th {
border-color: #3C3;
}
div.nav.npc .heading {
background-color: #6C3;
}
div.nav.npc dd,
div.nav.npc dt,
div.nav.npc table th,
div.nav table tr.npc th {
border-color: #6C3;
}
div.nav.pve .heading {
background-color: #FC6;
}
div.nav.pve dd,
div.nav.pve dt,
div.nav.pve table th,
div.nav table tr.pve th {
border-color: #FC6;
}
div.nav.equip .heading {
background-color: #F96;
}
div.nav.equip dd,
div.nav.equip dt,
div.nav.equip table th,
div.nav table tr.equip th {
border-color: #F96;
}
div.nav.mech1 .heading {
background-color: #69C;
}
div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th,
div.nav table tr.mech1 th {
border-color: #69C;
}
div.nav.mech2 .heading {
background-color: #3CC;
}
div.nav.mech2 dd,
div.nav.mech2 dt,
div.nav.mech2 table th,
div.nav table tr.mech2 th {
border-color: #3CC;
}
div.nav.location .heading {
background-color: #96C;
}
div.nav.location dd,
div.nav.location dt,
div.nav.location table th,
div.nav table tr.location th {
border-color: #96C;
}
div.nav.lore .heading {
background-color: #C6C;
}
div.nav.lore dd,
div.nav.lore dt,
div.nav.lore table th,
div.nav table tr.lore th {
border-color: #C6C;
}
div.nav.promo .heading {
background-color: #9C3;
}
div.nav.promo dd,
div.nav.promo dt,
div.nav.promo table th,
div.nav table tr.promo th {
border-color: #9C3;
}
div.nav.quest .heading {
background-color: #F8B57D;
}
div.nav.quest dd,
div.nav.quest dt,
div.nav.quest table th,
div.nav table tr.quest th {
border-color: #F8B57D;
}
div.nav.crafting .heading,
div.nav.recipe .heading {
background-color: #963;
}
div.nav.crafting dd,
div.nav.crafting dt,
div.nav.crafting table th,
div.nav table tr.crafting th,
div.nav.recipe dd,
div.nav.recipe dt,
div.nav.recipe table th,
div.nav table tr.recipe th {
border-color: #963;
}
/* Subheadings */
div.nav .subheading {
background-color: #CCC;
border-color: #AAA;
}
/* Subheadings - professions */
div.nav .subheading.guardian {
background-color: #B9E0EC;
border-color: #94B3BD;
}
div.nav .subheading.revenant {
background-color: #E3B4AA;
border-color: #BFA8A0;
}
div.nav .subheading.warrior {
background-color: #FFE8B3;
border-color: #CCBA8F;
}
div.nav .subheading.engineer {
background-color: #E8BC84;
border-color: #BA966A;
}
div.nav .subheading.ranger {
background-color: #C7EFA2;
border-color: #9FBF82;
}
div.nav .subheading.thief {
background-color: #DEC6C9;
border-color: #B29EA1;
}
div.nav .subheading.elementalist {
background-color: #FBC5C3;
border-color: #C99E9C;
}
div.nav .subheading.mesmer {
background-color: #DBBCEA;
border-color: #AF96BB;
}
div.nav .subheading.necromancer {
background-color: #A9D3B7;
border-color: #87A992;
}
/* Subheadings - races */
div.nav .subheading.asura {
background-color: #D1BDF8;
border-color: #A797C6;
}
div.nav .subheading.charr {
background-color: #FFBCC3;
border-color: #CC969C;
}
div.nav .subheading.human {
background-color: #FFF2B3;
border-color: #CCC28F;
}
div.nav .subheading.norn {
background-color: #BADDFF;
border-color: #95B1CC;
}
div.nav .subheading.sylvari {
background-color: #B0F3B2;
border-color: #8DC28E;
}
/* Subheadings - types */
div.nav .subheading.npc {
background-color: #B3E699;
border-color: #8FB87A;
}
div.nav .subheading.pve {
background-color: #FFE6B3;
border-color: #CCB88F;
}
div.nav .subheading.equip {
background-color: #FFCCB3;
border-color: #CCA38F;
}
div.nav .subheading.skin {
background-color: #FFD4DF;
border-color: #B3A1A5;
}
div.nav .subheading.mech1 {
background-color: #B3CCE6;
border-color: #8FA3B8;
}
div.nav .subheading.mech2 {
background-color: #99E6E6;
border-color: #7AB8B8;
}
div.nav .subheading.lore {
background-color: #E6B3E6;
border-color: #B88FB8;
}
div.nav .subheading.location {
background-color: #CCB3E6;
border-color: #A38FB8;
}
div.nav .subheading.promo {
background-color: #CCE699;
border-color: #A3B87A;
}
div.nav .subheading.crafting,
div.nav .subheading.recipe {
background-color: #E6CCB3;
border-color: #B8A38F;
}
/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
background-color: transparent;
margin: 0.5em 0 !important;
}
|
template navs- vector
/** NAVS **/
div.nav {
position: relative;
}
div.nav .box {
border-width: 1px;
border-style: solid;
border-spacing: 0;
font-size: 0.9230769231em;
min-height: 60px;
position: relative;
margin: auto;
}
div.nav .box {
width: 42em;
}
div.nav.thin .box {
width: 34em;
}
div.nav.wide .box {
width: 50em;
}
div.nav.full .box {
width: unset;
}
div.nav .heading {
border-width: 1px;
border-style: solid;
font-family: Arial, sans-serif !important;
font-size: 1.083em;
font-size-adjust: 0.52;
font-weight: 700;
line-height: 100%;
text-align: center;
margin: -1px -1px 0px;
padding: 0.769em 0;
position: relative;
z-index: 1;
}
div.nav .clear {
height: 0.667em;
}
div.nav .box::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
div.nav .box::after {
bottom: -4px;
}
div.nav .wrapper {
padding: 0px 8px;
}
div.nav dl,
div.nav .wrapper.hlist > ul {
margin: 0.667em 0em;
}
div.nav dt {
float: left;
text-align: right;
clear: left;
margin: 0 -1px 0 0;
padding: 2px 8px 2px 0px;
width: 25%;
border-right-width: 1px;
border-right-style: solid;
}
div.nav dd {
float: left;
text-align: left;
margin: 0;
padding: 2px 0px 2px 8px;
width: 67%;
border-left-width: 1px;
border-left-style: solid;
}
div.nav dt,
div.nav dd {
line-height: 1.667em;
}
div.nav table {
line-height: 1.667em;
background-color: transparent;
border-collapse: collapse;
width: 100%;
margin: 0.667em 0;
}
div.nav table th {
text-align: right;
border-right-width: 1px;
border-right-style: solid;
vertical-align: top;
padding: 2px 8px;
}
div.nav table td {
padding: 2px 8px;
}
.nav .wrapper p {
margin-top: 0.667em;
margin-bottom: 0.667em;
}
div.nav .selflink {
font-weight: bold;
}
/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
background-color: transparent;
margin: 0.5em 0 !important;
}
div.nav .box {
background-color: #40434A; /* color scheme: inactive tabs */
}
div.nav .heading {
background-color: #1A1A1A; /* color scheme: super dark */
}
div.nav .box,
div.nav .heading,
div.nav dt,
div.nav dd,
div.nav table th {
border-color: #5A5C5E; /* color scheme: gray page border */
}
/* For navs where background colors are hardcoded and sufficiently complicated */
.black-text,
.black-text a {
color: black;
}
|
template navs- minerva
/** NAVS **/
.nav {
border: 1px solid black;
}
.nav .heading {
background-color: #DDD;
text-align: center;
font-weight: bold;
}
.nav .wrapper {
padding: 0.5em;
border-top: 1px solid black;
}
div.nav dl,
div.nav .wrapper.hlist > ul {
margin: 0.667em 0em;
}
div.nav.guardian .heading {
background-color: #39C;
}
div.nav.revenant .heading {
background-color: #C23F3A;
}
div.nav.warrior .heading {
background-color: #F93;
}
div.nav.engineer .heading {
background-color: #963;
}
div.nav.ranger .heading {
background-color: #6C3;
}
div.nav.thief .heading {
background-color: #C66;
}
div.nav.elementalist .heading {
background-color: #EC5752;
}
div.nav.mesmer .heading {
background-color: #939;
}
div.nav.necromancer .heading {
background-color: #396;
}
div.nav.asura .heading {
background-color: #96F;
}
div.nav.charr .heading {
background-color: #D25D6B;
}
div.nav.human .heading {
background-color: #FC3;
}
div.nav.norn .heading {
background-color: #6CF;
}
div.nav.sylvari .heading {
background-color: #3C3;
}
div.nav.npc .heading {
background-color: #6C3;
}
div.nav.pve .heading {
background-color: #FC6;
}
div.nav.equip .heading {
background-color: #F96;
}
div.nav.mech1 .heading {
background-color: #69C;
}
div.nav.mech2 .heading {
background-color: #3CC;
}
div.nav.location .heading {
background-color: #96C;
}
div.nav.lore .heading {
background-color: #C6C;
}
div.nav.promo .heading {
background-color: #9C3;
}
div.nav.quest .heading {
background-color: #F8B57D;
}
div.nav.crafting .heading,
div.nav.recipe .heading {
background-color: #963;
}
/* Subheadings */
div.nav .subheading {
background-color: #CCC;
}
/* Subheadings - professions */
div.nav .subheading.guardian {
background-color: #B9E0EC;
}
div.nav .subheading.revenant {
background-color: #E3B4AA;
}
div.nav .subheading.warrior {
background-color: #FFE8B3;
}
div.nav .subheading.engineer {
background-color: #E8BC84;
}
div.nav .subheading.ranger {
background-color: #C7EFA2;
}
div.nav .subheading.thief {
background-color: #DEC6C9;
}
div.nav .subheading.elementalist {
background-color: #FBC5C3;
}
div.nav .subheading.mesmer {
background-color: #DBBCEA;
}
div.nav .subheading.necromancer {
background-color: #A9D3B7;
}
/* Subheadings - races */
div.nav .subheading.asura {
background-color: #D1BDF8;
}
div.nav .subheading.charr {
background-color: #FFBCC3;
}
div.nav .subheading.human {
background-color: #FFF2B3;
}
div.nav .subheading.norn {
background-color: #BADDFF;
}
div.nav .subheading.sylvari {
background-color: #B0F3B2;
}
/* Subheadings - types */
div.nav .subheading.npc {
background-color: #B3E699;
}
div.nav .subheading.pve {
background-color: #FFE6B3;
}
div.nav .subheading.equip {
background-color: #FFCCB3;
}
div.nav .subheading.skin {
background-color: #FFD4DF;
}
div.nav .subheading.mech1 {
background-color: #B3CCE6;
}
div.nav .subheading.mech2 {
background-color: #99E6E6;
}
div.nav .subheading.lore {
background-color: #E6B3E6;
}
div.nav .subheading.location {
background-color: #CCB3E6;
}
div.nav .subheading.promo {
background-color: #CCE699;
}
div.nav .subheading.crafting,
div.nav .subheading.recipe {
background-color: #E6CCB3;
}
| |
/** -------- TEMPLATES: TABLES -------- **/ |
template tables- monobook
/** TABLE CLASSES **/
.table {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
}
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
.table::after {
bottom: -3px;
}
.table > caption {
font-weight: bold;
}
.table tr {
text-align: left;
border-color: #AAA;
}
.table > * > tr > :first-child {
border-left: 1px solid #AAA;
}
.table > * > tr > :last-child {
border-right: 1px solid #AAA;
}
.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > * {
border-bottom: 1px solid #AAA;
}
.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: url("/images/c/cc/Infobox_header_overlay.png");
background-color: #EEE;
border-color: #AAA;
padding: 0.5em;
}
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
line-height: 1.667em;
padding: 0.25em 0.5em;
}
.table tr > th,
.table[class*="center"] tr {
text-align: center;
}
.table[class*="left"] tr {
text-align: left;
}
.table[class*="right"] tr {
text-align: right;
}
.table[class*="middle"] tr {
vertical-align: middle;
}
.table[class*="top"] tr {
vertical-align: top;
}
.table[class*="bottom"] tr {
vertical-align: bottom;
}
.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
background-color: #EEE;
border: 1px solid #AAA !important;
}
.table > tbody > tr > th,
.table > tfoot > tr > th {
background-color: #E7E7E7;
border-color: #AAA;
}
.table > tbody > tr:nth-child(odd) {
background-color: #F3F3F3;
border-color: #AAA;
}
.table > tbody,
.table > tbody > tr.heading,
.table > thead > tr,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] {
border: 1px solid #AAA;
}
.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] {
border-top-width: 0;
}
.table .line,
.table .line-bottom {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}
.table .line-top {
border-top-width: 1px !important;
border-top-style: solid;
border-top-color: #AAA;
}
.table .line-left {
border-left-width: 1px !important;
border-left-style: solid;
border-left-color: #AAA;
}
.table .line-right {
border-right-width: 1px !important;
border-right-style: solid;
border-right-color: #AAA;
}
.table table {
background-color: transparent;
padding: 0;
margin: 0;
}
dl + table.table {
margin-top: 0;
}
/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class*="center"]::after,
.table.noshadowafter::after {
background-image: none;
}
/** STDT TABLE CLASSES **/
/* whole table */
/* any */
/* First row, or a row classed as heading, receives color border (applied to conventional cells) */
/* Cells within first row receive background colors */
/* Merged cells also require color border */
.table.any > :first-child > tr:first-child,
.table.any > :first-child > tr:first-child > *,
.table.any > * > tr.heading,
.table.any > * > tr.heading > * {
background-color: #888 !important;
border-color: #6D6D6D !important;
}
/* Any header cell gets a coloured background - less vivid than first row */
/* Border color required for merged cells */
.table.any > * > tr > th {
background-color: #CCC;
border-color: #AAA;
}
/* Alternating row colors. Off by one row for sortable tables, too many css lines to bother putting them back to odd. */
.table.any > tbody > tr:nth-child(odd) {
background-color: #EEE;
}
/* guardian */
.table.guardian > :first-child > tr:first-child,
.table.guardian > :first-child > tr:first-child > *,
.table.guardian > * > tr.heading,
.table.guardian > * > tr.heading > * {
background-color: #72C1D9 !important;
border-color: #5B9AAE !important;
}
.table.guardian > * > tr > th {
background-color: #B9E0EC;
border-color: #94B3BD;
}
.table.guardian > tbody > tr:nth-child(odd) {
background-color: #EAF6F9;
}
/* revenant */
.table.revenant > :first-child > tr:first-child,
.table.revenant > :first-child > tr:first-child > *,
.table.revenant > * > tr.heading,
.table.revenant > * > tr.heading > * {
background-color: #B1574C !important;
border-color: #A65747 !important;
}
.table.revenant > * > tr > th {
background-color: #E3B4AA;
border-color: #BFA8A0;
}
.table.revenant > tbody > tr:nth-child(odd) {
background-color: #F6ECE9;
}
/* warrior */
.table.warrior > :first-child > tr:first-child,
.table.warrior > :first-child > tr:first-child > *,
.table.warrior > * > tr.heading,
.table.warrior > * > tr.heading > * {
background-color: #FFD166 !important;
border-color: #CCA752 !important;
}
.table.warrior > * > tr > th {
background-color: #FFE8B3;
border-color: #CCBA8F;
}
.table.warrior > tbody > tr:nth-child(odd) {
background-color: #FFF8E8;
}
/* engineer */
.table.engineer > :first-child > tr:first-child,
.table.engineer > :first-child > tr:first-child > *,
.table.engineer > * > tr.heading,
.table.engineer > * > tr.heading > * {
background-color: #D09C59 !important;
border-color: #A67D47 !important;
}
.table.engineer > * > tr > th {
background-color: #E8BC84;
border-color: #BA966A;
}
.table.engineer > tbody > tr:nth-child(odd) {
background-color: #F8EBDA;
}
/* ranger */
.table.ranger > :first-child > tr:first-child,
.table.ranger > :first-child > tr:first-child > *,
.table.ranger > * > tr.heading,
.table.ranger > * > tr.heading > * {
background-color: #8EDF44 !important;
border-color: #72B236 !important;
}
.table.ranger > * > tr > th {
background-color: #C7EFA2;
border-color: #9FBF82;
}
.table.ranger > tbody > tr:nth-child(odd) {
background-color: #EEFAE3;
}
/* thief */
.table.thief > :first-child > tr:first-child,
.table.thief > :first-child > tr:first-child > *,
.table.thief > * > tr.heading,
.table.thief > * > tr.heading > * {
background-color: #C08F95 !important;
border-color: #9A7277 !important;
}
.table.thief > * > tr > th {
background-color: #DEC6C9;
border-color: #B29EA1;
}
.table.thief > tbody > tr:nth-child(odd) {
background-color: #F5EEEF;
}
/* elementalist */
.table.elementalist > :first-child > tr:first-child,
.table.elementalist > :first-child > tr:first-child > *,
.table.elementalist > * > tr.heading,
.table.elementalist > * > tr.heading > * {
background-color: #F68A87 !important;
border-color: #C56E6C !important;
}
.table.elementalist > * > tr > th {
background-color: #FBC5C3;
border-color: #C99E9C;
}
.table.elementalist > tbody > tr:nth-child(odd) {
background-color: #FEEEED;
}
/* mesmer */
.table.mesmer > :first-child > tr:first-child,
.table.mesmer > :first-child > tr:first-child > *,
.table.mesmer > * > tr.heading,
.table.mesmer > * > tr.heading > * {
background-color: #B679D5 !important;
border-color: #9261AA !important;
}
.table.mesmer > * > tr > th {
background-color: #DBBCEA;
border-color: #AF96BB;
}
.table.mesmer > tbody > tr:nth-child(odd) {
background-color: #F4EBF9;
}
/* necromancer */
.table.necromancer > :first-child > tr:first-child,
.table.necromancer > :first-child > tr:first-child > *,
.table.necromancer > * > tr.heading,
.table.necromancer > * > tr.heading > * {
background-color: #52A76F !important;
border-color: #428659 !important;
}
.table.necromancer > * > tr > th {
background-color: #A9D3B7;
border-color: #87A992;
}
.table.necromancer > tbody > tr:nth-child(odd) {
background-color: #E5F2EA;
}
/* asura */
.table.asura > :first-child > tr:first-child,
.table.asura > :first-child > tr:first-child > *,
.table.asura > * > tr.heading,
.table.asura > * > tr.heading > * {
background-color: #A27BF1 !important;
border-color: #8262C1 !important;
}
.table.asura > * > tr > th {
background-color: #D1BDF8;
border-color: #A797C6;
}
.table.asura > tbody > tr:nth-child(odd) {
background-color: #F1EBFD;
}
/* charr */
.table.charr > :first-child > tr:first-child,
.table.charr > :first-child > tr:first-child > *,
.table.charr > * > tr.heading,
.table.charr > * > tr.heading > * {
background-color: #FE7887 !important;
border-color: #CB606C !important;
}
.table.charr > * > tr > th {
background-color: #FFBCC3;
border-color: #CC969C;
}
.table.charr > tbody > tr:nth-child(odd) {
background-color: #FFEBED;
}
/* human */
.table.human > :first-child > tr:first-child,
.table.human > :first-child > tr:first-child > *,
.table.human > * > tr.heading,
.table.human > * > tr.heading > * {
background-color: #FFE566 !important;
border-color: #CCB752 !important;
}
.table.human > * > tr > th {
background-color: #FFF2B3;
border-color: #CCC28F;
}
.table.human > tbody > tr:nth-child(odd) {
background-color: #FFFBE8;
}
/* norn */
.table.norn > :first-child > tr:first-child,
.table.norn > :first-child > tr:first-child > *,
.table.norn > * > tr.heading,
.table.norn > * > tr.heading > * {
background-color: #75BAFF !important;
border-color: #5E95CC !important;
}
.table.norn > * > tr > th {
background-color: #BADDFF;
border-color: #95B1CC;
}
.table.norn > tbody > tr:nth-child(odd) {
background-color: #EAF5FF;
}
/* sylvari */
.table.sylvari > :first-child > tr:first-child,
.table.sylvari > :first-child > tr:first-child > *,
.table.sylvari > * > tr.heading,
.table.sylvari > * > tr.heading > * {
background-color: #61E665 !important;
border-color: #4EB851 !important;
}
.table.sylvari > * > tr > th {
background-color: #B0F3B2;
border-color: #8DC28E;
}
.table.sylvari > tbody > tr:nth-child(odd) {
background-color: #E7FBE8;
}
/* npc */
.table.npc > :first-child > tr:first-child,
.table.npc > :first-child > tr:first-child > *,
.table.npc > * > tr.heading,
.table.npc > * > tr.heading > * {
background-color: #6C3 !important;
border-color: #52A329 !important;
}
.table.npc > * > tr > th {
background-color: #B3E699;
border-color: #8FB87A;
}
.table.npc > tbody > tr:nth-child(odd) {
background-color: #E8F8E1;
}
/* pve */
.table.pve > :first-child > tr:first-child,
.table.pve > :first-child > tr:first-child > *,
.table.pve > * > tr.heading,
.table.pve > * > tr.heading > * {
background-color: #FC6 !important;
border-color: #CCA352 !important;
}
.table.pve > * > tr > th {
background-color: #FFE6B3;
border-color: #CCB88F;
}
.table.pve > tbody > tr:nth-child(odd) {
background-color: #FFF8E8;
}
/* equip */
.table.equip > :first-child > tr:first-child,
.table.equip > :first-child > tr:first-child > *,
.table.equip > * > tr.heading,
.table.equip > * > tr.heading > * {
background-color: #F96 !important;
border-color: #CC7A52 !important;
}
.table.equip > * > tr > th {
background-color: #FFCCB3;
border-color: #CCA38F;
}
.table.equip > tbody > tr:nth-child(odd) {
background-color: #FFF0E8;
}
/* item (same as equip), split for clarity */
.table.item > :first-child > tr:first-child,
.table.item > :first-child > tr:first-child > *,
.table.item > * > tr.heading,
.table.item > * > tr.heading > * {
background-color: #F96 !important;
border-color: #CC7A52 !important;
}
.table.item > * > tr > th {
background-color: #FFCCB3;
border-color: #CCA38F;
}
.table.item > tbody > tr:nth-child(odd) {
background-color: #FFF0E8;
}
/* skin */
.table.skin > :first-child > tr:first-child,
.table.skin > :first-child > tr:first-child > *,
.table.skin > * > tr.heading,
.table.skin > * > tr.heading > * {
background-color: #E07A98 !important;
border-color: #996574 !important;
}
.table.skin > * > tr > th {
background-color: #FFD4DF;
border-color: #B3A1A5;
}
.table.skin > tbody > tr:nth-child(odd) {
background-color: #FFEDF4;
}
/* mech1 */
.table.mech1 > :first-child > tr:first-child,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > * > tr.heading,
.table.mech1 > * > tr.heading > * {
background-color: #69C !important;
border-color: #527AA3 !important;
}
.table.mech1 > * > tr > th {
background-color: #B3CCE6;
border-color: #8FA3B8;
}
.table.mech1 > tbody > tr:nth-child(odd) {
background-color: #E8F0F8;
}
/* mech2 */
.table.mech2 > :first-child > tr:first-child,
.table.mech2 > :first-child > tr:first-child > *,
.table.mech2 > * > tr.heading,
.table.mech2 > * > tr.heading > * {
background-color: #3CC !important;
border-color: #29A3A3 !important;
}
.table.mech2 > * > tr > th {
background-color: #99E6E6;
border-color: #7AB8B8;
}
.table.mech2 > tbody > tr:nth-child(odd) {
background-color: #E1F8F8;
}
/* lore */
.table.lore > :first-child > tr:first-child,
.table.lore > :first-child > tr:first-child > *,
.table.lore > * > tr.heading,
.table.lore > * > tr.heading > * {
background-color: #C6C !important;
border-color: #A352A3 !important;
}
.table.lore > * > tr > th {
background-color: #E6B3E6;
border-color: #B88FB8;
}
.table.lore > tbody > tr:nth-child(odd) {
background-color: #F8E8F8;
}
/* location */
.table.location > :first-child > tr:first-child,
.table.location > :first-child > tr:first-child > *,
.table.location > * > tr.heading,
.table.location > * > tr.heading > * {
background-color: #96C !important;
border-color: #7A52A3 !important;
}
.table.location > * > tr > th {
background-color: #CCB3E6;
border-color: #A38FB8;
}
.table.location > tbody > tr:nth-child(odd) {
background-color: #F0E8F8;
}
/* promo */
.table.promo > :first-child > tr:first-child,
.table.promo > :first-child > tr:first-child > *,
.table.promo > * > tr.heading,
.table.promo > * > tr.heading > * {
background-color: #9C3 !important;
border-color: #7AA329 !important;
}
.table.promo > * > tr > th {
background-color: #CCE699;
border-color: #A3B87A;
}
.table.promo > tbody > tr:nth-child(odd) {
background-color: #F0F8E1;
}
/* hom */
.table.hom > :first-child > tr:first-child,
.table.hom > :first-child > tr:first-child > *,
.table.hom > * > tr.heading,
.table.hom > * > tr.heading > * {
background-color: #C96 !important;
border-color: #A37A52 !important;
}
.table.hom > * > tr > th {
background-color: #E6CCB3;
border-color: #B8A38F;
}
.table.hom > tbody > tr:nth-child(odd) {
background-color: #F8F0E8;
}
/* boon */
.table.boon > :first-child > tr:first-child,
.table.boon > :first-child > tr:first-child > *,
.table.boon > * > tr.heading,
.table.boon > * > tr.heading > * {
background-color: #73D9D9 !important;
border-color: #5CAEAE !important;
}
.table.boon > * > tr > th {
background-color: #B9ECEC;
border-color: #94BDBD;
}
.table.boon > tbody > tr:nth-child(odd) {
background-color: #EAF9F9;
}
/* condition */
.table.condition > :first-child > tr:first-child,
.table.condition > :first-child > tr:first-child > *,
.table.condition > * > tr.heading,
.table.condition > * > tr.heading > * {
background-color: #51A651 !important;
border-color: #418541 !important;
}
.table.condition > * > tr > th {
background-color: #A8D3A8;
border-color: #86A986;
}
.table.condition > tbody > tr:nth-child(odd) {
background-color: #E5F2E5;
}
/* crafting (same as recipe), split for clarity */
.table.crafting > :first-child > tr:first-child,
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > * > tr.heading,
.table.crafting > * > tr.heading > * {
background-color: #A68151 !important;
border-color: #856741 !important;
}
.table.crafting > * > tr > th {
background-color: #D3C0A8;
border-color: #A99A86;
}
.table.crafting > tbody > tr:nth-child(odd) {
background-color: #F2ECE5;
}
/* recipe */
.table.recipe > :first-child > tr:first-child,
.table.recipe > :first-child > tr:first-child > *,
.table.recipe > * > tr.heading,
.table.recipe > * > tr.heading > * {
background-color: #A68151 !important;
border-color: #856741 !important;
}
.table.recipe > * > tr > th {
background-color: #D3C0A8;
border-color: #A99A86;
}
.table.recipe > tbody > tr:nth-child(odd) {
background-color: #F2ECE5;
}
/* Rows with heading classes - declared separately to ensure table rules are overridden by row rules */
/* any */
.table > * > tr.any > th {
background-color: #CCC;
border-color: #AAA;
}
.table > tbody > tr.any:nth-child(odd) {
background-color: #EEE;
}
/* guardian */
.table > * > tr.guardian > th {
background-color: #B9E0EC;
border-color: #94B3BD;
}
.table > tbody > tr.guardian:nth-child(odd) {
background-color: #EAF6F9;
}
/* revenant */
.table > * > tr.revenant > th {
background-color: #E3B4AA;
border-color: #BFA8A0;
}
.table > tbody > tr.revenant:nth-child(odd) {
background-color: #F6ECE9;
}
/* warrior */
.table > * > tr.warrior > th {
background-color: #FFE8B3;
border-color: #CCBA8F;
}
.table > tbody > tr.warrior:nth-child(odd) {
background-color: #FFF8E8;
}
/* engineer */
.table > * > tr.engineer > th {
background-color: #E8BC84;
border-color: #BA966A;
}
.table > tbody > tr.engineer:nth-child(odd) {
background-color: #F8EBDA;
}
/* ranger */
.table > * > tr.ranger > th {
background-color: #C7EFA2;
border-color: #9FBF82;
}
.table > tbody > tr.ranger:nth-child(odd) {
background-color: #EEFAE3;
}
/* thief */
.table > * > tr.thief > th {
background-color: #DEC6C9;
border-color: #B29EA1;
}
.table > tbody > tr.thief:nth-child(odd) {
background-color: #F5EEEF;
}
/* elementalist */
.table > * > tr.elementalist > th {
background-color: #FBC5C3;
border-color: #C99E9C;
}
.table > tbody > tr.elementalist:nth-child(odd) {
background-color: #FEEEED;
}
/* mesmer */
.table > * > tr.mesmer > th {
background-color: #DBBCEA;
border-color: #AF96BB;
}
.table > tbody > tr.mesmer:nth-child(odd) {
background-color: #F4EBF9;
}
/* necromancer */
.table > * > tr.necromancer > th {
background-color: #A9D3B7;
border-color: #87A992;
}
.table > tbody > tr.necromancer:nth-child(odd) {
background-color: #E5F2EA;
}
/* asura */
.table > * > tr.asura > th {
background-color: #D1BDF8;
border-color: #A797C6;
}
.table > tbody > tr.asura:nth-child(odd) {
background-color: #F1EBFD;
}
/* charr */
.table > * > tr.charr > th {
background-color: #FFBCC3;
border-color: #CC969C;
}
.table > tbody > tr.charr:nth-child(odd) {
background-color: #FFEBED;
}
/* human */
.table > * > tr.human > th {
background-color: #FFF2B3;
border-color: #CCC28F;
}
.table > tbody > tr.human:nth-child(odd) {
background-color: #FFFBE8;
}
/* norn */
.table > * > tr.norn > th {
background-color: #BADDFF;
border-color: #95B1CC;
}
.table > tbody > tr.norn:nth-child(odd) {
background-color: #EAF5FF;
}
/* sylvari */
.table > * > tr.sylvari > th {
background-color: #B0F3B2;
border-color: #8DC28E;
}
.table > tbody > tr.sylvari:nth-child(odd) {
background-color: #E7FBE8;
}
/* npc */
.table > * > tr.npc > th {
background-color: #B3E699;
border-color: #8FB87A;
}
.table > tbody > tr.npc:nth-child(odd) {
background-color: #E8F8E1;
}
/* pve */
.table > * > tr.pve > th {
background-color: #FFE6B3;
border-color: #CCB88F;
}
.table > tbody > tr.pve:nth-child(odd) {
background-color: #FFF8E8;
}
/* equip */
.table > * > tr.equip > th {
background-color: #FFCCB3;
border-color: #CCA38F;
}
.table > tbody > tr.equip:nth-child(odd) {
background-color: #FFF0E8;
}
/* item */
.table > * > tr.item > th {
background-color: #FFCCB3;
border-color: #CCA38F;
}
.table > tbody > tr.item:nth-child(odd) {
background-color: #FFF0E8;
}
/* skin */
.table > * > tr.skin > th {
background-color: #FFD4DF;
border-color: #B3A1A5;
}
.table > tbody > tr.skin:nth-child(odd) {
background-color: #FFEDF4;
}
/* mech1 */
.table > * > tr.mech1 > th {
background-color: #B3CCE6;
border-color: #8FA3B8;
}
.table > tbody > tr.mech1:nth-child(odd) {
background-color: #E8F0F8;
}
/* mech2 */
.table > * > tr.mech2 > th {
background-color: #99E6E6;
border-color: #7AB8B8;
}
.table > tbody > tr.mech2:nth-child(odd) {
background-color: #E1F8F8;
}
/* lore */
.table > * > tr.lore > th {
background-color: #E6B3E6;
border-color: #B88FB8;
}
.table > tbody > tr.lore:nth-child(odd) {
background-color: #F8E8F8;
}
/* location */
.table > * > tr.location > th {
background-color: #CCB3E6;
border-color: #A38FB8;
}
.table > tbody > tr.location:nth-child(odd) {
background-color: #F0E8F8;
}
/* promo */
.table > * > tr.promo > th {
background-color: #CCE699;
border-color: #A3B87A;
}
.table > tbody > tr.promo:nth-child(odd) {
background-color: #F0F8E1;
}
/* hom */
.table > * > tr.hom > th {
background-color: #E6CCB3;
border-color: #B8A38F;
}
.table > tbody > tr.hom:nth-child(odd) {
background-color: #F8F0E8;
}
/* boon */
.table > * > tr.boon > th {
background-color: #B9ECEC;
border-color: #94BDBD;
}
.table > tbody > tr.boon:nth-child(odd) {
background-color: #EAF9F9;
}
/* condition */
.table > * > tr.condition > th {
background-color: #A8D3A8;
border-color: #86A986;
}
.table > tbody > tr.condition:nth-child(odd) {
background-color: #E5F2E5;
}
/* crafting */
.table > * > tr.crafting > th {
background-color: #D3C0A8;
border-color: #A99A86;
}
.table > tbody > tr.crafting:nth-child(odd) {
background-color: #F2ECE5;
}
/* recipe */
.table > * > tr.recipe > th {
background-color: #D3C0A8;
border-color: #A99A86;
}
.table > tbody > tr.recipe:nth-child(odd) {
background-color: #F2ECE5;
}
/* Skills tables */
.table.skills {
width: 100%;
max-width: 100em;
display: table;
}
.table.skills > :first-child > tr:first-child ~ tr th[colspan] {
text-align: left;
}
.table.skills
> :first-child
> tr:first-child
~ tr
th[colspan]
span.editsection {
display: none;
}
.table.skills > :first-child > tr:first-child ~ tr th[colspan] h4 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
/* Remove top/bottom margins from lists within fine/masterwork or craftvariants tables */
.table.fm dl,
.table.craftvariants dl {
margin-top: 0;
margin-bottom: 0;
}
/* No left margin when used purely for structure within these tables */
.table.locations dd,
.table.fm dd,
table.craftvariants dd {
margin-left: 0;
}
/* but restore margin if it's actually being used as a definition list */
.table.locations dl > dt ~ dd {
margin-left: 2em;
}
/* Using * lists within combo tables */
.table.combo ul {
margin: 0.15em 0;
}
.table.combo li {
display: block;
}
/* Restore sort icons for sortable table headers */
/* These are inserted as CSS background-image, which clashes with our fancy gradient overlays */
table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.png) !ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.png) !ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.png) !ie;
}
/* And finally jquery overlays for tables that also use .table classes (two background images) */
table.table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=),
url("/images/c/cc/Infobox_header_overlay.png");
background-image: url(/resources/jquery/images/sort_both.png) !ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==),
url("/images/c/cc/Infobox_header_overlay.png");
background-image: url(/resources/jquery/images/sort_down.png) !ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==),
url("/images/c/cc/Infobox_header_overlay.png");
background-image: url(/resources/jquery/images/sort_up.png) !ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
|
template tables- vector
/** TABLE CLASSES **/
.table {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
background-color: #36393F; /* color scheme: page gray */
}
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}
.table::after {
bottom: -4px;
}
.table > caption {
font-weight: bold;
}
.table tr {
text-align: left;
}
.table > * > tr > :first-child {
border-left-width: 1px;
border-left-style: solid;
}
.table > * > tr > :last-child {
border-right-width: 1px;
border-right-style: solid;
}
.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > * {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
padding: 0.5em;
}
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
line-height: 1.667em;
padding: 0.25em 0.5em;
}
.table tr > th,
.table[class*="center"] tr {
text-align: center;
}
.table[class*="left"] tr {
text-align: left;
}
.table[class*="right"] tr {
text-align: right;
}
.table[class*="middle"] tr {
vertical-align: middle;
}
.table[class*="top"] tr {
vertical-align: top;
}
.table[class*="bottom"] tr {
vertical-align: bottom;
}
.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
border-width: 1px;
border-style: solid;
}
.table > tbody > tr:nth-child(odd) {
background-color: rgba(23, 23, 23, 0.15);
}
.table.no-odd-even > tbody > tr:nth-child(odd) {
background-color: unset;
}
.table > tbody,
.table > tbody > tr.heading,
.table > thead > tr,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] {
border-width: 1px;
border-style: solid;
}
.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] {
border-top-width: 0;
}
.table .line,
.table .line-bottom {
border-bottom-width: 2px;
border-bottom-style: solid;
}
.table .line-top {
border-top-width: 2px;
border-top-style: solid;
}
.table .line-left {
border-left-width: 1px;
border-left-style: solid;
}
.table .line-right {
border-right-width: 1px;
border-right-style: solid;
}
.table table {
background-color: transparent;
padding: 0;
margin: 0;
}
dl + table.table {
margin-top: 0;
}
/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class*="center"]::after,
.table.noshadowafter::after {
background-image: none;
}
/* Skills tables */
.table.skills {
width: 100%;
max-width: 100em;
display: table;
}
.table.skills > :first-child > tr:first-child ~ tr th[colspan] {
text-align: left;
}
.table.skills > :first-child > tr:first-child ~ tr th[colspan] span.editsection {
display: none;
}
.table.skills > :first-child > tr:first-child ~ tr th[colspan] h4 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.table.skills > * > tr > td,
.table.skills > * > tr > th {
border-left-width: 0px;
border-right-width: 0px;
}
.table.skills tr.elementalist th,
.table.skills tr.engineer th,
.table.skills tr.guardian th,
.table.skills tr.mesmer th,
.table.skills tr.necromancer th,
.table.skills tr.ranger th,
.table.skills tr.revenant th,
.table.skills tr.thief th,
.table.skills tr.warrior th,
.table.skills tr.asura th,
.table.skills tr.charr th,
.table.skills tr.human th,
.table.skills tr.norn th,
.table.skills tr.sylvari th {
border-top-width: 2px;
border-bottom-width: 2px;
}
/* Remove top/bottom margins from lists within fine/masterwork or craftvariants tables */
.table.fm dl,
.table.craftvariants dl {
margin-top: 0;
margin-bottom: 0;
}
/* No left margin when used purely for structure within these tables */
.table.locations dd,
.table.fm dd,
table.craftvariants dd {
margin-left: 0;
}
/* but restore margin if it's actually being used as a definition list */
.table.locations dl > dt ~ dd {
margin-left: 2em;
}
/* Using * lists within combo tables */
.table.combo ul {
margin: 0.15em 0;
}
.table.combo li {
display: block;
}
/* Restore sort icons for sortable table headers */
table.jquery-tablesorter th.headerSort {
padding: 0.5em;
padding-right: 21px;
}
.table.skills tr.elementalist th,
.table.skills tr.engineer th,
.table.skills tr.guardian th,
.table.skills tr.mesmer th,
.table.skills tr.necromancer th,
.table.skills tr.ranger th,
.table.skills tr.revenant th,
.table.skills tr.thief th,
.table.skills tr.warrior th,
.table.skills tr.asura th,
.table.skills tr.charr th,
.table.skills tr.human th,
.table.skills tr.norn th,
.table.skills tr.sylvari th {
background-color: #1A1A1A;
}
.table > tbody > tr.heading,
.table > tbody > tr > th,
.table > tfoot > tr > th {
background-color: #40434A; /* color scheme: inactive tabs */
}
.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > *,
.table > :first-child > tr:first-child {
background-color: #1A1A1A; /* color scheme: super dark */
}
.table tr,
.table > * > tr > :first-child,
.table > * > tr > :last-child,
.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > *,
.table > :first-child > tr:first-child,
.table > tbody > tr.heading,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > tbody > tr:nth-child(odd),
.table > tbody,
.table > tbody > tr.heading,
.table > thead > tr,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan],
.table .line,
.table .line-bottom,
.table .line-top,
.table .line-left,
.table .line-right {
border-color: #5A5C5E; /* color scheme: gray page border */
}
|
template tables- minerva
/** TABLES **/
.table {
width: 100%;
border-collapse: collapse;
}
.table th {
background-color: #DDD;
}
.table th, .table td {
border: 1px solid black;
padding: 0.5em;
}
.table tr > th, .table[class*=center] tr {
text-align:center;
}
.table[class*=left] tr {
text-align: left;
}
.table[class*=right] tr {
text-align: right;
}
.table[class*=middle] tr {
vertical-align: middle;
}
.table[class*=top] tr {
vertical-align: top;
}
.table[class*=bottom] tr {
vertical-align: bottom;
}
/* STDT table classes */
/* any */
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading > * {
background-color:#888 !important;
}
.table.any > * > tr > th,
.table > * > tr.any > th {
background-color:#CCC;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
background-color:#EEE;
}
/* guardian */
.table.guardian > :first-child > tr:first-child > *,
.table.guardian > tbody > tr.heading > * {
background-color:#72C1D9 !important;
}
.table.guardian > * > tr > th,
.table > * > tr.guardian > th {
background-color:#B9E0EC;
}
.table.guardian > tbody > tr:nth-child(odd),
.table > tbody > tr.guardian:nth-child(odd) {
background-color:#EAF6F9;
}
/* revenant */
.table.revenant > :first-child > tr:first-child > *,
.table.revenant > tbody > tr.heading > * {
background-color:#B1574C !important;
}
.table.revenant > * > tr > th,
.table > * > tr.revenant > th {
background-color:#E3B4AA;
}
.table.revenant > tbody > tr:nth-child(odd),
.table > tbody > tr.revenant:nth-child(odd) {
background-color:#F6ECE9;
}
/* warrior */
.table.warrior > :first-child > tr:first-child > *,
.table.warrior > tbody > tr.heading > * {
background-color:#FFD166 !important;
}
.table.warrior > * > tr > th,
.table > * > tr.warrior > th {
background-color:#FFE8B3;
}
.table.warrior > tbody > tr:nth-child(odd),
.table > tbody > tr.warrior:nth-child(odd) {
background-color:#FFF8E8;
}
/* engineer */
.table.engineer > :first-child > tr:first-child > *,
.table.engineer > tbody > tr.heading > * {
background-color:#D09C59 !important;
}
.table.engineer > * > tr > th,
.table > * > tr.engineer > th {
background-color:#E8BC84;
}
.table.engineer > tbody > tr:nth-child(odd),
.table > tbody > tr.engineer:nth-child(odd) {
background-color:#F8EBDA;
}
/* ranger */
.table.ranger > :first-child > tr:first-child > *,
.table.ranger > tbody > tr.heading > * {
background-color:#8EDF44 !important;
}
.table.ranger > * > tr > th,
.table > * > tr.ranger > th {
background-color:#C7EFA2;
}
.table.ranger > tbody > tr:nth-child(odd),
.table > tbody > tr.ranger:nth-child(odd) {
background-color:#EEFAE3;
}
/* thief */
.table.thief > :first-child > tr:first-child > *,
.table.thief > tbody > tr.heading > * {
background-color:#C08F95 !important;
}
.table.thief > * > tr > th,
.table > * > tr.thief > th {
background-color:#DEC6C9;
}
.table.thief > tbody > tr:nth-child(odd),
.table > tbody > tr.thief:nth-child(odd) {
background-color:#F5EEEF;
}
/* elementalist */
.table.elementalist > :first-child > tr:first-child > *,
.table.elementalist > tbody > tr.heading > * {
background-color:#F68A87 !important;
}
.table.elementalist > * > tr > th,
.table > * > tr.elementalist > th {
background-color:#FBC5C3;
}
.table.elementalist > tbody > tr:nth-child(odd),
.table > tbody > tr.elementalist:nth-child(odd) {
background-color:#FEEEED;
}
/* mesmer */
.table.mesmer > :first-child > tr:first-child > *,
.table.mesmer > tbody > tr.heading > * {
background-color:#B679D5 !important;
}
.table.mesmer > * > tr > th,
.table > * > tr.mesmer > th {
background-color:#DBBCEA;
}
.table.mesmer > tbody > tr:nth-child(odd),
.table > tbody > tr.mesmer:nth-child(odd) {
background-color:#F4EBF9;
}
/* necromancer */
.table.necromancer > :first-child > tr:first-child > *,
.table.necromancer > tbody > tr.heading > * {
background-color:#52A76F !important;
}
.table.necromancer > * > tr > th,
.table > * > tr.necromancer > th {
background-color:#A9D3B7;
}
.table.necromancer > tbody > tr:nth-child(odd),
.table > tbody > tr.necromancer:nth-child(odd) {
background-color:#E5F2EA;
}
/* asura */
.table.asura > :first-child > tr:first-child > *,
.table.asura > tbody > tr.heading > * {
background-color:#A27BF1 !important;
}
.table.asura > * > tr > th,
.table > * > tr.asura > th {
background-color:#D1BDF8;
}
.table.asura > tbody > tr:nth-child(odd),
.table > tbody > tr.asura:nth-child(odd) {
background-color:#F1EBFD;
}
/* charr */
.table.charr > :first-child > tr:first-child > *,
.table.charr > tbody > tr.heading > * {
background-color:#FE7887 !important;
}
.table.charr > * > tr > th,
.table > * > tr.charr > th {
background-color:#FFBCC3;
}
.table.charr > tbody > tr:nth-child(odd),
.table > tbody > tr.charr:nth-child(odd) {
background-color:#FFEBED;
}
/* human */
.table.human > :first-child > tr:first-child > *,
.table.human > tbody > tr.heading > * {
background-color:#FFE566 !important;
}
.table.human > * > tr > th,
.table > * > tr.human > th {
background-color:#FFF2B3;
}
.table.human > tbody > tr:nth-child(odd),
.table > tbody > tr.human:nth-child(odd) {
background-color:#FFFBE8;
}
/* norn */
.table.norn > :first-child > tr:first-child > *,
.table.norn > tbody > tr.heading > * {
background-color:#75BAFF !important;
}
.table.norn > * > tr > th,
.table > * > tr.norn > th {
background-color:#BADDFF;
}
.table.norn > tbody > tr:nth-child(odd),
.table > tbody > tr.norn:nth-child(odd) {
background-color:#EAF5FF;
}
/* sylvari */
.table.sylvari > :first-child > tr:first-child > *,
.table.sylvari > tbody > tr.heading > * {
background-color:#61E665 !important;
}
.table.sylvari > * > tr > th,
.table > * > tr.sylvari > th {
background-color:#B0F3B2;
}
.table.sylvari > tbody > tr:nth-child(odd),
.table > tbody > tr.sylvari:nth-child(odd) {
background-color:#E7FBE8;
}
/* npc */
.table.npc > :first-child > tr:first-child > *,
.table.npc > tbody > tr.heading > * {
background-color:#6C3 !important;
}
.table.npc > * > tr > th,
.table > * > tr.npc > th {
background-color:#B3E699;
}
.table.npc > tbody > tr:nth-child(odd),
.table > tbody > tr.npc:nth-child(odd) {
background-color:#E8F8E1;
}
/* pve */
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color:#FC6 !important;
}
.table.pve > * > tr > th,
.table > * > tr.pve > th {
background-color:#FFE6B3;
}
.table.pve > tbody > tr:nth-child(odd),
.table > tbody > tr.pve:nth-child(odd) {
background-color:#FFF8E8;
}
/* equip (same as item), split for clarity */
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > * {
background-color:#F96 !important;
}
.table.equip > * > tr > th,
.table > * > tr.equip > th {
background-color:#FFCCB3;
}
.table.equip > tbody > tr:nth-child(odd),
.table > tbody > tr.equip:nth-child(odd) {
background-color:#FFF0E8;
}
/* item (same as equip), split for clarity */
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color:#F96 !important;
}
.table.item > * > tr > th,
.table > * > tr.item > th {
background-color:#FFCCB3;
}
.table.item > tbody > tr:nth-child(odd),
.table > tbody > tr.item:nth-child(odd) {
background-color:#FFF0E8;
}
/* skin */
.table.skin > :first-child > tr:first-child > *,
.table.skin > tbody > tr.heading > * {
background-color:#E07A98 !important;
}
.table.skin > * > tr > th,
.table > * > tr.skin > th {
background-color:#FFD4DF;
}
.table.skin > tbody > tr:nth-child(odd),
.table > tbody > tr.skin:nth-child(odd) {
background-color:#FFEDF4;
}
/* mech1 */
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color:#69C !important;
}
.table.mech1 > * > tr > th,
.table > * > tr.mech1 > th {
background-color:#B3CCE6;
}
.table.mech1 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech1:nth-child(odd) {
background-color:#E8F0F8;
}
/* mech2 */
.table.mech2 > :first-child > tr:first-child > *,
.table.mech2 > tbody > tr.heading > * {
background-color:#3CC !important;
}
.table.mech2 > * > tr > th,
.table > * > tr.mech2 > th {
background-color:#99E6E6;
}
.table.mech2 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech2:nth-child(odd) {
background-color:#E1F8F8;
}
/* lore */
.table.lore > :first-child > tr:first-child > *,
.table.lore > tbody > tr.heading > * {
background-color:#C6C !important;
}
.table.lore > * > tr > th,
.table > * > tr.lore > th {
background-color:#E6B3E6;
}
.table.lore > tbody > tr:nth-child(odd),
.table > tbody > tr.lore:nth-child(odd) {
background-color:#F8E8F8;
}
/* location */
.table.location > :first-child > tr:first-child > *,
.table.location > tbody > tr.heading > * {
background-color:#96C !important;
}
.table.location > * > tr > th,
.table > * > tr.location > th {
background-color:#CCB3E6;
}
.table.location > tbody > tr:nth-child(odd),
.table > tbody > tr.location:nth-child(odd) {
background-color:#F0E8F8;
}
/* promo */
.table.promo > :first-child > tr:first-child > *,
.table.promo > tbody > tr.heading > * {
background-color:#9C3 !important;
}
.table.promo > * > tr > th,
.table > * > tr.promo > th {
background-color:#CCE699;
}
.table.promo > tbody > tr:nth-child(odd),
.table > tbody > tr.promo:nth-child(odd) {
background-color:#F0F8E1;
}
/* hom */
.table.hom > :first-child > tr:first-child > *,
.table.hom > tbody > tr.heading > * {
background-color:#C96 !important;
}
.table.hom > * > tr > th,
.table > * > tr.hom > th {
background-color:#E6CCB3;
}
.table.hom > tbody > tr:nth-child(odd),
.table > tbody > tr.hom:nth-child(odd) {
background-color:#F8F0E8;
}
/* boon */
.table.boon > :first-child > tr:first-child > *,
.table.boon > tbody > tr.heading > * {
background-color:#73D9D9 !important;
}
.table.boon > * > tr > th,
.table > * > tr.boon > th {
background-color:#B9ECEC;
}
.table.boon > tbody > tr:nth-child(odd),
.table > tbody > tr.boon:nth-child(odd) {
background-color:#EAF9F9;
}
/* condition */
.table.condition > :first-child > tr:first-child > *,
.table.condition > tbody > tr.heading > * {
background-color:#51A651 !important;
}
.table.condition > * > tr > th,
.table > * > tr.condition > th {
background-color:#A8D3A8;
}
.table.condition > tbody > tr:nth-child(odd),
.table > tbody > tr.condition:nth-child(odd) {
background-color:#E5F2E5;
}
/* crafting (same as recipe), split for clarity */
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > tbody > tr.heading > * {
background-color:#A68151 !important;
}
.table.crafting > * > tr > th,
.table > * > tr.crafting > th {
background-color:#D3C0A8;
}
.table.crafting > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting:nth-child(odd) {
background-color:#F2ECE5;
}
/* recipe (same as crafting), split for clarity */
.table.recipe > :first-child > tr:first-child > *,
.table.recipe > tbody > tr.heading > * {
background-color:#A68151 !important;
}
.table.recipe > * > tr > th,
.table > * > tr.recipe > th {
background-color:#D3C0A8;
}
.table.recipe > tbody > tr:nth-child(odd),
.table > tbody > tr.recipe:nth-child(odd) {
background-color:#F2ECE5;
}
/* Skill tables */
.table.skills span.mw-editsection {
display: none;
}
| |
/** -------- TEMPLATES: ICONS -------- **/ |
template icons- common
/* Used by [[Template:Icon]] etc. Due to "stacks", [[Template:Effect icon]] does not have a right margin */
.inline-icon {
display: inline-block;
overflow: visible;
height: 1.538em;
margin: 0 0.167em;
}
.inline-icon img {
position: relative;
bottom: 2px;
}
.inline-icon.effect {
margin: 0 0 0 0.167em;
}
/* Used by [[Template:Item icon]] etc */
.item-icon.small,
.item-icon.medium {
display: inline-block;
overflow: hidden;
vertical-align: middle;
margin-left: -1pt;
}
.item-icon.small,
.item-icon.small img {
width: 20px;
height: 20px;
}
.item-icon.medium,
.item-icon.medium img {
width: 35px;
height: 35px;
}
/* Prevent icon alt text being copied */
.infobox-icon,
.inline-icon,
.item-icon,
.patchnote .skillicon img,
.patchnote .traiticon img {
user-select: none;
}
|
template icons- minerva
/** ICONS **/
.inline-icon {
display: inline-block;
overflow: visible;
height: 1.538em;
margin: 0 0.167em;
}
.inline-icon img {
position: relative;
bottom: 2px;
}
.inline-icon.effect {
margin: 0 0 0 0.167em;
}
.item-icon.small {
display: inline-block;
overflow: hidden;
width: 2em;
height: 2em;
vertical-align:middle;
margin-left:-1pt
}
.item-icon.small img {
width: 2em;
height: 2em;
}
.item-icon.medium {
display: inline-block;
overflow: hidden;
width: 3em;
height: 3em;
vertical-align:middle;
margin-left:-1pt
}
.item-icon.medium img {
width: 3em;
height: 3em;
}
| ||
/** -------- TEMPLATES: LISTS -------- **/ |
template lists- common
/* Generic ingredient lists */
div.ingredients dt {
float: left;
clear: left;
text-align: right;
font-weight: normal;
width: 25px;
margin: 0 -2px 0 0;
padding: 2px 2px 2px 3px;
line-height: 1.667em;
border: none;
}
div.ingredients.wide dt {
width: 50px;
}
div.ingredients dd {
float: left;
margin: 0;
padding: 2px 7px;
border: none;
}
div.ingredients dl {
margin: 2px 0;
}
/* Horizontal lists. See [[mw:Snippets/Horizontal lists]] */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " • ";
font-weight: bold;
margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
.hlist li {
white-space: nowrap;
}
|
template lists- minerva
/* Horizontal lists. See [[mw:Snippets/Horizontal lists]] */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " • ";
font-weight: bold;
margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
.hlist li {
white-space: nowrap;
}
| ||
/** -------- TEMPLATES: OTHER -------- **/ |
template misc- common
/* Used for marking content in gray, e.g. historical vendors */
.gray,
.gray a {
color: gray;
}
/* Attribute prefix spacing (usually in infoboxes) */
.prefixwrapper dl {
margin: 0;
}
/* Remove top margin for ul within [[Template:Bug]] and [[Template:Anomaly]] */
.buglist ul {
margin-top: 0;
}
/* Add an extra top margin for [[Template:Achievement box]] when preceded by lists (ul) or paragraph (p) elements */
p + .achievementbox,
ul + .achievementbox {
margin-top: 2em;
}
/* Patch notes for skill history project */
.skill-history {
padding: 0.2em 0.5em 0.5em 0.5em;
margin-bottom: 0.5em;
border-width: 1px;
border-style: dashed;
background-color: #F6F3E4;
}
.skill-history li {
padding: 0.1em 0em;
}
/* MOBILE DEVICES */
/* Apply fixes when the screen size is below the minimum width */
@media screen and (max-width: 750px) {
.clear-if-narrow {
clear: both;
width: unset !important;
}
#rcQuickLinks {
display: none;
}
#latest-update {
margin-top: unset !important;
float: unset !important;
}
}
|
template misc- monobook
/* [[Template:Rarity]] */
.rarity-junk {
color: #AAAAAA;
}
.rarity-basic {
color: #000000;
}
.rarity-fine {
color: #62A4DA;
}
.rarity-masterwork {
color: #1a9306;
}
.rarity-rare {
color: #fcd00b;
}
.rarity-exotic {
color: #ffa405;
}
.rarity-ascended {
color: #fb3e8d;
}
.rarity-legendary {
color: #4C139D;
}
/* Patch notes for skill history project */
.skill-history {
border-color: #AAA;
background-color: #F6F3E4;
}
/* [[Template:Archive-box]] and [[Template:Mail]] */
.archive-box {
border-color: #EA3;
background-color: #FFC;
}
.mail {
border: 1px solid silver;
background: #FFF8E8;
}
/* White rows for achievement tables where alternating light-dark rows don't work so well */
.white {
background-color: #FFF;
}
.offwhite {
background-color: #E8F0F8;
}
/* [[Template:Complexity dots]] */
.complexity-dot { color: transparent; }
.color-filled-guardian { text-shadow: 0 0 0 #72C1D9; }
.color-filled-revenant { text-shadow: 0 0 0 #D16E5A; }
.color-filled-warrior { text-shadow: 0 0 0 #FFD166; }
.color-filled-engineer { text-shadow: 0 0 0 #D09C59; }
.color-filled-ranger { text-shadow: 0 0 0 #8CDC82; }
.color-filled-thief { text-shadow: 0 0 0 #C08F95; }
.color-filled-elementalist { text-shadow: 0 0 0 #F68A87; }
.color-filled-mesmer { text-shadow: 0 0 0 #B679D5; }
.color-filled-necromancer { text-shadow: 0 0 0 #52A76F; }
.color-unfilled-guardian { text-shadow: 0 0 0 #CFEEFD; }
.color-unfilled-revenant { text-shadow: 0 0 0 #EBC9C2; }
.color-unfilled-warrior { text-shadow: 0 0 0 #FFF5BB; }
.color-unfilled-engineer { text-shadow: 0 0 0 #E8C89F; }
.color-unfilled-ranger { text-shadow: 0 0 0 #E2F6D1; }
.color-unfilled-thief { text-shadow: 0 0 0 #E6D5D7; }
.color-unfilled-elementalist { text-shadow: 0 0 0 #F6D2D1; }
.color-unfilled-mesmer { text-shadow: 0 0 0 #D7B2EA; }
.color-unfilled-necromancer { text-shadow: 0 0 0 #D5EDE1; }
/* Weekly/daily rotation data templates */
.highlight-yellow {
background-color: yellow !important;
}
.highlight-blue {
background-color: lightblue !important;
}
/* "Guild Wars 2 Wiki" and "Help" namespace layouts */
.wiki-help,
.wiki-help .darkfill {
border-color: #598CA0; /* darker blue */
}
.wiki-help .darkfill {
background-color: #A1C2CF; /* heading blue */
}
.wiki-help .lightfill {
background-color: #EFFBF5; /* content blue */
}
.wiki-gw2w,
.wiki-gw2w .darkfill {
border-color: #8EAB72; /* darker green */
}
.wiki-gw2w .darkfill {
background-color: #C3E0A6; /* heading green */
}
.wiki-gw2w .lightfill {
background-color: #F4FDEA; /* content green */
}
.wiki-projects,
.wiki-projects .darkfill {
border-color: #B78048; /* darker orange */
}
.wiki-projects .darkfill {
background-color: #F2E6CE; /* heading orange */
}
.wiki-projects .lightfill {
background-color: #FFFCF5; /* content orange */
}
.darkfill h2 {
margin: 0.2em auto 0.2em auto;
border: 0;
font-weight: bold;
}
.wiki-nav {
border-color: #66D; /* darker purple */
background-color: #DDF; /* heading purple */
}
|
template misc- vector
/* [[Template:Rarity]] */
.rarity-junk {
color: #828282; /* bit darker than in light skins, to contrast with plaintext */
}
.rarity-basic {
color: #FFFFFF; /* unlike light skins, this can actually afford to be white instead of black. */
}
.rarity-fine {
color: #62A4DA;
}
.rarity-masterwork {
color: #1a9306;
}
.rarity-rare {
color: #fcd00b;
}
.rarity-exotic {
color: #ffa405;
}
.rarity-ascended {
color: #fb3e8d;
}
.rarity-legendary {
color: #974EFF; /* bit lighter than light themes, dark purple has poor contrast */
}
/* Patch notes for skill history project */
.skill-history {
background-color: #40434A; /* color scheme: inactive tabs */
}
/* [[Template:Archive-box]] and [[Template:Mail]] */
.mail {
border-width: 1px;
border-style: solid;
}
.mail,
.archive-box {
background-color: #40434A; /* color scheme: inactive tabs */
}
.mail,
.archive-box {
border-color: #5A5C5E; /* color scheme: gray page border */
}
.white {
background-color: #36393F; /* color scheme: page gray */
}
.offwhite {
background-color: #313439; /* color scheme: slightly darker than .white (page gray) above */
}
/* [[Template:Complexity dots]] */
.complexity-dot { color: transparent; }
.color-filled-guardian { text-shadow: 0 0 0 #00B4FF; }
.color-filled-revenant { text-shadow: 0 0 0 #FF0000; }
.color-filled-warrior { text-shadow: 0 0 0 #FFA200; }
.color-filled-engineer { text-shadow: 0 0 0 #FFDE00; }
.color-filled-ranger { text-shadow: 0 0 0 #EAFF00; }
.color-filled-thief { text-shadow: 0 0 0 #FF5400; }
.color-filled-elementalist { text-shadow: 0 0 0 #FF0078; }
.color-filled-mesmer { text-shadow: 0 0 0 #FE00EF; }
.color-filled-necromancer { text-shadow: 0 0 0 #C0FF00; }
.color-unfilled-guardian { text-shadow: 0 0 0 #004866; }
.color-unfilled-revenant { text-shadow: 0 0 0 #660000; }
.color-unfilled-warrior { text-shadow: 0 0 0 #664000; }
.color-unfilled-engineer { text-shadow: 0 0 0 #000000; }
.color-unfilled-ranger { text-shadow: 0 0 0 #5D6600; }
.color-unfilled-thief { text-shadow: 0 0 0 #662100; }
.color-unfilled-elementalist { text-shadow: 0 0 0 #000000; }
.color-unfilled-mesmer { text-shadow: 0 0 0 #660060; }
.color-unfilled-necromancer { text-shadow: 0 0 0 #4C6600; }
/* Weekly/daily rotation data templates */
.highlight-yellow {
background-color: #9D5A02 !important;
}
.highlight-blue {
background-color: #1b728e !important;
}
/* "Guild Wars 2 Wiki" and "Help" namespace layouts */
.wiki-help,
.wiki-gw2w,
.wiki-projects {
border-color: transparent;
}
.darkfill,
.wiki-nav {
border-width: 2px;
border-style: solid;
}
.darkfill h2 {
margin: 0.2em auto 0.2em auto;
border: 0;
font-weight: bold;
}
.wiki-help .darkfill,
.wiki-gw2w .darkfill,
.wiki-projects .darkfill,
.wiki-nav {
background-color: #40434A; /* color scheme: inactive tabs */
}
.wiki-help .darkfill {
border-color: #598CA0; /* darker blue */
}
.wiki-gw2w .darkfill {
border-color: #8EAB72; /* darker green */
}
.wiki-projects .darkfill {
border-color: #B78048; /* darker orange */
}
.wiki-nav {
border-color: #8282CA; /* darker purple */
}
/* Image license templates - too many unique colours to bother capturing as classes */
.imagelicense {
color: black;
}
.imagelicense a,
.imagelicense a:visited,
.mw-parser-output .imagelicense a.external,
.mw-parser-output .imagelicense a.external:visited {
color: #002BB8; /* color scheme: boring blue to avoid rewriting license templates to support CSS properly */
}
|
template misc- minerva
/** GENERAL **/
.hide,
.nomobile {
display: none;
}
@media screen and (max-width:720px) {
.content .floatright,
.content .floatleft {
float: none;
}
.floatright > a,
.floatleft > a {
display: flex;
justify-content: center;
}
.clear-if-narrow {
float: none !important;
width: unset !important;
clear: both !important;
}
}
.gray,
.gray a {
color: gray;
}
/* [[Template:Rarity]] */
.rarity-junk {
color: #AAAAAA;
}
.rarity-basic {
color: #000000;
}
.rarity-fine {
color: #62A4DA;
}
.rarity-masterwork {
color: #1a9306;
}
.rarity-rare {
color: #fcd00b;
}
.rarity-exotic {
color: #ffa405;
}
.rarity-ascended {
color: #fb3e8d;
}
.rarity-legendary {
color: #4C139D;
}
/* Patch notes for skill history project */
.skill-history {
border-color: #AAA;
background-color: #F6F3E4;
}
/* [[Template:Archive-box]] and [[Template:Mail]] */
.archive-box {
border-color: #EA3;
background-color: #FFC;
}
.mail {
border: 1px solid silver;
background: #FFF8E8;
}
/* White rows for achievement tables where alternating light-dark rows don't work so well */
.white {
background-color: white;
}
.offwhite {
background-color: #E8F0F8;
}
/* [[Template:Complexity dots]] */
.complexity-dot { color: transparent; }
.color-filled-guardian { text-shadow: 0 0 0 #72C1D9; }
.color-filled-revenant { text-shadow: 0 0 0 #D16E5A; }
.color-filled-warrior { text-shadow: 0 0 0 #FFD166; }
.color-filled-engineer { text-shadow: 0 0 0 #D09C59; }
.color-filled-ranger { text-shadow: 0 0 0 #8CDC82; }
.color-filled-thief { text-shadow: 0 0 0 #C08F95; }
.color-filled-elementalist { text-shadow: 0 0 0 #F68A87; }
.color-filled-mesmer { text-shadow: 0 0 0 #B679D5; }
.color-filled-necromancer { text-shadow: 0 0 0 #52A76F; }
.color-unfilled-guardian { text-shadow: 0 0 0 #CFEEFD; }
.color-unfilled-revenant { text-shadow: 0 0 0 #EBC9C2; }
.color-unfilled-warrior { text-shadow: 0 0 0 #FFF5BB; }
.color-unfilled-engineer { text-shadow: 0 0 0 #E8C89F; }
.color-unfilled-ranger { text-shadow: 0 0 0 #E2F6D1; }
.color-unfilled-thief { text-shadow: 0 0 0 #E6D5D7; }
.color-unfilled-elementalist { text-shadow: 0 0 0 #F6D2D1; }
.color-unfilled-mesmer { text-shadow: 0 0 0 #D7B2EA; }
.color-unfilled-necromancer { text-shadow: 0 0 0 #D5EDE1; }
/* Weekly/daily rotation data templates */
.highlight-yellow {
background-color: yellow !important;
}
.highlight-blue {
background-color: lightblue !important;
}
/* "Guild Wars 2 Wiki" and "Help" namespace layouts */
.wiki-help,
.wiki-help .darkfill {
border-color: #598CA0; /* darker blue */
}
.wiki-help .darkfill {
background-color: #A1C2CF; /* heading blue */
}
.wiki-help .lightfill {
background-color: #EFFBF5; /* content blue */
}
.wiki-gw2w,
.wiki-gw2w .darkfill {
border-color: #8EAB72; /* darker green */
}
.wiki-gw2w .darkfill {
background-color: #C3E0A6; /* heading green */
}
.wiki-gw2w .lightfill {
background-color: #F4FDEA; /* content green */
}
.wiki-projects,
.wiki-projects .darkfill {
border-color: #B78048; /* darker orange */
}
.wiki-projects .darkfill {
background-color: #F2E6CE; /* heading orange */
}
.wiki-projects .lightfill {
background-color: #FFFCF5; /* content orange */
}
.wiki-nav {
border-color: #66D; /* darker purple */
background-color: #DDF; /* heading purple */
}
|
/** -------- PRINTER -------- **/ |
printer- common
@media print {
#content {
border: 0 solid #FFF;
box-shadow: none;
border-radius: 0;
}
.mw-parser-output,
div.infobox .heading,
div.nav .heading {
color: #000 !important;
background: none;
text-shadow: none !important;
border-width: 0 !important;
}
table.table > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
.table > tbody > tr > * {
border: 1px solid #000 !important;
}
.table {
border-collapse: collapse !important;
}
}
|
Notes[edit]
- The above table output can be combined into a stylesheet using User:Chieftain Alex/Wiki javascripts#Miscellaneous - Build CSS from table:
