Difference between revisions of "MediaWiki:Vector.css"

Revision as of 05:03, 28 April 2020

/* CSS placed here will affect users of the Vector skin */

body {
    background: #E0E0E0;
}

div#mw-panel div.portal h3 {
    color: #181818;
}

#mw-page-base{
	background:none;
}

div#content {
    background: #FFFFFF;
    color: #181818;
    box-shadow: 0px 0px 10px -5px #000000;
    border:none;
}

/**********************************************
**
**		VECTOR TABS
**
**********************************************/

div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li a:visited, div.vectorTabs li a:visited span{
	color:#373737 !important;
	border:none;
}

.vectorTabs ul{
	border:none;
}

div.vectorTabs ul li.selected {
    background: #FFFFFF;
    color: #181818;
    box-shadow: 0 -3px 9px -7px #000000;
    border-top: 2px solid #cc0000;
    position: relative;
    font-weight:500;
}

.vectorTabs ul li.selected a{
	color:#181818;
}

.vectorTabs a:hover, .vectorTabs a:focus{
	box-shadow:none;
}

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

.vectorTabs, .vectorTabs ul, #mw-head .vectorMenu h3, div.vectorTabs ul li, .vectorMenu .menu {
    background: #F0F0F0;
    transition: .1s ease-in-out;
}

.vectorTabs li:hover {
    box-shadow: 0 -3px 9px -7px #000000;
    background: #fafafa;
}

.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{
	background-image:none;
	border-bottom:none;
}

.vectorMenu {
    line-height: initial;
}

.vectorMenu h3 span {
    padding-top: 1.1em;
}

.vectorMenu .menu {
    border: 1px solid #DDD;
    box-shadow: 0 7px 7px -3px rgba(0,0,0,0.5);
}

/**********************************************
**
**		SEARCH
**
**********************************************/

#p-search {
    margin: 0;
}

#p-search form {
    margin-top: 0;
}

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

div#simpleSearch #searchInput {
    font-family: Roboto Slab;
    padding: 0.8em;
    width:100%;
    border:none;
}

div#simpleSearch #searchButton {
    width: 2.5em;
}

/**********************************************
**
**		ARTICLES
**
**********************************************/

.mw-body .firstHeading {
    overflow: visible;
    text-transform: uppercase;
    font-family: Segoe UI;
    border-bottom: none;
    display: inline-block;
    clear: both;
}

h1#firstHeading::after {
    content: '';
    background: #cc0000;
    width: 100%;
    height: 2px;
    display: block;
    margin-top: -0.1em;
}

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

.catlinks {
    background: #E0E0E0;
    border: none;
    box-shadow: 0 0 4px -1px #000000;
    color: #181818;
}

/**********************************************
**
**		FOOTER
**
**********************************************/

div#footer ul li {
    color: #181818;
}