Update D&D3.5 character sheet to use nested inline rolls

+ add NPC/Monster tab; update CSS for NPC tab as well.
zstlaw · Apr 30, 2015 · ddf52e4 · ddf52e4
1 parent f517882
commit ddf52e4
Show file tree

Hide file tree

Showing 3 changed files with 2,990 additions and 2,820 deletions.
diff --git a/D&D_3-5/charsheet_3-5.css b/D&D_3-5/charsheet_3-5.css
@@ -1,4 +1,8 @@
+.sheet-switch-pc-show:not(:checked)~.sheet-switch-pc {display:none;} 
+.sheet-switch-npc-show:not(:checked)~.sheet-switch-npc {display:none;} 
+
 .sheet-pc-spells-show:not(:checked)~.sheet-pc-spells {display:none;} 
+.sheet-pc-charrpinfo-show:not(:checked)~.sheet-pc-charrpinfo {display:none;} 
 .sheet-pc-combat-show:not(:checked)~.sheet-pc-combat {display:none;}
 .sheet-pc-saveblock-show:not(:checked)~.sheet-pc-saveblock {display:none;}  
 .sheet-pc-statblock-show:not(:checked)~.sheet-pc-statblock {display:none;} 
@@ -198,6 +202,11 @@ select.sheet-dtype {
     text-align:left;
 }
 
+.sheet-table-right {
+    display:table-cell;
+    text-align:right;
+}
+
 .sheet-table-center {
     margin-left:auto; 
     margin-right:auto;
@@ -297,6 +306,35 @@ input.sheet-arrow[type="checkbox"] + span::before{
 }
 input.sheet-arrow[type="checkbox"]:checked + span::before { content: "▼"; }
 
+
+/* Hide actual radio button */
+input.sheet-switch[type="radio"]{
+    opacity: 0;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    top: 5px;
+    left: 6px;
+    margin: -10px;
+    cursor: pointer;
+    z-index: 1;
+}
+
+/* Fake radio button */
+input.sheet-switch[type="radio"] + span::before{
+    margin-right: 4px;
+    line-height: 14px;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+
+    content: "◇";
+    width: 14px;
+    height: 14px;
+    font-size: 12px;
+}
+input.sheet-switch[type="radio"]:checked + span::before { content: "◆"; }
+
 /* Fake tabs style1 (reskinned radio button; fixed to work properly in firefox */
 div.sheet-tab-content { display: none; }