User:MonkeysHK/common.css

/* @author : Fngplg * * @date : 2017 and 2019 */ .npage-preview { display: inline-block; position: absolute; width: 350px; height: auto; max-width: 350px; max-height: 500px; text-align: center; overflow: hidden; z-index: 10000000; font-size: 14px; text-decoration: none; color: black; color: var(--theme-page-text-color); background-color: silver; background-color: var(--theme-page-background-color--secondary); border-radius: 3px; border: 1px solid var(--theme-border-color); } .npage-preview div { text-align: justify; max-width: 330px; max-height: 250px; overflow: hidden; display: inline-block; padding: 10px; } .npage-preview img { min-width: 100px; max-width: 350px; max-height: 300px; padding-top: 10px; } /* image not found class */ .npage-preview-noimage { width: 200px; max-width: 200px; height: auto; } .npage-preview.ready { animation: ppreviewFade .1s ease-in 0s; } .npage-preview.done { animation: ppreviewFade .1s ease-in 0s; animation-direction: reverse; } @keyframes ppreviewFade { 0% {       opacity: 0; transform: translateY(10px); }   100% {        opacity: 1; transform: translateY(0); } }

.infocard { padding: 1em; box-sizing: border-box; border: 1px solid var(--theme-border-color); border-radius: 6px; width: 100%; min-width: 300px; position: relative; background: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); } .infocard + .infocard{ margin-top: 0.5em; } .infocard > .card { float: right; margin: -1em 1em 0.75em 0.75em; box-shadow: 0 0 6px rgba(0,0,0,0.05); position: relative; z-index: 5; } .infocard > .card .image { background: var(--theme-border-color); border-left: 1px solid var(--theme-border-color); border-right: 1px solid var(--theme-border-color); } .infocard > .card .content { border: 1px solid var(--theme-border-color); border-top: 0; margin: 0 1px; background: var(--theme-page-background-color); border-radius: 0 0 4px 4px; box-sizing: border-box; padding: 0 0.75em 0; } .infocard > .card .content > .intro { margin-top: 0.75em; } .infocard > .card .content > dl { margin: 0.75em 0; } .infocard > .card .content dt { font-weight: bold; margin-top: 0.75em; } .infocard > .card .content dd { margin: 0; } .infocard > .card .content > .outro { margin-bottom: 0.75em; } .infocard .main-heading { border-right: 3em solid transparent; padding-left: 1em; margin: 2em -1em 1em; position: relative; line-height: 1; background: var(--custom-border-yellow-highlight); } .infocard > .main-heading, .infocard .intro:first-child > .main-heading:first-child, .infocard .outro:first-child > .main-heading:first-child { margin-top: 1em; } .infocard .main-heading .hgroup { background: var(--theme-page-background-color--secondary); padding: 0 1em; display: inline-block; position: relative; z-index:10; color: var(--theme-page-text-color); font-weight: 100; } .infocard .main-heading .hgroup > .main { font-size: 2em; color: var(--theme-page-text-color); } .infocard .main-heading .hgroup > .main > .namenote { font-size: 62.5%; color: var(--theme-page-text-color); } .infocard .main-heading .icon { position: absolute; right: -2em; top: 50%; transform: translateY(-50%); z-index: 1; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; width: var(--iconsize); height: var(--iconsize); } .infocard .main-heading .icon.frame{ border: 1px solid var(--theme-border-color); border-radius: 4px; background: var(--theme-page-background-color); } .infocard .main-heading .icon.frame.round{ border-radius: 100%; } .infocard > .intro { margin: 1em 0; min-width: 200px; } .infocard > .outro { margin: 1em 0; min-width: 200px; } .infocard > .box { margin: 1em 0; } .infocard > .intro:first-child, .infocard > .outro:first-child, .infocard > .box:first-child { margin-top: 0; } .infocard > .intro:last-child, .infocard > .outro:last-child, .infocard > .box:last-child { margin-bottom: 0; } .infocard > .intro > .box, .infocard > .outro > .box { margin: 0 0 1em 0; } .infocard > .intro > .box:last-child, .infocard > .outro > .box:last-child { margin: 0; } .infocard .box { border: 1px solid rgba(var(--theme-border-color--rgb), 0.65); background: var(--theme-page-background-color); border-radius: 4px; padding: 1em; } .infocard > .box{ margin: 1em 0; } .infocard .box > .title { line-height: 1; display: inline-block; margin-left: -1em; padding: 0 1em 0 0.5em; min-width: 5em; border-left: 0.5em solid transparent; } .infocard .box > .title > span { font-weight: lighter; font-size: 1.5em; } .infocard .box > .content { margin-top: 1em; } .infocard .box > .content:first-child { margin-top: 4px; } .infocard .heading { margin: 1em 0 0.25em; font-weight: bold; } .infocard.small { font-size: 12px; } .infocard.compact { padding: 0.5em; min-width: 240px; } .infocard.compact .main-heading { padding-left: 0.5em; margin: 0.75em -0.5em 0.5em; } .infocard.compact > .main-heading, .infocard.compact .intro:first-child > .main-heading:first-child, .infocard.compact .outro:first-child > .main-heading:first-child { margin-top: 0.5em; } .infocard.compact .main-heading .hgroup { padding: 0 0.5em; font-weight: normal; } .infocard.compact .main-heading .hgroup > :first-child, .infocard.compact .main-heading .hgroup > :last-child { font-size: 85%; } .infocard.compact .main-heading .hgroup > .main { font-size: 1.25em; } .infocard.compact .main-heading .hgroup > .main > .namenote { font-size: 80%; } .infocard.compact > .intro { margin: 0.5em 0; } .infocard.compact > .outro { margin: 0.5em 0; } .infocard.compact > .box { margin: 0.5em 0; } .infocard.compact > .intro:first-child, .infocard.compact > .outro:first-child, .infocard.compact > .box:first-child { margin-top: 0; } .infocard.compact > .intro:last-child, .infocard.compact > .outro:last-child, .infocard.compact > .box:last-child { margin-bottom: 0; } .infocard.compact > .intro > .box, .infocard.compact > .outro > .box { margin: 0 0 0.5em 0; } .infocard.compact > .intro > .box:last-child, .infocard.compact > .outro > .box:last-child { margin: 0; } .infocard.compact .box { padding: 0.5em; } .infocard.compact .box > .title { margin-left: -0.5em; padding: 0 0.5em 0 0.25em; border-left: 0.25em solid transparent; } .infocard.compact .box > .title > span { font-size: 100%; font-weight: bold; } .infocard.compact .box > .content { margin-top: 0.25em; } .infocard.compact .box > .content:first-child { margin-top: 0; } .infocard.compact .box > .content:first-child { margin-top: 0; } .infocard.compact .heading { margin: 0.5em 0 0; } .infocard.compact > .card { margin: -0.5em 0.5em 0.5em 0.5em; } .infocard.compact > .card .content { padding: 0 0.5em 0; } .infocard.compact > .card .content > .intro { margin-top: 0.5em; } .infocard.compact > .card .content > dl { margin: 0.5em 0; } .infocard.compact > .card .content dt { margin-top: 0.5em; } .infocard.compact > .card .content > .outro { margin-bottom: 0.5em; } .infocard.compact .main-heading .icon { right: -2.5em; } .infocard.dimmed { background: var(--theme-page-background-color); border-color: var(--custom-border-yellow-highlight); } .infocard.dimmed .main-heading { background: var(--theme-accent-color); border-right-color: var(--theme-accent-color); } .infocard.dimmed .main-heading .hgroup { background: var(--theme-page-background-color); }

max-height: 100%; overflow-y: auto; overflow-x: hidden; }
 * 1) minetip-tooltip {

font-family: Consolas; background: #222; color: white; padding: 1em 2em; line-height: 20px; }	font-family: Consolas; background: #777; color: white; padding: 1em 2em; line-height: 20px; margin: 0; border: 1px solid white; border-left: 10px solid; } .mw-scribunto-console-fieldset, #mw-scribunto-output { display: flex; flex-direction: column-reverse; width: 100%; } .mw-editform #mw-scribunto-input { background: #000; border: 3px solid gray; margin: 1em 0; font-family: Consolas; color: #bbb; }	background: #000; background: rgba(0,0,0,0.4); margin: 0; } .mw-scribunto-message { display: none; } .mw-editTools { display: none; }
 * 1) mw-scribunto-output .mw-scribunto-print,
 * 2) mw-scribunto-output .mw-scribunto-normalOutput,
 * 3) mw-scribunto-output .mw-scribunto-error {
 * 1) mw-scribunto-output .mw-scribunto-input {
 * 1) mw-scribunto-console .mw-scribunto-console-fieldset {