MediaWiki:Common.css

From Inferris
Revision as of 20:53, 5 September 2024 by Azzy (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;

}