<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="pt">
	<id>https://pt-wiki.metin2.gameforge.com/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Eleia</id>
	<title>Metin2 Wiki - Contribuições do utilizador [pt]</title>
	<link rel="self" type="application/atom+xml" href="https://pt-wiki.metin2.gameforge.com/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Eleia"/>
	<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php/Especial:Contribui%C3%A7%C3%B5es/Eleia"/>
	<updated>2026-06-08T20:39:44Z</updated>
	<subtitle>Contribuições do utilizador</subtitle>
	<generator>MediaWiki 1.31.5</generator>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=71256</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=71256"/>
		<updated>2026-03-27T12:35:57Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]').href =&lt;br /&gt;
    &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Enlève l'animation de chargement et affiche le contenu de la page lorsque c'est nécessaire */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOUTON RETOUR VERS LE HAUT */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0,&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0,&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function (ev) {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      var data = JSON.parse(this.responseText);&lt;br /&gt;
      if (data.hasOwnProperty(&amp;quot;version&amp;quot;)) {&lt;br /&gt;
        var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
        gdpr.src =&lt;br /&gt;
          &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
          data.version +&lt;br /&gt;
          &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
        document.head.appendChild(gdpr);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
 /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true,&lt;br /&gt;
    };&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift()&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          injectCustomElements();&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=71255</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=71255"/>
		<updated>2026-03-27T12:34:54Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=71254</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=71254"/>
		<updated>2026-03-27T12:32:28Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]').href =&lt;br /&gt;
    &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Enlève l'animation de chargement et affiche le contenu de la page lorsque c'est nécessaire */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOUTON RETOUR VERS LE HAUT */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0,&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0,&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function (ev) {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      var data = JSON.parse(this.responseText);&lt;br /&gt;
      if (data.hasOwnProperty(&amp;quot;version&amp;quot;)) {&lt;br /&gt;
        var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
        gdpr.src =&lt;br /&gt;
          &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
          data.version +&lt;br /&gt;
          &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
        document.head.appendChild(gdpr);&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
 /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true,&lt;br /&gt;
    };&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift()&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          injectCustomElements();&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=Capa_de_Bravura&amp;diff=69460</id>
		<title>Capa de Bravura</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=Capa_de_Bravura&amp;diff=69460"/>
		<updated>2026-03-11T15:50:54Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Categoria:Itens/Loja de Itens]][[Categoria:Itens]][[Categoria:Itens/Outros]]&lt;br /&gt;
