MediaWiki:Vector.css

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

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

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

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

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

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

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