roll20-character-sheets/Agon/agon.css

label, span, li {
	font-family: serif;
	font-size: xx-small;
	font-size: 1.1vmin;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	line-height: 12px;
}

label {
	margin-top: 5px;
	text-align: center;
}

input[type="text"] {
	padding: 4px;
	height: 28px;
}

input[type="text"], textarea {
	font-family: cursive;
	box-shadow: none;
	border: 1px solid #595959;
	padding: 4px;
	margin: 0px;
	width: 180px;
}

textarea {
	resize: none;
	padding-left: 5px;
	margin: 0px;
	width: 170px;
	height: 36px;
}

/* This is to remove the arrow of select element in IE */
select::-ms-expand {
	display: none;
}

select {
	-webkit-appearance: none;
	appearance: none;
	margin: 0px;
	line-height: 12px;
	padding: 0px 8px;
}

input[type="checkbox"] {
	box-shadow: none;
	color: white;
	background: white;
}

.sheet-container {
	border: 1px solid #595959;
	background: white;
	min-height: 600px;
}

.sheet-logo .sheet-mutate {
	filter: invert(100%) grayscale(100%);
}

.sheet-logo {
	width: 140px;
	margin: auto;
}

.sheet-checkboxes {
	display: block;
	padding-top: 5px;
}

label.sheet-checkbox {
	display: inline-block;
	position: relative;
	padding: 0px;
	margin: 0px 4px;
	cursor: pointer;
	font-size: .5em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 10px;
	width: 10px;
}

div.sheet-wounds {
	text-align: left;
}

div.sheet-wound.sheet-row {
	vertical-align: bottom;
}

label.sheet-checkbox.sheet-glory {
	margin: 0px 2px;
}

label.sheet-checkbox.sheet-favor {
	margin: 0px 6px;
}

label.sheet-checkbox.sheet-wound {
	width: 12px;
	height: 12px;
	vertical-align: bottom;
	margin: 3px 0px;
	padding: 3px;
}

span.sheet-wound.sheet-value {
	font-size: 1.5em;
	font-weight: bold;
}

span.sheet-consequence {
	display: inline-block;
	width: 65%;
	height: 100%;
	text-align: left;
	margin-left: 15px;
}

label.sheet-checkbox.sheet-small, span.sheet-checkbox.sheet-small {
	height: 5px;
	width: 5px;
	margin: 0px;
	margin-right: 1px;
}

.sheet-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.sheet-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border: 1px solid #595959;
	text-align: center;
}

.sheet-checkbox:hover input ~ .sheet-checkmark {
	background-color: #ccc;
}

.sheet-checkbox input:checked ~ .sheet-checkmark {
	background-color: #595959;
	color: white;
}

.sheet-checkbox input:checked ~ .sheet-checkmark:after {
	display: block;
}

.sheet-checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

div.sheet-invasive {
	position: relative;
	top: -5px;
	border-bottom: 1px solid #595959;
}

div.sheet-invasive label {
	text-align: center;
	position: relative;
	top: 5px;
	color: white;
	background: black;
	width: 20%;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	line-height: 10px;
}

.sheet-column {
	width: 180px; padding 5px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	float: left;
}

.sheet-column.sheet-narrow {
	width: 60px;
}

.sheet-column.sheet-wide {
	width: 260px;
}

.sheet-notes {
	border: 1px solid #595959;
	border-radius: 5px;
	margin: 5px;
	padding: 5px;
}

.sheet-notes label {
	margin: 0px;
	text-align: center;
	font-size: .75em;
}

ul {
	padding: 0px;
	margin: 0px;
}

.sheet-notes li {
	text-align: left;
	margin-left: 10px;
	text-indent: -10px
}

li {
	list-style: none;
}

.sheet-repeating-field label {
	text-align: center;
}

input.sheet-oathgiver {
	border: none;
	border-bottom: 1px solid #595959;
	border-radius: 0px;
	width: 136px;
}

input[type="number"].sheet-oathcount {
	border: 1px solid #595959;
	width: 40px;
}

input.sheet-advantage {
	border: none;
	border-bottom: 1px solid #595959;
	border-radius: 0px;
	width: 136px;
}

select.sheet-die {
	border: 1px solid #595959;
	width: 50px;
}

select.sheet-die.sheet-advantage {
	border: 1px solid #595959;
	width: 40px;
}
/*.sheet-die select { width: 50px; }*/
div.sheet-armor.sheet-checklist {
	padding-left: 5px;
	text-align: left;
	line-height: 5px;
	margin-left: 10px;
	text-indent: -10px;
}

div.sheet-armor span {
	line-height: 7px;
	font-size: .5em;
}

div.sheet-invasive label.sheet-divine-favor {
	width: 70px;
}
/*div.sheet-die { display: inline-block; margin: 0px 10px; position: relative; top: -5px; } */
/*div.sheet-die.sheet-weapon label { font-size:.5em; }*/
/*div.sheet-die.sheet-weapon { margin: 0px; padding: 0px; }*/
div.sheet-range {
	display: block;
	margin: 0px 10px;
	position: relative;
	top: -5px;
}

div.sheet-range label {
	font-size: .5em;
	text-align: center;
}

div.sheet-range input {
	width: 50px;
	height: 15px;
	line-height: 12px;
	font-size: .75em;
}

div.sheet-ability, div.sheet-equipment {
	display: inline-block;
	margin: 5px;
	vertical-align: top;
}

div.sheet-ability label {
	text-align: center;
}

div.sheet-equipment label {
	font-size: .5em;
	text-align: center;
}

div.sheet-equipment input {
	width: 50px;
}

div.sheet-equipment textarea {
	width: 100px;
}

.repcontrol {
	min-height: 27px;
}

.repcontrol .btn {
	border: medium none;
	color: white !important;
	background: none;
	box-shadow: none;
}

.repcontrol .btn:focus {
	outline: 0;
}

.repcontrol .repcontrol_edit:after {
	content: '(';
	visibility: visible;
	font-family: pictos;
	background-color: #fff;
	border: 1px solid black;
	border-radius: 2px;
	font-size: 12px;
	height: 12px;
	width: 12px;
	padding: 2px 4px 2px 4px;
	color: black;
}

.editmode ~ .repcontrol .repcontrol_edit:after {
	content: ')';
}

.repcontrol .repcontrol_add:before {
	content: '&';
	visibility: visible;
	font-family: pictos;
	background-color: #fff;
	border: 1px solid black;
	border-radius: 2px;
	font-size: 12px;
	height: 12px;
	width: 12px;
	padding: 2px 4px 2px 4px;
	color: black;
}

.repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:before
	{
	background-color: #EFEFEF;
}

.sheet-resources .repcontrol {
	margin-top: -10px;
}

.itemcontrol {
	z-index: 10;
}

.itemcontrol .repcontrol_del {
	font-size: 10px;
	margin-top: 3px;
	padding: 0px;
	height: 18px;
	width: 18px;
}

.itemcontrol .repcontrol_move {
	font-size: 10px;
	margin-top: 3px;
	padding: 0px;
	height: 18px;
	width: 18px;
}