MediaWiki:Common.css: Difference between revisions

Revision as of 20:18, 23 January 2026

/* Infoboxes */
.infobox {
	border: 1px solid #a2a9b1;
	color: black;
	padding: 0.2em;
	font-size: 88%;
	line-height: 1.5em;
	border-spacing: 3px;
}

@media screen {
	.infobox {
		background-color: #f8f9fa;
    }
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
	}
    
	.infobox .nowrap {
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		/* @noflip */
		margin: 0.5em 0 0.5em 1em;
		/* @noflip */
		float: right;
		/* @noflip */
		clear: right;
		width: 22em;
	}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}





.page-NophonoFoundYou.action-view  .mw-page-container,
.page-NophonoFoundYou.action-view .mw-footer,
.page-NophonoFoundYou.action-view #mw-page-base,
.page-NophonoFoundYou.action-view #mw-navigation,
.page-NophonoFoundYou.action-view .mw-body {
    display: none !important;
}

.page-NophonoFoundYou.action-view {
  background-image: url("/images/9/90/Warp.gif");
  background-color: black !important;
  background-size: contain;
}

@keyframes shake {
    0% { transform: translate(0, 0); }
    20% { transform: translate(-10px, 0); }
    40% { transform: translate(10px, 0); }
    60% { transform: translate(-10px, 0); }
    80% { transform: translate(10px, 0); }
    100% { transform: translate(0, 0); }
}

@media screen{
	.mw-first-heading
		{
			background: #000000;
			color:#fff;
		}
}

@media screen {
	#mw-previewheader { 
		background-color: #000;
		color: #fff;
}
@media screen {
	.vector-menu-content-list {
		background-color:#000;
	}
}

@media screen {
    #mw-head {
        position: fixed;
        background: linear-gradient(to bottom,#050505 50%,#000 100%);
        color: #fff;
    }
}

@media screen {
  .mw-body {
    margin-top: -1px;
    border: 1px solid #000000;
    border-right-width: 1px;
    border-right-width: 0;
    color: #fff;
  }
}
@media screen {
  .mw-body, .parsoid-body {
    background-color: #000000;
    color: #fff;
    direction: ltr;
    padding: 1em;
  }
}
@media screen {
  body {
    background-color: #000000;
    overflow-y: scroll;
    color: #fff;
  }
}
@media screen {
  #mw-page-base {
    background-color: #050505;
    background-image: linear-gradient(to bottom,#000 50%,#050505 100%);
    background-position: bottom left;
    height: 5em;
    color: #fff;
  }
}
@media screen {
  #mw-page-base {
    background-color: #000000;
    background-image: linear-gradient(to bottom,#ffffff 50%,#f6f6f6 100%);
    background-position: bottom left;
    height: 5em;
    color: #fff;
  }
}