roll20-character-sheets-tester/The One Ring 2e/sheet.css

@import url('https://fonts.cdnfonts.com/css/aniron');
@font-face {
	font-family: 'AnorinFace';
	src: url('https://fonts.cdnfonts.com/css/aniron');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: "AnironOwf"; 
	src: url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.eot"); 
	src: url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.eot?#iefix") format("embedded-opentype"), 
	url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.woff2") format("woff2"), 
	url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.woff") format("woff"), 
	url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.ttf") format("truetype"), 
	url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.svg#Aniron") format("svg"); 
}

.charsheet * {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, sans-serif;
    font-weight: normal;
}
/*Configure the tab buttons*/
.charsheet :is(.sheet-pc,.sheet-adversary) {
	display: none;
	position: relative;
	background: url('https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/background.webp');
	background-color: #FEFCF0;
	border: 8px solid transparent;
	border-image-source: url('https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-red.png');
	border-image-slice: 8 8 8 8;
	border-image-repeat: repeat;
    padding-right: 10px;
	z-index:0;
}
.charsheet .sheet-pc{
	min-width: 1200px;
}
.charsheet .sheet-adversary{
	min-width: 800px;
}
/* show the selected tab */
.charsheet .sheet-tabstoggle[value="isPC"] ~ div.sheet-pc,
.charsheet .sheet-tabstoggle[value="isAdversary"] ~ div.sheet-adversary {
    display: block;
}
.charsheet {
	/* Define CSS variables */
	--red: rgb(176, 33, 30); 
	--gray: rgb(104, 104, 104);
	--solidborder: 1px solid var(--gray);
	--borderred: https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-red.png;
	--borderbrown: https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-brown.png;
	padding: 0px;
}

.charsheet :is(h1,h2,h3){
	font-family: "Aniron", "Palatino Linotype", "Book Antiqua", Palatino, serif, sans-serif;
    font-weight: normal;
	line-height: 1;
	color: var(--red);
	text-transform: uppercase;
	font-size: smaller; 
	font-weight: bold;
	line-height: 25px;
}
.charsheet :is(h2,h3) {
	color: var(--gray);
	font-weight: normal;
}
.charsheet h2 {
	font-size: x-small;
}
.charsheet h3 {
	font-size: x-small;
}
.ui-dialog .charsheet :is(button[type="roll"], button[type="action"][class="parsed-rolls"]) {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    padding: 0px;
    margin: 0px 0px;
    outline: none;
	height: 100%;
	vertical-align: middle;
}
.ui-dialog .charsheet :is(button[type="roll"], button[type="action"][class="parsed-rolls"]):hover {
    opacity: .5;
}
.ui-dialog .charsheet :is(button[type="roll"], button[type="action"][class="parsed-rolls"]):before {
	/* change D20 to system-appropriate D12 */
    font-family: "dicefontd12" !important;
    content: "0" !important;
}
.charsheet input,
.charsheet textarea {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255,255,255,.5);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.charsheet textarea {
    border: 2px solid rgba(0,0,0,.15);
	text-align: left;
}
.charsheet input:hover,
.charsheet textarea:hover,
.charsheet input:focus,
.charsheet textarea:focus {
    background: rgba(255,255,255,1);
}
.charsheet input[type="text"],
.charsheet input[type="number"],
.charsheet input.sheet-number,
.charsheet select {
    background: none !important;
    border-radius: 0;
    border-bottom: 2px solid rgba(0,0,0,.15);
	text-align: left;
	margin-bottom: 5px;
}
.charsheet input[type="text"]{
	width: 150px;
}
.charsheet select{
	width: min-content;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	line-height: 18px;
	height: 17px;
	padding: 0px 4px 0px 4px;
}
.charsheet input.sheet-number {
    width: 3.5em !important;
}
.charsheet input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.charsheet input[type="number"]::-webkit-inner-spin-button, 
.charsheet input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
.charsheet input[type="checkbox"]{
	padding: 0px !important;
	margin: 0px !important;
	width: 12px !important;
}
.charsheet input[type="checkbox"]:checked + input[type="number"],
.charsheet input[type="checkbox"]:checked + input[type="text"],
.charsheet input[type="checkbox"]:checked + label,
.charsheet input[type="checkbox"]:checked + span {
    text-decoration: underline;
}
/*
    Dots
 */
