mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-02 21:22:34 +00:00
#41 - Updated spell page tabs to be more cross browser friendly
This commit is contained in:
Actoba
+34
-20
@@ -42,7 +42,6 @@
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: opacity 0.5s linear 0s;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-tab {
|
||||
@@ -169,32 +168,46 @@
|
||||
transition: opacity 0.5s linear 0s;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-spellpagetab {
|
||||
width: 72px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
vertical-align: super;
|
||||
.charsheet input.sheet-spelltab0:checked ~ span.sheet-spelltab0,
|
||||
.charsheet input.sheet-spelltab1:checked ~ span.sheet-spelltab1,
|
||||
.charsheet input.sheet-spelltab2:checked ~ span.sheet-spelltab2,
|
||||
.charsheet input.sheet-spelltab3:checked ~ span.sheet-spelltab3,
|
||||
.charsheet input.sheet-spelltab4:checked ~ span.sheet-spelltab4,
|
||||
.charsheet input.sheet-spelltab5:checked ~ span.sheet-spelltab5,
|
||||
.charsheet input.sheet-spelltab6:checked ~ span.sheet-spelltab6,
|
||||
.charsheet input.sheet-spelltab7:checked ~ span.sheet-spelltab7,
|
||||
.charsheet input.sheet-spelltab8:checked ~ span.sheet-spelltab8,
|
||||
.charsheet input.sheet-spelltab9:checked ~ span.sheet-spelltab9,
|
||||
.charsheet input.sheet-spelltab99:checked ~ span.sheet-spelltab99
|
||||
{
|
||||
background: rgb(0,158,115);
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-spellpagetab::before {
|
||||
content: attr(title);
|
||||
.charsheet input.sheet-spellpagetab {
|
||||
width: 70px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
opacity: 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.charsheet span.sheet-spellpagetab {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 13px;
|
||||
|
||||
background: rgb(86,180,233);
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-spellpagetab:checked::before {
|
||||
background: rgb(0,158,115);
|
||||
color: white;
|
||||
border-radius: 4px;
|
||||
|
||||
width: 70px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
margin-left: -73px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-spell-row-number,
|
||||
@@ -457,8 +470,9 @@ div[data-groupname^="repeating_classactions"] .repitem {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.charsheet br.sheet-spacer {
|
||||
margin-bottom: 5px;
|
||||
.charsheet span.sheet-spacer {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-heading-row {
|
||||
|
||||
+23
-11
@@ -12,25 +12,25 @@
|
||||
|
||||
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab1" value="1" title="Core Stats" checked="checked"/>
|
||||
<span class="sheet-tab sheet-tab1" title="Core Stats">Core Stats</span>
|
||||
<span class="sheet-tab sheet-tab1">Core Stats</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab2" value="2"/>
|
||||
<span class="sheet-tab sheet-tab2" title="Skills">Skills</span>
|
||||
<span class="sheet-tab sheet-tab2">Skills</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab3" value="3"/>
|
||||
<span class="sheet-tab sheet-tab3" title="Background">Background</span>
|
||||
<span class="sheet-tab sheet-tab3">Background</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab4" value="4"/>
|
||||
<span class="sheet-tab sheet-tab4" title="Class">Class</span>
|
||||
<span class="sheet-tab sheet-tab4">Class</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab5" value="5"/>
|
||||
<span class="sheet-tab sheet-tab5" title="Weapons">Weapons</span>
|
||||
<span class="sheet-tab sheet-tab5">Weapons</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab6" value="6"/>
|
||||
<span class="sheet-tab sheet-tab6" title="Spellbook">Spellbook</span>
|
||||
<span class="sheet-tab sheet-tab6">Spellbook</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab7" value="7"/>
|
||||
<span class="sheet-tab sheet-tab7" title="Inventory">Inventory</span>
|
||||
<span class="sheet-tab sheet-tab7">Inventory</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab8" value="8"/>
|
||||
<span class="sheet-tab sheet-tab8" title="Help">Help</span>
|
||||
<span class="sheet-tab sheet-tab8">Help</span>
|
||||
<input type="radio" name="attr_tab" class="sheet-tab sheet-tab99" value="99"/>
|
||||
<span class="sheet-tab sheet-tab99" title="Show All">Show All</span>
|
||||
<span class="sheet-tab sheet-tab99">Show All</span>
|
||||
|
||||
<br class="sheet-spacer"/>
|
||||
<span class="sheet-spacer"></span>
|
||||
|
||||
<div class="sheet-section-core">
|
||||
|
||||
@@ -1287,17 +1287,29 @@
|
||||
<p class="sheet-small-note">Use this section to track spells you know, spells in your spell book (Wizards), and/or Spells that you have prepared for the day. Cantrips and spells that you know that do not count against your daily prepared limit (such as cleric domain spells, Wizard school spells, etc..) should be listed as "Always Prepared" in the prepared column.</p>
|
||||
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab0" value="0" title="Cantrips" checked="checked"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab0">Cantrips</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab1" value="1" title="Level 1"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab1">Level 1</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab2" value="2" title="Level 2"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab2">Level 2</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab3" value="3" title="Level 3"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab3">Level 3</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab4" value="4" title="Level 4"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab4">Level 4</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab5" value="5" title="Level 5"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab5">Level 5</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab6" value="6" title="Level 6"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab6">Level 6</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab7" value="7" title="Level 7"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab7">Level 7</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab8" value="8" title="Level 8"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab8">Level 8</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab9" value="9" title="Level 9"/>
|
||||
<span class="sheet-spellpagetab sheet-spelltab9">Level 9</span>
|
||||
<input type="radio" name="attr_spellpagetab" class="sheet-spellpagetab sheet-spelltab99" value="99" title="Show All"/>
|
||||
|
||||
<span class="sheet-spellpagetab sheet-spelltab99">Show All</span>
|
||||
|
||||
<span class="sheet-spacer"></span>
|
||||
|
||||
<!-- BEGIN AUTO GENERATED SPELL PAGES -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user