/*////////////////////////////////////////////////////////////////////////////
// Version 1.1 Signed by Sid @ BENTO on 2025-11-10 T 08:29:41 -07:00
// Authentication (do not edit) $OBAA76yK$
//////////////////////////////////////////////////////////////////////////////
//
// 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.
//
//////////////////////////////////////////////////////////////////////////////
//
// gal-index.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
									--galix-color-fore-text:	#000;
									--galix-color-fore-body:	#CCC;
									--galix-color-back-body:	#000;
									--galix-color-link-reg:		#003;
									--galix-color-link-vis:		#006;
									--galix-color-link-hov:		#000;
									--galix-color-link-act:		#909;
									--galix-color-shadow:		rgba(0,0,0,0.5);
									--galix-slider-size:		1.7rem;
									--galix-padding:			0.20rem;
									--galix-button-radius:		calc(0.5 * var(--galix-padding));
									--galix-links-radius:		calc(2 * var(--galix-button-radius));
									--galix-pane-radius:		calc(2 * var(--galix-links-radius));
									--galix-font-size-text:		0.85rem;
							}

body 						{	background-color:				var(--galix-color-back-body);
								background-repeat:				no-repeat;
								background-attachment:			fixed;
								background-position:			center center;
								color:							var(--galix-color-fore-body);
								margin:							0;
								font-family:					Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
								font-size:						var(--galix-font-size-text);
								text-align:						justify;
								position:						static;
								padding:						0;
							}
.base						{
								position:						fixed;
								left:							0px;
								right:							0px;
								top:							0px;
								bottom:							0px;
								color:							var(--galix-color-fore-text);
								display:						flex;
								flex-flow:						row nowrap;
								padding:						0;
							}

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

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

.main-pane					{	position:						static;
								width:							100%;
								flex-grow:						1;
							}

iframe.in-pane				{	position:						static;
								display:						flex;
								width:							100%;
								height:							100%;
								border:							0;
							}

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

.menu-corner				{
								position:						absolute;
								z-index:						1001;
								left:							0px;
								top:							0px;
								padding:						var(--galix-padding);
								background-color:				var(--galix-color-shadow);
							}
.arrow-corner				{
								position:						absolute;
								z-index:						1002;
								right:							0px;
								top:							0px;
								padding:						var(--galix-padding);
								background-color:				transparent;
								display:						flex;
								flex-flow:						column nowrap;
								gap:							var(--galix-padding);
							}
.arrow-corner:hover			{
								background-color:				var(--galix-color-shadow);
							}
.arrow-fader,
.corner-fader				{
								position:						relative;
								display:						block;
								background-color:				#999;
								padding:						var(--galix-padding);
								border-radius:					var(--galix-button-radius);
								cursor:							pointer;
								transition:						opacity 0.25s ease-in-out;
							}
.menu-corner.retracted > .corner-fader,
.arrow-fader				{	opacity:						0.5;				}
.arrow-fader:hover			{	opacity:						1.0;				}
.menu-corner.retracted 		{	background-color:				transparent;		}

.left-icon,
.right-icon,
.menu-icon					{
								height:							var(--galix-slider-size);
								width:							var(--galix-slider-size);
								display:						block;
								background-image:				url("menu.svg");
								background-size:				cover;
							}
.right-icon					{
								background-image:				url("arrow-right.svg");
							}
.left-icon					{
								background-image:				url("arrow-left.svg");
							}
.corner-fader.pinnable:hover .menu-icon
							{
								background-image:				url("pin-out-gry.svg"), url("menu.svg");
								background-size:				cover, cover;
							}
.corner-fader.pinnable.selected .menu-icon
							{
								background-image:				url("pin-in-grn.svg"), url("menu.svg");
								background-size:				cover, cover;
							}
.menu-pane					{
								position:						absolute;
								z-index:						1000;
								left:							0px;
								top:							calc(var(--galix-slider-size) + 4 * var(--galix-padding));
								padding:						var(--galix-padding);
								border-radius:					var(--galix-pane-radius);
								color:							var(--galix-color-fore-text);
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				flex-start;
								align-items:					stretch;
								transition:						transform 0.25s ease-in-out;
							}
.menu-pane.retracted		{	transform:						translateX(-110%);		}
.menu-ycol					{
								padding-top:					var(--galix-padding);
								padding-bottom:					var(--galix-padding);
								border-radius:					var(--galix-links-radius);
								display:						flex;
								flex-flow:						column nowrap;
								gap:							var(--galix-padding);
							}
.menu-lcol					{
								display:						flex;
								flex-flow:						column nowrap;
							}
.menu-bogus					{
								display:						flex;
								flex-flow:						column nowrap;
								gap:							var(--galix-padding);
							}
.menu-links					{
								background-color:				#999;
								padding:						var(--galix-padding);
								border-radius: 					var(--galix-links-radius);
								display:						flex;
								flex-flow:						column nowrap;
								gap:							var(--galix-padding);
							}
.menu-year					{
								padding:						var(--galix-padding);
								margin-right:					var(--galix-padding);
								background-color:				#AAA;
								border-radius: 					var(--galix-button-radius);
								cursor:							pointer;
							}
.menu-year.marked,
.menu-year.selected			{	margin-right:					0;
								border-top-right-radius: 		0;
								border-bottom-right-radius: 	0;
							}
.menu-year.unmarked			{	margin-right:					var(--galix-padding);
								border-radius: 					var(--galix-button-radius);
							}
.menu-entry					{
								background-color:				var(--galix-color-fore-text);
								border-radius:					var(--galix-button-radius);
								-flex-grow:						1;
								display:						flex;
								flex-flow:						row nowrap;
								align-items:					normal;
								justify-content:				stretch;
								-gap:							var(--galix-padding);
								gap:							1px;
							}
.menu-filler				{
								padding:						var(--galix-padding);
								flex-grow:						1;
								display:						flex;
								flex-flow:						row nowrap;
								align-items:					normal;
								justify-content:				center;
							}
#menuhead > .menu-filler:first-child
							{	margin-top:						var(--galix-padding);
							}
.menu-label					{
								padding:						var(--galix-padding);
								background-color:				#CCC;
								display:						flex;
								flex-flow:						row nowrap;
								justify-content:				center;
								align-items:					center;
								flex-basis:						0;
								flex-grow:						1;
								flex-shrink:					1;
								white-space:					nowrap;
							}
.menu-label:first-child		{
								-width:							50%;
								border-top-left-radius:			var(--galix-button-radius);
								border-bottom-left-radius:		var(--galix-button-radius);
							}
.menu-label:last-child		{
								-width:							50%;
								border-top-right-radius:		var(--galix-button-radius);
								border-bottom-right-radius:		var(--galix-button-radius);
							}
.menu-label:only-child		{
								-width:							100%;
							}

.menu-entry:hover .menu-label
							{	background-color:				#EE6;				}

.arrow-fader:hover,
.corner-fader:hover,
.menu-year.marked,
.menu-links.marked			{	background-color:				#993;				}
.menu-year.selected,
.menu-links.selected		{	background-color:				#393;				}
.menu-entry.selected .menu-label
							{	background-color:				#6E6;				}

.shadowed					{
								filter:							drop-shadow(calc(+1 * var(--galix-padding))
																			calc(+1 * var(--galix-padding))
																			calc(+2 * var(--galix-padding))
																			var(--galix-color-shadow))
																drop-shadow(calc(-1 * var(--galix-padding))
																			calc(+1 * var(--galix-padding))
																			calc(+2 * var(--galix-padding))
																			var(--galix-color-shadow))
																drop-shadow(calc(-1 * var(--galix-padding))
																			calc(-1 * var(--galix-padding))
																			calc(+2 * var(--galix-padding))
																			var(--galix-color-shadow))
																drop-shadow(calc(+1 * var(--galix-padding))
																			calc(-1 * var(--galix-padding))
																			calc(+2 * var(--galix-padding))
																			var(--galix-color-shadow));
							}

.hidden						{	display:						none;				}

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