Difference between revisions of "MediaWiki:Common.css"

From Sim Central
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{
#content {  
+
    font-size: 15px;
background-color: #303030;
 
color: #afafaf;
 
 
}
 
}
.mw-body-content a:link {color: #afafaf}
+
h1{
.mw-body-content a:visited {color: #afafaf}
+
    font-family: Roboto, sans-serif;
.mw-body-content a:hover {color: #dfdfdf}
+
    text-transform: uppercase;
.mw-body-content a:active {color: #dfdfdf}
+
    color: #d3a92d;
 
+
    font-style: italic;
#content h1,h2,h3,h4,h5,h6 {
+
    font-size: 35px;
color: #dfdfdf;  
 
 
}
 
}
 
+
h2,h3,h4{
#footer {
+
    font-family: Roboto, sans-serif;
background-color: #303030;  
+
    text-transform: uppercase;
 +
    color: #2864a8;
 +
    font-style: italic;
 
}
 
}
 
+
h2 { font-size: 30px; }
#bodyContent {  
+
h3 { font-size: 25px; }
background-color: #303030;  
+
h3 { font-size: 20px; }
 +
.toctitle h2{
 +
    font-size: 20px;
 +
    margin: 0;
 
}
 
}
 
+
dl, dl dd dl{
body {  
+
    margin-top: 0;
background-color: #303030;  
 
 
}
 
}
 
+
dl dd {
#catlinks {  
+
    margin-bottom: 0 !important;
background-color: #616161;
 
color: #DFDFDF;
 
 
}
 
}
 
+
.icons p{
#mw-head-base {  
+
    float:right;
background-color: #303030;  
 
 
}
 
}
 
+
table.wikitable{
#p-tb {  
+
    width: auto;
background-color: #303030;  
 
 
}
 
}
 
+
.infobox{
#mw-panel {  
+
    width: 350px;
background-color: #303030;  
+
    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;
}