// ==UserScript==
// @name         Ramka NI
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @include		 http://*.margonem.pl/
// @grant        none
// ==/UserScript==



(() => {
  const style = document.createElement('style');
  const css = `


    .item:hover .highlight {
      z-index: 0;
    }

    .item .highlight.h-exist,
    .bottomItem .highlight.h-exist,
    .item .icon.h-exist,
    .bottomItem .icon.h-exist {
      width: 30px;
      height: 30px;
      background: transparent;
    }

    .item .highlight.t-uniupg,
    .bottomItem .highlight.t-uniupg,
    .item .icon.t-uniupg,
    .bottomItem .icon.t-uniupg {
      border: 1px solid #ffd700;
      box-shadow: inset 0 0 5px 3px rgba(255, 215, 0);
      animation-name: unique-highlight;
    }

    .item .highlight.t-upgraded,
    .bottomItem .highlight.t-upgraded,
    .item .icon.t-upgraded,
    .bottomItem .icon.t-upgraded {
      border: 1px solid #00cd00;
      box-shadow: inset 0 0 5px 3px rgba(0, 205, 0);
      animation-name: upgraded-highlight;
    }

    .item .highlight.t-her,
    .bottomItem .highlight.t-her,
    .item .icon.t-her,
    .bottomItem .icon.t-her {
      border: 1px solid #0996ed;
      box-shadow: inset 0 0 5px 3px rgba(9, 150, 237);
      animation-name: heroic-highlight;
    }

    .item .highlight.t-leg,
    .bottomItem .highlight.t-leg,
    .item .icon.t-leg,
    .bottomItem .icon.t-leg {
      border: 1px solid #bb0088;
      box-shadow: inset 0 0 5px 3px rgba(187, 0, 136);
      animation-name: legendary-highlight;
    }

    .item .highlight.t-art,
    .bottomItem .highlight.t-art,
    .item .icon.t-art,
    .bottomItem .icon.t-art {
      border: 1px solid #e84646;
      box-shadow: inset 0 0 5px 3px rgba(232, 70, 70);
      animation-name: artefact-highlight;
    }

    .tip-wrapper[data-item-type="t-uniupg"] {
      box-shadow:
        0 0 0 0 #2b282a,
        0 0 0 1px #353131,
        0 0 0 2px #191311,
        0 0 0 3px #2b2727,
        0 0 0 4px #59595a,
        0 0 0 5px #ffd700,
        0 0 0 6px #5a585b,
        0 0 0 7px #2c2625;
    }

    .tip-wrapper[data-item-type="t-upgraded"] {
      box-shadow:
        0 0 0 0 #2b282a,
        0 0 0 1px #353131,
        0 0 0 2px #191311,
        0 0 0 3px #2b2727,
        0 0 0 4px #59595a,
        0 0 0 5px #00cd00,
        0 0 0 6px #5a585b,
        0 0 0 7px #2c2625;
    }

    .tip-wrapper[data-item-type="t-her"] {
      box-shadow:
        0 0 0 0 #2b282a,
        0 0 0 1px #353131,
        0 0 0 2px #191311,
        0 0 0 3px #2b2727,
        0 0 0 4px #59595a,
        0 0 0 5px #0996ed,
        0 0 0 6px #5a585b,
        0 0 0 7px #2c2625;
    }

    .tip-wrapper[data-item-type="t-leg"] {
      box-shadow:
        0 0 0 0 #2b282a,
        0 0 0 1px #353131,
        0 0 0 2px #191311,
        0 0 0 3px #2b2727,
        0 0 0 4px #59595a,
        0 0 0 5px #bb0088,
        0 0 0 6px #5a585b,
        0 0 0 7px #2c2625;
    }

    .tip-wrapper[data-item-type="t-art"] {
      box-shadow:
        0 0 0 0 #2b282a,
        0 0 0 1px #353131,
        0 0 0 2px #191311,
        0 0 0 3px #2b2727,
        0 0 0 4px #59595a,
        0 0 0 5px #e84646,
        0 0 0 6px #5a585b,
        0 0 0 7px #2c2625;
    }
  `;

  style.appendChild(document.createTextNode(css));
  document.head.appendChild(style);
})();