roll20-character-sheets/StraightToVHS/straighttovhs.css

/* CSS Reset */
.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper label,
.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "Courier New", Courier, monospace;
    color: #404040;
    vertical-align: baseline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.charsheet .sheet-wrapper {
    width: 100%   
}

.charsheet .sheet-wrapper .sheet-row, .charsheet .sheet-wrapper .sheet-header {
    width: 100%;
}

.charsheet .sheet-wrapper .sheet-statblock {
    margin-bottom: 5px;
    display: inline-block;
    visibility: visible;
}

.charsheet .sheet-wrapper .sheet-stattable {
    width: 55.0%;
}

.charsheet .sheet-wrapper .sheet-scriptchanges {
    display: inline-block;
    width: auto;
    margin-left: 5px;
	font-size: 12px;
	line-height: 12px;
}

.charsheet .sheet-wrapper .sheet-stattable tr, .charsheet .sheet-wrapper .sheet-stattable th, .charsheet .sheet-wrapper .sheet-stattable td {
	width: 12.5%;
}

.charsheet .sheet-wrapper .sheet-item {
    display: inline-block;
    width: 100%;
    height: 34px;
    vertical-align: middle;
    margin: 0 -2px;
    text-align: left;
    padding: 3px 2px;
}

.charsheet .sheet-wrapper .sheet-col {
  display: inline-block;
}

.charsheet .sheet-wrapper .sheet-alignR, .charsheet .sheet-wrapper .sheet-alignR label {
    text-align: right;   
}

.charsheet .sheet-wrapper .sheet-header label {
    padding: 0;
    font-weight: bold;
	color: DarkSlateBlue;
    word-wrap:break-word;
}

.charsheet .sheet-wrapper .sheet-statname div, .charsheet .sheet-wrapper .sheet-statname label {
    font-weight: bold; 
    color: DarkSlateBlue;
    word-wrap:break-word;
}

.charsheet .sheet-wrapper label {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    text-align: left;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}
/*
.charsheet .sheet-wrapper textarea {
    height: 50px;
    font-size: 13px;
    line-height: 18px;
}
*/
.charsheet .sheet-wrapper input, /*.charsheet .sheet-wrapper textarea,*/ .charsheet .sheet-wrapper select, .charsheet .sheet-wrapper input[type=number] {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px;
    height: 28px;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
    color: #555;
    background-color: white;
    vertical-align: middle;
    cursor: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
}

.charsheet .sheet-wrapper input[type=checkbox], .charsheet .sheet-wrapper input[type=radio]{
	display: inline;
    margin-top: 7px;
    height: 13px;
    width: 13px;
    color: #555;
    border: 1px solid #ccc;
    background-color: yellow;
    vertical-align: middle;
}

.input[type=number][disabled=true]::-webkit-outer-spin-button,
.input[type=number][disabled=true]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.charsheet .sheet-wrapper input[type=number][disabled=true] {
	-moz-appearance:textfield;
}

.charsheet .sheet-wrapper .sheet-inlineinput, .charsheet .sheet-wrapper input.sheet-inlineinput  {
	display: inline;
	width: auto;
}

.charsheet .sheet-wrapper input[type="number"].sheet-inlineinputnumber  {
	display: inline;
	width: 40px;
}

.charsheet .sheet-wrapper .sheet-bordered {
	border-style: solid;
    border-width: thin;
}

.charsheet .sheet-wrapper .sheet-stattable-header label{
	text-align: center;
	font-weight: bold;
}

.charsheet .sheet-wrapper .sheet-stattable-title div, .charsheet .sheet-wrapper .sheet-stattable-title label, .charsheet .sheet-wrapper .sheet-stattable-title input, .charsheet .sheet-wrapper .sheet-stattable-title td {
	background-color: DarkGrey;
	text-align: center;
	font-weight: bold;
}

.charsheet .sheet-wrapper .sheet-stattable-col, .charsheet .sheet-wrapper .sheet-stattable-col div, .charsheet .sheet-wrapper .sheet-stattable-col label, .charsheet .sheet-wrapper .sheet-stattable-col input, .charsheet .sheet-wrapper .sheet-stattable-col td
{
	text-align: center;
}

