MediaWiki:Common.css: Difference between revisions

From Inferris
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;  /* Left-align all content */
     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;

}