Keith Johnson
7cf748ef6a
* Styling, Use Button, NPC sheet update Added fixed sheet sizes and a black border to clean up the sheet displays. Added a "USE" button with the lifestyle bonus Allowed equipment USE and Lifestyle USE to stack into the DIE modifier field instead of overriding it. Updated Sheet Tab order to have PC tabs together and GM tabs together Fixed "SKILLS" header on the NPC sheet Shortened NPC & PC Equipment Fields for better display fixed NPC sheet to fully encompass the NOTES section. * Updated footer graphics to point at the github repository Changed graphics from their temporaray IMGUR home to their GITHUB home. * Added Attacks to Vaesen Sheet, Added condition Value boxes to Vaesen sheet Add a missing section to the Vaesen Sheet. Attacks. uses the same stats as the PC sheet, but rolls off of might for all attacks. Added a condition value box, with the aim to have these auto roll with the Vaesen dice. * Updated layout and added tooltips Updated font sizes, generally made them slightly smaller. Narrowed the main PC sheet so it is easier to view on a monitor. Added tool-tips to Attributes & Skills * Updated the SampleSheet with the new layout. New screenshot of the entire PC sheet. * Added ability to just roll the modified dice, allowing basic checks if needed * Slight update to diemod button and lifestyle bonus Changed lifestyle bonus to lifesyle to it's use button fits on the same line. Added a tooltip to the die mod roll button
517 lines
13 KiB
CSS
517 lines
13 KiB
CSS
/* Configure Tab Buttons */
|
|
.sheet-main,
|
|
.sheet-Vaesen,
|
|
.sheet-NPC,
|
|
.sheet-HQ, {
|
|
display: none;
|
|
}
|
|
.gmtab{
|
|
background-color:#4a2e22;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-break {
|
|
align:center;
|
|
height:5px;
|
|
width:90%;
|
|
background-color:#4a2e22;
|
|
}
|
|
.sheet-minorbreak{
|
|
align:center;
|
|
height:1px;
|
|
width:90%;
|
|
background-color:#4a2e22;
|
|
}
|
|
|
|
.sheet-header-image {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/VaesenLogo.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: header-right;
|
|
}
|
|
.sheet-footer-image {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: footer;
|
|
|
|
}
|
|
.sheet-footer-image2 {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer2.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: footer2;
|
|
}
|
|
.sheet-footer-image3 {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer2.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: footer3;
|
|
}
|
|
.sheet-areaheader {
|
|
text-align: center;
|
|
background-color: rgba(109, 109, 109, 0.5);
|
|
font-style:italic;
|
|
font-size:medium;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-biglabel{
|
|
padding-right:1em;
|
|
font-size:medium;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-normallabel{
|
|
padding-right:1em;
|
|
color:#4a2e22;
|
|
font-size:small;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-normallabel-nb{
|
|
padding-right:1em;
|
|
color:#4a2e22;
|
|
font-size:small;
|
|
font-weight:normal;
|
|
}
|
|
.sheet-longtext {
|
|
width: 45em;
|
|
}
|
|
.sheet-longtext2 {
|
|
width: 40em;
|
|
}
|
|
.sheet-med2text{
|
|
width:28em;
|
|
}
|
|
.sheet-medtext {
|
|
width:20em;
|
|
}
|
|
.sheet-medtext2 {
|
|
width:19em;
|
|
}
|
|
.sheet-shorttext2{
|
|
width:15em;
|
|
}
|
|
.sheet-shorttext {
|
|
width: 10em;
|
|
}
|
|
.sheet-tinytext {
|
|
width: 4em;
|
|
}
|
|
.sheet-vaesentextarea{
|
|
height:30px;
|
|
resize: none;
|
|
}
|
|
.sheet-HQupradetextarea{
|
|
height:5em;
|
|
width:25em;
|
|
}
|
|
.sheet-HQtextarea{
|
|
height:20em;
|
|
resize: none;
|
|
}
|
|
|
|
.sheet-NPCtextarea{
|
|
height:60px;
|
|
resize: none;
|
|
}
|
|
|
|
.sheet-attribtext {
|
|
width: 3em;
|
|
}
|
|
.sheet-attriblabel {
|
|
font-size: small;
|
|
}
|
|
.sheet-attribtable {
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
font-size: large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-nametext{
|
|
width: 15em;
|
|
font-size:x-large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-nametext-med{
|
|
width: 10em;
|
|
font-size:xx-large;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-resourcetext{
|
|
width: 3em;
|
|
font-size:x-large;
|
|
text-align:center;
|
|
color:#4a2e22;
|
|
}
|
|
.sheet-widebutton{
|
|
width:50px;
|
|
}
|
|
|
|
/* PC-GridAreas*/
|
|
.sheet-footergraphic {
|
|
grid-area: footer;
|
|
}
|
|
.sheet-leftbody {
|
|
grid-area: body-left;
|
|
}
|
|
.sheet-rightbody {
|
|
grid-area: body-right;
|
|
}
|
|
.sheet-rightcolumn {
|
|
grid-area: skills;
|
|
}
|
|
.sheet-item-e {
|
|
grid-area: verticalrule;
|
|
}
|
|
.sheet-charactername {
|
|
grid-area: header-name;
|
|
}
|
|
.sheet-wideequipment {
|
|
grid-area: equipment;
|
|
}
|
|
.sheet-leftstats{
|
|
grid-area:stats-left;
|
|
}
|
|
.sheet-rightstats{
|
|
grid-area:stats-right;
|
|
}
|
|
.sheet-mainspanning {
|
|
grid-area: spanning;
|
|
}
|
|
|
|
/* Vaesen-GridAreas */
|
|
.sheet-LeftVaesen {
|
|
grid-area: Vaesen-Left;
|
|
}
|
|
.sheet-RightVaesen {
|
|
grid-area: Vaesen-Right;
|
|
}
|
|
.sheet-VaesenAbilities {
|
|
grid-area: Vaesen-Abilities;
|
|
}
|
|
.sheet-VaesenName {
|
|
grid-area: Vaesen-Name;
|
|
}
|
|
|
|
/* NPC-GridAreas */
|
|
.sheet-NPCName {
|
|
grid-area: NPC-Name;
|
|
}
|
|
.sheet-NPCAttribs {
|
|
grid-area: NPC-Attribs;
|
|
}
|
|
.sheet-NPCSkills {
|
|
grid-area: NPC-Skills;
|
|
}
|
|
.sheet-NPCEquip {
|
|
grid-area: NPC-Equipment;
|
|
}
|
|
.sheet-NPCMisc {
|
|
grid-area: NPC-Misc;
|
|
}
|
|
/* HQ-GridAreas */
|
|
|
|
.sheet-HQimage {
|
|
background-color: transparent; /*transparent */
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/VaesenLogo.png");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
grid-area: HQ-image;
|
|
}
|
|
.sheet-HQhistory {
|
|
grid-area: HQ-history;
|
|
}
|
|
.sheet-HQheader {
|
|
grid-area: HQ-header;
|
|
}
|
|
.sheet-HQupgrades {
|
|
grid-area: HQ-upgrades;
|
|
}
|
|
.sheet-HQleftupgrades {
|
|
grid-area: HQ-leftupgrades;
|
|
}
|
|
.sheet-HQrightupgrades {
|
|
grid-area: HQ-rightupgrades;
|
|
}
|
|
|
|
/*PC Sheet Layout*/
|
|
.sheet-tabstoggle[value="main"] ~ div.sheet-main {
|
|
display: grid;
|
|
width: 833px;
|
|
border: 1px solid black;
|
|
grid-template-columns: [gutter] 1em [Body-Left] 20em [Body-Right] 20em [break] 20px [skills] 15em [gutter] 1em;
|
|
grid-template-rows: [gutter] 2em [Name] auto [stats] 15em [spanning] 3em [Body] auto [equipment] auto [Footer] 5em [gutter] 2em;
|
|
grid-template-areas:
|
|
". . . . . ."
|
|
". header-name header-name verticalrule header-right ."
|
|
". stats-left stats-right verticalrule skills ."
|
|
". spanning spanning verticalrule skills ."
|
|
". body-left body-right verticalrule skills ."
|
|
". equipment equipment . skills ."
|
|
". footer footer2 footer2 footer3 ."
|
|
". . . . . .";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
/*NPC Sheet Layout*/
|
|
.sheet-tabstoggle[value="NPC"] ~ div.sheet-NPC {
|
|
display: grid;
|
|
width: 732px;
|
|
border: 1px solid black;
|
|
grid-template-columns: [gutter] auto [Body-Left] 25em [break] 20px [body-right] 20em [gutter] auto;
|
|
grid-template-rows: [gutter] 5px [Name] auto [Attribs] auto [Skills] auto [Notes] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . ."
|
|
". NPC-Name NPC-Name NPC-Name ."
|
|
". NPC-Attribs . NPC-Equipment . "
|
|
". NPC-Skills . NPC-Equipment ."
|
|
". NPC-Misc NPC-Misc NPC-Misc ."
|
|
". . . . .";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
/*Vaesen Sheet Layout*/
|
|
.sheet-tabstoggle[value="Vaesen"] ~ div.sheet-Vaesen {
|
|
display: grid;
|
|
width: 850px;
|
|
border: 1px solid black;
|
|
grid-template-columns: [gutter] auto [Body-Left] 30em [break] 20px [body-right] 30em [gutter] auto;
|
|
grid-template-rows: [gutter] 5px [Name] auto [Stats] auto [Abilities] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . . "
|
|
". Vaesen-Name Vaesen-Name . ."
|
|
". Vaesen-Left . Vaesen-Right . "
|
|
". Vaesen-Abilities . Vaesen-Right ."
|
|
". . . . . ";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
/*Vaesen HQ Layout*/
|
|
.sheet-tabstoggle[value="HQ"] ~ div.sheet-HQ {
|
|
display: grid;
|
|
border: 1px solid black;
|
|
width: 850px;
|
|
grid-template-columns: [gutter] auto [Body-Left] 25em [break] 10em [body-right] 25em [gutter] 10em;
|
|
grid-template-rows: [gutter] 5px [image] auto [header] auto [upgradespan] auto [upgrades] auto [gutter] 5px;
|
|
grid-template-areas:
|
|
". . . . . "
|
|
". HQ-image . HQ-history ."
|
|
". HQ-header . HQ-history . "
|
|
". HQ-upgrades HQ-upgrades HQ-upgrades ."
|
|
". HQ-leftupgrades . HQ-rightupgrades ."
|
|
". . . . . ";
|
|
grid-gap: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-repeat: repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
|
|
/*Attribute Roll Template*/
|
|
.sheet-rolltemplate-vaesen-attrib div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
/*Skill Roll Template*/
|
|
.sheet-rolltemplate-vaesen-skill div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
}
|
|
/*Attack Roll Template*/
|
|
.sheet-rolltemplate-vaesen-attack div.sheet-vaesen-container {
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-header{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
font-style:italic;
|
|
font-size:x-large;
|
|
font-weight: bold;
|
|
color:#422d22;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-subheader{
|
|
text-align: center;
|
|
background-color: #f6a479;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
font-size:large;
|
|
font-style:normal;
|
|
color:#422d22;
|
|
border-top: 2px solid black;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-type{
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-style: bold;
|
|
}
|
|
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-result{
|
|
background-color: #993300;
|
|
color: #000;
|
|
font-style:italic;
|
|
font-size:large;
|
|
text-align:center;
|
|
|
|
}
|
|
/*Repeating Setions*/
|
|
.repcontrol {
|
|
display: flex;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit {
|
|
margin-left: auto;
|
|
order: 1;
|
|
}
|
|
|
|
.repcontrol button {
|
|
background: transparent;
|
|
color: #555;
|
|
border-radius: 0;
|
|
border-color: #999;
|
|
transition: all 0.2s;
|
|
font-family: pictos;
|
|
font-size: 0;
|
|
font-weight: bold;
|
|
padding: 5px 3px 2px;
|
|
line-height: 8px;
|
|
}
|
|
|
|
.repcontrol button:hover {
|
|
color: green;
|
|
border-color: green;
|
|
background: #ddd;
|
|
}
|
|
|
|
.repcontrol button.repcontrol_edit::after {
|
|
content: "(";
|
|
}
|
|
|
|
.repcontrol button.repcontrol_add::after {
|
|
content: "&";
|
|
}
|
|
|
|
.repcontrol button.repcontrol_edit::after, .repcontrol button.repcontrol_add::after {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.repcontainer.editmode + .repcontrol button.repcontrol_edit::after {
|
|
content: ")";
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 20;
|
|
}
|
|
|
|
|
|
|
|
|
|
button[type="roll"].sheet-main:before{
|
|
content: ' ';
|
|
}
|
|
|
|
button[type="roll"].sheet-main:hover{
|
|
background-position: 0;
|
|
}
|
|
|
|
button[type="roll"].sheet-main{
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg");
|
|
background-size: 26px 26px;
|
|
background-repeat: no-repeat;
|
|
width: 26px;
|
|
height: 26px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 5px;
|
|
} |