User:TenGoblinek/common.css

/* This page was created by TenGoblinek by combining https://www.mediawiki.org/wiki/Skin:Vector-DarkCSS and https://hytale.gamepedia.com/MediaWiki:Hydradark.css, then modifyed as needed. */

color: #A9A9A9 }
 * 1) curse-footer a, #curse-footer a:visited, #curse-footer a:active {

background-color: #181818 }
 * 1) curse-footer {

background-color: #080808 }
 * 1) curse-footer div.footer-post {

.suggestions-special .special-query { color: white }

.suggestions-special { background-color: #202020 }

.suggestions-result-current .special-label, .suggestions-result-current .special-query { color: white; background-color: #202020 }

.suggestions-result-current { background-color: #ff9933 }

.suggestions-result-current { color: white; background-color: #ff9933 }

.suggestions-result { background-color: #202020; color: white }

ul.tabbernav li.tabberactive a:hover { color: #e69710; background: #686868 }

ul.tabbernav li a:link { color: #e69710 }

ul.tabbernav li a { background: #4c4c4c }

ul.tabbernav li.tabberactive a { background-color: #585858 }

.ui-widget-content { background: black }

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { color: #FF8C00 }

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

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #b0b0b0 }

td.diff-addedline, td.diff-deletedline { background-color: black }

.autocomment, .autocomment a, .autocomment a:visited { color: #A0A0A0 }

table.diff { background: transparent }

.diff td div { color: white }

.infobox-header { background-color: #101010; border: 2px solid #404040; box-shadow: none; text-shadow: 2px 2px #505050 }

.infobox { background-color: #282828; border: 2px ridge white; box-shadow: none; color: white }

.infobox-image { background-color: #888888; border: 2px dotted #404040 }

background-color: #282828!important; border: 1px solid black!important }
 * 1) Spoiler_tag {

.ambox { background-color: #282828 }

background-color: #282828 }
 * 1) mw-searchoptions {

.mw-search-profile-tabs { background-color: #282828 }


 * -webkit-scrollbar {

width: 1em }


 * -webkit-scrollbar-thumb {

border: 1px #303030; border-radius: 4px; background: #202020 }


 * -webkit-scrollbar-track {

background: #585858; border: 1px solid #383838 }

div.wikiEditor-ui-toolbar { background: 0 0 #0000 }

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

hr { color: #222 }

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

input,textarea { background-color: #000; color: #fff }

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

color: #d44 }
 * 1) p-personal a.new,a.new {

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

background-color: #4c4c4c; border-color: #666 }
 * toc,.catlinks,div.thumbinner,div.toc,li.gallerybox div.thumb,pre,table.mw_metadata td,table.wikitable,table.wikitable>*>tr>td,ul#filetoc {

table.mw_metadata th,table.wikitable>*>tr>th { border-color: #666; background-color: #595959 }

td .diffchange { color: #4c4c4c }

background-color: inherit; color: inherit }
 * 1) pagehistory li.selected,code,td.diff-context {

border: 0 }
 * 1) pagehistory li,code {

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

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

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

body,html { height: 100%; margin: 0; padding: 0 }

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

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

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

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

.mw-body #firstHeading,.mw-body h1 { 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: 700 }

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

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

display: none }
 * 1) ca-unwatch.icon a span,#ca-watch.icon a span,#p-personal h3,#p-search h3,div#mw-panel div.portal.first h3,div.emptyPortlet {

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

font-size: .8em }
 * 1) siteNotice {

.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 #left-navigation,body.vector-animateLayout .mw-body,body.vector-animateLayout div#footer { -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 }

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

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

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

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

float: left; margin-right: .5em; margin-left: .5em }
 * 1) p-search {

margin: .4em 0 0 }
 * 1) p-search form,#p-search input {

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

div#simpleSearch input { margin: 0; padding: 0; border: 0 }

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

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

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-cancel-button,div#simpleSearch #searchInput::-webkit-search-decoration,div#simpleSearch #searchInput::-webkit-search-results-button,div#simpleSearch #searchInput::-webkit-search-results-decoration { -webkit-appearance: textfield }

div#simpleSearch #mw-searchButton,div#simpleSearch #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),url(skins/Vector/images/unwatch-icon.svg) }

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

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

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

background-image: url(skins/Vector/images/watch-icon-loading.png); background-image: -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/watch-icon-loading.svg); background-image: linear-gradient(transparent,transparent),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: 0; cursor: default; pointer-events: none; background-position: 50% 60%; -webkit-transform-origin: 50% 57%; transform-origin: 50% 57% }
 * 1) ca-unwatch.icon a.loading,#ca-watch.icon a.loading {

position: absolute; top: -9999px }
 * 1) mw-navigation h2,div#mw-head {

margin-top: -5em; margin-left: 10em; height: 5em }
 * 1) mw-head-base {

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

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

position: absolute; width: 10em; left: 0 }
 * 1) p-logo,div#mw-panel {

top: -175px; height: 175px; width: 175px }
 * 1) p-logo {

display: block; width: 175px; height: 175px; background-repeat: no-repeat; background-position: center center; text-decoration: none }
 * 1) p-logo a,div.vectorMenu h3 a {

div#mw-panel { font-size: inherit; top: 175px; padding-top: 1em }

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: url(skins/Vector/images/portal-break.png) }

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

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

div#footer ul,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.first { background-image: none; margin-top: 0 }

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 li { margin: 0; padding: .5em 0; 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),url(skins/Vector/images/external-link-ltr-icon.svg); background-image: linear-gradient(transparent,transparent),url(skins/Vector/images/external-link-ltr-icon.svg); padding-right: 13px }

.editOptions { color: #e69710 }

.mw-body { background-color: #33333; color: #fff }

.toctogglelabel { color: #e69710 }

.wikiEditor-ui-toolbar { background-color: #b5571d }

background: #211f1e }
 * 1) msupload-div {

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,div#simpleSearch input { background-color: #282828; color: #b0b0b0; border-color: #080808 }

.oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: #282828; color: #b0b0b0; border: 1px solid #080808 }

div#simpleSearch { border: 0; background-color: transparent }

div#content { background: #101010cc; box-shadow: 0 .1em .75em #252525; color: #fff; box-sizing: border-box; border: 0; border-radius: 5px; background-color: rgba(16, 16, 16, 0.9); }

.mw-notification { background-color: #000; color: white }

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { padding-top: 36px; width: 45px; background-position: 17px 15px !important; transform-origin: 25px 23.5px !important; }

pre,table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>td,table.wikitable>*>tr>th { color: #000 }

.fplink .box .row .cell { background-color: #404040; background-image: none }

.mw-ui-input { background-color: #181818 }

margin-top: 2em; background: 0 0; height: 72px }
 * 1) left-navigation,#right-navigation {

display: inline; float: left; margin-bottom: -2.5em; margin-left: 11em }
 * 1) left-navigation {

float: right; margin-right: 1em }
 * 1) right-navigation {

div.vectorMenu div.menu { border: 1px solid #fff }

div#mw-head { padding-top: 7px }

.vectorTabs li a span,div#mw-head a,div#mw-head div.vectorMenu a,div#mw-head div.vectorTabs a,div.vectorMenu h3 span { margin-top: -3px; color: #fff; font-family: sans-serif; font-weight: 700; text-shadow: 1px 1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000 }

div#mw-head li.new a,div#mw-head li.new a span { color: #a55858 }

div#p-cactions h5,div.vectorTabs,div.vectorTabs ul { background: 0 0 }

div.vectorTabs ul li,div.vectorTabs ul li span,div.vectorTabs ul li.selected,div.vectorTabs ul li.selected span { background: 0 0; border: 0 }

div.vectorTabs li span a,div.vectorTabs span a:visited { color: #fff }

div.vectorTabs li span a:hover,div.vectorTabs span a:active,div.vectorTabs span a:visited:hover { color: #a7a7a7 }

div.vectorTabs li.selected span a { color: #fff!important }

div.vectorMenu ul { background: #000; border: 1px solid #434647 }

div.vectorMenu h3 a { background-position: right bottom; display: inline-block; height: 1.9em; width: 24px }

div.vectorMenu h3:focus span,div.vectorMenu h3:hover span { color: gray }

div.vectorMenu h5 a { border: 0; background: 0 0 }

div#p-cactions div.menu ul { border: 1px solid #434647; background: #000; color: #fff }

div#p-cactions div.menu ul li a { background: 0 0; border: 0; color: #a7a7a7 }

div#mw-head div.vectorMenu h3,div.vectorMenu h3 a,div.vectorTabs,div.vectorTabs li a,div.vectorTabs span { background-image: none }

div.vectorTabs,div.vectorTabs span,div.vectorTabs ul { background-image: linear-gradient(#1a202540,#1a2025); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px }

select { background-color: #000; color: #fff }

div#simpleSearch #mw-searchButton,div#simpleSearch #searchButton { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E"); background-position: center center; background-repeat: no-repeat }

div#pageWrapper { margin-left: 15px }

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: transparent }

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: transparent!important }

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #e69710 }

@font-face { font-family:'Varela-Regular';src:local('Varela-Regular'),local('Varela-Regular'),url(/media/hydra/fonts/Varela-Regular.otf) format('opentype') }

/* Possibility of custom background background-color: #8DBDE9; background-image: url; background-size: auto; height: 80px; margin-bottom: -74px; margin-left: 175px }
 * 1) mw-page-base {

html body { height: auto !important; min-height: 100%; background-color: #202020; background-image: url; background-size: auto }*/