Octopath Traveler Wiki

Wooden Signboard
Welcome to the Octopath Traveler Wiki!
Be advised, many pages may contain unmarked spoilers! Browse at your own discretion!

READ MORE

Octopath Traveler Wiki
mNo edit summary
(Fixing a bunch of code errors)
Line 4: Line 4:
 
background-position: right bottom;
 
background-position: right bottom;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
border-bottom: 1px solid green;tool
+
border-bottom: 1px solid green;
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 368: Line 368:
 
font-family: Arial; /* This changes the text in the content space only */}
 
font-family: Arial; /* This changes the text in the content space only */}
   
importArticles({
 
type: "script",
 
articles: [
 
"w:c:dev:Countdown/code.js"
 
]
 
});
 
 
/* Standard Navigationsleisten, aka box hiding thingy
 
/* Standard Navigationsleisten, aka box hiding thingy
 
from .de. Documentation at [[Wikipedia:NavFrame]]. */
 
from .de. Documentation at [[Wikipedia:NavFrame]]. */
Line 637: Line 631:
 
.edit-pencil, .talk {
 
.edit-pencil, .talk {
 
background-image:url('https://images.wikia.nocookie.net/rf3/images/d/d7/Sprite.png') !important;
 
background-image:url('https://images.wikia.nocookie.net/rf3/images/d/d7/Sprite.png') !important;
@import "//anime.wikia.com/index.php?title=MediaWiki:Anime-Common.css&action=raw&ctype=text/css&smaxage=86400&templates=expand";
 
 
}
 
}
 
/* === Hide "Image added by" on articles === */
 
/* === Hide "Image added by" on articles === */
Line 756: Line 749:
 
}
 
}
   
* User Profile Styling */
+
/* User Profile Styling */
 
