Difference between revisions of "MediaWiki:Vector.css"

From Valve Cut Content
Jump to: navigation, search
 
(44 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
+
//**
 
+
* {
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
+
    color:pink;
 
 
#p-td-label {
 
color: #f5f5f5;
 
}
 
h1,
 
h2,
 
h3,
 
h4,
 
h5,
 
h6 {
 
color: #f5f5f5;
 
}
 
 
 
hr {
 
color: #222
 
}
 
 
 
.editOptions {
 
background-color: #333;
 
border-color: #4c4c4c
 
}
 
 
 
input,
 
textarea {
 
background-color: #4c4c4c;
 
border-color: #4c4c4c;
 
color: #c1c1c1
 
}
 
 
 
a,
 
.mw-body a.external,
 
.mw-body a.extiw {
 
color: #e69710
 
}
 
 
 
a:visited,
 
.mw-body a.external:visited,
 
.mw-body a.extiw:visited {
 
color: #8a7f6c
 
}
 
 
 
a.new,
 
#p-personal a.new {
 
color: #d44
 
}
 
 
 
ul {
 
list-style-image: none
 
 
}
 
}
 
+
.infoboxheading,
div.thumbinner,
+
.infoboxsubheading,
.catlinks {
+
.article-template,
background-color: #4c4c4c;
+
.errorbox,
border-color: #666
+
.warningbox,
 +
.successbox,
 +
.alertbox,
 +
.alertbox2,
 +
.alertbox3,
 +
.navtempsec,
 +
.navtemp th {
 +
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAyCAYAAAB70nrOAAAAkUlEQVR4AdWMSwrCQBQEO9Fo1PgXjZ/7X3PkNb2ojQewoaDqMYwkfZTBEzi8GTNDCb70OgcOL5M9C7zUnIAneHiY7G6w2w/XNXiX4J0NdmqtqSgX4mgShyKufYGXmhCTEDuT2BZxbQr+MSJGIdYmsSriGgr+wRiEWJrEoogn8EeP6MUwia6wMwoh7GIUDvLHhy9BWxckqkJhEwAAAABJRU5ErkJggg==) !important;
 +
background-repeat: repeat-x !important
 
}
 
}
  
#toc,
+
.wikiEditor-ui-tabs div a,
div.toc,
+
.wikiEditor-ui-toolbar .tabs span.tab a,
ul#filetoc,
+
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
li.gallerybox div.thumb {
+
color: #d46007
background-color: #4c4c4c;
 
border-color: #666
 
 
}
 
}
  
code {
+
table.wikitable>tr>th,
border: none;
+
table.wikitable>tr>td,
background-color: inherit;
 
color: inherit
 
}
 
 
 
table.mw_metadata td,
 
table.mw_metadata th,
 
table.wikitable,
 
 
table.wikitable>*>tr>th,
 
table.wikitable>*>tr>th,
table.wikitable>*>tr>td,
+
table.wikitable>*>tr>td {
pre {
+
padding: 0.2em
color: #c1c1c1;
 
background-color: #4c4c4c;
 
border-color: #666
 
 
}
 
}
  
table.mw_metadata th,
+
.errorbox,
table.wikitable>*>tr>th {
+
.warningbox,
background-color: #595959
+
.successbox {
 +
display: block
 
}
 
}
  
table.diff {
+
.fullwidth {
background-color: #4c4c4c
+
width: 100%
}
 
 
 
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: #d44
 
}
 
 
 
#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: #8a7f6c
 
}
 
 
 
#left-navigation div.vectorTabs li a,
 
#right-navigation div.vectorTabs li a {
 
color: #e69710
 
}
 
 
 
#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: #4a5443;
 
}
 
 
 
.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 {
+
body[class*="_webm "] .mw-filepage-other-resolutions {
 
display: none
 
display: none
 
}
 
}
  
ul {
+
audio {
list-style-type: disc;
+
margin-top: 5px
list-style-image: /* @embed */
 
url('skins/Vector/images/bullet-icon.png')
 
}
 
 
 
pre,
 
.mw-code {
 
line-height: 1.3em
 
}
 
 
 
#siteNotice {
 
font-size: .8em
 
 
}
 
}
  
