Master-Brent (talk | contribs) No edit summary |
Master-Brent (talk | contribs) No edit summary |
||
Line 2: | Line 2: | ||
.dark-infobox { | .dark-infobox { | ||
background-color: #2F4F4F; /* Dark Slate Gray */ | background-color: #2F4F4F; /* Dark Slate Gray */ | ||
border: 3px solid # | border: 3px solid #7C0000; /* Lighter brown for the border */ | ||
border-radius: 10px; | border-radius: 10px; | ||
width: 320px; /* Adjust as needed */ | width: 320px; /* Adjust as needed */ | ||
Line 13: | Line 13: | ||
.dark-infobox-title { | .dark-infobox-title { | ||
background-color: # | background-color: #7C0000; /* Same as border */ | ||
padding: 10px; | padding: 10px; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
Line 33: | Line 33: | ||
padding: 5px; | padding: 5px; | ||
background-color: #3b3024; /* Darker brown */ | background-color: #3b3024; /* Darker brown */ | ||
border-right: 1px solid # | border-right: 1px solid #7C0000; /* Border between label and value */ | ||
width: 40%; /* Adjust the label width */ | width: 40%; /* Adjust the label width */ | ||
} | } |
Revision as of 19:49, 6 June 2024
/* Dark-themed Infobox Styles */
.dark-infobox {
background-color: #2F4F4F; /* Dark Slate Gray */
border: 3px solid #7C0000; /* Lighter brown for the border */
border-radius: 10px;
width: 320px; /* Adjust as needed */
color: #fff;
font-family: 'Georgia', serif;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
margin: 10px;
float: right; /* Float the infobox to the right */
}
.dark-infobox-title {
background-color: #7C0000; /* Same as border */
padding: 10px;
font-size: 1.5em;
text-align: center;
font-weight: bold;
color: #FFFFFF;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.dark-infobox-image {
text-align: center;
padding: 10px;
background-color: #3b3024; /* Darker brown */
}
.dark-infobox-label {
font-weight: bold;
padding: 5px;
background-color: #3b3024; /* Darker brown */
border-right: 1px solid #7C0000; /* Border between label and value */
width: 40%; /* Adjust the label width */
}
.dark-infobox-value {
padding: 5px;
background-color: #2F4F4F; /* Dark Slate Gray */
}
.dark-infobox td {
border-bottom: 1px solid #5c4739; /* Row separation */
}
.dark-infobox a {
color: #ffcc66; /* Light brown/gold */
text-decoration: none;
}
.dark-infobox a:hover {
color: #ffa500; /* Orange */
text-decoration: underline;
}