Screamer Forums and Screamer gallery have returned.
The Screamer Forums will likely remain read only unless it's known that it will be active, since forums in general are kind of dead because of Discord.
MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Reverted |
No edit summary Tags: Manual revert Reverted |
||
| Line 24: | Line 24: | ||
line-height: normal; | line-height: normal; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
| Line 42: | Line 41: | ||
/* Infobox label */ | /* Infobox label */ | ||
.portable-infobox .pi-data-label { | .portable-infobox .pi-data-label { | ||
background-color: # | background-color: #B71C1C; | ||
flex: 0 0 30%; | flex: 0 0 30%; | ||
display: flex; | display: flex; | ||
| Line 50: | Line 49: | ||
font-weight: bold; | font-weight: bold; | ||
color: #FFF5EE; | color: #FFF5EE; | ||
background-size: | background-size: calc(100% + 10px) 100%; | ||
background-position: -5px 0; | |||
} | } | ||
/* Infobox data */ | |||
.portable-infobox .pi-data { | .portable-infobox .pi-data { | ||
font-weight: bold; | font-weight: bold; | ||
color: #FFF5EE; | color: #FFF5EE; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
background-color: # | background-color: #F98686; | ||
background-size: | background-size: calc(100% + 10px) 100%; | ||
background-position: -5px 0; | |||
} | } | ||
| Line 64: | Line 66: | ||
.portable-infobox .pi-data:nth-child(odd) .pi-data-label, | .portable-infobox .pi-data:nth-child(odd) .pi-data-label, | ||
.portable-infobox .pi-data:nth-child(odd) .pi-data-value { | .portable-infobox .pi-data:nth-child(odd) .pi-data-value { | ||
background-color: # | background-color: #B71C1C; | ||
background-size: calc(100% + 10px) 100%; | |||
background-position: -5px 0; | |||
} | } | ||
| Line 72: | Line 75: | ||
.portable-infobox .pi-data:nth-child(even) .pi-data-value { | .portable-infobox .pi-data:nth-child(even) .pi-data-value { | ||
background-color: #FAAAAA; | background-color: #FAAAAA; | ||
background-size: calc(100% + 10px) 100%; | |||
background-position: -5px 0; | |||
} | } | ||
Revision as of 07:17, 6 April 2023
/* CSS placed here will affect users of the Vector skin */
.portable-infobox {
background-color: #FFF5EE;
border: 1px solid #F98686;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
margin: 10px;
padding: 10px;
width: 280px;
}
.portable-infobox .pi-title {
color: #000000;
background-color: #FAAAAA;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
padding: 0px 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: auto;
line-height: normal;
font-style: italic;
}
.portable-infobox .pi-header {
color: #B71C1C;
background-color: #FAAAAA;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
display: flex;
justify-content: center;
align-items: center;
height: 25px;
line-height: 25px;
}
/* Infobox label */
.portable-infobox .pi-data-label {
background-color: #B71C1C;
flex: 0 0 30%;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
font-weight: bold;
color: #FFF5EE;
background-size: calc(100% + 10px) 100%;
background-position: -5px 0;
}
/* Infobox data */
.portable-infobox .pi-data {
font-weight: bold;
color: #FFF5EE;
padding: 5px 10px;
background-color: #F98686;
background-size: calc(100% + 10px) 100%;
background-position: -5px 0;
}
/* Infobox label and data colors */
.portable-infobox .pi-data:nth-child(odd) .pi-data-label,
.portable-infobox .pi-data:nth-child(odd) .pi-data-value {
background-color: #B71C1C;
background-size: calc(100% + 10px) 100%;
background-position: -5px 0;
}
/* Second label and data */
.portable-infobox .pi-data:nth-child(even) .pi-data-label,
.portable-infobox .pi-data:nth-child(even) .pi-data-value {
background-color: #FAAAAA;
background-size: calc(100% + 10px) 100%;
background-position: -5px 0;
}
.portable-infobox .pi-image {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
margin-bottom: 5px;
}
.portable-infobox .pi-data-value a {
color: #0645ad;
text-decoration: none;
}
.portable-infobox .pi-data-value a:hover {
text-decoration: underline;
}