&lt;br /&gt;
{{Item/LayoutV2&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nome da imagem do item --&amp;gt;&lt;br /&gt;
|Nome= Capas da Bravura&lt;br /&gt;
&lt;br /&gt;
|Descrição = Os Guerreiros antigos demonstravam a sua bravura ao usar uma capa colorida com a qual puxavam a atenção de todos os monstros para si.&lt;br /&gt;
&lt;br /&gt;
|Função =&lt;br /&gt;
:* Com este item todos os monstros à sua volta o irão atacar.&lt;br /&gt;
&lt;br /&gt;
|Missão =&lt;br /&gt;
&lt;br /&gt;
|Origem =&lt;br /&gt;
:* '''Metins:''' [[Metin Tu-Young]], [[Metin Jeon-Un]], [[Metin Jeon-Un]], [[Metin da Melancolia]], [[Metin da Brasa]], [[Metin da Vaidade]], [[Metin da Fúria]], [[Metin da Maldade]], [[Metin da Calamidade]], [[Metin das Florestas]]&lt;br /&gt;
:* '''Monstros:''' [[Cara de Ossos]], [[Hae-Tae]], [[General Lagosta]], [[Nemere]], [[Lorde Gnoll]], [[Chefe Rubro]], [[Rakshasa]], [[General Kappa]], [[Chefe Rubro Brutal]], [[Arges]], [[Príncipe Lémure]], [[Bagjanamu]]&lt;br /&gt;
:* '''Cofres:''' [[Cofre do Cupido]], [[Cofre do Rei Demónio]], [[Caixa Tesouro d'Ouro]], [[Cesto com Ovos de Páscoa]], [[Cofre do Chefe Orc]], [[Caixa Tesouro de Prata+]], [[Cofre da Rainha Aranha]], [[Cofre da Tartaruga Gigante]], [[Cofre do Nove Caudas]], [[Cofre do Rei Chama]], [[Cofre do Tigre Fantasma]], [[Cofre Abençoado]], [[Cofre Ceifa-Boss Prata]]&lt;br /&gt;
:* '''Outros:''' [[Loja de Itens]] (50 unidades por 49 Moedas Dragão), recompensa da missão O Arco Ornamentado do caçador nível 45, recompensa da missão [[Príncipe Charon]] de nível 84, [[Ceifador de Bosses]]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- outras informações --&amp;gt;&lt;br /&gt;
|Outro= &lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
* As Capas da Bravura obtidas nas [[Metin da Melancolia]], [[Metin da Brasa]], [[Metin da Vaidade]], [[Metin da Fúria]], [[Metin da Maldade]] e [[Metin da Calamidade]], são negociáveis&lt;br /&gt;
&lt;br /&gt;
{{Itens&lt;br /&gt;
&amp;lt;!--Colocar Sim ou Não --&amp;gt;&lt;br /&gt;
|Negociável NPC = Não&lt;br /&gt;
|Janela de Negociar = Sim&lt;br /&gt;
|Loja Privada = Não&lt;br /&gt;
|Dropável = Sim&lt;br /&gt;
|Armazenável = Sim&lt;br /&gt;
|Empilhável = Sim&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Categoria = &lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
{{top}}&lt;br /&gt;
==Versão B==&lt;br /&gt;
{{Item/LayoutV2&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nome da imagem do item --&amp;gt;&lt;br /&gt;
|Nome= Capa de Bravura B&lt;br /&gt;
&lt;br /&gt;
|Descrição = &lt;br /&gt;
Os Guerreiros antigos demonstravam a sua bravura ao usar uma capa colorida com a qual puxavam a atenção de todos os monstros para si. Não negociável.&lt;br /&gt;
&lt;br /&gt;
|Função = &lt;br /&gt;
:* Com este item todos os monstros à sua volta o irão atacar.&lt;br /&gt;
&lt;br /&gt;
|Missão =&lt;br /&gt;
&lt;br /&gt;
|Origem =&lt;br /&gt;
:* '''Metins:''' Indisponível &lt;br /&gt;
:* '''Monstros:''' Indisponível &lt;br /&gt;
:* '''Cofres:''' [[Cofre do Perito III]]&lt;br /&gt;
:* '''Outros:''' Indisponível &lt;br /&gt;
&amp;lt;!-- outras informações --&amp;gt;&lt;br /&gt;
|Outro=&lt;br /&gt;
&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--Colocar Sim ou Não --&amp;gt;&lt;br /&gt;
{{Itens&lt;br /&gt;
|Negociável NPC = Não&lt;br /&gt;
|Janela de Negociar = Não&lt;br /&gt;
|Loja Privada = Não&lt;br /&gt;
|Dropável = Não&lt;br /&gt;
|Armazenável = Não&lt;br /&gt;
|Empilhável = Não&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Categoria = &lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
{{top}}&lt;br /&gt;
&lt;br /&gt;
[[ae:عباءة الشجاعة]]&lt;br /&gt;
[[cz:Plášť statečnosti]]&lt;br /&gt;
[[de:Tapferkeitsumhang]]&lt;br /&gt;
[[en:Bravery Cape]]&lt;br /&gt;
[[es:Cabo valor]]&lt;br /&gt;
[[fr:Cape de bravoure]]&lt;br /&gt;
[[gr:Κάπα της Γενναιότητας]]&lt;br /&gt;
[[hu:Bátorság köpeny]]&lt;br /&gt;
[[it:Mantello del Coraggio]]&lt;br /&gt;
[[nl:Tapferkeitsumhang]]&lt;br /&gt;
[[pl:Peleryna Męstwa]]&lt;br /&gt;
[[ro:Mantia Curajului]]&lt;br /&gt;
[[tr:Cesaret Pelerini]]&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=Capa_de_Bravura&amp;diff=69459</id>
		<title>Capa de Bravura</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=Capa_de_Bravura&amp;diff=69459"/>
		<updated>2026-03-11T15:49:47Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Categoria:Itens/Loja de Itens]][[Categoria:Itens]][[Categoria:Itens/Outros]]&lt;br /&gt;
&lt;br /&gt;
{{Item/LayoutV2&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nome da imagem do item --&amp;gt;&lt;br /&gt;
|Nome= Capas da Bravura&lt;br /&gt;
&lt;br /&gt;
|Descrição = Os Guerreiros antigos demonstravam a sua bravura ao usar uma capa colorida com a qual puxavam a atenção de todos os monstros para si.&lt;br /&gt;
&lt;br /&gt;
|Função =&lt;br /&gt;
:* Com este item todos os monstros à sua volta o irão atacar.&lt;br /&gt;
&lt;br /&gt;
|Missão =&lt;br /&gt;
&lt;br /&gt;
|Origem =&lt;br /&gt;
:* '''Metins:''' [[Metin Tu-Young]], [[Metin Jeon-Un]], [[Metin Jeon-Un]], [[Metin da Melancolia]], [[Metin da Brasa]], [[Metin da Vaidade]], [[Metin da Fúria]], [[Metin da Maldade]], [[Metin da Calamidade]], [[Metin das Florestas]]&lt;br /&gt;
:* '''Monstros:''' [[Cara de Ossos]], [[Hae-Tae]], [[General Lagosta]], [[Nemere]], [[Lorde Gnoll]], [[Chefe Rubro]], [[Rakshasa]], [[General Kappa]], [[Chefe Rubro Brutal]], [[Arges]], [[Príncipe Lémure]], [[Bagjanamu]]&lt;br /&gt;
:* '''Cofres:''' [[Cofre do Cupido]], [[Cofre do Rei Demónio]], [[Caixa Tesouro d'Ouro]], [[Cesto com Ovos de Páscoa]], [[Cofre do Chefe Orc]], [[Caixa Tesouro de Prata+]], [[Cofre da Rainha Aranha]], [[Cofre da Tartaruga Gigante]], [[Cofre do Nove Caudas]], [[Cofre do Rei Chama]], [[Cofre do Tigre Fantasma]], [[Cofre Abençoado]], [[Cofre Ceifa-Boss Prata]]&lt;br /&gt;
:* '''Outros:''' [[Loja de Itens]] (50 unidades por 49 Moedas Dragão), recompensa da missão O Arco Ornamentado do caçador nível 45, recompensa da missão [[Príncipe Charon]] de nível 84, [[Ceifador de Bosses]]&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- outras informações --&amp;gt;&lt;br /&gt;
|Outro= &lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
* As Capas da Bravura obtidas nas [[Metin da Melancolia]], [[Metin da Brasa]], [[Metin da Vaidade]], [[Metin da Fúria]], [[Metin da Maldade]] e [[Metin da Calamidade]], são negociáveis&lt;br /&gt;
&lt;br /&gt;
{{Itens&lt;br /&gt;
&amp;lt;!--Colocar Sim ou Não --&amp;gt;&lt;br /&gt;
|Negociável NPC = Não&lt;br /&gt;
|Janela de Negociar = Sim&lt;br /&gt;
|Loja Privada = Não&lt;br /&gt;
|Dropável = Sim&lt;br /&gt;
|Armazenável = Sim&lt;br /&gt;
|Empilhável = Sim&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Categoria = &lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
{{top}}&lt;br /&gt;
==Versão B==&lt;br /&gt;
{{Item/LayoutV2&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nome da imagem do item --&amp;gt;&lt;br /&gt;
|Nome= Capa de Bravura B&lt;br /&gt;
&lt;br /&gt;
|Descrição = &lt;br /&gt;
Os Guerreiros antigos demonstravam a sua bravura ao usar uma capa colorida com a qual puxavam a atenção de todos os monstros para si. Não negociável.&lt;br /&gt;
&lt;br /&gt;
|Função = &lt;br /&gt;
:* Com este item todos os monstros à sua volta o irão atacar.&lt;br /&gt;
&lt;br /&gt;
|Missão =&lt;br /&gt;
&lt;br /&gt;
|Origem =&lt;br /&gt;
:* '''Metins:''' Indisponível &lt;br /&gt;
:* '''Monstros:''' Indisponível &lt;br /&gt;
:* '''Cofres:''' [[Cofre do Perito|Cofre do Perito III]]&lt;br /&gt;
:* '''Outros:''' Indisponível &lt;br /&gt;
&amp;lt;!-- outras informações --&amp;gt;&lt;br /&gt;
|Outro=&lt;br /&gt;
&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--Colocar Sim ou Não --&amp;gt;&lt;br /&gt;
{{Itens&lt;br /&gt;
|Negociável NPC = Não&lt;br /&gt;
|Janela de Negociar = Não&lt;br /&gt;
|Loja Privada = Não&lt;br /&gt;
|Dropável = Não&lt;br /&gt;
|Armazenável = Não&lt;br /&gt;
|Empilhável = Não&lt;br /&gt;
}}&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Categoria = &lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
{{top}}&lt;br /&gt;
&lt;br /&gt;
[[ae:عباءة الشجاعة]]&lt;br /&gt;
[[cz:Plášť statečnosti]]&lt;br /&gt;
[[de:Tapferkeitsumhang]]&lt;br /&gt;
[[en:Bravery Cape]]&lt;br /&gt;
[[es:Cabo valor]]&lt;br /&gt;
[[fr:Cape de bravoure]]&lt;br /&gt;
[[gr:Κάπα της Γενναιότητας]]&lt;br /&gt;
[[hu:Bátorság köpeny]]&lt;br /&gt;
[[it:Mantello del Coraggio]]&lt;br /&gt;
[[nl:Tapferkeitsumhang]]&lt;br /&gt;
[[pl:Peleryna Męstwa]]&lt;br /&gt;
[[ro:Mantia Curajului]]&lt;br /&gt;
[[tr:Cesaret Pelerini]]&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=Cofre_de_Bagjanamu&amp;diff=69458</id>
		<title>Cofre de Bagjanamu</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=Cofre_de_Bagjanamu&amp;diff=69458"/>
		<updated>2026-03-11T15:47:35Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Categoria:Itens]][[Categoria:Itens/Cofres]]&lt;br /&gt;
&lt;br /&gt;
{{Item/LayoutV2&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nome da imagem do item --&amp;gt;&lt;br /&gt;
|Nome= &lt;br /&gt;
&lt;br /&gt;
|Descrição = Este cofre foi recuperado da Erebus. Contém um tesouro verdadeiramente magnífico. Este item é negociável.&lt;br /&gt;
&lt;br /&gt;
|Função =&lt;br /&gt;
* Abre e receberás uma recompensa.&lt;br /&gt;
&lt;br /&gt;
|Missão =&lt;br /&gt;
&lt;br /&gt;
|Origem =&lt;br /&gt;
:* '''Metins:''' Indisponível&lt;br /&gt;
:* '''Monstros:''' [[Bagjanamu]]&lt;br /&gt;
:* '''Cofres:''' [[Cofre de Mistérios]]&lt;br /&gt;
:* '''Outros:''' Indisponível&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- outras informações --&amp;gt;&lt;br /&gt;
|Outro=&lt;br /&gt;
* Abre-se clicando com o botão direito do rato&lt;br /&gt;
* Pode ser aberto 3 vezes&lt;br /&gt;
&amp;lt;ul&amp;gt; &lt;br /&gt;
{{Itens&lt;br /&gt;
&amp;lt;!--Colocar Sim ou Não --&amp;gt;&lt;br /&gt;
|Negociável NPC = Sim&lt;br /&gt;
|Janela de Negociar = Sim&lt;br /&gt;
|Loja Privada = Sim&lt;br /&gt;
|Dropável = Sim&lt;br /&gt;
|Armazenável = Sim&lt;br /&gt;
|Empilhável = Não&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Categoria = Cofres&lt;br /&gt;
&lt;br /&gt;
|Conteudo-itens=&lt;br /&gt;
:* [[Ficheiro: Chama do Dragão.png|22px|link=Chama do Dragão (B)]] [[Chama do Dragão (B)]]&lt;br /&gt;
:* [[Ficheiro: Dióxido de Titânio.png|22px|link=Dióxido de Titânio]] [[Dióxido de Titânio]]&lt;br /&gt;
:* [[Ficheiro: Ágata.png|22px|link=Ágata]] [[Ágata]]&lt;br /&gt;
:* [[Ficheiro: Feijão Zen.png|22px|link=Feijão Zen]] [[Feijão Zen]]&lt;br /&gt;
:* [[Ficheiro: Luva de Ladrão.png|22px|link=Luva de Ladrão]] [[Luva de Ladrão]] &amp;lt;small&amp;gt;(2h)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro: Anel de Experiência.png|22px|link=Anel de Experiência]] [[Anel de Experiência]]&lt;br /&gt;
:* [[Ficheiro: Capas da Bravura.png|22px|link=Capa de Bravura]] [[Capa de Bravura]] &amp;lt;small&amp;gt;(10x)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro: Pergaminho da Bênção.png|22px|link=Pergaminho da Bênção]] [[Pergaminho da Bênção]]&lt;br /&gt;
{{Collapse}}&lt;br /&gt;
::Ver mais...&lt;br /&gt;
{{Collapse-content}}&lt;br /&gt;
:* [[Ficheiro: Amora.png|22px|link=Amora]] [[Amora]]&lt;br /&gt;
:* [[Ficheiro: lilas.png|22px|link=Lilás]] [[Lilás]]&lt;br /&gt;
:* [[Ficheiro: Livro da Verdade.png|22px|link=Livro da Verdade]] [[Livro da Verdade]]&lt;br /&gt;
:* [[Ficheiro: Fruta dos deuses.png|22px|link=Fruta dos Deuses]] [[Fruta dos Deuses]]&lt;br /&gt;
:* [[Ficheiro: Alma da Verdade.png|22px|link=Alma da Verdade]] [[Alma da Verdade]]&lt;br /&gt;
:* [[Ficheiro: Flor Divina.png|22px|link=Flor Divina]] [[Flor Divina]]&lt;br /&gt;
:* [[Ficheiro: Pastilha de Sangue.png|22px|link=Pastilha de Sangue]] [[Pastilha de Sangue]]&lt;br /&gt;
:* [[Ficheiro: Design de Armadura.png|22px|link=Design de Armadura]] [[Design de Armadura]]&lt;br /&gt;
:* [[Ficheiro: Padrão de Costura.png|22px|link=Padrão de Costura]] [[Padrão de Costura]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Ouro.png|22px|link=Chapas de Ouro]] [[Chapas de Ouro]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Prata.png|22px|link=Chapas de Prata]] [[Chapas de Prata]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Bronze.png|22px|link=Chapas de Bronze]] [[Chapas de Bronze]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Aço.png|22px|link=Chapas de Aço]] [[Chapas de Aço]]&lt;br /&gt;
:* [[Ficheiro: Manual de Reforço.png|22px|link=Manual de Reforço]] [[Manual de Reforço]]&lt;br /&gt;
:* [[Ficheiro: Cofre Livro do Reforço.png|22px|link=Cofre Livro do Reforço]] [[Cofre Livro do Reforço]]&lt;br /&gt;
:* [[Ficheiro: Manual da Guarda.png|22px|link=Manual da Guarda]] [[Manual da Guarda]]&lt;br /&gt;
:* [[Ficheiro: Cofre Livro da Guarda.png|22px|link=Cofre Livro da Guarda]] [[Cofre Livro da Guarda]]&lt;br /&gt;
:* [[Ficheiro: Mithril.png|22px|link=Mithril]] [[Mithril]]&lt;br /&gt;
:* [[Ficheiro: Correias Fortes.png|22px|link=Correias Fortes]] [[Correias Fortes]]&lt;br /&gt;
:* [[Ficheiro: Tinta Azul.png|22px|link=Tinta Azul]] [[Tinta Azul]]&lt;br /&gt;
:* [[Ficheiro: Tinta Branca.png|22px|link=Tinta Branca]] [[Tinta Branca]]&lt;br /&gt;
:* [[Ficheiro: Tinta Negra.png|22px|link=Tinta Negra]] [[Tinta Negra]]&lt;br /&gt;
:* [[Ficheiro: Tinta Ouro Metálico.png|22px|link=Tinta Ouro Metálico]] [[Tinta Ouro Metálico]]&lt;br /&gt;
:* [[Ficheiro: Seivadeplanta.png|22px|link=Seiva de Planta]] [[Seiva de Planta]]&lt;br /&gt;
:* [[Ficheiro: Tinta Vermelha.png|22px|link=Tinta Vermelha]] [[Tinta Vermelha]]&lt;br /&gt;
:* [[Ficheiro: Manual de Duelos.png|22px|link=Manual de Duelos]] [[Manual de Duelos]]&lt;br /&gt;
:* [[Ficheiro: Punho de Ouro.png|22px|link=Punho de Ouro]] [[Punho de Ouro]]&lt;br /&gt;
:* [[Ficheiro: Punho de Bronze.png|22px|link=Punho de Bronze]] [[Punho de Bronze]]&lt;br /&gt;
:* [[Ficheiro: Punho de Prata.png|22px|link=Punho de Prata]] [[Punho de Prata]]&lt;br /&gt;
:* [[Ficheiro: Decoração Lazuli.png|22px|link=Decoração Lazuli]] [[Decoração Lazuli]]&lt;br /&gt;
:* [[Ficheiro: Decoração Rubi.png|22px|link=Decoração Rubi]] [[Decoração Rubi]]&lt;br /&gt;
:* [[Ficheiro: Decoração Esmeralda.png|22px|link=Decoração Esmeralda]] [[Decoração Esmeralda]]&lt;br /&gt;
:* [[Ficheiro: Faca de Gravura Lazuli.png|22px|link=Faca de Gravura Lazuli]] [[Faca de Gravura Lazuli]]&lt;br /&gt;
:* [[Ficheiro: Faca de Gravura Ametista.png|22px|link=Faca de Gravura Ametista]] [[Faca de Gravura Ametista]]&lt;br /&gt;
:* [[Ficheiro: Livro do Pet Jovem.png|22px|link=Livro do Pet Jovem]] [[Livro do Pet Jovem]]&lt;br /&gt;
:* [[Ficheiro: Fivela Dourada.png|22px|link=Fivela Dourada]] [[Fivela Dourada]]&lt;br /&gt;
:* [[Ficheiro: Aço de Dragão Azul.png|22px|link=Aço de Dragão Azul]] [[Aço de Dragão Azul]]&lt;br /&gt;
:* [[Ficheiro: Gancho Ouro.png|22px|link=Gancho Dourado]] [[Gancho Dourado]]&lt;br /&gt;
:* [[Ficheiro: Livro do Pet Corajoso.png|22px|link=Livro do Pet Corajoso]] [[Livro do Pet Corajoso]]&lt;br /&gt;
:* [[Ficheiro: Fio Dourado.png|22px|link=Fio Dourado]] [[Fio Dourado]]&lt;br /&gt;
:* [[Ficheiro: Dragona Grandiosa.png|22px|link=Dragona Grandiosa]] [[Dragona Grandiosa]]&lt;br /&gt;
:* [[Ficheiro: Tecido Vermelho.png|22px|link=Tecido Vermelho]] [[Tecido Vermelho]]&lt;br /&gt;
:* [[Ficheiro: Aço de Dragão Vermelho.png|22px|link=Aço de Dragão Vermelho]] [[Aço de Dragão Vermelho]]&lt;br /&gt;
:* [[Ficheiro: Dragona Nobre.png|22px|link=Dragona Nobre]] [[Dragona Nobre]]&lt;br /&gt;
:* [[Ficheiro: Tecido Violeta.png|22px|link=Tecido Violeta]] [[Tecido Violeta]]&lt;br /&gt;
:* [[Ficheiro: Aço de Dragão Púrpura.png|22px|link=Aço de Dragão Púrpura]] [[Aço de Dragão Púrpura]]&lt;br /&gt;
:* [[Ficheiro: Dragona Antiga.png|22px|link=Dragona Antiga]] [[Dragona Antiga]]&lt;br /&gt;
:* [[Ficheiro: Tecido Dourado.png|22px|link=Tecido Dourado]] [[Tecido Dourado]]&lt;br /&gt;
:* [[Ficheiro: Elemento de Anel.png|22px|link=Elemento de Anel]] [[Elemento de Anel]]&lt;br /&gt;
:* [[Ficheiro: Colar de Elos.png|22px|link=Colar de Elos]] [[Colar de Elos]]&lt;br /&gt;
:* [[Ficheiro: Elemento de Joalharia.png|22px|link=Elemento de Joalharia]] [[Elemento de Joalharia]]&lt;br /&gt;
:* [[Ficheiro: Saco de Emoções.png|22px|link=Saco de Emoções]] [[Saco de Emoções]]&lt;br /&gt;
:* [[Ficheiro: Manto dos Segredos.png|22px|link=Manto dos Segredos]] [[Manto dos Segredos]]&lt;br /&gt;
{{EndDiv}}{{EndDiv}}&lt;br /&gt;
&lt;br /&gt;
|Conteudo-armaduras=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-armas=&lt;br /&gt;
:* [[imagem: Garra de Espinhos.png|18px|link=Garra de Espinhos]] [[Garra de Espinhos]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:zanna.png|18px|link=Lâmina Zanna Fantasma]] [[Lâmina Zanna Fantasma]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:espadabatalha.png|18px|link=Espada de Batalha]] [[Espada de Batalha]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:laminamagnetica.png|18px|link=Lâmina Magnética]] [[Lâmina Magnética]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:lequedasalvacao.png|18px|link= Leque da Salvação]] [[Leque da Salvação]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[imagem:arcodragaoamarelo.png|18px|link=Arco Dragão Amarelo]] [[Arco Dragão Amarelo]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:campainhaceueterra.png|18px|link=Campainha Céu e Terra]] [[Campainha Céu e Terra]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
|Conteudo-acessorios=&lt;br /&gt;
:* [[Ficheiro:Simoogi.png|22px|link=Sapatos do Imoogi]] [[Sapatos do Imoogi]] &amp;lt;small&amp;gt;(+3 /+4)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:Seuforia.png|22px|link=Sapatos da Euforia]] [[Sapatos da Euforia]] &amp;lt;small&amp;gt;(+3 /+4)&amp;lt;/small&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Conteudo-elmoesc=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-outros=&lt;br /&gt;
:* [[Ficheiro: Yang.png|22px|link=Yang]] [[Yang]]&lt;br /&gt;
:* [[Experiência]]&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{top}}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=Cofre_de_Bagjanamu&amp;diff=69457</id>
		<title>Cofre de Bagjanamu</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=Cofre_de_Bagjanamu&amp;diff=69457"/>
		<updated>2026-03-11T15:47:19Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Categoria:Itens]][[Categoria:Itens/Cofres]]&lt;br /&gt;
&lt;br /&gt;
{{Item/LayoutV2&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nome da imagem do item --&amp;gt;&lt;br /&gt;
|Nome= &lt;br /&gt;
&lt;br /&gt;
|Descrição = Este cofre foi recuperado da Erebus. Contém um tesouro verdadeiramente magnífico. Este item é negociável.&lt;br /&gt;
&lt;br /&gt;
|Função =&lt;br /&gt;
* Abre e receberás uma recompensa.&lt;br /&gt;
&lt;br /&gt;
|Missão =&lt;br /&gt;
&lt;br /&gt;
|Origem =&lt;br /&gt;
:* '''Metins:''' Indisponível&lt;br /&gt;
:* '''Monstros:''' [[Bagjanamu]]&lt;br /&gt;
:* '''Cofres:''' [[Cofre de Mistérios]]&lt;br /&gt;
:* '''Outros:''' Indisponível&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- outras informações --&amp;gt;&lt;br /&gt;
|Outro=&lt;br /&gt;
* Abre-se clicando com o botão direito do rato&lt;br /&gt;
* Pode ser aberto 3 vezes&lt;br /&gt;
&amp;lt;ul&amp;gt; &lt;br /&gt;
{{Itens&lt;br /&gt;
&amp;lt;!--Colocar Sim ou Não --&amp;gt;&lt;br /&gt;
|Negociável NPC = Sim&lt;br /&gt;
|Janela de Negociar = Sim&lt;br /&gt;
|Loja Privada = Sim&lt;br /&gt;
|Dropável = Sim&lt;br /&gt;
|Armazenável = Sim&lt;br /&gt;
|Empilhável = Não&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Categoria = Cofres&lt;br /&gt;
&lt;br /&gt;
|Conteudo-itens=&lt;br /&gt;
:* [[Ficheiro: Chama do Dragão.png|22px|link=Chama do Dragão (B)]] [[Chama do Dragão (B)]]&lt;br /&gt;
:* [[Ficheiro: Dióxido de Titânio.png|22px|link=Dióxido de Titânio]] [[Dióxido de Titânio]]&lt;br /&gt;
:* [[Ficheiro: Ágata.png|22px|link=Ágata]] [[Ágata]]&lt;br /&gt;
:* [[Ficheiro: Feijão Zen.png|22px|link=Feijão Zen]] [[Feijão Zen]]&lt;br /&gt;
:* [[Ficheiro: Luva de Ladrão.png|22px|link=Luva de Ladrão]] [[Luva de Ladrão]] &amp;lt;small&amp;gt;(2h)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro: Anel de Experiência.png|22px|link=Anel de Experiência]] [[Anel de Experiência]]&lt;br /&gt;
:* [[Ficheiro: Capas da Bravura.png|22px|link=Capa de Bravura]] [[Capa da Bravura]] &amp;lt;small&amp;gt;(10x)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro: Pergaminho da Bênção.png|22px|link=Pergaminho da Bênção]] [[Pergaminho da Bênção]]&lt;br /&gt;
{{Collapse}}&lt;br /&gt;
::Ver mais...&lt;br /&gt;
{{Collapse-content}}&lt;br /&gt;
:* [[Ficheiro: Amora.png|22px|link=Amora]] [[Amora]]&lt;br /&gt;
:* [[Ficheiro: lilas.png|22px|link=Lilás]] [[Lilás]]&lt;br /&gt;
:* [[Ficheiro: Livro da Verdade.png|22px|link=Livro da Verdade]] [[Livro da Verdade]]&lt;br /&gt;
:* [[Ficheiro: Fruta dos deuses.png|22px|link=Fruta dos Deuses]] [[Fruta dos Deuses]]&lt;br /&gt;
:* [[Ficheiro: Alma da Verdade.png|22px|link=Alma da Verdade]] [[Alma da Verdade]]&lt;br /&gt;
:* [[Ficheiro: Flor Divina.png|22px|link=Flor Divina]] [[Flor Divina]]&lt;br /&gt;
:* [[Ficheiro: Pastilha de Sangue.png|22px|link=Pastilha de Sangue]] [[Pastilha de Sangue]]&lt;br /&gt;
:* [[Ficheiro: Design de Armadura.png|22px|link=Design de Armadura]] [[Design de Armadura]]&lt;br /&gt;
:* [[Ficheiro: Padrão de Costura.png|22px|link=Padrão de Costura]] [[Padrão de Costura]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Ouro.png|22px|link=Chapas de Ouro]] [[Chapas de Ouro]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Prata.png|22px|link=Chapas de Prata]] [[Chapas de Prata]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Bronze.png|22px|link=Chapas de Bronze]] [[Chapas de Bronze]]&lt;br /&gt;
:* [[Ficheiro: Chapas de Aço.png|22px|link=Chapas de Aço]] [[Chapas de Aço]]&lt;br /&gt;
:* [[Ficheiro: Manual de Reforço.png|22px|link=Manual de Reforço]] [[Manual de Reforço]]&lt;br /&gt;
:* [[Ficheiro: Cofre Livro do Reforço.png|22px|link=Cofre Livro do Reforço]] [[Cofre Livro do Reforço]]&lt;br /&gt;
:* [[Ficheiro: Manual da Guarda.png|22px|link=Manual da Guarda]] [[Manual da Guarda]]&lt;br /&gt;
:* [[Ficheiro: Cofre Livro da Guarda.png|22px|link=Cofre Livro da Guarda]] [[Cofre Livro da Guarda]]&lt;br /&gt;
:* [[Ficheiro: Mithril.png|22px|link=Mithril]] [[Mithril]]&lt;br /&gt;
:* [[Ficheiro: Correias Fortes.png|22px|link=Correias Fortes]] [[Correias Fortes]]&lt;br /&gt;
:* [[Ficheiro: Tinta Azul.png|22px|link=Tinta Azul]] [[Tinta Azul]]&lt;br /&gt;
:* [[Ficheiro: Tinta Branca.png|22px|link=Tinta Branca]] [[Tinta Branca]]&lt;br /&gt;
:* [[Ficheiro: Tinta Negra.png|22px|link=Tinta Negra]] [[Tinta Negra]]&lt;br /&gt;
:* [[Ficheiro: Tinta Ouro Metálico.png|22px|link=Tinta Ouro Metálico]] [[Tinta Ouro Metálico]]&lt;br /&gt;
:* [[Ficheiro: Seivadeplanta.png|22px|link=Seiva de Planta]] [[Seiva de Planta]]&lt;br /&gt;
:* [[Ficheiro: Tinta Vermelha.png|22px|link=Tinta Vermelha]] [[Tinta Vermelha]]&lt;br /&gt;
:* [[Ficheiro: Manual de Duelos.png|22px|link=Manual de Duelos]] [[Manual de Duelos]]&lt;br /&gt;
:* [[Ficheiro: Punho de Ouro.png|22px|link=Punho de Ouro]] [[Punho de Ouro]]&lt;br /&gt;
:* [[Ficheiro: Punho de Bronze.png|22px|link=Punho de Bronze]] [[Punho de Bronze]]&lt;br /&gt;
:* [[Ficheiro: Punho de Prata.png|22px|link=Punho de Prata]] [[Punho de Prata]]&lt;br /&gt;
:* [[Ficheiro: Decoração Lazuli.png|22px|link=Decoração Lazuli]] [[Decoração Lazuli]]&lt;br /&gt;
:* [[Ficheiro: Decoração Rubi.png|22px|link=Decoração Rubi]] [[Decoração Rubi]]&lt;br /&gt;
:* [[Ficheiro: Decoração Esmeralda.png|22px|link=Decoração Esmeralda]] [[Decoração Esmeralda]]&lt;br /&gt;
:* [[Ficheiro: Faca de Gravura Lazuli.png|22px|link=Faca de Gravura Lazuli]] [[Faca de Gravura Lazuli]]&lt;br /&gt;
:* [[Ficheiro: Faca de Gravura Ametista.png|22px|link=Faca de Gravura Ametista]] [[Faca de Gravura Ametista]]&lt;br /&gt;
:* [[Ficheiro: Livro do Pet Jovem.png|22px|link=Livro do Pet Jovem]] [[Livro do Pet Jovem]]&lt;br /&gt;
:* [[Ficheiro: Fivela Dourada.png|22px|link=Fivela Dourada]] [[Fivela Dourada]]&lt;br /&gt;
:* [[Ficheiro: Aço de Dragão Azul.png|22px|link=Aço de Dragão Azul]] [[Aço de Dragão Azul]]&lt;br /&gt;
:* [[Ficheiro: Gancho Ouro.png|22px|link=Gancho Dourado]] [[Gancho Dourado]]&lt;br /&gt;
:* [[Ficheiro: Livro do Pet Corajoso.png|22px|link=Livro do Pet Corajoso]] [[Livro do Pet Corajoso]]&lt;br /&gt;
:* [[Ficheiro: Fio Dourado.png|22px|link=Fio Dourado]] [[Fio Dourado]]&lt;br /&gt;
:* [[Ficheiro: Dragona Grandiosa.png|22px|link=Dragona Grandiosa]] [[Dragona Grandiosa]]&lt;br /&gt;
:* [[Ficheiro: Tecido Vermelho.png|22px|link=Tecido Vermelho]] [[Tecido Vermelho]]&lt;br /&gt;
:* [[Ficheiro: Aço de Dragão Vermelho.png|22px|link=Aço de Dragão Vermelho]] [[Aço de Dragão Vermelho]]&lt;br /&gt;
:* [[Ficheiro: Dragona Nobre.png|22px|link=Dragona Nobre]] [[Dragona Nobre]]&lt;br /&gt;
:* [[Ficheiro: Tecido Violeta.png|22px|link=Tecido Violeta]] [[Tecido Violeta]]&lt;br /&gt;
:* [[Ficheiro: Aço de Dragão Púrpura.png|22px|link=Aço de Dragão Púrpura]] [[Aço de Dragão Púrpura]]&lt;br /&gt;
:* [[Ficheiro: Dragona Antiga.png|22px|link=Dragona Antiga]] [[Dragona Antiga]]&lt;br /&gt;
:* [[Ficheiro: Tecido Dourado.png|22px|link=Tecido Dourado]] [[Tecido Dourado]]&lt;br /&gt;
:* [[Ficheiro: Elemento de Anel.png|22px|link=Elemento de Anel]] [[Elemento de Anel]]&lt;br /&gt;
:* [[Ficheiro: Colar de Elos.png|22px|link=Colar de Elos]] [[Colar de Elos]]&lt;br /&gt;
:* [[Ficheiro: Elemento de Joalharia.png|22px|link=Elemento de Joalharia]] [[Elemento de Joalharia]]&lt;br /&gt;
:* [[Ficheiro: Saco de Emoções.png|22px|link=Saco de Emoções]] [[Saco de Emoções]]&lt;br /&gt;
:* [[Ficheiro: Manto dos Segredos.png|22px|link=Manto dos Segredos]] [[Manto dos Segredos]]&lt;br /&gt;
{{EndDiv}}{{EndDiv}}&lt;br /&gt;
&lt;br /&gt;
|Conteudo-armaduras=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-armas=&lt;br /&gt;
:* [[imagem: Garra de Espinhos.png|18px|link=Garra de Espinhos]] [[Garra de Espinhos]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:zanna.png|18px|link=Lâmina Zanna Fantasma]] [[Lâmina Zanna Fantasma]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:espadabatalha.png|18px|link=Espada de Batalha]] [[Espada de Batalha]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:laminamagnetica.png|18px|link=Lâmina Magnética]] [[Lâmina Magnética]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:lequedasalvacao.png|18px|link= Leque da Salvação]] [[Leque da Salvação]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[imagem:arcodragaoamarelo.png|18px|link=Arco Dragão Amarelo]] [[Arco Dragão Amarelo]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:campainhaceueterra.png|18px|link=Campainha Céu e Terra]] [[Campainha Céu e Terra]] &amp;lt;small&amp;gt;(+5 /+6)&amp;lt;/small&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
|Conteudo-acessorios=&lt;br /&gt;
:* [[Ficheiro:Simoogi.png|22px|link=Sapatos do Imoogi]] [[Sapatos do Imoogi]] &amp;lt;small&amp;gt;(+3 /+4)&amp;lt;/small&amp;gt;&lt;br /&gt;
:* [[Ficheiro:Seuforia.png|22px|link=Sapatos da Euforia]] [[Sapatos da Euforia]] &amp;lt;small&amp;gt;(+3 /+4)&amp;lt;/small&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Conteudo-elmoesc=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-outros=&lt;br /&gt;
:* [[Ficheiro: Yang.png|22px|link=Yang]] [[Yang]]&lt;br /&gt;
:* [[Experiência]]&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{top}}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=Cofre_de_Mist%C3%A9rios&amp;diff=69456</id>
		<title>Cofre de Mistérios</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=Cofre_de_Mist%C3%A9rios&amp;diff=69456"/>
		<updated>2026-03-11T15:42:35Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[Categoria:Itens]][[Categoria:Itens/Cofres]][[Categoria:Itens/Eventos]]&lt;br /&gt;
