/*
Screen style sheet for Random
Copyright (c) 1997-2021, Kyle Siegrist
See http://www.randomservices.org/random/Copyright.html for more information about rights and permissions
*/

/*Body*/
body {
	background: white;
	color: black;
	font: normal 11pt "Times New Roman", Times, serif;
	line-height: 21px;
	margin: 15pt;
}

body.ancillary {
	background: rgb(230, 230, 230);
	color: black;
}

/*Divisions*/
div.latex{
	margin: 0px;
	display: none;
}

div.exercise{
	border: dashed 1px rgb(200, 200, 100);
	background: rgb(240, 240, 220);
	counter-increment: exerciseCount;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.contents{
	background: rgb(220, 220, 220);
}

@media screen and (min-width: 600px){
	div.contents{
		float: left;
		width: 30%;
		margin-right: 5px;
	}
}

/*Headings*/
h1 { font-size: 200%; }

h1.home{
	text-align: center;
	font-weight: bold;
	color: white;
	background: rgb(0,0,140);
	border: solid 1px gray;
	padding: 5px;
}

h1.main{
	text-align: center;
	color: white;
	border: solid 1px silver;
	background: rgb(0, 0, 140);
	padding: 5px;
}

h2 { font-size: 150%; }

h2.main{
	color: white;
	border: solid 1px silver;
	background: rgb(0, 0, 140);
	padding: 5px;
}

h2.home{
	text-align: center;
	font-style: italic;
}

h2.ancillary{
	text-align: center;
	color: white;
	border: solid 1px blue;
	background: red;
	padding: 3px;
}

h3 { font-size: 125%; }

h3.ancillary{
	color: white;
	border: solid 1px blue;
	background: red;
	padding: 3px;
}

h4 { font-size: 100%; }

h3.chapter0:before { content: counter(chapterCount) ". "; }
h3.chapter:before { content: counter(chapterCount) ". "; }
h3.chapter { counter-increment: chapterCount; }

/*Paragraphs */
p.math, p.sim, p.stat, p.art{
	margin-left: 15px;
	text-indent: -15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
p.math:before { content: url("icons/DieBlue5.svg") " " counter(exerciseCount) ". "; }
p.sim:before { content: url("icons/DieRed5.svg") " " counter(exerciseCount) ". "; }
p.stat:before { content: url("icons/DieGreen5.png") " " counter(exerciseCount) ". "; }
p.art:before { content: url("icons/DieBrown5.svg") " " counter(exerciseCount) ". "; }

p.continue { margin-left: 15px; }

p.proof{
	margin-left: 15px;
	margin-top: 0px;
}

/*Figures and images*/

figure{
	margin-left: 0px;
	text-align: center;
}

figure.biography{ text-align: left; }

figcaption { font-size: 80%; }

/*Image styles*/
img{
	border-style: none;
	vertical-align: middle;
}

/*Header and footer*/
header{
	margin-top: 0px;
	border-bottom: solid 1px gray;
}

footer{
	border-top: solid 1px gray;
}

/*Keyword style*/
dfn{
	color: green;
	font-style: italic;
}

/*Details*/
summary { font-style: italic; }

details { margin-left: 15px; }

/*Anchor styles*/
a { 
	text-decoration: none; 
	color: blue 
}
a:hover { text-decoration: underline; }
a.app, a.data, a.bio, a.resource, a.art, a.ancillary { color: red; }

/*List Styles*/
li.sister{
	display: inline;
	padding: 2px 2px;
}

ul.map{
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 80%;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 0px;
}

ol.map{
	font-family: Arial, sans-serif;
	font-size: 80%;
	list-style: none;
	margin-left: 0px;
	padding: 0px 0px;
	margin-bottom: 0px;
}

li.child{
	display: inline;
	padding: 2px 2px;
}

li.details{
	display: inline;
	float: right;
}

li.current{
	display: inline;
	border: solid 1px black;
}

li.parent{
	list-style: none;
	display: inline;
}

li.parent:after { content: " > "; }
li.sister:after { content: " | "; }
ol.exercise { list-style-type: lower-alpha; }
ul.information { list-style-image: url("icons/DieBlue3.svg"); }
ul.math, li.math { list-style-image: url("icons/DieBlue5.svg"); }
ul.app, li.app { list-style-image: url("icons/DieRed5.svg"); }
ul.data, li.data { list-style-image: url("icons/DieGreen5.svg"); }
ul.art, li.art { list-style-image: url("icons/DieBrown5.svg"); }
ul.bio, li.bio { list-style-image: url("icons/DieYellow5.svg"); }
ul.web, li.web { list-style-image: url("icons/World.png"); }
ul.book, li.book { list-style-image: url("icons/Book.png"); }
ul.chapter, li.chapter { list-style-image: url("icons/Book.png"); }
ul.article, li.article { list-style-image: url("icons/Page.png"); }
ul.quote, li.quote { list-style-image: url("icons/Quote.png"); }
ul.object, li.object { list-style-image: url("icons/DieBlue6.svg"); }
ul.ancillary, li.ancillary { list-style-image: url("icons/DieRed3.svg"); }
li.expand { list-style-image: url("icons/Plus.svg"); }
li.contract { list-style-image: url("icons/Minus.svg"); }
li.NSF { list-style-image: url("icons/NSFSmall.png"); }
li.UAH { list-style-image: url("icons/UAHSmall.png"); }
li.MAA { list-style-image: url("icons/MAASmall.png"); }
ul.person, li.person { list-style-image: url("icons/DieBlue3.svg"); }
li.place { list-style-image: url("icons/House.png"); }
li.email { list-style-image: url("icons/Letter.png"); }
li.copyright {list-style-image: url("icons/Copyright.svg") ;}
li.step { list-style-image: url("icons/Step.svg"); }
li.run { list-style-image: url("icons/Run.svg"); }
li.stop { list-style-image: url("icons/Stop.svg"); }
li.reset { list-style-image: url("icons/Reset.svg"); }
li.information { list-style-image: url("icons/Information.png"); }
li.image { list-style-image: url("icons/Image.png"); }
ul.tool { list-style-image: url("icons/Gear.png"); }
ul.new { list-style-image: url("icons/New.png"); }
dt { font-style: italic; }
li.mathJax { list-style-image: url("icons/MathJax.png"); }

/*Tables*/

div.table {
	margin-left: auto;
	margin-right: auto;
}

div.data{
	width: 400px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background: white;
	border: solid 1px black;
	overflow-x: scroll;
	overflow-y: scroll;
	background: white;
}

table{
	border: solid 1px black;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	border-collapse: collapse;
}

caption { font-weight: normal; }

td { 
	border: solid 1px black; 
	padding: 3px;
}
td.num {
	text-align: right;
}

table.data td { text-align: right; }
table.data tr:nth-child(even) { background-color: #f2f2f2; }

th{
	font-weight: normal;
	background: rgb(220, 220, 220);
	border: solid 1px black;
	text-align: left;
	padding: 3px;
}

/*App rules*/

div.toolbar { margin: 5px; }

div.group { border: solid 1px black; }

/*Canvas style*/
canvas{
	border: 1px solid black;
	background: white;
	vertical-align: middle;
}

canvas.die{
	width: 36px;
	height: 36px;
	border-style: none;
	margin: 2px;
	float: left;
}

canvas.coin, canvas.ball{
	background: rgb(200, 200, 200);
	border-style: none;
	margin: 2px;
	float: left;
}

canvas.scrollBar{
	background: rgb(240, 240, 240);
	position: relative;
	height: 25px;
}

canvas.floor { background: yellow; }
canvas.clickable { cursor: pointer; }

/*Text area styles*/
textarea.table{
	font: normal 9pt Courier;
	border: 1px solid black;
	background: rgb(240, 240, 240);
	margin-bottom: 0px;
	vertical-align: middle;
	overflow-x: scroll;
	overflow-y: scroll;
	white-space: pre;	
}

/*Select styles*/
select { 
	height: 25px; 
	vertical-align: middle;
}

/*Button styles*/
button { height: 25px; }
button.details { height: 20px; }

input.parameter{
	vertical-align: middle;
	width: 100px;
	padding: 0;
	margin: 0;
}

input.color{
	vertical-align: middle;
	width: 50px;
}

input.data{ 
	vertical-align: middle;
	width: 50px;
}

div.app{
	border: solid 1px black;
	background: rgb(225, 225, 225);
}

span.tool{
	white-space: nowrap;
	margin: 2px;
}

.column{
	float: left;
	padding: 10px;
}
	
.row:after{
	content: "";
	display: table;
	clear: both;
}