Main Page
Difference between revisions of "User:SynthSy/vector-mod.css"
Jump to navigation
Jump to search
Line 67: | Line 67: | ||
div.vectorTabs { | div.vectorTabs { | ||
background: none; | background: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li a:visited { | ||
+ | color: #989898; | ||
} | } | ||
Revision as of 14:48, 9 June 2019
body { background-image: url("/skins/Vector/images/bg-1080.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: right top; background-size: cover; } /* Logo */ #mw-panel #p-logo .mw-wiki-logo { background-image: url('https://pso2.arks-visiphone.com/images/logo.png'); background-color: transparent; } /* Link Colors */ div#mw-panel div.portal div.body ul li a { color: white; text-shadow: 0 0 0.2em black, 0 0 0.2em black; } div#mw-panel div.portal div.body ul li a:visited { color: #989898;text-shadow: 0 0 0.2em black, 0 0 0.2em black; } div#mw-panel div.portal h3 { color: #FFFFFF;text-shadow: 0 0 0.2em black, 0 0 0.2em black; } #mw-panel.collapsible-nav .portal.collapsed h3 a { color: rgb(250,250,250); } #mw-panel.collapsible-nav .portal h3 a { color: rgb(250,250,250); text-decoration: none; } a { color: white; } a:visited { color: #989898; } /*Header*/ #mw-head-base.noprint { margin-top: -13em!important; } div#mw-page-base { background: none; height: 200px; background-position: center,top; background-repeat: no-repeat,repeat-x; background-size: auto 200px; } div#mw-panel { background: rgba(12,12,12,0.90); } div.vectorTabs { background: none; } div.vectorTabs li a { color: white; } div.vectorTabs li a:visited { color: #989898; } div.vectorTabs ul li { background-image: none; background-color: rgba(0,0,0,0.3); } div.vectorTabs li.selected { background-image: none; background-color: rgba(12,12,12,0.90); } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #FFFFFF; text-shadow: 0 0 0.2em black, 0 0 0.2em black; } div.vectorTabs > span, div.vectorTabs span { background-image: none; } div.vectorTabs > ul, div.vectorTabs ul { background-image: none; } div#mw-head div.vectorMenu > h3, div#mw-head div.vectorMenu h3 { background-image: none; } div.vectorMenu div.menu { background-color: rgba(255,255,255,0.3); } div.vectorMenu div.menu a:hover { background-color: rgba(255,255,255,0.6); } /* Content body*/ .mw-body { background-color: rgba(12,12,12,0.90); border:none; color: rgba(250,250,250,1); } h1.firstHeading { color: white; } h1, h2, h3, h4, h5, h6 { color: white; } .editOptions { background-color: transparent; border: none; } #toc, .toc, .mw-warning, .toccolours { background-color: transparent; } .tocnumber { color: #7d7d7d; } .mw-body-content h2 { color: white; } .editOptions { background-color: transparent; border: none; } .smw-editpage-help { background-color: transparent; } table.wikitable { background-color: transparent!important; color: white; } table.wikitable th, table.prettytable th { background: none; } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: transparent; } /* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */ /* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */ .jquery-tablesorter > thead, .jquery-tablesorter > tfoot, .mw-sticky-header > thead, .mw-sticky-header > tfoot { position: -webkit-sticky; } /* Firefox and Chrome don't support sticky on a thead, and firefox's sticky support seems completely broken */ /* This looks horrible on multi row headers or footers.... Please fix this browser manufacturer's */ /* https://bugzilla.mozilla.org/show_bug.cgi?id=975644 */ /* https://bugs.chromium.org/p/chromium/issues/detail?id=702927 */ .jquery-tablesorter > thead > tr > th, .jquery-tablesorter > tfoot > tr > th, .mw-sticky-header > thead > tr > th, .mw-sticky-header > tfoot > tr > th { position: sticky; } /* wikitables don't have thead's, we need to guess which th's are part of the header in all browsers. * This is in for backwards compatibility if JS enhanced wikitables (.mw-stick-header) isn't on */ .wikitable:not(.sortable) > tbody > tr:first-child > th, .wikitable:not(.sortable) > tbody > tr:last-child > th { position: -webkit-sticky; position: sticky; } .jquery-tablesorter > thead, .mw-sticky-header > thead { top: 0; } /* Take into account the border of the table and the th elements * (both 1px, then collapsed, but chrome makes that 2px uncollapsed ?) */ .jquery-tablesorter > thead > tr > th, .mw-sticky-header > thead > tr > th, .wikitable:not(.sortable) > tbody > tr:first-child > th { top: -2px } .jquery-tablesorter > tfoot, .jquery-tablesorter > tfoot > tr > th, .mw-sticky-header > tfoot, .mw-sticky-header > tfoot > tr > th, .wikitable:not(.sortable) > tbody > tr:last-child > th { bottom: 0; } /* On mobile, where we have tables in overflowable boxes to avoid viewport overflows, * by using display:block, sticky never works though :( */ .panel { border: 1px solid #e5e5e5; margin-bottom: 20px; background-color: #fdfdfd; border-radius: 4px; border-width: 1px; padding: 0; } .radius { border-radius: 5px; } .panel h3, .panel .heading { font-size: 16px!important; font-weight: normal; background-color: #f0f0f0; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; margin-top: 0; margin-bottom: 0; } p.panel-body { padding: 10px 15px; border-bottom: 1px solid #ddd; margin: 0!important; } ul.content-table { list-style-position: inside; margin: 0!important; padding: 0!important; list-style-type: disc!important; } ul.content-table li.list-item { border-bottom: 1px solid #ddd; padding: 10px 15px; } .panel ul li { margin-bottom: 0!important; }