Diferencia entre revisiones de «MediaWiki:Timeless.css»

Revisión actual del 19:50 25 nov 2022

/* all CSS here will be loaded for users of the Timeless Skin */
@font-face {font-family: "GoetheFFClan-Book"; src: url('/wiki/skins/Timeless/resources/fonts/GoetheFFClan-Book.woff') format('woff'), url('/wiki/skins/Timeless/resources/fonts/GoetheFFClan-Book.ttf') format('truetype');}
@font-face {font-family: "GoetheFFClan-Bold"; src: url('/wiki/skins/Timeless/resources/fonts/GoetheFFClan-Bold.woff') format('woff'), url('/wiki/skins/Timeless/resources/fonts/GoetheFFClan-Bold.ttf') format('truetype');}
/* ------------------------------------------------- */
body {font-family: "GoetheFFClan-Book",sans-serif; color: #7A7A7A; background-image: url('https://sheroesingames.unq.edu.ar/wiki/images/3/37/Clean-textile.png'); background-repeat: repeat;}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {font-weight: normal; font-family: "GoetheFFClan-Bold",sans-serif; line-height: 1.125; margin: 1.25em 0 1em;}
#p-logo {background: #FFF; border: solid 1px #5bc5f2; border-top: solid 2px #ffffff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
#simpleSearch {box-shadow: none; border: none;}
#searchInput {border: 1px solid #5bc5f2; background: #fff; width: 100%; border-radius: 6px; font-family: "GoetheFFClan-Book",sans-serif;}
input {font-family: "GoetheFFClan-Book",sans-serif;}
/* ------------------------------------------------- */
/* SELECTOR DE IDIOMAS */
.uls-menu h3 {font-family: 'GoetheFFClan-Bold', sans-serif;}
.uls-lcd-region-title {color: #5bc5f2;}
.uls-language-block a {color: #820a5f; font-family: "GoetheFFClan-Bold",sans-serif;}
.uls-language-block a:hover {color: #a2c617; background-color: #820a5f;}
#uls-settings-block > button {font-family: "GoetheFFClan-Bold",sans-serif; color: #820a5f; font-size: 14px;}
/* ------------------------------------------------- */
/* TITULOS */
.mw-body h1 {color: #820a5f;}
.mw-body h1.firstHeading {margin: 1em 0 1em; padding-bottom: 0.5em; border-bottom: solid 2px #5bc5f2;}
.mw-body h2 {color: #a2c617; font-size: 1.5em; margin: 2em 0 1em;}
.mw-body h3 {color: #248f24; font-size: 1.3em; margin: 1em 0 .5em;}
.mw-body .mw-parser-output h2::after {border-bottom: solid 1px #a2c617; overflow: hidden; margin: 0.5em 0 0;}
/* ------------------------------------------------- */
.color-left {background: #5bc5f2;}
.color-middle {background: #a2c617;}
.color-right {background: #820a5f;}
/* ------------------------------------------------- */
/* TABLA DE CONTENIDOS */
.toc {
  display: table;
  background: #f8f9fa;
  border: solid #eaecf0;
  border-width: 1px 1px 0.2em;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.02);
  padding: 1.25em 1.75em;
  margin-top: 1em;
  margin-bottom: 1em;
  min-width: 15em
}
/* ------------------------------------------------- */
.mw-portlet.tools-inline {font-size: 0.85em; font-family: "GoetheFFClan-Bold",sans-serif;}
.tools-inline li[id^='ca-nstab-'] a {padding: 3px 2px 0 20px;}
#ca-edit a {padding: 3px 2px 0 20px;}
#ca-addsection a {padding: 3px 2px 0 20px;}
.tools-inline li a {padding: 3px 2px 0 20px;}
#ca-history a {padding: 3px 2px 0 20px;}
/* ------------------------------------------------- */
.tools-inline a {color: #a2c617;}
.tools-inline a:hover {color: #5bc5f2;}
.tools-inline li.selected a {color: #820a5f;}
.tools-inline li.selected {border-bottom-color: #a2c617;}
.tools-inline li a:hover {border-bottom-color: #5bc5f2;}
.tools-inline div, .tools-inline div, .tools-inline ul, .tools-inline ul, .tools-inline li, .tools-inline li {padding: 0 0 5px 0;}
#ca-talk a {padding: 3px 2px 0 20px;}
/* ------------------------------------------------- */
a.new:hover, .new a:hover, a.new:visited, .new a:visited {color: #ec6608;}
.mw-pt-translate-header {border-bottom: none;}
#mw-content-wrapper {background: #FFF; border: solid 1px #5bc5f2; border-top: solid 2px #ffffff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
#mw-content {background: none; border: none; border-width: 0; box-shadow: none; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
/* ------------------------------------------------- */
.wikitable {background-color: #ffffff; color: #202122; margin: 1em 0; border: 1px solid #a2c617; border-collapse: collapse; width: 100%; border-top-right-radius: 6px; border-top-left-radius: 6px;}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {border: none; border-left: 1px solid #a2c617; border-right: 1px solid #a2c617; padding: 0.4em 0.4em;}
.wikitable > tr > th, .wikitable > * > tr > th {background-color: #a2c617; text-align: center;}
.row-even {background: #f9f9f9;}
.Item.headerSort a {color:  #FFFFFF; font-family: 'GoetheFFClan-Bold';}
.Item.smwtype_wpg a {color: #820a5f;}
.Item.smwtype_wpg a:hover {color: #a2c617;}
/* ------------------------------------------------- */
.wikibook-home {display: flex; flex-direction: row; justify-content: space-between; padding-top: 40px; padding-bottom: 20px;}
.wikibook-home > div {width: 22%; border: 1px solid #5bc5f2; text-align: center; padding: 20px 10px; border-radius: 6px;}
.wikibook-home > div > a {font-family: 'GoetheFFClan-Bold'; color: #5bc5f2; font-size: 18px; line-height: 20px;}
.wikibook-home > div > a:hover {color: #a2c617;}
.wikibook-home > div > a.image {width: 100px; height: auto; display: block; padding-bottom: 10px; margin: 0 auto;}
.wikibook-home > div > a.image img {width: 100%; height: auto;}

/* ------------------------------------------------- */
#mw-content-container {background: #a2c617; border-bottom: solid 4px #a2c617; background-image: url('https://sheroesingames.unq.edu.ar/wiki/images/3/37/Clean-textile.png'); background-repeat: repeat;}
.videito {display: flex; align-items: center; justify-content: center;}
.caja-home {background: #ffffff; color:#7a7a7a; font-weight:normal; margin-top:10px; margin-bottom:40px; text-align:center; font-size:18px; border-radius: 6px; border: 1px solid #5bc5f2;}
.caja-home .destacado {font-size:20px; line-height: 24px; font-family: 'GoetheFFClan-Bold'; color: #5bc5f2; padding: 0 30px;}
.caja-home-titulo {font-family:'GoetheFFClan-Bold'; font-size:32px; color: #a2c617; margin-top: 25px !important; margin-bottom: 15px;}
.cont-columnas {display: flex; flex-direction: row;}
.cont-columnas > div:first-child {width: 55%;}
.cont-columnas > div:last-child {width: 45%; display: flex; flex-direction: column; justify-content: flex-end;}
.cont-columnas > div:first-child > p {text-align: left; padding: 0; margin: 0; padding: 0 30px 20px 30px;}
.cont-columnas > div:last-child > p {margin: 0; padding: 0;}
.cont-columnas img {display: block; width: 100%; height: auto;}
/* ------------------------------------------------- */
.columnas-comunidad {display: flex; flex-direction: row;}
.columnas-comunidad > div:first-child {width: 30%; background-image: url('https://sheroesingames.unq.edu.ar/wiki/images/d/d4/Img-chica-codigo.png'); background-repeat: no-repeat; background-position: bottom left;}
.columnas-comunidad > div:last-child {width: 70%;}
.columnas-comunidad > div:last-child p {text-align: right;}
.columnas-comunidad > div:last-child p a {text-align: right; color: #820a5f;}
.columnas-comunidad > div:last-child p a: hover {color: #820a5f;}
.columnas-comunidad > div:first-child p a {font-family: 'GoetheFFClan-Bold'; color: #5bc5f2; font-size: 20px; line-height: 20px;}
.columnas-comunidad > div:first-child p a:hover {color: #7a7a7a;}
a[href^="https://itch.io/jam/"] {display: block; margin-bottom: 30px; margin-top: 30px;}
a[href^="https://www.youtube.com/playlist?list=PLFi2qnAbl48YzTjBx-Y7JzfOdRnHEqtqG"] {display: block; margin-bottom: 20px;}
/* ------------------------------------------------- */
.mw-pt-translate-header a {color: #820a5f;}
.mw-pt-translate-header a:hover {color: #7a7a7a;}
/* ------------------------------------------------- */
/* MENU IDIOMAS */
.uls-menu {border: 1px solid #5bc5f2; border-color: #5bc5f2; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);}
/* ------------------------------------------------- */
/* FOOTER */
.mw-footer-container {border-top: solid 1px #a2c617; box-shadow: inset 0 7px 2px -4px rgb(0 0 0 / 10%); color: #ffffff; background: #5bc5f2;}
.mw-footer-container a {color: #FFFFFF; font-family: "GoetheFFClan-Bold",sans-serif;}
.mw-footer-container a:hover {color: #820a5f;}
/* ------------------------------------------------- */
@media screen and (min-width: 1100px){
  #personal h2 {font-family: "GoetheFFClan-Bold",sans-serif; font-weight: normal; font-size: 1em; color: #5bc5f2;}
  #personal .dropdown {border: 1px solid #5bc5f2; border-radius: 6px; border-width: 1px; font-size: 0.95em; background: #ffffff; box-shadow: 0 2px 3px 1px rgb(0 0 0 / 5%);}
  #personal .dropdown::before, #personal .dropdown::after {border-bottom: 10px solid #5bc5f2;}
  #personal .dropdown h3 {font-family: 'GoetheFFClan-Bold'; color: #a2c617; font-size: 1em; margin: 0.25em 0 0.25em 0; border-bottom: none;}
  #p-personal .mw-portlet-body a {font-family: 'GoetheFFClan-Bold'; color: #5bc5f2;}
  #p-personal .mw-portlet-body a:hover {color: #7a7a7a;}

  #mw-site-navigation .sidebar-chunk { background: #fff; border: 1px solid #5bc5f2; border-width: 1px; border-radius: 6px;}
  #mw-site-navigation .sidebar-chunk h3 {font-family: "GoetheFFClan-Bold",sans-serif; border-bottom: none; margin: 0.25em 0 0.25em 0; font-size: 1.2em; color: #5bc5f2;}
  #mw-site-navigation .sidebar-chunk a {color: #820a5f; font-family: "GoetheFFClan-Bold",sans-serif;}
  #mw-site-navigation .sidebar-chunk a:hover {color: #a2c617;}
  #mw-related-navigation .sidebar-chunk {background: #ffffff; border: solid #5bc5f2; border-width: 1px 1px 0.2em; box-shadow: none; font-size: 0.95em; border-radius: 6px;}
  #mw-related-navigation .sidebar-chunk h3 {font-family: 'GoetheFFClan-Bold'; font-size: 1em; color: #a2c617; margin: 0.25em 0 0.25em 0; border-bottom: none;}
  #mw-related-navigation .sidebar-chunk a {font-family: 'GoetheFFClan-Bold'; color: #5bc5f2;}
  #mw-related-navigation .sidebar-chunk a:hover {color: #7a7a7a;}
}
/* ------------------------------------------------- */