Difference between revisions of "MediaWiki:Vector.css"

From Bad Kitty Games Wiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will affect users of the Vector skin: html { background: rgb(0,0,0) !important; height: 100%; font-size: 1.1em; filter: brightness(100%) contrast(100...")
 
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* CSS placed here will affect users of the Vector skin */
+
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 +
color: #fff
 +
}
 +
 
 +
hr {
 +
color: #fff
 +
}
 +
 
 +
.editOptions {
 +
background-color: #333;
 +
border-color: #4c4c4c
 +
}
 +
 
 +
input,
 +
textarea {
 +
background-color: #4c4c4c;
 +
border-color: #4c4c4c;
 +
color: #c1c1c1
 +
}
 +
 
 +
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
 +
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable,
 +
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
 +
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle{
 +
        color: #fff !important;
 +
        background: #222;
 +
        border: solid #111;
 +
}
 +
 
 +
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title{
 +
      color: #fff;
 +
}
 +
 
 +
a,
 +
a:visited,
 +
.mw-body-content a:link.external,
 +
.mw-body-content a.external:visited,
 +
.mw-customtoggle {
 +
color: #fce300 !important;
 +
}
 +
 
 +
a:hover,
 +
.mw-body-content a.external:hover {
 +
text-decoration: underline;
 +
color: #fce300 ;
 +
}
 +
 
 +
#toc {
 +
background: #333;
 +
border: 1px solid #000;
 +
}
 +
 
 +
ul {
 +
list-style-image: none
 +
}
 +
 
 +
.mwe-popups{
 +
background-color: #4c4c4c;
 +
border-color: #666;
 +
}
 +
 
 +
.mwe-popups .mwe-popups-container,
 +
.mwe-popups .mwe-popups-extract{
 +
        color:#fff;
 +
}
 +
 
 +
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
 +
        background-image: linear-gradient(to right,rgba(0,0,0,0),#4c4c4c 50%);
 +
}
  
−
html {
+
div.thumbinner,
−
background: rgb(0,0,0) !important;
+
.catlinks {
−
height: 100%;
+
background-color: #4c4c4c;
−
font-size: 1.1em;
+
border-color: #666
−
filter: brightness(100%) contrast(100%) grayscale(0%) !important;
+
}
−
-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important;
+
 
−
overflow-x: hidden;
+
code {
 +
border: none;
 +
background-color: inherit;
 +
color: inherit
 
}
 
}
  
−
.wikitable > tr > th, .wikitable > * > tr > th, .mw_metadata th {
+
.wikitable>tr>th,
 +
.wikitable>*>tr>th,
 +
.mw_metadata th {
 
background: #222 !important;
 
background: #222 !important;
 
color: #fff !important;
 
color: #fff !important;
Line 17: Line 95:
 
}
 
}
  
−
.wikitable > tr > td, .wikitable > * > tr > td, .mw_metadata td {
+
.wikitable>tr>td,
 +
.wikitable>*>tr>td,
 +
.mw_metadata td {
 
background: #444 !important;
 
background: #444 !important;
 
color: #fff !important;
 
color: #fff !important;
Line 24: Line 104:
 
}
 
}
  
−
body {
+
 
−
margin: 0;
+
table.diff {
−
background: #000;
+
background-color: #4c4c4c
−
color: #fff;
+
}
 +
 
 +
td .diffchange {
 +
color: #4c4c4c
 +
}
 +
 
 +
#pagehistory li.selected,
 +
td.diff-context {
 +
background-color: inherit;
 +
color: inherit
 +
}
 +
 
 +
#pagehistory li {
 +
border: 0
 +
}
 +
 
 +
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
 +
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
 +
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
 +
background-color: rgba(0, 0, 0, 0.8)
 +
}
 +
 
 +
#left-navigation div.vectorTabs,
 +
#right-navigation div.vectorTabs {
 +
background-image: inherit;
 +
background-color: #250b2d
 +
}
 +
 
 +
#left-navigation div.vectorTabs ul,
 +
#right-navigation div.vectorTabs ul {
 +
background-color: #250b2d
 +
}
 +
 
 +
#left-navigation div.vectorTabs ul li,
 +
#right-navigation div.vectorTabs ul li {
 +
background-color: #222;
 +
background-image: -moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
 +
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
 +
background-image: -webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
 +
background-image: linear-gradient(#2e2e2e 20%, #222 100%)
 +
}
 +
 
 +
#left-navigation div.vectorTabs li.new a,
 +
#right-navigation div.vectorTabs li.new a,
 +
#left-navigation div.vectorTabs li.new a:visited,
 +
#right-navigation div.vectorTabs li.new a:visited {
 +
color: #228B22
 +
}
 +
 
 +
#left-navigation div.vectorTabs li.selected,
 +
#right-navigation div.vectorTabs li.selected {
 +
background-color: #333;
 +
background-image: -moz-linear-gradient(top, #e69710 0, #333 10%);
 +
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e69710), color-stop(10%, #333));
 +
background-image: -webkit-linear-gradient(top, #e69710 0, #333 10%);
 +
background-image: linear-gradient(#e69710 0, #333 10%)
 
}
 
}
−
a, a:visited {  
+
 
−
        color: #228B22;
+
#left-navigation div.vectorTabs li.selected a,
 +
#right-navigation div.vectorTabs li.selected a,
 +
#left-navigation div.vectorTabs li.selected a:visited,
 +
#right-navigation div.vectorTabs li.selected a:visited {
 +
color: #228B22
 
}
 
}
  
−
a:hover {
+
#left-navigation div.vectorTabs li a,
−
        text-decoration: underline;
+
#right-navigation div.vectorTabs li a {
−
        color: #FFA500;
+
color: #228B22
 
}
 
}
−
+
 
−
#toc {
+
#left-navigation div.vectorTabs span,
−
    background: #333;
+
#right-navigation div.vectorTabs span {
−
    border: 1px solid #000;
+
background: transparent
 
}
 
}
  
−
h1 {
+
div#mw-head #right-navigation div.vectorMenu h3 {
−
color: fff;
+
background: inherit
−
text-shadow: 1px 1px 1px #000;
 
−
font-size: 40px !important;
 
 
}
 
}
−
h1, h2, h3, h4 {
+
 
−
color: #fff;
+
div#mw-head div.vectorMenu h3 span {
 +
color: #e69710
 
}
 
}
−
#personal .dropdown b {
+
 
−
font-weight: normal;
+
div.vectorMenu h3 a {
 +
background: inherit
 
}
 
}
−
b, strong {
+
 
−
text-shadow: 1px 1px 1px #000;
+
div.vectorMenu ul {
 +
background-color: black;
 +
border: solid 1px #0c0c0c
 
}
 
}
−
#f-list {
+
 
−
text-align: center;
+
div.vectorMenu li a {
−
font-size: 14px;
+
color: #e69710
 
}
 
}
−
div.editOptions {
+
 
−
border: #222;
+
div.vectorMenu li.selected a,
−
background: #555;
+
div.vectorMenu li.selected a:visited {
 +
color: #8a7f6c;
 +
text-decoration: none
 
}
 
}
−
#mw-header-nav-hack {
+
 
−
border-top: solid 2px #333;
+
div.vectorMenu#p-cactions div.menu {
−
background: #333;
+
border-color: #666
 
}
 
}
−
#mw-site-navigation .sidebar-inner {
+
 