.redirectText {
+
.hatnote {
font-size: 140%
+
font-style: italic
 
}
 
}
  
.redirectMsg img {
+
div.hatnote {
vertical-align: text-bottom
+
margin-bottom: 0.5em;
 +
padding-left: 1.6em
 
}
 
}
  
.mw-body-content {
+
.infobox {
 
position: relative;
 
position: relative;
line-height: 1.6;
+
float: right;
font-size: .875em
+
clear: right;
 +
margin-left: 1em;
 +
margin-bottom: 0.5em;
 +
width: 250px;
 +
border: 1px solid #999999;
 +
font-size: smaller;
 +
line-height: 1.5
 
}
 
}
  
body.vector-animateLayout .mw-body,
+
.infoboxtable {
body.vector-animateLayout div#footer,
+
width: 100%
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 {
+
.infoboximage {
-webkit-transition: left 250ms;
+
padding: 0;
-moz-transition: left 250ms;
+
text-align: center
-o-transition: left 250ms;
 
transition: left 250ms
 
 
}
 
}
  
body.vector-animateLayout #mw-panel {
+
.infoboxheading {
-webkit-transition: padding-right 250ms;
+
font-size: larger;
-moz-transition: padding-right 250ms;
+
font-weight: bold;
-o-transition: padding-right 250ms;
+
color: white
transition: padding-right 250ms
 
 
}
 
}
  
body.vector-animateLayout #p-search {
+
.infoboxsubheading {
-webkit-transition: margin-right 250ms;
+
text-align: left;
-moz-transition: margin-right 250ms;
+
font-weight: normal
-o-transition: margin-right 250ms;
 
transition: margin-right 250ms
 
 
}
 
}
  
body.vector-animateLayout #p-personal {
+
.infoboxlabel,
-webkit-transition: right 250ms;
+
.infoboxcell {
-moz-transition: right 250ms;
+
vertical-align: top
-o-transition: right 250ms;
 
transition: right 250ms
 
 
}
 
}
  
body.vector-animateLayout #mw-head-base {
+
.infoboxcell p,
-webkit-transition: margin-left 250ms;
+
.infoboxcell ul {
-moz-transition: margin-left 250ms;
+
margin-top: 0;
-o-transition: margin-left 250ms;
+
margin-bottom: 0
transition: margin-left 250ms
 
 
}
 
}
  
#p-personal {
+
.infoboxsound {
position: absolute;
+
text-align: center
top: .33em;
 
right: .75em;
 
z-index: 100
 
 
}
 
}
  
#p-personal h3 {
+
.infobox .plainlinks,
display: none
+
.infobox .plainlinks a {
 +
color: white
 
}
 
}
  
#p-personal ul {
+
.alertbox,
list-style-type: none;
+
.alertbox2,
list-style-image: none;
+
.alertbox3 {
margin: 0;
+
width: 100%;
padding-left: 10em
+
border: 1px solid #d9d9d9;
}
+
font-size: 9pt
 
 
#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,
+
.alertbox {
#p-search input {
+
background-color: #cfebff
margin: 0;
 
margin-top: .4em
 
 
}
 
}
  
div#simpleSearch {
+
.alertbox2,
display: block;
+
.alertbox3 {
width: 12.6em;
+
background-color: #d3ffd3
padding-right: 1.4em;
 
height: 1.4em;
 
margin-top: .65em;
 
position: relative;
 
min-height: 1px;
 
border: solid 1px #aaa;
 
color: black;
 
background-color: white;
 
background-image: /* @embed */
 
url('skins/Vector/images/search-fade.png');
 
background-position: top left;
 
background-repeat: repeat-x
 
 
}
 
}
  
div#simpleSearch input {
+
.alertbox,
margin: 0;
+
.alertbox2 {
padding: 0;
+
font-size: x-small
border: 0;
 
background-color: transparent;
 
color: black
 
 
}
 
}
  
div#simpleSearch #searchInput {
+
.alertbox th,
 +
