MediaWiki:Hydra.css

/* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2"); unicode-range: U+1F00-1FFF; }

/* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2"); unicode-range: U+0370-03FF; }

/* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2"); unicode-range: U+1F00-1FFF; }

/* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format("woff2"); unicode-range: U+0370-03FF; }

/* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* MediaWiki:Hydra.css */ /* CSS placed here will affect users of the Hydra skin test */ /* Fonts */ /* @font-face { font-family: 'Lato-Bold'; src: local('Lato-Bold'), local('Lato-Bold'), url(https://elteriaadventures.gamepedia.com/media/hydra/fonts/Lato-Bold.ttf) format('truetype'); }

/* Background */ body { background: url(https://i.imgur.com/EO4iI0Q.jpg) center top no-repeat; background-size: cover; background-attachment: fixed; }

background: transparent; }
 * 1) mw-page-base {

/* Logo */ .mw-wiki-logo { margin-top: 10px; }

/* Content */ font-size: 14px; }
 * 1) global-wrapper {


 * selection {

background: #0182dd; color: #fff; }

div#content { background: rgba(255, 255, 255, 0.6); border-bottom: none; }

@media screen and (min-width: 982px) { .mw-body { margin-left: 15em; margin-right: 10px; border: 1px solid #28fdff; padding: 1.3em; }   #left-navigation { margin-left: 15em; }   div#mw-panel { width: 13em; margin-left: 1em; }   #footer { margin-left: 15em; margin-right: 10px; } }

height: 5.3em; }
 * 1) mw-head-base {

/* Article navigation */ div.vectorTabs, div.vectorTabs span, div.vectorTabs ul, div.vectorTabs li a, .vectorTabs li, div#mw-head div.vectorMenu h3, div.vectorMenu h3 span::after { background-image: none; }

div.vectorTabs { padding-left: 0; }

div.vectorTabs li, div.vectorMenu h3 { background-color: rgba(255, 255, 255, 0.6); border-radius: 5px 5px 0 0; margin-right: 0.4em; }

div.vectorTabs li.selected, div.vectorTabs li:hover, div.vectorMenu:hover h3, div.vectorMenu input:checked + h3 { background: #fff; }

div#mw-head div.vectorTabs li:not(.mw-watchlink) a, div.vectorTabs li a span, div.vectorMenu h3 span, div#mw-head li.new a, div#mw-head li.new a:visited { color: #055891; font-family: "Lato Heavy", "Lato", "Open Sans", sans-serif; text-transform: uppercase; padding: 15px 10px; font-size: 16px !important; line-height: 0.25em; height: 0.15em; text-decoration: none; }

div#mw-head div.vectorTabs li.selected a, div#mw-head div.vectorTabs li.selected a:visited, div#mw-head div.vectorTabs li:hover a, div.vectorMenu:hover h3 a, div.vectorMenu input:checked + h3 span, div.vectorMenu .menu ul li a:active, div.vectorMenu .menu ul li a:hover { color: #121212 !important; }

div#mw-head #searchform { margin-top: 0; }

div#mw-head #simpleSearch { height: 2.5em; line-height: 2.375em; border: none; }

div#mw-head #simpleSearch input { font-size: 1em; color: #333; padding-left: 0.5em; }

div#mw-head input::placeholder { color: #a3a5a6; }

div.vectorMenu .menu { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none !important; margin-left: 1px; }

div.vectorMenu .menu ul li a { border-bottom: 1px solid #ddd; color: #055891; font-family: "Lato Heavy", "Lato", "Open Sans", sans-serif; text-transform: uppercase; }

div.vectorMenu .menu ul li a:hover, div.vectorMenu .menu ul li a:active { background-color: #f5f5f5; text-decoration: none; }

.vectorTabs .mw-watchlink.icon a { background-position: center; padding: 33px 0 0 !important; }

/* Sidebar */ div#mw-panel { background: rgba(255, 255, 255, 0.6); border: 1px solid #28fdff; padding: 5px; box-sizing: border-box; top: 180px; }

div#mw-panel #p-logo { top: -180px; }

div#mw-panel .portal .body li { font-size: 85%; }

div#mw-panel .portal .body li a { color: #00457e; text-shadow: 0.5px 0 0 currentColor; }

div#mw-panel .portal h3 { font-size: 1em; text-transform: uppercase; }

/* Footer */ background: rgba(255, 255, 255, 0.6); padding: 1.3em; border: 1px solid #28fdff; border-top: none; margin-bottom: 2em; color: #303030; }
 * 1) footer {

font-size: 0.85em; color: currentColor; text-shadow: 0.5px 0 0 currentColor; }
 * 1) footer ul li {

color: #00457e; text-shadow: 0.5px 0 0 currentColor; }
 * 1) footer a {

/* Content area */ .mw-body-content { line-height: 1.4; font-size: 1em; }

a, label.toctogglelabel { color: #057fc5; }

.mw-body, .parsoid-body { color: #0a0a0a; }

body { font-family: Verdana, sans-serif; }

hr { color: #28fdff; background-color: #28fdff; }

display: none; }
 * 1) contentSub {

background: rgba(255, 255, 255, 0.6); border: 1px solid #28fdff; padding: 1.3em; overflow: hidden; }
 * 1) mw-content-text {

.catlinks { background: rgba(255, 255, 255, 0.6); border: 1px solid #28fdff; padding: 1.3em; position: relative; padding-left: 2em; }

.catlinks::before { position: absolute; width: 4px; left: 1em; top: -4px; bottom: -4px; background: #ffb900; content: ''; }

.catlinks a { color: #00457e; text-shadow: 0.5px 0 0 currentColor; }

font-size: 170%; line-height: 1.66; padding-left: 0.75758em; border-bottom: none; margin-bottom: 0; }
 * 1) pageWrapper .firstHeading {

/* @media screen and (min-width: 1350px) { #pageWrapper .firstHeading { box-sizing: border-box; width: calc(100% - 410px - 20px); float: left; } }

.mw-body-content .toc { background: #f8f8f8; border: 1px solid #cbcbcb; }

.mw-body-content .toc .tocnumber { color: #0b0b0b; }

.mw-body-content .toc h2 { border-bottom: none; font-family: inherit; }

div.thumbinner { background: linear-gradient(to bottom, #0182dd, #064c7d); border: none; color: #fff; padding: 10px; border-radius: 10px; transition: 0.3s all; }

div.thumbinner .thumbcaption { padding-top: 0.8em; text-align: center; }

div.thumbinner .thumbimage { border: none; }

div.thumbinner:hover { transform: scale(1.05); }

.mw-body-content h2 { font-size: 1em; margin-top: 2em; border-bottom: 1px solid #28fdff; }

.mw-body-content h2 .mw-headline { font-size: 130%; font-family: "Lato Heavy", "Lato", "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; }

fieldset { border-color: #000; }

@keyframes MoveUpDown { 0%,   100% {        margin-top: 10px; }   50% {        margin-top: -10px; } }

.gallerybox { margin: 4px !important; }

.gallerybox .thumb { border: 4px solid #effaff !important; transition: 0.3s all; }

.gallerybox:hover .thumb { border-color: #0182dd !important; transform: scale(1.05); }

/* For elements which only display in the mobile view */ .mobileonly { display: none; }

div#simpleSearch { margin-top: 0; }

/* Preferences */ .client-js .mw-prefs-buttons, .client-js .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed { border-color #000; }

.skin-hydra .oo-ui-tabSelectWidget, .skin-hydra .oo-ui-tabOptionWidget, .skin-hydra .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .skin-hydra .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected.oo-ui-widget-enabled:hover, .skin-hydra .oo-ui-tabOptionWidget:active, .skin-hydra .oo-ui-tabOptionWidget:hover { background: none; }

.client-js .oo-ui-tabOptionWidget .oo-ui-labelElement-label { font-family: Verdana, sans-serif; color: #000; text-transform: uppercase; }

.client-js .oo-ui-tabOptionWidget:hover .oo-ui-labelElement-label { color: #444; }

.skin-hydra .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { color: #444; }

/* History & diffs */ td.diff-deletedline { background: #f9f9f9; }

td.diff-addedline { background: #f9f9f9; }

/* Tables */ table.Etable { border-collapse: separate; border-spacing: 4px; font-size: 95%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); margin: 1em; border: 1px solid #aaa; }

table.Etable>*>tr>th { background-color: #565f6c !important; color: #ffb900; font-size: 110%; padding: 8px; }

.Etable td { padding-left: 6px; padding-right: 6px; }

.TablePager_nav td.TablePager_nav-first .TablePager_nav-disabled { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/d/db/Pager-arrow-disabled-fastforward-rtl-dark.png); }

.TablePager_nav td.TablePager_nav-prev .TablePager_nav-disabled { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/4/4c/Pager-arrow-disabled-forward-rtl-dark.png); }

.TablePager_nav td.TablePager_nav-next .TablePager_nav-disabled { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/d/d1/Pager-arrow-disabled-forward-ltr-dark.png); }

.TablePager_nav td.TablePager_nav-last .TablePager_nav-disabled { background-image: url(https://static.wikia.nocookie.net/commons_hydra/images/2/27/Pager-arrow-disabled-fastforward-ltr-dark.png); }

/* Wiki editor */ .wikiEditor-ui-controls { background: transparent; }

.wikiEditor-ui-buttons { background: transparent; border-top: none; }

.wikiEditor-ui { background: transparent; }

.wikiEditor-preview-contents { background: transparent; }

.wikiEditor-preview-loading { background: transparent; }

/* Help links */ .mw-body .mw-indicator { filter: invert(100%); margin-top: 0.66em; margin-right: 0.66em; }

/* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; }

.ambox { background-color: #eee; border-collapse: collapse; border: 1px solid #000; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

.ambox+.ambox { margin-top: -2px; }

.ambox-gray { border-left-color: #383838; background: #bba; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */ .ambox-color { width: 10px; border-right: 1px solid #000; }

.ambox-blue { background: #1e90ff; }

.ambox-red { background: #b22222; }

.ambox-orange { background: #f28500; }

.ambox-yellow { background: #f4c430; }

.ambox-purple { background: #9932cc; }

.ambox-green { background: #228b22; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; }

/* INFOBOXES */ .infobox { background-color: #ede9e9; border: 1px solid #505050; color: #000; float: none; font-size: 89%; margin-bottom: 0.5em; padding: 0.2em; width: 300px; }

.infobox td.infoboxlabel { background-color: #565f6c; border: 2px solid #505050; font-weight: bold; color: #ede9e9; padding: 0.5px 7px; text-align: right; }

.infoboxtable { background-color: #f9f9f9; border: 1px solid #aaa; color: #000; float: none; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: #f9f9f9; border: 2px solid #505050; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxname { font-size: 130%; font-weight: bold; padding: 0.5em; background-color: #565f6c; color: #ffb900; }

.infoboxdescription { background-color: #565f6c; font-size: 100%; }

.infoboxdetails { padding: 0em; }

/* copyright images tweak */ .copyright-icon { background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat; background-size: 100%; width: 32px; height: 32px; }

.feature { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; }

/* Navbox template style */ table.navbox { border: 1px solid #aaaaaa; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

/* Border between adjacent navboxes */ table.navbox+table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: rgba(255, 255, 255, 0.2); }

.navbox-list { border-color: rgba(255, 255, 255, 0.2); /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: rgba(255, 255, 255, 0.2); color: #444; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(255, 255, 255, 0.2); color: #333; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: rgba(0, 0, 0, 0.05); color: #333; }

/* Even row striping */ .navbox-even { background: rgba(0, 0, 0, 0.05); color: #333; }

/* Odd row striping */ .navbox-odd { background: transparent; }

.collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; }

.navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; }

table.collapsed tr.collapsible { display: none; }

/* End of new Navbox styling */

/* Front page styles */ .page-Elteria_Adventures_Wiki #mw-content-text { padding: 0; border: none; background: transparent !important; }

.page-Elteria_Adventures_Wiki #fptopsection .fpbox { margin: 0 0 10px; }

.page-Elteria_Adventures_Wiki .off #fptopsection>.fpbox:first-child { height: 400px; position: relative; }

.page-Elteria_Adventures_Wiki .off #fptopsection>.fpbox:first-child:before { content: ''; animation: MoveUpDown 3s ease-in-out infinite; background: url(https://i.imgur.com/wP8Q5yH.png) 0 0 no-repeat; width: 190px; height: 463px; position: absolute; top: -70px; left: 75px; display: block; pointer-events: none; }

.page-Elteria_Adventures_Wiki .off #fptopsection>.fpbox:first-child:after { content: ''; background: url(https://i.imgur.com/9UnSfbK.png) 0 0 no-repeat; width: 346px; height: 477px; position: absolute; bottom: 0; right: 22px; display: block; pointer-events: none; }

.welcome { text-align: center; }

.welcome * { font-style: normal; }

.fpbox:last-child .body { position: relative; }

.fpbox:last-child .body:before, .fpbox:last-child .body:after { background: url(https://i.imgur.com/sSUn9rx.png); width: 477px; height: 499px; content: ''; position: absolute; left: -10px; bottom: -10px; pointer-events: none; z-index: -1; display: none; }

.fpbox:last-child .body:after { left: auto; right: -10px; transform: scaleX(-1); }

.fpcontent { width: 100%; z-index: 1; }

.fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; }

.fpmaybecols+.fpmaybecols { margin: 0 0 -5px 0; }

.fpbox .heading, .welcome { padding: 0 0 0 0; margin: -11px; margin-bottom: 10px; }

.fpbox { background: rgba(255, 255, 255, 0.6); border: 1px solid #28fdff; margin: 0 10px 10px; padding: 10px; }

.fplinks { margin: -10px; padding: 10px; }

.fplinks .linkslabel { font-family: Verdana, sans-serif; background: rgba(0, 0, 0, 0); border-bottom: 2px solid #505050; margin: 15px 5px 5px 5px; padding: 0 0 5px 0; text-transform: uppercase; }

.fpbox .heading, .firstHeading, .welcome { font-family: "Lato Heavy", "Lato", "Open Sans", sans-serif; border: 1px solid #28fdff; color: #fff; background: linear-gradient(to right, #0182dd, #064c7d); font-weight: bold; text-transform: uppercase; font-size: 170%; line-height: 1.66; }

.fpbox .heading .smalllink, .firstHeading .smalllink, .welcome .smalllink { font-size: 75%; font-weight: bold; }

.fplink { background: rgba(255, 255, 255, 0.25); border: 2px solid #000; color: #000; font-weight: bold; }

.fplink .box a { font-family: Verdana, sans-serif; color: #000 !important; text-decoration: none; transition: color 0.5s; }

.fplink .box a:hover { color: #555 !important; }

.fplink .box a:active { color: #555 !important; }

.fplink a { display: block; }

/* Notifications fix */ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: inherit; }