MediaWiki:Minerva.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.

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

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

/** -------- 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 {
  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: INFOBOXES -------- **/
.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 -------- **/
.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 -------- **/
.table th {
  background-color: #ddd;
}
.table th, .table td {
  border: 1px solid;
  padding: 0.5em;
}

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