.UserProfileMasthead .masthead-info hgroup {
 
.UserProfileMasthead .masthead-info hgroup {
 
background-image: url("https://vignette.wikia.nocookie.net/maistesting/images/e/ec/GrassCows.png/revision/20180222234546");
 
background-image: url("https://vignette.wikia.nocookie.net/maistesting/images/e/ec/GrassCows.png/revision/20180222234546");

Revision as of 19:18, 11 October 2019

/* Таблицы 
   Article Tables */
.article-table {
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom: 1px solid green;
	text-align: center;
}
.article-table th {
	background-color: #0A0605;
	border: 1px solid #0A0605;
	color: white;
	text-align: center;
}
.article-table td {
	border: 1px solid #0A0605;
}


/* Hide Breadcrumbs On Portals */
body.ns-112 .WikiaPageHeader h2,
body.ns-112 .WikiaMainContent #contentSub,
body.ns-112 #bodyContent #contentSub {
  display: none !important;
}
/****************************************************/
/***  CSS for Navboxes (see [[Template:Navbox]])  ***/
/****************************************************/
 
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.5em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox {
    margin-top: 1em;          /* Prevent preceding content from clinging to navboxes */
}
table.navbox table.navbox {
    margin-top: 0;            /* No top margin for nested navboxes */
}
table.navbox + table.navbox {
    margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.mw-body-content .navbar ul {
    line-height: inherit;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
  font-variant: small-caps;
  border-bottom: none;
  text-decoration: none;
  cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}
/* default skin for navigation boxes */

/* Hover thingy */
.hoverimage {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 4;
}
.hoverimage img {
   opacity: 0;
   -webkit-transition: opacity .5s ease;
   -moz-transition: opacity .5s ease;
   -ms-transition: opacity .5s ease;
   -o-transition: opacity .5s ease;
   transition: opacity .5s ease;
}
.hoverimage:hover img {
   opacity: 1;
   -webkit-transition: opacity .5s ease;
   -moz-transition: opacity .5s ease;
   -ms-transition: opacity .5s ease;
   -o-transition: opacity .5s ease;
   transition: opacity .5s ease;
}
.portable-infobox .pi-data-value li {
	line-height:1.5em
}
.portable-infobox .reference,.refadjust .reference {
	font-size:7.5px;
	line-height:1.5
}
.portable-infobox .assumed {
	font-size:7.5px;
	line-height:1.5
}
.portable-infobox .pi-border-color {
	border-bottom-style:none !important
}
.portable-infobox .pi-item-spacing {
	padding:4px
}
.portable-infobox .pi-title {
	font-size:0.95em;
	text-align:center;
	line-height:1.5
}
.portable-infobox .pi-secondary-font {
	font-size:0.8em;
	line-height:1.5
}
.portable-infobox .pi-data-value {
	font-size:0.8em;
	line-height:1.5
}
.portable-infobox.pi-navigation:last-child,.portable-infobox .pi-navigation:last-child {
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-ms-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	text-align:center
}

.skin-Monobook #title-eraicons img { float: left; }

/* tweaks for title-messing templates */
	#title-override { left: 0px!important; font-weight: bold!important; background: #f4f8ff!important; }
	
	.WikiaPageHeader > h1 {
 font-family: Segoe UI; /* This changes the header on every article */
}











































/* Menus */
@import url("//casualtybbc.wikia.com/index.php?title=MediaWiki:Menus.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/* Chat */
@import url("//casualty.wikia.com/index.php?title=MediaWiki:Chat.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

/* Hex #         Description                                               */
/* #284C6D ..... Workmark text color                                       */
/* #3A3A3A ..... Colour of all 'black' text on Wikia                       */

:not(.editor) .WikiaMainContent {
  margin-bottom: 15px;
}

/* Body styling ala the monobook skin */
body.mediawiki, .Chat .inline-alert, .Chat .inline-alert, .ChatHeader .User .username, .Chat .message, .Chat .username, .Chat .time, .WikiaMainContent, body.cke_panel_frame, #EditPageEditorWrapper, .WikiaArticle {
	font-family: arial, sans-serif;
}
 
a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="reset"], input[type="button"], .button, button, a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary, .wikia-menu-button.active, div.neutral.modalToolbar a#ok.wikia-button, #EditPage .module_page_controls .wikia-menu-button, #EditPage .module_page_controls input[type="submit"], #wpSave, #wpPreview, #wpDiff, #wpSave a:hover, #wpDiff a:hover, #wpPreview a:hover, #wpSave:hover, #wpDiff:hover, #wpPreview:hover .tabbernav li a, .css-side-bar .css-edit-box .css-publish-button {
    font-family: Arial;
}

/* Administrator Identification Tags */
a[href$="http://therunefactory.wikia.com/wiki/User:Mai_Is_Me"] {
    font-weight: bold !important;
    font-family: Arial !important;
}
/* Gradient on the right column as well as main page modules */
/* Mainpage H4 */
.mainpage h4 {
    margin: 0px !important;
}


/* Search */
.WikiaSearch input.placeholder[type="text"] {
    color: #284C6D !important;
}
.WikiaSearch input[type="text"]::-webkit-input-placeholder {
  color: #284C6D !important;
}
#WikiaSearch > input[name="search"] {
	background: transparent;
	border: 0;
	margin-left: 9px;
	padding-left: 0;
	padding-right: 0;
	width: 268px;
}
#WikiaSearch > button {
	border-radius: 3px;
	float: none;
	height: 24px;
	position: absolute;
	top: 1px;
	right: 1px;
}


/* Twitter Line Spacing */
.cfUserTweetsTag li {
  margin-bottom:10px;
}
 
/* References Text Size */
.references-small {
  font-size: 85%;
}
#infobox .reference {
  font-size: 85% !important;
  font-family: Helvetica, Arial, sans-serif !important;
}
 
/* Superscript */
sup {
  line-height: 1em;
}

/* ------------------------ CUSTOM WIKIA BUTTONS ------------------------- */
 
