User:Legroom/styles.css
From Pizza Tower Wiki
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*** Code on this page is applied to Portable Infobox templates via CSS extension parser function ***/
/* {{#css:MediaWiki:Infobox.css}} */
/* OLD INFOBOX, KEEP UNTIL WE REPLACE ALL INFOBOX TEMPLATES */
/* Headers */
.pi-title, .pi-header {
background-color: #614261 !important;
color: white;
text-align: center !important; }
/* Image block and data */
.pi-image {
padding: 10px 0; } /* Image padding */
/* Image tabs (gallery)*/
.pi-media-collection-tabs {
background: #7E627E;
margin: 0;
padding-top: 3px !important;
border-bottom: 2px solid #614261; }
.pi-media-collection .pi-tab-link {
background: #7E627E;
border-color: #7E627E;
color: #DFD6DE; }
.pi-media-collection .pi-tab-link:hover {
background: #4E3B5A;
border-color: #4E3B5A; }
.pi-media-collection .pi-tab-link.current {
background: #614261;
border-color: #614261;
color: #C69AC3; }
.pi-media-collection .pi-tab-link.current:hover {
cursor: default; }
/* NEW INFOBOX */
.infoboxWrapper {
float: right;
margin: 0 0 var(--pi-margin) var(--pi-margin);
width: var(--pi-width);
position: relative;
background-color: #406ba1;
background: linear-gradient(180deg, rgba(200,248,168,1) 0%, rgba(200,248,168,1) 10%, rgba(64,107,161,1) 10%, rgba(64,107,161,1) 50%, rgba(64,107,161,1) 100%);
background-clip: content-box !important;
border: 6px solid white;
border-image: url(https://static.miraheze.org/pizzatowerwiki/6/6b/PTWiki-spr_computerbubble.png) 40 / 40px;
}
.infoboxWrapper>.portable-infobox {
width: calc(100% - 12px);
margin: 4px 0 0 0;
background: transparent;
border: none;
float: none;
position: relative;
left: 4px;
}
.infoboxWrapper>.portable-infobox figure>figcaption {
border-bottom: none;
color: inherit;
}
.infoboxWrapper>.portable-infobox .pi-title, .infoboxWrapper>.portable-infobox .pi-header {
background-color: #c8f8a8 !important;
color: #406ba1 !important;
}
.infoboxWrapper>.portable-infobox .pi-image, .infoboxWrapper>.portable-infobox .pi-data, .infoboxWrapper>.portable-infobox .pi-horizontal-group-item {
color: #ABFF00 !important;
}
.infoboxWrapper>.portable-infobox h3 {
color: inherit;
}
.infoboxWrapper>.portable-infobox a {
color: white;
}
.infoboxWrapper>.portable-infobox .pi-border-color {
border-color: #c8f8a8;
}
.infoboxWrapper>.portable-infobox .pi-horizontal-group-item { /* just to make the spacing between the tables a bit tighter */
padding: 2px 10px;
}