From 0d4ebe08d2c02671a13a6cd93fec1e6beb17f2dd Mon Sep 17 00:00:00 2001
From: Lagnalok <lagnalok@gmx.de>
Date: Tue, 2 May 2017 09:22:01 +0200
Subject: [PATCH] V1.1.0

Restructured and brighter layout.
Changed Templates to go with he style form the new layout.
Option page to set whipser behaivour as well as open roll and fumble ranges.
Option page hold Roll Buttons for simple openroll/fumble rolling.
---
 Anima-Beyond-Fantasy/A-BF.css | 336 ++++++++++++++++++++++------------
 1 file changed, 217 insertions(+), 119 deletions(-)

diff --git a/Anima-Beyond-Fantasy/A-BF.css b/Anima-Beyond-Fantasy/A-BF.css
index 6d894d02d3..390f33365a 100644
--- a/Anima-Beyond-Fantasy/A-BF.css
+++ b/Anima-Beyond-Fantasy/A-BF.css
@@ -1,12 +1,12 @@
 fieldset{
-	margin:0px;
-	padding:0px;
-	border:none;
+    margin:0px;
+    padding:0px;
+    border:none;
 }
 
 .sheet-3colrow{
-	display: block;
-	clear: both;
+    display: block;
+    clear: both;
 }
 .sheet-3colrow .sheet-col2{
     width: calc(33% - 21px);
@@ -15,8 +15,8 @@ fieldset{
 }
 
 .sheet-2colrow{
-	display: block;
-	clear: both;
+    display: block;
+    clear: both;
 }
 .sheet-2colrow .sheet-col2{
     width: calc(50% - 21px);
@@ -24,6 +24,13 @@ fieldset{
     display: inline-block;
 }
 
+.sheet-logo,
+.sheet-logo img
+{
+    width:150px;
+    height:82px;
+}
+
 div.sheet-tab-content
 {
     display: none;
@@ -34,7 +41,8 @@ input.sheet-tab1:checked ~ div.sheet-tab1,
 input.sheet-tab2:checked ~ div.sheet-tab2,
 input.sheet-tab3:checked ~ div.sheet-tab3,
 input.sheet-tab4:checked ~ div.sheet-tab4,
-input.sheet-tab5:checked ~ div.sheet-tab5
+input.sheet-tab5:checked ~ div.sheet-tab5,
+input.sheet-tab6:checked ~ div.sheet-tab6
 {
     display: block;
 }
@@ -50,33 +58,36 @@ input.sheet-secondary_tab8:checked ~ div.sheet-secondary_tab8
     display:block;
 }
 input.sheet-tab{
-    width:150px;
-    height: 22px;
-    top: 5px;
-    left: 6px;
-    margin-right: -150px;
+    width: 152px;
+    height: 24px;
+    margin: 0px -152px 5px 5px;
     cursor: pointer;
     z-index: 1;
     opacity: 0;
-    
 }
+
+input.sheet-tab+ span {
+    height: 22px;
+    display: inline-block;
+    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
+    width: 148px;
+}
+
 input.sheet-tab+ span::before
 {
     content: attr(title);
-
-    border-radius:.5em;
-    border:2px solid black;
+    border-radius: .5em;
+    border: 2px solid black;
     text-align: center;
     display: inline-block;
-    margin-top:-28px;
     background: black;
-    color:white;
+    color: white;
     text-shadow: 2px 2px 2px #555555;
-    width: 148px;
+    width: 100%;
     height: 20px;
     font-size: 18px;
-    line-height:20px;
-    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
+    line-height: 20px;
+    font-family: inherit;
 }
 input.sheet-tab:checked+ span::before{
     background:#CC0000;
@@ -118,12 +129,13 @@ input.sheet-small_tab:checked+ span::before{
 
 input.sheet-option
 {
-    width:23px;
-    height: 23px;
+    width:21px;
+    height: 21px;
     cursor: pointer;
     z-index: 1;
     opacity: 0;
     float:right;
+    margin:0px;
 }
 
 .repcontrol_del{
@@ -131,13 +143,19 @@ input.sheet-option
     position: relative;
 }
 
+input.sheet-option.sheet-title,
+input.sheet-option.sheet-title+ span
+{
+    margin-top:5px;
+}
+
 input.sheet-option+ span{
-	  float:right;
-    margin-right:-23px;
+    float:right;
+    margin-right:-21px;
     text-align: center;
     display: inline-block;
-    width: 23px;
-    height:23px; 
+    width: 21px;
+    height:21px;
 }
 
 input.sheet-option+ span::before
@@ -170,8 +188,8 @@ span.sheet-option.sheet-white
 
 div.sheet-expanded
 {
-		display: none;
-		border-top-color: #000;
+    display: none;
+    border-top-color: #DADADA;
     margin: 2px 0 0 0;
 }
 input.sheet-option:checked ~ div.sheet-expanded,
@@ -196,64 +214,104 @@ button[type=roll].sheet-d100-roll-button::before{
     width:30px;
 }
 button[type=roll].sheet-widebutton{
-    width:90px;   
+    width:90px;     
 }
 
 button[type=roll].sheet-label::before
 {
     content: "";
 }
+
 button[type=roll].sheet-label,
 button[type=roll].sheet-label input{
-    border:none;
     padding:0!important;
     font: inherit;
     cursor: pointer;
 }
+
+button[type=roll].sheet-label{
+    height:21px;
+    border:1px solid transparent;
+}
+
 .sheet-dark_row .button[type=roll].sheet-label{
-	  color:white;
+    color:black;
 }
 
 button[type=roll].sheet-label input{
-    background-color:rgba(0, 0, 0, 0.1)!important;
-}
-input[type=number].sheet-longnum, .sheet-longnum{
-	width:60px;
+    background-color:transparent;
+    border: none 0px transparent;
 }
 
-input[type=text]{text-align:left;}
+label{
+    display: inline-block;
+    width: auto;
+}
+
+input[type=number].sheet-longnum, .sheet-longnum{
+    width:60px;
+}
+
+input[type=text]{
+    text-align:left;
+}
 
 input[disabled=true]{
-    background-color:#c6c6c6;
-    border:1px solid black;
+    background-color:#DADADA;
 }
 
 input[type=number]
 {
-		width:45px;
+    width:45px;
+}
+
+input{
+    border-top:none;
+    border-left:none;
+    border-right:none;
+    border:1px outset #DADADA;
+}
+
+input:hover:enabled,
+button:active:enabled,
+button[type=roll].sheet-label:hover{
+    border:1px outset cyan!important;
 }
 
 .sheet-wrapper{
     margin:3px;
-    border:2px solid black;
+    border:none;
     vertical-align:top;
     display:inline-block;
 }
 
 div.sheet-page_wrapper{
-    width:810px;
+    width:820px;
     display:block;
+    margin:3px;
+    border-top: 2px solid black;
+    border-bottom: 2px solid black;
+    border-left: none;
+    border-right: none;
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 }
+div.sheet-page_header{
+    width:810px;
+    display:block;
+    margin:3px;
+    border:none;
+    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
+}
+
 
 .sheet-sidebubbled{
     font-size: 11pt;
     width:51px;
     font-weight:bold;
-    border:2px solid black;
-    color:white;
+    border:2px solid #DADADA;
+    color:black;
     display:inline-block;
-    background-color:black;
+    background-color:#DADADA;
     text-align: center;
     padding-top:1px;
     padding-left:3px;
@@ -267,24 +325,30 @@ div.sheet-page_wrapper{
 }
 .sheet-title{
     text-align: center;
-    background-color: black;
-    color: white;
+    background-color: white;
+    color: black;
+    border-bottom: 5px solid transparent;
+    border-image: url(https://i.imgur.com/wEoeCr7.png) 10 stretch;
     text-shadow: 2px 2px 2px #555555;
-    padding-bottom:8px;
-    padding-top:8px;
+    padding-bottom:2px;
+    padding-top:2px;
     width: 100%;
-    font-size: 20pt;
+    font-size: 18pt;
     font-family: "Station",Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 }
 .sheet-dark_row{
-    color:white;
-    background-color:grey;
+    color:black;
+    background-color:#DADADA;
+    border-radius: 1em;
 }
 .sheet-style_row{
     display:block;
-    margin: 3px;
+    margin-left: 3px;
+    margin-right: 3px;
 }
 
+.sheet-style_row.sheet-noborder {border:none!important;}
+
 .sheet-clear{
     clear: both;
 }
@@ -346,7 +410,7 @@ div[data-groupname="repeating_rangedweapons"] .repitem,
 div[data-groupname="repeating_kitechniques"] .repitem
 {
     padding:0px;
-    border:2px solid black;
+    border:2px solid #DADADA;
     background:white;
     margin:4px;
     display: inline-block;
@@ -355,30 +419,42 @@ div[data-groupname="repeating_kitechniques"] .repitem
     width: 30px;
     padding-left:2px;
 }
-div .repitem{
-    padding:4px;
-}
 
 .sheet-longbubble{
     width:70px;    
 }
-.sheet-secondary_bubble{
+button.sheet-secondary_bubble{
+    width:138px;
+}
+div.sheet-secondary_bubble{
     width:80px;
-    float:none;
 }
 .sheet-red{
     color:red;
     font-weight:bold;
 }
-.sheet-secondary_bubble.sheet-red{
-    color:white;
+.sheet-secondary_bubble.sheet-red,
+button.sheet-label[type="roll"].sheet-secondary_bubble.sheet-red{
+    color:black;
+    font-weight:bold;
     text-shadow: 1px 1px 2px #FF0000;
-    border:2px solid red;
+    border:1px solid red;
 }
+
+button.sheet-label[type="roll"].sheet-secondary_bubble{
+    border:1px solid transparent;
+}
+
 .sheet-smalltitle{
     font-size:13pt;
-    padding-bottom: 4px;
-    padding-top: 4px;   
+    padding-bottom: 2px;
+    padding-top: 2px;     
+}
+
+.sheet-ki_title{
+    margin-right:10px;
+    font-weight:bold;
+    width:auto;
 }
 .sheet-point_tracker{
     border-radius:1em;
@@ -391,13 +467,6 @@ div .repitem{
 .sheet-ki_cost{
     float:right;
     margin-right:3px;
-}
-.sheet-ki_title{
-    margin-right:10px;
-    font-weight:bold;
-    width:auto;
-}
-.sheet-ki_cost{
     width:30px;
 }
 
@@ -419,16 +488,16 @@ div .repitem{
 .sheet-ki_seal_checkbox{
     margin-top:2px;
     margin-left:2px;
-    margin-right:1px;  
+    margin-right:1px;    
 }
 .sheet-fullbubble{
-    border:3px solid black;
+    border:3px solid #DADADA;
     border-radius:.5em;
     width:40px;
     margin:1px;
     text-align:center;
-    background-color:black;
-    color:white;
+    background-color:#DADADA;
+    color:black;
     font-weight:bold;
 }
 /* Start CSS for ki ability box here*/
@@ -542,12 +611,14 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi table,
 .sheet-rolltemplate-ABFki table,
 .sheet-rolltemplate-ABFweapon table {
-  width: 100%;
-	border: 1px solid;
-	color: black;
-	background-color: #ffffff;
-	font-size: 1em;
-	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
+    width: 100%;
+    border: 1px solid #DADADA;
+    color: black;
+    background-color: #ffffff;
+    font-size: 1em;
+    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
+    border-collapse: separate;
+    border-radius: 1em;
 }
 
 .sheet-rolltemplate-ABFini th,
@@ -557,14 +628,22 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi th,
 .sheet-rolltemplate-ABFki th,
 .sheet-rolltemplate-ABFweapon th {
-	background-color: #BA1313;
-	color: #ffffff;
-	text-shadow: 2px 2px 2px #555555;
-	padding: 2px;
-	border-bottom: 1px solid black;
-	line-height: 1.6em;
-	font-size: 1.2em;
+    text-shadow: 0px 0px 1px #555555;
+    padding: 2px;
+    border-bottom: 5px solid transparent;
+    border-image: url(http://i.imgur.com/wEoeCr7.png) 10 stretch;
+    line-height: 1.6em;
+    font-size: 1.2em;
+    font-weight: bold;
 }
+
+.sheet-rolltemplate-ABFdefault th.sheet-smalltitle{
+    font-size:0.95em;
+    line-height: 1.1em;
+    padding: 1px;
+    font-weight: normal;
+}
+
 .sheet-rolltemplate-ABFini .userscript-tcat,
 .sheet-rolltemplate-ABFspell .userscript-tcat,
 .sheet-rolltemplate-ABFspellOld .userscript-tcat,
@@ -572,7 +651,7 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi .userscript-tcat,
 .sheet-rolltemplate-ABFki .userscript-tcat,
 .sheet-rolltemplate-ABFweapon .userscript-tcat {
-	font-weight: bold;
+    font-weight: bold;
 }
 
 .sheet-rolltemplate-ABFini .sheet-sidebubbled,
@@ -582,20 +661,20 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi .sheet-sidebubbled,
 .sheet-rolltemplate-ABFki .sheet-sidebubbled,
 .sheet-rolltemplate-ABFweapon .sheet-sidebubbled {
-	font-size: 11pt;
-  width:100%;
-  height:100%;
-  font-weight:bold;
-  border:2px solid black;
-  color:white;
-  display:inline-block;
-  background-color:black;
-  text-align: center;
-  padding-top:1px;
-  padding-left:3px;
-  padding-bottom:4px;
-  border-top-left-radius: 1em;
-  border-bottom-left-radius: 1em;
+    font-size: 11pt;
+    width:100%;
+    height:100%;
+    font-weight:bold;
+    border:2px solid #DADADA;
+    color:black;
+    display:inline-block;
+    background-color:#DADADA;
+    text-align: center;
+    padding-top:1px;
+    padding-left:3px;
+    padding-bottom:4px;
+    border-top-left-radius: 1em;
+    border-bottom-left-radius: 1em;
 }
 
 .sheet-rolltemplate-ABFini td,
@@ -605,7 +684,7 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi td,
 .sheet-rolltemplate-ABFki td,
 .sheet-rolltemplate-ABFweapon td {
-	padding: 5px;
+    padding: 5px;
 }
 
 .sheet-rolltemplate-ABFini .inlinerollresult,
@@ -615,12 +694,14 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi .inlinerollresult,
 .sheet-rolltemplate-ABFki .inlinerollresult,
 .sheet-rolltemplate-ABFweapon .inlinerollresult {
-	display: inline-block;
-	min-width: 1.5em;
-	text-align: center;
-	background-color: #ffffff;
-	color: #000000;
-	border: none;
+    display: inline-block;
+    min-width: 1.5em;
+    text-align: center;
+    background-color: #ffffff;
+    color: #000000;
+    font-weight:bold;
+    border: none;
+    font-size: 1.5em;
 }
 
 .sheet-rolltemplate-ABFini .inlinerollresult.fullcrit,
@@ -630,7 +711,8 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi .inlinerollresult.fullcrit,
 .sheet-rolltemplate-ABFki .inlinerollresult.fullcrit,
 .sheet-rolltemplate-ABFweapon .inlinerollresult.fullcrit {
-	border: none;
+    border: none;
+    color: #3FB315;
 }
 
 .sheet-rolltemplate-ABFini .inlinerollresult.fullfail,
@@ -640,7 +722,8 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi .inlinerollresult.fullfail,
 .sheet-rolltemplate-ABFki .inlinerollresult.fullfail,
 .sheet-rolltemplate-ABFweapon .inlinerollresult.fullfail {
-	border: none;
+    border: none;
+    color: red;
 }
 
 .sheet-rolltemplate-ABFini .inlinerollresult.importantroll,
@@ -650,7 +733,8 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi .inlinerollresult.importantroll,
 .sheet-rolltemplate-ABFki .inlinerollresult.importantroll,
 .sheet-rolltemplate-ABFweapon .inlinerollresult.importantroll {
-	border: 2px solid #4A57ED;
+    border: none;
+    color: #4A57ED;
 }
 
 .sheet-rolltemplate-ABFini a[href^="!"], .sheet-rolltemplate-ABFini a[href^="~"],
@@ -660,10 +744,24 @@ input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
 .sheet-rolltemplate-ABFpsi a[href^="!"], .sheet-rolltemplate-ABFpsi a[href^="~"],
 .sheet-rolltemplate-ABFki a[href^="!"], .sheet-rolltemplate-ABFki a[href^="~"],
 .sheet-rolltemplate-ABFweapon a[href^="!"], .sheet-rolltemplate-ABFweapon a[href^="~"] {
-  background-color: transparent;
-  padding:0px;
-  border:none;
-  width:100%;
-  text-decoration:underline;
+    background-color: transparent;
+    padding:0px;
+    border:none;
+    width:100%;
+    text-decoration:underline;
+}
+
+.sheet-rolltemplate-ABFki .sheet-ki {
+    text-align: center;
+}
+
+.sheet-rolltemplate-ABFki .sheet-ki .sheet-ki-cost {
+    font-size: 1.2em;
+    font-weight:bold;
+}
+
+.sheet-rolltemplate-ABFki .sheet-ki .sheet-ki-maint {
+    font-size: 0.8em;
+    
 }
 /* end CSS for Templates */