Lance Color option css

pf.css

.sheet-section-show:not(:checked)~.sheet-section,
.sheet-macro-show:not(:checked)~.sheet-macro,
.sheet-spd-show:not(:checked)~.sheet-spd,
.sheet-pc-details-show:not(:checked)~.sheet-pc-details,
.sheet-pc-abilities-show:not(:checked)~.sheet-pc-abilities,
.sheet-pc-health-show:not(:checked)~.sheet-pc-health,
.sheet-pc-ac-show:not(:checked)~.sheet-pc-ac,
.sheet-pc-skills-show:not(:checked)~.sheet-pc-skills,
.sheet-pc-weapons-show:not(:checked)~.sheet-pc-weapons,
.sheet-pc-feats-show:not(:checked)~.sheet-pc-feats,
.sheet-pc-inventory-show:not(:checked)~.sheet-pc-inventory,
.sheet-pc-encumbrance-show:not(:checked)~.sheet-pc-encumbrance,
.sheet-pc-currency-show:not(:checked)~.sheet-pc-currency,
.sheet-pc-spells-show:not(:checked)~.sheet-pc-spells,
.sheet-lvl-0-spells-show:not(:checked)~.sheet-lvl-0-spells,
.sheet-lvl-1-spells-show:not(:checked)~.sheet-lvl-1-spells,
.sheet-lvl-2-spells-show:not(:checked)~.sheet-lvl-2-spells,
.sheet-lvl-3-spells-show:not(:checked)~.sheet-lvl-3-spells,
.sheet-lvl-4-spells-show:not(:checked)~.sheet-lvl-4-spells,
.sheet-lvl-5-spells-show:not(:checked)~.sheet-lvl-5-spells,
.sheet-lvl-6-spells-show:not(:checked)~.sheet-lvl-6-spells,
.sheet-lvl-7-spells-show:not(:checked)~.sheet-lvl-7-spells,
.sheet-lvl-8-spells-show:not(:checked)~.sheet-lvl-8-spells,
.sheet-lvl-9-spells-show:not(:checked)~.sheet-lvl-9-spells {
    display:none;
}

input[type="checkbox"] + span::before
{
    content: "◀";
}
input[type="checkbox"]:checked + span::before
{
    content: "▼";
}

hr {
    border-color:black;
}

.sheet-table {
    display:table;
    width:100%;
}

.sheet-small-label {
    font-size: 85%!important;
    font-style: italic;
    font-weight: bold;
}

.sheet-table-name {
    display:table-caption;
    text-align:center;
    font-weight:bold;
    color:white;
    background-color:black;
    width:100%;
}

.sheet-table-header {
    display:table-cell;
    text-align:center;
    font-weight:bold;
    vertical-align:bottom;
}

.sheet-table-data {
    display:table-cell;
    vertical-align:middle;
}

.sheet-table-data-left {
    display:table-cell;
    text-align:left;
    vertical-align:middle;
}

.sheet-table-data-right {
    display:table-cell;
    text-align:right;
    vertical-align:middle;
}

.sheet-table-data-center {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}

.sheet-table-row {
    display:table-row;
    vertical-align:middle;
    width:100%;
}

.sheet-table-row1 {
    display:table-row;
    vertical-align:bottom;
    width:100%;    
}

.sheet-table-row-name {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    color:white;
    background-color:black;
    font-weight:bold;
}

.sheet-table-row1-name {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    color:white;
    background-color:black;
    font-weight:bold;
}

.sheet-center {
    text-align:center;
}

.sheet-label {
    font-weight:bold;
    text-align:center;
}

input[type="text"], select {
    width:100%;
    margin:0;
}

textarea {
    width:99%;
}

.sheet-text-button {
    font-size:100%;
    color:white;
    background-color:black;
    border:0px;
}

button,
button:hover,
button:active
{
    background-image: none;
}

.sheet-rolltemplate-pf_check .sheet-wrapper {
    background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
}

