Update 13th_Age_Official.css

13th Age Official/13th_Age_Official.css

@@ -914,7 +914,8 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-header, 
 .sheet-rolltemplate-rec .sheet-header, 
 .sheet-rolltemplate-icon .sheet-header, 
-.sheet-rolltemplate-init .sheet-header
+.sheet-rolltemplate-init .sheet-header,
+.sheet-rolltemplate-deathsave .sheet-header
 {
     width: 230px;
     margin-left: -30px;
@@ -930,6 +931,7 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .withoutavatars .sheet-rolltemplate-rec .sheet-header, 
 .withoutavatars .sheet-rolltemplate-icon .sheet-header, 
 .withoutavatars .sheet-rolltemplate-init .sheet-header,
+.withoutavatars .sheet-rolltemplate-deathsave .sheet-header,
 .withoutavatars .sheet-rolltemplate-power .sheet-header,
 .withoutavatars .sheet-rolltemplate-ba .sheet-header
 {
@@ -939,7 +941,8 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-headerlabel,
 .sheet-rolltemplate-rec .sheet-headerlabel,
 .sheet-rolltemplate-icon .sheet-headerlabel,
-.sheet-rolltemplate-init .sheet-headerlabel 
+.sheet-rolltemplate-init .sheet-headerlabel,
+.sheet-rolltemplate-deathsave .sheet-headerlabel 
 {
     color: white;
 }
@@ -947,7 +950,8 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-headerdivider,
 .sheet-rolltemplate-rec .sheet-headerdivider,
 .sheet-rolltemplate-icon .sheet-headerdivider,
-.sheet-rolltemplate-init .sheet-headerdivider
+.sheet-rolltemplate-init .sheet-headerdivider,
+.sheet-rolltemplate-deathsave .sheet-headerdivider
 {
     font-family: pictos;
     color: white;
@@ -957,6 +961,7 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-rec .sheet-body,
 .sheet-rolltemplate-icon .sheet-body,
 .sheet-rolltemplate-init .sheet-body,
+.sheet-rolltemplate-deathsave .sheet-body,
 .sheet-rolltemplate-ba .sheet-body,
 .sheet-rolltemplate-power .sheet-body
 {
@@ -970,6 +975,7 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .withoutavatars .sheet-rolltemplate-rec .sheet-body,
 .withoutavatars .sheet-rolltemplate-icon .sheet-body,
 .withoutavatars .sheet-rolltemplate-init .sheet-body,
+.withoutavatars .sheet-rolltemplate-deathsave .sheet-body,
 .withoutavatars .sheet-rolltemplate-ba .sheet-body,
 .withoutavatars .sheet-rolltemplate-power .sheet-body
 {
@@ -983,7 +989,7 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-body .sheet-part,
 .sheet-rolltemplate-rec .sheet-body .sheet-part,
 .sheet-rolltemplate-icon .sheet-body .sheet-part,
-.sheet-rolltemplate-init .sheet-body .sheet-part 
+.sheet-rolltemplate-init .sheet-body .sheet-part
 {
     width: 34px;
     display: inline-block;
@@ -991,10 +997,18 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
     margin-right: -5px;
 }
 
+.sheet-rolltemplate-deathsave .sheet-body .sheet-part {
+    width: 190px;
+    display: inline-block;
+    font-weight: bold;
+    margin-right: -5px;
+}
+
 .sheet-rolltemplate-attr .sheet-body .sheet-part:not(:first-child), 
 .sheet-rolltemplate-rec .sheet-body .sheet-part:not(:first-child), 
 .sheet-rolltemplate-icon .sheet-body .sheet-part:not(:first-child), 
-.sheet-rolltemplate-init .sheet-body .sheet-part:not(:first-child) 
+.sheet-rolltemplate-init .sheet-body .sheet-part:not(:first-child),
+.sheet-rolltemplate-deathsave .sheet-body .sheet-part:not(:first-child) 
 {
     margin-left: -5px;
 }
@@ -1002,7 +1016,8 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-body .sheet-part span,
 .sheet-rolltemplate-rec .sheet-body .sheet-part span,
 .sheet-rolltemplate-icon .sheet-body .sheet-part span,
-.sheet-rolltemplate-init .sheet-body .sheet-part span
+.sheet-rolltemplate-init .sheet-body .sheet-part span,
+.sheet-rolltemplate-deathsave .sheet-body .sheet-part span
 {
     text-align: center;
     display: block;
@@ -1011,7 +1026,8 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-body .sheet-part .inlinerollresult,
 .sheet-rolltemplate-rec .sheet-body .sheet-part .inlinerollresult,
 .sheet-rolltemplate-icon .sheet-body .sheet-part .inlinerollresult,
-.sheet-rolltemplate-init .sheet-body .sheet-part .inlinerollresult 
+.sheet-rolltemplate-init .sheet-body .sheet-part .inlinerollresult,
+.sheet-rolltemplate-deathsave .sheet-body .sheet-part .inlinerollresult 
 {
     background-color: inherit;
     border: 0px;
@@ -1024,7 +1040,8 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-body .sheet-partspacer,
 .sheet-rolltemplate-rec .sheet-body .sheet-partspacer,
 .sheet-rolltemplate-icon .sheet-body .sheet-partspacer,
-.sheet-rolltemplate-init .sheet-body .sheet-partspacer 
+.sheet-rolltemplate-init .sheet-body .sheet-partspacer,
+.sheet-rolltemplate-deathsave .sheet-body .sheet-partspacer 
 {
     display: inline-block;
 }
@@ -1032,7 +1049,8 @@ input[type="radio"].sheet-normal:checked ~ input[type="radio"] + span::before {
 .sheet-rolltemplate-attr .sheet-body .sheet-result,
 .sheet-rolltemplate-rec .sheet-body .sheet-result,
 .sheet-rolltemplate-icon .sheet-body .sheet-result,
-.sheet-rolltemplate-init .sheet-body .sheet-result 
+.sheet-rolltemplate-init .sheet-body .sheet-result,
+.sheet-rolltemplate-deathsave .sheet-body .sheet-result 
 {
     display: inline-block;
     position: relative;
@@ -1226,3 +1244,20 @@ button[type=roll]:hover *
 {
     color: gold !important;
 }
+
+.sheet-deathsavecontainer {
+    position: absolute;
+    top: 35px;
+    left: 60px;
+    width: 200px;
+}
+
+.sheet-deathsavecontainer button[type=roll].sheet-init {
+    top: 0px;
+    left: 0px;
+    width: 75px;
+}
+
+.sheet-deathsavecontainer input[type=checkbox] {
+    width: 12px;
+}