mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1085 lines
22 KiB
CSS
1085 lines
22 KiB
CSS
|
|
|
|
/*----------------- FONTS ------------------*/
|
|
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Yeseva+One&display=swap');
|
|
|
|
|
|
/*
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-family: 'Yeseva One', cursive;
|
|
*/
|
|
|
|
|
|
/*----------------- BACKGROUND ------------------*/
|
|
|
|
.charsheet {
|
|
|
|
background:
|
|
linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
|
|
linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
|
|
background-color:#2d3036;
|
|
background-size: 64px 128px;
|
|
background-repeat: round;
|
|
|
|
width: 830px;
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
/*----------------- GRIDS ------------------*/
|
|
|
|
|
|
|
|
.sheet-main {
|
|
|
|
}
|
|
|
|
.sheet-main-top {
|
|
display: grid;
|
|
width: 310px;
|
|
height: 50px;
|
|
grid-gap: 6px;
|
|
grid-template-columns: 310px;
|
|
grid-template-rows: 30px;
|
|
grid-template-areas:"tabselector";
|
|
}
|
|
|
|
/*----------------- 2 columned, 406px each ------------------*/
|
|
.sheet-main-protagonist {
|
|
display: block;
|
|
width: 820px;
|
|
height: auto;
|
|
grid-gap: 6px;
|
|
align-items: start;
|
|
grid-template-columns: 406px 406x;
|
|
grid-template-rows: minmax(min-content, max-content) ;
|
|
grid-template-areas:"pcinfo pcinfo"
|
|
"skillstyles skillstyles"
|
|
"focuses focuses"
|
|
"talents talents"
|
|
"weapons weapons"
|
|
"armor armor"
|
|
"items items"
|
|
"contacts contacts"
|
|
"bonecharms bonecharms"
|
|
"mana mana"
|
|
"powers powers"
|
|
"notes notes";
|
|
}
|
|
|
|
.sheet-main-npc {
|
|
display: block;
|
|
width: 820px;
|
|
height: auto;
|
|
grid-gap: 6px;
|
|
align-items: start;
|
|
grid-template-columns: 406px 406x;
|
|
grid-template-rows: minmax(min-content, max-content) ;
|
|
grid-template-areas:"npcinfo npcinfo"
|
|
"skillstyles skillstyles"
|
|
"focuses focuses"
|
|
"specialrules specialrules"
|
|
"weapons weapons"
|
|
"armor armor"
|
|
"items items"
|
|
"storyhooks storyhooks";
|
|
}
|
|
|
|
|
|
|
|
/*----------------- GENERAL CSS ------------------*/
|
|
|
|
textarea {
|
|
width: 70%;
|
|
height: 85%;
|
|
}
|
|
|
|
textarea.sheet-notetext{
|
|
width: 800px;
|
|
height: 140px;
|
|
}
|
|
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-section {
|
|
padding: 5px;
|
|
border-style: solid;
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.sheet-flex-col {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
/*justify-content: flex-start;*/
|
|
}
|
|
|
|
.sheet-flex-col-center {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: center;
|
|
align-content: center;
|
|
/*justify-content: flex-start;*/
|
|
}
|
|
|
|
.sheet-flex-center {
|
|
display: grid;
|
|
justify-content: center;
|
|
align-content: center;
|
|
}
|
|
|
|
.sheet-hide-section {
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
/* --------------------------------Hide and Display section of Code-------------------------------- */
|
|
/* Configure the tab buttons*/
|
|
.sheet-main-protagonist,
|
|
.sheet-main-npc {display: none;}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="protagonist"] ~ div.sheet-main-protagonist,
|
|
.sheet-tabstoggle[value="npc"] ~ div.sheet-main-npc {display: block;}
|
|
|
|
|
|
|
|
|
|
/*------------- Section-specific CSS -------------*/
|
|
|
|
|
|
h1 {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: white;
|
|
|
|
|
|
}
|
|
|
|
h2 {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: black;
|
|
|
|
}
|
|
|
|
h2.sheet-middle-title{
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: white;
|
|
text-align: center;
|
|
display: inline;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
|
|
|
h2.sheet-left-title{
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: white;
|
|
display: inline;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
|
|
|
h2.sheet-middle-title-1{
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: white;
|
|
text-align: center;
|
|
display: inline;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
grid-column: 1 / -1;
|
|
|
|
}
|
|
|
|
|
|
label.sheet-middle-label {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
text-align: center;
|
|
color: white;
|
|
display: inline;
|
|
font-size: 1.2em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
|
|
|
label.sheet-left-label{
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: white;
|
|
display: inline;
|
|
font-size: 1.2em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
|
|
|
label.sheet-left-label-small{
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: white;
|
|
display: inline;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
|
|
|
label.sheet-left-label-1 {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
color: black;
|
|
display: inline;
|
|
font-size: 1.2em;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
margin-bottom: 0px;
|
|
background-color: #FFFFF0;
|
|
background-repeat: repeat;
|
|
background-size: 70px;
|
|
grid-column: 1 / -1;
|
|
|
|
}
|
|
|
|
|
|
span.sheet-left-span {
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
color: white;
|
|
display: inline;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
margin-bottom: 0px;
|
|
background: rgba(162, 159, 167, 0.5);
|
|
|
|
}
|
|
|
|
span.sheet-centre-span {
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
color: white;
|
|
display: inline;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
margin-bottom: 0px;
|
|
background: rgba(162, 159, 167, 0.5);
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
input.sheet-char-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:150px;
|
|
|
|
}
|
|
|
|
input.sheet-name-inputs{
|
|
|
|
color:white;
|
|
background: transparent;
|
|
border: none;
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:180px;
|
|
|
|
}
|
|
|
|
input.sheet-talent-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:200px;
|
|
|
|
}
|
|
|
|
input.sheet-talent-inputs-short{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:165px;
|
|
|
|
}
|
|
|
|
input.sheet-talent-inputs-long{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:302px;
|
|
|
|
}
|
|
|
|
input.sheet-talent-inputs-extra-long{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:474px;
|
|
|
|
}
|
|
|
|
input.sheet-specialrules-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:468px;
|
|
|
|
}
|
|
|
|
div.sheet-notes textarea,
|
|
div.sheet-storyhooks textarea {
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
|
|
input.sheet-focus-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:97px;
|
|
|
|
}
|
|
|
|
input.sheet-readonly-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:130px;
|
|
|
|
}
|
|
|
|
.sheet-pcinfo input[type=number].sheet-char-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:150px;
|
|
|
|
}
|
|
|
|
.sheet-pcinfo input[type=number].sheet-char-inputs-short,
|
|
.sheet-focuses input[type=number].sheet-char-inputs-short,
|
|
.sheet-weapons input[type=number].sheet-char-inputs-short,
|
|
.sheet-armor input[type=number].sheet-char-inputs-short{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:61px;
|
|
|
|
}
|
|
|
|
.sheet-skillsstyles input[type=number].sheet-stat-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:40px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
input.sheet-char-inputs-long{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:686px;
|
|
|
|
}
|
|
|
|
select.sheet-select-inputs{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:98px;
|
|
|
|
}
|
|
|
|
select.sheet-select-inputs-long{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:130px;
|
|
|
|
}
|
|
|
|
select.sheet-select-inputs-npc{
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
display: inline;
|
|
height:30px;
|
|
width:134px;
|
|
|
|
}
|
|
|
|
input.sheet-stat-inputs {
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
margin: auto;
|
|
display: inline;
|
|
height:25px;
|
|
width:25px;
|
|
|
|
}
|
|
|
|
input.sheet-truth-inputs {
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
color: white;
|
|
justify-content: center;
|
|
align-content: center;
|
|
display: inline;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
width:386px;
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
.charsheet .repcontrol_add,
|
|
.charsheet .repcontrol_edit,
|
|
.charsheet .repcontrol_del {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
background-color: #6b71a7;
|
|
background-image: none;
|
|
color: white;
|
|
width: 80px;
|
|
height: 25px;
|
|
border-style: none;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.charsheet .repcontrol_add:hover,
|
|
.charsheet .repcontrol_edit:hover,
|
|
.charsheet .repcontrol_del:hover {
|
|
|
|
background-color: #868ac4;
|
|
|
|
}
|
|
|
|
button.sheet-selectbutton {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
background-color: #6b71a7;
|
|
color: white;
|
|
width: 25px;
|
|
height: 25px;
|
|
border-style: none;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.sheet-focuses button[type=roll].sheet-selectbutton-long {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
background-color: #6b71a7;
|
|
color: white;
|
|
width: 200px;
|
|
height: 25px;
|
|
border-style: none;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
.sheet-talents button[type=roll].sheet-usebutton,
|
|
.sheet-items button[type=roll].sheet-usebutton,
|
|
.sheet-bonecharms button[type=roll].sheet-usebutton,
|
|
.sheet-powers button[type=roll].sheet-usebutton,
|
|
.sheet-specialrules button[type=roll].sheet-usebutton {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
background-color: #6b71a7;
|
|
color: white;
|
|
width: 40px;
|
|
height: 25px;
|
|
border-style: none;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
button.sheet-tabbutton {
|
|
|
|
font-family: 'Yeseva One', cursive;
|
|
background-color: #6b71a7;
|
|
font-size: 150%;
|
|
color: white;
|
|
width: 140px;
|
|
height: 30px;
|
|
border-style: none;
|
|
border-radius: 8px;
|
|
|
|
}
|
|
|
|
button.sheet-tabbutton:hover,
|
|
button.sheet-selectbutton:hover,
|
|
.sheet-focuses button[type=roll].sheet-selectbutton-long:hover,
|
|
.sheet-talents button[type=roll].sheet-usebutton:hover,
|
|
.sheet-items button[type=roll].sheet-usebutton:hover,
|
|
.sheet-bonecharms button[type=roll].sheet-usebutton:hover,
|
|
.sheet-powers button[type=roll].sheet-usebutton:hover,
|
|
.sheet-specialrules button[type=roll].sheet-usebutton:hover {
|
|
|
|
background-color: #868ac4;
|
|
|
|
}
|
|
|
|
.sheet-focuses button[type=roll].sheet-selectbutton-long::before,
|
|
.sheet-skillstyles button[type=act].sheet-selectbutton::before,
|
|
.sheet-talents button[type=roll].sheet-usebutton:before,
|
|
.sheet-items button[type=roll].sheet-usebutton:before,
|
|
.sheet-bonecharms button[type=roll].sheet-usebutton:before,
|
|
.sheet-powers button[type=roll].sheet-usebutton:before,
|
|
.sheet-specialrules button[type=roll].sheet-usebutton:before {
|
|
content: "";
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.sheet-tabselector {
|
|
grid-area: tabselector;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 200px 290px 150px 20px 150px ;
|
|
display: grid;
|
|
grid-template-rows: 50px;
|
|
grid-gap: 4px;
|
|
|
|
}
|
|
|
|
.sheet-pcinfo {
|
|
grid-area: pcinfo;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 120px 160px 80px 160px 120px 160px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 30px 30px 30px 30px;
|
|
|
|
grid-template-areas:". . . . . ."
|
|
". . . . . voidpointarea"
|
|
". . . . . stressarea"
|
|
". firsttruth firsttruth firsttruth firsttruth firsttruth"
|
|
". secondtruth secondtruth secondtruth secondtruth secondtruth";
|
|
|
|
}
|
|
|
|
.sheet-voidpointarea {
|
|
grid-area: voidpointarea;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 71px 10px 71px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px;
|
|
|
|
|
|
}
|
|
|
|
.sheet-stressarea {
|
|
grid-area: stressarea;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 71px 10px 71px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px;
|
|
|
|
|
|
}
|
|
|
|
.sheet-firsttruth {
|
|
grid-area: firsttruth;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 686px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px;
|
|
|
|
|
|
}
|
|
|
|
.sheet-secondtruth {
|
|
grid-area: secondtruth;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 686px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px;
|
|
|
|
|
|
}
|
|
|
|
.sheet-npcinfo {
|
|
grid-area: npcinfo;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 120px 160px 80px 160px 120px 160px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 30px 30px 30px;
|
|
|
|
grid-template-areas:". . . . . ."
|
|
". . . stressarea . reputationarea"
|
|
". firsttruth firsttruth firsttruth firsttruth firsttruth"
|
|
". secondtruth secondtruth secondtruth secondtruth secondtruth";
|
|
|
|
}
|
|
|
|
.sheet-reputationarea {
|
|
grid-area: reputationarea;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 71px 10px 71px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px;
|
|
|
|
|
|
}
|
|
|
|
.sheet-skillstyles {
|
|
grid-area: skillstyles;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 40px 90px 63px 40px 90px 63px 30px 386px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px 30px 30px 30px 30px 30px 30px auto;
|
|
|
|
}
|
|
|
|
.sheet-focuses {
|
|
grid-area: focuses;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 40px 90px 63px 40px 90px 63px 30px 386px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px 30px 30px 30px 30px 30px 30px 30px auto;
|
|
|
|
}
|
|
|
|
.sheet-talents {
|
|
grid-area: talents;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-weapons {
|
|
grid-area: weapons;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-armor {
|
|
grid-area: armor;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-items {
|
|
grid-area: items;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-contacts {
|
|
grid-area: contacts;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-bonecharms {
|
|
grid-area: bonecharms;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-mana {
|
|
grid-area: mana;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 60px 160px 60px 55px 100px 80px 50px 60px 50px 60px 50px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px;
|
|
|
|
grid-template-areas:". manaarea . . . . . . . . .";
|
|
|
|
}
|
|
|
|
.sheet-manaarea {
|
|
grid-area: manaarea;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 71px 10px 71px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px;
|
|
|
|
|
|
}
|
|
|
|
.sheet-powers {
|
|
grid-area: powers;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-notes {
|
|
grid-area: notes;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-specialrules {
|
|
grid-area: specialrules;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
.sheet-storyhooks {
|
|
grid-area: storyhooks;
|
|
align-self: self-start;
|
|
font-family: 'Yeseva One', cursive;
|
|
grid-template-columns: 820px;
|
|
display: grid;
|
|
grid-gap: 4px;
|
|
grid-template-rows: 30px 10px auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*Skill Roll Template*/
|
|
.sheet-rolltemplate-Dishonoredroll div.sheet-Dishonored-container{
|
|
background:
|
|
linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
|
|
linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
|
|
background-color:#2d3036;
|
|
background-size: 64px 128px;
|
|
|
|
background-repeat: repeat;
|
|
}
|
|
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-roll-header{
|
|
|
|
font-weight: bold;
|
|
color: #868ac4;
|
|
font-size:X-large;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-dice{
|
|
background-color: #ffffff00;
|
|
color: white;
|
|
font-style:italic;
|
|
font-size:medium;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-type{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;
|
|
|
|
|
|
}
|
|
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-roll-result{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
color:#868ac4;
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-fail{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: black;
|
|
background-color: red;
|
|
}
|
|
.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-success{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;
|
|
background-color: green;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*Talent Roll Template*/
|
|
.sheet-rolltemplate-dishonoredtalent div.sheet-Dishonored-talent-container{
|
|
background:
|
|
linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
|
|
linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
|
|
background-color:#2d3036;
|
|
background-size: 64px 128px;
|
|
|
|
background-repeat: repeat;
|
|
}
|
|
.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-header{
|
|
font-weight: bold;
|
|
color: #868ac4;
|
|
font-size:X-large;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-name{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-desc{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;;
|
|
}
|
|
|
|
/*Item Roll Template*/
|
|
.sheet-rolltemplate-dishonoreditem div.sheet-Dishonored-item-container{
|
|
background:
|
|
linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
|
|
linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
|
|
background-color:#2d3036;
|
|
background-size: 64px 128px;
|
|
|
|
background-repeat: repeat;
|
|
}
|
|
.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-header{
|
|
font-weight: bold;
|
|
color: #868ac4;
|
|
font-size:X-large;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-name{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-desc{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;;
|
|
}
|
|
|
|
|
|
/*Bonecharm Roll Template*/
|
|
.sheet-rolltemplate-dishonoredbonecharm div.sheet-Dishonored-bonecharm-container{
|
|
background:
|
|
linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
|
|
linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
|
|
background-color:#2d3036;
|
|
background-size: 64px 128px;
|
|
|
|
background-repeat: repeat;
|
|
}
|
|
.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-header{
|
|
font-weight: bold;
|
|
color: #868ac4;
|
|
font-size:X-large;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-name{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-desc{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;;
|
|
}
|
|
|
|
|
|
/*Power Roll Template*/
|
|
.sheet-rolltemplate-dishonoredpower div.sheet-Dishonored-power-container{
|
|
background:
|
|
linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
|
|
linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
|
|
background-color:#2d3036;
|
|
background-size: 64px 128px;
|
|
|
|
background-repeat: repeat;
|
|
}
|
|
.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-header{
|
|
font-weight: bold;
|
|
color: #868ac4;
|
|
font-size:X-large;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-name{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-desc{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;;
|
|
}
|
|
|
|
|
|
/*Special Rule Roll Template*/
|
|
.sheet-rolltemplate-dishonoredspecialrule div.sheet-Dishonored-specialrule-container{
|
|
background:
|
|
linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px),
|
|
linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px;
|
|
background-color:#2d3036;
|
|
background-size: 64px 128px;
|
|
|
|
background-repeat: repeat;
|
|
}
|
|
.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-header{
|
|
font-weight: bold;
|
|
color: #868ac4;
|
|
font-size:X-large;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-name{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-desc{
|
|
font-size:large;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
color: white;;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|