/* Hover */
.cc2-wikia-button a:hover {
  background-color: #284C6D;
  background-image: -moz-linear-gradient(top, #366692 35%, #284c6d 65%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #366692), color-stop(65%, #284c6d));
  text-decoration: none;
}
 
.cc2-wikia-button a:active {
  background-image: -moz-linear-gradient(top, #23425e 35%, #305c83 65%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #23425e), color-stop(65%, #305c83));
  text-decoration: none;
}
.WikiaArticle {
 font-family: Arial; /* This changes the text in the content space only */}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #aaa;
  width:100%; 
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:1px;
}
table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-subgroup {
  background:#fdfdfd;     /* Background color */
}
.navbox-list {
  border-color:#fdfdfd;   /* Must match background color */
}
.navbox-title, table.navbox th {
  background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background:transparent; /* Odd row striping */
}
 
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */
    width: 6em;           /* [[Template:Tnavbar]], so they need to be the same width.      */
}


/* == Intern and Resident Theme == */
.pi-theme-internresident .pi-title {
    background-color:#6699CC;
}
.pi-theme-internresident .pi-secondary-background {
    background-color:#99CCFF;
}
.pi-theme-internresident .pi-title {
    font-size:15px;
}
.pi-theme-internresident .pi-header {
    color: #333333;
}
.pi-theme-internresident .pi-title, .pi-theme-internresident .pi-header > div:nth-of-type(1) div, .pi-theme-internresident > div:nth-of-type(2) div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/* == Character Family Theme == */
.pi-theme-family .pi-title {
    background-color:#996699;
}
.pi-theme-family .pi-secondary-background {
    background-color:#CCCCCC;
}
.pi-theme-family .pi-title {
    font-size:15px;
}
.pi-theme-family .pi-header {
    color: #333333;
}
.pi-theme-family .pi-title, .pi-theme-family .pi-header > div:nth-of-type(1) div, .pi-theme-family > div:nth-of-type(2) div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.pi-theme-family > div:nth-of-type(1) div, .pi-theme-family > div:nth-of-type(2) div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* == Other Characters Theme == */
.pi-theme-others .pi-title {
    background-color:#7DA8A8;
}
.pi-theme-others .pi-secondary-background {
    background-color:#CCCCCC;
}
.pi-theme-others .pi-title {
    font-size:15px;
}
.pi-theme-others .pi-header {
    color: #333333;
}
.pi-theme-others .pi-title, .pi-theme-others .pi-header > div:nth-of-type(1) div, .pi-theme-others > div:nth-of-type(2) div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.pi-theme-others > div:nth-of-type(1) div, .pi-theme-others > div:nth-of-type(2) div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/* == HCA Theme == */
.pi-theme-HCA .pi-title {
    background-color:#ABA3F3;
}
.pi-theme-HCA .pi-secondary-background {
    background-color:#D2D0F8;
}
.pi-theme-HCA .pi-title, .pi-theme-HCA .pi-header {
    color: #000000;
}
.pi-theme-HCA .pi-title {
    font-size:18px;
}
.pi-theme-HCA .pi-background {
   background-color: #EBE9F0;
}

/* == Porter Theme == */
.pi-theme-porter .pi-title {
    background-color:#A04E6D;
}
.pi-theme-porter .pi-secondary-background {
    background-color:#C0899E;
}
.pi-theme-porter .pi-title, .pi-theme-porter .pi-header {
    color: #000000;
}
.pi-theme-porter .pi-title {
    font-size:18px;
}
.pi-theme-porter .pi-background {
   background-color: #F0E9EB;
}

/* == Guest Theme == */
.pi-theme-guest .pi-title {
    background-color:#9FD6B9;
}
.pi-theme-guest .pi-secondary-background {
    background-color:#B5E1CA;
}
.pi-theme-guest .pi-title, .pi-theme-guest .pi-header {
    color: #000000;
}
.pi-theme-guest .pi-title {
    font-size:18px;
}
.pi-theme-guest .pi-background {
   background-color: #F0F0E9;
}