.sheet-rolltemplate-pf_check .sheet-border{
	border-color: #7E2D40;
	border-style: solid;
	border-width: 1px;
    border-top-width: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
/* color option */
.sheet-rolltemplate-pf_check .sheet-border.sheet-color-white,
.sheet-rolltemplate-pf_check .sheet-header.sheet-color-white,
.sheet-rolltemplate-pf_check .sheet-subheader.sheet-color-white,
.sheet-rolltemplate-pf_check .sheet-header_background.sheet-color-white,
.sheet-rolltemplate-pf_check .sheet-subheader_background.sheet-color-white,
.sheet-rolltemplate-PFAttack .sheet-border.sheet-color-white,
.sheet-rolltemplate-PFAttack .sheet-header.sheet-color-white,
.sheet-rolltemplate-PFAttack .sheet-subheader.sheet-color-white,
.sheet-rolltemplate-PFAttack .sheet-header_background.sheet-color-white,
.sheet-rolltemplate-PFAttack .sheet-subheader_background.sheet-color-white,
.sheet-rolltemplate-pf_spell .sheet-border.sheet-color-white,
.sheet-rolltemplate-pf_spell .sheet-header.sheet-color-white,
.sheet-rolltemplate-pf_spell .sheet-subheader.sheet-color-white,
.sheet-rolltemplate-pf_spell .sheet-header_background.sheet-color-white,
.sheet-rolltemplate-pf_spell .sheet-subheader_background.sheet-color-white {
	border-color: #FFFFFF;
	color: #FFFFFF;
}
.sheet-rolltemplate-PFAttack .sheet-arrow-right.sheet-color-white {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
	border-left: 180px solid #FFFFFF;
}
.sheet-rolltemplate-pf_check .sheet-border.sheet-color-black,
.sheet-rolltemplate-pf_check .sheet-header.sheet-color-black,
.sheet-rolltemplate-pf_check .sheet-subheader.sheet-color-black,
.sheet-rolltemplate-pf_check .sheet-header_background.sheet-color-black,
.sheet-rolltemplate-pf_check .sheet-subheader_background.sheet-color-black,
.sheet-rolltemplate-PFAttack .sheet-border.sheet-color-black,
.sheet-rolltemplate-PFAttack .sheet-header.sheet-color-black,
.sheet-rolltemplate-PFAttack .sheet-subheader.sheet-color-black,
.sheet-rolltemplate-PFAttack .sheet-header_background.sheet-color-black,
.sheet-rolltemplate-PFAttack .sheet-subheader_background.sheet-color-black,
.sheet-rolltemplate-pf_spell .sheet-border.sheet-color-black,
.sheet-rolltemplate-pf_spell .sheet-header.sheet-color-black,
.sheet-rolltemplate-pf_spell .sheet-subheader.sheet-color-black,
.sheet-rolltemplate-pf_spell .sheet-header_background.sheet-color-black,
.sheet-rolltemplate-pf_spell .sheet-subheader_background.sheet-color-black {
	border-color: #000000;
	color: #000000;
}
.sheet-rolltemplate-PFAttack .sheet-arrow-right.sheet-color-black {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
	border-left: 180px solid #000000;
}

.sheet-rolltemplate-pf_check .sheet-header {
	color: #7E2D40;
    	padding: 2px 0px 2px 4px;
	font-size: 1.2em;
    font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
    font-variant: small-caps;
	letter-spacing: 1px;
}

.sheet-rolltemplate-pf_check .sheet-subheader {
    color: #7E2D40;
    	padding: 2px 10px 2px 10px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
    font-variant: small-caps;
	letter-spacing: 1px;
}

.sheet-rolltemplate-pf_check .sheet-header_background {
    background-color: transparent;
    border-color: #7E2D40;
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 3px;
    border-right-width: 4px;
    border-top-right-radius: 16px;
    background-size: auto;
}

.sheet-rolltemplate-pf_check .sheet-subheader_background {
    background-color: transparent;
	text-align: center;
    border-color: #7E2D40;
    border-style: solid;
    border-width: 0px;
    border-right-width: 4px;
	background-size: contain;
}

.sheet-rolltemplate-pf_check .sheet-tcat {
	font-weight: bold;
}
 
.sheet-rolltemplate-pf_check .sheet-content {
	padding: 1px 5px 1px 5px;
	font-size: 0.9em;
    text-align: center;
}
 
.sheet-rolltemplate-pf_check .inlinerollresult  {
    	background-color: transparent;
    	border: none;
}
 
.sheet-rolltemplate-pf_check .inlinerollresult.fullcrit {
	color: #3FB315;
    	border: none;
}
 
.sheet-rolltemplate-pf_check .inlinerollresult.fullfail {
	color: #B31515;
    	border: none;
}
 
.sheet-rolltemplate-pf_check .inlinerollresult.importantroll {
	color: #4A57ED;
    	border: none;
}

.sheet-rolltemplate-PFAttack .sheet-wrapper {
    background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
}

.sheet-rolltemplate-PFAttack table {
    width: 100%;
    padding: 2px;
}

.sheet-rolltemplate-PFAttack .sheet-border {
    border-color: #7E2D40;
	border-style: solid;
	border-width: 1px;
    border-radius: 5px;
}

.sheet-rolltemplate-PFAttack th {
	color: #7E2D40;
    padding-left: 5px;
	line-height: 1.6em;
	font-size: 1.2em;
    text-align: left;
	font-family: "Times New Roman", Times, serif;
    font-variant: small-caps;
}
 
.sheet-rolltemplate-PFAttack .sheet-subheader {
    color: #000;
    font-size: 1em;
    font-style: italic;
}
 
.sheet-rolltemplate-PFAttack .sheet-arrow-right {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
	border-left: 180px solid #7E2D40;
}
 
.sheet-rolltemplate-PFAttack .sheet-tcat {
    font-style: italic;
}
 
.sheet-rolltemplate-PFAttack td {
    padding-left: 5px;
}
 
.sheet-rolltemplate-PFAttack .inlinerollresult  {
    background-color: transparent;
    border: none;
}
 
.sheet-rolltemplate-PFAttack .inlinerollresult.fullcrit {
    background-color: transparent;
	color: #3FB315;
    border: none;
}
 
.sheet-rolltemplate-PFAttack .inlinerollresult.fullfail {
    background-color: transparent;
	color: #B31515;
    border: none;
}
 
.sheet-rolltemplate-PFAttack .inlinerollresult.importantroll {
    background-color: transparent;
	color: #4A57ED;
    border: none;
}

.sheet-rolltemplate-pf_spell .sheet-wrapper {
    background:url(http://i.imgur.com/BLb0XMU.jpg) top left repeat;
}

.sheet-rolltemplate-pf_spell table {
    width: 100%;
    padding: 2px;
}

.sheet-rolltemplate-pf_spell .sheet-border {
    border-color: #7E2D40;
    border-style: solid;
	border-width: 1px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sheet-rolltemplate-pf_spell th {
    color: rgb(233, 223, 151);
    background-color: #7E2D40;
    padding-left: 5px;
	line-height: 1.1em;
	font-size: 1em;
    text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
    text-transform: uppercase;
}
 
.sheet-rolltemplate-pf_spell .sheet-arrow-right {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
	border-left: 180px solid #7E2D40;
}
 
.sheet-rolltemplate-pf_spell .sheet-tcat {
    font-weight: bold;
}
 
.sheet-rolltemplate-pf_spell td {
    padding-left: 5px;
    font-size: 0.9em;
}
 
.sheet-rolltemplate-pf_spell .inlinerollresult  {
    background-color: transparent;
    border: none;
}
 
.sheet-rolltemplate-pf_spell .inlinerollresult.fullcrit {
	color: #3FB315;
    border: none;
}
 
.sheet-rolltemplate-pf_spell .inlinerollresult.fullfail {
	color: #B31515;
    border: none;
}
 
.sheet-rolltemplate-pf_spell .inlinerollresult.importantroll {
	color: #4A57ED;
    border: none;
}