Add a tip to unnotarized macOS game on Itch.io

readme.md

1. First, you need to get Custom CSS access
2. Click "Edit Theme" on game page.
3. Paste the CSS code to Custom CSS section.

itch-io-macos-tip.css

.download_platforms .icon-apple {
    position: relative;
    font-family: 'icomoon', var(--itchio_font_family) !important;
}

.download_platforms .icon-apple::before {
    content: "\e011  Can't Open?";
}

.download_platforms .icon-apple::after {
    display: none;
    content: "1. Right-click on the app\a 2. Select Open\a 3. Press Open again!";
    position: absolute;
    width: 240px;
    padding: 4px 10px 6px;
    border-radius: 5px;
    background: var(--itchio_bg2_sub);
    left: 20px;
    bottom: 24px;
    white-space: pre-line;
    animation: popup 0.5s;    
}

.download_platforms .icon-apple:hover {
    opacity: 1!important;
}

.download_platforms .icon-apple:hover::after {
    display: block;
}

@keyframes popup {
  from {
    transform: translate3d(0, 10px, 0); 
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}