Main Page

User:SynthSy/vector-mod.css

From Arks-Visiphone
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.
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 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;
}