/* == Holby City Character Theme == */
.pi-theme-holby .pi-title {
    background-color:#006D81;
}
.pi-theme-holby .pi-secondary-background {
    background-color:#1B93A8;
}
.pi-theme-holby .pi-title, .pi-theme-holby .pi-header {
    color: #000000;
}
.pi-theme-holby .pi-title {
    font-size:18px;
}
.pi-theme-holby .pi-background {
   background-color: #ECE9F0;
}

/* == Neutral Character Theme == */
.pi-theme-neutral .pi-title {
    background-color:#9FD6B9;
}
.pi-theme-neutral .pi-secondary-background {
    background-color:#B5E1CA;
}
.pi-theme-neutral .pi-title {
    font-size:18px;
}
.pi-theme-neutral .pi-title, .pi-theme-neutral .pi-header {
    color: #000000;
}
.pi-theme-neutral .pi-header {
    color: #333333;
}


 
#title-eraicons img {
	height: 25px;
	width: 28px;
}



@import "//anime.wikia.com/index.php?title=MediaWiki:Anime-Common.css&action=raw&ctype=text/css&smaxage=86400&templates=expand";
/* === Hide "Image added by" on articles === */
.WikiaArticle .picture-attribution {display:none;}
.edit-pencil, .talk {
background-image:url('https://images.wikia.nocookie.net/rf3/images/d/d7/Sprite.png') !important;
}
/* === Hide "Image added by" on articles === */
.WikiaArticle .picture-attribution {display:none;}


/* Customizing Tabber */
.tabbertab {
    border-top: 0px solid orange !important;
    border-bottom: 0px solid orange !important;
    border-left: 0px solid orange !important;
    border-right: 0px solid orange !important;
}
 
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
    margin-right: 0px;
}
    /* not applying on the last tabview tabs */
    .tabberlive > ul.tabbernav > li:last-child {
        margin-right: 0;
    }
 
.tabbernav {
    background: transparent;
    border-bottom: 0 !important;
    padding: 3px 0 !important;
}
 
ul.tabbernav li a {
    border: 1px solid black !important;
    color: black !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    padding: 1px 0.5em !important;
    position: relative;
}
 
ul.tabbernav li.tabberactive {
    line-height: 0 !important;
}
 
    ul.tabbernav li.tabberactive:first-child a {
        margin-left: 0 !important;
    }
 
.tabbertab .ajax-poll {
    border: none !important;
}
 
