Difference between revisions of "MediaWiki:Common.css"

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

/* CSS placed here will be applied to all skins */

#content { 
	background-color: #303030; 
	color: #afafaf;
}
.mw-body-content a:link {color: #afafaf}
.mw-body-content a:visited {color: #afafaf}
.mw-body-content a:hover {color: #dfdfdf}
.mw-body-content a:active {color: #dfdfdf}

#content h1,h2,h3,h4,h5,h6 { 
	color: #dfdfdf; 
}

#footer { 
	background-color: #303030; 
}

#bodyContent { 
	background-color: #303030; 
}

body { 
	background-color: #303030; 
}

#catlinks { 
	background-color: #616161; 
	color: #DFDFDF;
}

#mw-head-base { 
	background-color: #303030; 
}

#p-tb { 
	background-color: #303030; 
}

#mw-panel { 
	background-color: #303030; 
}