mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
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.
This commit is contained in:
Lagnalok
+217
-119
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user