−
background: #333;
+
div.vectorMenu#p-cactions ul {
 
border: 0;
 
border: 0;
 +
background-color: #4c4c4c
 +
}
 +
 +
#mw-navigation div#mw-panel div.portal {
 +
background-image: none;
 +
border-top: 1px solid #4c4c4c
 +
}
 +
 +
#mw-navigation div#mw-panel div.portal#p-logo,
 +
#mw-navigation div#mw-panel div.portal#p-navigation {
 +
border-top: none
 
}
 
}
−
@media screen and (min-width: 851px) {
+
 
−
#p-logo-text a {
+
html {
−
position: fixed;
+
font-size: 100%
−
right: 75vw;
 
 
}
 
}
 +
 +
html,
 +
body {
 +
height: 100%;
 +
margin: 0;
 +
padding: 0;
 +
font-family: sans-serif
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#p-logo-text {
+
body {
−
margin-top: 0;
+
background-color: #2a2a2a
 
}
 
}
 +
 +
.mw-body {
 +
margin-left: 10em;
 +
padding: 1em;
 +
border: 1px solid #250b2d;
 +
border-right-width: 0;
 +
margin-top: -1px;
 +
background-color: #333;
 +
color: #c1c1c1;
 +
direction: ltr
 
}
 
}
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
+
 
−
#p-logo-text a.long {
+
.mw-body .mw-editsection,
−
padding-left: 7px;
+
.mw-body .mw-editsection-like {
−
float: left;
+
font-family: sans-serif
−
font-size: 23px !important;
 
 
}
 
}
 +
 +
.mw-body p {
 +
line-height: inherit;
 +
margin: .5em 0
 
}
 
}
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
+
 
−
#mw-related-navigation .sidebar-inner {
+
.mw-body h1,
−
background: #222 !important;
+
.mw-body h2,
−
border: solid #111;
+
.mw-body #firstHeading {
 +
font-family: "Linux Libertine", Georgia, Times, serif;
 +
line-height: 1.3;
 +
margin-bottom: .25em;
 +
padding: 0
 
}
 
}
 +
 +
.mw-body h1,
 +
.mw-body #firstHeading {
 +
font-size: 1.8em
 
}
 
}
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
+
 
−
#mw-site-navigation .sidebar-inner {
+
.mw-body h2 {
−
background: #222;
+
font-size: 1.5em;
−
border: solid #111;
+
margin-top: 1em
 
}
 
}
 +
 +
.mw-body h3,
 +
.mw-body h4,
 +
.mw-body h5,
 +
.mw-body h6 {
 +
line-height: 1.6;
 +
margin-top: .3em;
 +
margin-bottom: 0;
 +
padding-bottom: 0
 
}
 
}
−
#mw-site-navigation .sidebar-chunk {
+
 
−
border: outset #222;
+
.mw-body h3 {
−
background: #333;
+
font-size: 1.17em
−
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
 
−
border-radius: 3px;
 
 
}
 
}
−
@media screen and (max-width: 851px) {
+
 
−
#mw-site-navigation .sidebar-chunk {
+
.mw-body h3,
−
padding: 0 15px 5px 20px;
+
.mw-body h4 {
 +
font-weight: bold
 
}
 
}
 +
 +
.mw-body h4,
 +
.mw-body h5,
 +
.mw-body h6 {
 +
font-size: 100%
 
}
 
}
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
+
 
−
#mw-site-navigation .sidebar-inner {
+
.mw-body #toc h2,
−
background: #222 !important;
+
.mw-body .toc h2 {
−
border: solid #111 !important;
+
font-size: 100%;
 +
font-family: sans-serif
 
}
 
}
 +
 +
div.emptyPortlet {
 +
display: none
 
}
 
}
−
.mw-parser-output a.external {
+
 
−
color: #fff;
+
ul {
 +
list-style-type: disc;
 +
list-style-image: /* @embed */
 +
url('skins/Vector/images/bullet-icon.png')
 
}
 
}
−
#searchInput {
+
 
−
padding: 0.2em 4.5em 0.2em 2em !important;
+
pre,
−
margin: 0;
+
.mw-code {
 +
line-height: 1.3em
 
}
 
}
−
#searchInput-container {
+
 
−
background: #333;
+
#siteNotice {
−
height: 35px;
+
font-size: .8em
 
}
 
}
−
#simpleSearch {
+
 
−
border: inset 1px #000;
+
.redirectText {
−
border-radius: 3px;
+
font-size: 140%
−
background: #333;
 
−
height: 35px;
 
−
width: 48vw;
 
−
position: absolute;
 
−
left: 0;
 
−
right: 0;
 
−
margin-left: auto;
 
−
margin-right: auto;
 
−
top: 7px;
 
 
}
 
}
−
#user-tools {
+
 
−
position: fixed;
+
.redirectMsg img {
−
right: 86px;
+
vertical-align: text-bottom
 
}
 
}
−
@media screen and (min-width: 851px) {
+
 
−
#user-tools {
+
.mw-body-content {
−
left: 74vw;
+
position: relative;
−
top: 5px;
+
line-height: 1.6;
 +
font-size: .875em
 
}
 
}
 +
 +
body.vector-animateLayout .mw-body,
 +
body.vector-animateLayout div#footer,
 +
body.vector-animateLayout #left-navigation {
 +
-webkit-transition: margin-left 250ms, padding 250ms;
 +
-moz-transition: margin-left 250ms, padding 250ms;
 +
-o-transition: margin-left 250ms, padding 250ms;
 +
transition: margin-left 250ms, padding 250ms
 
}
 
}
−
.mw-notification {
+
 
−
background: #222;
+
body.vector-animateLayout #p-logo {
−
border: #111;
+
-webkit-transition: left 250ms;
−
background: #111;
+
-moz-transition: left 250ms;
−
border-radius: 5px;
+
-o-transition: left 250ms;
−
color: #999;
+
transition: left 250ms
−
width: 200px;
 
 
}
 
}
−
.postedit-container {
+
 
−
position: absolute;
+
body.vector-animateLayout #mw-panel {
−
left: 0;
+
-webkit-transition: padding-right 250ms;
−
right: 0;
+
-moz-transition: padding-right 250ms;
−
margin-left: auto;
+
-o-transition: padding-right 250ms;
−
margin-right: auto;
+
transition: padding-right 250ms
−
padding: 0;
 
−
padding: 15px 0 15px 15px;
 
−
text-align: right;
 
 
}
 
}
−
.postedit-icon {
+
 
−
margin: auto;
+
body.vector-animateLayout #p-search {
−
padding: 0;
+
-webkit-transition: margin-right 250ms;
 +
-moz-transition: margin-right 250ms;
 +
-o-transition: margin-right 250ms;
 +
transition: margin-right 250ms
 
}
 
}
−
.mw-wiki-logo {
+
 
−
background-size: contain;
+
body.vector-animateLayout #p-personal {
 +
-webkit-transition: right 250ms;
 +
-moz-transition: right 250ms;
 +
-o-transition: right 250ms;
 +
transition: right 250ms
 
}
 
}
−
#mw-header-container {
+
 
−
background: #555;
+
body.vector-animateLayout #mw-head-base {
 +
