MediaWiki:Common.css: Difference between revisions
The Emma M. Lion Wiki
OrangeJedi (talk | contribs) infobox mobile fix |
OrangeJedi (talk | contribs) added border-radius |
||
Line 3: | Line 3: | ||
/* infoboxes */ | /* infoboxes */ | ||
table.infobox { | table.infobox { | ||
border: 1px solid #ccc; | |||
background-color: white; | |||
padding: 0.3rem; | |||
border-radius: .5rem; | |||
} | } | ||
.infobox th{ | .infobox th{ | ||
background-color: rgba(179,36,36,.16); | |||
border-radius: .5rem; | |||
box-shadow: #3c44 0 0 .1rem; | |||
} | } | ||
.infobox tr{ | .infobox tr{ | ||
border-left: 1px solid #ccc; | |||
border-right: 1px solid #ccc; | |||
} | } | ||
.infobox td, | .infobox td, | ||
.infobox th{ | .infobox th{ | ||
padding: 4px; | |||
} | } | ||
.infobox tr.title th, | .infobox tr.title th, | ||
.infobox th.title { | .infobox th.title { | ||
color: #000; | |||
text-align: center; | |||
} | } | ||
.infobox .key{ | .infobox .key{ | ||
width: 15%; | width: 15%; | ||
background-color: | background-color: #25c2; | ||
font-size: 100%; | font-size: 100%; | ||
white-space: nowrap; | white-space: nowrap; | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
padding-bottom: | padding-bottom: .15rem; | ||
padding-left: | padding-left: .3rem; | ||
padding-right: | padding-right: .3rem; | ||
border-radius: .3rem; | |||
box-shadow: #25c4 0 0px 1px; | |||
border-spacing: 10px; | |||
} | } | ||
.infobox.side { | .infobox.side { | ||
width: 22em; | |||
float: right; | |||
margin-left: 0.5em; | |||
} | } | ||
Line 52: | Line 59: | ||
.infobox td { | .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; | |||
} | |||
.oo-ui-inputWidget-input { | |||
border-radius: .75rem; | |||
} | |||
.mw-editform .editOptions { | |||
border-radius: 0 0 1rem 1rem; | |||
} | } |
Revision as of 20:16, 6 February 2025
/* CSS placed here will be applied to all skins */
/* infoboxes */
table.infobox {
border: 1px solid #ccc;
background-color: white;
padding: 0.3rem;
border-radius: .5rem;
}
.infobox th{
background-color: rgba(179,36,36,.16);
border-radius: .5rem;
box-shadow: #3c44 0 0 .1rem;
}
.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;
font-weight: bold;
padding-bottom: .15rem;
padding-left: .3rem;
padding-right: .3rem;
border-radius: .3rem;
box-shadow: #25c4 0 0px 1px;
border-spacing: 10px;
}
.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;
}
.oo-ui-inputWidget-input {
border-radius: .75rem;
}
.mw-editform .editOptions {
border-radius: 0 0 1rem 1rem;
}