Senjak
f4058550ef
Found an error in the CSS file that was sort of critical. Pushing out the fix. Note that this will include the change to the sheet.json to clarify which game system this is intended for.
322 lines
10 KiB
CSS
322 lines
10 KiB
CSS
/*
|
|
*
|
|
* 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;
|
|
}
|
|
|
|
|