&lt;br /&gt;
{{Item/LayoutV2&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- Nome da imagem do item --&amp;gt;&lt;br /&gt;
|Nome= &lt;br /&gt;
&lt;br /&gt;
|Descrição = Contém um item raro aleatório.&lt;br /&gt;
&lt;br /&gt;
|Função =&lt;br /&gt;
* Abre e receberás uma recompensa.&lt;br /&gt;
&lt;br /&gt;
|Missão =&lt;br /&gt;
&lt;br /&gt;
|Origem =&lt;br /&gt;
* Obtida no [[Boss do Mundo]]&lt;br /&gt;
* Pode ser criado no NPC [[Tabuleiro de Yut Nori NPC]]&amp;lt;br&amp;gt;&amp;lt;small&amp;gt;'''Receita:'''&amp;lt;br&amp;gt;'''''11x''''' [[Ficheiro: Fragmento Misterioso.png|22px|link=Fragmento Misterioso]] [[Fragmento Misterioso]]&amp;lt;br&amp;gt;[[Ficheiro: Design de Mistério.png|22px|link=Design de Mistério]] [[Design de Mistério]]&amp;lt;/small&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- outras informações --&amp;gt;&lt;br /&gt;
|Outro=&lt;br /&gt;
* Abre-se clicando com o botão direito do rato&lt;br /&gt;
&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
{{Itens&lt;br /&gt;
&amp;lt;!--Colocar Sim ou Não --&amp;gt;&lt;br /&gt;
|Negociável NPC = Sim&lt;br /&gt;
|Janela de Negociar = Não&lt;br /&gt;
|Loja Privada = Não&lt;br /&gt;
|Dropável = Não&lt;br /&gt;
|Armazenável = Não&lt;br /&gt;
|Empilhável = Sim&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&lt;br /&gt;
|Categoria = Cofres&lt;br /&gt;
&lt;br /&gt;
|Conteudo-itens=&lt;br /&gt;
:* [[imagem: Perolabranca.png|23px|link=Pérola Branca]] [[Pérola Branca]]&lt;br /&gt;
:* [[imagem: Perolaazul.png|23px|link=Pérola Azul]] [[Pérola Azul]]&lt;br /&gt;
:* [[imagem: Perolavermelha.png|23px|link=Pérola Vermelha]] [[Pérola Vermelha]]&lt;br /&gt;
:* [[Imagem: Dióxido de Titânio.png|23px|link=Dióxido de Titânio]] [[Dióxido de Titânio]]&lt;br /&gt;
:* [[Imagem: Ágata.png|23px|link=Ágata]] [[Ágata]]&lt;br /&gt;
:* [[Imagem: Pedra Lunar.png|23px|link=Pedra Lunar]] [[Pedra Lunar]]&lt;br /&gt;
:* [[Imagem: Tinta Ouro Metálico.png|23px|link=Tinta Ouro Metálico]] [[Tinta Ouro Metálico]]&lt;br /&gt;
:* [[Imagem: Pedra da Chama Vermelha.png|23px|link=Pedra da Chama Vermelha]] [[Pedra da Chama Vermelha]]&lt;br /&gt;
:* [[Imagem: Cofre Guarda do Dragão.png|23px|link=Cofre da Rainha Meley]] [[Cofre da Rainha Meley]]&lt;br /&gt;
:* [[Imagem: Cofre Guarda do Dragão.png|23px|link=Cofre Guarda do Dragão]] [[Cofre Guarda do Dragão]]&lt;br /&gt;
:* [[Imagem: Cofre de Beran-Setaou.png|23px|link=Cofre de Beran-Setaou]] [[Cofre de Beran-Setaou]]&lt;br /&gt;
:* [[Imagem: Cofre de Bagjanamu.png|23px|link=Cofre de Bagjanamu]] [[Cofre de Bagjanamu]]&lt;br /&gt;
:* [[Imagem: Cofre do Razador.png|23px|link=Cofre do Razador]] [[Cofre do Razador]]&lt;br /&gt;
:* [[Imagem: Cofre de Nemere.png|23px|link=Cofre de Nemere]] [[Cofre de Nemere]]&lt;br /&gt;
:* [[Imagem: Cofre de Jotun Thrym.png|23px|link=Cofre de Jotun Thrym]] [[Cofre de Jotun Thrym]]&lt;br /&gt;
:* [[Imagem: Cofre da Hidra.png|23px|link=Cofre da Hidra]] [[Cofre da Hidra]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
|Conteudo-armaduras=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-armas=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-acessorios=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-elmoesc=&lt;br /&gt;
&lt;br /&gt;
|Conteudo-outros=&lt;br /&gt;
&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{top}}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=69144</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=69144"/>
		<updated>2026-02-28T22:20:47Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=69142</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=69142"/>
		<updated>2026-02-28T22:11:28Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 2 5px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    text-overflow: ellipsis;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=69141</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=69141"/>
		<updated>2026-02-28T22:00:59Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    text-overflow: ellipsis;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68727</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68727"/>
		<updated>2026-02-27T22:08:00Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68699</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68699"/>
		<updated>2026-02-27T19:52:45Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68624</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68624"/>
		<updated>2026-02-27T13:49:40Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68623</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68623"/>
		<updated>2026-02-27T13:39:18Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 0px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68622</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68622"/>
		<updated>2026-02-27T13:31:01Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68620</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68620"/>
		<updated>2026-02-27T13:23:30Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68618</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68618"/>
		<updated>2026-02-27T13:07:52Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 10px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68617</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68617"/>
		<updated>2026-02-27T12:59:09Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 10px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68616</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68616"/>
		<updated>2026-02-27T12:58:01Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 10px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68615</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68615"/>
		<updated>2026-02-27T12:52:59Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 10px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 400px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  background: none;&lt;br /&gt;
  background-color: black;&lt;br /&gt;
  color: white;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68614</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68614"/>
		<updated>2026-02-27T12:45:38Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#mw-content ul {&lt;br /&gt;
  margin-bottom: 0.3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content ol {&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  counter-reset: custom-counter;&lt;br /&gt;
  margin: 0.3em 0 0.3em 1.6em;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li {&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  padding-left: 5px;&lt;br /&gt;
  counter-increment: custom-counter;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ol li::marker {&lt;br /&gt;
  content: counter(custom-counter) &amp;quot;.  &amp;quot;;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,&lt;br /&gt;
th {&lt;br /&gt;
  padding: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px 0;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sub-titulo,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table td {&lt;br /&gt;
  padding: 5px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  padding: 2px 10px;&lt;br /&gt;
  font-weight: normal;&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:first-child &amp;gt; th:first-child {&lt;br /&gt;
  border-radius: 8px 0 0 0;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table caption {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSort {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortUp {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table.sortable th.headerSortDown {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E&amp;quot;)&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-row thead tr {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  z-index: 10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.sticky-header-column th:first-child {&lt;br /&gt;
  position: sticky;&lt;br /&gt;
  left: 0;&lt;br /&gt;
  z-index: 20;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sub-titulo {&lt;br /&gt;
  max-width: 180px;&lt;br /&gt;
  border: 1px solid black;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 400px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :first-child {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  background: none;&lt;br /&gt;
  background-color: black;&lt;br /&gt;
  color: white;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(2) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown {&lt;br /&gt;
  background: #651e10;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown-transparent {&lt;br /&gt;
  background: #651e10cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.brown:hover,&lt;br /&gt;
button.brown:focus {&lt;br /&gt;
  background: #551a0e;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red {&lt;br /&gt;
  background: #ef4444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button.red:hover,&lt;br /&gt;
button.red:focus {&lt;br /&gt;
  background: #b91c1c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
button:active {&lt;br /&gt;
  opacity: 0.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheOrdi,&lt;br /&gt;
.gen-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remplacer popInfo et popContenu par pop-parent et pop-content */&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: rgba(81, 36, 16, 0.3);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #512410;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #512410;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #9d5b37;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
kbd {&lt;br /&gt;
  background-color: #eee;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  border: 1px solid #b4b4b4;&lt;br /&gt;
  box-shadow: 0 1px 1px rgb(0 0 0 / 20%), 0 2px 0 0 rgb(255 255 255 / 70%) inset;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1;&lt;br /&gt;
  padding: 2px 4px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ul-row ul {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  column-gap: 30px;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#catlinks {&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M443-285h75v-234h-75v234Zm36.895-311Q496-596 507-606.895q11-10.894 11-27Q518-650 507.105-661q-10.894-11-27-11Q464-672 453-661.105q-11 10.894-11 27Q442-618 452.895-607q10.894 11 27 11ZM480-90q-80.907 0-152.065-30.763-71.159-30.763-123.797-83.5Q151.5-257 120.75-328.087 90-399.175 90-480q0-80.907 30.763-152.065 30.763-71.159 83.5-123.797Q257-808.5 328.087-839.25 399.175-870 480-870q80.907 0 152.065 30.763 71.159 30.763 123.797 83.5Q808.5-703 839.25-631.913 870-560.825 870-480q0 80.907-30.763 152.065-30.763 71.159-83.5 123.797Q703-151.5 631.913-120.75 560.825-90 480-90Zm0-75q131.5 0 223.25-91.75T795-480q0-131.5-91.75-223.25T480-795q-131.5 0-223.25 91.75T165-480q0 131.5 91.75 223.25T480-165Zm0-315Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  bottom: calc(100% + 8px);&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translateX(-50%);&lt;br /&gt;
  max-width: 290px;&lt;br /&gt;
  width: max-content;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transition: opacity 0.2s ease, visibility 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-info:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  border: 8px solid transparent;&lt;br /&gt;
  border-top-color: inherit;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: calc(50% - 8px);&lt;br /&gt;
  top: 100%;&lt;br /&gt;
  z-index: 50;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tooltip-icon:hover &amp;gt; .tooltip-info {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input,&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;],&lt;br /&gt;
select {&lt;br /&gt;
  border: 3px #d0e0e3 solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;] {&lt;br /&gt;
  background-color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked {&lt;br /&gt;
  background-color: #19bd94;&lt;br /&gt;
  border: none;&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input[type=&amp;quot;checkbox&amp;quot;]:checked:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  left: 20%;&lt;br /&gt;
  top: 20%;&lt;br /&gt;
  width: 45%;&lt;br /&gt;
  height: 25%;&lt;br /&gt;
  transform: rotate(-45deg);&lt;br /&gt;
  border: 0.18em white solid;&lt;br /&gt;
  border-top: none;&lt;br /&gt;
  border-right: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus,&lt;br /&gt;
select:focus {&lt;br /&gt;
  border: 3px rgb(102, 175, 233) solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
input:focus:not([type='checkbox']),&lt;br /&gt;
select:focus {&lt;br /&gt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),&lt;br /&gt;
    0 0 8px rgba(102, 175, 233, 0.6);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.label-hover label:hover {&lt;br /&gt;
  background-color: rgba(0, 0, 0, 0.1);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68512</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68512"/>
		<updated>2026-02-25T13:20:20Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/d/d7/Cabecalhocastanho.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique ul {&lt;br /&gt;
  list-style-image: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.info-boutique p:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.shop-img img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 130px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68508</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68508"/>
		<updated>2026-02-25T13:00:03Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .heading-wrapper &amp;gt; h2 {&lt;br /&gt;
  border-image-slice: 5 0 4 0 fill;&lt;br /&gt;
  border-image-width: auto;&lt;br /&gt;
  border-image-repeat: repeat;&lt;br /&gt;
  border-image-source: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/d/d7/Cabecalhocastanho.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modeloAnuncio {&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/f/f9/ModeloAnuncio.png&amp;quot;)&lt;br /&gt;
    17 35 3 fill / auto / 0 repeat;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68427</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=68427"/>
		<updated>2026-02-24T15:19:50Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long,&lt;br /&gt;
.texte-long-2 {&lt;br /&gt;
  text-overflow: ellipsis;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.texte-long:hover,&lt;br /&gt;
.texte-long-2:hover {&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67640</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67640"/>
		<updated>2026-02-19T12:16:02Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fondfenetre a,&lt;br /&gt;
.fondfenetre span,&lt;br /&gt;
table.pretty-table th a,&lt;br /&gt;
table.pretty-table th span {&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67420</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67420"/>
		<updated>2026-02-18T01:10:09Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67419</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67419"/>
		<updated>2026-02-18T01:06:48Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid grey;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: rgba(234, 234, 234);&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #000000;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67417</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67417"/>
		<updated>2026-02-18T00:49:03Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: rgba(75, 85, 95);&lt;br /&gt;
  color: white;&lt;br /&gt;
  border: 2px solid rgba(75, 85, 95);&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-container &amp;gt; :last-child &amp;gt; :not(.tabber-active),&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #000000;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67236</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67236"/>
		<updated>2026-02-17T11:06:43Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #000000;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67227</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=67227"/>
		<updated>2026-02-17T10:22:06Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .fondfenetre,&lt;br /&gt;
.sous-titre,&lt;br /&gt;
table.pretty-table th {&lt;br /&gt;
  background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/a/a4/Fundo2.png&amp;quot;)&lt;br /&gt;
    repeat;&lt;br /&gt;
  color: white;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible &amp;gt; .mw-collapsible-toggle {&lt;br /&gt;
  grid-area: 1 / -1;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: flex-end;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  float: initial;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  padding-right: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-text {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle:after {&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  transition: transform 0.2s ease-in-out;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.improved-collapsible .mw-collapsible-toggle-expanded:after {&lt;br /&gt;
  transform: rotate(-180deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.map span.mw-collapsible-toggle {&lt;br /&gt;
  padding-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.map a.mw-collapsible-text,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle,&lt;br /&gt;
.prettytable &amp;gt; span.mw-collapsible-toggle &amp;gt; a {&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.ul-res ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: row;&lt;br /&gt;
  margin: 10px 0;&lt;br /&gt;
  column-gap: 2px;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: max-content;&lt;br /&gt;
  row-gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :first-child &amp;gt; *:not(.fondfenetre) {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(10, minmax(75px, 1fr));&lt;br /&gt;
  gap: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) {&lt;br /&gt;
  display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tab-glob &amp;gt; :nth-child(2) &amp;gt; :first-child &amp;gt; :not(.fondfenetre) &amp;gt; * {&lt;br /&gt;
  margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.list-equip &amp;gt; :first-child &amp;gt; * {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -188px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab,&lt;br /&gt;
.fabrication &amp;gt; .bottom-fab ~ * {&lt;br /&gt;
  top: -58px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(2) &amp;gt; * {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fabrication &amp;gt; * &amp;gt; *:nth-child(n + 3) {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 100px;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66066</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66066"/>
		<updated>2026-01-18T02:29:45Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOUTON RETOUR VERS LE HAUT */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0,&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0,&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66065</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66065"/>
		<updated>2026-01-18T02:25:21Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes pnj-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66061</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66061"/>
		<updated>2026-01-18T01:40:41Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66060</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66060"/>
		<updated>2026-01-18T01:37:03Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.close-button{&lt;br /&gt;
    float:right;&lt;br /&gt;
    width:20px;&lt;br /&gt;
    height:20px;&lt;br /&gt;
    line-height:24px;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    cursor:pointer;&lt;br /&gt;
    border-radius:4px;&lt;br /&gt;
    background:url(https://it-wiki.metin2.gameforge.com/images/0/04/No.png) no-repeat&lt;br /&gt;
}&lt;br /&gt;
.close-button:hover{&lt;br /&gt;
    background-color:darkgray&lt;br /&gt;
}&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66059</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66059"/>
		<updated>2026-01-18T01:32:24Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal{&lt;br /&gt;
    display:none;&lt;br /&gt;
    position:fixed;&lt;br /&gt;
    left:0;&lt;br /&gt;
    top:0;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    z-index:99;&lt;br /&gt;
    background-color:rgba(0,0,0,0.5)&lt;br /&gt;
}&lt;br /&gt;
.modal-content{&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:50%;&lt;br /&gt;
    left:50%;&lt;br /&gt;
    transform:translate(-50%,-50%);&lt;br /&gt;
    padding:16px 24px;&lt;br /&gt;
    width:auto;&lt;br /&gt;
    background:url(https://it-wiki.metin2.gameforge.com/images/2/20/Modal_Background.png);&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid black&lt;br /&gt;
}&lt;br /&gt;
.close-button{&lt;br /&gt;
    float:right;&lt;br /&gt;
    width:20px;&lt;br /&gt;
    height:20px;&lt;br /&gt;
    line-height:24px;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    cursor:pointer;&lt;br /&gt;
    border-radius:4px;&lt;br /&gt;
    background:url(https://it-wiki.metin2.gameforge.com/images/0/04/No.png) no-repeat&lt;br /&gt;
}&lt;br /&gt;
.close-button:hover{&lt;br /&gt;
    background-color:darkgray&lt;br /&gt;
}&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Script/Colorblind.js&amp;diff=66058</id>
		<title>MediaWiki:Script/Colorblind.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Script/Colorblind.js&amp;diff=66058"/>
		<updated>2026-01-18T01:25:09Z</updated>

		<summary type="html">&lt;p&gt;Eleia: Eleia moveu Predefinição:Script/Colorblind.js para MediaWiki:Script/Colorblind.js sem deixar um redirecionamento&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;class SpawnLayerManager {&lt;br /&gt;
  static SPAWN_COLOR_KEY = &amp;quot;mt2.spawn.color&amp;quot;;&lt;br /&gt;
  static OPTION_MAPPING = {&lt;br /&gt;
    0: &amp;quot;🟥 Vermelho&amp;quot;,&lt;br /&gt;
    50: &amp;quot;🟫 Castanho&amp;quot;,&lt;br /&gt;
    140: &amp;quot;🟩 Verde&amp;quot;,&lt;br /&gt;
    230: &amp;quot;🟦 Azul&amp;quot;,&lt;br /&gt;
    290: &amp;quot;🟪 Roxo&amp;quot;,&lt;br /&gt;
    black: &amp;quot;⬛ Preto&amp;quot;,&lt;br /&gt;
    white: &amp;quot;⬜ Branco&amp;quot;,&lt;br /&gt;
  };&lt;br /&gt;
  static STYLE_MAPPING = {&lt;br /&gt;
    position: &amp;quot;absolute&amp;quot;,&lt;br /&gt;
    top: &amp;quot;0&amp;quot;,&lt;br /&gt;
    left: &amp;quot;0&amp;quot;,&lt;br /&gt;
    margin: &amp;quot;4px&amp;quot;,&lt;br /&gt;
    background: &amp;quot;#434242b3&amp;quot;,&lt;br /&gt;
    color: &amp;quot;white&amp;quot;,&lt;br /&gt;
    borderRadius: &amp;quot;5px&amp;quot;,&lt;br /&gt;
    cursor: &amp;quot;pointer&amp;quot;,&lt;br /&gt;
    border: &amp;quot;1px white solid&amp;quot;,&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  constructor(containerSelector = &amp;quot;.spawn-map-container&amp;quot;) {&lt;br /&gt;
    this.containerSelector = containerSelector;&lt;br /&gt;
    this.currentFilter = null;&lt;br /&gt;
    this.selects = [];&lt;br /&gt;
    this.spawnLayers = [];&lt;br /&gt;
    this.isClipboardImageSupported = this._isClipboardImageSupported();&lt;br /&gt;
    this._initialize();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _isClipboardImageSupported() {&lt;br /&gt;
    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);&lt;br /&gt;
    return !!(navigator.clipboard?.write &amp;amp;&amp;amp; window.ClipboardItem) &amp;amp;&amp;amp; !isSafari;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _initialize() {&lt;br /&gt;
    const containers = this._getContainers();&lt;br /&gt;
    if (!containers.length) return;&lt;br /&gt;
&lt;br /&gt;
    containers.forEach((container) =&amp;gt; this._setupContainer(container));&lt;br /&gt;
&lt;br /&gt;
    const savedColor = this._getSavedColor();&lt;br /&gt;
    if (savedColor) this._applyColor(savedColor);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _getContainers() {&lt;br /&gt;
    return document.querySelectorAll(this.containerSelector);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _getSavedColor() {&lt;br /&gt;
    return localStorage.getItem(SpawnLayerManager.SPAWN_COLOR_KEY);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _saveColor(value) {&lt;br /&gt;
    localStorage.setItem(SpawnLayerManager.SPAWN_COLOR_KEY, value);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _setupContainer(container) {&lt;br /&gt;
    const [mapContainer, spawnContainer] = container.children;&lt;br /&gt;
&lt;br /&gt;
    if (!mapContainer || !spawnContainer) return;&lt;br /&gt;
&lt;br /&gt;
    const map = mapContainer.querySelector(&amp;quot;img&amp;quot;);&lt;br /&gt;
    const spawnLayer = spawnContainer.querySelector(&amp;quot;img&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
    if (!map || !spawnLayer) return;&lt;br /&gt;
&lt;br /&gt;
    const select = this._createColorSelect();&lt;br /&gt;
    spawnContainer.appendChild(select);&lt;br /&gt;
&lt;br /&gt;
    this.selects.push(select);&lt;br /&gt;
    this.spawnLayers.push(spawnLayer);&lt;br /&gt;
&lt;br /&gt;
    select.addEventListener(&amp;quot;change&amp;quot;, (e) =&amp;gt; this._onColorChange(e));&lt;br /&gt;
&lt;br /&gt;
    if (this.isClipboardImageSupported) {&lt;br /&gt;
      this._setupCopyButton(spawnContainer, map, spawnLayer);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _createColorSelect() {&lt;br /&gt;
    const select = document.createElement(&amp;quot;select&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
    for (const [value, label] of Object.entries(&lt;br /&gt;
      SpawnLayerManager.OPTION_MAPPING&lt;br /&gt;
    )) {&lt;br /&gt;
      const option = document.createElement(&amp;quot;option&amp;quot;);&lt;br /&gt;
      option.value = value;&lt;br /&gt;
      option.textContent = label;&lt;br /&gt;
      select.appendChild(option);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    Object.assign(select.style, SpawnLayerManager.STYLE_MAPPING);&lt;br /&gt;
    return select;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _onColorChange(event) {&lt;br /&gt;
    const value = event.target.value;&lt;br /&gt;
    this._applyColor(value);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _applyColor(value) {&lt;br /&gt;
    if (!SpawnLayerManager.OPTION_MAPPING.hasOwnProperty(value)) return;&lt;br /&gt;
&lt;br /&gt;
    const filter = this._getFilterForValue(value);&lt;br /&gt;
    this.currentFilter = filter;&lt;br /&gt;
&lt;br /&gt;
    this.selects.forEach((select) =&amp;gt; (select.value = value));&lt;br /&gt;
    this.spawnLayers.forEach((layer) =&amp;gt; (layer.style.filter = filter));&lt;br /&gt;
    this._saveColor(value);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _getFilterForValue(value) {&lt;br /&gt;
    switch (value) {&lt;br /&gt;
      case &amp;quot;black&amp;quot;:&lt;br /&gt;
        return &amp;quot;invert(1) brightness(0) contrast(100%)&amp;quot;;&lt;br /&gt;
      case &amp;quot;white&amp;quot;:&lt;br /&gt;
        return &amp;quot;invert(1) sepia(1) saturate(100%) brightness(3)&amp;quot;;&lt;br /&gt;
      default:&lt;br /&gt;
        return `hue-rotate(${value}deg)`;&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _setupCopyButton(spawnContainer, map, spawnLayer) {&lt;br /&gt;
    const copyButton = spawnContainer.querySelector(&amp;quot;.copy-to-clipboard&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
    if (!copyButton) return;&lt;br /&gt;
&lt;br /&gt;
    const defaultEmoji = copyButton.querySelector(&amp;quot;[data-default]&amp;quot;);&lt;br /&gt;
    const clickedEmoji = copyButton.querySelector(&amp;quot;[data-clicked]&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
    if (!defaultEmoji || !clickedEmoji) return;&lt;br /&gt;
&lt;br /&gt;
    showElement(copyButton);&lt;br /&gt;
&lt;br /&gt;
    copyButton.addEventListener(&amp;quot;click&amp;quot;, () =&amp;gt; {&lt;br /&gt;
      this._copyCombinedImageToClipboard(map, spawnLayer);&lt;br /&gt;
      this._copyAnimation(defaultEmoji, clickedEmoji);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _copyCombinedImageToClipboard(map, spawnLayer) {&lt;br /&gt;
    const canvas = document.createElement(&amp;quot;canvas&amp;quot;);&lt;br /&gt;
    canvas.width = Math.max(map.naturalWidth, spawnLayer.naturalWidth);&lt;br /&gt;
    canvas.height = Math.max(map.naturalHeight, spawnLayer.naturalHeight);&lt;br /&gt;
&lt;br /&gt;
    const ctx = canvas.getContext(&amp;quot;2d&amp;quot;);&lt;br /&gt;
    ctx.drawImage(map, 0, 0);&lt;br /&gt;
&lt;br /&gt;
    const filteredLayer = this._drawFilteredLayer(spawnLayer);&lt;br /&gt;
    ctx.drawImage(filteredLayer, 0, 0);&lt;br /&gt;
&lt;br /&gt;
    this._copyCanvasContentsToClipboard(canvas);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _drawFilteredLayer(layer) {&lt;br /&gt;
    const canvas = document.createElement(&amp;quot;canvas&amp;quot;);&lt;br /&gt;
    canvas.width = layer.naturalWidth;&lt;br /&gt;
    canvas.height = layer.naturalHeight;&lt;br /&gt;
&lt;br /&gt;
    const ctx = canvas.getContext(&amp;quot;2d&amp;quot;);&lt;br /&gt;
    ctx.filter = this.currentFilter || &amp;quot;none&amp;quot;;&lt;br /&gt;
    ctx.drawImage(layer, 0, 0);&lt;br /&gt;
&lt;br /&gt;
    return canvas;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  async _getBlobFromCanvas(canvas) {&lt;br /&gt;
    return new Promise((resolve, reject) =&amp;gt; {&lt;br /&gt;
      canvas.toBlob((blob) =&amp;gt; {&lt;br /&gt;
        if (blob) {&lt;br /&gt;
          resolve(blob);&lt;br /&gt;
        } else {&lt;br /&gt;
          reject(new Error(&amp;quot;Canvas toBlob failed&amp;quot;));&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  async _copyCanvasContentsToClipboard(canvas) {&lt;br /&gt;
    try {&lt;br /&gt;
      const blob = await this._getBlobFromCanvas(canvas);&lt;br /&gt;
      const data = [new ClipboardItem({ [blob.type]: blob })];&lt;br /&gt;
      await navigator.clipboard.write(data);&lt;br /&gt;
    } catch (error) {&lt;br /&gt;
      console.error(error);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  _copyAnimation(defaultEmoji, clickedEmoji) {&lt;br /&gt;
    hideElement(defaultEmoji);&lt;br /&gt;
    showElement(clickedEmoji);&lt;br /&gt;
&lt;br /&gt;
    setTimeout(() =&amp;gt; {&lt;br /&gt;
      hideElement(clickedEmoji);&lt;br /&gt;
      showElement(defaultEmoji);&lt;br /&gt;
    }, 1500);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
new SpawnLayerManager();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66056</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66056"/>
		<updated>2026-01-18T01:19:54Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Script/Modal.js&amp;diff=66055</id>
		<title>MediaWiki:Script/Modal.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Script/Modal.js&amp;diff=66055"/>
		<updated>2026-01-18T01:07:51Z</updated>

		<summary type="html">&lt;p&gt;Eleia: Eleia moveu Predefinição:Script/Modal.js para MediaWiki:Script/Modal.js sem deixar um redirecionamento&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;function handleModal(button) {&lt;br /&gt;
  const modalName = button.dataset.modal;&lt;br /&gt;
  let modalContainer;&lt;br /&gt;
&lt;br /&gt;
  if (modalName) {&lt;br /&gt;
    modalContainer = document.querySelector(&lt;br /&gt;
      `.modal[data-modal=&amp;quot;${modalName}&amp;quot;]`&lt;br /&gt;
    );&lt;br /&gt;
  } else {&lt;br /&gt;
    modalContainer = button.nextElementSibling;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  const closeButton = modalContainer.querySelector(&amp;quot;.close-button&amp;quot;);&lt;br /&gt;
  const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset;&lt;br /&gt;
&lt;br /&gt;
  button.addEventListener(&amp;quot;click&amp;quot;, openModal);&lt;br /&gt;
  closeButton.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseChange === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    modalContainer.addEventListener(&amp;quot;change&amp;quot;, closeModal);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseLink === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    const links = modalContainer.querySelectorAll(&amp;quot;a&amp;quot;);&lt;br /&gt;
    links.forEach((link) =&amp;gt; {&lt;br /&gt;
      link.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function openModal() {&lt;br /&gt;
    button.classList.add(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.add(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.addEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.addEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
&lt;br /&gt;
    if (addEvent === &amp;quot;1&amp;quot;) {&lt;br /&gt;
      const modalOpenEvent = new CustomEvent('modalOpen', {&lt;br /&gt;
        bubbles: true,&lt;br /&gt;
        detail: { modal: modalContainer, name: modalName }&lt;br /&gt;
      });&lt;br /&gt;
      button.dispatchEvent(modalOpenEvent);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function closeModal() {&lt;br /&gt;
    button.classList.remove(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.remove(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.removeEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.removeEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleClickOutside(event) {&lt;br /&gt;
    if (event.target === modalContainer) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleEscape(event) {&lt;br /&gt;
    if (event.key === &amp;quot;Escape&amp;quot;) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function mainModal() {&lt;br /&gt;
  const modalButtons = document.querySelectorAll(&amp;quot;.modal-trigger&amp;quot;);&lt;br /&gt;
  modalButtons.forEach(handleModal);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mainModal();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=Script/Modal.js&amp;diff=66052</id>
		<title>Script/Modal.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=Script/Modal.js&amp;diff=66052"/>
		<updated>2026-01-18T00:47:35Z</updated>

		<summary type="html">&lt;p&gt;Eleia: Eleia moveu Script/Modal.js para MediaWiki:Script/Modal.js&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;#REDIRECIONAMENTO [[MediaWiki:Script/Modal.js]]&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66048</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66048"/>
		<updated>2026-01-17T23:08:00Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   MODAIS (JQUERY)&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
$(&amp;quot;.trigger&amp;quot;).on(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
  var modal = $(this).data(&amp;quot;modal&amp;quot;);&lt;br /&gt;
  $(modal).toggle();&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
$(&amp;quot;.modal&amp;quot;).on(&amp;quot;click&amp;quot;, function (e) {&lt;br /&gt;
  var className = e.target.className;&lt;br /&gt;
  if (className === &amp;quot;modal&amp;quot; || className === &amp;quot;close-button&amp;quot;) {&lt;br /&gt;
    $(this).closest(&amp;quot;.modal&amp;quot;).toggle();&lt;br /&gt;
  }&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66047</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66047"/>
		<updated>2026-01-17T23:01:19Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   MODAIS (JQUERY)&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
$(&amp;quot;.trigger&amp;quot;).on(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
  var modal = $(this).data(&amp;quot;modal&amp;quot;);&lt;br /&gt;
  $(modal).toggle();&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
$(&amp;quot;.modal&amp;quot;).on(&amp;quot;click&amp;quot;, function (e) {&lt;br /&gt;
  var className = e.target.className;&lt;br /&gt;
  if (className === &amp;quot;modal&amp;quot; || className === &amp;quot;close-button&amp;quot;) {&lt;br /&gt;
    $(this).closest(&amp;quot;.modal&amp;quot;).toggle();&lt;br /&gt;
  }&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
function addCollapsible(collapsibleContainer) {&lt;br /&gt;
  var toggleButton = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-toggle&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContent = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-content&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContentChild = collapsibleContent.firstElementChild;&lt;br /&gt;
  var expandedClass = &amp;quot;mw-collapsible-toggle-expanded&amp;quot;;&lt;br /&gt;
  var isCollapsed = false;&lt;br /&gt;
&lt;br /&gt;
  toggleButton.setAttribute(&amp;quot;tabindex&amp;quot;, 0);&lt;br /&gt;
&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      this.classList.remove(expandedClass);&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;hidden&amp;quot;;&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;0fr&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
      this.classList.add(expandedClass);&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;1fr&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
    isCollapsed = !isCollapsed;&lt;br /&gt;
  });&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;keyup&amp;quot;, function (event) {&lt;br /&gt;
    if (event.keyCode === 13) {&lt;br /&gt;
      this.click();&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  collapsibleContent.addEventListener(&amp;quot;transitionend&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;visible&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function handleModal(button) {&lt;br /&gt;
  const modalName = button.dataset.modal;&lt;br /&gt;
  let modalContainer;&lt;br /&gt;
&lt;br /&gt;
  if (modalName) {&lt;br /&gt;
    modalContainer = document.querySelector(&lt;br /&gt;
      `.modal[data-modal=&amp;quot;${modalName}&amp;quot;]`&lt;br /&gt;
    );&lt;br /&gt;
  } else {&lt;br /&gt;
    modalContainer = button.nextElementSibling;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  const closeButton = modalContainer.querySelector(&amp;quot;.close-button&amp;quot;);&lt;br /&gt;
  const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset;&lt;br /&gt;
&lt;br /&gt;
  button.addEventListener(&amp;quot;click&amp;quot;, openModal);&lt;br /&gt;
  closeButton.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseChange === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    modalContainer.addEventListener(&amp;quot;change&amp;quot;, closeModal);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseLink === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    const links = modalContainer.querySelectorAll(&amp;quot;a&amp;quot;);&lt;br /&gt;
    links.forEach((link) =&amp;gt; {&lt;br /&gt;
      link.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function openModal() {&lt;br /&gt;
    button.classList.add(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.add(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.addEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.addEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
&lt;br /&gt;
    if (addEvent === &amp;quot;1&amp;quot;) {&lt;br /&gt;
      const modalOpenEvent = new CustomEvent('modalOpen', {&lt;br /&gt;
        bubbles: true,&lt;br /&gt;
        detail: { modal: modalContainer, name: modalName }&lt;br /&gt;
      });&lt;br /&gt;
      button.dispatchEvent(modalOpenEvent);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function closeModal() {&lt;br /&gt;
    button.classList.remove(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.remove(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.removeEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.removeEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleClickOutside(event) {&lt;br /&gt;
    if (event.target === modalContainer) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleEscape(event) {&lt;br /&gt;
    if (event.key === &amp;quot;Escape&amp;quot;) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function mainModal() {&lt;br /&gt;
  const modalButtons = document.querySelectorAll(&amp;quot;.modal-trigger&amp;quot;);&lt;br /&gt;
  modalButtons.forEach(handleModal);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mainModal();&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
function addCollapsible(collapsibleContainer) {&lt;br /&gt;
  var toggleButton = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-toggle&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContent = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-content&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContentChild = collapsibleContent.firstElementChild;&lt;br /&gt;
  var expandedClass = &amp;quot;mw-collapsible-toggle-expanded&amp;quot;;&lt;br /&gt;
  var isCollapsed = false;&lt;br /&gt;
&lt;br /&gt;
  toggleButton.setAttribute(&amp;quot;tabindex&amp;quot;, 0);&lt;br /&gt;
&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      this.classList.remove(expandedClass);&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;hidden&amp;quot;;&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;0fr&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
      this.classList.add(expandedClass);&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;1fr&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
    isCollapsed = !isCollapsed;&lt;br /&gt;
  });&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;keyup&amp;quot;, function (event) {&lt;br /&gt;
    if (event.keyCode === 13) {&lt;br /&gt;
      this.click();&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  collapsibleContent.addEventListener(&amp;quot;transitionend&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;visible&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function handleModal(button) {&lt;br /&gt;
  const modalName = button.dataset.modal;&lt;br /&gt;
  let modalContainer;&lt;br /&gt;
&lt;br /&gt;
  if (modalName) {&lt;br /&gt;
    modalContainer = document.querySelector(&lt;br /&gt;
      `.modal[data-modal=&amp;quot;${modalName}&amp;quot;]`&lt;br /&gt;
    );&lt;br /&gt;
  } else {&lt;br /&gt;
    modalContainer = button.nextElementSibling;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  const closeButton = modalContainer.querySelector(&amp;quot;.close-button&amp;quot;);&lt;br /&gt;
  const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset;&lt;br /&gt;
&lt;br /&gt;
  button.addEventListener(&amp;quot;click&amp;quot;, openModal);&lt;br /&gt;
  closeButton.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseChange === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    modalContainer.addEventListener(&amp;quot;change&amp;quot;, closeModal);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseLink === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    const links = modalContainer.querySelectorAll(&amp;quot;a&amp;quot;);&lt;br /&gt;
    links.forEach((link) =&amp;gt; {&lt;br /&gt;
      link.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function openModal() {&lt;br /&gt;
    button.classList.add(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.add(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.addEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.addEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
&lt;br /&gt;
    if (addEvent === &amp;quot;1&amp;quot;) {&lt;br /&gt;
      const modalOpenEvent = new CustomEvent('modalOpen', {&lt;br /&gt;
        bubbles: true,&lt;br /&gt;
        detail: { modal: modalContainer, name: modalName }&lt;br /&gt;
      });&lt;br /&gt;
      button.dispatchEvent(modalOpenEvent);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function closeModal() {&lt;br /&gt;
    button.classList.remove(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.remove(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.removeEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.removeEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleClickOutside(event) {&lt;br /&gt;
    if (event.target === modalContainer) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleEscape(event) {&lt;br /&gt;
    if (event.key === &amp;quot;Escape&amp;quot;) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function mainModal() {&lt;br /&gt;
  const modalButtons = document.querySelectorAll(&amp;quot;.modal-trigger&amp;quot;);&lt;br /&gt;
  modalButtons.forEach(handleModal);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mainModal();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66046</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66046"/>
		<updated>2026-01-17T22:59:02Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal{&lt;br /&gt;
    display:none;&lt;br /&gt;
    position:fixed;&lt;br /&gt;
    left:0;&lt;br /&gt;
    top:0;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:100%;&lt;br /&gt;
    z-index:99;&lt;br /&gt;
    background-color:rgba(0,0,0,0.5)&lt;br /&gt;
}&lt;br /&gt;
.modal-content{&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:50%;&lt;br /&gt;
    left:50%;&lt;br /&gt;
    transform:translate(-50%,-50%);&lt;br /&gt;
    padding:16px 24px;&lt;br /&gt;
    width:auto;&lt;br /&gt;
    background:url(https://it-wiki.metin2.gameforge.com/images/2/20/Modal_Background.png);&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
    border:1px solid black&lt;br /&gt;
}&lt;br /&gt;
.close-button{&lt;br /&gt;
    float:right;&lt;br /&gt;
    width:20px;&lt;br /&gt;
    height:20px;&lt;br /&gt;
    line-height:24px;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    cursor:pointer;&lt;br /&gt;
    border-radius:4px;&lt;br /&gt;
    background:url(https://it-wiki.metin2.gameforge.com/images/0/04/No.png) no-repeat&lt;br /&gt;
}&lt;br /&gt;
.close-button:hover{&lt;br /&gt;
    background-color:darkgray&lt;br /&gt;
}&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66043</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66043"/>
		<updated>2026-01-17T22:46:38Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
function addCollapsible(collapsibleContainer) {&lt;br /&gt;
  var toggleButton = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-toggle&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContent = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-content&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContentChild = collapsibleContent.firstElementChild;&lt;br /&gt;
  var expandedClass = &amp;quot;mw-collapsible-toggle-expanded&amp;quot;;&lt;br /&gt;
  var isCollapsed = false;&lt;br /&gt;
&lt;br /&gt;
  toggleButton.setAttribute(&amp;quot;tabindex&amp;quot;, 0);&lt;br /&gt;
&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      this.classList.remove(expandedClass);&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;hidden&amp;quot;;&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;0fr&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
      this.classList.add(expandedClass);&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;1fr&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
    isCollapsed = !isCollapsed;&lt;br /&gt;
  });&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;keyup&amp;quot;, function (event) {&lt;br /&gt;
    if (event.keyCode === 13) {&lt;br /&gt;
      this.click();&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  collapsibleContent.addEventListener(&amp;quot;transitionend&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;visible&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function handleModal(button) {&lt;br /&gt;
  const modalName = button.dataset.modal;&lt;br /&gt;
  let modalContainer;&lt;br /&gt;
&lt;br /&gt;
  if (modalName) {&lt;br /&gt;
    modalContainer = document.querySelector(&lt;br /&gt;
      `.modal[data-modal=&amp;quot;${modalName}&amp;quot;]`&lt;br /&gt;
    );&lt;br /&gt;
  } else {&lt;br /&gt;
    modalContainer = button.nextElementSibling;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  const closeButton = modalContainer.querySelector(&amp;quot;.close-button&amp;quot;);&lt;br /&gt;
  const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset;&lt;br /&gt;
&lt;br /&gt;
  button.addEventListener(&amp;quot;click&amp;quot;, openModal);&lt;br /&gt;
  closeButton.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseChange === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    modalContainer.addEventListener(&amp;quot;change&amp;quot;, closeModal);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseLink === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    const links = modalContainer.querySelectorAll(&amp;quot;a&amp;quot;);&lt;br /&gt;
    links.forEach((link) =&amp;gt; {&lt;br /&gt;
      link.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function openModal() {&lt;br /&gt;
    button.classList.add(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.add(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.addEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.addEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
&lt;br /&gt;
    if (addEvent === &amp;quot;1&amp;quot;) {&lt;br /&gt;
      const modalOpenEvent = new CustomEvent('modalOpen', {&lt;br /&gt;
        bubbles: true,&lt;br /&gt;
        detail: { modal: modalContainer, name: modalName }&lt;br /&gt;
      });&lt;br /&gt;
      button.dispatchEvent(modalOpenEvent);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function closeModal() {&lt;br /&gt;
    button.classList.remove(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.remove(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.removeEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.removeEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleClickOutside(event) {&lt;br /&gt;
    if (event.target === modalContainer) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleEscape(event) {&lt;br /&gt;
    if (event.key === &amp;quot;Escape&amp;quot;) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function mainModal() {&lt;br /&gt;
  const modalButtons = document.querySelectorAll(&amp;quot;.modal-trigger&amp;quot;);&lt;br /&gt;
  modalButtons.forEach(handleModal);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mainModal();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66041</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66041"/>
		<updated>2026-01-17T22:44:56Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Common: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Tabber: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
function addCollapsible(collapsibleContainer) {&lt;br /&gt;
  var toggleButton = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-toggle&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContent = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-content&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContentChild = collapsibleContent.firstElementChild;&lt;br /&gt;
  var expandedClass = &amp;quot;mw-collapsible-toggle-expanded&amp;quot;;&lt;br /&gt;
  var isCollapsed = false;&lt;br /&gt;
&lt;br /&gt;
  toggleButton.setAttribute(&amp;quot;tabindex&amp;quot;, 0);&lt;br /&gt;
&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      this.classList.remove(expandedClass);&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;hidden&amp;quot;;&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;0fr&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
      this.classList.add(expandedClass);&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;1fr&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
    isCollapsed = !isCollapsed;&lt;br /&gt;
  });&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;keyup&amp;quot;, function (event) {&lt;br /&gt;
    if (event.keyCode === 13) {&lt;br /&gt;
      this.click();&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  collapsibleContent.addEventListener(&amp;quot;transitionend&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;visible&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function handleModal(button) {&lt;br /&gt;
  const modalName = button.dataset.modal;&lt;br /&gt;
  let modalContainer;&lt;br /&gt;
&lt;br /&gt;
  if (modalName) {&lt;br /&gt;
    modalContainer = document.querySelector(&lt;br /&gt;
      `.modal[data-modal=&amp;quot;${modalName}&amp;quot;]`&lt;br /&gt;
    );&lt;br /&gt;
  } else {&lt;br /&gt;
    modalContainer = button.nextElementSibling;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  const closeButton = modalContainer.querySelector(&amp;quot;.close-button&amp;quot;);&lt;br /&gt;
  const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset;&lt;br /&gt;
&lt;br /&gt;
  button.addEventListener(&amp;quot;click&amp;quot;, openModal);&lt;br /&gt;
  closeButton.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseChange === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    modalContainer.addEventListener(&amp;quot;change&amp;quot;, closeModal);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseLink === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    const links = modalContainer.querySelectorAll(&amp;quot;a&amp;quot;);&lt;br /&gt;
    links.forEach((link) =&amp;gt; {&lt;br /&gt;
      link.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function openModal() {&lt;br /&gt;
    button.classList.add(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.add(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.addEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.addEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
&lt;br /&gt;
    if (addEvent === &amp;quot;1&amp;quot;) {&lt;br /&gt;
      const modalOpenEvent = new CustomEvent('modalOpen', {&lt;br /&gt;
        bubbles: true,&lt;br /&gt;
        detail: { modal: modalContainer, name: modalName }&lt;br /&gt;
      });&lt;br /&gt;
      button.dispatchEvent(modalOpenEvent);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function closeModal() {&lt;br /&gt;
    button.classList.remove(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.remove(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.removeEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.removeEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleClickOutside(event) {&lt;br /&gt;
    if (event.target === modalContainer) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleEscape(event) {&lt;br /&gt;
    if (event.key === &amp;quot;Escape&amp;quot;) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function mainModal() {&lt;br /&gt;
  const modalButtons = document.querySelectorAll(&amp;quot;.modal-trigger&amp;quot;);&lt;br /&gt;
  modalButtons.forEach(handleModal);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mainModal();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66028</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66028"/>
		<updated>2026-01-17T22:15:17Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
function addCollapsible(collapsibleContainer) {&lt;br /&gt;
  var toggleButton = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-toggle&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContent = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-content&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContentChild = collapsibleContent.firstElementChild;&lt;br /&gt;
  var expandedClass = &amp;quot;mw-collapsible-toggle-expanded&amp;quot;;&lt;br /&gt;
  var isCollapsed = false;&lt;br /&gt;
&lt;br /&gt;
  toggleButton.setAttribute(&amp;quot;tabindex&amp;quot;, 0);&lt;br /&gt;
&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      this.classList.remove(expandedClass);&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;hidden&amp;quot;;&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;0fr&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
      this.classList.add(expandedClass);&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;1fr&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
    isCollapsed = !isCollapsed;&lt;br /&gt;
  });&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;keyup&amp;quot;, function (event) {&lt;br /&gt;
    if (event.keyCode === 13) {&lt;br /&gt;
      this.click();&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  collapsibleContent.addEventListener(&amp;quot;transitionend&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;visible&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function handleModal(button) {&lt;br /&gt;
  const modalName = button.dataset.modal;&lt;br /&gt;
  let modalContainer;&lt;br /&gt;
&lt;br /&gt;
  if (modalName) {&lt;br /&gt;
    modalContainer = document.querySelector(&lt;br /&gt;
      `.modal[data-modal=&amp;quot;${modalName}&amp;quot;]`&lt;br /&gt;
    );&lt;br /&gt;
  } else {&lt;br /&gt;
    modalContainer = button.nextElementSibling;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  const closeButton = modalContainer.querySelector(&amp;quot;.close-button&amp;quot;);&lt;br /&gt;
  const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset;&lt;br /&gt;
&lt;br /&gt;
  button.addEventListener(&amp;quot;click&amp;quot;, openModal);&lt;br /&gt;
  closeButton.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseChange === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    modalContainer.addEventListener(&amp;quot;change&amp;quot;, closeModal);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (autoCloseLink === &amp;quot;1&amp;quot;) {&lt;br /&gt;
    const links = modalContainer.querySelectorAll(&amp;quot;a&amp;quot;);&lt;br /&gt;
    links.forEach((link) =&amp;gt; {&lt;br /&gt;
      link.addEventListener(&amp;quot;click&amp;quot;, closeModal);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function openModal() {&lt;br /&gt;
    button.classList.add(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.add(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.addEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.addEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
&lt;br /&gt;
    if (addEvent === &amp;quot;1&amp;quot;) {&lt;br /&gt;
      const modalOpenEvent = new CustomEvent('modalOpen', {&lt;br /&gt;
        bubbles: true,&lt;br /&gt;
        detail: { modal: modalContainer, name: modalName }&lt;br /&gt;
      });&lt;br /&gt;
      button.dispatchEvent(modalOpenEvent);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function closeModal() {&lt;br /&gt;
    button.classList.remove(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    modalContainer.classList.remove(&amp;quot;show-modal&amp;quot;);&lt;br /&gt;
    window.removeEventListener(&amp;quot;click&amp;quot;, handleClickOutside);&lt;br /&gt;
    window.removeEventListener(&amp;quot;keydown&amp;quot;, handleEscape);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleClickOutside(event) {&lt;br /&gt;
    if (event.target === modalContainer) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function handleEscape(event) {&lt;br /&gt;
    if (event.key === &amp;quot;Escape&amp;quot;) {&lt;br /&gt;
      closeModal();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function mainModal() {&lt;br /&gt;
  const modalButtons = document.querySelectorAll(&amp;quot;.modal-trigger&amp;quot;);&lt;br /&gt;
  modalButtons.forEach(handleModal);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mainModal();&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66027</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66027"/>
		<updated>2026-01-17T21:35:15Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
function addCollapsible(collapsibleContainer) {&lt;br /&gt;
  var toggleButton = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-toggle&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContent = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-content&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContentChild = collapsibleContent.firstElementChild;&lt;br /&gt;
  var expandedClass = &amp;quot;mw-collapsible-toggle-expanded&amp;quot;;&lt;br /&gt;
  var isCollapsed = false;&lt;br /&gt;
&lt;br /&gt;
  toggleButton.setAttribute(&amp;quot;tabindex&amp;quot;, 0);&lt;br /&gt;
&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      this.classList.remove(expandedClass);&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;hidden&amp;quot;;&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;0fr&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
      this.classList.add(expandedClass);&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;1fr&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
    isCollapsed = !isCollapsed;&lt;br /&gt;
  });&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;keyup&amp;quot;, function (event) {&lt;br /&gt;
    if (event.keyCode === 13) {&lt;br /&gt;
      this.click();&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  collapsibleContent.addEventListener(&amp;quot;transitionend&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;visible&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66026</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66026"/>
		<updated>2026-01-17T21:31:47Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes npc-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes npc-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes loading {&lt;br /&gt;
  0% {&lt;br /&gt;
    transform: scale(1.5);&lt;br /&gt;
  }&lt;br /&gt;
  100% {&lt;br /&gt;
    transform: scale(1);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66025</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.css&amp;diff=66025"/>
		<updated>2026-01-17T21:30:45Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS */&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
  background-color: #000;&lt;br /&gt;
  background-image:&lt;br /&gt;
    url('https://pt-wiki.metin2.gameforge.com/images/1/16/Neve.gif'),&lt;br /&gt;
    url('https://tr-wiki.metin2.gameforge.com/images/9/9d/Metin2_25.2_Background_Wiki.jpg');&lt;br /&gt;
&lt;br /&gt;
  background-repeat: repeat, no-repeat;&lt;br /&gt;
  background-position: top left, center center;&lt;br /&gt;
  background-size: auto, cover; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
html {&lt;br /&gt;
  scroll-behavior: smooth;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
td,th {padding: 2px }&lt;br /&gt;
&lt;br /&gt;
.nativelooktop {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbackground {&lt;br /&gt;
  background-image: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nativelookbottom {&lt;br /&gt;
  background: url(&amp;quot;https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg&amp;quot;) no-repeat;&lt;br /&gt;
  padding: 0px;&lt;br /&gt;
  width: 190px;&lt;br /&gt;
  height: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.header-bgxmas {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Fita_Página_Inicial.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
.header-bgxmas2 {&lt;br /&gt;
    background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/7/70/Preço_IS.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card {&lt;br /&gt;
  border: 1px black solid;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  max-width: 445px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.monster-card &amp;gt; :nth-child(5) {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.btn{&lt;br /&gt;
    font-size:12px;&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    padding:.8em 1.5em;&lt;br /&gt;
    line-height:14px;&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
    zoom:1;&lt;br /&gt;
    color:#f0d9a2;&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    position:relative;&lt;br /&gt;
    -webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;&lt;br /&gt;
    transition:border .25s linear,color .25s linear,background-color .25s linear&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2{&lt;br /&gt;
    background-color:#1f0e02;&lt;br /&gt;
    border-color:#512410;&lt;br /&gt;
    -webkit-box-shadow:0 3px 0 #512410;&lt;br /&gt;
    box-shadow:0 3px 0 #512410;&lt;br /&gt;
    border-radius:4px&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:hover{&lt;br /&gt;
    background-color:#512410;&lt;br /&gt;
    box-shadow:0 3px 0 #1f0e02&lt;br /&gt;
}&lt;br /&gt;
.btn.btn-mt2:active{&lt;br /&gt;
    top:3px;&lt;br /&gt;
    outline:none;&lt;br /&gt;
    -webkit-box-shadow:none;&lt;br /&gt;
    box-shadow:none&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container { &lt;br /&gt;
 display: flex;&lt;br /&gt;
 flex-direction: row; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px){&lt;br /&gt;
  .container { &lt;br /&gt;
   flex-direction: column; &lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
  &lt;br /&gt;
&lt;br /&gt;
ul.subpage {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
  margin: 0 0 10px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  background: #d1b597;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  line-height: 30px;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  color: #f1de8e;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:before,&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 0;&lt;br /&gt;
  height: 0;&lt;br /&gt;
  right: 0;&lt;br /&gt;
  padding: 1px 0;&lt;br /&gt;
  border-top: 14px solid transparent;&lt;br /&gt;
  border-bottom: 14px solid transparent;&lt;br /&gt;
  border-left: 14px solid white;&lt;br /&gt;
  transform: translate(14px);&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage a:after {&lt;br /&gt;
  border-left: 14px solid #36040d;&lt;br /&gt;
  transform: translate(13px);&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.subpage &amp;gt; li:last-child {&lt;br /&gt;
  padding-left: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li:first-child &amp;gt; a {&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover {&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
ul.subpage &amp;gt; li &amp;gt; a:hover:after {&lt;br /&gt;
  border-left-color: #5d0505;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content .soulignement &amp;gt; a:link {&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
table.pretty-table tbody &amp;gt; *:nth-child(2n + 1) &amp;gt; td {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
table.pretty-table tr:hover {&lt;br /&gt;
  background: rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tabber-active.button {&lt;br /&gt;
  background: #36040d;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  border: 2px solid #5d0505;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Esconde todos os painéis por padrão */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mostra só o painel ativo */&lt;br /&gt;
.tabber-container &amp;gt; div:last-child &amp;gt; div.tabber-active {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Continua a esconder o que tiver estas classes auxiliares */&lt;br /&gt;
.cacheTel,&lt;br /&gt;
.tabber-noactive {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button {&lt;br /&gt;
  border: 2px solid #36040d;&lt;br /&gt;
  padding: 0 12px;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: #5d0505;&lt;br /&gt;
  color: #f0d9a2;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  position: relative;&lt;br /&gt;
  user-select: none;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button:hover {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #36040d;&lt;br /&gt;
} &lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .texte-long {&lt;br /&gt;
    white-space: normal;&lt;br /&gt;
    overflow: visible;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid2 {&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .grid3 {&lt;br /&gt;
    grid-template-columns: repeat(3, auto) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .container {&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .cacheTel,&lt;br /&gt;
  .subpage &amp;gt; li:nth-last-child(2) &amp;gt; a {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-icon {&lt;br /&gt;
    position: static;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .tooltip-info {&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 20px;&lt;br /&gt;
    right: 20px;&lt;br /&gt;
    bottom: 50px;&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: auto;&lt;br /&gt;
    transform: none;&lt;br /&gt;
    height: max-content;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .subpage &amp;gt; li &amp;gt; a,&lt;br /&gt;
  .cacheOrdi,&lt;br /&gt;
  .tooltip-info:after {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 340px) {&lt;br /&gt;
  #mw-content {&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
    padding-right: 10px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (min-width: 851px) {&lt;br /&gt;
  html {&lt;br /&gt;
    scroll-padding-top: 3.325em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
http://wiki.metin2.com.pt/images/2/27/Header-bgxmas.png&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* Botão &amp;quot;voltar ao topo&amp;quot; – estilo base (desktop + geral) */&lt;br /&gt;
.top-button {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  cursor: pointer;&lt;br /&gt;
  position: fixed;&lt;br /&gt;
  bottom: 10px;&lt;br /&gt;
  right: 10px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    180deg,&lt;br /&gt;
    rgba(124, 200, 65, 1) 0%,&lt;br /&gt;
    rgba(113, 161, 85, 1) 50%,&lt;br /&gt;
    rgba(64, 117, 39, 1) 50%,&lt;br /&gt;
    rgba(46, 97, 31, 1) 100%&lt;br /&gt;
  );&lt;br /&gt;
  border: 1px solid #d0af52;&lt;br /&gt;
  box-shadow: 1px 1px 2px #000, inset 1px 1px #090200, inset -1px -1px #090200;&lt;br /&gt;
  transform: translateY(100px);&lt;br /&gt;
  transition: all 0.5s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.top-button:after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  height: 32px;&lt;br /&gt;
  width: 32px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffacb' height='32' viewBox='0 -960 960 960' width='32'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* classe usada pelo JS para mostrar o botão */&lt;br /&gt;
.show-button {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Versão mobile: estilo mais simples no telemóvel */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .top-button {&lt;br /&gt;
    background: rgba(0, 0, 0, 0.7);&lt;br /&gt;
    color: #999;&lt;br /&gt;
    border: none;&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .top-button::after {&lt;br /&gt;
    background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M440-80v-647L256-544l-56-56 280-280 280 280-56 57-184-184v647h-80Z'/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
    height: 24px;&lt;br /&gt;
    width: 24px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.tablo {&lt;br /&gt;
    border: solid;&lt;br /&gt;
    border-image: url(https://pt-wiki.metin2.gameforge.com/images/5/51/Borda_Mapas.png);&lt;br /&gt;
    border-image-repeat: repeat;&lt;br /&gt;
    border-image-slice: 6 fill;&lt;br /&gt;
    border-image-width: auto;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    display: inline-block&lt;br /&gt;
}&lt;br /&gt;
.tablo img {&lt;br /&gt;
    vertical-align: bottom&lt;br /&gt;
}&lt;br /&gt;
.popContenu {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.popInfo:hover .popContenu {&lt;br /&gt;
  opacity: 1 !important;&lt;br /&gt;
  transition: all 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-parent:hover .pop-content {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  transition: opacity 0.4s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.pop-content {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing img,&lt;br /&gt;
.image-sizing-200 img,&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  height: auto;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  max-height: 300px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-200 img {&lt;br /&gt;
  max-height: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-sizing-none img {&lt;br /&gt;
  max-height: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  background: repeat&lt;br /&gt;
    url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/87/Mapa.png&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa {&lt;br /&gt;
  border: 1px solid #2f1d1f;&lt;br /&gt;
  border-radius: 15px;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  box-shadow: 3px 3px 9px 0px #544e41;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapa &amp;gt; div:first-child {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: white;&lt;br /&gt;
  line-height: 25px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-top-left-radius: 15px;&lt;br /&gt;
  border-top-right-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mapajanela,&lt;br /&gt;
.game-window {&lt;br /&gt;
  border: solid;&lt;br /&gt;
  border-image: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/8/8d/Mapajanela.png&amp;quot;)&lt;br /&gt;
    11 fill / auto / 0 repeat;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  backdrop-filter: blur(4px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
li.gallerybox div.thumb,&lt;br /&gt;
div.tleft div.thumbinner,&lt;br /&gt;
div.tright div.thumbinner,&lt;br /&gt;
div.tnone div.thumbinner {&lt;br /&gt;
    background: url(https://tr-wiki.metin2.gameforge.com/images/8/84/Saydam_Arka_Plan.png) repeat scroll 0% 0% transparent !important;&lt;br /&gt;
    border: 1px solid #88283a;&lt;br /&gt;
    padding: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CartaMonstroBackground {&lt;br /&gt;
   background: url(&amp;quot;https://pt-wiki.metin2.gameforge.com/images/c/c3/Carta_Monstro_Background.png&amp;quot;) repeat 0em 0em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.modal {&lt;br /&gt;
  opacity: 0;&lt;br /&gt;
  visibility: hidden;&lt;br /&gt;
  transform: scale(1.1);&lt;br /&gt;
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button {&lt;br /&gt;
  transition: color 0.2s linear, background-color 0.2s linear;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.close-button:hover {&lt;br /&gt;
  background-color: red;&lt;br /&gt;
  color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.show-modal {&lt;br /&gt;
  opacity: 1;&lt;br /&gt;
  visibility: visible;&lt;br /&gt;
  transform: scale(1);&lt;br /&gt;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes npc-square {&lt;br /&gt;
  from {&lt;br /&gt;
    background-color: #f80000;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    background-color: white;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes npc-circle {&lt;br /&gt;
  from {&lt;br /&gt;
    border-color: #984c48;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    border-color: white;&lt;br /&gt;
  }&lt;br /&gt;
  from {&lt;br /&gt;
    scale: 1;&lt;br /&gt;
  }&lt;br /&gt;
  to {&lt;br /&gt;
    scale: 0.1;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
	<entry>
		<id>https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66023</id>
		<title>MediaWiki:Common.js</title>
		<link rel="alternate" type="text/html" href="https://pt-wiki.metin2.gameforge.com/index.php?title=MediaWiki:Common.js&amp;diff=66023"/>
		<updated>2026-01-17T21:19:04Z</updated>

		<summary type="html">&lt;p&gt;Eleia: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Código Javascript colocado aqui será carregado para todos os utilizadores em cada carregamento de página */&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   FUNÇÕES AUXILIARES&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Tabber helpers */&lt;br /&gt;
function showElement(element) {&lt;br /&gt;
  element.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function hideElement(element) {&lt;br /&gt;
  element.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function toggleElement(element) {&lt;br /&gt;
  element.classList.toggle(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Favicon */&lt;br /&gt;
function fixInsecureFavicon() {&lt;br /&gt;
  var favicon = document.querySelector('link[rel=&amp;quot;shortcut icon&amp;quot;]');&lt;br /&gt;
  if (favicon) {&lt;br /&gt;
    favicon.href = &amp;quot;https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico&amp;quot;;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Liste des équipements / Lista de equipamentos */&lt;br /&gt;
function changeEquipementDisplay(container) {&lt;br /&gt;
  var switchButton = container.querySelector(&amp;quot;.button&amp;quot;);&lt;br /&gt;
  var content = container.nextElementSibling;&lt;br /&gt;
&lt;br /&gt;
  if (!switchButton || !content) return;&lt;br /&gt;
&lt;br /&gt;
  switchButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
    switchButton.classList.toggle(&amp;quot;tabber-active&amp;quot;);&lt;br /&gt;
    toggleElement(content);&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove animação de loading e mostra conteúdo assim que estiver pronto */&lt;br /&gt;
function removeLoadingAnimation() {&lt;br /&gt;
  var loadingAnimation = document.getElementById(&amp;quot;loading-animation&amp;quot;);&lt;br /&gt;
  var showAfterLoading = document.getElementById(&amp;quot;show-after-loading&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (loadingAnimation) {&lt;br /&gt;
    hideElement(loadingAnimation);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (showAfterLoading) {&lt;br /&gt;
    showElement(showAfterLoading);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* BOTÃO VOLTAR AO TOPO */&lt;br /&gt;
function addButtonTop() {&lt;br /&gt;
  var contentText = document.querySelector(&amp;quot;div#mw-content-text&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (contentText !== null) {&lt;br /&gt;
    var divButtonTop = document.createElement(&amp;quot;div&amp;quot;);&lt;br /&gt;
    divButtonTop.classList.add(&amp;quot;top-button&amp;quot;);&lt;br /&gt;
    contentText.appendChild(divButtonTop);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
function buttonTop() {&lt;br /&gt;
  var balise = document.querySelector(&amp;quot;div#mw-page-header-links&amp;quot;);&lt;br /&gt;
  var topButton = document.querySelector(&amp;quot;.top-button&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
  if (balise !== null &amp;amp;&amp;amp; topButton !== null) {&lt;br /&gt;
    var options = {&lt;br /&gt;
      root: null,&lt;br /&gt;
      rootMargin: &amp;quot;0px&amp;quot;,&lt;br /&gt;
      threshold: 0&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var observer = new IntersectionObserver(callback, options);&lt;br /&gt;
    observer.observe(balise);&lt;br /&gt;
&lt;br /&gt;
    function callback(entries) {&lt;br /&gt;
      entries.forEach(function (entry) {&lt;br /&gt;
        if (entry.isIntersecting) {&lt;br /&gt;
          topButton.classList.remove(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        } else {&lt;br /&gt;
          topButton.classList.add(&amp;quot;show-button&amp;quot;);&lt;br /&gt;
        }&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    topButton.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
      document.documentElement.scrollTo({&lt;br /&gt;
        top: 0&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cookies GF */&lt;br /&gt;
function cookies() {&lt;br /&gt;
  var req = new XMLHttpRequest();&lt;br /&gt;
  req.addEventListener(&amp;quot;load&amp;quot;, function () {&lt;br /&gt;
    if (this.status &amp;gt;= 200 &amp;amp;&amp;amp; this.status &amp;lt; 300) {&lt;br /&gt;
      try {&lt;br /&gt;
        var data = JSON.parse(this.responseText);&lt;br /&gt;
        if (data &amp;amp;&amp;amp; Object.prototype.hasOwnProperty.call(data, &amp;quot;version&amp;quot;)) {&lt;br /&gt;
          var gdpr = document.createElement(&amp;quot;script&amp;quot;);&lt;br /&gt;
          gdpr.src =&lt;br /&gt;
            &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/&amp;quot; +&lt;br /&gt;
            data.version +&lt;br /&gt;
            &amp;quot;/cookie.min.js&amp;quot;;&lt;br /&gt;
          document.head.appendChild(gdpr);&lt;br /&gt;
        }&lt;br /&gt;
      } catch (e) {&lt;br /&gt;
        // falha a ler JSON, ignora&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  req.open(&amp;quot;GET&amp;quot;, &amp;quot;https://s3-static.geo.gfsrv.net/cookiebanner/version.json&amp;quot;);&lt;br /&gt;
  req.send();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =====================================&lt;br /&gt;
   SLIDESHOW&lt;br /&gt;
   ===================================== */&lt;br /&gt;
&lt;br /&gt;
/* Slideshow con pulsanti avanti e indietro in javascript */&lt;br /&gt;
(function () {&lt;br /&gt;
  function Slideshow(element) {&lt;br /&gt;
    this.el = document.querySelector(element);&lt;br /&gt;
    if (!this.el) return;&lt;br /&gt;
    this.init();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  Slideshow.prototype = {&lt;br /&gt;
    init: function () {&lt;br /&gt;
      this.wrapper = this.el.querySelector(&amp;quot;.slider-wrapper_wiki&amp;quot;);&lt;br /&gt;
      this.slides = this.el.querySelectorAll(&amp;quot;.slide_wiki&amp;quot;);&lt;br /&gt;
      this.previous = this.el.querySelector(&amp;quot;.slider-previous&amp;quot;);&lt;br /&gt;
      this.next = this.el.querySelector(&amp;quot;.slider-next&amp;quot;);&lt;br /&gt;
      this.index = 0;&lt;br /&gt;
      this.total = this.slides.length;&lt;br /&gt;
&lt;br /&gt;
      if (!this.slides.length || !this.next || !this.previous) return;&lt;br /&gt;
&lt;br /&gt;
      this.actions();&lt;br /&gt;
      this._slideTo(this.index);&lt;br /&gt;
    },&lt;br /&gt;
    _slideTo: function (slide) {&lt;br /&gt;
      var currentSlide = this.slides[slide];&lt;br /&gt;
      if (!currentSlide) return;&lt;br /&gt;
&lt;br /&gt;
      currentSlide.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
      for (var i = 0; i &amp;lt; this.slides.length; i++) {&lt;br /&gt;
        var s = this.slides[i];&lt;br /&gt;
        if (s !== currentSlide) {&lt;br /&gt;
          s.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
    },&lt;br /&gt;
    actions: function () {&lt;br /&gt;
      var self = this;&lt;br /&gt;
&lt;br /&gt;
      this.next.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index++;&lt;br /&gt;
          self.previous.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;gt;= self.total - 1) {&lt;br /&gt;
            self.index = self.total - 1;&lt;br /&gt;
            self.next.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
          if (self.index &amp;lt; 0) self.index = 0;&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
&lt;br /&gt;
      this.previous.addEventListener(&lt;br /&gt;
        &amp;quot;click&amp;quot;,&lt;br /&gt;
        function () {&lt;br /&gt;
          self.index--;&lt;br /&gt;
          self.next.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
          if (self.index &amp;lt;= 0) {&lt;br /&gt;
            self.index = 0;&lt;br /&gt;
            self.previous.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
&lt;br /&gt;
          self._slideTo(self.index);&lt;br /&gt;
        },&lt;br /&gt;
        false&lt;br /&gt;
      );&lt;br /&gt;
    }&lt;br /&gt;
  };&lt;br /&gt;
&lt;br /&gt;
  document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    new Slideshow(&amp;quot;#main-slider&amp;quot;);&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* =======================================&lt;br /&gt;
   FUNÇÃO GLOBAL – corre ao carregar a página&lt;br /&gt;
   ======================================= */&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  fixInsecureFavicon();&lt;br /&gt;
&lt;br /&gt;
  var urlStart = &amp;quot;/index.php?title=MediaWiki:Script/&amp;quot;;&lt;br /&gt;
  var urlEnd = &amp;quot;.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;;&lt;br /&gt;
  var loadScripts = document.querySelectorAll(&amp;quot;div[data-load-javascript]&amp;quot;);&lt;br /&gt;
  var equipmentContainer = document.querySelectorAll(&lt;br /&gt;
    &amp;quot;div#mw-content-text .list-equip&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
&lt;br /&gt;
  /* Lista de equipamentos */&lt;br /&gt;
  equipmentContainer.forEach(function (container) {&lt;br /&gt;
    changeEquipementDisplay(container);&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  /* Carrega scripts específicos dependendo da página */&lt;br /&gt;
  if (loadScripts.length) {&lt;br /&gt;
    var allowedScripts = {&lt;br /&gt;
      Tabber: true,&lt;br /&gt;
      Skills: true,&lt;br /&gt;
      Modal: true,&lt;br /&gt;
      Switch: true,&lt;br /&gt;
      Loot: true,&lt;br /&gt;
      Map: true,&lt;br /&gt;
      Filter: true,&lt;br /&gt;
      Calculator: true,&lt;br /&gt;
      Element: true,&lt;br /&gt;
      Pets: true,&lt;br /&gt;
      Colorblind: true&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    var scriptsToLoad = [];&lt;br /&gt;
&lt;br /&gt;
    loadScripts.forEach(function (scriptElement) {&lt;br /&gt;
      var scriptName = scriptElement.dataset.loadJavascript;&lt;br /&gt;
&lt;br /&gt;
      if (allowedScripts[scriptName]) {&lt;br /&gt;
        allowedScripts[scriptName] = false;&lt;br /&gt;
        scriptsToLoad.push(scriptName);&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    if (scriptsToLoad.length) {&lt;br /&gt;
      var firstScriptName = scriptsToLoad[0];&lt;br /&gt;
&lt;br /&gt;
      if (firstScriptName === &amp;quot;Element&amp;quot;) {&lt;br /&gt;
        scriptsToLoad.shift();&lt;br /&gt;
        $.getScript(urlStart + firstScriptName + urlEnd, function () {&lt;br /&gt;
          if (typeof injectCustomElements === &amp;quot;function&amp;quot;) {&lt;br /&gt;
            injectCustomElements();&lt;br /&gt;
          }&lt;br /&gt;
          loadNextScripts();&lt;br /&gt;
        });&lt;br /&gt;
      } else {&lt;br /&gt;
        loadNextScripts();&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function loadNextScripts() {&lt;br /&gt;
      scriptsToLoad.forEach(function (scriptName) {&lt;br /&gt;
        mw.loader.load(urlStart + scriptName + urlEnd);&lt;br /&gt;
      });&lt;br /&gt;
&lt;br /&gt;
      removeLoadingAnimation();&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Editor avançado para utilizadores autenticados */&lt;br /&gt;
  if (mw.config.get(&amp;quot;wgUserName&amp;quot;)) {&lt;br /&gt;
    mw.loader.load(urlStart + &amp;quot;Redactor&amp;quot; + urlEnd);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* Botão topo &amp;amp; cookies */&lt;br /&gt;
  addButtonTop();&lt;br /&gt;
  buttonTop();&lt;br /&gt;
  cookies();&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
function addCollapsible(collapsibleContainer) {&lt;br /&gt;
  var toggleButton = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-toggle&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContent = collapsibleContainer.querySelector(&lt;br /&gt;
    &amp;quot;.mw-collapsible-content&amp;quot;&lt;br /&gt;
  );&lt;br /&gt;
  var collapsibleContentChild = collapsibleContent.firstElementChild;&lt;br /&gt;
  var expandedClass = &amp;quot;mw-collapsible-toggle-expanded&amp;quot;;&lt;br /&gt;
  var isCollapsed = false;&lt;br /&gt;
&lt;br /&gt;
  toggleButton.setAttribute(&amp;quot;tabindex&amp;quot;, 0);&lt;br /&gt;
&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      this.classList.remove(expandedClass);&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;hidden&amp;quot;;&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;0fr&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.remove(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
      this.classList.add(expandedClass);&lt;br /&gt;
      collapsibleContent.style.gridTemplateRows = &amp;quot;1fr&amp;quot;;&lt;br /&gt;
    }&lt;br /&gt;
    isCollapsed = !isCollapsed;&lt;br /&gt;
  });&lt;br /&gt;
  toggleButton.addEventListener(&amp;quot;keyup&amp;quot;, function (event) {&lt;br /&gt;
    if (event.keyCode === 13) {&lt;br /&gt;
      this.click();&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
  collapsibleContent.addEventListener(&amp;quot;transitionend&amp;quot;, function (event) {&lt;br /&gt;
    if (isCollapsed) {&lt;br /&gt;
      collapsibleContentChild.style.overflow = &amp;quot;visible&amp;quot;;&lt;br /&gt;
    } else {&lt;br /&gt;
      collapsibleContentChild.classList.add(&amp;quot;tabber-noactive&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Eleia</name></author>
		
	</entry>
</feed>