.alertbox2 th {
 
width: 100%;
 
width: 100%;
padding: .2em 0 .2em .2em;
+
text-align: left
font-size: 13px;
 
direction: ltr;
 
-webkit-appearance: textfield
 
 
}
 
}
  
div#simpleSearch #searchInput:focus {
+
.tableholder,
outline: none
+
.navtemp {
 +
background-color: #f9f9f9;
 +
border: 1px solid #aaa;
 +
padding: 5px
 
}
 
}
  
div#simpleSearch #searchInput.placeholder {
+
.navtemp,
color: #999
+
.fileinfo {
 +
width: 100%
 
}
 
}
  
div#simpleSearch #searchInput:-ms-input-placeholder {
+
.navtemp {
color: #999
+
font-size: smaller
 
}
 
}
  
div#simpleSearch #searchInput:-moz-placeholder {
+
.fileinfo {
color: #999
+
font-size: small
 
}
 
}
  
div#simpleSearch #searchInput::-webkit-search-decoration,
+
.navtemp th {
div#simpleSearch #searchInput::-webkit-search-cancel-button,
+
color: white;
div#simpleSearch #searchInput::-webkit-search-results-button,
+
padding: 3px 7px
div#simpleSearch #searchInput::-webkit-search-results-decoration {
 
-webkit-appearance: textfield
 
 
}
 
}
  
div#simpleSearch #searchButton,
+
.navtemp th a {
div#simpleSearch #mw-searchButton {
+
color: white
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 {
+
.navtemp th .selflink {
z-index: 1
+
font-weight: bold
}
 
 
 
div.vectorTabs h3 {
 
display: none
 
 
}
 
}
  
div.vectorTabs {
+
.navtemp td,
float: left;
+
.fileinfo {
height: 2.5em;
+
background-color: #e8e8e8
background-image: /* @embed */
 
url('skins/Vector/images/tab-break.png');
 
background-position: bottom left;
 
background-repeat: no-repeat;
 
padding-left: 1px
 
 
}
 
}
  
div.vectorTabs ul {
+
.navtemp td {
float: left;
+
padding-left: 3px;
height: 100%;
+
padding-right: 3px
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 {
+
.navtemp td.navtempsec,
float: left;
+
.fileinfo td.fileinfosec {
line-height: 1.125em;
+
font-weight: bold;
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
 
white-space: nowrap
 
}
 
}
  
div.vectorTabs ul>li {
+
.navtemp td.navtempsec {
display: block
+
padding-left: 5px;
 +
padding-right: 5px
 
}
 
}
  
div.vectorTabs li.new a,
+
.fileinfo td.fileinfosec {
div.vectorTabs li.new a:visited {
+
padding-left: 3px;
color: #a55858
+
padding-right: 3px;
}
+
text-align: right
 
 
div.vectorTabs li.selected {
 
background-image: /* @embed */
 
url('skins/Vector/images/tab-current-fade.png')
 
 
}
 
}
  
div.vectorTabs li.selected a,
+
.navtemptoggle {
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;
 
display: inline-block;
height: 1.9em;
+
float: right;
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;
 
font-weight: normal;
color: #4d4d4d
+
width: 4em;
}
+
text-align: right
 
 
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 {
+
.navtempshow,
background-position: 100% 100%
+
.navtemphide {
 +
cursor: pointer
 
}
 
}
  
div.vectorMenuFocus h3 a {
+
.navtempshow,
background-image: url('skins/Vector/images/arrow-down-focus-icon.png');
+
.navtempcoll .navtemphide,
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
+
.navtempcoll tr {
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
 
display: none
 
}
 
}
  
div.vectorMenu:hover div.menu,
+
.navtempcoll .navtempshow {
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 { //**424a3a**//
 
height: 5em;
 
background-position: bottom left;
 
background-repeat: repeat-x;
 
background-image: url('skins/Vector/images/page-fade.png');
 
background-color: #424a3a;
 
background-image: -moz-linear-gradient(top, #424a3a 50%, #4b5744 100%);
 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #424a3a), color-stop(100%, #4b5744));
 
background-image: -webkit-linear-gradient(top, #424a3a 50%, #4b5744 100%);
 
background-image: linear-gradient(#424a3a 50%, #4b5744 100%);
 
background-color: #424a3a
 
}
 
 
 
#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
 
display: inline
 
}
 
}
  
#right-navigation {
+
.navtempcoll tr:first-child {
float: right;
+
display: table-row
margin-top: 2.5em
 
 
}
 
}
  
#p-logo {
+
code {
position: absolute;
+
background: none;
top: -160px;
+
border: none;
left: 0;
+
color: inherit;
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
 
padding: 0
 
}
 
}
  
div#mw-panel div.portal div.body ul li {
+
pre,
line-height: 1.125em;
+
code,
margin: 0;
+
tt,
padding: .25em 0;
+
kbd,
font-size: .75em;
+
samp,
word-wrap: break-word
+
.mw-code {
 +
font-family: "Consolas", "Lucida Console", monospace, "Courier"
 
}
 
}
  
div#mw-panel div.portal div.body ul li a {
+
body.page-Main_Page.action-view h1.firstHeading,
color: #e69710
+
body.page-Main_Page.action-submit h1.firstHeading,
 +
body.page-Main_Page_pl.action-view h1.firstHeading,
 +
body.page-Main_Page_pl.action-submit h1.firstHeading {
 +
display: none
 
}
 
}
  
div#mw-panel div.portal div.body ul li a:visited {
+
body.page-Main_Page_pl.action-view span.subpages,
color: #8a7f6c
+
body.page-Main_Page_pl.action-submit span.subpages {
}
 
 
 
div#mw-panel div.portal.first {
 
background-image: none;
 
margin-top: 0
 
}
 
 
 
