From bfec30584fc383ccff4e537293c90bc69d80488c Mon Sep 17 00:00:00 2001
From: Actoba <jmyles@jmyles.co.uk>
Date: Sat, 19 Jul 2014 18:40:01 +0100
Subject: [PATCH] #41 - Updated spell page tabs to be more cross browser
 friendly

---
 DnD_5e/DnD_5e.css  | 54 +++++++++++++++++++++++++++++-----------------
 DnD_5e/DnD_5e.html | 34 +++++++++++++++++++----------
 2 files changed, 57 insertions(+), 31 deletions(-)

diff --git a/DnD_5e/DnD_5e.css b/DnD_5e/DnD_5e.css
index e17aadd6c6..309cdd45e4 100644
--- a/DnD_5e/DnD_5e.css
+++ b/DnD_5e/DnD_5e.css
@@ -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 {
diff --git a/DnD_5e/DnD_5e.html b/DnD_5e/DnD_5e.html
index 9ca971407c..ff969aab6d 100644
--- a/DnD_5e/DnD_5e.html
+++ b/DnD_5e/DnD_5e.html
@@ -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 -->