MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
@font-face {
    font-family: 'DascentianSigils'; /* Choose a unique name for your font */
    src: url('https://wiki.dascent-sigils.com/fonturi/dascentsymbols/webfont/Dascentian-Sigils.woff2') format('woff2'), /* Path to WOFF2 */
         url('https://wiki.dascent-sigils.com/fonturi/dascentsymbols/webfont/Dascentian-Sigils.woff') format('woff'),  /* Path to WOFF */
         url('https://wiki.dascent-sigils.com/fonturi/dascentsymbols/Dascentian-Sigils.ttf') format('truetype'); /* Path to TTF (fallback) */
    font-weight: normal; /* Or 'bold', '300', '700' etc. if you have different weights */
    font-style: normal;  /* Or 'italic' if applicable */
    font-display: swap; /* Recommended for performance: displays fallback text while font loads */
}
.dsfont{font-family: 'DascentianSigils';}
.isbtn a{display:inline-block;padding:.7em 1.5em .7em;text-align:center;background-color:#3ca4e6;color:#fff;border-radius:5px;}
.isbtn a:hover{display:inline-block;padding:.7em 1.5em .7em;text-align:center;background-color:#4262c9;color:#fff;border-radius:5px;}
.iscover{display:block;width:100%;height:auto;margin:20px auto 22px auto;text-align:center;padding:.7em 0 .7em;box-sizing:border-box;}
.iscover img{display:block;min-width:250px;width:100%;height:auto;margin:0 auto;border:0;}
.isspoiler{display:inline-block;padding:0 .7em 0;background-color:#222;border-radius:4px;}
.isspoiler:focus{background-color:rgba(0,0,0,0.0);}
/** Site Notice **/
.dxorange{width:90%;height:auto;margin:30px auto 33px auto;box-sizing:border-box;padding:.5em 0 .5em;background-color:#fcf9ed;box-shadow:inset 0 0 1px #d6b67a;border-left:5px solid #d6b67a;flex:1;}
.dxred{width:90%;height:auto;margin:30px auto 33px auto;box-sizing:border-box;padding:.5em 0 .5em;background-color:#fff5f5;box-shadow:inset 0 0 1px #a81313;border-radius:6px;border-left:5px solid #a81313;flex:1;}
.dxblue{width:90%;height:auto;margin:30px auto 33px auto;box-sizing:border-box;padding:.5em 0 .5em;background-color:#f0f5fc;box-shadow:inset 0 0 1px #1351a8;border-radius:6px;border-left:5px solid #1351a8;flex:1;}
.dxgreen{width:90%;height:auto;margin:30px auto 33px auto;box-sizing:border-box;padding:.5em 0 .5em;background-color:#f0fcf0;box-shadow:inset 0 0 1px #289428;border-radius:6px;border-left:5px solid #289428;flex:1;}


.dxcontent{display:block;width:90%;height:auto;margin:0 auto;padding:.7em;box-sizing:border-box;font-size:14px;text-align:left;}
.orange p{display:block;width:100%;height:auto;margin:0 auto;line-height:normal;color:#c93030}
.red p{display:block;width:100%;height:auto;margin:0 auto;line-height:normal;color:#a81313;}
.blue p{display:block;width:100%;height:auto;margin:0 auto;line-height:normal;color:#1351a8;}
.green p{display:block;width:100%;height:auto;margin:0 auto;line-height:normal;color:#289428;}


.isclosed {transition: all 0.5s ease-in-out;box-sizing: border-box;display: flex;flex-direction: row;justify-content: start;}
.dox{display:block;width:25px;height:25px;text:align:center;transform:translate(0,-10px);}
.isclosed.hidden {opacity: 0;height: 0;padding: 0;margin: 0; overflow: hidden;visibility: hidden; pointer-events: none;}
 .close-button {top: 0.5rem;right: 1rem;color: #9ca3af; cursor: pointer;font-size: 1.5rem;font-weight: bold;transition: color 0.2s;}
.close-button:hover { color: #4b5563;}
h1:target,h2:target,h3:target,h4:target,h5:target,h6:target{color:green;margin-left:8px;}

h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before {font-size: 20px;content: "►";color: blue;margin-right: 0.25em;}

/** External Link **/
.mw-parser-output a.external{background-image:none;}