/**
 * @file plugins/generic/embeddedHtmlGalley/styles/htmlGalley.css
 *
 * Copyright (c) 2014-2021 Simon Fraser University
 * Copyright (c) 2003-2021 John Willinsky
 * Copyright (c) 2020-2021 State and University Library Hamburg
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * @brief Classes for inline HTML-Documents
 */

.inline_html {
	/* table style */
	table {
		overflow-y: auto;
		display: block;
		margin-left: 1em;
		border-collapse: collapse;
	}

	table, th, td {
		padding: .3em .5em;
	}

	th, td {
		color: rgba(0, 0, 0, 0.87);
		padding: 10px;
	}

	th {
		font-weight: 900;
		border-top: 1px solid rgba(0, 0, 0, 0.87);
		border-bottom: 1px solid rgba(0, 0, 0, 0.87);
	}

	/* table bottom */
	tr:last-child {
		border-bottom: 1px solid rgba(0, 0, 0, 0.87);
	}

	/* each even tr grey */
	tbody tr:nth-child(even) {
		background-color: #e7e7e7;
		color: #000;
	}

	figure img {
		cursor: pointer;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	figure img:hover {
		/* transform: scale(1.05); */
		opacity: 0.8;
	}

	/* Tabellenüberschrift */
	caption, figcaption {
		color: rgba(0, 0, 0, 0.54);
		font-style: italic;
	}

	caption {
		padding-bottom: 5px;
		caption-side: top; /* overwrite Bootstrap */
		text-align: left;
		font-size: 1em;
		border-radius: .3em .3em 0 0;
		padding: .5em 0.3em 0 0;
	}

	/* Inhaltsverzeichnis */
	.toc ul {
		list-style: none;
	}

	/* Schwarzer Text für Labels */
	.item .label {
		color: black;
	}
}


/* alter css of the html display page */
/* works with default theme */

.pkp_structure_main:first-child:last-child {
    margin-left: 0;
}
.pkp_structure_main:first-child:last-child::before {
    left: 0px;
}
.pkp_structure_main:first-child:last-child::after {
    right: 0px;
}

// needed for scrollable tables
// TODO geht evtl anders
// sidebar-width is 300px;
.inline_html {
      width: 300px;
}
@media( min-width: 360px ) {
	.inline_html {
	      width: 335px;
	}
}
@media( min-width: 400px) {
	.inline_html {
	      width: 380px;
	}
}
@media( min-width: 500px) {
	.inline_html {
	      width: 460px;
	}
}
@media( min-width: 600px) {
	.inline_html {
	      width: 560px;
	}
}
/* @screen-tablet */
@media( min-width: 768px) {
	.inline_html {
	      /*width: @screen-tablet-container - @sidebar-width - @double */
	      width: 448px;
	}
}
/* @screen-desktop */
@media(min-width: 992px) {
	.inline_html {
		/*width: @screen-desktop-container - @sidebar-width */
		width: 692px;
	}
	.pkp_structure_main:first-child:last-child {
		margin-top: 10px;
		float: left;
		width: 1012px;
	}
	.obj_article_details .main_entry {
		float: left;
		width: 72%;
	}
	.obj_article_details .entry_details {
		float: left;
		width: 28%;
	}
}
/* @screen-lg-desktop */
@media( min-width: 1200px ) {
	.inline_html {
		/*width: @screen-lg-desktop-container - @sidebar-width - @triple */
		width: 850px;
	}
	.pkp_structure_main:first-child:last-child {
		margin-top: 10px;
		float: left;
		width: 1220px;
	}
	.obj_article_details .main_entry {
		float: left;
		width: 72%;
	}
	.obj_article_details .entry_details {
		float: left;
		width: 28%;
	}
}