Difference between revisions of "MediaWiki:Common.css"

Revision as of 19:12, 7 November 2018

/* 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);
}

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

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

.mainpage-body {
    display: flex;
    flex-flow: row wrap;
}

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

.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;
}