Common.css: Difference between revisions
From SUALEX
No edit summary |
No edit summary |
||
| Line 8: | Line 8: | ||
/* Message box styling */ | /* Message box styling */ | ||
.mbox { | .mbox { | ||
margin: 1em 0; | margin: 1em 0; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-left-width: 10px; | border-left-width: 10px; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
color: #202122; | color: #202122; | ||
width: 100%; | |||
border-collapse: collapse; | |||
font-size: 0.95em; | font-size: 0.95em; | ||
} | |||
.mbox td { | |||
vertical-align: top; | |||
padding: 0.6em 0.8em; | |||
} | } | ||
.mbox-icon { | .mbox-icon { | ||
width: 2.5em; | |||
text-align: center; | |||
font-size: 1.4em; | |||
font-size: 1. | padding-top: 0.6em; | ||
} | |||
.mbox-content { | |||
padding-right: 1em; | |||
} | } | ||
| Line 38: | Line 43: | ||
.mbox-error { border-left-color: #d33; background-color: #fff6f6; } | .mbox-error { border-left-color: #d33; background-color: #fff6f6; } | ||
.mbox-success { border-left-color: #14866d; background-color: #f4fbf9; } | .mbox-success { border-left-color: #14866d; background-color: #f4fbf9; } | ||
/* Responsive, horizontally scrollable table */ | /* Responsive, horizontally scrollable table */ | ||
Revision as of 05:23, 29 January 2026
/* CSS placed here will be applied to all skins */
/* Term styling */
.value-term {
font-weight: bold !important;
}
/* Message box styling */
.mbox {
margin: 1em 0;
border: 1px solid #a2a9b1;
border-left-width: 10px;
background-color: #f8f9fa;
color: #202122;
width: 100%;
border-collapse: collapse;
font-size: 0.95em;
}
.mbox td {
vertical-align: top;
padding: 0.6em 0.8em;
}
.mbox-icon {
width: 2.5em;
text-align: center;
font-size: 1.4em;
padding-top: 0.6em;
}
.mbox-content {
padding-right: 1em;
}
.mbox-title {
font-weight: bold;
margin-bottom: 0.3em;
}
.mbox-info { border-left-color: #36c; }
.mbox-warning { border-left-color: #f28500; background-color: #fffaf3; }
.mbox-error { border-left-color: #d33; background-color: #fff6f6; }
.mbox-success { border-left-color: #14866d; background-color: #f4fbf9; }
/* Responsive, horizontally scrollable table */
@media (max-width: 720px) {
.wikitable {
display: block;
overflow-x: auto;
width: 100%;
}
}