MediaWiki:Common.css: Diferență între versiuni

/** CSS plasate aici vor fi aplicate tuturor aparițiilor */

  body {
    background: url('https://ro-wiki.metin2.gameforge.com/images/9/9e/IG-WIKI300.jpg') no-repeat fixed center top #000;
     overflow-x: visible !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* End New Skin CSS */

body.page-Pagina_principală #catlinks,
body.page-Pagina_principală h1.firstHeading{
   display: none;
}

li.gallerybox div.thumb,
div.tright div.thumbinner {
background: none;
  border: 1px solid rgb(150, 150, 150);
}

html .thumbimage {
  border: 1px solid rgb(180, 180, 180);
}


.transparentbckg800 {
  background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
  display: inline-block;
  padding: 5px;
  width: 790px;
  color: #00000;
  border: 1px solid #000000;
  border-radius: 5px;
}

.transparentbackground {
  background: url("https://en-wiki.metin2.gameforge.com/images/9/9f/Transparentbackground.png") repeat;
  border: 1px solid #000000;
}

.boxesheaderbackground {
    background: url("https://en-wiki.metin2.gameforge.com/images/3/39/Boxesheaderbackgroundnormal.png") repeat 0em 0em;
}

.nativelooktop {
  background: url("https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg") no-repeat;
  padding: 0px;
  width: 190px;
  height: 10px;
}

.nativelookbackground {
  background-image: url("https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg");
  background-repeat: repeat-y;
  padding: 0px;
  width: 190px;
}

.nativelookbottom {
  background: url("https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg") no-repeat;
  padding: 0px;
  width: 190px;
  height: 10px;
}

/*
https://en-wiki.metin2.gameforge.com/images/3/39/Boxesheaderbackgroundnormal.png
https://en-wiki.metin2.gameforge.com/images/6/66/Valentineboxheader.png
https://en-wiki.metin2.gameforge.com/images/4/47/Boxesheaderbackgroundxmas.png
*/

.News {
background: url("https://image.board.gameforge.com/uploads/metin2/es/announcement_metin2_es_448269bba43cba1a9a46a5ea906cea5f.png") no-repeat;
height: 168px;
width: 280px;
}

@keyframes pnj-square {
  from {background-color: #f80000;}
  to {background-color: white;}
}

@keyframes pnj-circle {
  from {border-color: #984c48;}
  to {border-color: white;}
  from {scale: 1;}
  to {scale: .1;}
}

@keyframes loading {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

.highlighted {
    background-color: #ffcc00; 
    color: black; 
    font-weight: bold; 
}

.encyclopedia-container {
    display: flex;
    border: 2px solid #333; 
    padding: 5px;
    width: 100%;
    background-color: #1E1E1E; 
    color: white;
    font-family: Tahoma, sans-serif;
    font-size: 12px; 
}

.encyclopedia-column {
    flex: 1;
    border-right: 2px solid #333; 
}

.encyclopedia-column:last-child {
    border-right: none;
}

.encyclopedia-list-container {
    height: 240px; 
    overflow-y: scroll;
    background-color: #2B2B2B; 
    padding: 5px; 
}

.encyclopedia-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #444; 
}

.encyclopedia-list li {
    padding: 8px;
    border-bottom: 1px solid #444; 
    color: #CCC; 
    cursor: pointer;
    background-color: #2B2B2B; 
}

.encyclopedia-list li:hover {
    background-color: #ff7700; 
    color: #fff; 
    border-left: 2px solid #ffb700; 
}

.encyclopedia-list li.selected {
    background-color: #444; 
    color: #6aff00; 
    border-left: 2px solid #ffb700; 
}
.encyclopedia-list li:last-child {
    border-bottom: none; 
}

.encyclopedia-list-container::-webkit-scrollbar {
    width: 10px;
}

.encyclopedia-list-container::-webkit-scrollbar-thumb {
    background-color: #555; 
    border-radius: 10px;
}

.encyclopedia-list-container::-webkit-scrollbar-track {
    background-color: #2B2B2B; 
}

.encyclopedia-header {
    text-align: center; 
    font-family: 'Arial', sans-serif; 
    font-size: 16px; 
    color: #FFD700; 
    margin-bottom: 10px; 
    padding: 5px 0; 
    background-color: #333; 
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animated-point {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  animation: pulse 1s infinite; 
}

.scroll-table {
  width: 100%;
  max-width: 400px;
  height: 240px;
  overflow: auto;
  border: 2px solid #333;
  background-color: #1E1E1E;
  padding: 5px;
  margin: auto;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  color: white;
  scrollbar-width: auto;
  scrollbar-color: #ff7700 #2B2B2B;
}

.scroll-table::-webkit-scrollbar {
  width: 14px;
}

.scroll-table::-webkit-scrollbar-thumb {
  background-color: #ff7700;
  border-radius: 10px;
}

.scroll-table::-webkit-scrollbar-track {
  background-color: #2B2B2B;
}

.scroll-table table {
  width: 100%;
  border-collapse: collapse;
  background-color: #2B2B2B;
  border: 1px solid #444;
}

.scroll-table th {
  background-color: #333 !important;
  color: #FFD700 !important;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 8px;
  border-bottom: 1px solid #444;
}

.scroll-table td {
  border-bottom: 1px solid #444;
  padding: 8px;
  text-align: center;
  background-color: #2B2B2B;
}

.scroll-table tr:last-child td {
  border-bottom: none;
}

.scroll-table tr:hover td {
  background-color: #ff7700;
  color: #fff;
  border-left: 2px solid #ffb700;
}

.scroll-table tr.selected td {
  background-color: #444;
  color: #6aff00;
  border-left: 2px solid #ffb700;
}

.scroll-table img {
  vertical-align: middle;
  margin-right: 5px;
}

.scroll-table .wikitable td a {
  color: #6aff00 !important;
  text-decoration: none !important;
}

.scroll-table .wikitable td a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.scroll-table .wikitable td div {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.scroll-table .wikitable td div a {
  color: #6aff00 !important;
  text-decoration: none !important;
}

.scroll-table .wikitable td div a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}


(function () {
    mw.hook('wikipage.content').add(function ($content) {
        $content.find('.bonus-matrix').each(function () {
            var $m = $(this);
            var group = 's15';
            var cat = 'arme';

            // Dezactivează comportamentul nativ de toggle al butoanelor de
            // categorie (clonarea elimină handlerele deja atașate; ștergerea
            // claselor previne atașarea lor dacă makeCollapsible rulează după).
            $m.find('[class*="bonus-cat-"]').each(function () {
                var clone = this.cloneNode(true);
                clone.className = clone.className.replace(/mw-customtoggle-\S+/g, ' ')
                    .replace(/\s+/g, ' ').trim();
                this.parentNode.replaceChild(clone, this);
            });

            function setPanel($panel, show) {
                var api = $panel.data('mw-collapsible');
                if (api) {
                    if (show) { api.expand(); } else { api.collapse(); }
                } else {
                    // makeCollapsible încă neinițializat — folosim clasa direct
                    $panel.toggleClass('mw-collapsed', !show)
                          .css('display', show ? '' : 'none');
                }
            }

            function apply() {
                var keep = 'mw-customcollapsible-' + group + '-' + cat;
                $m.find('.mw-collapsible[id^="mw-customcollapsible-"]').each(function () {
                    setPanel($(this), this.id === keep);
                });
                $m.find('[class*="bonus-cat-"], [class*="bonus-group-"]')
                    .css({ outline: 'none', opacity: '0.85' });
                $m.find('.bonus-cat-' + cat + ', .bonus-group-' + group)
                    .css({ outline: '2px solid #f0d9a2', opacity: '1' });
            }

            $m.on('click', '[class*="bonus-cat-"]', function () {
                var match = this.className.match(/bonus-cat-([a-z0-9]+)/);
                if (match) { cat = match[1]; apply(); }
            });
            $m.on('click', '[class*="bonus-group-"]', function () {
                var match = this.className.match(/bonus-group-([a-z0-9]+)/);
                if (match) { group = match[1]; apply(); }
            });

            apply();
        });
    });
})();