MediaWiki:Common.css: Difference between revisions

Revision as of 07:44, 10 August 2025

/* 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;}


.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;}


.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(20px,-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;}