GW2Wiki:Proyectos/CSS/table

De Guild Wars 2 Wiki
Ir a la navegaciónIr a la búsqueda 


Table[editar]





Section

Common (all but non-desktop)

Monobook (light)

Vector (light)

Minerva (mobile)





/** -------- FONTS -------- **/


fonts- common

@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;
}



fonts- monobook

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;
}



fonts- minerva





/** -------- 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- monobook

ui notices- vector

ui notices- minerva





/** -------- NON-CONTENT UI -------- **/


noncontent ui- common

/* Opposite of .nomobile */
.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/0/00/Skin_header.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 body setup */
html, body {
    min-height: 100%;
    height: auto;
}
html {
    background-color: #F3F3F3;
    background-image: url("/images/3/3c/Skin_footer.png"), url("/images/b/b0/Skin_page_bg_gradient.png");
    background-repeat: no-repeat, repeat-x;
    background-position: center bottom -75px, center top;
}

body {
    font-size: 100%;
}

body {
    background-position: top +1.7em left;
    background-image: url("/images/6/6d/Bg_top_header.jpg");
    background-size: 1100px auto;
    background-repeat: no-repeat;
    background-color: transparent;
}

body.skin-vector-legacy {
    background-position: top -0px left;
}

/* both legacy and non-legacy */
#mw-page-base {
    background: transparent;
}

#p-personal {
    top: 0em;
    background-color: white;
}

#p-personal ul {
    padding-left: 0;
}

/* non-legacy */
.mw-page-container {
    background-color: transparent;
    border: none;
}

.mw-sidebar {
    background-color: rgba(255,255,255,0.7);
    margin-top: 6em;
}

#mw-sidebar-button {
    position: absolute;
    top: 8em;
    background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
    background-position: left bottom;
    background-repeat: repeat-x;
    border-right: 1px solid transparent;
    width: 2.6em;
    height: 2.5em;
    padding: 0;
}

#mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button {
    top: 3.6em;
    border-right: 1px solid #a7d7f9;
}

/* only required for non-legacy */
#content {
    background: white;
}

/* Switch off tiny column view */
/* Copied this bit from ".skin-vector-disable-max-width", which is applied on all view history pages for example */
.mw-content-container {
    max-width: none;
}
.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container {
    margin-left: 11.5em;
}

/* Tweak left and right navigation to match full width view */
div.mw-page-container,
div.mw-workspace-container {
    max-width: unset;
    margin-left: unset;
    margin-right: unset;
}

div.mw-article-toolbar-container {
    margin-left: 2.7em;
    max-width: unset;
}

.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
    margin-left: 11.5em;
}

/* Fixes for transparent personal menu */
#p-personal-more .vector-menu-content {
    background-color: white;
}

@media screen and (min-width: 1000px) {
  .mw-header .vector-search-box.vector-search-box-auto-expand-width {
      margin-left: 1.8em;
  }
}

#p-cactions {
    background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
}

a.mw-ui-icon-wikimedia-search {
    background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* these behave weirdly */
.mw-body .mw-indicators {
    position: absolute;
    right: 1em;
}



noncontent ui- minerva

/** HEADER **/
/* 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 to darker purple background **/
.header-container.header-chrome {
    background: url('/images/3/3b/Mobile_skin_background_dark.jpg') center/cover no-repeat;
}

/** Below 720px the searchbox collapses, and we have more space - use lighter 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 viewing pages: wide - beautiful pyramids */
.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 */
    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

/* Rhythmic text sizes and grid leading */
#bodyContent > h1:hover, #bodyContent > h2:hover, #bodyContent > h3:hover, #bodyContent > h4:hover, #bodyContent > h5:hover, #bodyContent > h6:hover {
  background-image: none;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
  padding: 0;
}

div#content h1, div#content h2 {
  font-family: "EasonPro","Times New Roman", serif !important;
  font-weight: normal;
}

div#content h3, div#content h4, div#content h5, div#content h6 {
  font-family: Arial, sans-serif !important;
  font-weight: bold;
}

div#content h1 {
  font-size:     2.231em;
  line-height:   1.250em;
  margin-top:    0.724em;
  margin-bottom: 0.690em;
}

div#content #firstHeading /* note: this element is outside div.bodyContent so is actually the same displayed font size as h1 2.2308em */ {
  font-size:     1.8125em;
  margin-top:    0;
}

div#content h2 {
  font-size:     1.923em;
  line-height:   1.200em;
  margin-top:    1.000em;
  margin-bottom: 0.400em;
}

div#content h3 {
  font-size:     1.308em;
  line-height:   1.150em;
  margin-top:    1.353em;
  margin-bottom: 0.588em;
}

div#content h4 {
  font-size:     1.154em;
  line-height:   1.100em;
  margin-top:    1.000em;
  margin-bottom: 0.667em;
  padding: 0;
}

div#content h5 {
  font-size:     1.000em;
  line-height:   1.150em;
  margin-top:    1.308em;
  margin-bottom: 0.769em;
}

div#content h6 {
  font-size:     0.923em;
  line-height:   1.000em;
  margin-top:    1.500em;
  margin-bottom: 0.833em;
}

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;
}

#bodyContent {
  font-size: 0.8125em;
  padding-top: 0px !important;
}

#content li > ul, #content li > ol {
   margin-top: 0px;
   margin-bottom: 0px;
}

sup, sub {
  line-height: 0;
}

.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;
}

.mw-editsection {
  font-family: Arial, sans-serif;
  line-height: unset;
}

li > ul, li > ol {
  margin-top: 0;
  margin-bottom: 0;
}



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 [[en: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

extensions- minerva





/** -------- SCRIPTS -------- **/


scripts- common

/* Formatting for the wiki clock, referenced by [[MediaWiki:Common.js]] */
#utcdate a {
    font-weight: bold;
    text-transform: none;
}

/* [[Plantilla:Navegador de profesión]], collapsible functionality provided by  [[MediaWiki:CollapsibleTables.js]] */
tr.collapse-reverse, tr.collapse-reverse { display: none; }
tr.collapse-reverse.hide, tr.collapse-reverse.hide { display: table-row; }

/* Chat link search, for [[MediaWiki:ChatLinkSearch.js]] */
.gw2w-chat-link-search {
  background:#F3F3F3;
  border:1px solid #C0C0C0;
  margin:1em 0;
  padding:.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:15px; height:15px; }

/* Diálogo indent guides, added by demarcateDiálogo in MediaWiki:Common.js */
.diálogo dl dd {
  padding-left: 16px;
  margin-left: 0;
}
.diálogo dl {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 11px;
  border-left: 2px solid rgba(110, 98, 74, 0.4);
}
.diálogo > dl, .diálogo td > dl {
  margin-bottom: 10px;
  border-left: none;
}
.diálogo dt {
  margin-left: -11px;
}



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: #F9F1E2;
    text-transform: uppercase;
    font-size: 12px;
    padding: 8px 10px;
    line-height: 2.6;
}

