/* FRC Scouting 2013 :: dash.styl and dash.css :: Dashboard CSS file (using stylus)
 * Released to public domain by FRC Team 3138
 * Authors: Josh Klar <j@iv597.com>
 */
/* General design notes:
 * - Targets non-retina iPad for landscape mode, meaning you need at
 *   least 1024px to use that. Sorry, not sorry.
 *
 * - Meanwhile, use whatever you want for portrait mode.
 *
 * - Zen of Python: "Beautiful is better than ugly, [...] Simple is
 *                  better than complex." It applies to design, too.
 */

* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 14px;
}

p,
h1,
h2,
h3,
label {
	color: #ccccc0;
}

body {
	background: url("diagmonds.png");
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

@media (min-width: 1024px) {
	body {
		width: 1024px;
	}
}

.noshow {
	display: none;
}

h1 {
	text-align: center;
	padding: 0.25em;
	font-size: 20pt;
}

h2 {
	font-size: 24pt;
	text-align: center;
	font-variant: small-caps;
}

button {
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
	background: rgb(252,255,244); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

button:active,
button.active {
	background-color: green;
}

#hmShotActivate:disabled, #hmTrafActivate:disabled {
	background: #45484d;
	background: -moz-radial-gradient(center, ellipse cover, #45484d 0%, #000 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #45484d), color-stop(100%, #000));
	background: -webkit-radial-gradient(center, ellipse cover, #45484d 0%, #000 100%);
	background: -o-radial-gradient(center, ellipse cover, #45484d 0%, #000 100%);
	background: -ms-radial-gradient(center, ellipse cover, #45484d 0%, #000 100%);
	background: radial-gradient(ellipse at center, #45484d 0%, #000 100%);
	color: #daa520;
}

#allianceDropdowns {
	float: left;
	width: 49%;
}

#redAllianceDDs {
	float: left;
	width: 48%;
}

#blueAllianceDDs {
	width: 48%;
	float: right;
}

#allianceDropdowns select {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	width: 80%;
}

#redAllianceDDs input {
	margin-left: 0.4em;
	float: left;
}

#blueAllianceDDs input {
	float: right;
}

#allianceStats {
	float: right;
	width: 49%;
}

#redAllianceStats {
	width: 45%;
}

#blueAllianceStats {
	float: right;
	width: 45%;
}

.statFloatRight {
	float: right;
}

#tables {
	margin-top: 1em;
}

table {
	width: 100%;
	margin-bottom: 1em;
	color: #000;
	text-align: center;
}

tr {
	background-color: #d3d3d3;
}

tr:nth-child(2n+1) {
	background-color: #fff;
}

td {
	font-size: 15px;
}

td a {
	color: #00f;
}

#overlayShotGraph,
#overlayScoreGraph,
#overlayPercentageGraph,
#overlayClimbTimeGraph,
#overlayClimbScoreGraph,
#overlayDefenseGraph,
#overlayFoulsGraph {
}

#atAGlance {
	padding-bottom: 1em;
	overflow: hidden;
}

.glanceTeam {
	float: right;
	text-align: right;
	padding-right: 2em;
	overflow: hidden;
}

#glanceClimbSpeed {
	padding-right: 0.5em;
}

.glanceQtr {
	float: left;
	width: 24%;
	text-align: center;
	margin-left: auto;
	margin-right; auto;
}

.glanceQtr h2 {
	font-size: 15pt;
	text-align: center;
	line-height: 2em;
}

#overlayNotes p {
	color: black;
}

input[type="checkbox"] {
	-webkit-transform: scale(2);
	transform: scale(2);
}

#setup {
	width: 100%;
	overflow: hidden;
}

#hmModeChangers {
	width: 657px;
}

#eventDropdownContainer {
	overflow: hidden;
}

@media (min-width: 1024px) {
	#eventDropdownContainer {
		float: right;
	}
}

#hmShotActivate, #hmTrafActivate {
	width: 49%;
	display: inline;
}

#eventDropdown, #matchDropdown {
	font-size: 18pt;
	display: inline;
}

@media (max-width: 1023px) {
	#matchDropdown, #eventDropdown {
		width: 45%;
	}

	#eventDropdownContainer {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

#eventDropdown {
	margin-left: 1em;
}

#graphExtra {
	overflow: hidden;
}

#hmShotsGraph, #hmTrafGraph {
	width: 657px;
	height: 354px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("gamefield.png");
	overflow: hidden;
	position: relative;
}

@media (min-width: 1024px) {
	#hmShotsGraph, #hmTrafGraph {
		float: left;
	}
}

#hmContainer {
	overflow: hidden;
}

#hmTrafOptions {
	display: none;
}

@media (min-width: 1024px) {
	#hmTrafOptions, #hmShotsOptions {
		padding-left: 700px;
	}
}

#hmShotsOptions input, #hmTrafOptions input {
	float: left;
	margin-top: 1em;
}

@media (min-width: 1024px) {
	.hmChecksWrapper {
		margin-bottom: 1em;
	}
}

@media (max-width: 1023px) {
	.hmChecksWrapper {
		float: left;
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}

p.checkLabel {
	padding-left: 3em;
	padding-top: 1em;
}

@media (max-width: 1023px) {
	p.checkLabel {
		padding-left: 1.5em;
	}
}

.ui-widget-content {
	background: none;
}

// vim: noexpandtab