Main Page

Difference between revisions of "User:SynthSy/vector-mod.css"

From Arks-Visiphone
Jump to navigation Jump to search
m (SynthSy moved page User:SynthSy/vector.css to User:SynthSy/vector-mod.css without leaving a redirect)
 
(27 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 45: Line 77:
 
a:visited {
 
a:visited {
 
color: #989898;
 
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: -13em!important;
+
     margin-top: -12em!important;
 
}
 
}
  
Line 62: Line 110:
  
 
div#mw-panel {
 
div#mw-panel {
background: rgba(12,12,12,0.90);
+
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(12,12,12,0.90);
+
     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);
+
    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(12,12,12,0.90);
+
     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;
}