.charsheet .sheet-dots {
    display: block;
    float: right;
    top: 2px;
    right: 0;
    margin-right: 20px;
}
.charsheet .sheet-dots input[type="radio"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -8px -8px -8px -8px;
    cursor: pointer;
    z-index: 1;
}
.charsheet input[type="radio"] + span::before{
    margin-right: 4px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 10px;
    width: 10px;
    height: 10px;
    content: "•";
    opacity:0;
}
.charsheet .sheet-dots input[type="radio"]:not([value="0"]) + span {
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/square-filled.png") no-repeat;
    background-size:100%;
}
.charsheet .sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span {
    background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/square-empty.png") no-repeat;
    background-size:100%;
}
/* Remove dot from all radios _after_ selected one */
.charsheet input[type="radio"]:checked ~ input[type="radio"] + span::before{    
    content: "";
}
.charsheet .sheet-hover-info {
    position: absolute;
    background: white;
    z-index: 10;
    padding: 20px;
    width: 300px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
    transition:visibility 0s linear 0.3s, opacity 0.3s linear;
    text-align: left;
}
.charsheet .sheet-hover-info.sheet-margin-left-140px {
    margin-left: -140px;
}
.charsheet span.label:hover + .sheet-hover-info,
.charsheet span.sheet-label:hover + .sheet-hover-info,
.charsheet input:hover + span.sheet-label + .sheet-hover-info,
.charsheet label:hover + .sheet-hover-info {
    visibility: visible;
    opacity: 1;
    transition-delay: 1s;
}
.charsheet :is(.diamond,.diamond-red) {
	position: relative;
	justify-self: center;
	height: 40px;
	width: 40px;
	line-height: 40px;
}
.charsheet :is(.diamond,.diamond-red):before {
	position: absolute;
	content: '';
	top: 0px;
	left: -5px;
	height: 100%;
	width: 100%;
	border: 7px solid transparent;
	border-image-source: url('https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-brown.png');
	border-image-slice: 8 8 8 8;
	border-image-repeat: repeat;
	transform: rotateX(45deg) rotateZ(45deg);
	z-index:-1;
}
.charsheet .diamond-red:before{
	border-image-source: url('https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-red.png');
}
.charsheet :is(.diamond-small,.diamond-small-red) {
	position: relative;
	justify-self: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.charsheet :is(.diamond-small,.diamond-small-red):before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border: 3px solid transparent;
	border-image-source: url('https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-brown.png');
	border-image-slice: 3 3 3 3;
	border-image-repeat: repeat;
	transform: rotateX(45deg) rotateZ(45deg);
	z-index:-1;
}
.charsheet .diamond-small-red:before{
	border-image-source: url('https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-red.png');
}
/* New CSS for pc sheet*/
.charsheet .left{
	justify-self: left !important;
	text-align: left !important;
}
.charsheet .right{
	justify-self: right !important;
	text-align: right !important;
}
.charsheet .center{
	justify-self: center !important;
	text-align: center !important;
}
.charsheet .strong{
	font-size: large; 
	font-weight: bold;
}
.charsheet .bordertop{
	margin: 0px 20px 0px 20px;
	border-top: var(--solidborder);
}
.charsheet :is(#experience-nested,#attributes-nested,#endurance-nested,#hope-nested,#parry-nested,#protection-nested) input {
	width: 1.5em;
	text-align: center;
	padding: 0;
	margin:  0px 0px 0px 2px;
}
.charsheet span {
	color: black;
	font-size: small;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
.charsheet :is(#experience-nested,#attributes-nested,#endurance-nested,#hope-nested,#parry-nested,#protection-nested) span {
	text-align: center;
}
.charsheet label {
    display: inline;
	font-size: small;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
.charsheet :is(#experience-nested,#attributes-nested,#endurance-nested,#hope-nested,#parry-nested,#protection-nested,#skill-strength,#skill-heart,#skill-wits,#proficiencies) label{
	text-align: center;
}
.charsheet #experience-nested button{
	padding: 0 ;
	margin: 0;
}
/* Sheet */
.charsheet #content{
	position: relative;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-auto-rows: minmax(10px, auto);
	grid-template-areas:
    'char char char char virt virt rewa rewa gear gear'
    'expe expe stre stre hear hear wits wits cond cond'
    'expe expe endu endu hope hope pari pari cond cond'
	'prof prof skst skst skhe skhe skwi skwi prot prot'
	'warg warg warg warg warg warg armo armo armo armo';	
	grid-gap: 0px;
}
.charsheet #content > *{
	width: 100%;
	padding: 5px;
	margin: 0px;
	text-align: center;
}
.charsheet #character  {
	grid-area: char;
}
.charsheet #character-nested .onecol{
	display: grid;
	grid-auto-rows: minmax(auto, 1.5em);
	grid-template-columns: 100px 3fr;
}
.charsheet #character-nested .twocols{
	display: grid;
	grid-auto-rows: minmax(auto, 1.5em);
	grid-template-columns: 100px 3fr 100px 3fr;
}
.charsheet #character-nested input{
	font-size: small;
	text-align: left;
	width: 100%;
}
.charsheet #experience{
	grid-area: expe;
}
.charsheet #experience-nested{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: min-content;
}
.charsheet :is(#experience-nested,#endurance-nested,#hope-nested,#parry-nested) :is(span:not([class|="diamond"]),label){
	padding-top: 5px;
}
.charsheet #strength{
	grid-area: stre;
	border-left: var(--solidborder);
	/*
	border-left: 8px solid transparent;
	border-image-source: url('https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%20Second%20Edition%20(Basic)/assets/boxline-border-red.png');
	border-image-slice: 8 8 8 8;
	border-image-repeat: repeat;
	*/
}
.charsheet #heart{
	grid-area: hear;
}
.charsheet #wits{
	grid-area: wits;
	border-right: var(--solidborder);
}
.charsheet #attributes-nested{
	display: grid;
	grid-template-columns: 1fr 0.1fr 1fr;
	grid-template-rows: min-content;
}
.charsheet #attributes-nested :is(span:not([class|="diamond"]),label){
	padding-top: 10px;
}
.charsheet #endurance{
	grid-area: endu;
	border-left: var(--solidborder);
}
.charsheet #hope{
	grid-area: hope;
}
.charsheet :is(#endurance-nested,#hope-nested){
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: min-content;
	padding: 0px;
}
.charsheet #gear{
	grid-area: gear;
}
.charsheet #rewards{
	grid-area: rewa;
}
.charsheet #virtues{
	grid-area: virt;
}
.charsheet :is(#gear,#rewards,#virtues) textarea{
	height: 80%;
	width: 90%;
}
.charsheet #skill-strength{
	grid-area: skst;
	text-align: left;
	border-left: var(--solidborder);
	border-bottom: var(--solidborder);
}
.charsheet #skill-heart{
	grid-area: skhe;
	text-align: left;
	border-bottom: var(--solidborder);
}
.charsheet #skill-wits{
	grid-area: skwi;
	text-align: left;
	border-right: var(--solidborder);
	border-bottom: var(--solidborder);
}
.charsheet #conditions{
	grid-area: cond;
	padding: 0px 20px 0px 0px;
}
.charsheet #conditions-nested{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(2, 22px);
	padding: 0px 10px 0px 20px;
}
.charsheet #proficiencies{
	grid-area: prof;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	min-width: 0;
	width: 95%
}
.charsheet #war-gear{
	grid-area: warg;
}
.charsheet #war-gear-nested{
	display: grid;
	grid-template-columns: min-content 4fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 4fr;
	grid-template-rows: repeat(5, 22px);
	padding: 0px 0px 0px 10px;
	text-align: left;
}
.charsheet #armour{
	grid-area: armo;
}
.charsheet #armour-nested{
	display: grid;
	grid-template-columns: 0.5fr 4fr min-content 0.5fr min-content 0.5fr min-content 0.5fr min-content 0.5fr 20px;
	grid-template-rows: repeat(5, 22px);
	justify-items: left;
	padding: 0px 0px 0px 20px ;
	border-left: var(--solidborder);
}
.charsheet :is(#war-gear-nested,#armour-nested) input[type="text"]{
	width: 90%;
}
.charsheet :is(#war-gear-nested,#armour-nested,#proficiencies) input[type="number"]{
	width: 2em;
	text-align: center;
}
.charsheet #parry{
	grid-area: pari;
	border-right: var(--solidborder);
}
.charsheet #parry-nested{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: min-content;
	padding: 0px;
}
.charsheet #protection{
	grid-area: prot;
	padding: 0px 20px 0px 0px;
}
.charsheet #protection-nested{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 2em 55px 35px 2em;
	padding: 0px 0px 0px 20px;
}
.charsheet #notes{
	background-color: #fefcf0;
	grid-area: stre;
	grid-column: 1 / span 12;
	grid-row: 4 / span 2;
	width: 100%;
	z-index: 100;
	display: none;
}
.charsheet #notes textarea{
	height: 90%;
}
.charsheet .sheet-notestoggle[value="1"] ~ #notes {
    display: block;
}
/* Adversary */
.charsheet .sheet-adversary-header,
.charsheet .sheet-adversary-attributes,
.charsheet .sheet-combat-proficiencies, 
.charsheet .sheet-fell-abilities {
	margin: 0px 0px 00px 0px;
}
.charsheet .sheet-adversary-header {
	display: grid;
	grid-template-columns: 4fr 1fr  ;
	grid-template-rows: repeat(4, minmax(1fr,50px));
	justify-items: center;
	margin: 0px;
	width: 100%;
}
.charsheet .sheet-adversary-header > input {
	text-align: left;
	justify-self: left;
	width: 75%
}
.charsheet .sheet-adversary-header div.diamond {
	grid-column: 2;
	grid-row: 2 / span 4;
	justify-self: center;
}
.charsheet .sheet-adversary-attributes {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(2,0.5fr);
	text-align: center;
	justify-items: center;
	width: 100%;
}
.charsheet .sheet-adversary-attributes input{
	text-align: center;
}
.ui-dialog .charsheet .sheet-adversary-attributes button{
	padding-top: 20px;
}