-webkit-transition: margin-left 250ms;
 +
-moz-transition: margin-left 250ms;
 +
-o-transition: margin-left 250ms;
 +
transition: margin-left 250ms
 
}
 
}
−
#mw-header {
+
 
−
width: 100%;
+
#p-personal {
−
max-width: 100%;
+
position: absolute;
−
padding: 0;
+
top: .33em;
−
position: static;
+
right: .75em;
 +
z-index: 100
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#menus-cover {
+
#p-personal h3 {
−
background: #000;
+
display: none
 
}
 
}
 +
 +
#p-personal ul {
 +
list-style-type: none;
 +
list-style-image: none;
 +
margin: 0;
 +
padding-left: 10em
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#personal h2 {
+
#p-personal li {
−
display: none;
+
line-height: 1.125em;
 +
float: left;
 +
margin-left: .75em;
 +
margin-top: .5em;
 +
font-size: .75em;
 +
white-space: nowrap
 
}
 
}
 +
 +
#pt-userpage,
 +
#pt-anonuserpage {
 +
background-position: left top;
 +
background-repeat: no-repeat;
 +
background-image: url('skins/Vector/images/user-icon.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/user-icon.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/user-icon.svg');
 +
padding-left: 15px !important
 
}
 
}
−
#mw-content-container {
+
 
−
background: #1d1d16;
+
#p-search {
 +
float: left;
 +
margin-right: .5em;
 +
margin-left: .5em
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#mw-content-block {
+
#p-search h3 {
−
background: #000;
+
display: none
 
}
 
}
 +
 +
#p-search form,
 +
#p-search input {
 +
margin: 0;
 +
margin-top: .4em
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#site-tools h2 {
+
div#simpleSearch {
−
right: 3em;
+
display: block;
−
top: 0.9em;
+
width: 12.6em;
−
padding-bottom: 5px;
+
padding-right: 1.4em;
 +
height: 1.4em;
 +
margin-top: .65em;
 +
position: relative;
 +
min-height: 1px;
 +
border: solid 1px #aaa;
 +
        background-color: white;
 +
        color: black;
 +
background-image: /* @embed */
 +
url('skins/Vector/images/search-fade.png');
 +
background-position: top left;
 +
background-repeat: repeat-x
 
}
 
}
 +
 +
div#simpleSearch input {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
background-color: transparent;
 +
color: black
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#p-logo-text a.long {
+
div#simpleSearch #searchInput {
 
width: 100%;
 
width: 100%;
−
top: 7px;
+
padding: .2em 0 .2em .2em;
−
text-align: center;
+
font-size: 13px;
−
font-size: 40px !important;
+
direction: ltr;
 +
-webkit-appearance: textfield
 
}
 
}
 +
 +
div#simpleSearch #searchInput:focus {
 +
outline: none
 
}
 
}
−
@media screen and (min-width: 851px) {
+
 
−
#p-logo-text {
+
div#simpleSearch #searchInput.placeholder {
−
width: 29em;
+
color: #999
 
}
 
}
 +
 +
div#simpleSearch #searchInput:-ms-input-placeholder {
 +
color: #999
 
}
 
}
−
@media screen and (min-width: 851px) {
+
 
−
#personal h2:after {
+
div#simpleSearch #searchInput:-moz-placeholder {
−
width: 36px;
+
color: #999
 
}
 
}
 +
 +
div#simpleSearch #searchInput::-webkit-search-decoration,
 +
div#simpleSearch #searchInput::-webkit-search-cancel-button,
 +
div#simpleSearch #searchInput::-webkit-search-results-button,
 +
div#simpleSearch #searchInput::-webkit-search-results-decoration {
 +
-webkit-appearance: textfield
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#p-logo-text {
+
div#simpleSearch #searchButton,
−
position: static;
+
div#simpleSearch #mw-searchButton {
−
left: 0 !important;
+
position: absolute;
 +
top: 0;
 
right: 0;
 
right: 0;
−
margin-left: 0;
+
width: 1.65em;
−
margin-right: 0;
+
height: 100%;
−
width: 100%;
+
cursor: pointer;
−
top: 3.3em;
+
text-indent: -99999px;
 +
line-height: 1;
 +
direction: ltr;
 +
white-space: nowrap;
 +
overflow: hidden;
 +
background-image: url('skins/Vector/images/search-ltr.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/search-ltr.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/search-ltr.svg');
 +
background-position: center center;
 +
background-repeat: no-repeat
 +
}
 +
 
 +
div#simpleSearch #mw-searchButton {
 +
z-index: 1
 +
}
 +
 
 +
div.vectorTabs h3 {
 +
display: none
 +
}
 +
 
 +
div.vectorTabs {
 +
float: left;
 +
height: 2.5em;
 +
background-image: /* @embed */
 +
url('skins/Vector/images/tab-break.png');
 +
background-position: bottom left;
 +
background-repeat: no-repeat;
 +
padding-left: 1px
 
}
 
}
 +
 +
div.vectorTabs ul {
 +
float: left;
 +
height: 100%;
 +
list-style-type: none;
 +
list-style-image: none;
 +
margin: 0;
 +
padding: 0;
 +
background-image: /* @embed */
 +
url('skins/Vector/images/tab-break.png');
 +
background-position: right bottom;
 +
background-repeat: no-repeat
 
}
 
}
−
@media only screen and (min-width: 992px) and (max-width:768px) {
+
 
−
#p-logo-text {
+
div.vectorTabs ul li {
−
right:74vw;
+
float: left;
 +
line-height: 1.125em;
 +
display: inline-block;
 +
height: 100%;
 +
margin: 0;
 +
padding: 0;
 +
background-color: #f3f3f3;
 +
background-image: /* @embed */
 +
url('skins/Vector/images/tab-normal-fade.png');
 +
background-position: bottom left;
 +
background-repeat: repeat-x;
 +
white-space: nowrap
 
}
 
}
 +
 +
div.vectorTabs ul>li {
 +
display: block
 
}
 
}
−
@media only screen and (min-width: 900px) and (max-width:100px) {
+
 
−
#p-logo-text {
+
div.vectorTabs li.new a,
−
right: 74vw;
+
div.vectorTabs li.new a:visited {
−
top: 3em;
+
color: #a55858
 
}
 
}
 +
 +
div.vectorTabs li.selected {
 +
background-image: /* @embed */
 +
url('skins/Vector/images/tab-current-fade.png')
 
}
 
}
−
@media screen and (max-width: 900px) and (min-width: 100px) {
+
 
−
#p-logo-text a.long {
+
div.vectorTabs li.selected a,
−
font-size: 43px !important;
+
div.vectorTabs li.selected a:visited {
 +
color: #333;
 +
text-decoration: none
 
}
 
}
 +
 +
div.vectorTabs li.icon a {
 +
background-position: bottom right;
 +
background-repeat: no-repeat
 
}
 
}
−
@media screen and (max-width: 1700px) and (min-width: 800px) {
+
 
−
#p-logo-text {
+
div.vectorTabs li a {
−
left: 12px !important;
+
display: inline-block;
 +
height: 1.9em;
 +
padding-left: .5em;
 +
padding-right: .5em;
 +
color: #e69710;
 +
cursor: pointer;
 +
font-size: .8em
 
}
 
}
 +
 +
