roll20-character-sheets/Rangers of Shadow Deep/Rangers.css

@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative|EB+Garamond&display=swap');

div{
    margin: none;
    padding: none;
    background-color: transparent;
}
div.sheet-main{
    width: 650px;
    min-width: 650px;
    max-width: 650px;
	font-family:  "EB Garamond", serif;
    font-size: 14px;
    background-color: #fcfafa;
    padding: 4px;
}
div.sheet-linea{
    display: block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    white-space: nowrap;
}
div.sheet-columna{
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
div.sheet-rollLabel{
    display: inline-block;
    text-align: left;
    padding: 5px 0 5px 0;
}
div.sheet-columna-right{
	float: right;
    display: inline-block;
    text-align: right;
    vertical-align: top;
	horizontal-align: right;
	margin-right: 25px;
}
div.sheet-columna-center{
	float: center;
    display: inline-block;
    text-align: center;
    vertical-align: top;
	horizontal-align: center;
	margin-right: 25px;
}
div.sheet-logo{
	display: inline-block;
	margin: 10px 10px 10px 50px;
}

input, textarea{
    display: inline-block;
    font-family:  "EB Garamond", serif;
    font-size: 14px;
    resize:none;
    z-index: 2;
    border-radius: 0;
    outline: 0;
    border-width: 1px;
    border-color: black;
}

div.sheet-details1,
div.sheet-details2,
div.sheet-details3,
div.sheet-injuries {
  display: none;
}

input.sheet-showdetails[value="ranger"] ~ div.sheet-details1, 
input.sheet-showdetails[value="companion"] ~ div.sheet-details2,
input.sheet-showdetails[value="npc"] ~ div.sheet-details3{
    width: 100%;
	display: inline-block;
    text-align: left;
    vertical-align: top;
}

input.sheet-showdetails[value="ranger"] ~ div.sheet-injuries, 
input.sheet-showdetails[value="companion"] ~ div.sheet-injuries{
    width: 100%;
	display: inline-block;
    text-align: left;
    vertical-align: top;
}

textarea{
    padding: 1px 2px 0px 2px;
    width: 625px;
    resize:vertical;
}

.sheet-skill-name{
    width: 590px;
    outline: 0;
    border-width: 0 0 1px;
    border-color: black;
}

.sheet-short{
    width: 30px;
}

.sheet-stats-input{
    width: 50px;
}

.sheet-long{
    width: 120px;
}

.sheet-extralong{
    width: 500px;
}

.sheet-inventory-label{
    float: left;
    margin-top: 7px;
    width: 15px;
    margin-right: 3px;
    font-weight: bold;
    text-align: center;
	font-family: "Cinzel Decorative", serif;
}

.sheet-inventory-input{
    width: 275px;
    outline: 0;
    border-width: 0 0 1px;
    border-color: black;
}

.sheet-fancy-label{
    font-weight: bold;
	font-family: "Cinzel Decorative", serif;
}

h1,h2,h3,h4 {
	font-family: "Cinzel Decorative", serif;
	color: #05633b;
	margin-bottom: 5px;
}

img {
  max-height: 100px;
}

hr.sheet-fancy {
	margin: 10px;
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.inlinerollresult {
    background-color: #f5c242;
    border: 2px solid #FEF68E;
    padding: 0 3px 0 3px;
    font-weight: bold;
    cursor: help;
    font-size: 1.1em;
}

.sheet-rolltemplate-statroll div.sheet-template-container {
	border: 2px solid #000 !important;
	border-radius: 3px 3px 3px 3px;
}

.sheet-rolltemplate-statroll .sheet-template-header {
	background-color: rgba(112, 32, 130,1);
	color: #000;
	padding: 2px;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.2em;
}

.sheet-rolltemplate-statroll div {
	padding: 5px;
	border-bottom: 1px solid black;
}

.sheet-rolltemplate-statroll div:nth-child(odd) {
	background-color: rgba(217, 217, 214,1);
}

.sheet-rolltemplate-statroll div:nth-child(even) {
	background-color: rgba(233, 233, 233,1);
}

.sheet-rolltemplate-statroll span.fancy{
    font-weight: bold;
	font-family: "Cinzel Decorative", serif;
}

.sheet-rolltemplate-statroll .inlinerollresult  {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1);
}

.sheet-rolltemplate-statroll .inlinerollresult.fullcrit {
	border: 2px solid #3FB315;
	color: #3FB315;
}

.sheet-rolltemplate-statroll .inlinerollresult.fullfail {
	border: 2px solid #B31515;
	color: #B31515;
}

.sheet-rolltemplate-statroll .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}