/** Main Header **/
.mainpage-header-left
{
    position:relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    padding-top: 8px;
    padding-left: 30px;
    background: url("https://vignette.wikia.nocookie.net/octopath-traveler/images/f/f2/MainHeader_Repeat.png") top left repeat-x;
    width: 90%;
    width: -moz-calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: -o-calc(100% - 35px);
    width: calc(100% - 35px);
    margin-bottom: 5px;
    margin-top: 9px;
    font-size:20px;
    color: #F5F5F5;
    font-weight:500;
}

.mainpage-header-left-end {
    position:absolute;
    top:0px;
    right:-36px;
    height: 42px;
    width: 36px;
    background: url("https://vignette.wikia.nocookie.net/octopath-traveler/images/8/87/MainHeader_End.png") top right no-repeat;
    background-color:transparent;
}

.mainpage-header-right {
    display: inline-block;
    background-color: #0c0c0c;
    width: 100%;
    padding-top: 2px;
    padding-left: 10px;
    height: 28px;
    font-size:18px;
    color: #F5F5F5;
    font-weight:500;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	margin-top: 6px;
	margin-bottom: 10px;
}
/* End Main Header */


/** Main Contents **/
.mainpage-contents {
	float:left; 
	vertical-align:top; 
	display:  -webkit-box; 
	display: -webkit-flex; 
	display:  -ms-flexbox; 
	display: flex; 
	flex-wrap: wrap;
}

.mainpage-contents-nav {
	float: left; 
	padding-left: auto; 
	padding-right: auto;
	flex-grow: 1; 
}

.mainpage-contents-col {
    width: -webkit-calc(33%);
    width:    -moz-calc(33%);
    width:         calc(33%);
    float: left; 
    vertical-align:top;
}

.mainpage-chartile {
	vertical-align: top;
	display: inline-block;
	width: 76px;
	font-size: 80%;
}

.mainpage-storytile {
	vertical-align: top;
	display: inline-block;
	width: 146px;
	font-size: 90%;
}

.mainpage-rightcolumn {
	border: 1px solid #6E695E;
	padding: 15px 5px 5px 5px;
}

.theme-fandomdesktop-light .mainpage-rightcolumn {
    background: #EBE0B8;
}

.theme-fandomdesktop-dark .mainpage-rightcolumn {
    background: #211E14;
}
/* End Main Contents */

/** Mainpage Recent Activity **/
/* Removes filter tabs, legend, description header */
.mainpage-recentactivity .wds-tabs__wrapper,
.mainpage-recentactivity .mw-changeslist-legend,
.mainpage-recentactivity .activity-summary {
	display: none;
}

/* Filter out non essential info, retains only page name and changed bytes (diff) */
.mainpage-recentactivity td:not(.mw-changeslist-line-inner) {
	display: none;
}

.mainpage-recentactivity .mw-changeslist-line-inner :not(.mw-changeslist-line-inner-articleLink):not(.mw-title):not(.mw-changeslist-title):not(.mw-changeslist-line-inner-characterDiff):not(.mw-plusminus-pos):not(.mw-diff-bytes){
	display: none;
}

/* Removes anything without revid (move, delete), and the empty space that it'd leave behind */
/*.mainpage-recentactivity table:not([data-mw-revid]),*/
.mainpage-recentactivity .table-wrapper,
.mainpage-recentactivity .fl-scrolls {
	display: none;
}

/* Actual styling */
.mainpage-recentactivity table {
	padding: 1px 10px;
	margin: 2px;
	width: 98%;
}

.mainpage-recentactivity a {
}

.mainpage-recentactivity .mw-changeslist-line-inner-characterDiff,
.mainpage-recentactivity .mw-diff-bytes {
	font-size: 12px;
	float: right;
}

/* End Mainpage Recent Activity */