MediaWiki:Common.css
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;
}