This wiki is in a testing phase! I'm currently rolling out the wiki in an early state to see if the software works statically. If you want to make changes or something has gone wrong, please post an issue on the GitHub repository.

MediaWiki:Common.css

From the Aadenboy Wiki
Jump to navigation

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.
#siteSub, #forceSub {
    display: block;
    padding-left: 1.5em;
    font-size: 120%;
    font-style: italic;
}
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-submit #siteSub {
    display: none;
}

.banner-box {
	background-color: #ebecef;
	padding: 0;
	margin: 5px;
	height: 85px;
	border: 1px solid #aaa;
}
.banner-box.banner-mini {
	margin: 3px;
	height: 50px;
}
.banner-icon img {
	width: auto;
	height: 100%;
	float: left;
	margin-right: 10px;
}
.banner-mini .banner-icon img {
	margin-right: 5px;
}
.banner-flex-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 75px;
	padding: 5px 0;
}
.banner-mini .banner-flex-container {
	height: 46px;
	padding: 2px 0;
}
.banner-header {
	font-size: 24px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.banner-mini .banner-header {
	font-size: 1.2em;
	margin-bottom: 0;
}
.banner-center .banner-header, .banner-center .banner-content {
	text-align: center;
}

.ib-table {
	float: right;
	width: 350px;
	margin: 5px;
	clear: right;
}
.ib-table caption {
	font-size: 200%;
}
.ib-table th {
	width: 40%;
}

.cubeContainer {
	transform-style: preserve-3d;
    perspective: 100vw;
    width: 1em;
    height: 1em;
    display: inline-block;
}
@keyframes spin {
    from { transform: rotate3d(0, 0, 0, 0deg) }
      to { transform: rotate3d(1, 1, 1, 360deg) }
}
.rotatingCube {
    transform-style: preserve-3d;
    transform-origin: 50% 50%;
    animation: 3s linear infinite spin;
    width: 1em;
    height: 1em;
}
.rotatingCube .face-1, .rotatingCube .face-2,
.rotatingCube .face-3, .rotatingCube .face-4,
.rotatingCube .face-5, .rotatingCube .face-6 {
	width: 1em;
	height: 1em;
	position: absolute;
	transform-style: preserve-3d;
}
.rotatingCube .face-1 {
    background-color: #f00;
    transform: translateZ(0.5em);
}
.rotatingCube .face-2 {
    background-color: #0ff;
    transform: translateZ(-0.5em) rotateY(180deg);
}
.rotatingCube .face-3 {
    background-color: #0f0;
    transform: translateX(0.5em) rotateY(90deg);
}
.rotatingCube .face-4 {
    background-color: #f0f;
    transform: translateX(-0.5em) rotateY(270deg);
}
.rotatingCube .face-5 {
    background-color: #00f;
    transform: translateY(0.5em) rotateX(90deg);
}
.rotatingCube .face-6 {
    background-color: #ff0;
    transform: translateY(-0.5em) rotateX(270deg);
}

#p-tb { display: none; }

.pi-media-collection div {
    display: block;
}

.pi-media-collection-tabs {
    display: none;
}