.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
    display: block !important;
}
/* End of Customizing Tabber */
/* Background Style */
/**Admin Link Color**/
a[href="/wiki/User:Mai_Is_Me"] { color:#E75480 !important; }
a[href*="Message_Wall:Mai_Is_Me"] { color:#E75480 !important; }
a[href="/wiki/User:SNKDan"] { color:#4b0089 !important; }
a[href*="Message_Wall:SNKDan"] { color:#4b0089 !important; }

/**END Admin Link Color**/
 
/** Admin comments highlight in blogs **/
.comments li[data-user="Mai Is Me"] blockquote {
	background:#E75480 !important;
}
.comments li[data-user="Mai Is Me"] blockquote:after {
	border-color:transparent #E75480 #E75480 transparent !important;
}
.comments li[data-user="Mai Is Me"] blockquote div {
	background:transparent !important;
}
/** END ADMIN HIGHLIGHTS **/

/* Wiki Navigation */
.nav-item.marked {
border-radius:6px 6px 0 0 !important;
-moz-border-radius:6px 6px 0 0 !important;
}
.nav-item.marked > a {
border-top-color:transparent !important;
}
.subnav-2-item.marked2 .subnav-2a {
border-radius:6px 6px 0 0 !important;
-moz-border-radius:6px 6px 0 0 !important;
}
.subnav-2a {
transition:0.2s all linear;
-webkit-transition:0.2s all linear;
border-radius:6px;
-moz-border-radius:6px;
}
.subnav-2a:hover {
background:#eee;
color:#000 !important;
}
.subnav-3.subnav {
border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
margin-top:1px !important;
}
.navbackground {
border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
background-image:url('');
background-repeat:no-repeat;
background-position:460px -70px;
}
.navbackground div {
background:inherit !important;
width:0 !important;
}
.navbackground .chevron {
display:none;
}

/* User Profile Styling */
.UserProfileMasthead .masthead-info hgroup {
	background-image: url("https://vignette.wikia.nocookie.net/maistesting/images/e/ec/GrassCows.png/revision/20180222234546");
}
.UserProfileMasthead .masthead-info .group {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: url("https://vignette.wikia.nocookie.net/central/images/8/8c/Blue_landscapes_nature_forest_2560x1440_wallpaper_www.wallpaperto.com_46.jpg/revision/latest?cb=20150116185632");
	border-radius: 3px;
	display: inline-block;
	margin-left: 10px;
	padding: 2px 5px;
	position: relative;
	top: -4px;
}
/* User Profile Styling */
.UserProfileMasthead .masthead-info hgroup {
	background-image: url("https://vignette.wikia.nocookie.net/octopath-traveler/images/e/ec/GrassCows.png");
}

/**** Navbox Traveler Box START ****/
.NavboxTraveler
{
    position: relative;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 2px;
    height: 80px;
    width: 81px;
    z-index: 0;
}
.NavboxTravelerBoxText
{
    position:absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    font-size: 11px;
    text-align: center;
    padding: 0 0;
    width:100%;
}

.NavboxTravelerBoxText span
{
    background: rgba(0,0,0,0.6);
}

.NavboxTravelerImage
{
    position: absolute;
    top: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    opacity: 1;
    z-index: 1;
}
.NavboxTraveler:hover .NavboxTravelerImage
{
    opacity: 0;
}

.NavboxTraveler:hover .NavboxTravelerBoxText
{
    font-size: 12px;
    font-weight: bold;
}

    /*Fade START*/
.NavboxTravelerImageAlt
{
    position: absolute;
    top: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    opacity: 0;
    z-index: 2;
}
.NavboxTraveler:hover .NavboxTravelerImageAlt
{
    opacity: 1;
}

.NavboxBackgroundBar
{
    display: inline-block;
    background-image: url("https://vignette.wikia.nocookie.net/octopath-traveler/images/3/3b/CharNavBkgd_Left.png"),url("https://vignette.wikia.nocookie.net/octopath-traveler/images/1/11/CharNavBkgd_Right.png"),url("https://vignette.wikia.nocookie.net/octopath-traveler/images/d/da/CharNavBkgd_Repeat.png");
    background-position: left 30px, right 30px, center 30px ;
    background-repeat: no-repeat, no-repeat, repeat-x; 
 }
/**** END ****/

/**** Tooltip START ****/
/* Main CSS class of the tooltip */
.main-tooltip {
    border:none;
    background:none;
    box-shadow: none;
    margin-bottom: 5px;
    min-width: 150px;
    max-width: 350px;
    font-family: "Comic Sans MS", "Times New Roman", Sans-Serif;
    color: #fff;
    text-align: left;  
}
 
/* Adds padding to the wrapper to make space for a shadow */
#tooltip-wrapper {
    padding: 3px 7px 2px 3px;
}
 
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
    display: none;
}
 
.tooltips-init-complete {
    cursor: help;
}

.tooltip-ready {
    visibility:hidden;
    display:block;
    z-index:999;
}
 
/* Padding around modules */
.WikiaRail .module, .WikiaRail .rail-module {
     padding:10px;
}

.tooltip-custom-top {    
    padding: 0;    
    background-image: url(https://vignette.wikia.nocookie.net/octopath-traveler/images/b/b2/Tooltip_Top.png);
    background-repeat: no-repeat;
}
/**** END ****/