No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.infobox { | .infobox { | ||
background-color: #333; /* Dark background color */ | |||
color: #ddd; /* Light text color */ | |||
border: 1px solid #555; /* Border color */ | |||
border: 1px solid # | padding: 10px; | ||
padding: | margin: 10px 0; | ||
border-radius: 8px; | |||
} | } | ||
.infobox .header { | .infobox .header { | ||
background-color: #444; /* Darker background for header */ | |||
color: #fff; /* White text color for header */ | |||
font-size: 1.2em; | |||
padding: 5px; | padding: 5px; | ||
border-radius: 8px 8px 0 0; | |||
} | } | ||
.infobox .field { | .infobox .field { | ||
display: flex; | |||
margin: 5px 0; | |||
} | } | ||
.infobox | |||
.infobox .label { | |||
flex: 1; | |||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.infobox . | |||
.infobox .value { | |||
flex: 2; | |||
} | |||
.infobox .image img { | |||
border: 1px solid #555; /* Border for image */ | |||
border-radius: 5px; | |||
} | } |
Revision as of 05:18, 20 May 2024
.infobox { background-color: #333; /* Dark background color */ color: #ddd; /* Light text color */ border: 1px solid #555; /* Border color */ padding: 10px; margin: 10px 0; border-radius: 8px; } .infobox .header { background-color: #444; /* Darker background for header */ color: #fff; /* White text color for header */ font-size: 1.2em; padding: 5px; border-radius: 8px 8px 0 0; } .infobox .field { display: flex; margin: 5px 0; } .infobox .label { flex: 1; font-weight: bold; } .infobox .value { flex: 2; } .infobox .image img { border: 1px solid #555; /* Border for image */ border-radius: 5px; }