/*----------------------------------------------------------------------
contibutors.css holds CSS3 style definition used by contributors.html in the website.
Application: Website CultLib
Platform   : CSS3
------------------------------------------------------------------------
Copyright  : http://creativecommons.org/publicdomain/zero/1.0/
Developed  : Hartwig Thomas, Zurich, Switzerland, 2021
Created    : June 2021, Hartwig Thomas
----------------------------------------------------------------------*/
/*======================================================================
media-independent rules
======================================================================*/
@import "sfpd.css";

main>img
{
  width: 100%;
  height: auto;
}

main>div
{
	--size_text_font: 11pt;
  font-size: var(--size_text_font);
	width: 90%;
  height: calc(var(--main_height) - var(--main_width));
	overflow-y: auto;
  position: relative;
}

.hscroll
{
	display: grid;
	grid-auto-flow: column;
	max-width: min-content;
	grid-template-rows: auto;
	scrollbar-width: none;
	overflow-x: auto;
}

.hscroll::-webkit-scrollbar
{
	display: none;
}

.hscroll a
{
	width: calc(0.3 * var(--main_width));
  border-style: solid;
  border-color: var(--color_light);
  border-width: 0;
  text-align: center;
}

.hscroll a:link 
{ 
	color: var(--color_light);
	text-decoration: none; 
}
.hscroll a:visited
{ 
  color: var(--color_light);
  text-decoration: none; 
}

.hscroll a:hover
{ 
  color: var(--color_light);
  text-decoration: none; 
}

.hscroll a:active
{ 
  color: var(--color_light);
  text-decoration: none; 
}

.hscroll a.selected
{
  border-width: 0 0 1px 0;
}

.hscroll a.scroll
{
  position: absolute;
  display: inline;	
  width: 1em;
  height: var(--size_font);
  border: 0;
  background-color: var(--color_black);
}

.hscroll a.scroll.prev
{
	left: 0;
}

.hscroll a.scroll.next
{
  right: 0;
}

.hscroll a.scroll.hidden
{
	display: none;
}

.tab ul
{
	display: none;
}

.tab ul.selected
{
	display: block;
}

main li div
{
  padding-left: 0;
}

@media (orientation: landscape)
{
	main>img
	{
    height: 90%;
    max-height: calc(0.9 * var(--main_height));
    width: calc(0.9 * var(--main_height));
  }
  
  main>div
  {
    height: 90%;
    width: calc(90% - 0.9 * var(--main_height));
  }

  main>div>p
  {
    margin-top: 0;
  }

  .hscroll a
  {
    width: calc(0.2 * var(--main_height));
  }

}