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
 
(70 intermediate revisions by the same user not shown)
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: #282828;
}
 
textarea
{
background: #FFFFFF;
}
 
#mw-page-base
{
  background: none;
}
 
#mw-panel.collapsible-nav div.portal div.body ul li a
{
  color:#EEE8AA;
 
}
 
#mw-panel.collapsible-nav div.portal div.body ul li a:visited
{
  color:#CAF2FF;
}
}


 
@media (prefers-color-scheme: dark){
#mw-panel.collapsible-nav div.portal
body, .mw-page-container {
{
background: #181818;
  background:#000000;
}
  border: 1px solid brown;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -icab-border-radius: 15px;
  -o-border-radius: 15px;
}
}


#mw-panel.collapsible-nav div.portal
div#mw-panel div.portal h3 {
{
    color: #181818;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
}


#mw-panel.collapsible-nav div.portal h5
#mw-page-base{
{
background:none;
  color:#FFD700;
}
}


#mw-panel.collapsible-nav div.portal h5 a
div#content {
{
    background: #FFFFFF;
  color:#FFD700;
    color: #181818;
    box-shadow: 0px 0px 10px -5px #000000;
    border:none;
}
}


#mw-panel
/**********************************************
{
**
  background:#A0A0A0
** VECTOR TABS
  color:#FFFFFF
**
}
**********************************************/


#content
div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li a:visited, div.vectorTabs li a:visited span{
{
color:#373737 !important;
background: #FF7F00;
border:none;
border: 1px solid brown;
color: #EEE8AA;
}
}


div#footer a
.vectorTabs ul{
{
border:none;
  color:#EEE8AA;
}
}


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


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


div#footer ul
.vectorTabs a:hover, .vectorTabs a:focus{
{
box-shadow:none;
  background:#000000;
  border: 1px solid brown;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -icab-border-radius: 15px;
  -o-border-radius: 15px;
}
}


li#pt-userpage {
.vectorTabs ul li:not(.selected), #mw-head .vectorMenu h3 {
        background: url(https://lh5.googleusercontent.com/-REWZwYeQaBg/UuH5f6WvCAI/AAAAAAAAAlg/NsEm1yfoAPI/s15-no/snowflake_large_blue_crystal_T.png) center left no-repeat;
    box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}
}


#p-personal
.vectorTabs, .vectorTabs ul, #mw-head .vectorMenu h3, div.vectorTabs ul li, .vectorMenu .menu {
{
    background: #F0F0F0;
  border-bottom-left-radius: 10px 10px;
    transition: .1s ease-in-out;
  -moz-border-radius-bottomleft: 10px 10px;
  margin-right:-12px;
  padding-right:10px;
  padding-left:5px;
  background:#000000;
  border: 1px solid #CC0000;
  color: #EEE8AA;
}
}


#p-personal ul li a
.vectorTabs li:hover {
{
    box-shadow: 0 -3px 9px -7px #000000;
  color:yellow;
    background: #fafafa;
}
}


#p-personal ul li a.new
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{
{
background-image:none;
  color:#F66;
border-bottom:none;
}
}


div.thumb
.vectorMenu {
{
    line-height: initial;
border-color: transparent;
}
}


.vectorTabs
.vectorMenu h3 span {
{
    padding-top: 1.1em;
background-color: #282828;
        background: -moz-linear-gradient(center top, #282828, #FFFFFF);
        background: -webkit-linear-gradient(top, #282828, #FFFFFF);
        background: -o-linear-gradient(top, #282828, #FFFFFF);
        background: -ms-linear-gradient(top, #282828, #FFFFFF);
        background: linear-gradient(top, #282828, #FFFFFF);
color: #AE0000;
}
}


div.vectorTabs ul li
.vectorMenu .menu {
{
    border: 1px solid #DDD;
background: #000000;
    box-shadow: 0 7px 7px -3px rgba(0,0,0,0.5);
color: #EEE8AA;
}
}


div.vectorTabs ul li.selected
/**********************************************
{
**
background: #000000;
** CATEGORIES
color: #EEE8AA;
**
}
**********************************************/


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


div.vectorTabs li a,
/**********************************************
div.vectorTabs li a span {
**
  color:#EEE8AA;
** FOOTER
}
**
 
**********************************************/
 
#siteNotice, #mw-dismissable-notice
{
  background:#paleGoldenrod;
}
 
#siteNotice a, #mw-dismissable-notice a
{
  color:#6753A1;
}
 
.CategoryTreeLabel:visited
{
  /*color:#CAF2FF;*/
}
 
 
.firstHeading
{
  /*color:#EEE8AA;*/
 
}
 
#siteSub
{
  color:#7F7C58;
}
 
#pt-userpage,
#pt-anonuserpage,
#pt-login {
    background: none;
}
 
#content a.extiw,
#content a.extiw:active {
    color: #EEE8AA;
    background: none;
    padding: 0;
}
#content a.external {
    color: #ff9d00;
}
 
#content a.external:visited {
    color: #ffb53f;
}
 
#toc
{
  background:none;
}
 
div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span
{
color:#CAF2FF;
font-weight:bold;
}
 
 
div.vectorMenu li a
{
color: paleGoldenrod;
}
 
body.ltr .thumbcaption
{
  color:#ff0000;
}
 
#content a.extiw,
#content a.extiw:active
{
  color:#ff0000;
}
 
.catlinks
{
  background:#000000;
}
 
.catlinks a
{
  color:#EEE8AA;
}
 
.catlinks a:visited
{
  color:#CAF2FF;
}
 
table
{
  background:transparent;
}
 
.palegoldenrod
{
color:#EEE8AA;
}
/* CSS placed here will affect users of the vector skin */
 
 
li.not-patrolled
{
background-color:#8253B2;
 
}
 
h4
{
background-color:#EEEE8A;
}
 
h2
{
background-color:#EEEE8A;
}
 
 
 
/* CSS placed here will affect users of the vector skin */
 
 
li.not-patrolled
{
background-color:#8253B2;
 
}
 
h4
{
background-color:#EEE8A;
}
 
div.Square_Enix a, table.Square_Enix a
{
  color:#EEEE8A;
}
 
div.Square_Enix a:visited, table.Square_Enix a:visited
{
  color:EEEE8A;
}
 
.Square_Enix td a
{
  color:#BA0000;
}
 
.Square_Enix td a:visited
{
  color:#0B0080;
}
 
.Square_Enix td a.new
{
  color:#BA0000;
}


.Square_Enix td a.new:visited
div#footer ul li {
{
    color: #181818;
  color:#A55858;
}
}

Latest revision as of 08:08, 24 December 2021

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

body {
    background: #E0E0E0;
}

@media (prefers-color-scheme: dark){
	body, .mw-page-container {
		background: #181818;
	}
}

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

#mw-page-base{
	background:none;
}

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);
}

/**********************************************
**
**		CATEGORIES
**
**********************************************/

.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=7611"