.charsheet .sheet-wrapper .sheet-stattable-evencol, .charsheet .sheet-wrapper .sheet-stattable-evencol div, .charsheet .sheet-wrapper .sheet-stattable-evencol label, .charsheet .sheet-wrapper .sheet-stattable-evencol input, .charsheet .sheet-wrapper .sheet-stattable-evencol td {
	background-color: LightGoldenRodYellow;
	text-align: center;
}
.charsheet .sheet-wrapper .sheet-stattable-evencol, .charsheet .sheet-wrapper .sheet-stattable-oddcol div, .charsheet .sheet-wrapper .sheet-stattable-oddcol label, .charsheet .sheet-wrapper .sheet-stattable-oddcol input, .charsheet .sheet-wrapper .sheet-stattable-oddcol td {
	background-color: MistyRose;
	text-align: center;
}

.charsheet .sheet-wrapper .sheet-sectionhead label {
	font-size: 16px;
	text-decoration: underline;
	color: DarkMagenta;
	font-weight: bold;
}

.charsheet .sheet-wrapper textarea.sheet-oneline {
	height: 24px;
	resize: vertical;
}

.charsheet .sheet-wrapper .sheet-chunky{
	width: 50%;
}

.charsheet .sheet-wrapper .sheet-size-one{
    width: calc(8% - 3%);
}

.charsheet .sheet-wrapper .sheet-size-two {
    width: calc(10% - 3%);
}

.charsheet .sheet-wrapper .sheet-size-three {
    width: calc(15% - 3%);
}

.charsheet .sheet-wrapper .sheet-size-four {
    width: calc(19% - 3%);
}