.charsheet .sheet-combat-proficiencies {
	display: grid;
	grid-template-columns: 250px 60px 60px 60px auto;
	grid-template-rows: repeat(3,1fr);
}
.charsheet .sheet-combat-proficiencies input[type="text"],
.charsheet .sheet-fell-abilities input[type="text"]{
	text-align: left;
	width: auto;
}
.charsheet .sheet-combat-proficiencies input[type="number"],
.charsheet .sheet-fell-abilities input[type="number"]{
	text-align: center;
	justify-self: center;
	width: 2.5em
}
.charsheet .sheet-fell-abilities {
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-template-rows: repeat(4, min-content);
	justify-items: left;
	grid-gap: 1em;
}
.charsheet .sheet-fell-abilities :is(label,textarea[name^="attr_fell_ability_desc"]){
	width: 100%;
	height: min-content;
	word-wrap: break-word;
}


.sheet-rolltemplate-tor {
	margin-left: -37px;
	padding-top: 10px;
	background: transparent;
  }
  .sheet-rolltemplate-tor * {	  
    font-family: AnironOwf, AnorinFace, Aniron, Papyrus, 'Book Antiqua', Palatino, serif, sans-serif;
    font-weight: bold;
  }
  .withoutavatars .sheet-rolltemplate-tor {
	margin-left: -7px;
  }
  
  .sheet-rolltemplate-tor .sheet-container {
	border: 1px solid;
	background-color: white;
	/* by default, the border is the same color as the header. You can change this here, e.g. to black */
	border-color: var(--header-bg-color);
	-margin-bottom: -35px;
  }
  .sheet-rolltemplate-tor .sheet-content {
	height: 250px;
  }
  .sheet-rolltemplate-tor .sheet-red,
  .sheet-rolltemplate-tor .sheet-red span {
	  color: var(--header-bg-color);
  }
  /* Header formatting - title and subtitle */
  .sheet-rolltemplate-tor .sheet-header {
	background-color: var(--header-bg-color);
	/* change text-align to center to center the header text */
	text-align: left;
	color: var(--header-text-color);
	padding: 5px;
  }
  .sheet-rolltemplate-tor .sheet-footer {	  
	padding: 5px;
	margin-top: -5px;
  }
  .sheet-rolltemplate-tor .sheet-title {
	font-size: 15px;
  }
  .sheet-rolltemplate-tor .sheet-subtitle {
	font-size: 14px;
  }
  .sheet-rolltemplate-tor .sheet-subtitle2 {
	font-size: 13px;
  }
  .sheet-rolltemplate-tor span,
  .sheet-rolltemplate-tor div {
	font-size: 13px;
  }
  .sheet-rolltemplate-tor .sheet-text-center {
	text-align: center;
  }
  .sheet-rolltemplate-tor .sheet-center {
	display: inline-flex;
	box-sizing: border-box;
	flex-wrap: nowrap;
	justify-content: center;
	justify-self: center;
	text-align: center;
  }
  .sheet-rolltemplate-tor .sheet-full-col {
	display:inline-flex;
	box-sizing: content-box;
	flex-wrap: nowrap;
	justify-content: center;
	justify-self: center;
	width: 99%;
  }
  .sheet-rolltemplate-tor .sheet-half-col {
	display:inline-flex;
	box-sizing: content-box;
	flex-wrap: nowrap;
	justify-content: center;
	justify-self: center;
	width: 49%;
  }
  .sheet-rolltemplate-tor div.sheet-die-result span.sheet-rotated-box {
	display:inline-flex;
	box-sizing: content-box;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-self: center;
	border: 2px solid #AC4637 !important;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	-background-image: url('https://raw.githubusercontent.com/dwarfwing/The-One-Ring/main/The%20One%20Ring%20Second%20Edition/images/red-square2-rot.png');
  }
  .sheet-rolltemplate-tor div.sheet-die-result span.sheet-rotated-box span {
	display:inline-flex;
	box-sizing: content-box;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-self: center;
	background-color: transparent;
	width: 30px;
	height: 30px;
	background-color: transparent;
	-font-weight: normal;
	transform: rotate(-45deg);
	border: 0; 
 }

 .sheet-rolltemplate-tor .sheet-die-title.sheet-target-number {
	 margin-top: 10px;
	 margin-bottom: 4px;
 } 

 .sheet-rolltemplate-tor .sheet-target-number .sheet-rotated-box,
 .sheet-rolltemplate-tor .sheet-roll-total .sheet-rotated-box {
	 background-color: #AC4637;
	 color: white;
 }
 .sheet-rolltemplate-tor .sheet-target-number .sheet-rotated-box span,
 .sheet-rolltemplate-tor .sheet-roll-total .sheet-rotated-box span {
	 color: white;
 }
 .sheet-rolltemplate-tor div.sheet-feat-die {
	justify-content: flex-end;
 }
 .sheet-rolltemplate-tor .sheet-feat-die .sheet-rotated-box {
	position: relative;
    top: -32px;
    right: 12px;
 }
 .sheet-rolltemplate-tor div.sheet-success-die {
	justify-content: flex-start;
 }
 .sheet-rolltemplate-tor .sheet-success-die .sheet-rotated-box {
	position: relative;
    top: -32px;
    left: 12px;
 }
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box,
 .sheet-rolltemplate-tor div.sheet-success-die span.sheet-rotated-box {
	 width: 45px !important;
	 height: 45px !important;
	 border: 6px double #AC4637 !important;
 }
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box span,
 .sheet-rolltemplate-tor div.sheet-success-die span.sheet-rotated-box span {
	font-size: 20px;
 }
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box span.fullcrit,
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box span.fullfail,
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box span.sheet-gandalf,
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box span.sheet-eye {
	opacity: 0;
 }
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box.sheet-fullcrit {
	 right: -4px;
 }
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box.sheet-fullfail {
	 right: -20px;
 }
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box.sheet-fullcrit + span.sheet-gandalf,
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box.sheet-fullfail + span.sheet-eye {
	width: 1.2em;
	height: 1.9em;
    position: relative;
    opacity: 1;
	top: -15px;;
    right: 32px;
	background-repeat: no-repeat;
	background-size: contain; 
	background-position-x: center;
	background-position-y: center;
}
.sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box.sheet-fullcrit + span.sheet-gandalf {
	background-image: url('https://raw.githubusercontent.com/dwarfwing/The-One-Ring/main/The%20One%20Ring%20Second%20Edition/images/gandalf2.png');
 }
 .sheet-rolltemplate-tor div.sheet-feat-die span.sheet-rotated-box.sheet-fullfail + span.sheet-eye {
	right: 25px;
	width: 2.5em;
	background-image: url('https://raw.githubusercontent.com/dwarfwing/The-One-Ring/main/The%20One%20Ring%20Second%20Edition/images/eye2.png');
 }

