/*
*
*   senjak@comcast.net -- this sheet is intended to be used with Tales of Xadia, the
*   Dragon Prince role playing game.
*
*/
sheet-template-container,
.charsheet {
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/parchment.jpg);
    background-size: cover;
    background-color: #fffbeb;
    min-width: 1200px;
}

.sheet-wrapper {
		min-width: 1200px;
		padding: 25px;
		display: grid;
		grid-template-columns: repeat(1, 1fr );
		grid-template-columns: .7fr, .3fr, 1fr );
		align-items: start;
}

div.boxy {
   border: 1px solid #89B0E0;
   background-color: #fef5e7;
   padding: 10px;
}



.charsheet .sheet-col{
  background: #d3d3d3;
}

/*Configure the tab buttons*/
.sheet-character,
.sheet-config,
.sheet-journal {
    display: none;
}

/* show the selected tab */
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
.sheet-tabstoggle[value="configuration"] ~ div.sheet-config,
.sheet-tabstoggle[value="journal"] ~ div.sheet-journal {
    display: block;
}


hr {
    display: block;
    height: 5px;
    border: 0;
    border-top: 5px solid #000000;
    margin: 1em 0;
    padding: 0;
}



.wrapper {
  display: grid;
  grid-template-columns: .7fr .3fr 1fr;
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.one { /* Portrait */
  grid-column: 1;
  grid-row: 1;
  /* border: 2px solid black; */
}
.two { /* Attributes */
  grid-column: 2;
  grid-row: 1;
  /* border: 2px solid black; */
}
.three { /* Name and info */*
  grid-column: 3;
  grid-row: 1;
  /* border: 2px solid black; */
}
.four { /* Values */
  grid-column: 1/3;
  grid-row: 2/4;
  /* border: 2px solid black; */
}
.five { /* Distinctions */
  grid-column: 3;
  grid-row: 2;
  /* border: 2px solid black; */
}
.six { /* Specialities */
  grid-column: 1/3;
  grid-row: 4;
  /* border: 2px solid black; */
}
.sixB { /* Notes */
  grid-column: 3;
  grid-row: 4;
  /* border: 2px solid black; */
}
.seven { /* Assets */
  grid-column: 3;
  grid-row: 3;
  /* border: 2px solid black; */
}
.eight { /* Stress */
  grid-column: 1/3;
  grid-row: 5;
  /* border: 2px solid black; */
}
.nine { /* Trama */
  grid-column: 3;
  grid-row: 5;
  /* border: 2px solid black; */
}

.journal_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.notes_one { /* top left of the notes page */
   grid-column: 1;
   grid-row: 1;
   /* border: 2px solid black; */
}
.notes_two { /* left side of the notes page */
   grid-column: 1;
   grid-row: 2;
   /* border: 2px solid black; */
}
.notes_three { /* right side of the notes page */
   grid-column: 2;
   grid-row: 2;
   /* border: 2px solid black; */
}
.notes_four { /* Across the notes page */
   grid-column: 1 / 3;
   grid-row: 3;
   /* border: 2px solid black; */
}
.notes_five { /* top right side of the notes page */
   grid-column: 2;
   grid-row: 1;
   /* border: 2px solid black; */
}



/* Roll Template */

	.sheet-rolltemplate-Cortex * {
		font-family: monospace;
		font-size: 1em;
		font-weight: 600;
		color: #ffffff;
	}
	
	.sheet-rolltemplate-Cortex {
		background-color: #2a364e;
		padding: 0 !important;
		margin: 0 -30px;
	}
	
	
	.sheet-rolltemplate-container {
		display: grid;
		grid-template-columns: 35px 1fr;
		align-items: start;
		grid-gap: 1rem;
		padding: 2ch;
	}
	
	
	
	.sheet-rolltemplate-container div {
		border-bottom: 1px solid #b6b473;
		height: 45px;
	}
	
	.sheet-rolltemplate-dice {
		display: grid;
		grid-template-columns: repeat(7, 35px);
		align-items: start;
		grid-gap: 1rem;
		padding: 2ch;
	}
	
	.sheet-rolltemplate-name {
	}
	
	.sheet-rolltemplate-result {
		background-clip: padding-box;
		background-size: contain;
		background-repeat: no-repeat;
		height: 2em;
		font-size: 1.2em;
		place-self: center;
	}
	
	.sheet-rolltemplate-Cortex .inlinerollresult  {
		display: inline-block;
		min-width: 1.5em;
		text-align: center;
		border: none !important;
		background-color: transparent !important;
		color: #ffffff !important;
		padding-top: 7px;
		place-self: center;
	}

	.sheet-rolltemplate-Cortex .inlinerollresult.fullcrit {
		
	}
	
	.sheet-rolltemplate-Cortex .inlinerollresult.fullfail {
		
	}
	
	.sheet-rolltemplate-Cortex .inlinerollresult.importantroll {
		
	}



.sheet-portrait {
    width: 300px;
    height: 300px;
    background-size: cover;
    left: 29px;
    top: 27px;
}

.sheet-portrait,
.sheet-portrait-toggle {
    display: none;
}

.sheet-portrait-toggle:checked + .sheet-portrait {
    display: block;
}

.sheet-default-token { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc0.png'); }
.sheet-Babukar       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc1.png'); }
.sheet-Bineta        { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc2.png'); }
.sheet-Diyan         { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc3.png'); }
.sheet-Draylenn      { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc4.png'); }
.sheet-Easgann       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc5.png'); }
.sheet-Eljaal        { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc6.png'); }
.sheet-Ponmalar      { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc7.png'); }
.sheet-Pyrda         { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc8.png'); }
.sheet-Routhna       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc9.png'); }
.sheet-Tressal       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc10.png'); }
.sheet-Vinaya        { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc11.png'); }
.sheet-Winda         { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc12.png'); }
.sheet-Earthblood    { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc20.png'); }
.sheet-Moonshadow    { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc21.png'); }
.sheet-Skywing       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc22.png'); }
.sheet-Startouch     { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc23.png'); }
.sheet-Sunfire       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc24.png'); }
.sheet-Tidebound     { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc25.png'); }
.sheet-Dark-Mage     { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc30.png'); }
.sheet-Dragon        { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc31.png'); }
.sheet-Monster       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc32.png'); }
.sheet-Del-Bar       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc40.png'); }
.sheet-Duren         { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc41.png'); }
.sheet-Katolis       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc42.png'); }
.sheet-Neolandia     { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc43.png'); }
.sheet-Evenere       { background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/pc44.png'); }


/* On to dice and shapes */

.sheet-editDice {
	width: 60px;
	color: #444444 !important;
	background-color: #d6d6d6;
}


div.dice-d4  { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/d4-280x280.png); }
div.dice-d6  { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/d6-280x280.png); }
div.dice-d8  { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/d8-280x280.png); }
div.dice-d10 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/d10-280x280.png); }
div.dice-d12 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/d12-280x280.png); }
div.dice-d14 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon-Prince-fanmade/assets/d14-280x280.png); }


.show-attribute {
    width: 25px;
    text-align: right;
}


.charsheet button[type="roll"].sheet-blank-roll-button {
   color: #444444 !important;
   border: 2px solid #444444 !important;
   background-color: rgba(255, 255, 255, 0.6) !important;
   width: 215px;
   padding: 8px 8px 8px 8px;
}

textarea.oneline {
    width:95%; 
    height:20px;  
    resize:vertical;
}

.sheet-columns > * {
  flex: 1;
}

input.sheet-toggle-show:not(:checked) ~ div.sheet-body,
input.sheet-toggle-hide:checked ~ div.sheet-body {
    display: none;
}


