Welcome to Square Enix Wiki! Be sure to check out our To-Do List to see what work we need done!

Difference between revisions of "MediaWiki:Vector.css"

From Square Enix Wiki, the Fan-wiki for all things Square Enix
Jump to navigationJump to search
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */


/* Nintendo = ff0016 */
body {
 
    background: #E0E0E0;
/* Widen search bar */
#simpleSearch input#searchInput {
width: 14em;
}
 
body
{
  background: #5D5D5D;
}
 
a:visited{
  color:#006ECB;
}
 
a{
  color:#47B9EA;
}
 
div#content{
  background:#282828;
  color:#FFFFFF;
  box-shadow: 0px 0px 7px 2px #FFFFFF;
}
 
#mw-page-base
{
  background: none;
}
 
#mw-panel.collapsible-nav div.portal div.body ul li a
{
  color:#47B9EA;
 
}
 
#mw-panel.collapsible-nav div.portal div.body ul li a:visited
{
  color:#47B9EA;
}
 
#mw-panel.collapsible-nav div.portal
{
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
 
#mw-panel.collapsible-nav .portal.collapsed h3 a {
  color: #C5C5C5;
}
 
#mw-panel.collapsible-nav .portal h3 a {
  color: #C5C5C5;
}
 
div#mw-panel div.portal h3
{
  color:#CFCFCF;
}
 
div#mw-panel div.portal div.body ul li a
{
  color:#47B9EA;
}
 
div#mw-panel div.portal div.body ul li a:visited
{
  color:#47B9EA;
}
 
#mw-panel
{
  color:#FFFFFF;
}
 
#content
{
background: #6F6F6F;
border: 1px solid #CC0000;
color: #FFFFFF;
}
 
div#footer a
{
  color:#47B9EA;
}
 
div#footer a:visited
{
  color:#006ECB;
}
 
div#footer ul li
{
  color:#C0C0C0;
 
}
 
#p-personal
{
  padding: 2px;
  border-bottom-left-radius: 10px;
  padding-right:10px;
  padding-left:5px;
  color: #CC0000;
}
 
#p-personal ul li a
{
  color:#47B9EA;
}
 
#p-personal ul li a.new
{
  color:#47B9EA;
}
 
div.thumb
{
border-color: transparent;
}
 
div.vectorTabs ul li.selected
{
background: #000000;
        background: -moz-linear-gradient(center top, #CC0000, #282828);
        background: -webkit-linear-gradient(top, #CC0000, #282828);
        background: -o-linear-gradient(top, #CC0000, #282828);
        background: -ms-linear-gradient(top, #CC0000, #282828);
        background: linear-gradient(top, #CC0000, #282828);
color: #EEE8AA;
}
 
div.vectorTabs ul li
{
background: #000000;
        background: -moz-linear-gradient(center top, #282828, #808080);
        background: -webkit-linear-gradient(top, #282828, #808080);
        background: -o-linear-gradient(top, #282828, #808080);
        background: -ms-linear-gradient(top, #282828, #808080);
        background: linear-gradient(top, #282828, #808080);
color: #EEE8AA;
}
}


div.vectorTabs li.selected a,
div#mw-panel div.portal h3 {
div.vectorTabs li.selected a span,
    color: #181818;
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span
{
color:#FFFFFF;
font-weight:bold;
}
}


div.vectorTabs li a,
div#content {
div.vectorTabs li a span,
    background: #FFFFFF;
div.vectorTabs li a:visited,
    color: #181818;
div.vectorTabs li a:visited span
    box-shadow: 0px 0px 10px -5px #000000;
{
    border:none;
color:#CCCCCC;
font-weight:bold;
}
}


div.vectorMenu ul
/**********************************************
{
**
background: #CCCCCC;
** VECTOR TABS
color: #EEE8AA;
**
}
**********************************************/


#siteNotice, #mw-dismissable-notice
div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li a:visited, div.vectorTabs li a:visited span{
{
color:#373737 !important;
  color:#000000;
border:none;
}
}


#siteNotice a, #mw-dismissable-notice a
.vectorTabs ul{
{
border:none;
  color:#6753A1;
}
}


#siteSub
div.vectorTabs ul li.selected {
{
    background: #FFFFFF;
  color:#7F7C58;
    color: #181818;
    box-shadow: 0 -3px 9px -7px #000000;
    border-top: 2px solid #cc0000;
    position: relative;
    font-weight:500;
}
}


#pt-userpage,
.vectorTabs ul li.selected a{
#pt-anonuserpage,
color:#181818;
#pt-login {
    background: none;
}
}


#content a.extiw,
.vectorTabs a:hover, .vectorTabs a:focus{
#content a.extiw:active {
box-shadow:none;
    background: none;
    padding: 0;
}
}


div#content a.external {
.vectorTabs ul li:not(.selected), #mw-head .vectorMenu h3 {
     color: #5B889B;
     box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}
}


div#content a.external:visited {
.vectorTabs, .vectorTabs ul, #mw-head .vectorMenu h3, div.vectorTabs ul li, .vectorMenu .menu {
     color: #1E4386;
     background: #F0F0F0;
    transition: .1s ease-in-out;
}
}


.mw-body a.extiw {
.vectorTabs li:hover {
     color: #5B889B;
    box-shadow: 0 -3px 9px -7px #000000;
     background: #fafafa;
}
}


.mw-body a.extiw:visited {
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{
    color: #1E4386;
background-image:none;
border-bottom:none;
}
}


#toc
.vectorMenu {
{
    line-height: initial;
  background:none;
}
}


body.ltr .thumbcaption
.vectorMenu h3 span {
{
    padding-top: 1.1em;
  color:#ff0000;
}
}


 
.vectorMenu .menu {
.catlinks
    border: 1px solid #DDD;
{
    box-shadow: 0 7px 7px -3px rgba(0,0,0,0.5);
  background:#000000;
}
}


.catlinks a:visited
/**********************************************
{
**
  color:#CAF2FF;
** SEARCH
}
**
**********************************************/


table
#p-search {
{
    margin: 0;
  background:transparent;
}
}


