MediaWiki:Mbox.css

From MTG Wiki
Jump to navigation Jump to search

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.
.mbox-wrapper{
	margin-bottom:5px;
}
th.mbox-text,td.mbox-text{
    border:none;
    padding:0.25em 0.9em;
    width:100%;
}
td.mbox-image{
    border:none;
    padding:2px 0 2px 0.9em;
    text-align:center;
}
td.mbox-imageright{
    border:none;
    padding:2px 0.9em 2px 0;
    text-align:center;
}
td.mbox-empty-cell{
    border:none;
    padding:0;
    width:1px;
}
.ambox{
    margin:0 10%;
    border:1px solid #aaa;
    border-left:10px solid #1e90ff;
    background:var(--theme-page-text-mix-color-95);
}
.ambox th.mbox-text,.ambox td.mbox-text{
    padding:0.25em 0.5em;
}
.ambox td.mbox-image{
    padding:2px 0 2px 0.5em;
}
.ambox td.mbox-imageright{
    padding:2px 0.5em 2px 0;
}
.ambox-notice{
    border-left:10px solid #1e90ff;
}
.ambox-speedy{
    border-left:10px solid #b22222;
    background:var(--theme-notice-background-color-2);
}
.ambox-delete{
    border-left:10px solid #b22222;
}
.ambox-content{
    border-left:10px solid #f28500;
}
.ambox-style{
    border-left:10px solid #f4c430;
}
.ambox-move{
    border-left:10px solid #9932cc;
}
.ambox-protection{
    border-left:10px solid #bba;
}
.imbox{
    margin:4px 10%;
    border-collapse:collapse;
    border:3px solid #1e90ff;
    background:var(--theme-page-text-mix-color-95);
}
.imbox .mbox-text .imbox{
    margin:0 -0.5em;
    display:block;
}
.mbox-inside .imbox{
    margin:4px;
}
.imbox-notice{
    border:3px solid #1e90ff;
}
.imbox-speedy{
    border:3px solid #b22222;
    background:var(--theme-page-text-mix-color-95);
}
.imbox-delete{
    border:3px solid #b22222;
}
.imbox-content{
    border:3px solid #f28500;
}
.imbox-style{
    border:3px solid #f4c430;
}
.imbox-move{
    border:3px solid #9932cc;
}
.imbox-protection{
    border:3px solid #bba;
}
.imbox-license{
    border:3px solid #88a;
    background:var(--theme-page-text-mix-color-95);
}
.imbox-featured{
    border:3px solid #cba135;
}
.cmbox{
    margin:3px 10%;
    border-collapse:collapse;
    border:1px solid #aaa;
    background:var(--theme-notice-background-color-3);
}
.cmbox-speedy{
    margin-top:4px;
    margin-bottom:4px;
    border:4px solid #b22222;
    background:var(--theme-notice-background-color-2);
}
.cmbox-delete{
    background:var(--theme-notice-background-color-2);
}
.cmbox-content{
    background:var(--theme-notice-background-color-1);
}
.cmbox-style{
    background:var(--theme-notice-background-color-1);
}
.cmbox-move{
    background:var(--theme-notice-background-color-4);
}
.cmbox-protection{
    background:var(--theme-notice-background-color-5);
}
.ombox{
    margin:4px 10%;
    border-collapse:collapse;
    border:1px solid #aaa;
    background:var(--theme-page-text-mix-color-95);
}
.ombox-notice{
    border:1px solid #aaa;
}
.ombox-speedy{
    border:2px solid #b22222;
    background:var(--theme-notice-background-color-2);
}
.ombox-delete{
    border:2px solid #b22222;
}
.ombox-content{
    border:1px solid #f28500;
}
.ombox-style{
    border:1px solid #f4c430;
}
.ombox-move{
    border:1px solid #9932cc;
}
.ombox-protection{
    border:2px solid #bba;
}
.tmbox{
    margin:4px 10%;
    border-collapse:collapse;
    border:1px solid #c0c090;
    background:var(--theme-notice-background-color-1);
}
.mediawiki .mbox-inside .tmbox{
    margin:2px 0;
    width:100%;
}
.mbox-inside .tmbox.mbox-small{
    line-height:1.5em;
    font-size:100%;
}
.tmbox-speedy{
    border:2px solid #b22222;
    background:var(--theme-notice-background-color-2);
}
.tmbox-delete{
    border:2px solid #b22222;
}
.tmbox-content{
    border:2px solid #f28500;
}
.tmbox-style{
    border:2px solid #f4c430;
}
.tmbox-move{
    border:2px solid #9932cc;
}
.tmbox-protection, .tmbox-notice{
    border:1px solid #c0c090;
}
.dmbox{
    clear:both;
    margin:0.9em 1em;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:transparent;
}
.fmbox{
    clear:both;
    margin:0.2em 0;
    width:100%;
    border:1px solid #aaa;
    background:var(--theme-page-text-mix-color-95);
}
.fmbox-system{
    background:var(--theme-page-text-mix-color-95);
}
.fmbox-warning{
    border:1px solid #bb7070;
    background:var(--theme-notice-background-color-2);
}
.fmbox-editnotice{
    background:transparent;
}
.mw-warning-with-logexcerpt,.mw-lag-warn-high,.mw-cascadeprotectedwarning,#mw-protect-cascadeon,.titleblacklist-warning,.locked-warning{
    clear:both;
    margin:0.2em 0;
    border:1px solid #bb7070;
    background:var(--theme-notice-background-color-2);
    padding:0.25em 0.9em;
}
.mw-lag-warn-normal,.fmbox-system{
    clear:both;
    margin:0.2em 0;
    border:1px solid #aaa;
    background:var(--theme-page-text-mix-color-95);
    padding:0.25em 0.9em;
}
body.mediawiki table.mbox-small{
    clear:right;
    float:right;
    margin:4px 0 4px 1em;
    width:238px;
    font-size:88%;
    line-height:1.25em;
}
body.mediawiki table.mbox-small-left{
    margin:4px 1em 4px 0;
    width:238px;
    border-collapse:collapse;
    font-size:88%;
    line-height:1.25em;
}
.compact-ambox table .mbox-image,.compact-ambox table .mbox-imageright,.compact-ambox table .mbox-empty-cell{
    display:none;
}
.compact-ambox table.ambox{
    border:none;
    border-collapse:collapse;
    background:transparent;
    margin:0 0 0 1.6em !important;
    padding:0 !important;
    width:auto;
    display:block;
}
body.mediawiki .compact-ambox table.mbox-small-left{
    font-size:100%;
    width:auto;
    margin:0;
}
.compact-ambox table .mbox-text{
    padding:0 !important;
    margin:0 !important;
}
.compact-ambox table .mbox-text-span{
    display:list-item;
    line-height:1.5em;
    list-style-type:square;
    list-style-image:url(//upload.wikimedia.org/wikipedia/commons/7/7a/Bullet.png);
}
.skin-vector .compact-ambox table .mbox-text-span{
    list-style-type:disc;
    list-style-image:url(//en.wikipedia.org/w/skins/Vector/images/bullet-icon.svg);
    list-style-image:url(//en.wikipedia.org/w/skins/Vector/images/bullet-icon.png)\9;
}
.compact-ambox .hide-when-compact{
    display:none;
}

.headertemplate {
	border-radius:10px;
	width: auto;
	max-width: 85%;
	text-align: left;
    display: flex;
    margin: 0.5rem auto;

    @media (min-width: 768px) {
	    border-width: 0;
	    padding: 0;
	}

    @media (max-width: 767px) {
	    padding: 0.75rem 1rem;
	    display: flex;
	    gap: 0.5rem;
	    border: 1px solid black;
    }

    .headertemplate-main {
        width: 100%;

        div {
            margin: 5px 0;
        }

        .headertemplate-comment::before {
            height: 1px;
            width: 100%;
            display: block;
            content: "";
            margin: 5px 0;
            background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
        }
    }
}

.desktop-only {
    @media (max-width: 767px) {
		display: none;
	}
}

.mobile-only {
    @media (min-width: 768px) {
		display: none;
	}
}

.theme-fandomdesktop-dark .headertemplate {
    background-color: #263234 !important;
    color: white !important;
}

.headertemplate-table {
    padding: 5px 10px 5px 10px;
    background: transparent;
    color: inherit;
    border-collapse: unset;
}

.headertemplate-main {
	padding: 0 0 0 10px
}

.headertemplate-title {
    font-size: 1.3em;
    font-weight: bold;
}

.headertemplate-caption {
    text-align: center;
	font-size: 0.7em;
}

.headertemplate-comment {
	font-size: 0.8em;
	font-style: italic;
}