MediaWiki:Common.css: Difference between revisions
The Emma M. Lion Wiki
OrangeJedi (talk | contribs) added colors |
OrangeJedi (talk | contribs) No edit summary |
||
Line 16: | Line 16: | ||
font-family: "Noto Sans Display", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif; | font-family: "Noto Sans Display", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif; | ||
font-weight: 550; | font-weight: 550; | ||
} | |||
.infobox th.misc{ | |||
background-color: #25c4; | |||
} | } | ||
Revision as of 21:01, 6 February 2025
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* infoboxes */
table.infobox {
border: 1px solid #ccc;
background-color: white;
padding: 0.3rem;
border-radius: .5rem;
border-spacing: .2rem;
}
.infobox th{
border-radius: .5rem;
box-shadow: #3c44 0 0 .1rem;
font-family: "Noto Sans Display", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif;
font-weight: 550;
}
.infobox th.misc{
background-color: #25c4;
}
.infobox th.location{
background-color: #c334;
}
.infobox th.organization{
background-color: #c734;
}
.infobox th.character{
background-color: #dc34;
}
.infobox th.book{
background-color: #3c44;
}
.infobox th.object{
background-color: #92c4;
}
.infobox tr{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.infobox td,
.infobox th{
padding: 4px;
}
.infobox tr.title th,
.infobox th.title {
color: #000;
text-align: center;
}
.infobox .key{
width: 15%;
background-color: #25c2;
font-size: 100%;
white-space: nowrap;
text-align: center;
padding-bottom: .15rem;
padding-left: .3rem;
padding-right: .3rem;
border-radius: .3rem;
box-shadow: #25c4 0 0px 1px;
border-spacing: 10px;
font-family: "Noto Sans Display", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif;
font-weight: 550;
}
.infobox.side {
width: 22em;
float: right;
margin-left: 0.5em;
}
@media screen and (max-width: 850px) {
.infobox.side {
width: 100%;
}
}
.infobox td {
font-size: 90%;
text-align: left;
}
/* sytem wide soft changes */
.toc {
border-radius: 1rem;
}
.sidebar-chunk {
border-radius: 1rem;
}
.dropdown {
border-radius: 1rem;
}
#simpleSearch {
border-radius: 1rem;
}
.oo-ui-buttonElement-button {
border-radius: .75rem !important;
}
.oo-ui-inputWidget-input {
border-radius: .75rem !important;
}
.mw-editform .editOptions {
border-radius: 0 0 1rem 1rem;
}
.mw-body h1, .mw-body h2,.mw-body h3,.mw-body h4,.mw-body h5 {
font-family: "Noto Sans Display", 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato',sans-serif;
font-optical-sizing: auto;
font-weight: 350;
font-style: normal;
font-variation-settings: "wdth" 100;
color: #111;
}