MediaWiki:Infoboxes.css
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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.portable-infobox {
border: 1px solid #614F59;
margin-bottom: .5em;
margin-left:1em;
padding:.2em;
box-sizing:border-box
}
.pi-border-color {
border-color: #614F59;
}
.portable-infobox .pi-item-spacing {
border-bottom-color:transparent;
border:none;
padding:4px 2px;
}
.portable-infobox .WikiaArticle .img {
vertical-align:text-top;
}
.pi-background {
background-color: #ffffff;
}
.pi-secondary-background {
background-color: #ffffff;
}
.portable-infobox .pi-title {
text-align: center;
font-size: 100%;
line-height:125%;
padding:2%;
background-color: #B8939F;
color:#3A3A3A;
font-weight:bold;
}
.pi-title a:link, .pi-title a:visited {
color:#3A3A3A!important;
}
.portable-infobox .pi-header {
text-align: center;
font-size: 14px;
background-color:#B8939F;
color:#3A3A3A;
font-weight:bold;
}
.pi-header a:link, .pi-header a:visited {
color:inherit !important;
}
.portable-infobox .WikiaArticle p {
margin:0!important;
}
/* The thing about the thing with the other thing:
How to make the background framing element
in {{Item Infobox}} wrap around the icon */
.portable-infobox .pi-image-thumbnail[width="64"],
.portable-infobox.pi-theme-64px .pi-image-thumbnail
{
background: url("https://vignette.wikia.nocookie.net/dont-starve-game/images/f/fa/Inventory_slot_background.png") no-repeat;
background-size: cover;
padding: 4px;
height: 72px;
width: 72px;
}
.portable-infobox.pi-theme-item .pi-image .pi-caption {
margin: auto;
text-align: center;
}
.portable-infobox.pi-theme-structure .pi-image .pi-caption {
margin: auto;
text-align: center;
}
.portable-infobox.pi-theme-mob .pi-image .pi-caption {
margin: auto;
text-align: center;
}
div.icon-frame,
div.icon-frame2 {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
margin-top: 0px;
width: 68px;
height: 68px;
background : url("https://vignette.wikia.nocookie.net/dont-starve-game/images/f/fa/Inventory_slot_background.png") center;
z-index: 1;
}
div.icon,
div.icon2 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* margin: ;
padding : ;*/
width:68px ;
height:68px ;
z-index: 5;
}
.pi-navigation {
text-align: center;
/*padding: 5px 0px 0px 0px !important;*/
background-color:#FFFFFF;
}
.pi-font {
color:#3A3A3A;
font-size:89%;
line-height:95%;
}
.portable-infobox .pi-secondary-font {
color:#3A3A3A;
font-size:89%;
line-height:95%!important;
}
.portable-infobox .pi-data-value {
line-height:95%!important;
}
.pi-horizontal-group .pi-header {
text-align: center !important;
}
.pi-image img {
max-width:100%;
height:auto
}
.pi-data .pi-data-label {
-ms-flex-preferred-size: auto;
-webkit-flex-basis:auto;
-moz-flex-basis:auto;
flex-basis:auto;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
-webkit-justify-content:left;
justify-content:left;
width:50%;
padding-right:10px;
text-align: center;
}
.pi-data .pi-data-value {
-ms-flex-preferred-size: auto;
-webkit-flex-basis:auto;
-moz-flex-basis:auto;
flex-basis:auto;
width: 50%;
}
.pi-image-collection-tabs .current {
font-weight: normal !important;
}
.pi-image-collection-tabs .pi-item-spacing {
border-left-width: 1px;
border-left-style: solid;
border-right-width: 1px;
border-right-style: solid;
}
.pi-image-collection-tab-content {
background-color: #ffffff;
}
.pi-theme-comida .comidatable {
margin-left: 10px;
}
.image.image-thumbnail.link-internal {
margin: auto;
}