.sheet-rolltemplate-tor .sheet-feat-label {
	position: relative;
	top: -20px;
	right: 26px;
}
.sheet-rolltemplate-tor .sheet-success-label {
	position: relative;
	top: -35px;
	margin-bottom: -18px;
	text-align: end;
	left: 12px;
}
.sheet-rolltemplate-tor .sheet-favoured,
.sheet-rolltemplate-tor .sheet-modification,
.sheet-rolltemplate-tor .sheet-miserable,
.sheet-rolltemplate-tor .sheet-weary {
	position: relative;
    top: -40px;
}
.sheet-rolltemplate-tor .sheet-favoured,
.sheet-rolltemplate-tor .sheet-miserable {
	right: 30px;
}
.sheet-rolltemplate-tor .sheet-modification,
.sheet-rolltemplate-tor .sheet-weary {
	left: 30px;
}

 .sheet-rolltemplate-tor .sheet-roll-total {
	position: relative;
	top: -81px;
 }
 .sheet-rolltemplate-tor .sheet-roll-diff {
	 position: relative;
	 top: -78px;
 }
 .sheet-rolltemplate-tor .sheet-roll-total.sheet-die-title {
	 margin-top: 2px;
 }
 .sheet-rolltemplate-tor .sheet-roll-diff.sheet-die-title {
	 margin-top: 5px;
 }
 .sheet-rolltemplate-tor .sheet-roll-outcome {
	position: relative;
	top: -70px;
	display: flex;
	align-self: center;
	text-align: center;
	background-color: transparent;
 }
 .sheet-rolltemplate-tor .sheet-roll-outcome div.sheet-die-title {
	 display: flex;
	 align-self: center;
	 padding: 3px;
	 background-color: #AC4637;
	 border: 2px solid #AC4637;
	 color: #FFF;
	 width: fit-content;
 }
 .sheet-rolltemplate-tor .sheet-roll-outcome span {
	 padding: 0;
	 margin: 0;
	 background-color: transparent;
	 border: 0;
 }
 .sheet-rolltemplate-tor .sheet-additional {
	 padding: 3px;
 }


  
  /* example colors */
  .sheet-rolltemplate-tor .sheet-container {
	/* this is the default color */
	--header-bg-color: #AC4637;
	--header-text-color: #FFF;
  }
  .sheet-rolltemplate-tor .sheet-container.sheet-color-red {
	--header-bg-color: #F00;
  }
  .sheet-rolltemplate-tor .sheet-container.sheet-color-green {
	--header-bg-color: #0F0;
	--header-text-color: #000;
  }
  
  /* Allprops part */
  .sheet-rolltemplate-tor .sheet-extra {
	display: grid;
	background: #FFF;
	/* Header formatting - modify the column layout below */
	grid-template-columns: auto auto;
	/* Line height to match default roll template */
	line-height:1.4em;
  }
  .sheet-rolltemplate-tor .sheet-extra > div {
	padding: 5px;
  }
  
  /* Left column */
  .sheet-rolltemplate-tor .sheet-extra .sheet-key {
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
  }
  
  /* Empty rule, use this if you want to change the right column 
  .sheet-rolltemplate-tor .sheet-value {
  }
  */
  
  /* Make even-numbered rows grey */
  .sheet-rolltemplate-tor .sheet-extra :nth-child(4n+3),
  .sheet-rolltemplate-tor .sheet-extra :nth-child(4n) {
	background:#EEE;
  }
  
  /* Description field */
  .sheet-rolltemplate-tor .sheet-desc {
	grid-column: span 2;
	padding: 5px;
	text-align: center;
  }