div.vectorTabs li>a {
 +
display: block
 
}
 
}
−
@media screen and (max-width: 1700px) and (mix: 851px) {
+
 
−
#mw-site-navigation {
+
div.vectorTabs span {
−
background: #000;
+
display: inline-block;
 +
background-image: /* @embed */
 +
url('skins/Vector/images/tab-break.png');
 +
background-position: bottom right;
 +
background-repeat: no-repeat
 
}
 
}
 +
 +
div.vectorTabs span a {
 +
display: inline-block;
 +
padding-top: 1.25em
 
}
 
}
−
#mw-content {
+
 
−
background: #333;
+
div.vectorTabs span>a {
−
border: solid #fff;
+
float: left;
−
-webkit-border-bottom-right-radius: 4px;
+
display: block
−
-webkit-border-bottom-left-radius: 4px;
 
−
-moz-border-radius-bottomright: 4px;
 
−
-moz-border-radius-bottomleft: 4px;
 
−
border-bottom-right-radius: 4px;
 
−
border-bottom-left-radius: 4px;
 
 
}
 
}
−
#mw-page-header-links li.selected a {
+
 
−
color: #fff;
+
div.vectorMenu {
 +
direction: ltr;
 +
float: left;
 +
cursor: pointer;
 +
position: relative
 
}
 
}
−
#mw-related-navigation .sidebar-chunk {
+
 
−
background: #333;
+
body.rtl div.vectorMenu {
−
border: outset #222;
+
direction: rtl
−
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
 
−
border-radius: 3px;
 
 
}
 
}
−
@media screen and (max-width: 1099px) and (min-width: 851px) {
+
 
−
#mw-related-navigation .sidebar-chunk {
+
div#mw-head div.vectorMenu h3 {
−
background: #333;
+
float: left;
−
border: outset #222;
+
background-image: /* @embed */
−
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
+
url('skins/Vector/images/tab-break.png');
−
border-radius: 3px;
+
background-repeat: no-repeat;
−
padding: 0 15px 5px 20px;
+
background-position: bottom right;
 +
margin-left: -1px;
 +
font-size: 1em;
 +
height: 2.5em;
 +
padding-right: 1px;
 +
margin-right: -1px
 
}
 
}
 +
 +
div.vectorMenu h3 span {
 +
display: block;
 +
font-size: .8em;
 +
padding-left: .7em;
 +
padding-top: 1.375em;
 +
margin-right: 20px;
 +
font-weight: normal;
 +
color: #4d4d4d
 
}
 
}
−
.color-middle-container, .ts-inner {
+
 
−
padding: 0;
+
div.vectorMenu h3 a {
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
width: 20px;
 +
height: 2.5em;
 +
background-image: url('skins/Vector/images/arrow-down-icon.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/arrow-down-icon.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/arrow-down-icon.svg');
 +
background-position: 100% 70%;
 +
background-repeat: no-repeat;
 +
-webkit-transition: background-position 250ms;
 +
-moz-transition: background-position 250ms;
 +
-o-transition: background-position 250ms;
 +
transition: background-position 250ms
 
}
 
}
−
#p-logo-text {
+
 
−
left: 120px;
+
div.vectorMenu.menuForceShow h3 a {
 +
background-position: 100% 100%
 
}
 
}
−
#p-logo-text a.long {
+
 
−
padding-top: 5px;
+
div.vectorMenuFocus h3 a {
−
padding-left: 6px;
+
background-image: url('skins/Vector/images/arrow-down-focus-icon.png');
−
font-size: 30px;
+
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
−
text-shadow: 1px 1px 1px #222;
+
url('skins/Vector/images/arrow-down-focus-icon.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/arrow-down-focus-icon.svg')
 
}
 
}
−
#p-search {
+
 
−
width: 70em;
+
div.vectorMenu div.menu {
−
padding-right: 33px;
+
min-width: 100%;
 +
position: absolute;
 +
top: 2.5em;
 +
left: -1px;
 +
        background-color: white;
 +
border: solid 1px silver;
 +
border-top-width: 0;
 +
clear: both;
 +
text-align: left;
 +
display: none
 
}
 
}
−
#personal .dropdown h3 {
+
 
−
line-height: 25px;
+
div.vectorMenu:hover div.menu,
 +
div.vectorMenu.menuForceShow div.menu {
 +
display: block
 
}
 
}
−
#personal h2 {
+
 
−
text-shadow: 2px 2px 0 #333;
+
div.vectorMenu ul {
−
padding-top: 7px;
+
list-style-type: none;
−
font-size: 24px;
+
list-style-image: none;
−
text-transform: lowercase;
+
padding: 0;
 +
margin: 0;
 +
text-align: left
 
}
 
}
−
#personal .dropdown {
+
 
−
background: #222!important;
+
div.vectorMenu ul,
−
border: solid #000;
+
x:-moz-any-link {
 +
min-width: 5em
 
}
 
}
−
.codeEditor-status {
+
 
−
color: #000;
+
div.vectorMenu ul,
 +
x:-moz-any-link,
 +
x:default {
 +
min-width: 0
 
}
 
}
−
.oo-ui-labelElement-label {
+
 
−
text-shadow: 1px 2px #333;
+
div.vectorMenu li {
 +
padding: 0;
 +
margin: 0;
 +
text-align: left;
 +
line-height: 1em
 
}
 
}
−
#iframeframe {
+
 
−
height: 700px;
+
div.vectorMenu li a {
 +
display: inline-block;
 +
padding: .5em;
 +
white-space: nowrap;
 +
color: #e69710;
 +
cursor: pointer;
 +
font-size: .8em
 
}
 
}
−
#wpSave {
+
 
−
text-shadow: 2px 2px 2px #000 !important
+
div.vectorMenu li>a {
 +
display: block
 
}
 
}
−
#mw-footer-container {
+
 
−
background: #000;
+
div.vectorMenu li.selected a,
−
padding-top: 1em;
+
div.vectorMenu li.selected a:visited {
 +
color: #333;
 +
text-decoration: none
 
}
 
}
−
fieldset {
+
 
−
background: #222!important;
+
@-webkit-keyframes rotate {
−
border: solid #111;
+
from {
 +
-webkit-transform: rotate(0deg);
 +
-moz-transform: rotate(0deg);
 +
transform: rotate(0deg)
 +
}
 +
to {
 +
-webkit-transform: rotate(360deg);
 +
-moz-transform: rotate(360deg);
 +
transform: rotate(360deg)
 +
}
 
}
 
}
−
input {
+
 
−
background: #333;
+
@-moz-keyframes rotate {
−
border: solid 1px #111!important;
+
from {
−
border-radius: 2px;
+
-webkit-transform: rotate(0deg);
−
padding-left: 5px;
+
-moz-transform: rotate(0deg);
−
color: #999;
+
transform: rotate(0deg)
 +
}
 +
to {
 +
-webkit-transform: rotate(360deg);
 +
-moz-transform: rotate(360deg);
 +
transform: rotate(360deg)
 +
}
 
}
 
}
−
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
+
 
