/* Tyneras Website */
/* Update: 2025 Aug 12 */


:root {
	--color01: Pink;
	--color02: HotPink;
	--color03: DeepPink;
	--color04: Magentra;
	
	--nav01: LightGray;
	--nav02: DarkGray;
	--nav03: Gray;
	--RTT_nav_color: LightGoldenRodYellow;
	
	--sidenav_bg: SlateGray;
	--sidenav_brd: Black;
	
	--sign01bg: LightGray;
	--sign01edge: Black;
	--sign02bg: LightGray;
	--sign02edge: Black;
	--sign03bg: LightGray;
	--sign03edge: Black;
	--sign04bg: LightGray;
	--sign04edge: Black;
	--sign05bg: LightGray;
	--sign05edge: Black;
	}

body {
		text-align: center;
		background-color: RoyalBlue; 		/* Fursona Eyes */
		padding: 0 1% 0 1%;
	}

fieldset {
		border: 2px solid black;
		background-color: #FFFFFF;  	/* white */
		display: inline;
	}
	
legend {
		font-size: 2em; 
		font-weight: bold;
		border: 2px solid black;
		background-color: #FFFFFF;		/* white */
		padding: 0 10px 0 10px;
	}

table {
		border: 1px solid black; 
		background-color: #FFFFFF;  	/* white */
		margin-right: auto;
		margin-left: auto;
	}

th, td {
		border: 1px solid black;
		padding: 5px;
		text-align: center;
	}	
	
ol, ul {
		overflow: hidden;		/* Prevents lists overlapping with nearby images */
		padding-left: 40px;		/* Prevents lists overlapping with nearby images */
		margin-left: 0;			/* Prevents lists overlapping with nearby images */
		text-align: left;
	}
	
li {
		list-style-position: outside; 	/* Prevents lists overlapping with nearby images */
		padding-left: 0; 				/* Prevents lists overlapping with nearby images */
	}
	
button {
		overflow: hidden;
	}
	
hr {
		height:4px; 
		border-width: 0; 
		color: black; 
		background-color: black;
	}

iframe {
		 height: 600px;		/* Standard Size for a 850 px wide Character Profile to show the name, picture and basic info */
		 width: 900px;
	}
	
		/* Classes */
		
.page_update {
		background-color: var(--page_update_color);
		font-weight: bold;
		border: 2px solid black;
		border-radius: 10px;
		padding: 5px 10px 5px 10px;
		margin: 0px 20px 0px 20px;
	}

.navbar01 {									/* For the site in general */
		background-color: var(--nav01);
		padding: 5px;
		display: inline;
		border: 2px solid Black;
		border-radius: 10px;
	}

.navbar02 {									/* Within A category */
		background-color: var(--nav02);
		padding: 5px;
		display: inline;
		border: 2px solid Black;
		border-radius: 10px;
	}
	
.navbar03 {									/* Sub Category */
		background-color: var(--nav03);
		padding: 5px;
		display: inline;
		border: 2px solid Black;
		border-radius: 10px;
	}
	
.RTTnav {								/* Return to Top, Page BG link, Nav Bar at very bottom */
		background-color: var(--RTT_nav_color);
		padding: 5px;
		display: inline;
		border: 2px solid Black;
		border-radius: 10px;
	}
	
.sign05 {
		font-size: 5em;
		background-color: var(--sign05bg);
		padding: 0 40px 10px 40px;
		border-radius: 100px;
		border: 5px solid var(--sign05edge);
	}
	
.sign04 {
		font-size: 4em;
		background-color: var(--sign04bg);
		padding: 5px 40px 10px 40px;
		border-radius: 100px;
		border: 5px solid var(--sign04edge);
	}
	
.sign03 {
		font-size: 3em;
		background-color: var(--sign03bg);
		padding: 5px 40px 10px 40px;
		border-radius: 100px;
		border: 5px solid var(--sign03edge);
	}
	
.sign02 {
		font-size: 2em;
		background-color: var(--sign02bg);
		padding: 5px 40px 5px 40px;
		border-radius: 100px;
		border: 5px solid var(--sign02edge);
	}
	
.sign01 {
		font-size: 1em;
		background-color: var(--sign01bg);
		padding: 5px 40px 5px 40px;
		border-radius: 100px;
		border: 5px solid var(--sign01edge);
	}


	
	
.unseen_table {										/* Makes the table invisible. Do not use on nested tables. */
		background-color: rgba(0, 0, 0, 0);
		border-collapse: collapse;
		th, td {border-style: hidden;}
	}
	
.Button_Nav_Table {									/* For tables with an array of buttons in the floating navigation bar */
		table {border: 5px solid black;}
		th, td {border: hidden; border-collapse: collapse;}
		button {font-size: 2em;}
	}
	
.limit_800_p {						/* To keep paragraphs from stretching too far on wide screens */
		max-width: 800px;
		border-radius: 20px;
		
	}

.center_this {
		margin-right: auto;
		margin-left: auto;
	}

	
	/* Divs */
	
	
div.header {
	min-width: 1200px;
	width: 80%;
	}
	
div.header_full {		/* No Floating Nav Bar */
	min-width: 1200px;
	width: 100%;
	}
		
div.main {
	min-width: 1200px;
	width: 80%;
	}

div.main_full {			/* No Floating Nav Bar */
	min-width: 1200px;
	width: 100%;
	}

div.footer {
	min-width: 1200px;
	width: 80%;
	}
	
div.footer_full {		/* No Floating Nav Bar */
	min-width: 1200px;
	width: 100%;
	}
		
div.floating_sidebar {
	padding: 25px 25px 25px 25px;
	max-width: 20%;
	float: right;
	text-align: center;
	position: fixed;
	right: 1%;
	border-style: solid;
	border-radius: 20px;
	border-width: 5px;
	border-color: var(--sidenav_brd);
	background-color: var(--sidenav_bg);
	font-size: 1.25em;
	}
	
div.invisible {
	display: none;
	}
	
div.hidden_div {
	display: none;
	}
	
div.update_div {
	width: 800px;
	text-align: left;
	dt {font-weight: bold;}
	}
	
		/* Links, always last */
	
a:link {
		color: blue;
		font-weight: bold;
	}
a:visited {
		color: blue;
		font-weight: bold;
	}
a:hover {
		color: red;
		font-weight: bold;
	}
a:active {
		color: pink;
		font-weight: bold;
	}