MediaWiki:Vector.css: Difference between revisions
From Screamer Wiki
No edit summary |
Screamer1234 (talk | contribs) No edit summary |
||
Line 65: | Line 65: | ||
} | } | ||
/* Infobox | /* Portable Infobox CSS here */ | ||
.portable-infobox .pi- | .portable-infobox.pi-background { | ||
background-color: #312B2A; | |||
border-color: #a62e10; | |||
} | } | ||
.portable-infobox .pi-secondary-background { | |||
background-color: #a62e10; | |||
.portable-infobox .pi- | |||
} | } | ||
.portable-infobox .pi-header{ | |||
.portable-infobox .pi- | font-weight: bold; | ||
text-align: center; | |||
} | } | ||
.portable-infobox .pi-title { | |||
.portable-infobox .pi- | background-color: #a62e10; | ||
font-size: 125%; | |||
color: #FFFFFF; | |||
font-family: Rubik; | |||
text-align: center; | |||
} | } | ||
.portable-infobox .pi-border-color{ | |||
.portable-infobox .pi-data-value | border-color: #453d3c; | ||
} | |||
.portable-infobox { | |||
width:270px; | |||
border: 1px solid #a62e10; | |||
border-radius: 4px 4px 2px 2px; | |||
} | |||
.portable-infobox .pi-horizontal-group-item.pi-data-label{ | |||
background-color: #312B2A; | |||
} | |||
.portable-infobox .pi-horizontal-group-item.pi-data-value{ | |||
background-color: #312B2A; | |||
} | } |
Revision as of 23:22, 7 November 2023
/* CSS placed here will affect users of the Vector skin */
.portable-infobox {
background-color: #2C2828;
border: 1px solid #a62e10;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
margin: 10px;
padding: 10px;
width: 280px;
}
.portable-infobox .pi-item-spacing {
border-bottom: 4px solid #2C2828;
}
.portable-infobox .pi-title {
color: #fdfdee;
background-color: #a62e10;
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: #fdfdee;
background-color: #a62e10;
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: #5a5554;
padding-left: 5px;
padding-right: 5px;
flex: 0 0 30%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #fdfdee;
}
.portable-infobox .pi-data {
font-weight: bold;
color: #fdfdee;
padding: 5px 10px;
padding-left: 5px;
padding-right: 5px;
background-color: #4d4543;
}
/* Portable Infobox CSS here */
.portable-infobox.pi-background {
background-color: #312B2A;
border-color: #a62e10;
}
.portable-infobox .pi-secondary-background {
background-color: #a62e10;
}
.portable-infobox .pi-header{
font-weight: bold;
text-align: center;
}
.portable-infobox .pi-title {
background-color: #a62e10;
font-size: 125%;
color: #FFFFFF;
font-family: Rubik;
text-align: center;
}
.portable-infobox .pi-border-color{
border-color: #453d3c;
}
.portable-infobox {
width:270px;
border: 1px solid #a62e10;
border-radius: 4px 4px 2px 2px;
}
.portable-infobox .pi-horizontal-group-item.pi-data-label{
background-color: #312B2A;
}
.portable-infobox .pi-horizontal-group-item.pi-data-value{
background-color: #312B2A;
}