Thank you for visiting SotAwiki, a Shroud of the Avatar Wiki Encyclopedia. If you see any information that is outdated, please take the time to update it, or if you prefer, leave a message for other editors. This community wiki is for the benefit of all Avatars!

MediaWiki:Vector.css

From Shroud of the Avatar Wiki - SotA
Jump to navigation Jump to search

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.
/* Images should be responsive */
img {
max-width:100%;
height:auto;
}

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

     #mw-panel {
        top: 8px !important;
     }

     #p-logo a {
        height: 80px;
     }

     #p-logo {
        height: 80px;
     }

     #ca-watch.icon a, #ca-unwatch.icon a {
        margin-top: 0px !important;
     }

     .vector-menu-tabs li a {
        color: #469bdb;
     }

     .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
        font-size: 12px !important;
        color: #469bdb;
        text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black;
        background-image: none;
     }

     .vector-menu-tabs .selected {
        background: none;
     }
    .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
        font-size: 12px !important;
	color: #469bdb;
        text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black;
        text-decoration: none;
        background-image: none;
	}

    .vector-menu-tabs .selected {
        font-size: 12px !important;
        text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black;
        background-image: none;
}

.vector-menu-tabs li {
    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: none;
}

.portal .body li a:any-link, .vector-menu-portal .body li a:any-link, .vector-menu-content-list a:any-link {
    font-size: 12px !important;
	color: #469bdb;
        text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black;
        text-decoration: none;
        background-image: none;
	}

body{background-color:#121212}div#content{border-color:#250b2d;background-color:#242424;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:#469bdb;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:#469bdb}#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-position:top left;background-repeat:repeat-x;background-color:#030303}div#simpleSearch input{position:absolute;margin:0;padding:0;border:0;background-color:transparent;color:#a2a9b1}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-position:center center;background-repeat:no-repeat}div#simpleSearch #mw-searchButton{z-index:1}div.vectorTabs{background-color:#469bdb;background-image:-moz-linear-gradient(top, #242424 50%, #469bdb 300%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(300%, #469bdb));background-image:-webkit-linear-gradient(top, #242424 50%, #469bdb 300%);background-image:linear-gradient(#242424 50%, #469bdb 300%)}div.vectorTabs ul{background-color:#469bdb;background-image:-moz-linear-gradient(top, #242424 50%, #469bdb 300%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(300%, #469bdb));background-image:-webkit-linear-gradient(top, #242424 50%, #469bdb 300%);background-image:linear-gradient(#242424 50%, #469bdb 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:#d44}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:#3366ff}div.vectorTabs li a{color:#469bdb}div.vectorTabs span{background-color:#469bdb;background-image:-moz-linear-gradient(top, #242424 50%, #469bdb 300%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #242424), color-stop(300%, #469bdb));background-image:-webkit-linear-gradient(top, #242424 50%, #469bdb 300%);background-image:linear-gradient(#242424 50%, #469bdb 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:#469bdb}div#mw-head div.vectorMenu h3{background-color:#469bdb;background-image:-moz-linear-gradient(top, #242424 50%, #469bdb 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%, #469bdb 200%);background-image:linear-gradient(#242424 50%, #469bdb 200%)}div#mw-head div.vectorMenu>h3{background-color:#469bdb;background-image:-moz-linear-gradient(top, #242424 50%, #469bdb 200%)}div.vectorMenu h3 a{background-color:#469bdb;background-image:-moz-linear-gradient(top, #242424 50%, #469bdb 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%, #469bdb 200%);background-image:linear-gradient(#242424 50%, #469bdb 200%)}div.vectorMenu ul{background-color:black;border:solid 1px #0c0c0c}div.vectorMenu li a{color:#469bdb}div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{color:#3366ff;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:#469bdb}div#mw-panel div.portal div.body ul li a:visited{color:#3366ff}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}input,textarea{background-color:#4c4c4c;border-color:#4c4c4c;color:#c1c1c1}a,.mw-body a.external,.mw-body a.extiw{color:#469bdb}a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{color:#3366ff}a.new,#p-personal a.new{color:#d44}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)}