.charsheet .sheet-wrapper .sheet-size-five {
    width: calc(20% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-size-six {
    width: calc(25% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-size-seven {
    width: calc(30% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-size-eight {
    width: calc(40% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-size-nine {
    width: calc(60% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-size-ten {
    width: calc(80% - 3%);
}

/* Roll Templates */
/* === simplifiedroll === */
.sheet-rolltemplate-simplifiedroll, .sheet-rolltemp-container div
{	
	border-style: solid;
    border-width: medium;
	border-color: #262626;
}

.sheet-rolltemplate-simplifiedroll .sheet-charname, .sheet-rolltemplate-simplifiedroll .sheet-charname div {
	text-decoration: none;
	font-weight: normal;
    font-size: 0.8em;
    line-height: 0.8em;
    font-style: italic;
	color: Grey;
	background-color: Beige;
	text-align: Right;
    padding-right: 2px;
}

.sheet-rolltemplate-simplifiedroll .sheet-statname, .sheet-rolltemplate-simplifiedroll .sheet-statname div {
    text-decoration: underline;
	font-weight: bold;
	color: DarkMagenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-simplifiedroll .sheet-rollblock, .sheet-rolltemplate-simplifiedroll .sheet-rollblock div {
	font-weight: bold;
	color: Magenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-simplifiedroll .sheet-statroll, .sheet-rolltemplate-simplifiedroll .sheet-statroll span {
	font-weight: bold;
	color: Black;
}

.sheet-rolltemplate-simplifiedroll .sheet-epic, .sheet-rolltemplate-simplifiedroll .sheet-epic span {
	font-weight: bold;
	color: Green;
}

.sheet-rolltemplate-simplifiedroll .sheet-blooper, .sheet-rolltemplate-simplifiedroll .sheet-blooper span {
	font-weight: bold;
	color: Red;
}

/* === stattest === */
.sheet-rolltemplate-stattest, .sheet-rolltemp-container div
{	
	border-style: solid;
    border-width: medium;
	border-color: #262626;
}

.sheet-rolltemplate-stattest .sheet-charname, .sheet-rolltemplate-stattest .sheet-charname div {
	text-decoration: none;
	font-weight: normal;
    font-size: 0.8em;
    line-height: 0.8em;
    font-style: italic;
	color: Grey;
	background-color: Beige;
	text-align: Right;
    padding-right: 2px;
}

.sheet-rolltemplate-stattest .sheet-statname, .sheet-rolltemplate-stattest .sheet-statname div {
    text-decoration: underline;
	font-weight: bold;
	color: DarkMagenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-stattest .sheet-rollblock, .sheet-rolltemplate-stattest .sheet-rollblock div {
	font-weight: bold;
	color: Magenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-stattest .sheet-statroll, .sheet-rolltemplate-stattest .sheet-statroll span {
	font-weight: bold;
	color: Black;
}

.sheet-rolltemplate-stattest .sheet-epic, .sheet-rolltemplate-stattest .sheet-epic span {
	font-weight: bold;
	color: Green;
}

.sheet-rolltemplate-stattest .sheet-blooper, .sheet-rolltemplate-stattest .sheet-blooper span {
	font-weight: bold;
	color: Red;
}

/* === genericroll === */
.sheet-rolltemplate-genericroll, .sheet-rolltemp-container div
{	
	border-style: solid;
    border-width: medium;
	border-color: #262626;
}

.sheet-rolltemplate-genericroll .sheet-charname, .sheet-rolltemplate-genericroll .sheet-charname div {
    text-decoration: none;
	font-weight: normal;
    font-size: 0.8em;
    line-height: 0.8em;
    font-style: italic;
	color: Grey;
	background-color: Beige;
	text-align: Right;
    padding-right: 2px;
}

.sheet-rolltemplate-genericroll .sheet-statname, .sheet-rolltemplate-genericroll .sheet-statname div {
	text-decoration: underline;
	font-weight: bold;
	color: DarkMagenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-genericroll .sheet-rollblock, .sheet-rolltemplate-genericroll .sheet-rollblock div {
	font-weight: bold;
	color: Magenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-genericroll .sheet-statroll, .sheet-rolltemplate-genericroll .sheet-statroll span {
	font-weight: bold;
	color: Black;
}

.sheet-rolltemplate-genericroll .sheet-epic, .sheet-rolltemplate-genericroll .sheet-epic span {
	font-weight: bold;
	color: Green;
}

.sheet-rolltemplate-genericroll .sheet-blooper, .sheet-rolltemplate-genericroll .sheet-blooper span {
	font-weight: bold;
	color: Red;
}


/* === meleeweptest === */

.sheet-rolltemplate-meleeweptest, .sheet-rolltemp-container div
{	
	border-style: solid;
    border-width: medium;
	border-color: #262626;
}

.sheet-rolltemplate-meleeweptest .sheet-charname, .sheet-rolltemplate-meleeweptest .sheet-charname div {
    text-decoration: none;
	font-weight: normal;
    font-size: 0.8em;
    line-height: 0.8em;
    font-style: italic;
	color: Grey;
	background-color: Beige;
	text-align: Right;
    padding-right: 2px;
}

.sheet-rolltemplate-meleeweptest .sheet-statname, .sheet-rolltemplate-meleeweptest .sheet-statname div {
	text-decoration: underline;
	font-weight: bold;
	color: DarkMagenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-meleeweptest .sheet-rollblock, .sheet-rolltemplate-meleeweptest .sheet-rollblock div {
	font-weight: bold;
	color: Magenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-meleeweptest .sheet-statroll, .sheet-rolltemplate-meleeweptest .sheet-statroll span {
	font-weight: bold;
	color: Black;
}

.sheet-rolltemplate-meleeweptest .sheet-epic, .sheet-rolltemplate-meleeweptest .sheet-epic span {
	font-weight: bold;
	color: Green;
}

.sheet-rolltemplate-meleeweptest .sheet-blooper, .sheet-rolltemplate-meleeweptest .sheet-blooper span {
	font-weight: bold;
	color: Red;
}

/* === rangedweptest === */

.sheet-rolltemplate-rangedweptest, .sheet-rolltemp-container div
{	
	border-style: solid;
    border-width: medium;
	border-color: #262626;
}

.sheet-rolltemplate-rangedweptest .sheet-charname, .sheet-rolltemplate-rangedweptest .sheet-charname div {
    text-decoration: none;
	font-weight: normal;
    font-size: 0.8em;
    line-height: 0.8em;
    font-style: italic;
	color: Grey;
	background-color: Beige;
	text-align: Right;
    padding-right: 2px;
}

.sheet-rolltemplate-rangedweptest .sheet-statname, .sheet-rolltemplate-rangedweptest .sheet-statname div {
	text-decoration: underline;
	font-weight: bold;
	color: DarkMagenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-rangedweptest .sheet-rollblock, .sheet-rolltemplate-rangedweptest .sheet-rollblock div {
	font-weight: bold;
	color: Magenta;
	background-color: Beige;
	text-align: center;
}

.sheet-rolltemplate-rangedweptest .sheet-statroll, .sheet-rolltemplate-rangedweptest .sheet-statroll span {
	font-weight: bold;
	color: Black;
}

.sheet-rolltemplate-rangedweptest .sheet-epic, .sheet-rolltemplate-rangedweptest .sheet-epic span {
	font-weight: bold;
	color: Green;
}

.sheet-rolltemplate-rangedweptest .sheet-blooper, .sheet-rolltemplate-rangedweptest .sheet-blooper span {
	font-weight: bold;
	color: Red;
}