Test Page Change 3
@charset "utf-8"; body { margin: 0; padding: 0 0 1em 0; font-family: sans-serif; width: 100vw; height: auto; } .shadow-container{ padding-bottom:10px; } #interwiki { width: 550px; max-width: calc(100% - 6px); min-height: 150px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-auto-rows: minmax(50px, auto); text-align: center; background-color: #e6fff0; border-radius: 20px; box-shadow: 0 2px 6px rgba(0,0,0,.5); margin: 20px auto 0; padding: 12.8px 10px; border: solid 1px #600; box-sizing: border-box; } .interwiki__title { color: #901; margin: 0 auto; font-size: 2em; font-weight: bold; grid-column: 1 / 4; grid-row: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .target_page { color: #901; margin: 0 auto; font-size: 1em; font-weight: bold; grid-column: 1 / 4; grid-row: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .interwiki__title:before { content: '\f1ab'; font-family: 'Font Awesome 5 Free', sans-serif; margin-right: 5px; padding: 2px 5px; } .interwiki__entry { height: 70px; } .interwiki__entry a { color: #b01; text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #2c9800; border-radius: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .interwiki__entry a:hover { background-color: rgba(0, 179, 89, 0.37); box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 2px rgba(0,0,0,0.24); } .interwiki__entry a:before { content: ""; width: 30px; height: 30px; background-size: contain; } .interwiki__entry a[href*="scp-wiki-cn.wikidot"]:before { background-image: url(../img/scp-logo-cn-400.png); } .interwiki__entry a[href*="www.scp-wiki.net"]:before { background-image: url(../img/scp-logo-400.png); } .interwiki__entry a[href*="fondationscp.wikidot"]:before { background-image: url(../img/scp-logo-fr-400.png); } .interwiki__entry a[href*="scp-wiki-de.wikidot"]:before { background-image: url(../img/scp-logo-de-400.png); } .interwiki__entry a[href*="fondazionescp.wikidot"]:before { background-image: url(../img/scp-logo-it-400.png); } .interwiki__entry a[href*="ko.scp-wiki"]:before { background-image: url(../img/scp-logo-ko-400.png); } .interwiki__entry a[href*="scp-wiki.net.pl"]:before { background-image: url(../img/scp-logo-pl-400.png); } .interwiki__entry a[href*="scp-pt-br.wikidot"]:before { background-image: url(../img/scp-logo-pt-400.png); } .interwiki__entry a[href*="scpfoundation.net"]:before { background-image: url(../img/scp-logo-ru-400.png); } .interwiki__entry a[href*="lafundacionscp.wikidot"]:before { background-image: url(../img/scp-logo-es-400.png); } .interwiki__entry a[href*="scp-th.wikidot"]:before { background-image: url(../img/scp-logo-th-400.png); } .interwiki__entry a[href*="scp-ukrainian.wikidot"]:before { background-image: url(../img/scp-logo-ua-400.png); } @media (max-width:479px) { #interwiki { grid-template-columns: repeat(2, 1fr); } .interwiki__title { grid-column: 1 / 3; } } @media all and (-ms-high-contrast: none) { .interwiki__entry { display: inline-block; width: 30%; margin-bottom: 10px; } .interwiki__title { display: block; } }
page revision: 12, last edited: 04 Mar 2019 01:36