MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

body {
    background: url(/resources/assets/tl-wiki-head.png) #f6f6f6 top left no-repeat; /* Top left bg image */
    font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif;
}


#simpleSearch input {
    background-color: transparent;
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
}

#simpleSearch {
height: 2.485em !important;
}


#p-search form {
    margin: 0;
}

#p-logo {
    margin-bottom: 6em;
}

#p-search {
margin: 0;
}

.vectorTabs ul li {
    background: #eeeeee!important;
}

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

.vector-menu-tabs a {
background-image: none;
}
#mw-page-base {
background:none;
}

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