/* buildfreedom.org / terrorcrat.com (and others) common CSS. Copyright (c) David T. Freeman, 2015+.

NOTE: ONLY EDIT THIS FILE FROM source/public/terrorcrat/common.css - all others are copies of the original and will be over-written!
*/

/* -------------------------------------------------------------------------- */
/* Framework links/controls; see also "pageNav" at the bottom of this file. */

.pageControls button {
	border-radius: 6px;
	font-size: 100%;
}

/* Set in template.html - change any style for everything using that. */
.mainNav {
} 


/* -------------------------------------------------------------------------- */
.complete {
	font-size: 95%; /* Chrome alters the view by one pixel after showing the checkmark unless we shrink it a bit. */
	color: green;
	padding-left: 1em;
}

.smallText {
	font-size: 69%;
}


.big {
	font-size: 110%;
	font-weight: bold;
}

.minimalBox { /* Can also use it with float right or left */
	margin: 0.2em;
	padding: 0.2em;
/*	display: inline-block;*/
	width: fit-content;
	height: fit-content;
	border: 2px dotted;
	border-radius: 6px;
}

.boxedSection {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 4px solid;
	border-style: double;
	padding: 0.5em;
	border-radius: 6px;
}
.addSurround { /* variation of above with color added */
	/* TODO: get rid of this; don't need it - just use the above */
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 4px solid #755C07;
	border-style: double;
	padding: 0.5em;
	border-radius: 6px;
	background: #FFFAE6;
	/* display: inline-block; */
}

.list {
	padding-left: 2em;
	margin-top: 0em;
}
.list li {
	margin-top: 0.2em;
	margin-bottom: 1em;
}

.__hoverText__un33qu3n355 { /* Use a weird name so that it's extremely unlikely to be on anyone else's page already. */
	z-index: 1;
	position: absolute;
	background: rgb(251, 234, 160); /* As used by Firefox */
	margin-top: 0em; /* Don't add margin-top, or you can't move the mouse down into the hover-div. */
	border: 1px solid grey;
	padding: 0.5em;
	border-radius: 6px;
	min-width: 80%; /* For when there's not enough content to fill to the edge of the page; ensures that sub-hovers with more content still have enough space to render in. Not ideal, but it's the simplest method. (With the current layout, you can't use 100% here without it expanding past the edge (adding a scroll-bar).) */
}

.shortCuts {
	margin-top: 0.5em;
}



.circleHelp {
	padding: 1px;
	border-radius: 50%;
	color: darkgreen;
	background: lightblue;
	font-size: 60%;
	font-weight: bold;
	vertical-align: super;
	cursor: help;
}



/* For control buttons fixed to the centre-left or bottom-left of the viewport. */
.shrinkButton {
	padding: 0.1em;
	border-radius: 6px;
	height: 1.5em;
	width: 1.5em;
	line-height: 1em;
	opacity: 0.75;
	transition: all 0.1s ease;
}
.shrinkButton:hover {
	opacity: 1;
	transform: scale(1.5);
}
.fixedLeftCentre {
	position: fixed;
	left: 0.3em;
	bottom: 50%;
}
.fixedBottom {
	position: fixed;
	left: 0.3em;
	bottom: 2em;
}

/* -------------------------------------------------------------------------- */
/* Sitemap UL/LI and button styles */

.dirExpColButton {
	padding: 0.1em;
	border-radius: 6px;
	line-height: 1em;
	font-weight: bold;
}

/* From: https://two-wrongs.com/draw-a-tree-structure-with-only-css */
.treeListContainer, .treeListContainer ul, .treeListContainer li {
	position: relative;
}
.treeListContainer ul {
	list-style: none;
	/* padding-left: 32px; */
	padding-left: 1.5em; /* indent from left */
}
.treeListContainer li::before, .treeListContainer li::after {
	content: "";
	position: absolute;
	left: -12px;
}
.treeListContainer li::before {
	/* border-top: 1px solid #000; */
	border-top: 1px solid;
	top: 9px;
	width: 8px;
	height: 0;
}
.treeListContainer li::after {
	/* border-left: 1px solid #000; */
	border-left: 1px solid;
	height: 100%;
	width: 0px;
	top: 2px;
}
.treeListContainer ul > li:last-child::after {
	height: 8px;
}



/* ========================================================================== */
/* The "pageNav" class is used consistently in most neotech pages, and some others.
Eventually it should be used for consistency throughout the BFA where applicable (e.g. for books split into multiple files with "contents | chapter" links), but there's no requirement to use it, and it's not a T-O-D-O, because it's unimportant, and there's no way to reliably add it quickly in bulk - all the other files have their own format - must go through them all manually, which I or someone else may eventually do anyway. */
 .pageNav {
	/* If you want to override the "text-align:center;" style specified in each "pageNav" element in each .html file - instead of editing every file using it, you can alternatively do it in a much simpler way, by enabling this example: */
/*	text-align: left !important;*/
}
/* Do not change the text of the start/end lines in the .html files, unless you change ALL OF THEM to the IDENTICAL text.
Also, don't insert a <div>...</div> inside there, unless you first change the current </div> line to something uniquely searchable for potential future alterations.

Regex to change it - can be done in jEdit (though slower than console tools, but still reliable, fully interactive, provides file/line counts, temporary workspace, can undo before saving) - search for:
<div style="text-align:center;" class="pageNav">\n([\s\S]*?)\n<\/div>

Example replacement:
<div style="text-align:center;" class="pageNav">\n$1\n<\/div><!-- end of class="pageNav" DIV -->

Test with a copy of a directory first, then diff the result, to make sure it does precisely as expected.
*/