Difference between revisions of "MediaWiki:Common.css"

Revision as of 00:58, 15 March 2020

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

body {
    background-color: #f6f6f6;
    background-image: url(https://cdn.inspirationhut.net/wp-content/uploads/2014/09/grey-paper-texture.jpg);
    font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif;
}

/* #mw-head {
        background-image: url("https://cdn.inspirationhut.net/wp-content/uploads/2014/09/grey-paper-texture.jpg");
} */

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

.mw-body {
    border-color: transparent;
    box-shadow: 0 0 7px rgba(0,0,0,0.15);
    background-color: #f9f9f9;
}

.mainpage-header {
    display: flex;
    margin: 2.6em 1.75em 1.5em;
}

.mainpage-header .header-stats ul {
    list-style: none;
}

.mainpage-header .header-intro h1 {
    font-size: 2.5em;
}

.mainpage-header .header-stats {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1em;
}

.homepagecont {
    max-width: 75em;
    margin: 0 auto;
}

.mainpage-header .header-intro {
    flex: 2;
}

.shipwrightsays {
    background: #eee;
    border: 1px solid #aaa;
    margin: 0 0 1em 1em;
    padding: 1em;
    max-width: 800px;
    overflow: hidden;
}

.shipwrightsays img {
float: left;
}


.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 250px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: left;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}

.card {
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);
    transition: 0.3s;
    border: 1px solid #e4eaee;
}



.vectorTabs {
    background-color: #f9f9f9;
    background-image: none !important;
}

.vectorTabs li.selected {
    background: #f9f9f9 !important;
}

.vectorTabs ul li {
    background: #f6f6f6;
    background-image: none !important;
}

.vectorTabs span {
    background-image: none !important;
}


#simpleSearch {
    border: none;
    background: #ffffff;
    height: 2.1em;
    margin-top: 0;
    box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}

#simpleSearch #searchInput {
    padding: 1em 0 0 .75em;
}

div.vectorTabs ul li:not(.selected), div#mw-head div.vectorMenu h3 {
    box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}

div.vectorTabs ul li:not(.selected), div#mw-head div.vectorMenu h3 {
    box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}

div.vectorTabs, div.vectorTabs ul, div#mw-head div.vectorMenu h3 {
    background: #f6f6f6;
}

a {
    text-decoration: none;
    color: #0645ad !important;
    background: none;
}

a:visited {
    color: #0b0080;
}