MediaWiki:Common.css: Difference between revisions
Appearance
Dascent-wiki (talk | contribs) No edit summary |
Dascent-wiki (talk | contribs) No edit summary |
||
| Line 17: | Line 17: | ||
.isspoiler{display:inline-block;padding:0 .7em 0;background-color:#222;border-radius:4px;} | .isspoiler{display:inline-block;padding:0 .7em 0;background-color:#222;border-radius:4px;} | ||
.isspoiler:focus{background-color:rgba(0,0,0,0.0);} | .isspoiler:focus{background-color:rgba(0,0,0,0.0);} | ||
/** Site Notice **/ | |||
.isclosed {transition: all 0.5s ease-in-out;box-sizing: border-box; | |||
display: flex;flex-direction: column;} | |||
.isclosed.hidden {opacity: 0;height: 0;padding: 0;margin: 0; overflow: hidden;visibility: hidden; pointer-events: none;} | |||
.close-button {position: absolute;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;} | |||
.dxorange{display:block;width:100%;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;color:#c99430;border-radius:6px;border-left:5px solid #d6b67a;} | |||
.dxcontent{display:block;width:90%;height:auto;margin:0 auto;padding:.7em;box-sizing:border-box;font-size:14px;text-align:left;} | |||
Revision as of 06:47, 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 **/
.isclosed {transition: all 0.5s ease-in-out;box-sizing: border-box;
display: flex;flex-direction: column;}
.isclosed.hidden {opacity: 0;height: 0;padding: 0;margin: 0; overflow: hidden;visibility: hidden; pointer-events: none;}
.close-button {position: absolute;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;}
.dxorange{display:block;width:100%;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;color:#c99430;border-radius:6px;border-left:5px solid #d6b67a;}
.dxcontent{display:block;width:90%;height:auto;margin:0 auto;padding:.7em;box-sizing:border-box;font-size:14px;text-align:left;}