Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #8549 from temitchell/beacon

Browse Source 
Beacon
This commit is contained in:
Miguel Peres
2021-03-23 12:43:24 -03:00
committed by GitHub
parent 0ad7772f2e 3a222f34a5
commit 0a10b73fc1
2 changed files with 1230 additions and 974 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Beacon/beacon.css
+54 -124
View File
@@ -1,9 +1,10 @@
/* Beacon: Tabbed Character Sheet CSS */
/* Version 1 */
/* Version 2 */
/* overall wrapper to fix moving width issues with overflow on hidden sections */
.charsheet .sheet-overall-wrapper {
max-width: 832px;
min-width: 700px;
}
/* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */
@@ -16,6 +17,25 @@
visibility: hidden;
}
/* ALTER repeating section controls */
.charsheet .repcontrol_add,
.charsheet .repcontrol_edit,
.charsheet .repcontrol_del {
font-size: 9px;
text-align: center;
text-transform: uppercase;
margin-bottom: 5px;
color:#ffffff;
background-color:#000000;
background-image: -moz-repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
background-image: -webkit-repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
background-image: -o-repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
background-image: -ms-repeating-radial-gradient(center center, circle cover, #000000, #ce0632100%);
background-image: repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
margin-top: 10px;
border-radius: 10px;
}
/* Fake tabs style1 (reskinned radio button; fixed to work properly in firefox */
div.sheet-maintab-content
{
@@ -44,7 +64,7 @@ input.sheet-maintab
.charsheet input.sheet-maintab:checked + span.sheet-player,
.charsheet input.sheet-maintab:checked + span.sheet-update {
background: #009e73;
background: #009e73; /*GREEN*/
color: white;
border-radius: 4px;
}
@@ -55,7 +75,7 @@ span.sheet-maintab {
width: 15%;
height: 16px;
font-size: 9px;
background: #ad1d31;
background: #ce0632; /*REDish*/
color: white;
font-weight: bold;
border-radius: 4px;
@@ -64,7 +84,7 @@ span.sheet-maintab {
div.sheet-maintab-content
{
border: 1px solid #a8a8a8;
border: 1px solid #a8a8a8; /*GREY*/
border-top-color: #000;
margin: 2px 0 0 5px;
padding: 5px;
@@ -87,8 +107,9 @@ label div
.charsheet input.sheet-tab1:checked ~ div.sheet-section-core,
.charsheet input.sheet-tab2:checked ~ div.sheet-section-combat,
.charsheet input.sheet-tab3:checked ~ div.sheet-section-magic,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-inventory {
.charsheet input.sheet-tab3:checked ~ div.sheet-section-inventory,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-notes,
.charsheet input.sheet-tab5:checked ~ div.sheet-section-magic {
max-height: 999999px;
visibility: visible;
opacity: 1;
@@ -116,7 +137,7 @@ label div
text-align: center;
display: inline-block;
font-size: 13px;
background: #7d160f;
background: #ce0632;
color: white;
font-weight: bold;
border-radius: 4px;
@@ -131,6 +152,7 @@ label div
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
background: #009e73;
color: white;
@@ -245,7 +267,7 @@ label div
text-align: center;
display: inline-block;
font-size: 13px;
background: #7d160f;
background: #ce0632;
color: white;
font-weight: bold;
border-radius: 4px;
@@ -258,6 +280,24 @@ label div
/* END Spell Page Settings */
/* Borders for spell page and class action repeating section rows */
div[data-groupname^="repeating_items"] .repitem,
.sheet-zero-row {
border: 1px solid #000000;
border-radius: 12px;
margin-left: 1px;
margin-bottom: 5px;
background: #eee;
}
div[data-groupname^="repeating_"] .repitem,
.sheet-zero-row {
border: 1px solid #000000;
border-radius: 12px;
margin-left: 1px;
margin-bottom: 5px;
background: #eee;
}
div[data-groupname^="repeating_spellbook"] .repitem,
.sheet-zero-row {
border: 1px solid #000000;
@@ -335,69 +375,6 @@ div[data-groupname^="repeating_spellbook"] .repitem,
/* END Table settings */
/* Inventory Page Settings */
.charsheet div[class^="sheet-inventory-page"] {
visibility: hidden;
opacity: 0;
max-height:0;
overflow: hidden;
}
.charsheet input.sheet-inventorytab1:checked ~ div.sheet-inventory-page1,
.charsheet input.sheet-inventorytab2:checked ~ div.sheet-inventory-page2,
.charsheet input.sheet-inventorytab3:checked ~ div.sheet-inventory-page3,
.charsheet input.sheet-inventorytab4:checked ~ div.sheet-inventory-page4 {
max-height: 999999px;
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear 0s;
}
.charsheet input.sheet-inventorytab99:checked ~ div[class^="sheet-inventory-page"]{
max-height: 999999px;
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear 0s;
}
.charsheet input.sheet-inventorytab1:checked ~ span.sheet-inventorytab1,
.charsheet input.sheet-inventorytab2:checked ~ span.sheet-inventorytab2,
.charsheet input.sheet-inventorytab3:checked ~ span.sheet-inventorytab3,
.charsheet input.sheet-inventorytab4:checked ~ span.sheet-inventorytab4,
.charsheet input.sheet-inventorytab99:checked ~ span.sheet-inventorytab99
{
background: rgb(0,158,115);
color: white;
border-radius: 4px;
}
.charsheet input.sheet-inventorytab {
width: 155px;
height: 20px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
}
.charsheet span.sheet-inventorytab {
text-align: center;
display: inline-block;
font-size: 13px;
background: rgb(86,180,233);
color: white;
font-weight: bold;
border-radius: 4px;
width: 155px;
height: 20px;
cursor: pointer;
position: relative;
margin-left: -100px;
}
/* END Inventory Page Settings */
/* General sheet wide Styles */
.charsheet {
@@ -436,7 +413,7 @@ div[data-groupname^="repeating_spellbook"] .repitem,
}
.charsheet .sheet-last-updated {
font-size: 85%!important;
font-size: 90%!important;
font-style: italic;
font-weight: bold;
margin: 0;
@@ -666,11 +643,11 @@ div[data-groupname^="repeating_spellbook"] .repitem,
margin-bottom: 5px;
color:#ffffff;
background-color:#000000;
background-image: -moz-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: -webkit-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: -o-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: -ms-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: -moz-repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
background-image: -webkit-repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
background-image: -o-repeating-radial-gradient(center center, circle cover, #000000, ##ce0632 100%);
background-image: -ms-repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
background-image: repeating-radial-gradient(center center, circle cover, #000000, #ce0632 100%);
margin-top: 10px;
border-radius: 12px;
@@ -720,11 +697,6 @@ div[data-groupname^="repeating_spellbook"] .repitem,
font-size: 10px;
}
.charsheet .sheet-small-text {
font-family: Arial;
font-size: 10px;
}
.charsheet select {
font-size: 90%;
}
@@ -734,9 +706,6 @@ div[data-groupname^="repeating_spellbook"] .repitem,
color: #ff0000;
}
.charsheet .sheet-grey-row {
background-color: #eee;
}
.charsheet .sheet-sub-header {
background-color: #cecece;
@@ -790,13 +759,6 @@ div[data-groupname^="repeating_spellbook"] .repitem,
text-align: center;
}
.charsheet .sheet-large-button {
padding: 5px;
height: 45px;
vertical-align: middle;
}
/* Skills section */
.charsheet .sheet-skill-row {
@@ -823,38 +785,6 @@ div[data-groupname^="repeating_spellbook"] .repitem,
margin-bottom: 5px;
}
.charsheet label.sheet-subtab {
width:24px;
height: 22px;
vertical-align: middle;
display: inline;
font-size: 1.1em;
}
.charsheet .sheet-class-label {
background-color: #000000;
color: #ffffff;
font-size: 14px!important;
font-weight: bold;
text-transform: uppercase;
vertical-align: middle;
line-height: 20px;
text-align: center;
border-radius: 12px;
padding-left: 5px;
margin-bottom: 5px;
}
.charsheet label.sheet-subtabSpell {
display: inline;
width: 40px;
height: 22px;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
font-size: 1.4em;
}
/* Custom Pure Grid CSS (24 cols) DO NOT EDIT BELOW THIS LINE OR RISK BREAKING FORMATTING */
.sheet-row,
.sheet-rolltemplate-DccTabbed .sheet-row {
Beacon/beacon.html
+1176 -850
View File
File diff suppressed because one or more lines are too long