div#mw-panel div.portal.first h3 {
 
 
display: none
 
display: none
 
}
 
}
  
div#mw-panel div.portal.first div.body {
+
.mainpageblock {
margin-left: .5em
+
margin-bottom: .8em;
 +
padding: .5em;
 +
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAMAAABMUIWcAAAAVFBMVEXIyMj////IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjN8byXAAAAHHRSTlMAAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaKunIwQAAAMxJREFUeAGtytlugzAYROFTbLODWUKX9v3fs6BEhBEXvyz5u5wzKOY/Nefuvyp3n37UlLnHbxVz9y+Vu4+fagRl9JFNDKhhw+gbj4tb3zeM/mA99ah+PWD0FaOvLE+3vrxg9IX50KG6+cS0a1Ht9IbRJ2K89XiF0SMNqhkVRm8Sez2oOrX3KrVXnapAe6tSe9moMnMPtQqpvVKpnVJ5lMfoJeHKoVwIGD1g9IA/3bo/YHSP0T3uqUAV7gWjO4zuKHa3foHRC4xe8GEwD/+Gujn8M+UftQAAAABJRU5ErkJggg==) !important;
 +
background-repeat: repeat-x !important;
 +
background-color: #f0f0f0;
 +
border: solid 1px #999
 
}
 
}
 
+
a:visited {
div#footer {
+
    color: #b80c0c;
margin-left: 10em;
 
margin-top: 0;
 
padding: .75em;
 
direction: ltr
 
 
}
 
}
 
+
/* Changing this. TEMPORARY
div#footer ul {
+
div.vectorTabs li.new a,
list-style-type: none;
+
div.vectorTabs li.new a:visited {
list-style-image: none;
+
color: #b80c0c
margin: 0;
 
padding: 0
 
 
}
 
}
 
+
*/
div#footer ul li {
+
ul {
margin: 0;
+
list-style-image: none
padding: 0;
 
padding-top: .5em;
 
padding-bottom: .5em;
 
color: #333;
 
font-size: .7em
 
 
}
 
}
  
