/*/////////////////////////////////////////////////////////////////////////////
// Version 0.1 Signed by Sid @ BENTO on 2025-11-04 T 18:07:23 -07:00
// Authentication (do not edit) $/BAAvR0p$
///////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2025 by Sid Paral. All rights reserved
//
// Permission to use, copy, modify, and distribute this software for any
// purpose with or without fee is hereby granted, provided that the above
// copyright notice and this permission notice appear in all copies.
//
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
//
///////////////////////////////////////////////////////////////////////////////
//
// gallery.css
//
/////////////////////////////////////////////////////////////////////////////*/

:root						{
								--gallery-padding:				0.5rem;
								--gallery-color-fore:			#CCC;
								--gallery-color-back:			#222;
								--gallery-color-line:			#CCC;
								--gallery-color-link-reg:		#CCF;
								--gallery-color-link-vis:		#FCF;
								--gallery-color-link-hov:		#FFC;
								--gallery-color-link-act:		#FFC;
								--gallery-font-size-text:		1.0rem;
								--gallery-font-size-title:		2.0rem;
								--gallery-font-size-subtit:		1.2rem;
								--gallery-font-size-footer:		0.9rem;
								--gallery-line-size:			1px;
								--gallery-shim-size:			1.5rem;
								/* following values override hroch-illu.css */
								--illu-album-rim-color:			#888;
								--illu-album-lbx-veil-color:	rgba(96,96,96,0.7);
							}

/*///////////////////////////////////////////////////////////////////////////*/

body 						{	background-color:				var(--gallery-color-back);
								color:							var(--gallery-color-fore);
								margin:							calc(2 * var(--gallery-padding));
								font-family:					Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
								font-size:						var(--gallery-font-size-text);
								text-align:						justify;
								position:						static;
								display:						flex;
								flex-flow:						column nowrap;
								gap:							var(--gallery-padding);
							}

a							{	text-decoration: 				none; 	}
a:link						{	color:							var(--gallery-color-link-reg);	}
a:visited					{	color:							var(--gallery-color-link-vis);	}
a:hover						{	color:							var(--gallery-color-link-hov);
								text-decoration:				underline;
							}
a:active					{	color:							var(--gallery-color-link-act);	}
a:not([href])				{	text-decoration: 				none;
								color:							var(--gallery-color-fore);
							}
*							{	box-sizing:						border-box;	}

/*///////////////////////////////////////////////////////////////////////////*/

.chunk						{
								width:							100%;
								display:						flex;
								flex-flow:						column nowrap;
								align-items:					center;
								justify-content:				flex-start;
							}
.images,
.pair,
.row,
.title,
.date,
.textline					{
								width:							100%;
								display:						flex;
								flex-flow:						row wrap;
								align-items:					center;
								justify-content:				center;
							}
.images						{
								gap:							var(--gallery-padding);
							}
.title,
.titleft,
.titrite					{
								font-weight:					bold;
								font-size:						var(--gallery-font-size-title);
								-border:							1px solid red;
							}
.date,
.datleft,
.datrite					{
								font-size:						var(--gallery-font-size-subtit);
								font-style:						italic;
								padding-bottom:					var(--gallery-padding);
								-border:							1px solid blue;
							}
.row,
.pair						{
								align-items:					stretch;
							}
.titleft,
.titrite,
.datleft,
.datrite,
.uvod,
.intro,
.poznamka,
.comment,
.copyleft,
.copyright					{
								width:							50%;
								display:						flex;
								flex-flow:						row wrap;
							}
.titrite,
.datrite					{
								text-align:						left;
								justify-content:				flex-start;
								padding-left:					var(--gallery-padding);
							}
.uvod,
.poznamka,
.copyleft					{
								text-align:						left;
								justify-content:				flex-start;
								padding-right:					var(--gallery-padding);
							}
.titleft,
.datleft					{
								text-align:						right;
								justify-content:				flex-end;
								padding-right:					var(--gallery-padding);
							}
.intro,
.comment,
.copyright					{
								text-align:						right;
								justify-content:				flex-end;
								padding-left:					var(--gallery-padding);
							}
.textline,
.uvod,
.intro,
.poznamka,
.comment,
.copyleft,
.copyright					{
								border-top:						solid
																var(--gallery-color-line)
																var(--gallery-line-size);
								padding-top:					var(--gallery-padding);
							}
.uvod,
.intro						{
								padding-bottom:					var(--gallery-padding);
							}

.titleft,
.datleft,
.uvod,
.poznamka					{
								width:							calc(50% - var(--gallery-line-size));
								border-right:					solid
																var(--gallery-color-line)
																var(--gallery-line-size);
							}
.copyleft,
.copyright					{
								font-size:						var(--gallery-font-size-footer);
							}
.title,
.date,
.titleft,
.datleft					{
								padding-left:					var(--gallery-shim-size);
							}
.title,
.date,
.titrite,
.datrite					{
								padding-right:					var(--gallery-shim-size);
							}

/*///////////////////////////////////////////////////////////////////////////*/