MediaWiki:Common.css

/* 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-left: 8px solid #f5c842;  /* Orange vertical line on the left */
    padding: 8px 12px;  /* Adjusted padding */
    background-color: #f9f9f9;  /* Light background color */
    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 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow */
    display: block;  /* Ensure the element behaves like a block-level element */
}



.information-box-unused {
	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;

}