MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
border-radius: 4px; /* Rounded corners */ | border-radius: 4px; /* Rounded corners */ | ||
margin: 10px auto; /* Center the box horizontally */ | margin: 10px auto; /* Center the box horizontally */ | ||
max-width: 800px; /* Set width for the box */ | max-width: 800px; /* Set maximum width for the box */ | ||
text-align: left; /* | text-align: left; /* Keep the text left-aligned and flowing naturally */ | ||
} | } | ||
Revision as of 20:58, 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 {
border: 1px solid #f5c842; /* Orange border */
background-color: #f9f9f9; /* Light background color */
padding: 8px 12px; /* Adjusted padding */
font-family: sans-serif; /* Font style */
font-size: 15px; /* Adjust font size */
border-radius: 4px; /* Rounded corners */
margin: 10px auto; /* Center the box horizontally */
max-width: 800px; /* Set maximum width for the box */
text-align: left; /* Keep the text left-aligned and flowing naturally */
}
.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;
}