#upperBar ul li a:hover {
    text-decoration: none;
    color: white;
}

#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 {
    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;
    position: absolute;
    top: 0em;
    left: 0em;
    left: 11em;
}

#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;
    }
}



scripts- minerva





/** -------- 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

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

/* Recent changes "byte count change" text colours */
.mw-plusminus-pos {
  color:#060;
}

.mw-plusminus-neg {
  color:#900;
}

.mw-changeslist-legend dt {
  line-height: 1.5em !important;
}

.mw-changeslist-legend dd {
  line-height: 1.5em !important;
}



special pages- minerva





/** -------- INDIVIDUAL PAGES -------- **/


individual pages- common

body.page-Página_principal.ns-subject h1.firstHeading,
body.page-Página_principal.ns-subject #contentSub {
    display: none;
}



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

/** -------- INDIVIDUAL PAGES -------- **/
/** MAIN PAGE **/
.mainpage-background-wrapper {
  overflow-x: hidden;
  background: url("/images/8/84/Main_page_background_left_(Secrets_of_the_Obscure).png") top +50px left -30px/auto 600px no-repeat,
      url("/images/3/38/Main_page_background_right_(Secrets_of_the_Obscure).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 white;
  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_(Secrets_of_the_Obscure).png") top +100px left 0px/auto 800px 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- minerva

/** MAIN PAGE **/
.mainpage-background-wrapper {
  overflow-x:hidden;
  background: url("/images/8/84/Main_page_background_left_(Secrets_of_the_Obscure).png") top +50px left -30px/auto 600px no-repeat,
      url("/images/3/38/Main_page_background_right_(Secrets_of_the_Obscure).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

template notices- vector

template notices- minerva





/** -------- TEMPLATES: INFOBOXES -------- **/


template infoboxes- common

/** cajaINFO **/
div.caja{
 border-radius:6px 6px 6px 6px;
}

div.cajaInfo {
  float:right;
  position:relative;
  width:250px;
  background:#FFF;
  font-size:.923em;
  border:1px solid #AAA;
  margin:0 0 1em 1em;
  padding:0;
  background-image:linear-gradient(135deg, #fff 0%, #eee 100%);
}

div.cajaInfo .icono {
  float:right;
  position:relative;
  z-index:2;
  width:auto;
  margin:5px;
}

/* Sin borde ni color de fondo */
div.cajaInfo .icono-sin{
  float:right;
  z-index:2;
  margin-top: 4px;
  margin-right: 4px;
 /* border:1px solid #BBB; */
 /* background-color: #FFF; */
  padding:1px;
 /* box-shadow:0px 3px 5px #888; */
}

/* Missing icons */
div.cajaInfo .icono a.new {
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;
  background-image:url(/images/thumb/4/4a/Habilidad.png/40px-Habilidad.png);
  height:40px;
  width:40px;
}
div.cajaInfo.habilidad .icono a.new {
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;
  background-image:url(/images/thumb/4/4a/Habilidad.png/48px-Habilidad.png);
  height:48px;
  width:48px;
}

/* animation link beneath icon */
div.cajaInfo .icono p {
  text-align:center;
  color:#444;
  font-size:9px!important;
  background-color:rgba(255,255,255,0.5);
  border-radius:.75em;
  line-height:1em;
  margin:.25em -.5em;
  padding:2px;
}

div.cajaInfo .heading {
  font-family: EasonPro,"Times New Roman",serif !important;
  font-size: 1.417em !important;
  color: #FFF !important;
  text-shadow: rgb(0 0 0 / 75%) 0 0 0.25em;
  line-height: 1.176em;
  padding: 0.5em !important;
  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;
  background-color: #444;
}

div.cajaInfo .statistics {
  text-align:center;
  margin:0 8px;
}

div.cajaInfo .image_wrapper {
  text-align:center;
  padding:0;
  margin:10px 0;
}

div.cajaInfo .statistics span + span { margin-left:5px; }

div.cajaInfo .wrapper {
  clear:both;
  padding:0;
}

div.cajaInfo dt {
  float:left;
  text-align:right;
  width:78px;
  line-height:1em;
  font-weight:700;
  clear:left;
  border-right:2px solid #999;
  border-radius:4px 4px 0px 0px; 
  margin:0 -2px 0 0;
  padding:2px 8px 2px 3px;
}

div.cajaInfo dd {
  float:left;
  width:125px;
  font-weight:400;
  border-left:2px solid #999;
  border-radius:4px 4px 0px 0px; 
  margin:0;
  padding:2px 7px;
}

div.cajaInfo::after,
div.cajaInfo .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.cajaInfo::after,
div.cajaInfo .heading::after { bottom:-3px; }


div.cajaInfo table { background-color:transparent; }

div.cajaInfo dt,
div.cajaInfo dd { line-height:1.667em; }

/* declare skill and trait infoboxes first because these colours are overwritten by professions */
div.cajaInfo.habilidad .heading
div.cajaInfo.rasgo .heading { background:#444; }
div.cajaInfo.habilidad dd,
div.cajaInfo.habilidad dt,
div.cajaInfo.rasgo dd,
div.cajaInfo.rasgo dt { border-color:#999; }

div.cajaInfo.habilidad .icono > div { border:2px solid #111; }

div.cajaInfo.guardián .heading { background-color:#066; }
div.cajaInfo.guardián dd,
div.cajaInfo.guardián dt { border-color:#066; }

div.cajaInfo.retornado .heading { background-color:#861313; }
div.cajaInfo.retornado dd,
div.cajaInfo.retornado dt { border-color:#861313; }

div.cajaInfo.guerrero .heading { background-color:#c60; }
div.cajaInfo.guerrero dd,
div.cajaInfo.guerrero dt { border-color:#c60; }

div.cajaInfo.ingeniero .heading { background-color:#630; }
div.cajaInfo.ingeniero dd,
div.cajaInfo.ingeniero dt { border-color:#630; }

div.cajaInfo.guardabosques .heading { background-color:#360; }
div.cajaInfo.guardabosques dd,
div.cajaInfo.guardabosques dt { border-color:#360; }

div.cajaInfo.ladrón .heading { background-color:#933; }
div.cajaInfo.ladrón dd,
div.cajaInfo.ladrón dt { border-color:#933; }

div.cajaInfo.elementalista .heading { background-color:#c00; }
div.cajaInfo.elementalista dd,
div.cajaInfo.elementalista dt { border-color:#c00; }

div.cajaInfo.hipnotizador .heading { background-color:#606; }
div.cajaInfo.hipnotizador dd,
div.cajaInfo.hipnotizador dt { border-color:#606; }

div.cajaInfo.nigromante .heading { background-color:#063; }
div.cajaInfo.nigromante dd,
div.cajaInfo.nigromante dt { border-color:#063; }

div.cajaInfo.asura .heading { background-color:#63c; }
div.cajaInfo.asura dd,
div.cajaInfo.asura dt { border-color:#63c; }

div.cajaInfo.charr .heading { background-color:#900; }
div.cajaInfo.charr dd,
div.cajaInfo.charr dt { border-color:#900; }

div.cajaInfo.humano .heading { background-color:#c90; }
div.cajaInfo.humano dd,
div.cajaInfo.humano dt { border-color:#c90; }

div.cajaInfo.norn .heading { background-color:#069; }
div.cajaInfo.norn dd,
div.cajaInfo.norn dt { border-color:#069; }

div.cajaInfo.sylvari .heading { background-color:#060; }
div.cajaInfo.sylvari dd,
div.cajaInfo.sylvari dt { border-color:#060; }

div.cajaInfo.bendición .heading { background-color:#399; }
div.cajaInfo.bendición dd,
div.cajaInfo.bendición dt { border-color:#399; }

div.cajaInfo.condición .heading { background-color:#363; }
div.cajaInfo.condición dd,
div.cajaInfo.condición dt { border-color:#363; }

div.cajaInfo.promo .heading { background-color:#6EA500; }
div.cajaInfo.promo dd,
div.cajaInfo.promo dt { border-color:#6EA500; }

div.cajaInfo.objeto .heading { background:#C30; }
div.cajaInfo.objeto dd,
div.cajaInfo.objeto dt { border-color:#C30; }

div.cajaInfo.diseño .heading { background:#C4003E; }
div.cajaInfo.diseño dd,
div.cajaInfo.diseño dt { border-color:#C4003E; }

div.cajaInfo.artesanía .heading { background:#533610; }
div.cajaInfo.artesanía dd,
div.cajaInfo.artesanía dt { border-color:#533610; }

div.cajaInfo.pnj .heading { background:#390; }
div.cajaInfo.pnj dd,
div.cajaInfo.pnj dt { border-color:#390; }

div.cajaInfo.mascota .heading { background:#360; }
div.cajaInfo.mascota dd,
div.cajaInfo.mascota dt { border-color:#360; }

div.cajaInfo.quest .heading { background:#F90; }
div.cajaInfo.quest dd,
div.cajaInfo.quest dt { border-color:#F90; }

div.cajaInfo.área .heading { background:#306; }
div.cajaInfo.área dd,
div.cajaInfo.área dt { border-color:#306; }

div.cajaInfo.rutarecompensas .heading { background:#001434; }
div.cajaInfo.rutarecompensas dd,
div.cajaInfo.rutarecompensas dt { border-color:#4c5a70; }

/* Cajas de receta */
div.receta-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;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFEEEEEE);
  background-image:linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-o-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-moz-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-webkit-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-ms-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#EEE));
}

div.receta-box::after {
  /* from div.cajaInfo: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.receta-box .subheading,
div.receta-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.receta-box .subheading { border-width:0 1px; }

div.receta-box dl { margin:10px 0; }

div.receta-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.receta-box dd {
  float:left;
  border-left:2px solid #999;
  margin:0;
  padding:2px 7px;
}

.cajaInfo .clear, .receta-box .clear { height:5px; }



template infoboxes- monobook

template infoboxes- vector

template infoboxes- minerva

.content .cajaInfo, .receta-box {
  background-color: #ddd;
  border: 1px solid #aaa;
}
.cajaInfo .heading, .receta-box .heading {
  font-weight: bold;
  line-height: 2em;
  margin-left: 1em;
}
.cajaInfo .icono {
  float: right;
  margin: 0.25em;
}
div.cajaInfo .statistics {
  text-align:center;
  margin:0 8px;
}
div.cajaInfo .statistics span + span {
  margin-left:5px;
}
.cajaInfo .wrapper, .receta-box .wrapper {
  background-color: white;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 0.5em;
}
.cajaInfo dd, .receta-box dd, .ingredientes dd {
  margin-left: 1em;
}







/** -------- TEMPLATES: NAVS -------- **/


template navs- common

div.navegacion {
  position:relative;
}

div.navegacion .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.navegacion      .box { width:42em; }
div.navegacion.thin .box { width:34em; }
div.navegacion.wide .box { width:50em; }
div.navegacion.full .box { width:unset; }

div.navegacion .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:.52;
  font-weight:700;
  line-height:100%;
  text-align:center;
  margin:-1px -1px 0px;
  padding:.769em 0;
  position:relative;
  z-index:1;
}

div.navegacion .clear {
  height:0.667em;
}

div.navegacion .box::after,
div.navegacion .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.navegacion .box::after,
div.navegacion .heading::after {
  bottom:-3px;
}

div.navegacion .wrapper {
  padding: 0px 8px;
}

div.navegacion dl,
div.navegacion .wrapper.hlist > ul {
  margin:0.667em 0em;
}

div.navegacion 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.navegacion dd {
  float:left;
  text-align:left;
  border-left:2px solid #888;
  border-radius:4px 4px 0px 0px;
  margin:0;
  padding:2px 0px 2px 8px;
  width:67%;
}

div.navegacion dt, div.navegacion dd {
  line-height:1.667em;
}

div.navegacion table {
  line-height:1.667em;
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:0.667em 0;
}

div.navegacion table th {
  text-align:right;
  border-right:2px solid #888;
  vertical-align:top;
  padding:2px 8px;
}

div.navegacion table td {
  padding:2px 8px;
}

.navegacion .wrapper p {
  margin-top:0.667em;
  margin-bottom:0.667em;
}

div.navegacion .selflink {
  font-weight:bold;
}

div.navegacion.guardián .heading { background-color:#39C; }
div.navegacion.guardián dd,
div.navegacion.guardián dt,
div.navegacion.guardián table th { border-color:#39C; }

div.navegacion.retornado .heading { background-color:#C23F3A; }
div.navegacion.retornado dd,
div.navegacion.retornado dt,
div.navegacion.retornado table th { border-color:#C23F3A; }

div.navegacion.guerrero .heading { background-color:#F93; }
div.navegacion.guerrero dd,
div.navegacion.guerrero dt,
div.navegacion.guerrero table th { border-color:#F93; }

div.navegacion.ingeniero .heading { background-color:#963; }
div.navegacion.ingeniero dd,
div.navegacion.ingeniero dt,
div.navegacion.ingeniero table th { border-color:#963; }

div.navegacion.guardabosques .heading { background-color:#6C3; }
div.navegacion.guardabosques dd,
div.navegacion.guardabosques dt,
div.navegacion.guardabosques table th { border-color:#6C3; }

div.navegacion.ladrón .heading { background-color:#C66; }
div.navegacion.ladrón dd,
div.navegacion.ladrón dt,
div.navegacion.ladrón table th { border-color:#C66; }

div.navegacion.elementalista .heading { background-color:#EC5752; }
div.navegacion.elementalista dd,
div.navegacion.elementalista dt,
div.navegacion.elementalista table th { border-color:#EC5752; }

div.navegacion.hipnotizador .heading { background-color:#939; }
div.navegacion.hipnotizador dd,
div.navegacion.hipnotizador dt,
div.navegacion.hipnotizador table th { border-color:#939; }

div.navegacion.nigromante .heading { background-color:#396; }
div.navegacion.nigromante dd,
div.navegacion.nigromante dt,
div.navegacion.nigromante table th { border-color:#396; }

div.navegacion.asura .heading { background-color:#96F; }
div.navegacion.asura dd,
div.navegacion.asura dt,
div.navegacion.asura table th { border-color:#96F; }

div.navegacion.charr .heading { background-color:#D25D6B; }
div.navegacion.charr dd,
div.navegacion.charr dt,
div.navegacion.charr table th { border-color:#D25D6B; }

div.navegacion.humano .heading { background-color:#FC3; }
div.navegacion.humano dd,
div.navegacion.humano dt,
div.navegacion.humano table th { border-color:#FC3; }

div.navegacion.norn .heading { background-color:#6CF; }
div.navegacion.norn dd,
div.navegacion.norn dt,
div.navegacion.norn table th { border-color:#6CF; }

div.navegacion.sylvari .heading { background-color:#3C3; }
div.navegacion.sylvari dd,
div.navegacion.sylvari dt,
div.navegacion.sylvari table th { border-color:#3C3; }

div.navegacion.pnj .heading { background-color:#6C3; }
div.navegacion.pnj dd,
div.navegacion.pnj dt,
div.navegacion.pnj table th { border-color:#6C3; }

div.navegacion.jce .heading { background-color:#FC6; }
div.navegacion.jce dd,
div.navegacion.jce dt,
div.navegacion.jce table th { border-color:#FC6; }

div.navegacion.equip .heading { background-color:#F96; }
div.navegacion.equip dd,
div.navegacion.equip dt,
div.navegacion.equip table th { border-color:#F96; }

div.navegacion.mech1 .heading { background-color:#69C; }
div.navegacion.mech1 dd,
div.navegacion.mech1 dt,
div.navegacion.mech1 table th { border-color:#69C; }

div.navegacion.mech2 .heading { background-color:#3CC; }
div.navegacion.mech2 dd,
div.navegacion.mech2 dt,
div.navegacion.mech2 table th { border-color:#3CC; }

div.navegacion.localización .heading { background-color:#96C; }
div.navegacion.localización dd,
div.navegacion.localización dt,
div.navegacion.localización table th { border-color:#96C; }

div.navegacion.popular .heading { background-color:#C6C; }
div.navegacion.popular dd,
div.navegacion.popular dt,
div.navegacion.popular table th { border-color:#C6C; }

div.navegacion.promo .heading { background-color:#9C3; }
div.navegacion.promo dd,
div.navegacion.promo dt,
div.navegacion.promo table th { border-color:#9C3; }

div.navegacion.quest .heading { background-color:#F8B57D; }
div.navegacion.quest dd,
div.navegacion.quest dt,
div.navegacion.quest table th { border-color:#F8B57D; }

div.navegacion.condición .heading { background-color:#51A651; }
div.navegacion.condición dd,
div.navegacion.condición dt,
div.navegacion.condición table th { border-color:#51A651; }

div.navegacion.hom .heading,
div.navegacion.artesanía .heading,
div.navegacion.receta .heading { background-color:#963; }
div.navegacion.hom dd,
div.navegacion.hom dt,
div.navegacion.hom table th,
div.navegacion.artesanía dd,
div.navegacion.artesanía dt,
div.navegacion.artesanía table th,
div.navegacion.receta dd,
div.navegacion.receta dt,
div.navegacion.receta table th { border-color:#963; }

/* Hide and reduce margins of horizontal rules between multiple navs */
.navegacion ~ hr {
  background-color:transparent;
  margin:0.5em 0 !important;
}



template navs- monobook

template navs- vector

template navs- minerva

.nav {
  border: 1px solid #aaa;
}
.nav .heading {
  background-color: #ddd;
  text-align: center;
  font-weight: bold;
}
.nav .wrapper {
  padding: 0.5em;
  border-top: 1px solid #aaa;
}







/** -------- TEMPLATES: TABLES -------- **/


template tables- common

.table {
  border:0 solid;
  border-collapse:collapse;
  border-spacing:0;
  font-size:.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;
}

/* 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; }

/* make table captions bold */
.table > caption { font-weight: bold }

/* this is a hack to add borders to IE8- */
.table > thead, .table > tbody { border:0 solid #aaa\0/ }

.table tr {
  border:1px solid #aaa\0/;
  text-align:left;
  border-color:#AAA;
}

/* and this removes them for IE9+ */
:root .table tr { border-top-width:0; border-bottom-width:0; }

.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 > *,
.table > caption { 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;
  border-radius:4px 4px 0px 0px; 
  padding:.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
  line-height:1.667em;
  padding:.25em .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 > 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;
}

/** STDT table classes **/
/* any */
.table.any > :first-child > tr:first-child,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading,
.table.any > tbody > tr.heading > * {
  background-color:#888 !important;
  border-color:#6D6D6D !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
.table.any > thead > tr > th,
table.table > tbody > tr.any > th {
  background-color:#CCC;
  border-color:#AAA;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
  background-color:#EEE;
}

/* guardián */
.table.guardián > :first-child > tr:first-child,
.table.guardián > :first-child > tr:first-child > *,
.table.guardián > tbody > tr.heading,
.table.guardián > tbody > tr.heading > * {
  background-color:#72C1D9 !important;
  border-color:#5B9AAE !important;
}
.table.guardián > tbody > tr > th,
.table.guardián > tfoot > tr > th,
.table.guardián > thead > tr > th,
table.table > tbody > tr.guardián > th {
  background-color:#B9E0EC;
  border-color:#94B3BD;
}
.table.guardián > tbody > tr:nth-child(odd),
.table > tbody > tr.guardián:nth-child(odd) {
  background-color:#EAF6F9;
}

/* retornado */
.table.retornado > :first-child > tr:first-child,
.table.retornado > :first-child > tr:first-child > *,
.table.retornado > tbody > tr.heading,
.table.retornado > tbody > tr.heading > * {
  background-color:#B1574C !important;
  border-color:#A65747 !important;
}
.table.retornado > tbody > tr > th,
.table.retornado > tfoot > tr > th,
.table.retornado > thead > tr > th,
table.table > tbody > tr.retornado > th {
  background-color:#E3B4AA;
  border-color:#BFA8A0;
}
.table.retornado > tbody > tr:nth-child(odd),
.table > tbody > tr.retornado:nth-child(odd) {
  background-color:#F6ECE9;
}

/* guerrero */
.table.guerrero > :first-child > tr:first-child,
.table.guerrero > :first-child > tr:first-child > *,
.table.guerrero > tbody > tr.heading,
.table.guerrero > tbody > tr.heading > * {
  background-color:#FFD166 !important;
  border-color:#CCA752 !important;
}
.table.guerrero > tbody > tr > th,
.table.guerrero > tfoot > tr > th,
.table.guerrero > thead > tr > th,
table.table > tbody > tr.guerrero > th {
  background-color:#FFE8B3;
  border-color:#CCBA8F;
}
.table.guerrero > tbody > tr:nth-child(odd),
.table > tbody > tr.guerrero:nth-child(odd) {
  background-color:#FFF8E8;
}

/* ingeniero */
.table.ingeniero > :first-child > tr:first-child,
.table.ingeniero > :first-child > tr:first-child > *,
.table.ingeniero > tbody > tr.heading,
.table.ingeniero > tbody > tr.heading > * {
  background-color:#D09C59 !important;
  border-color:#A67D47 !important;
}
.table.ingeniero > tbody > tr > th,
.table.ingeniero > tfoot > tr > th,
.table.ingeniero > thead > tr > th,
table.table > tbody > tr.ingeniero > th {
  background-color:#E8BC84;
  border-color:#BA966A;
}
.table.ingeniero > tbody > tr:nth-child(odd),
.table > tbody > tr.ingeniero:nth-child(odd) {
  background-color:#F8EBDA;
}

/* guardabosques */
.table.guardabosques > :first-child > tr:first-child,
.table.guardabosques > :first-child > tr:first-child > *,
.table.guardabosques > tbody > tr.heading,
.table.guardabosques > tbody > tr.heading > * {
  background-color:#8EDF44 !important;
  border-color:#72B236 !important;
}
.table.guardabosques > tbody > tr > th,
.table.guardabosques > tfoot > tr > th,
.table.guardabosques > thead > tr > th,
table.table > tbody > tr.guardabosques > th {
  background-color:#C7EFA2;
  border-color:#9FBF82;
}
.table.guardabosques > tbody > tr:nth-child(odd),
.table > tbody > tr.guardabosques:nth-child(odd) {
  background-color:#EEFAE3;
}

/* ladrón */
.table.ladrón > :first-child > tr:first-child,
.table.ladrón > :first-child > tr:first-child > *,
.table.ladrón > tbody > tr.heading,
.table.ladrón > tbody > tr.heading > * {
  background-color:#C08F95 !important;
  border-color:#9A7277 !important;
}
.table.ladrón > tbody > tr > th,
.table.ladrón > tfoot > tr > th,
.table.ladrón > thead > tr > th,
table.table > tbody > tr.ladrón > th {
  background-color:#DEC6C9;
  border-color:#B29EA1;
}
.table.ladrón > tbody > tr:nth-child(odd),
.table > tbody > tr.ladrón:nth-child(odd) {
  background-color:#F5EEEF;
}

/* elementalista */
.table.elementalista > :first-child > tr:first-child,
.table.elementalista > :first-child > tr:first-child > *,
.table.elementalista > tbody > tr.heading,
.table.elementalista > tbody > tr.heading > * {
  background-color:#F68A87 !important;
  border-color:#C56E6C !important;
}
.table.elementalista > tbody > tr > th,
.table.elementalista > tfoot > tr > th,
.table.elementalista > thead > tr > th,
table.table > tbody > tr.elementalista > th {
  background-color:#FBC5C3;
  border-color:#C99E9C;
}
.table.elementalista > tbody > tr:nth-child(odd),
.table > tbody > tr.elementalista:nth-child(odd) {
  background-color:#FEEEED;
}

/* hipnotizador */
.table.hipnotizador > :first-child > tr:first-child,
.table.hipnotizador > :first-child > tr:first-child > *,
.table.hipnotizador > tbody > tr.heading,
.table.hipnotizador > tbody > tr.heading > * {
  background-color:#B679D5 !important;
  border-color:#9261AA !important;
}
.table.hipnotizador > tbody > tr > th,
.table.hipnotizador > tfoot > tr > th,
.table.hipnotizador > thead > tr > th,
table.table > tbody > tr.hipnotizador > th {
  background-color:#DBBCEA;
  border-color:#AF96BB;
}
.table.hipnotizador > tbody > tr:nth-child(odd),
.table > tbody > tr.hipnotizador:nth-child(odd) {
  background-color:#F4EBF9;
}

/* nigromante */
.table.nigromante > :first-child > tr:first-child,
.table.nigromante > :first-child > tr:first-child > *,
.table.nigromante > tbody > tr.heading,
.table.nigromante > tbody > tr.heading > * {
  background-color:#52A76F !important;
  border-color:#428659 !important;
}
.table.nigromante > tbody > tr > th,
.table.nigromante > tfoot > tr > th,
.table.nigromante > thead > tr > th,
table.table > tbody > tr.nigromante > th {
  background-color:#A9D3B7;
  border-color:#87A992;
}
.table.nigromante > tbody > tr:nth-child(odd),
.table > tbody > tr.nigromante:nth-child(odd) {
  background-color:#E5F2EA;
}

/* asura */
.table.asura > :first-child > tr:first-child,
.table.asura > :first-child > tr:first-child > *,
.table.asura > tbody > tr.heading,
.table.asura > tbody > tr.heading > * {
  background-color:#A27BF1 !important;
  border-color:#8262C1 !important;
}
.table.asura > tbody > tr > th,
.table.asura > tfoot > tr > th,
.table.asura > thead > tr > th,
table.table > tbody > tr.asura > th {
  background-color:#D1BDF8;
  border-color:#A797C6;
}
.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 > :first-child > tr:first-child > *,
.table.charr > tbody > tr.heading,
.table.charr > tbody > tr.heading > * {
  background-color:#FE7887 !important;
  border-color:#CB606C !important;
}
.table.charr > tbody > tr > th,
.table.charr > tfoot > tr > th,
.table.charr > thead > tr > th,
table.table > tbody > tr.charr > th {
  background-color:#FFBCC3;
  border-color:#CC969C;
}
.table.charr > tbody > tr:nth-child(odd),
.table > tbody > tr.charr:nth-child(odd) {
  background-color:#FFEBED;
}

/* humano */
.table.humano > :first-child > tr:first-child,
.table.humano > :first-child > tr:first-child > *,
.table.humano > tbody > tr.heading,
.table.humano > tbody > tr.heading > * {
  background-color:#FFE566 !important;
  border-color:#CCB752 !important;
}
.table.humano > tbody > tr > th,
.table.humano > tfoot > tr > th,
.table.humano > thead > tr > th,
table.table > tbody > tr.humano > th {
  background-color:#FFF2B3;
  border-color:#CCC28F;
}
.table.humano > tbody > tr:nth-child(odd),
.table > tbody > tr.humano:nth-child(odd) {
  background-color:#FFFBE8;
}

/* norn */
.table.norn > :first-child > tr:first-child,
.table.norn > :first-child > tr:first-child > *,
.table.norn > tbody > tr.heading,
.table.norn > tbody > tr.heading > * {
  background-color:#75BAFF !important;
  border-color:#5E95CC !important;
}
.table.norn > tbody > tr > th,
.table.norn > tfoot > tr > th,
.table.norn > thead > tr > th,
table.table > tbody > tr.norn > th {
  background-color:#BADDFF;
  border-color:#95B1CC;
}
.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 > :first-child > tr:first-child > *,
.table.sylvari > tbody > tr.heading,
.table.sylvari > tbody > tr.heading > * {
  background-color:#61E665 !important;
  border-color:#4EB851 !important;
}
.table.sylvari > tbody > tr > th,
.table.sylvari > tfoot > tr > th,
.table.sylvari > thead > tr > th,
table.table > tbody > tr.sylvari > th {
  background-color:#B0F3B2;
  border-color:#8DC28E;
}
.table.sylvari > tbody > tr:nth-child(odd),
.table > tbody > tr.sylvari:nth-child(odd) {
  background-color:#E7FBE8;
}

/* pnj */
.table.pnj > :first-child > tr:first-child,
.table.pnj > :first-child > tr:first-child > *,
.table.pnj > tbody > tr.heading,
.table.pnj > tbody > tr.heading > * {
  background-color:#6C3 !important;
  border-color:#52A329 !important;
}
.table.pnj > tbody > tr > th,
.table.pnj > tfoot > tr > th,
.table.pnj > thead > tr > th,
table.table > tbody > tr.pnj > th {
  background-color:#B3E699;
  border-color:#8FB87A;
}
.table.pnj > tbody > tr:nth-child(odd),
.table > tbody > tr.pnj:nth-child(odd) {
  background-color:#E8F8E1;
}

/* jce */
.table.jce > :first-child > tr:first-child,
.table.jce > :first-child > tr:first-child > *,
.table.jce > tbody > tr.heading,
.table.jce > tbody > tr.heading > * {
  background-color:#FC6 !important;
  border-color:#CCA352 !important;
}
.table.jce > tbody > tr > th,
.table.jce > tfoot > tr > th,
.table.jce > thead > tr > th,
table.table > tbody > tr.jce > th {
  background-color:#FFE6B3;
  border-color:#CCB88F;
}
.table.jce > tbody > tr:nth-child(odd),
.table > tbody > tr.jce:nth-child(odd) {
  background-color:#FFF8E8;
}

/* equip o objeto*/
.table.equip > :first-child > tr:first-child,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading,
.table.equip > tbody > tr.heading > *,
.table.objeto > :first-child > tr:first-child,
.table.objeto > :first-child > tr:first-child > *,
.table.objeto > tbody > tr.heading,
.table.objeto > tbody > tr.heading > * {
  background-color:#F96 !important;
  border-color:#CC7A52 !important;
}
.table.equip > tbody > tr > th,
.table.equip > tfoot > tr > th,
.table.equip > thead > tr > th,
table.table > tbody > tr.equip > th,
.table.objeto > tbody > tr > th,
.table.objeto > tfoot > tr > th,
.table.objeto > thead > tr > th,
table.table > tbody > tr.objeto > th {
  background-color:#FFCCB3;
  border-color:#CCA38F;
}
.table.equip > tbody > tr:nth-child(odd),
.table > tbody > tr.equip:nth-child(odd),
.table.objeto > tbody > tr:nth-child(odd),
.table > tbody > tr.objeto:nth-child(odd) {
  background-color:#FFF0E8;
}

/* diseño */
.table.diseño > :first-child > tr:first-child,
.table.diseño > :first-child > tr:first-child > *,
.table.diseño > tbody > tr.heading,
.table.diseño > tbody > tr.heading > *,
.table.diseño > thead > tr.heading,
.table.diseño > thead > tr.heading > * {
  background-color:#E07A98 !important;
  border-color:#996574 !important;
}
.table.diseño > tbody > tr > th,
.table.diseño > tfoot > tr > th,
.table.diseño > thead > tr > th,
table.table > tbody > tr.diseño > th {
  background-color:#FFD4DF;
  border-color:#B3A1A5;
}
.table.diseño > tbody > tr:nth-child(odd),
.table > tbody > tr.diseño:nth-child(odd) {
  background-color:#FFEDF4;
}

/* mech1 */
.table.mech1 > :first-child > tr:first-child,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading,
.table.mech1 > tbody > tr.heading > * {
  background-color:#69C !important;
  border-color:#527AA3 !important;
}
.table.mech1 > tbody > tr > th,
.table.mech1 > tfoot > tr > th,
.table.mech1 > thead > tr > th,
table.table > tbody > tr.mech1 > th {
  background-color:#B3CCE6;
  border-color:#8FA3B8;
}
.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 > :first-child > tr:first-child > *,
.table.mech2 > tbody > tr.heading,
.table.mech2 > tbody > tr.heading > * {
  background-color:#3CC !important;
  border-color:#29A3A3 !important;
}
.table.mech2 > tbody > tr > th,
.table.mech2 > tfoot > tr > th,
.table.mech2 > thead > tr > th,
table.table > tbody > tr.mech2 > th {
  background-color:#99E6E6;
  border-color:#7AB8B8;
}
.table.mech2 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech2:nth-child(odd) {
  background-color:#E1F8F8;
}

/* saber popular */
.table.popular > :first-child > tr:first-child,
.table.popular > :first-child > tr:first-child > *,
.table.popular > tbody > tr.heading,
.table.popular > tbody > tr.heading > * {
  background-color:#C6C !important;
  border-color:#A352A3 !important;
}
.table.popular > tbody > tr > th,
.table.popular > tfoot > tr > th,
.table.popular > thead > tr > th,
table.table > tbody > tr.popular > th {
  background-color:#E6B3E6;
  border-color:#B88FB8;
}
.table.popular > tbody > tr:nth-child(odd),
.table > tbody > tr.popular:nth-child(odd) {
  background-color:#F8E8F8;
}

/* localización */
.table.localización > :first-child > tr:first-child,
.table.localización > :first-child > tr:first-child > *,
.table.localización > tbody > tr.heading,
.table.localización > tbody > tr.heading > * {
  background-color:#96C !important;
  border-color:#7A52A3 !important;
}
.table.localización > tbody > tr > th,
.table.localización > tfoot > tr > th,
.table.localización > thead > tr > th,
table.table > tbody > tr.localización > th {
  background-color:#CCB3E6;
  border-color:#A38FB8;
}
.table.localización > tbody > tr:nth-child(odd),
.table > tbody > tr.localización:nth-child(odd) {
  background-color:#F0E8F8;
}

/* promo */
.table.promo > :first-child > tr:first-child,
.table.promo > :first-child > tr:first-child > *,
.table.promo > tbody > tr.heading,
.table.promo > tbody > tr.heading > * {
  background-color:#9C3 !important;
  border-color:#7AA329 !important;
}
.table.promo > tbody > tr > th,
.table.promo > tfoot > tr > th,
.table.promo > thead > tr > th,
table.table > tbody > tr.promo > th {
  background-color:#CCE699;
  border-color:#A3B87A;
}
.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 > :first-child > tr:first-child > *,
.table.hom > tbody > tr.heading,
.table.hom > tbody > tr.heading > * {
  background-color:#C96 !important;
  border-color:#A37A52 !important;
}
.table.hom > tbody > tr > th,
.table.hom > tfoot > tr > th,
.table.hom > thead > tr > th,
table.table > tbody > tr.hom > th {
  background-color:#E6CCB3;
  border-color:#B8A38F;
}
.table.hom > tbody > tr:nth-child(odd),
.table > tbody > tr.hom:nth-child(odd) {
  background-color:#F8F0E8;
}

/* bendición */
.table.bendición > :first-child > tr:first-child,
.table.bendición > :first-child > tr:first-child > *,
.table.bendición > tbody > tr.heading,
.table.bendición > tbody > tr.heading > * {
  background-color:#73D9D9 !important;
  border-color:#5CAEAE !important;
}
.table.bendición > tbody > tr > th,
.table.bendición > tfoot > tr > th,
.table.bendición > thead > tr > th,
table.table > tbody > tr.bendición > th {
  background-color:#B9ECEC;
  border-color:#94BDBD;
}
.table.bendición > tbody > tr:nth-child(odd),
.table > tbody > tr.bendición:nth-child(odd) {
  background-color:#EAF9F9;
}

/* condición */
.table.condición > :first-child > tr:first-child,
.table.condición > :first-child > tr:first-child > *,
.table.condición > tbody > tr.heading,
.table.condición > tbody > tr.heading > * {
  background-color:#51A651 !important;
  border-color:#418541 !important;
}
.table.condición > tbody > tr> th,
.table.condición > tfoot > tr > th,
.table.condición > thead > tr > th,
table.table > tbody > tr.condición > th {
  background-color:#A8D3A8;
  border-color:#86A986;
}
.table.condición > tbody > tr:nth-child(odd),
.table > tbody > tr.condición:nth-child(odd) { background-color:#E5F2E5; }

/* artesanía */
/* receta */
.table.artesanía > :first-child > tr:first-child,
.table.artesanía > :first-child > tr:first-child > *,
.table.artesanía > tbody > tr.heading,
.table.artesanía > tbody > tr.heading > *,
.table.receta > :first-child > tr:first-child,
.table.receta > :first-child > tr:first-child > *,
.table.receta > tbody > tr.heading,
.table.receta > tbody > tr.heading > * {
  background-color:#A68151 !important;
  border-color:#856741 !important;
}
.table.artesanía > tbody > tr > th,
.table.artesanía > tfoot > tr > th,
.table.artesanía > thead > tr > th,
table.table > tbody > tr.artesanía > th,
.table.receta > tbody > tr > th,
.table.receta > tfoot > tr > th,
.table.receta > thead > tr > th,
table.table > tbody > tr.receta > th {
  background-color:#D3C0A8;
  border-color:#A99A86;
}
.table.artesanía > tbody > tr:nth-child(odd),
.table.receta > tbody > tr:nth-child(odd),
.table > tbody > tr.artesanía:nth-child(odd),
.table > tbody > tr.receta:nth-child(odd) { background-color:#F2ECE5; }

/* Tablas de habilidades */
.table.habilidades { width:100%; max-width:1000px; display:table; }
.table.habilidades > :first-child > tr:first-child ~ tr th[colspan] { text-align:left; }
.table.habilidades > :first-child > tr:first-child ~ tr th[colspan] span.editsection { display:none; }
.table.habilidades > :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.localizaciones dd,
.table.fm dd,
table.craftvariants dd { margin-left:0; }

/* but restore margin if it's actually being used as a definition list */
.table.localizaciones 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- monobook

template tables- vector

template tables- minerva

.table th {
  background-color: #ddd;
}
.table th, .table td {
  border: 1px solid;
  padding: 0.5em;
}







/** -------- TEMPLATES: ICONS -------- **/


template icons- common

/* Iconos en línea - Used by [[Plantilla:Icono]] etc. Due to "stacks", [[Plantilla:Efecto icono]] does not have a right margin */
.inline-icono {
    display: inline-block;
    bottom: 2px;
    overflow: visible;
    height: 1.538em;
    margin: 0 0.167em;
}


.inline-icono img {
    position: relative;
    bottom: 2px;
}

.inline-icono.efecto {
    margin:0 0 0 0.167em;
}

/* Usado por [[Plantilla:Objeto icono]] etc */
.objeto-icono.small,
.objeto-icono.medium {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-left: -1pt;
}

.objeto-icono.small,
.objeto-icono.small img {
    width: 20px;
    height: 20px;
}

.objeto-icono.medium,
.objeto-icono.medium img {
    width: 35px;
    height: 35px;
}

/* Prevent icon alt text being copied */
.caja-icono,
.inline-icono,
.objeto-icono,
.patchnote .habilidadicono img,
.patchnote .rasgoicono img {
    user-select: none;
}



template icons- monobook

template icons- vector

template icons- minerva





/** -------- TEMPLATES: LISTS -------- **/


template lists- common

/** NAV BARS: 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;
}

/* Generic ingredient lists */
div.ingredientes 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.ingredientes.wide dt { width:50px; }
div.ingredientes dd {
  float:left;
  margin:0;
  padding:2px 7px;
  border:none;
}
div.ingredientes dl { margin:2px 0; }

/* Attribute prefix spacing (usually in cajaInfoes) */
.prefixwrapper dl {
  margin: 0;
}



template lists- monobook

template lists- vector

template lists- minerva





/** -------- TEMPLATES: OTHER -------- **/


template misc- common

/* Remove top margin for ul within bug/anomaly templates */
.buglist ul { margin-top:0; }

/* Patch notes for skill history project  */
.habilidad-history {
  padding: 0.2em 0.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
  border: 1px #AAA dashed;
  background-color: #f6f3e4;
}
.habilidad-history li {
  padding: 0.1em 0em;
}

/* Font colors */
.gray,
.gray a { color: gray; }
.blackshadow { color:#FFF; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }

/* Add an extra top margin for [[Plantilla:Caja logro]] (Template:Achievement box) when preceded by lists (ul) or paragraph (p) elements */
p + .achievementbox,
ul + .achievementbox {
    margin-top: 2em;
}

/* 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

/* Patch notes for skill history project */
.skill-history {
    border-color: #AAA;
    background-color: #F6F3E4;
}

/* [[Plantilla:Archive-box]] and [[Plantilla:Correo]] */
.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;
}

/* Weekly/daily rotation data templates */
.highlight-yellow {
    background-color: yellow !important;
}

.highlight-blue {
    background-color: lightblue !important;
}



template misc- vector

/* Correct the location of icons fixed to page title line, e.g. "Template:ArenaNet article" */
div.icon-fixed-top {
  margin-top: -2.2em !important;
}

/* Patch notes for skill history project */
.skill-history {
    border-color: #AAA;
    background-color: #F6F3E4;
}

/* [[Plantilla:Archive-box]] and [[Plantilla:Correo]] */
.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;
}

/* Weekly/daily rotation data templates */
.highlight-yellow {
    background-color: yellow !important;
}

.highlight-blue {
    background-color: lightblue !important;
}



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;
}

/* [[Plantilla:Archive-box]] and [[Plantilla:Correo]] */
.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;
}

/* Weekly/daily rotation data templates */
.highlight-yellow {
    background-color: yellow !important;
}

.highlight-blue {
    background-color: lightblue !important;
}







/** -------- PRINTER -------- **/


printer- common

@media print {
  #content {
    border:0 solid #FFF;
    box-shadow:none;
    border-radius:0;
  }
  
  .mw-parser-output,
  div.cajaInfo .heading,
  div.navegacion .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; }
}



printer- monobook

printer- vector

printer- minerva




Notes[editar]


  • The above table output can be combined into a stylesheet using this script:


var mode = 'common'; // 'common', 'monobook', 'vector', 'minerva'

// Lookup object
var delete_columns = {
  'common':   [  3,4,5],
  'monobook': [2,  4,5],
  'vector':   [2,3,  5],
  'minerva':  [2,3,4, ],
}

// Remove irrelevant columns
$('small').remove();
$('#csstable tr:nth-child(1)').remove();
$.each(delete_columns[mode].reverse(), function(i,v) {
  $('#csstable tr td:nth-child(' + v + '), #csstable tr th:nth-child(' + v + ')').remove();
});

// Remove excessive newlines and empty headings
var t = $('#csstable').text()
  .replace(/\n(\n\n+)/g,'\n\n')
  .replace(/(-------- \*\*\/)(\n+)/g,'$1\n')
  .replace(/(\/\*\* -------- )(.*?)( -------- \*\*\/)\n(\/\*\* -------- )/g,'$4')
  .replace(/(\/\*\* -------- )(.*?)( -------- \*\*\/)\n(\/\*\* -------- )/g,'$4')
  .replace(/^( {4})/gm,'  ')
  .trim();

// Replace content
$('#cssoutput').text(t);













Obtenido de «https://wiki-es.guildwars2.com/index.php?title=GW2Wiki:Proyectos/CSS/table&oldid=404029»