roll20-character-sheets/Shadowrun6th-German/views/CSS/rolltemplate.css

.sheet-rolltemplate-roll,
.sheet-rolltemplate-post,
.sheet-rolltemplates-initiative{

    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
  --base-color:  #906;
  --text-color: #000;
  --text-gray: #404040;
  --base-backcolor2: #FFFFFF;
  --base-backcolor3: #edeaef;
  --select-backcolor: #460141;
  --base-backcolor:#D9EBF4;
  --base-border-color:#E5E5E5;
  --section-backcolor:#cacaca;
  --section-backcolor-select: #d8d8d8;
  --base-backcolor-alternate-color:#c1bebe;
  --base-warning-color:#B31515;
  --base-crit-color:#3FB315;
  --box-shadow: #906;
  --boxsize:20px;

  --base-padding: 0.4rem;
  --base-padding-neg: -0.4rem;
  --fontsize-button: 1.1rem;
  --fontsize-medium:12px;
  --fontsize-base: 1.2rem;
  --fontsize-seltab: 1.4rem;
  --fontsize-hover: 1.8rem;
}


/* roll sheet*/
.sheet-rolltemplate-initiative div.sheet-template-container,
.sheet-rolltemplate-post div.sheet-template-container,
.sheet-rolltemplate-roll div.sheet-template-container,
.sheet-rolltemplate-wilddie div.sheet-template-container{
	border: 1px solid var(--base-color) !important;
	border-radius: 3px 3px 3px 3px;
}

.sheet-rolltemplate-roll .sheet-template-header,
.sheet-rolltemplate-post .sheet-template-header,
.sheet-rolltemplate-wilddie .sheet-template-header{
	background-color: var(--base-backcolor2);
	color: var(--text-color);
	padding: 5px;
	border-bottom: 1px solid var(--base-color);
	line-height: 1.6em;
	font-size: 1.0em;
}
.sheet-rolltemplate-initiative .sheet-template-header {
	background-color: var(--base-backcolor2);
	color: var(--text-color);
	padding: 5px;
	line-height: 1.6em;
	font-size: 1.0em;
}

.sheet-rolltemplate-roll div.sheet-template-flatrow{
    background-color: var(--base-backcolor2);
    padding: 2px
}

.sheet-rolltemplate-post div.sheet-template-row:nth-child(odd),
.sheet-rolltemplate-roll div.sheet-template-row:nth-child(odd),
.sheet-rolltemplate-wilddie div.sheet-template-row:nth-child(odd){
    background-color: var(--base-backcolor2);
    padding: 5px;
}
.sheet-rolltemplate-post div.sheet-template-row:nth-child(even),
.sheet-rolltemplate-roll div.sheet-template-row:nth-child(even),
.sheet-rolltemplate-wilddie div.sheet-template-row:nth-child(even){
    background-color: var(--base-backcolor);
    padding: 5px;
}

.sheet-rolltemplate-post .sheet-hidden-block,/*block layout without roll*/
.sheet-rolltemplate-roll .sheet-hidden-block,
.sheet-rolltemplate-wilddie .sheet-hidden-block{
    display: inline-block;
    width: 61.5px; /*recalculate if needed*/
}
.sheet-rolltemplate-post .sheet-sub-headline,
.sheet-rolltemplate-roll .sheet-sub-headline,
.sheet-rolltemplate-wilddie .sheet-sub-headline{
    color: var(--base-color);
    display: inline-block;
    font-weight: 400;
    text-align: center;
    width: 100%;
}
.sheet-rolltemplate-post .sheet-small-black-text,
.sheet-rolltemplate-roll .sheet-small-black-text,
.sheet-rolltemplate-wilddie .sheet-small-black-text{
    color: var(--text-color);
    display: inline-block;
    font-size: 8pt;
    text-align: center;
    width: 100%;
}
.sheet-rolltemplate-post .inlinerollresult,
.sheet-rolltemplate-roll .inlinerollresult,
.sheet-rolltemplate-wilddie .inlinerollresult
{
	background-color: var(--base-backcolor2);
	border: 0.25px solid var(--base-border-color);
	display: inline-block;
	margin-right: 30px;
	min-width: 25px;
	text-align: center;
}
.sheet-rolltemplate-fakeroll{
	background-color: var(--base-backcolor2);
	border: 0.25px solid var(--base-border-color);
	display: inline-block;
	min-width: 25px;
	text-align: center;
    padding: 0 3px 0 3px;
    font-size: 1.1em;
    font-weight: 400;
}

.sheet-rolltemplate-post .inlinerollresult.fullcrit,
.sheet-rolltemplate-roll .inlinerollresult.fullcrit,
.sheet-rolltemplate-wilddie .inlinerollresult.fullcrit,
.sheet-rolltemplate-fakeroll-crit{
	border: 0.25px solid var(--base-crit-color);
}

.sheet-rolltemplate-post .inlinerollresult.fullfail,
.sheet-rolltemplate-roll .inlinerollresult.fullfail,
.sheet-rolltemplate-wilddie .inlinerollresult.fullfail{
    border: 0.25px solid var(--base-warning-color);
}

.sheet-rolltemplate-post .inlinerollresult.importantroll,
.sheet-rolltemplate-roll .inlinerollresult.importantroll,
.sheet-rolltemplate-wilddie .inlinerollresult.importantroll{
    border: 0.25px solid #4A57ED;
}
.sheet-rolltemplate-warning {
color:var(--base-warning-color);
}


.sheet-rolltemplate-diviation1::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(330deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation2::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(0deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation3::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(30deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation4::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(60deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation5::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(90deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation6::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(120deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation7::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(150deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation8::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(180deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation9::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(210deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation10::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(240deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation11::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(270deg);
    display: inline-block;
       
}
.sheet-rolltemplate-diviation12::before{
    font-family: "pictos";
    content:"]";
    transform: rotate(300deg);
    display: inline-block;
       
}