Skip to content

Commit

Permalink
Update Palladium_Fantasy_1E sheet (#5683)
Browse files Browse the repository at this point in the history 
* Update ReadMe.md

Added a link to the Chat Menu entry of the Stupid Roll20 Tricks thread on the forums.

* Update paladium_fantasy_1e.html

Reworked tabs to run on sheetworkers instead of radio buttons.  Added a release notes section.

* Update palladium_fantasy_1e.css

Reworked sheet tabs, changed all tabs to have the same background color other than the new release notes tab.

* Delete sheet_tab1.png

Outdated with changes to tabs.

* Delete sheet_tab2.png

Outdated with changes to tabs.

* Delete sheet_tab3.png

Outdated with changes to tabs and background color.

* Delete sheet_tab4.png

Outdated with changes to tabs and background color.

* Delete sheet_tab5.png

Outdated with changes to tabs and background color.

* Delete sheet_tab6.png

Outdated with changes to tabs and background color

* Add new tab images

These show the updated tabs and the unified tab background color scheme.

* Update palladium_fantasy_1e.css

Fixed issue with some roll buttons only showing the correct background when moused over.

* Update palladium_fantasy_1e.html

Corrected the default saving throw target for circles and wards, which had each been 1 higher than they should have been.
  • Loading branch information
@Kraynic @clevett
Kraynic authored and clevett committed Nov 18, 2019
1 parent 9915498 commit d0373ad
Show file tree
Hide file tree
Showing 9 changed files with 328 additions and 293 deletions.
2 changes: 1 addition & 1 deletion Palladium Fantasy 1E/ReadMe.md
View file
Expand Up @@ -14,7 +14,7 @@ This sheet was inspired by the Palladium Megaverse sheet, but has had several ch

### Menu Roll Template
- You can also call the template as &{template:menu}.
- The main difference is that the description section will display all text centered, bold, and in italics. I use this for all chat menus.
- The main difference is that the description section will display all text centered, bold, and in italics. I use this for all chat menus. Details on creating chat menus can be found in the Stupid Roll20 Tricks thread on the forums: [Chat Menus](https://app.roll20.net/forum/permalink/5927072/)

### Roll Template Example
This example is the macro I use for the healer ability Healing Touch.
Expand Down
224 changes: 108 additions & 116 deletions Palladium Fantasy 1E/palladium_fantasy_1e.css
View file
@@ -1,129 +1,113 @@
.sheet-background-panel{
background-color: #D3D3D3;
}
.sheet-tab-content {
display: none;
.sheet-base {
margin: 0px;
padding: 0px;
width: 100%;
border:solid black 1px;
}
/* Configure the Button Bar */
.sheet-buttonbar {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: flex-start;
padding: 5px 0 0 0;
background: #cdc6b1;
border:solid 1px black;
}

.sheet-tab1:checked ~ .sheet-tab1,
.sheet-tab2:checked ~ .sheet-tab2,
.sheet-tab3:checked ~ .sheet-tab3,
.sheet-tab4:checked ~ .sheet-tab4,
.sheet-tab5:checked ~ .sheet-tab5,
.sheet-tab6:checked ~ .sheet-tab6
{
display: block;
.sheet-navbuttons {
display: flex;
text-align: left;
flex-wrap: nowrap;
flex: 1 0 35%;
}

.sheet-tab{
width: 100px;
height: 20px;
position: relative;
top: -15px;
left: 0px;
margin: -1.5px;
margin-bottom: 2px;
cursor: pointer;
z-index: 1;
opacity: 0;
.sheet-line-divider{
flex: 0 1 40%;
align-items:center;
}

.sheet-tab + span::before{
content:attr(title);

border: solid 2px #a8a8a8;
border-bottom-color: black;
text-align: center;
display: inline-block;

background: #fff;
background: -moz-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: -webkit-linear-gradient(to top, #D3D3D3 8, #fff, #D3D3D3 );
background: -ms-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: -o-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );

width: 100px;
height: 20px;
font-size: 18px;

position: absolute;
top: 70px;
left: 30px;
.sheet-docbuttons {
text-align: right;
flex: 1 0 25%;
}
/*Configure the tab*/
.sheet-character,
.sheet-social,
.sheet-skill,
.sheet-combat,
.sheet-equipment,
.sheet-journal,
.sheet-release{
display: none;
}

.sheet-tab:checked + span::before{
background: #dcdcdc;
background: -moz-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
background: -webkit-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
background: -o-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
background: linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
border-bottom-color: #fff;
}
.sheet-tab2 + span::before{
left: 130px;
}
.sheet-tab3 + span::before{
left: 231px;
}
.sheet-tab4 + span::before{
left: 332px;
.sheet-characterT:checked ~ div.sheet-character,
.sheet-socialT:checked ~ .sheet-social,
.sheet-skillT:checked ~ div.sheet-skill,
.sheet-combatT:checked ~ div.sheet-combat,
.sheet-equipmentT:checked ~ div.sheet-equipment,
.sheet-journalT:checked ~ div.sheet-journal,
.sheet-releaseN:checked ~ div.sheet-release{
display: block;
width: 100%;
margin: 0px;
padding: 0px;
}
.sheet-tab5 + span::before{
left: 433px;
.sheet-topbuttons {
background-color: transparent;
border: none;
background-image: none;
font-weight: bold;
box-shadow: none;
text-shadow: none;
height: 28px;
margin: 0px;
padding: 0 5px 0 5px;
}
.sheet-tab6 + span::before{
left: 534px;

.sheet-tab + span.sheet-socialT {
margin-left: -20px;
}
.sheet-tab-content {
border: 1px solid #a8a8a8;
border-top-color: #000;
padding: 5px;

.sheet-newcontent[value="read"] + .sheet-releasenotesbutton{
color: black;
}
.sheet-arrow {
float: left;

.sheet-newcontent[value="unread"] + .sheet-releasenotesbutton {
color: red;
}
.sheet-arrow:checked ~ .sheet-body {
display: block;

.sheet-character{
background: #9cb09b;
}
.sheet-select {
margin-bottom: 0;
.sheet-social{
background: #9cb09b;
}
.sheet-tab1 {
background-color: #9cb09b;
.sheet-skill{
background: #9cb09b;
}
.sheet-tab2 {
background-color: #9cb09b;
.sheet-combat{
background: #9cb09b;
}
.sheet-tab3 {
background-color: #cb9f75;
.sheet-equipment{
background: #9cb09b;
}
.sheet-tab4 {
background-color: #b8b782;
.sheet-journal{
background: #9cb09b;
}
.sheet-tab5 {
background-color: #c6cdda;
.sheet-release, .sheet-documentation{
background: #c6cdda;
}
.sheet-tab6 {
background-color: #9ca8ae;
input.sheet-arrow {
float: left;
}
div.sheet-body {
.sheet-body{
display: none;
}
.sheet-center {
margin-left:auto;
margin-right:auto;
}
.repcontainer,
.repitem{
margin 0
border 0
padding 0
display:contents;
}
.repcontrol{
grid-column:1 / -1;
input.sheet-arrow:checked ~ .sheet-body {
display: block;
}
.sheet-statheader-container{
display:grid;
Expand Down Expand Up @@ -163,7 +147,7 @@ div.sheet-body {
display:grid;
align-items:center;
padding-bottom:5px;
padding-left:10px;
padding-left:5px;
grid-template-columns: 50px 213px 75px 213px
}
.sheet-class-grid-container{
Expand All @@ -185,39 +169,40 @@ div.sheet-body {
display:grid;
align-items:center;
padding:10px;
border:5px solid #6da6c2;
border:5px solid #82a3b5;
border-radius:10px;
grid-template-columns: 65px 65px
}
button[type=roll].sheet-statdice::before {
content: '';
content: "";
}
.sheet-statdice{
background-color: #6da6c2;
color:black;
background: #82a3b5;
font-weight:bold;
}
.sheet-gold-grid-container{
display:grid;
align-items:center;
padding:10px;
border:5px solid #c2b96d;
border:5px solid #c0b982;
border-radius:10px;
grid-template-columns: 90px 65px
}
.sheet-ltblue-grid-container{
display:grid;
align-items:center;
padding:10px;
border:5px solid #8acfd5;
border:5px solid #a7cacd;
border-radius:10px;
grid-template-columns: 90px 75px
}
button[type=roll].sheet-rolldice::before {
content: '';
content: "";
}
.sheet-rolldice{
background-color: #8acfd5;
color:black;
background: #a7cacd;
}
.sheet-roll-field, .sheet-caster-field{
width:65px;
Expand All @@ -226,7 +211,7 @@ button[type=roll].sheet-rolldice::before {
display:grid;
align-items:center;
padding:10px;
border:5px solid #c28e6d;
border:5px solid #b8927a;
border-radius:10px;
grid-template-columns: 90px 75px
}
Expand All @@ -242,7 +227,7 @@ button[type=roll].sheet-rolldice::before {
.sheet-wealth-field, .sheet-bonus-field, .sheet-occ-field, .sheet-skill-notes, .sheet-elective-field,
.sheet-secondary-field, .sheet-mystic-field, .sheet-melee-field, .sheet-ranged-field,
.sheet-combat-field, .sheet-combat-textarea, .sheet-save-field, .sheet-notes-field, .sheet-notes-textarea,
.sheet-weight-box, .sheet-weightsub-box, .sheet-whisper-select{
.sheet-weight-box, .sheet-weightsub-box, .sheet-whisper-select, .sheet-mattack-text, .sheet-rattack-text{
background-color:#ebebeb;
}
.sheet-fraction-grid-container{
Expand Down Expand Up @@ -299,12 +284,15 @@ button[type=roll].sheet-rangeddice::before {
width: 160px;
}
.sheet-meleedice, .sheet-rangeddice{
background:#3d5a48;
background:#6b8a76;
color:#ebebeb;
}
.sheet-damage-dice{
width: 60px;
}
.sheet-mattack-text, .sheet-rattack-text{
width: 48px;
}
.sheet-mattack-notes{
width:170px;
}
Expand Down Expand Up @@ -412,7 +400,7 @@ button[type=roll].sheet-rangeddice::before {
}
.sheet-melee-proficiency-panel{
padding-bottom:5px;
border-bottom:5px solid #aeb4bf;
border-bottom:5px solid #889987;
max-width:460px;
}
.sheet-melee-grid-container{
Expand All @@ -430,7 +418,7 @@ button[type=roll].sheet-rangeddice::before {
}
.sheet-combat-skill-panel{
padding:5px;
border:5px solid #aeb4bf;
border:5px solid #889987;
border-radius:10px;
max-width:525px;
}
Expand Down Expand Up @@ -463,6 +451,10 @@ button[type=roll].sheet-rangeddice::before {
button[type=roll].sheet-savedice::before {
content: '';
}
.sheet-savedice{
color: #ebebeb;
background: #6b8a76;
}
.sheet-underline{
text-decoration: underline;
}
Expand Down

0 comments on commit d0373ad

Please sign in to comment.