−
border: solid 1px #333!important;
+
@-o-keyframes rotate {
−
border-bottom: 0!important;
+
from {
−
text-shadow: 0 0 0 #000 !important;
+
-webkit-transform: rotate(0deg);
−
border-bottom: solid 1px #333!important;
+
-moz-transform: rotate(0deg);
 +
transform: rotate(0deg)
 +
}
 +
to {
 +
-webkit-transform: rotate(360deg);
 +
-moz-transform: rotate(360deg);
 +
transform: rotate(360deg)
 +
}
 
}
 
}
−
.oo-ui-flaggedElement-destructive {
+
 
−
background: #111;
+
@keyframes rotate {
−
border: 1px solid #444;
+
from {
−
color: #FF3333 !important;
+
-webkit-transform: rotate(0deg);
−
padding-left: 15px !important;
+
-moz-transform: rotate(0deg);
−
padding-right: 15px !important;
+
transform: rotate(0deg)
 +
}
 +
to {
 +
-webkit-transform: rotate(360deg);
 +
-moz-transform: rotate(360deg);
 +
transform: rotate(360deg)
 +
}
 
}
 
}
−
.oo-ui-flaggedElement-destructive:hover {
+
 
−
background: #222;
+
#ca-unwatch.icon a,
−
color: #CC0000 !important;
+
#ca-watch.icon a {
 +
margin: 0;
 +
padding: 0;
 +
display: block;
 +
width: 26px;
 +
padding-top: 3.1em;
 +
margin-top: 0;
 +
height: 0;
 +
overflow: hidden;
 +
background-position: 5px 60%
 
}
 
}
−
#searchInput {
+
 
−
border: 0!important;
+
#ca-unwatch.icon a {
 +
background-image: url('skins/Vector/images/unwatch-icon.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/unwatch-icon.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/unwatch-icon.svg')
 
}
 
}
−
@media screen and (max-width: 850px) {
+
 
−
#searchInput {
+
#ca-watch.icon a {
−
padding: 0 0 0 6px !important;
+
background-image: url('skins/Vector/images/watch-icon.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/watch-icon.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/watch-icon.svg')
 
}
 
}
 +
 +
#ca-unwatch.icon a:hover,
 +
#ca-unwatch.icon a:focus {
 +
background-image: url('skins/Vector/images/unwatch-icon-hl.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/unwatch-icon-hl.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/unwatch-icon-hl.svg')
 
}
 
}
−
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
+
 
−
background-color: #333;
+
#ca-watch.icon a:hover,
−
color: #fff;
+
#ca-watch.icon a:focus {
 +
background-image: url('skins/Vector/images/watch-icon-hl.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/watch-icon-hl.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/watch-icon-hl.svg')
 
}
 
}
−
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
+
 
−
line-height: 0.5em;
+
#ca-unwatch.icon a.loading,
 +
#ca-watch.icon a.loading {
 +
background-image: url('skins/Vector/images/watch-icon-loading.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/watch-icon-loading.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/watch-icon-loading.svg');
 +
-webkit-animation: rotate 700ms infinite linear;
 +
-moz-animation: rotate 700ms infinite linear;
 +
-o-animation: rotate 700ms infinite linear;
 +
animation: rotate 700ms infinite linear;
 +
outline: none;
 +
cursor: default;
 +
pointer-events: none;
 +
background-position: 50% 60%;
 +
-webkit-transform-origin: 50% 57%;
 +
transform-origin: 50% 57%
 
}
 
}
−
#pagehistory li.selected {
+
 
−
background-color: #555;
+
#ca-unwatch.icon a span,
 +
#ca-watch.icon a span {
 +
display: none
 
}
 
}
−
.warningbox {
+
 
−
background: #1d1d16;
+
#mw-navigation h2 {
 +
position: absolute;
 +
top: -9999px
 
}
 
}
−
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
+
 
−
color: #FF3333;
+
#mw-page-base {
 +
height: 5em;
 +
background-position: bottom left;
 +
background-repeat: repeat-x;
 +
background-image: url('skins/Vector/images/page-fade.png');
 +
background-color: #2a2a2a;
 +
background-image: -moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
 +
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
 +
background-image: -webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
 +
background-image: linear-gradient(#333 50%, #2a2a2a 100%);
 +
background-color: #333
 
}
 
}
−
.mw-plusminus-neg {
+
 
−
color: #FF0000;
+
#mw-head-base {
 +
margin-top: -5em;
 +
margin-left: 10em;
 +
height: 5em
 
}
 
}
−
#searchButton, #mw-searchButton {
+
 
−
border: 0 !important;
+
div#mw-head {
−
left: 38vw;
+
position: absolute;
 +
top: 0;
 
right: 0;
 
right: 0;
−
margin-left: auto;
+
width: 100%
−
margin-right: auto;
 
 
}
 
}
−
#mw-footer-container a:hover {
+
 
−
color: #ffff33;
+
div#mw-head h3 {
 +
margin: 0;
 +
padding: 0
 
}
 
}
−
#mw-footer-container a:visited {
+
 
−
color: #ffff66;
+
#left-navigation {
 +
float: left;
 +
margin-left: 10em;
 +
margin-top: 2.5em;
 +
margin-bottom: -2.5em;
 +
display: inline
 
}
 
}
−
#mw-footer .footer-places li {
+
 
 +
#right-navigation {
 
float: right;
 
float: right;
 +
margin-top: 2.5em
 +
}
 +
 +
#p-logo {
 +
position: absolute;
 +
top: -160px;
 +
left: 0;
 +
width: 10em;
 +
height: 160px
 +
}
 +
 +
#p-logo a {
 
display: block;
 
display: block;
 +
width: 10em;
 +
height: 160px;
 +
background-repeat: no-repeat;
 +
background-position: center center;
 +
text-decoration: none
 
}
 
}
−
#mw-footer ul, #mw-footer li {
+
 
−
margin: 0 auto;
+
div#mw-panel {
 +
font-size: inherit;
 +
position: absolute;
 +
top: 160px;
 +
padding-top: 1em;
 +
width: 10em;
 +
left: 0
 
}
 
}
−
#mw-footer #lastmod {
+
 
−
float: left;
+
div#mw-panel div.portal {
−
left: 25px;
+
margin: 0 .6em 0 .7em;
 +
padding: .25em 0;
 +
direction: ltr;
 +
background-position: top left;
 +
background-repeat: no-repeat;
 +
background-image: /* @embed */
 +
url('skins/Vector/images/portal-break.png')
 +
}
 +
 
 +
div#mw-panel div.portal h3 {
 +
font-size: .75em;
 +
color: #4d4d4d;
 +
font-weight: normal;
 +
margin: 0;
 +
padding: .25em 0 .25em .25em;
 +
cursor: default;
 +
border: none
 
}
 
}
−
.diff-addedline .diffchange {
+
 
−
background: #1d1d16;
+
div#mw-panel div.portal div.body {
−
padding-left: 7px;
+
margin: 0 0 0 1.25em;
 +
padding-top: 0
 
}
 
}
−
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
+
 
−
text-shadow: 0 0 0 #000 !important;
+
div#mw-panel div.portal div.body ul {
 +
list-style-type: none;
 +
list-style-image: none;
 +
margin: 0;
 +
