Difference between revisions of "MediaWiki:Vector.css"

Latest revision as of 20:23, 2 November 2021

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

/* Images should be responsive */
img {
max-width:100%;
height:auto;
}

/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */


    .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: #0645ad;
    text-decoration: none;
	}

	.vector-menu-tabs .selected {
    /* background-image: url(/skins/Vector/resources/skins.vector.styles/images/tab-current-fade.png?22887); */
background-color:#242424;background-image:-moz-linear-gradient(top, #121212 50%, #242424 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #121212), color-stop(100%, #242424));background-image:-webkit-linear-gradient(top, #121212 50%, #242424 100%);background-image:linear-gradient(#121212 50%, #242424 100%)
}

.vector-menu-tabs li {
    /* background-image: url(/skins/Vector/resources/skins.vector.styles/images/tab-normal-fade.png?1cc52); */
    /* background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%); */
    background-position: left bottom;
    background-repeat: repeat-x;
    float: left;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.125em;
    white-space: nowrap;
    background-image: linear-gradient(#242424 50%,#121212 100%);
    background-color: #242424;
}

body{background-color:#121212}div#content{border-color:#250b2d;background-color:#212121;color:#c1c1c1}#mw-panel.collapsible-nav .portal{background-position:left top;background-repeat:no-repeat;background:none;padding:.25em 0 !important;margin:-11px 9px 10px 11px}#mw-panel.collapsible-nav .portal h3{font-size:.75em;color:#7f7f7f;font-weight:normal;background-position:left center;background-repeat:no-repeat;background-image:url('skins/Vector/images/arrow-expanded.png');background-image:-webkit-linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-expanded.svg');background-image:linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-expanded.svg');padding:4px 0 3px 1.5em;margin-bottom:0}#mw-panel.collapsible-nav .portal h3:hover{cursor:pointer;text-decoration:none}#mw-panel.collapsible-nav .portal h3 a{color:#7f7f7f;text-decoration:none}#mw-panel.collapsible-nav .portal .body{margin:0 0 0 1.25em;background-image:none !important;padding-top:0;display:none}#mw-panel.collapsible-nav .portal .body ul li{padding:.25em 0}#mw-panel.collapsible-nav .portal.first{background-image:none;margin-top:0}#mw-panel.collapsible-nav .portal.first h3{display:none}#mw-panel.collapsible-nav .portal.persistent .body{display:block;margin-left:.5em}#mw-panel.collapsible-nav .portal.persistent h3{background-image:none !important;padding-left:.7em;cursor:default}#mw-panel.collapsible-nav .portal.collapsed h3{color:#397b73;background-position:left center;background-repeat:no-repeat;background-image:url('skins/Vector/images/arrow-collapsed-ltr.png');background-image:-webkit-linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-collapsed-ltr.svg');background-image:linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-collapsed-ltr.svg');margin-bottom:0}#mw-panel.collapsible-nav .portal.collapsed h3:hover{text-decoration:underline}#mw-panel.collapsible-nav .portal.collapsed h3 a{color:#397b73}#p-search{float:left;margin-right:.5em;margin-left:.5em}#p-search h3{display:none}#p-search form,#p-search input{margin:0;margin-top:.4em}div#simpleSearch{display:block;width:14em;height:1.4em;margin-top:.65em;position:relative;min-height:1px;border:solid 1px #aaa;color:black;background-color:white;background-image:url('skins/Vector/images/search-fade.png');background-position:top left;background-repeat:repeat-x}div#simpleSearch input{position:absolute;margin:0;padding:0;border:0;background-color:transparent;color:black}div#simpleSearch #searchInput{top:0;left:0;width:90%;padding:.2em 0 .2em .2em;font-size:13px;direction:ltr;-webkit-appearance:textfield}div#simpleSearch #searchInput:focus{outline:none}div#simpleSearch #searchInput.placeholder{color:#999}div#simpleSearch #searchInput:-ms-input-placeholder{color:#999}div#simpleSearch #searchInput:-moz-placeholder{color:#999}div#simpleSearch #searchInput::-webkit-search-decoration,div#simpleSearch #searchInput::-webkit-search-cancel-button,div#simpleSearch #searchInput::-webkit-search-results-button,div#simpleSearch #searchInput::-webkit-search-results-decoration{-webkit-appearance:textfield}div#simpleSearch #searchButton,div#simpleSearch #mw-searchButton{top:0;right:0;width:10%;height:100%;cursor:pointer;text-indent:200%;line-height:1;direction:ltr;white-space:nowrap;overflow:hidden;background-image:url('skins/Vector/images/search-ltr.png');background-image:-webkit-linear-gradient(transparent, transparent),url('skins/Vector/images/search-ltr.svg');background-image:linear-gradient(transparent, transparent),url('skins/Vector/images/search-ltr.svg');background-position:center center;background-repeat:no-repeat}div#simpleSearch #mw-searchButton{z-index:1}div.vectorTabs{background-color:#397b73;background-image:-moz-linear-gradient(top, #242424 50%, #397b73 300%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(300%, #397b73));background-image:-webkit-linear-gradient(top, #242424 50%, #397b73 300%);background-image:linear-gradient(#242424 50%, #397b73 300%)}div.vectorTabs ul{background-color:#397b73;background-image:-moz-linear-gradient(top, #242424 50%, #397b73 300%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(300%, #397b73));background-image:-webkit-linear-gradient(top, #242424 50%, #397b73 300%);background-image:linear-gradient(#242424 50%, #397b73 300%)}div.vectorTabs ul li{background-color:#121212;background-image:-moz-linear-gradient(top, #242424 50%, #121212 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(100%, #121212));background-image:-webkit-linear-gradient(top, #242424 50%, #121212 100%);background-image:linear-gradient(#242424 50%, #121212 100%)}div.vectorTabs li.new a,div.vectorTabs li.new a:visited{color:#ffa500}div.vectorTabs li.selected{background-color:#242424;background-image:-moz-linear-gradient(top, #121212 50%, #242424 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #121212), color-stop(100%, #242424));background-image:-webkit-linear-gradient(top, #121212 50%, #242424 100%);background-image:linear-gradient(#121212 50%, #242424 100%)}div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited{color:#397b73}div.vectorTabs li a{color:#397b73}div.vectorTabs span{background-color:#397b73;background-image:-moz-linear-gradient(top, #242424 50%, #397b73 300%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(300%, #397b73));background-image:-webkit-linear-gradient(top, #242424 50%, #469bdb 300%);background-image:linear-gradient(#242424 50%, #397b73 300%)}div.vectorMenu{background-image:url('skins/Vector/images/arrow-down-icon.png');background-image:-webkit-linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-down-icon.svg');background-image:linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-down-icon.svg')}div.vectorMenuFocus{background-image:url('skins/Vector/images/arrow-down-focus-icon.png');background-image:-webkit-linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-down-focus-icon.svg');background-image:linear-gradient(transparent, transparent),url('skins/Vector/images/arrow-down-focus-icon.svg')}div#mw-head div.vectorMenu h3 span{color:#397b73}div#mw-head div.vectorMenu h3{background-color:#397b73;background-image:-moz-linear-gradient(top, #242424 50%, #397b73 200%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(200%, #469bdb));background-image:-webkit-linear-gradient(top, #242424 50%, #397b73 200%);background-image:linear-gradient(#242424 50%, #397b73 200%)}div#mw-head div.vectorMenu>h3{background-color:#397b73;background-image:-moz-linear-gradient(top, #242424 50%, #397b73 200%)}div.vectorMenu h3 a{background-color:#397b73;background-image:-moz-linear-gradient(top, #242424 50%, #397b73 200%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(200%, #397b73));background-image:-webkit-linear-gradient(top, #242424 50%, #397b73 200%);background-image:linear-gradient(#242424 50%, #397b73 200%)}div.vectorMenu ul{background-color:black;border:solid 1px #0c0c0c}div.vectorMenu li a{color:#397b73}div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{color:#397b73;text-decoration:none}#mw-page-base{background-position:bottom left;background-repeat:repeat-x;background-image:url('skins/Vector/images/page-fade.png');background-color:#121212;background-image:-moz-linear-gradient(top, #242424 50%, #121212 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(100%, #121212));background-image:-webkit-linear-gradient(top, #242424 50%, #121212 100%);background-image:linear-gradient(#242424 50%, #121212 100%);background-color:#242424}div#mw-panel div.portal h3{color:#888}div#mw-panel div.portal div.body{background:none}div#mw-panel div.portal div.body ul li a{color:#397b73}div#mw-panel div.portal div.body ul li a:visited{color:#397b73}div#footer ul li{color:#999;font-size:.7em}.skin-vector .mw-notification-area{font-size:.8em}.skin-vector .mw-notification-area-layout{top:7em}.skin-vector .mw-notification{background-color:#fff;background-color:rgba(255,255,255,0.93);padding:.75em 1.5em;border:solid 1px #250b2d;border-radius:.75em;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.125);box-shadow:0 2px 10px 0 rgba(0,0,0,0.125)}h1,h2,h3,h4,h5,h6{color:#c1c1c1}hr{color:#222}.editOptions{background-color:#242424;border-color:#4c4c4c;color:#c1c1c1}input,textarea{background-color:#4c4c4c;border-color:#4c4c4c;color:#c1c1c1}a,.mw-body a.external,.mw-body a.extiw{color:#397b73}a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{color:#397b73}a.new,#p-personal a.new{color:#ffa500}ul{list-style-image:none}div.thumbinner,.catlinks{background-color:#4c4c4c;border-color:#666}#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#4c4c4c;border-color:#666}code{background-color:inherit}table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre{color:#c1c1c1;background-color:#4c4c4c;border-color:#666}table.mw_metadata th,table.wikitable>*>tr>th{background-color:#595959}table.diff{background-color:#4c4c4c}td .diffchange{color:#4c4c4c}#pagehistory li.selected,td.diff-context{background-color:inherit;color:inherit}#pagehistory li{border:0}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{background-color:rgba(0,0,0,0.8)}div#mw-panel div.portal.first{margin-top: -25px}.libre{font-family:'Libre Baskerville', serif !important}