MediaWiki:Gadget-PortableInfoboxScrollArrows.css

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

.pi-item, .pi-media-collection {
    position: relative;
}

.pi-media-collection-icon-left.show,
.pi-media-collection-icon-right.show {
    --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    height: 40px;
    position: absolute;
    background: linear-gradient(0deg, var(--color-base), rgba(var(--color-base--rgb), 0.1)), var(--icon-chevron-down);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    width: 40px;
    z-index: 102;
}

.pi-media-collection-icon-left.show::before {
    display: block;
}

.pi-media-collection-icon-left.show {
    left: 0;
    transform: rotate(90deg);
}
.pi-media-collection-icon-right.show {
    right: 0;
    transform: rotate(270deg);
    z-index: 102;
}