div#footer #footer-icons {
+
#pt-userpage,
float: right
+
#pt-anonuserpage {
 +
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA5UlEQVR4AYXKzyvHcBzH8R30/UbKV/St1WgnB3byn1izGzeSC3GSXKbkgBNyULj6C+THcX+B/AXW1mq01rIpeXumz0etjMOj17vX+2WIyLfqyj5CXV3aL2Sg+oaf4+18chtPeEeK8daxVh5bp+WJJVj+d1wcmPuQ4tAM/xznu30HBQQfedCfbR2/bo3dQfCo8uzXcbbWW4Vk671r0iE/EXGPNMbp0vAEEtSYUt0tBIuNcbIweAHBpnrQDbmqC7ECz4jnu17sdwUPGNBj+lE8Q9T/xojcjo+9aK4zrYca3Q6/e3IDM19cki8QTdllMwAAAABJRU5ErkJggg==)
 
}
 
}
  
div#footer #footer-icons li {
+
@media print {
float: left;
+
.mw-indicators,
margin-left: .5em;
+
.navtemp {
line-height: 2em;
+
display: none
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
 
 
}
 
}
 
+
/* Pinkish source-style missing for not-present pages. */
body.ltr div#footer #footer-places {
+
.new {
float: left
+
    color: #BD44FF;
 
}
 
}
  
.mw-body .external {
+
/*Top header pos fix*/
background-position: center right;
+
#mw-head-base, #left-navigation, .darkvectorTabs
background-repeat: no-repeat;
+
{
background-image: url('skins/Vector/images/external-link-ltr-icon.png');
+
    margin-left:208px;
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 20:37, 12 March 2019

//**
* {
    color:pink;
}
.infoboxheading,
.infoboxsubheading,
.article-template,
.errorbox,
.warningbox,
.successbox,
.alertbox,
.alertbox2,
.alertbox3,
.navtempsec,
.navtemp th {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAyCAYAAAB70nrOAAAAkUlEQVR4AdWMSwrCQBQEO9Fo1PgXjZ/7X3PkNb2ojQewoaDqMYwkfZTBEzi8GTNDCb70OgcOL5M9C7zUnIAneHiY7G6w2w/XNXiX4J0NdmqtqSgX4mgShyKufYGXmhCTEDuT2BZxbQr+MSJGIdYmsSriGgr+wRiEWJrEoogn8EeP6MUwia6wMwoh7GIUDvLHhy9BWxckqkJhEwAAAABJRU5ErkJggg==) !important;
	background-repeat: repeat-x !important
}

.wikiEditor-ui-tabs div a,
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
	color: #d46007
}

table.wikitable>tr>th,
table.wikitable>tr>td,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td {
	padding: 0.2em
}

.errorbox,
.warningbox,
.successbox {
	display: block
}

.fullwidth {
	width: 100%
}

body[class*="_webm "] .mw-filepage-other-resolutions {
	display: none
}

audio {
	margin-top: 5px
}

.hatnote {
	font-style: italic
}

div.hatnote {
	margin-bottom: 0.5em;
	padding-left: 1.6em
}

.infobox {
	position: relative;
	float: right;
	clear: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	width: 250px;
	border: 1px solid #999999;
	font-size: smaller;
	line-height: 1.5
}

.infoboxtable {
	width: 100%
}

.infoboximage {
	padding: 0;
	text-align: center
}

.infoboxheading {
	font-size: larger;
	font-weight: bold;
	color: white
}

.infoboxsubheading {
	text-align: left;
	font-weight: normal
}

.infoboxlabel,
.infoboxcell {
	vertical-align: top
}

.infoboxcell p,
.infoboxcell ul {
	margin-top: 0;
	margin-bottom: 0
}

.infoboxsound {
	text-align: center
}

.infobox .plainlinks,
.infobox .plainlinks a {
	color: white
}

.alertbox,
.alertbox2,
.alertbox3 {
	width: 100%;
	border: 1px solid #d9d9d9;
	font-size: 9pt
}

.alertbox {
	background-color: #cfebff
}

.alertbox2,
.alertbox3 {
	background-color: #d3ffd3
}

.alertbox,
.alertbox2 {
	font-size: x-small
}

.alertbox th,
.alertbox2 th {
	width: 100%;
	text-align: left
}

.tableholder,
.navtemp {
	background-color: #f9f9f9;
	border: 1px solid #aaa;
	padding: 5px
}

.navtemp,
.fileinfo {
	width: 100%
}

.navtemp {
	font-size: smaller
}

