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
(50 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 */ | ||
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. | div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li a:visited, div.vectorTabs li a:visited span{ | ||
color:#373737 !important; | |||
border | border:none; | ||
} | } | ||
.vectorTabs | .vectorTabs ul{ | ||
{ | border:none; | ||
} | } | ||
div.vectorTabs ul li | 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; | ||
color: # | |||
} | } | ||
.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; | ||
} | } |
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; }