MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
.information-box { | .information-box { | ||
display: flex; | |||
flex-direction: column; | |||
align-items: center; /* | align-items: center; /* Center the content horizontally */ | ||
border: 1px solid #f5c842; /* Thinner orange border */ | border: 1px solid #f5c842; /* Thinner orange border */ | ||
background-color: #f9f9f9; /* Light background color */ | background-color: #f9f9f9; /* Light background color */ | ||
| Line 18: | Line 18: | ||
margin: 10px auto; /* Center the box */ | margin: 10px auto; /* Center the box */ | ||
max-width: 800px; /* Adjust width */ | max-width: 800px; /* Adjust width */ | ||
text-align: left; /* Ensure text is left-aligned */ | |||
} | |||
.information-box div { | |||
width: 100%; /* Make sure the inner content takes full width */ | |||
} | } | ||
.information-box2 { | .information-box2 { | ||
display: flex; | |||
border: 1px solid | flex-direction: column; | ||
align-items: center; /* Align the icon and text vertically */ | |||
border: 1px solid #f5c842; /* Thinner orange border */ | |||
background-color: #f9f9f9; /* Light background color */ | background-color: #f9f9f9; /* Light background color */ | ||
padding: | padding: 8px 12px; /* Adjusted padding */ | ||
font-family: | font-family: sans-serif; /* Similar font to the example */ | ||
font-size: | font-size: 15px; /* Adjust font size */ | ||
border-radius: 4px; /* | border-radius: 4px; /* Slightly rounded corners */ | ||
margin: 10px auto; /* | margin: 10px auto; /* Center the box */ | ||
max-width: 800px; /* Adjust width */ | |||
} | } | ||
Revision as of 20:53, 5 September 2024
/* CSS placed here will be applied to all skins */
.hatnote {
margin-left: 10px; /* Adjust the value as needed for indentation */
font-style: italic;
}
.information-box {
display: flex;
flex-direction: column;
align-items: center; /* Center the content horizontally */
border: 1px solid #f5c842; /* Thinner orange border */
background-color: #f9f9f9; /* Light background color */
padding: 8px 12px; /* Adjusted padding */
font-family: sans-serif; /* Similar font to the example */
font-size: 15px; /* Adjust font size */
border-radius: 4px; /* Slightly rounded corners */
margin: 10px auto; /* Center the box */
max-width: 800px; /* Adjust width */
text-align: left; /* Ensure text is left-aligned */
}
.information-box div {
width: 100%; /* Make sure the inner content takes full width */
}
.information-box2 {
display: flex;
flex-direction: column;
align-items: center; /* Align the icon and text vertically */
border: 1px solid #f5c842; /* Thinner orange border */
background-color: #f9f9f9; /* Light background color */
padding: 8px 12px; /* Adjusted padding */
font-family: sans-serif; /* Similar font to the example */
font-size: 15px; /* Adjust font size */
border-radius: 4px; /* Slightly rounded corners */
margin: 10px auto; /* Center the box */
max-width: 800px; /* Adjust width */
}
.information-box strong {
color: #d35400; /* Orange text color for the 'updated' part */
}
.information-box a {
color: #007bff; /* Link color (blue) */
text-decoration: none;
}
.information-box a:hover {
text-decoration: underline; /* Underline links on hover */
}
.shortdescription {
display:block !important;
white-space: pre-wrap;
display: none !important;
}