padding: 0
 
}
 
}
−
.oo-ui-labelElement-label {
+
 
−
text-shadow: 0 0 0 #000
+
div#mw-panel div.portal div.body ul li {
 +
line-height: 1.125em;
 +
margin: 0;
 +
padding: .25em 0;
 +
font-size: .75em;
 +
word-wrap: break-word
 
}
 
}
−
.oo-ui-panelLayout-expanded {
+
 
−
background: #222;
+
div#mw-panel div.portal div.body ul li a {
 +
color: #e69710
 
}
 
}
−
.oo-ui-messageDialog-message {
+
 
−
color: #999;
+
div#mw-panel div.portal div.body ul li a:visited {
 +
color: #8a7f6c
 
}
 
}
−
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
+
 
−
color: #999;
+
div#mw-panel div.portal.first {
 +
background-image: none;
 +
margin-top: 0
 
}
 
}
−
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
+
 
−
border-right: 1px solid #111
+
div#mw-panel div.portal.first h3 {
 +
display: none
 
}
 
}
−
.oo-ui-dialog-content > .oo-ui-window-body {
+
 
−
outline: 1px solid #111;
+
div#mw-panel div.portal.first div.body {
 +
margin-left: .5em
 
}
 
}
−
.oo-ui-messageDialog-content > .oo-ui-window-foot {
+
 
−
outline: 1px solid #111;
+
div#footer {
 +
margin-left: 10em;
 +
margin-top: 0;
 +
padding: .75em;
 +
direction: ltr
 
}
 
}
−
.wikiEditor-ui .wikiEditor-ui-view {
+
 
−
border: 1px solid #000;
+
div#footer ul {
 +
list-style-type: none;
 +
list-style-image: none;
 +
margin: 0;
 +
padding: 0
 +
}
 +
 
 +
div#footer ul li {
 +
margin: 0;
 +
padding: 0;
 +
padding-top: .5em;
 +
padding-bottom: .5em;
 +
color: #333;
 +
font-size: .7em
 +
}
 +
 
 +
div#footer #footer-icons {
 +
float: right
 +
}
 +
 
 +
div#footer #footer-icons li {
 +
float: left;
 +
margin-left: .5em;
 +
line-height: 2em;
 +
text-align: right
 
}
 
}
−
.wikiEditor-ui .wikiEditor-ui-top {
+
 
−
border-bottom: 1px solid #000;
+
div#footer #footer-info li {
 +
line-height: 1.4em
 
}
 
}
−
textarea[style] {
+
 
−
background: #111 !important;
+
div#footer #footer-places li {
−
color: #fff;
+
float: left;
 +
margin-right: 1em;
 +
line-height: 2em
 
}
 
}
−
pre, .mw-code {
+
 
−
background: #222;
+
body.ltr div#footer #footer-places {
−
color: #B0B0B0;
+
float: left
−
border: 1px solid #444;
 
 
}
 
}
−
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
+
 
−
background-color: #B0B0B0;
+
.mw-body .external {
−
border: 1px solid #333;
+
background-position: center right;
 +
background-repeat: no-repeat;
 +
background-image: url('skins/Vector/images/external-link-ltr-icon.png');
 +
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/external-link-ltr-icon.svg');
 +
background-image: linear-gradient(transparent, transparent), /* @embed */
 +
url('skins/Vector/images/external-link-ltr-icon.svg');
 +
padding-right: 13px
 
}
 
}

Latest revision as of 09:51, 2 January 2020

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

hr {
	color: #fff
}

.editOptions {
	background-color: #333;
	border-color: #4c4c4c
}

input,
textarea {
	background-color: #4c4c4c;
	border-color: #4c4c4c;
	color: #c1c1c1
}

.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle{
        color: #fff !important;
        background: #222;
        border: solid #111;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title{
       color: #fff;
}

a,
a:visited,
.mw-body-content a:link.external,
.mw-body-content a.external:visited,
.mw-customtoggle {
	color: #fce300 !important;
}

a:hover,
.mw-body-content a.external:hover {
	text-decoration: underline;
	color: #fce300 ;
}

#toc {
	background: #333;
	border: 1px solid #000;
}

ul {
	list-style-image: none
}

.mwe-popups{
	background-color: #4c4c4c;
	border-color: #666;
}

.mwe-popups .mwe-popups-container,
.mwe-popups .mwe-popups-extract{
        color:#fff;
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
        background-image: linear-gradient(to right,rgba(0,0,0,0),#4c4c4c 50%);
}

div.thumbinner,
.catlinks {
	background-color: #4c4c4c;
	border-color: #666
}

code {
	border: none;
	background-color: inherit;
	color: inherit
}

.wikitable>tr>th,
.wikitable>*>tr>th,
.mw_metadata th {
	background: #222 !important;
	color: #fff !important;
	border: 1pt solid #aaa;
	padding: 0.4em 0.6em;
}

.wikitable>tr>td,
.wikitable>*>tr>td,
.mw_metadata td {
	background: #444 !important;
	color: #fff !important;
	border: 1pt solid #aaa;
	padding: 0.4em 0.6em;
}


table.diff {
	background-color: #4c4c4c
}

td .diffchange {
	color: #4c4c4c
}

#pagehistory li.selected,
td.diff-context {
	background-color: inherit;
	color: inherit
}

#pagehistory li {
	border: 0
}

ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
	background-color: rgba(0, 0, 0, 0.8)
}

#left-navigation div.vectorTabs,
#right-navigation div.vectorTabs {
	background-image: inherit;
	background-color: #250b2d
}

#left-navigation div.vectorTabs ul,
#right-navigation div.vectorTabs ul {
	background-color: #250b2d
}

#left-navigation div.vectorTabs ul li,
#right-navigation div.vectorTabs ul li {
	background-color: #222;
	background-image: -moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
	background-image: -webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
	background-image: linear-gradient(#2e2e2e 20%, #222 100%)
}

#left-navigation div.vectorTabs li.new a,
#right-navigation div.vectorTabs li.new a,
#left-navigation div.vectorTabs li.new a:visited,
#right-navigation div.vectorTabs li.new a:visited {
	color: #228B22
}

#left-navigation div.vectorTabs li.selected,
#right-navigation div.vectorTabs li.selected {
	background-color: #333;
	background-image: -moz-linear-gradient(top, #e69710 0, #333 10%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e69710), color-stop(10%, #333));
	background-image: -webkit-linear-gradient(top, #e69710 0, #333 10%);
	background-image: linear-gradient(#e69710 0, #333 10%)
}

#left-navigation div.vectorTabs li.selected a,
#right-navigation div.vectorTabs li.selected a,
#left-navigation div.vectorTabs li.selected a:visited,
#right-navigation div.vectorTabs li.selected a:visited {
	color: #228B22
}

#left-navigation div.vectorTabs li a,
#right-navigation div.vectorTabs li a {
	color: #228B22
}

#left-navigation div.vectorTabs span,
#right-navigation div.vectorTabs span {
	background: transparent
}

div#mw-head #right-navigation div.vectorMenu h3 {
	background: inherit
}

div#mw-head div.vectorMenu h3 span {
	color: #e69710
}

div.vectorMenu h3 a {
	background: inherit
}

div.vectorMenu ul {
	background-color: black;
	border: solid 1px #0c0c0c
}

div.vectorMenu li a {
	color: #e69710
}

div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
	color: #8a7f6c;
	text-decoration: none
}

div.vectorMenu#p-cactions div.menu {
	border-color: #666
}

div.vectorMenu#p-cactions ul {
	border: 0;
	background-color: #4c4c4c
}

