dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

#tvmh-container {
	display: grid;
	grid-template: calc( 100vh - 2.2em ) 2em / 1fr 5fr;
	grid-gap: .2em 1em;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999999999999;
	background: #404a57;
	color: #fff;
	overflow: hidden;
}

.tvmh-overrideui label { display: block }

body { overflow: hidden }

.page,
.page__main,
#WikiaPage,
#WikiaPage .WikiaPageContentWrapper,
#WikiaMainContent,
#WikiaArticle { position: initial; z-index: 9999999999999; }

#tvmh-pagelist {
	overflow-y: auto;
	border-right: 1px solid gray;
}

#tvmh-pagelist > ul {
	list-style: none;
	margin-left: 0;
}

#tvmh-pagelist > ul:empty::before {
	content: 'No article contains tabview'
}

#tvmh-pagelist > ul.loading::before {
	content: 'Loading...'
}

#tvmh-pagelist > ul > li {
	border-bottom: 1px solid gray;
	cursor: pointer;
	padding-left: 1em;
	padding-right: 1em;
}

#tvmh-pagelist > ul > li.invalid {
	color: lightgray;
	text-decoration: line-through;
}

#tvmh-pagelist > ul > li.active {
	cursor: default;
	color: gold;
}

#tvmh-workbench {
	overflow-y: auto;
	padding: 1em;
}

#tvmh-workbench:empty::before {
	content: "No article selected";
}

#tvmh-workbench pre {
	background: transparent;
	overflow: hidden auto;
	white-space: normal;
	max-width: 78vw;
}

#tvmh-workbench .tvmh-workbench-tabs {
	display: flex;
	margin-left: 0;
	list-style: none;
}

#tvmh-workbench .tvmh-workbench-tabs li {
	border: 1px solid lightgray;
	cursor: pointer;
	padding: 0 1em;
}

#tvmh-workbench .tvmh-workbench-tabs li.active {
	border-color: gold;
	color: gold;
}

.tvmh-workbench-tabs-content > *:not( .active ) {
	display: none;
}

.tvmh-workbench-tabs-content > div:last-child textarea {
	width: 100%;
	height: 75vh;
	resize: vertical
}

#tvmh-options {
	grid-column: 1/-1;
	align-self: center;
	padding-left: .5em;
}

#tvmh-options > label:not( :first-child ) {
	margin-left: .5em;
	border-left: 1px solid gray;
	padding-left: .5em;
}

.tvmh-preview {
	background: #303a47;
	position: absolute;
	top: 5vh;
	left: 10vw;
	right: 10vw;
	z-index: 9999999999999;
	overflow: auto;
	padding: 1em;
	max-height: 85vh;
}