MediaWiki:Common.css: Difference between revisions
From RuneTails
RTWikiAdmin (talk | contribs) Created page with "→CSS placed here will be applied to all skins: .portable-infobox p { margin: 0px; }" |
RTWikiAdmin (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.portable-infobox { | |||
background-color: #f4f4f4; | |||
border: 2px solid #ddd; | |||
border-radius: 10px; | |||
padding: 10px 0; | |||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); | |||
transition: all 0.3s ease; | |||
} | |||
.portable-infobox p { | .portable-infobox p { | ||
margin: | margin: 0; | ||
} | |||
.portable-infobox .pi-title { | |||
font-size: 18px; | |||
font-weight: 600; | |||
text-align: center; | |||
color: #444; | |||
margin-bottom: 12px; | |||
text-transform: none; | |||
} | |||
.portable-infobox .pi-data { | |||
font-size: 15px; | |||
color: #666; | |||
line-height: 1.6; | |||
} | |||
.portable-infobox .pi-image { | |||
max-width: 100%; | |||
border-radius: 8px; | |||
margin-bottom: 12px; | |||
transition: transform 0.3s ease; | |||
} | |||
.portable-infobox .pi-image:hover { | |||
transform: scale(1.05); | |||
} | |||
.portable-infobox .pi-label { | |||
font-weight: 500; | |||
color: #777; | |||
margin-top: 8px; | |||
} | |||
.portable-infobox .pi-label span { | |||
font-weight: bold; | |||
color: #333; | |||
} | |||
.portable-infobox .pi-section-header { | |||
font-size: 16px; | |||
font-weight: 700; | |||
color: #444; | |||
text-transform: uppercase; | |||
border-bottom: 2px solid #ccc; | |||
margin-bottom: 10px; | |||
padding-bottom: 5px; | |||
} | |||
.portable-infobox .pi-caption { | |||
font-style: italic; | |||
color: #888; | |||
margin-bottom: 15px; | |||
} | |||
.portable-infobox .pi-data-label { | |||
min-width: 50%; | |||
} | |||
.portable-infobox .pi-data-value { | |||
text-align: right; | |||
} | |||
.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background { | |||
text-align: center; | |||
} | |||
.pi-item.pi-item-spacing.pi-title { | |||
font-weight: bold; | |||
font-size: 18px; | |||
} | |||
.image-url img { | |||
max-width: 50px; | |||
max-height: 50px; | |||
object-fit: contain; | |||
} | } | ||
Revision as of 01:54, 13 February 2025
/* CSS placed here will be applied to all skins */
.portable-infobox {
background-color: #f4f4f4;
border: 2px solid #ddd;
border-radius: 10px;
padding: 10px 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.portable-infobox p {
margin: 0;
}
.portable-infobox .pi-title {
font-size: 18px;
font-weight: 600;
text-align: center;
color: #444;
margin-bottom: 12px;
text-transform: none;
}
.portable-infobox .pi-data {
font-size: 15px;
color: #666;
line-height: 1.6;
}
.portable-infobox .pi-image {
max-width: 100%;
border-radius: 8px;
margin-bottom: 12px;
transition: transform 0.3s ease;
}
.portable-infobox .pi-image:hover {
transform: scale(1.05);
}
.portable-infobox .pi-label {
font-weight: 500;
color: #777;
margin-top: 8px;
}
.portable-infobox .pi-label span {
font-weight: bold;
color: #333;
}
.portable-infobox .pi-section-header {
font-size: 16px;
font-weight: 700;
color: #444;
text-transform: uppercase;
border-bottom: 2px solid #ccc;
margin-bottom: 10px;
padding-bottom: 5px;
}
.portable-infobox .pi-caption {
font-style: italic;
color: #888;
margin-bottom: 15px;
}
.portable-infobox .pi-data-label {
min-width: 50%;
}
.portable-infobox .pi-data-value {
text-align: right;
}
.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
text-align: center;
}
.pi-item.pi-item-spacing.pi-title {
font-weight: bold;
font-size: 18px;
}
.image-url img {
max-width: 50px;
max-height: 50px;
object-fit: contain;
}