#mw-navigation div#mw-panel div.portal {
	background-image: none;
	border-top: 1px solid #4c4c4c
}

#mw-navigation div#mw-panel div.portal#p-logo,
#mw-navigation div#mw-panel div.portal#p-navigation {
	border-top: none
}

html {
	font-size: 100%
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: sans-serif
}

body {
	background-color: #2a2a2a
}

.mw-body {
	margin-left: 10em;
	padding: 1em;
	border: 1px solid #250b2d;
	border-right-width: 0;
	margin-top: -1px;
	background-color: #333;
	color: #c1c1c1;
	direction: ltr
}

.mw-body .mw-editsection,
.mw-body .mw-editsection-like {
	font-family: sans-serif
}

.mw-body p {
	line-height: inherit;
	margin: .5em 0
}

.mw-body h1,
.mw-body h2,
.mw-body #firstHeading {
	font-family: "Linux Libertine", Georgia, Times, serif;
	line-height: 1.3;
	margin-bottom: .25em;
	padding: 0
}

.mw-body h1,
.mw-body #firstHeading {
	font-size: 1.8em
}

.mw-body h2 {
	font-size: 1.5em;
	margin-top: 1em
}

.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
	line-height: 1.6;
	margin-top: .3em;
	margin-bottom: 0;
	padding-bottom: 0
}

.mw-body h3 {
	font-size: 1.17em
}

.mw-body h3,
.mw-body h4 {
	font-weight: bold
}

.mw-body h4,
.mw-body h5,
.mw-body h6 {
	font-size: 100%
}

.mw-body #toc h2,
.mw-body .toc h2 {
	font-size: 100%;
	font-family: sans-serif
}

div.emptyPortlet {
	display: none
}

ul {
	list-style-type: disc;
	list-style-image: /* @embed */
	url('skins/Vector/images/bullet-icon.png')
}

pre,
.mw-code {
	line-height: 1.3em
}

#siteNotice {
	font-size: .8em
}

.redirectText {
	font-size: 140%
}

.redirectMsg img {
	vertical-align: text-bottom
}

.mw-body-content {
	position: relative;
	line-height: 1.6;
	font-size: .875em
}

body.vector-animateLayout .mw-body,
body.vector-animateLayout div#footer,
body.vector-animateLayout #left-navigation {
	-webkit-transition: margin-left 250ms, padding 250ms;
	-moz-transition: margin-left 250ms, padding 250ms;
	-o-transition: margin-left 250ms, padding 250ms;
	transition: margin-left 250ms, padding 250ms
}

body.vector-animateLayout #p-logo {
	-webkit-transition: left 250ms;
	-moz-transition: left 250ms;
	-o-transition: left 250ms;
	transition: left 250ms
}

body.vector-animateLayout #mw-panel {
	-webkit-transition: padding-right 250ms;
	-moz-transition: padding-right 250ms;
	-o-transition: padding-right 250ms;
	transition: padding-right 250ms
}

body.vector-animateLayout #p-search {
	-webkit-transition: margin-right 250ms;
	-moz-transition: margin-right 250ms;
	-o-transition: margin-right 250ms;
	transition: margin-right 250ms
}

body.vector-animateLayout #p-personal {
	-webkit-transition: right 250ms;
	-moz-transition: right 250ms;
	-o-transition: right 250ms;
	transition: right 250ms
}

body.vector-animateLayout #mw-head-base {
	-webkit-transition: margin-left 250ms;
	-moz-transition: margin-left 250ms;
	-o-transition: margin-left 250ms;
	transition: margin-left 250ms
}

#p-personal {
	position: absolute;
	top: .33em;
	right: .75em;
	z-index: 100
}

#p-personal h3 {
	display: none
}

#p-personal ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding-left: 10em
}

#p-personal li {
	line-height: 1.125em;
	float: left;
	margin-left: .75em;
	margin-top: .5em;
	font-size: .75em;
	white-space: nowrap
}

#pt-userpage,
#pt-anonuserpage {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url('skins/Vector/images/user-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/user-icon.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/user-icon.svg');
	padding-left: 15px !important
}

#p-search {
	float: left;
	margin-right: .5em;
	margin-left: .5em
}

#p-search h3 {
	display: none
}

#p-search form,
#p-search input {
	margin: 0;
	margin-top: .4em
}

div#simpleSearch {
	display: block;
	width: 12.6em;
	padding-right: 1.4em;
	height: 1.4em;
	margin-top: .65em;
	position: relative;
	min-height: 1px;
	border: solid 1px #aaa;
        background-color: white;
        color: black;
	background-image: /* @embed */
	url('skins/Vector/images/search-fade.png');
	background-position: top left;
	background-repeat: repeat-x
}

div#simpleSearch input {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: black
}

div#simpleSearch #searchInput {
	width: 100%;
	padding: .2em 0 .2em .2em;
	font-size: 13px;
	direction: ltr;
	-webkit-appearance: textfield
}

div#simpleSearch #searchInput:focus {
	outline: none
}

div#simpleSearch #searchInput.placeholder {
	color: #999
}

div#simpleSearch #searchInput:-ms-input-placeholder {
	color: #999
}

div#simpleSearch #searchInput:-moz-placeholder {
	color: #999
}

div#simpleSearch #searchInput::-webkit-search-decoration,
div#simpleSearch #searchInput::-webkit-search-cancel-button,
div#simpleSearch #searchInput::-webkit-search-results-button,
div#simpleSearch #searchInput::-webkit-search-results-decoration {
	-webkit-appearance: textfield
}

div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.65em;
	height: 100%;
	cursor: pointer;
	text-indent: -99999px;
	line-height: 1;
	direction: ltr;
	white-space: nowrap;
	overflow: hidden;
	background-image: url('skins/Vector/images/search-ltr.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/search-ltr.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/search-ltr.svg');
	background-position: center center;
	background-repeat: no-repeat
}

div#simpleSearch #mw-searchButton {
	z-index: 1
}

div.vectorTabs h3 {
	display: none
}