.fileinfo {
	font-size: small
}

.navtemp th {
	color: white;
	padding: 3px 7px
}

.navtemp th a {
	color: white
}

.navtemp th .selflink {
	font-weight: bold
}

.navtemp td,
.fileinfo {
	background-color: #e8e8e8
}

.navtemp td {
	padding-left: 3px;
	padding-right: 3px
}

.navtemp td.navtempsec,
.fileinfo td.fileinfosec {
	font-weight: bold;
	white-space: nowrap
}

.navtemp td.navtempsec {
	padding-left: 5px;
	padding-right: 5px
}

.fileinfo td.fileinfosec {
	padding-left: 3px;
	padding-right: 3px;
	text-align: right
}

.navtemptoggle {
	display: inline-block;
	float: right;
	font-weight: normal;
	width: 4em;
	text-align: right
}

.navtempshow,
.navtemphide {
	cursor: pointer
}

.navtempshow,
.navtempcoll .navtemphide,
.navtempcoll tr {
	display: none
}

.navtempcoll .navtempshow {
	display: inline
}

.navtempcoll tr:first-child {
	display: table-row
}

code {
	background: none;
	border: none;
	color: inherit;
	padding: 0
}

pre,
code,
tt,
kbd,
samp,
.mw-code {
	font-family: "Consolas", "Lucida Console", monospace, "Courier"
}

body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-submit h1.firstHeading,
body.page-Main_Page_pl.action-view h1.firstHeading,
body.page-Main_Page_pl.action-submit h1.firstHeading {
	display: none
}

body.page-Main_Page_pl.action-view span.subpages,
body.page-Main_Page_pl.action-submit span.subpages {
	display: none
}

.mainpageblock {
	margin-bottom: .8em;
	padding: .5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAMAAABMUIWcAAAAVFBMVEXIyMj////IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjN8byXAAAAHHRSTlMAAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaKunIwQAAAMxJREFUeAGtytlugzAYROFTbLODWUKX9v3fs6BEhBEXvyz5u5wzKOY/Nefuvyp3n37UlLnHbxVz9y+Vu4+fagRl9JFNDKhhw+gbj4tb3zeM/mA99ah+PWD0FaOvLE+3vrxg9IX50KG6+cS0a1Ht9IbRJ2K89XiF0SMNqhkVRm8Sez2oOrX3KrVXnapAe6tSe9moMnMPtQqpvVKpnVJ5lMfoJeHKoVwIGD1g9IA/3bo/YHSP0T3uqUAV7gWjO4zuKHa3foHRC4xe8GEwD/+Gujn8M+UftQAAAABJRU5ErkJggg==) !important;
	background-repeat: repeat-x !important;
	background-color: #f0f0f0;
	border: solid 1px #999
}
a:visited {
    color: #b80c0c;
}
/* Changing this. TEMPORARY
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
	color: #b80c0c
}
*/ 
ul {
	list-style-image: none
}

#pt-userpage,
#pt-anonuserpage {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA5UlEQVR4AYXKzyvHcBzH8R30/UbKV/St1WgnB3byn1izGzeSC3GSXKbkgBNyULj6C+THcX+B/AXW1mq01rIpeXumz0etjMOj17vX+2WIyLfqyj5CXV3aL2Sg+oaf4+18chtPeEeK8daxVh5bp+WJJVj+d1wcmPuQ4tAM/xznu30HBQQfedCfbR2/bo3dQfCo8uzXcbbWW4Vk671r0iE/EXGPNMbp0vAEEtSYUt0tBIuNcbIweAHBpnrQDbmqC7ECz4jnu17sdwUPGNBj+lE8Q9T/xojcjo+9aK4zrYca3Q6/e3IDM19cki8QTdllMwAAAABJRU5ErkJggg==)
}

@media print {
	.mw-indicators,
	.navtemp {
		display: none
	}
}
/* Pinkish source-style missing for not-present pages. */
.new {
    color: #BD44FF;
}

/*Top header pos fix*/
#mw-head-base, #left-navigation, .darkvectorTabs
{
    margin-left:208px;
}
**//