1,112
edits
Happy 11th anniversary, screamer wiki!
MediaWiki:Vector.css: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* 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 */ | |||
/* Infobox label */ | |||
.portable-infobox .pi-data-label { | |||
background-color: #FFE4E1; | |||
flex: 0 0 30%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
padding: 5px; | |||
font-weight: bold; | |||
color: black; | |||
} | |||
/* Infobox data */ | |||
.portable-infobox .pi-data { | |||
font-weight: bold; | |||
color: black; | |||
padding: 5px 10px; | |||
background-color: #FFF5EE; | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
} | |||
/* 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; | |||
} | |||
/* 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; | |||
} | |||
.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; | |||
} | |||
