Main Page
Difference between revisions of "User:SynthSy/vector-mod.css"
Jump to navigation
Jump to search
m (SynthSy moved page User:SynthSy/vector.css to User:SynthSy/vector-mod.css without leaving a redirect) |
|||
(29 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | .scrollbar { | ||
+ | margin-left: 30px; | ||
+ | float: left; | ||
+ | height: 300px; | ||
+ | width: 65px; | ||
+ | background: #F5F5F5; | ||
+ | overflow-y: scroll; | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | |||
+ | .force-overflow { | ||
+ | min-height: 450px; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar-track { | ||
+ | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | ||
+ | border-radius: 10px; | ||
+ | background-color: #333f49; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar { | ||
+ | width: 12px; | ||
+ | background-color: #222; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar-thumb { | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); | ||
+ | background-color: #157aad; | ||
+ | } | ||
+ | |||
+ | |||
body { | body { | ||
background-image: url("/skins/Vector/images/bg-1080.png"); | background-image: url("/skins/Vector/images/bg-1080.png"); | ||
Line 18: | Line 50: | ||
div#mw-panel div.portal div.body ul li a { | div#mw-panel div.portal div.body ul li a { | ||
− | color: | + | color: white; |
text-shadow: 0 0 0.2em black, 0 0 0.2em black; | text-shadow: 0 0 0.2em black, 0 0 0.2em black; | ||
} | } | ||
div#mw-panel div.portal div.body ul li a:visited { | div#mw-panel div.portal div.body ul li a:visited { | ||
− | color: # | + | color: #989898;text-shadow: 0 0 0.2em black, 0 0 0.2em black; |
} | } | ||
Line 40: | Line 72: | ||
a { | a { | ||
− | color: | + | color: white; |
} | } | ||
a:visited { | a:visited { | ||
− | color: # | + | color: #989898; |
+ | } | ||
+ | |||
+ | a:new,a.new, #p-personal a.new { | ||
+ | color: #ff2626!important; | ||
+ | } | ||
+ | |||
+ | a.new:visited, #p-personal a.new:visited { | ||
+ | color: #c78282; | ||
+ | } | ||
+ | |||
+ | .mw-body-content a.external:visited { | ||
+ | color: #989898;; | ||
+ | } | ||
+ | |||
+ | .mw-body-content a.external { | ||
+ | color: #fff; | ||
} | } | ||
Line 50: | Line 98: | ||
#mw-head-base.noprint { | #mw-head-base.noprint { | ||
− | margin-top: - | + | margin-top: -12em!important; |
} | } | ||
Line 62: | Line 110: | ||
div#mw-panel { | div#mw-panel { | ||
− | background: rgba( | + | background: rgba(50,51,52,0.55); |
+ | top: 3em; | ||
} | } | ||
div.vectorTabs { | div.vectorTabs { | ||
background: none; | background: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li a:visited { | ||
+ | color: #989898; | ||
} | } | ||
Line 76: | Line 133: | ||
div.vectorTabs li.selected { | div.vectorTabs li.selected { | ||
background-image: none; | background-image: none; | ||
− | background-color: rgba( | + | background-color: rgba(50,51,52,0.15); |
} | } | ||
Line 97: | Line 154: | ||
div.vectorMenu div.menu { | div.vectorMenu div.menu { | ||
− | + | background-color: rgba(255,255,255,0.3); | |
+ | color: white; | ||
+ | } | ||
+ | div.vectorMenu li a { | ||
+ | color: white; | ||
} | } | ||
div.vectorMenu div.menu a:hover { | div.vectorMenu div.menu a:hover { | ||
background-color: rgba(255,255,255,0.6); | background-color: rgba(255,255,255,0.6); | ||
+ | color: white; | ||
} | } | ||
− | + | div.vectorMenu div.menu a:visited { | |
+ | background-color: rgba(255,255,255,0.6); | ||
+ | color: #989898; | ||
+ | } | ||
/* Content body*/ | /* Content body*/ | ||
.mw-body { | .mw-body { | ||
− | background-color: rgba( | + | background-color: rgba(50,51,52,0.55); |
border:none; | border:none; | ||
color: rgba(250,250,250,1); | color: rgba(250,250,250,1); | ||
Line 157: | Line 222: | ||
table.wikitable > tr > th, table.wikitable > * > tr > th { | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
− | background-color: transparent; | + | background-color: transparent!important; |
+ | } | ||
+ | |||
+ | .catlinks { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .mw-plusminus-pos { | ||
+ | color: #1ece1e; | ||
+ | } | ||
+ | |||
+ | .diff-addedline .diffchange { | ||
+ | background: #67afa2; | ||
+ | } | ||
+ | |||
+ | .diff-deletedline .diffchange { | ||
+ | background: #b97070; | ||
+ | } | ||
+ | |||
+ | #pagehistory li.selected { | ||
+ | background-color: #86888a; | ||
} | } | ||
Latest revision as of 05:16, 2 April 2020
.scrollbar { margin-left: 30px; float: left; height: 300px; width: 65px; background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px; } .force-overflow { min-height: 450px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #333f49; } ::-webkit-scrollbar { width: 12px; background-color: #222; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #157aad; } 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; } a:new,a.new, #p-personal a.new { color: #ff2626!important; } a.new:visited, #p-personal a.new:visited { color: #c78282; } .mw-body-content a.external:visited { color: #989898;; } .mw-body-content a.external { color: #fff; } /*Header*/ #mw-head-base.noprint { margin-top: -12em!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(50,51,52,0.55); top: 3em; } 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(50,51,52,0.15); } 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); color: white; } div.vectorMenu li a { color: white; } div.vectorMenu div.menu a:hover { background-color: rgba(255,255,255,0.6); color: white; } div.vectorMenu div.menu a:visited { background-color: rgba(255,255,255,0.6); color: #989898; } /* Content body*/ .mw-body { background-color: rgba(50,51,52,0.55); 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!important; } .catlinks { background-color: transparent; } .mw-plusminus-pos { color: #1ece1e; } .diff-addedline .diffchange { background: #67afa2; } .diff-deletedline .diffchange { background: #b97070; } #pagehistory li.selected { background-color: #86888a; } /* 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; }