Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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; |
− | background-color: # | + | 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; | ||
} | } |
Revision as of 01:24, 26 September 2020
/* 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;
}