MediaWiki:Common.css: Difference between revisions

From Inferris
Jump to navigation Jump to search
No edit summary
No edit summary
Line 7: Line 7:


.information-box {
.information-box {
flex-direction: column;
     align-items: center;  /* Align the icon and text vertically */
     align-items: center;  /* Align the icon and text vertically */
     border: 1px solid #f5c842;  /* Thinner orange border */
     border: 1px solid #f5c842;  /* Thinner orange border */

Revision as of 20:48, 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 {
	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-box2 {
    width: 50%;  /* Set a width for the box */
    border: 1px solid orange;  /* Orange border */
    background-color: #f9f9f9;  /* Light background color */
    padding: 10px;  /* Space inside the box */
    font-family: Arial, sans-serif;  /* Similar font */
    font-size: 14px;  /* Adjust font size to match */
    border-radius: 4px;  /* Rounded corners */
    margin: 10px auto;  /* Centering with auto margin */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);  /* Light shadow for depth */
    text-align: center;  /* Optional: Center the text inside the box */
}

.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;

}