MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
p{
font-size: 15px;
}
h1{
font-family: Roboto, sans-serif;
text-transform: uppercase;
color: #d3a92d;
font-style: italic;
font-size: 35px;
}
h2,h3,h4{
font-family: Roboto, sans-serif;
text-transform: uppercase;
color: #2864a8;
font-style: italic;
}
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h3 { font-size: 20px; }
.toctitle h2{
font-size: 20px;
margin: 0;
}
dl, dl dd dl{
margin-top: 0;
}
dl dd {
margin-bottom: 0 !important;
}
.icons p{
float:right;
}
table.wikitable{
width: auto;
}
.infobox{
width: 350px;
float: right;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
margin: 0px 0px 30px 30px;
border-radius: 13px;
}
.infobox p{
margin: 0;
font-size: 14px;
}
ul{
font-size: 14px;
}
.infobox .infobox-link a{
color: #fff;
}
.box-head a{
color: #755a0b;
}
.sitemap p {
font-size:14px;
margin: 0;
}
.top-bar {
background: #fff;
border-bottom: 3px solid #d2a92c;
padding: 10px 50px;
}
.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section .has-form {
background: #fff;
color: #000;
}
.top-bar input {
display: inline;
height: 40px;
width: 250px;
border-radius: 5px;
border: 0px;
background: #f1f1f1;
}
.top-bar .button.search{
display: none;
}
.title-name {
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-style: italic;
color: #2864a8;
font-size: 21px;
text-transform: uppercase;
}
.top-bar-section .has-dropdown > a:after {
border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
}
#catlinks {
border: 2px solid #d2a92c;
padding: 15px 20px;
border-radius: 10px;
margin-top: 20px;
}
a#actions-button {
float: right;
z-index: 499;
font-family: sans-serif;
}
a#actions-button span {
font-family: 'Roboto', sans-serif;
}
button.secondary, .button.secondary {
background-color: #efc74e94;
border-color: #efc74e94;
color: #4a3800;
font-weight: bold;
text-transform: uppercase;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
background-color: #efc74e;
}
.top-bar .toggle-topbar.menu-icon a span::after {
box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
}
.top-bar .toggle-topbar.menu-icon a {
color: #000000;
}
.top-bar.expanded .title-area {
background: #ffffff;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #ececec;
color: #444444;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background-color: #dadada;
color: #000000;
background: #dadada;
}
.top-bar-section .dropdown {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
#toc, .toc {
border-radius: 5px;
}
#toctitle h2 {
font-size: 1.5rem;
}
@media only screen and (max-width: 750px) {
.top-bar {
padding: 0;
}