moth/html/css/style.css

/*
Light blue: #96d1e3
Off-white blue: #b9e0ef
Dark brown: #35170c
Light brown: #432115
Tan: #e1c3b8
*/

@import "../fonts/maven_pro.css";

html {
	background: #35170c url(../brown-circles.jpg) repeat left bottom;
	min-height: 100%;
	font-family: "Maven Pro", Ubuntu, sans-serif;
}


h1, h2, h3 {
	color: #AD6F15;
	font-family: "Maven Pro", Ubuntu, sans-serif;
	font-weight: bold;
}

h1:first-child {
	color: #96d1e3;
	background: #35170c;
	font-size: 3em;
	border-radius: 0.2em;
	padding: 0 0.3em;
	text-align: center;
}

.readme, pre {
	background-color: #FFDAA3;
	border-radius: 2em;
}






input {
	font-family: "Maven Pro", Ubuntu, sans-serif;
}

a {
	color: #432115;
	text-decoration: underline;
}

a:hover {
	color: #9E1336;
}

a img {
	border: 0px;
}

pre {
	border: solid #ddc 2px;
	padding: 0.25em;
	font-family: "Ubuntu Mono", monospace;
}

code, kbd, samp {
	font-family: "Ubuntu Mono", monospace;
}


th {
	vertical-align: top;
	text-align: center;
}
td {
	vertical-align: top;
	text-align: left;
}

dt {
	font-weight: bold;
}

p {
	line-height: 1.4em;
	margin-bottom: 20px;
}

hr {
	border: 1px solid #ddc;
}

#prompt {
	color: #0E7450;
	border-radius: 0.2em;
}

#cli {
	background: rgba(14, 116, 80, 0.2);
	color: #00120C;
	width: 100%;
	border: 0px;
	padding: 0.1em 0.1em;
}


/**** Section ****/

section, nav {
	color: #35170c;
	max-width: 35em;
	border-radius: 0.6em;
	margin: 1em auto;
	padding: 0.2em;
}

section {
	background: #e1c3b8;
}

/*** navigation bar ***/

nav {
	background: #b9e0ef;
}

nav h2 {
	display: none;
}

nav ul {
	list-style: none;
	text-align: center;
	padding: 0;
}

nav li {
	display: inline;
}

nav li a {
  text-transform: lowercase;
  font-size: 0.9em;
}

nav li + li:before {
	content: " | ";
}


/**** Terminal ****/

#terminal {
	padding: 10px;
	max-width: 35em;
	margin: 1em auto;
	border-radius: 1em;

}

#terminal #output {
	max-height: 20em;
	overflow-y: scroll;
}

#terminal #output::-webkit-scrollbar
{
	width: 0.7em;
}

#terminal #output::-webkit-scrollbar-track
{
	border-radius: 0.7em;
	background-color: rgba(173, 111, 21, 0.4);
}

#terminal #output::-webkit-scrollbar-thumb
{
	border-radius: 0.7em;
	background-color: #FFDAA3;
	border: solid rgba(173, 111, 21, 0.4) 1px;
}

/**** Scoreboard ****/

#scoreboard {
	width: 100%;
	clear: both;
	background: rgba(25, 0, 6, 0.8);
	border-radius: 2em;
}

#scoreboard span {
	font-size: 75%;
	display: inline-block;
	margin: 0;
	border: 0;
	overflow: hidden;
	height: 2.2em;
}

#scoreboard .teamname {
	font-size: 133%;
	color: #D84B6E;
	opacity: 0.8;
	position: absolute;
	right: 1em;
	height: 1.1em;
}

.cat0, .cat8{background-color: #a6cee3; color: black;}
.cat1, .cat9 {background-color: #1f78b4; color: white;}
.cat2, .cat10 {background-color: #b2df8a; color: black;}
.cat3, .cat11 {background-color: #33a02c; color: white;}
.cat4, .cat12 {background-color: #fb9a99; color: black;}
.cat5, .cat13 {background-color: #e31a1c; color: white;}
.cat6, .cat14 {background-color: #fdbf6f; color: black;}
.cat7, .cat15 {background-color: #ff7f00; color: black;}


.wide {
	max-width: inherit;
}

.figure {
	margin: 0.5em 1em;
	float: right;
	font-size: small;
	text-align: center;
}