/* CSS placed here will affect users of the vector skin */
#p-search form {
 
    margin-top: 0;
 
li.not-patrolled
{
background-color:#8253B2;
 
}
}


 
div#simpleSearch {
 
    border: none;
/* CSS placed here will affect users of the vector skin */
    background: #ffffff;
 
    height: 2.485em;
 
    margin-top: 0;
li.not-patrolled
     box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);
{
background-color:#8253B2;
 
}
 
h1,
h2,
h3,
h4,
h5,
h6{
  font-family:'Segoe UI Semilight', 'Segoe UI Light', 'Segoe UI', sans-serif;
  color: #CCCCCC;
  border-bottom: #CCCCCC 1px solid;
}
 
.editOptions {
     color: #000000;
}
}


table.toccolours.mw-collapsible.mw-collapsed{
div#simpleSearch #searchInput {
  color:#000000;
    font-family: Roboto Slab;
  background:#C0C0C0
    padding: 0.8em;
    width:100%;
    border:none;
}
}


.toccolours
div#simpleSearch #searchButton {
{
    width: 2.5em;
  color: #C0C0C0;
  background: none;
}
}


span.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a
/**********************************************
{
**
  color:#FFFFFF;
** ARTICLES
}
**
**********************************************/


table.diff
.mw-body .firstHeading {
{
    overflow: visible;
  background:#282828;
    text-transform: uppercase;
    font-family: Segoe UI;
    border-bottom: none;
    display: inline-block;
    clear: both;
}
}


td.diff-context
h1#firstHeading::after {
{
    content: '';
  background:#AEAEAE;
    background: #cc0000;
    width: 100%;
    height: 2px;
    display: block;
    margin-top: -0.1em;
}
}


td.diff-addedline .diffchange, td.diff-deletedline .diffchange
h1, h2, h3, h4, h5, h6{
{
color:#181818;
  color:#000000;
}
}


td.diff-deletedline .diffchange
.catlinks {
{
    background: #E0E0E0;
  background:#FF9C9C;
    border: none;
    box-shadow: 0 0 4px -1px #000000;
    color: #181818;
}
}


td.diff-deletedline
/**********************************************
{
**
  border-color:#FF9C9C;
** FOOTER
}
**
**********************************************/


code
div#footer ul li {
{
    color: #181818;
  color:#000000;
}
}

Revision as of 05:01, 28 April 2020

/* CSS placed here will affect users of the Vector skin */

body {
    background: #E0E0E0;
}

div#mw-panel div.portal h3 {
    color: #181818;
}

div#content {
    background: #FFFFFF;
    color: #181818;
    box-shadow: 0px 0px 10px -5px #000000;
    border:none;
}

/**********************************************
**
**		VECTOR TABS
**
**********************************************/

div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li a:visited, div.vectorTabs li a:visited span{
	color:#373737 !important;
	border:none;
}

.vectorTabs ul{
	border:none;
}

div.vectorTabs ul li.selected {
    background: #FFFFFF;
    color: #181818;
    box-shadow: 0 -3px 9px -7px #000000;
    border-top: 2px solid #cc0000;
    position: relative;
    font-weight:500;
}

.vectorTabs ul li.selected a{
	color:#181818;
}

.vectorTabs a:hover, .vectorTabs a:focus{
	box-shadow:none;
}

.vectorTabs ul li:not(.selected), #mw-head .vectorMenu h3 {
    box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}

.vectorTabs, .vectorTabs ul, #mw-head .vectorMenu h3, div.vectorTabs ul li, .vectorMenu .menu {
    background: #F0F0F0;
    transition: .1s ease-in-out;
}

.vectorTabs li:hover {
    box-shadow: 0 -3px 9px -7px #000000;
    background: #fafafa;
}

.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{
	background-image:none;
	border-bottom:none;
}

.vectorMenu {
    line-height: initial;
}

.vectorMenu h3 span {
    padding-top: 1.1em;
}

.vectorMenu .menu {
    border: 1px solid #DDD;
    box-shadow: 0 7px 7px -3px rgba(0,0,0,0.5);
}

/**********************************************
**
**		SEARCH
**
**********************************************/

#p-search {
    margin: 0;
}

#p-search form {
    margin-top: 0;
}

div#simpleSearch {
    border: none;
    background: #ffffff;
    height: 2.485em;
    margin-top: 0;
    box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);
}

div#simpleSearch #searchInput {
    font-family: Roboto Slab;
    padding: 0.8em;
    width:100%;
    border:none;
}

div#simpleSearch #searchButton {
    width: 2.5em;
}

/**********************************************
**
**		ARTICLES
**
**********************************************/

.mw-body .firstHeading {
    overflow: visible;
    text-transform: uppercase;
    font-family: Segoe UI;
    border-bottom: none;
    display: inline-block;
    clear: both;
}

h1#firstHeading::after {
    content: '';
    background: #cc0000;
    width: 100%;
    height: 2px;
    display: block;
    margin-top: -0.1em;
}

h1, h2, h3, h4, h5, h6{
	color:#181818;
}

.catlinks {
    background: #E0E0E0;
    border: none;
    box-shadow: 0 0 4px -1px #000000;
    color: #181818;
}

/**********************************************
**
**		FOOTER
**
**********************************************/

div#footer ul li {
    color: #181818;
}
Retrieved from "https://wiki.seiwanetwork.org/w/index.php?title=MediaWiki:Vector.css&oldid=6981"