div.vectorTabs {
	float: left;
	height: 2.5em;
	background-image: /* @embed */
	url('skins/Vector/images/tab-break.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-left: 1px
}

div.vectorTabs ul {
	float: left;
	height: 100%;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	background-image: /* @embed */
	url('skins/Vector/images/tab-break.png');
	background-position: right bottom;
	background-repeat: no-repeat
}

div.vectorTabs ul li {
	float: left;
	line-height: 1.125em;
	display: inline-block;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #f3f3f3;
	background-image: /* @embed */
	url('skins/Vector/images/tab-normal-fade.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	white-space: nowrap
}

div.vectorTabs ul>li {
	display: block
}

div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
	color: #a55858
}

div.vectorTabs li.selected {
	background-image: /* @embed */
	url('skins/Vector/images/tab-current-fade.png')
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
	color: #333;
	text-decoration: none
}

div.vectorTabs li.icon a {
	background-position: bottom right;
	background-repeat: no-repeat
}

div.vectorTabs li a {
	display: inline-block;
	height: 1.9em;
	padding-left: .5em;
	padding-right: .5em;
	color: #e69710;
	cursor: pointer;
	font-size: .8em
}

div.vectorTabs li>a {
	display: block
}

div.vectorTabs span {
	display: inline-block;
	background-image: /* @embed */
	url('skins/Vector/images/tab-break.png');
	background-position: bottom right;
	background-repeat: no-repeat
}

div.vectorTabs span a {
	display: inline-block;
	padding-top: 1.25em
}

div.vectorTabs span>a {
	float: left;
	display: block
}

div.vectorMenu {
	direction: ltr;
	float: left;
	cursor: pointer;
	position: relative
}

body.rtl div.vectorMenu {
	direction: rtl
}

div#mw-head div.vectorMenu h3 {
	float: left;
	background-image: /* @embed */
	url('skins/Vector/images/tab-break.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-left: -1px;
	font-size: 1em;
	height: 2.5em;
	padding-right: 1px;
	margin-right: -1px
}

div.vectorMenu h3 span {
	display: block;
	font-size: .8em;
	padding-left: .7em;
	padding-top: 1.375em;
	margin-right: 20px;
	font-weight: normal;
	color: #4d4d4d
}

div.vectorMenu h3 a {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 2.5em;
	background-image: url('skins/Vector/images/arrow-down-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/arrow-down-icon.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/arrow-down-icon.svg');
	background-position: 100% 70%;
	background-repeat: no-repeat;
	-webkit-transition: background-position 250ms;
	-moz-transition: background-position 250ms;
	-o-transition: background-position 250ms;
	transition: background-position 250ms
}

div.vectorMenu.menuForceShow h3 a {
	background-position: 100% 100%
}

div.vectorMenuFocus h3 a {
	background-image: url('skins/Vector/images/arrow-down-focus-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/arrow-down-focus-icon.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/arrow-down-focus-icon.svg')
}

div.vectorMenu div.menu {
	min-width: 100%;
	position: absolute;
	top: 2.5em;
	left: -1px;
        background-color: white;
	border: solid 1px silver;
	border-top-width: 0;
	clear: both;
	text-align: left;
	display: none
}

div.vectorMenu:hover div.menu,
div.vectorMenu.menuForceShow div.menu {
	display: block
}

div.vectorMenu ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
	text-align: left
}

div.vectorMenu ul,
x:-moz-any-link {
	min-width: 5em
}

div.vectorMenu ul,
x:-moz-any-link,
x:default {
	min-width: 0
}

div.vectorMenu li {
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 1em
}

div.vectorMenu li a {
	display: inline-block;
	padding: .5em;
	white-space: nowrap;
	color: #e69710;
	cursor: pointer;
	font-size: .8em
}

div.vectorMenu li>a {
	display: block
}

div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
	color: #333;
	text-decoration: none
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

#ca-unwatch.icon a,
#ca-watch.icon a {
	margin: 0;
	padding: 0;
	display: block;
	width: 26px;
	padding-top: 3.1em;
	margin-top: 0;
	height: 0;
	overflow: hidden;
	background-position: 5px 60%
}

#ca-unwatch.icon a {
	background-image: url('skins/Vector/images/unwatch-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/unwatch-icon.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/unwatch-icon.svg')
}

#ca-watch.icon a {
	background-image: url('skins/Vector/images/watch-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/watch-icon.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/watch-icon.svg')
}

#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
	background-image: url('skins/Vector/images/unwatch-icon-hl.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/unwatch-icon-hl.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/unwatch-icon-hl.svg')
}

#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
	background-image: url('skins/Vector/images/watch-icon-hl.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/watch-icon-hl.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/watch-icon-hl.svg')
}

#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
	background-image: url('skins/Vector/images/watch-icon-loading.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/watch-icon-loading.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/watch-icon-loading.svg');
	-webkit-animation: rotate 700ms infinite linear;
	-moz-animation: rotate 700ms infinite linear;
	-o-animation: rotate 700ms infinite linear;
	animation: rotate 700ms infinite linear;
	outline: none;
	cursor: default;
	pointer-events: none;
	background-position: 50% 60%;
	-webkit-transform-origin: 50% 57%;
	transform-origin: 50% 57%
}

#ca-unwatch.icon a span,
#ca-watch.icon a span {
	display: none
}

#mw-navigation h2 {
	position: absolute;
	top: -9999px
}

#mw-page-base {
	height: 5em;
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url('skins/Vector/images/page-fade.png');
	background-color: #2a2a2a;
	background-image: -moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
	background-image: -webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
	background-image: linear-gradient(#333 50%, #2a2a2a 100%);
	background-color: #333
}

#mw-head-base {
	margin-top: -5em;
	margin-left: 10em;
	height: 5em
}

div#mw-head {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%
}

div#mw-head h3 {
	margin: 0;
	padding: 0
}

#left-navigation {
	float: left;
	margin-left: 10em;
	margin-top: 2.5em;
	margin-bottom: -2.5em;
	display: inline
}

#right-navigation {
	float: right;
	margin-top: 2.5em
}

#p-logo {
	position: absolute;
	top: -160px;
	left: 0;
	width: 10em;
	height: 160px
}

#p-logo a {
	display: block;
	width: 10em;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none
}

div#mw-panel {
	font-size: inherit;
	position: absolute;
	top: 160px;
	padding-top: 1em;
	width: 10em;
	left: 0
}

div#mw-panel div.portal {
	margin: 0 .6em 0 .7em;
	padding: .25em 0;
	direction: ltr;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: /* @embed */
	url('skins/Vector/images/portal-break.png')
}

div#mw-panel div.portal h3 {
	font-size: .75em;
	color: #4d4d4d;
	font-weight: normal;
	margin: 0;
	padding: .25em 0 .25em .25em;
	cursor: default;
	border: none
}

div#mw-panel div.portal div.body {
	margin: 0 0 0 1.25em;
	padding-top: 0
}

div#mw-panel div.portal div.body ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

div#mw-panel div.portal div.body ul li {
	line-height: 1.125em;
	margin: 0;
	padding: .25em 0;
	font-size: .75em;
	word-wrap: break-word
}

div#mw-panel div.portal div.body ul li a {
	color: #e69710
}

div#mw-panel div.portal div.body ul li a:visited {
	color: #8a7f6c
}

div#mw-panel div.portal.first {
	background-image: none;
	margin-top: 0
}

div#mw-panel div.portal.first h3 {
	display: none
}

div#mw-panel div.portal.first div.body {
	margin-left: .5em
}

div#footer {
	margin-left: 10em;
	margin-top: 0;
	padding: .75em;
	direction: ltr
}

div#footer ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

div#footer ul li {
	margin: 0;
	padding: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #333;
	font-size: .7em
}

div#footer #footer-icons {
	float: right
}

div#footer #footer-icons li {
	float: left;
	margin-left: .5em;
	line-height: 2em;
	text-align: right
}

div#footer #footer-info li {
	line-height: 1.4em
}

div#footer #footer-places li {
	float: left;
	margin-right: 1em;
	line-height: 2em
}

body.ltr div#footer #footer-places {
	float: left
}

.mw-body .external {
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url('skins/Vector/images/external-link-ltr-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/external-link-ltr-icon.svg');
	background-image: linear-gradient(transparent, transparent), /* @embed */
	url('skins/Vector/images/external-link-ltr-icon.svg');
	padding-right: 13px
}
Retrieved from "http://www.badkittygames.ca/wiki/index.php?title=MediaWiki:Vector.css&oldid=14177"