Common.css: Difference between revisions
From SUALEX
No edit summary |
No edit summary |
||
| (32 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
. | /* Font */ | ||
body { | |||
font-family: "Noto Sans", "Liberation Sans", sans-serif; | |||
} | |||
/* Term styling */ | |||
.mention-term { | |||
font-weight: bold !important; | font-weight: bold !important; | ||
} | } | ||
/* Cited source styling */ | |||
.cited { | |||
display: block; | |||
margin-left: 0; | |||
padding-left: 1.6em; | |||
text-indent: -1.6em; | |||
} | |||
/* Table pager styling */ | |||
.table-pager { | |||
font-size: 0.9em; | |||
color: dimgrey; | |||
} | |||
.pager-prev, | |||
.pager-next { | |||
padding: 0.4em 0.6em; | |||
font-size: 0.6em; | |||
cursor: pointer; | |||
} | |||
.pager-prev:disabled, | |||
.pager-next:disabled { | |||
cursor: default; | |||
opacity: 0.3; | |||
} | |||
/* Message box styling */ | |||
.mbox { | |||
margin: 1em 0; | |||
padding: 0.6em 1em; | |||
border: 1px solid #a2a9b1; | |||
border-left-width: 10px; | |||
background-color: #f8f9fa; | |||
color: #202122; | |||
font-size: 0.95em; | |||
line-height: 1.4; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | |||
.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) { | @media (max-width: 720px) { | ||
.wikitable { | |||
display: block; | display: block; | ||
overflow-x: auto; | overflow-x: auto; | ||
Latest revision as of 03:33, 31 January 2026
/* CSS placed here will be applied to all skins */
/* Font */
body {
font-family: "Noto Sans", "Liberation Sans", sans-serif;
}
/* Term styling */
.mention-term {
font-weight: bold !important;
}
/* Cited source styling */
.cited {
display: block;
margin-left: 0;
padding-left: 1.6em;
text-indent: -1.6em;
}
/* Table pager styling */
.table-pager {
font-size: 0.9em;
color: dimgrey;
}
.pager-prev,
.pager-next {
padding: 0.4em 0.6em;
font-size: 0.6em;
cursor: pointer;
}
.pager-prev:disabled,
.pager-next:disabled {
cursor: default;
opacity: 0.3;
}
/* Message box styling */
.mbox {
margin: 1em 0;
padding: 0.6em 1em;
border: 1px solid #a2a9b1;
border-left-width: 10px;
background-color: #f8f9fa;
color: #202122;
font-size: 0.95em;
line-height: 1.4;
max-width: 100%;
box-sizing: border-box;
}
.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%;
}
}