MediaWiki:Common.css

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

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
  • Opera: Presiona Ctrl+F5.
/** -------- FONTS -------- **/
@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;
}

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

/** -------- NON-CONTENT UI -------- **/
/* Opposite of .nomobile */
.mobileonly { display: none; }

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

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

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

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

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

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

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

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

/** -------- TEMPLATES: TABLES -------- **/
.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%;
}

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

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

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

/** -------- PRINTER -------- **/
@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; }
}
Obtenido de «https://wiki-es.guildwars2.com/index.php?title=MediaWiki:Common.css&oldid=404028»