829 lines
17 KiB
CSS
829 lines
17 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Girassol&display=swap');
|
|
|
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
|
|
/* HTML5 display-role reset for older browsers */
|
|
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
|
display: block;
|
|
}
|
|
|
|
body {
|
|
line-height: 1;
|
|
background-color: #C5C3B6
|
|
}
|
|
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
|
|
blockquote:before, blockquote:after, q:before, q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
|
|
table {
|
|
border-spacing: 0;
|
|
border-radius: 5px;
|
|
border-style: solid;
|
|
border: none;
|
|
border-color: #352719;
|
|
background-color: #DBD8CA;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/* END CSS STYLING RESET PAGE
|
|
-------------------------------------------
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.charsheet {
|
|
background: #C5C3B6;
|
|
}
|
|
|
|
td {
|
|
background: #F2F2F2;
|
|
padding: 0in .5pt 0in .5pt;
|
|
height: 9.8pt;
|
|
}
|
|
|
|
input {
|
|
width: 100%;
|
|
font-weight: 800;
|
|
background: #352719;
|
|
background-color: #F9F9F9;
|
|
text-align: center;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* TABS */
|
|
|
|
|
|
div.sheet-tabbuttoncontainer {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
width: 470px;
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
button[type="action"].sheet-tabbutton {
|
|
|
|
font-family: 'Girassol';
|
|
font-size: 80%;
|
|
height: 12pt;
|
|
width: 75pt;
|
|
|
|
background-color: black;
|
|
color: white;
|
|
|
|
border: 1px solid gray;
|
|
border-radius: 80px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 1px 1px 8px 1px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
.sheet-all,
|
|
.sheet-combat,
|
|
.sheet-skillsandpoints, .sheet-spells {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="all"] ~ div.sheet-all,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="skillsandpoints"] ~ div.sheet-skillsandpoints,
|
|
.sheet-tabstoggle[value="spells"] ~ div.sheet-spells {
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* LAYOUT */
|
|
|
|
div.sheet-dodaslayout {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
|
|
|
|
}
|
|
|
|
div.sheet-ATRTable, div.sheet-weapontable, div.sheet-armor, div.sheet-spelltable {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* ATTRIBUTE TABLE */
|
|
|
|
button[type="roll"].sheet-attributerollbutton{
|
|
background: none;
|
|
outline-color: transparent;
|
|
border-style: none;
|
|
font-weight: 200;
|
|
font-size: 100%;
|
|
padding: 0px 0px 0px 0px;
|
|
font-family: 'Girassol';
|
|
cursor: pointer;
|
|
text-shadow: none;
|
|
color: #292929;
|
|
}
|
|
|
|
button[type="roll"].sheet-derivedattributerollbutton{
|
|
background: none;
|
|
outline-color: transparent;
|
|
border-style: none;
|
|
color: white;
|
|
font-weight: 200;
|
|
font-size: 100%;
|
|
padding: 0px 0px 0px 0px;
|
|
cursor: pointer;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
div.sheet-ATRTable {
|
|
display: grid;
|
|
background-color: gray;
|
|
width: 185pt;
|
|
height: 120pt;
|
|
/* from style reset */
|
|
border-style: solid;
|
|
border: none;
|
|
border-color: #352719;
|
|
background-color: #DBD8CA;
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
|
|
div.sheet-ATRTableHeader {
|
|
display: grid;
|
|
font-family: 'Girassol';
|
|
grid-template-columns: 60pt 60pt 60pt;
|
|
font-size: 115%;
|
|
/*padding: .1em;*/
|
|
text-align: center;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
div.sheet-ATRTableRow {
|
|
display: grid;
|
|
grid-template-columns: repeat(6, 30pt);
|
|
font-size: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
div.sheet-ATRLetter {
|
|
background-color: #DBD8CA;
|
|
font-family: 'Girassol';
|
|
font-style: normal;
|
|
padding: .3em;
|
|
color: #292929;
|
|
|
|
/*
|
|
text-align: center;
|
|
font-size: 110%;
|
|
padding: .3em;
|
|
text-align: center
|
|
*/
|
|
}
|
|
|
|
div.sheet-ATRNumber {
|
|
background-color: #DBD8CA;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-derivedATRLetter {
|
|
|
|
font-family: 'Girassol';
|
|
font-style: normal;
|
|
font-size: 100%;
|
|
background-color: #352719;
|
|
color: white;
|
|
|
|
text-align: center;
|
|
padding: .4em;
|
|
}
|
|
|
|
/*WEAPON TABLE*/
|
|
|
|
div.sheet-weapontable {
|
|
font-family: 'Girassol';
|
|
width: 1fr;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 7.0pt;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
}
|
|
|
|
div.sheet-weapontable span {
|
|
display: grid;
|
|
align-items: center; /* new */
|
|
justify-items: center; /* new */
|
|
|
|
}
|
|
|
|
div.sheet-wptrow2 span {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-wptrow1 {
|
|
display: grid;
|
|
grid-template-columns: 60pt 25pt 25pt 25pt 40pt 25pt 25pt 24pt 24pt 22pt 34pt 30pt 20pt 20pt ;
|
|
column-gap: 0;
|
|
background-color: none;
|
|
height: 16pt;
|
|
|
|
}
|
|
|
|
div.sheet-wptrow2 {
|
|
display: grid;
|
|
grid-template-columns: 60pt 25pt 25pt 25pt 20pt 20pt 50pt 24pt 24pt 22pt 104pt ;
|
|
column-gap: 0;
|
|
background-color: gray;
|
|
|
|
}
|
|
|
|
.sheet-wptrangedc, .sheet-rollplus, .sheet-wptSkrm, .sheet-wpttoprowAP, .sheet-wtMod, .sheet-wtA {
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-wtweapon, .sheet-cptoprow, .sheet-wtTotal, .sheet-wtDm, .sheet-wtOther {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-wtSkrmD, .sheet-wptSkrm, .sheet-wpttoprowcut, .sheet-wpttoprowthrust, .sheet-wtRange, .sheet-wpttoprowparry, .sheet-wpttoprowdodge, .sheet-pp, .sheet-wtRange, .sheet-wtHand, .sheet-wtD, .sheet-wtSkrmDef, .sheet-wtBlock {
|
|
color: black;
|
|
background-color: #D8D8D8;
|
|
}
|
|
|
|
.sheet-wptrangedc {
|
|
display: grid;
|
|
align-self: center;
|
|
|
|
}
|
|
|
|
.sheet-wpttoprowcut, .sheet-wpttoprowthrust, .sheet-wtRange, .sheet-wtHand, .sheet-wtA, .sheet-wtD, .sheet-wrSkrmDef {
|
|
border: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.sheet-wpttoprowdodge {
|
|
border-left: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.sheet-wpttoprowAP, .sheet-wtMod {
|
|
border-left: 1px solid #D8D8D8;
|
|
border-right: 1px solid #D8D8D8;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*repeating inputer*/
|
|
|
|
div.sheet-wptfillrepeating,
|
|
div.sheet-wptfillrepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 60pt 25pt 25pt 25pt 20pt 20pt 25pt 25pt 24pt 24pt 22pt 1fr 20pt;
|
|
height: 12.8pt;
|
|
font-size: 8.0pt;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
input[name="attr_cptotal"]{
|
|
|
|
background-color: #EAEAEA;
|
|
}
|
|
|
|
|
|
|
|
/* ARMOR TABLE */
|
|
|
|
div.sheet-armor {
|
|
display: grid;
|
|
/*
|
|
font-style: normal;
|
|
*/
|
|
font-family: 'Girassol';
|
|
width: 440pt;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.sheet-toprow {
|
|
display: grid;
|
|
grid-template-columns: 100pt 72pt 20pt 72pt;
|
|
column-gap: 0;
|
|
height: 12.8pt;
|
|
font-size: 8.0pt;
|
|
}
|
|
|
|
span.sheet-atTopAvEquip {
|
|
background-color: #EAEAEA;
|
|
color: black;
|
|
font-weight: 900;
|
|
border-bottom: 1px solid #BCBCBC;
|
|
}
|
|
/*cpbc DR total*/
|
|
span.sheet-atP, span.sheet-atB, span.sheet-atC, span.sheet-atE {
|
|
background-color: #EAEAEA;
|
|
color: black;
|
|
font-weight: 900;
|
|
border-bottom: 1px solid #BCBCBC;
|
|
}
|
|
|
|
span.sheet-atDRTotal {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.sheet-attc, span.sheet-attp, span.sheet-attb, span.sheet-atte {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
span.sheet-atTopWeapon, span.sheet-atTopBD {
|
|
background-color: none;
|
|
}
|
|
|
|
/* second row stuff */
|
|
div.sheet-armorsecondrow {
|
|
display: grid;
|
|
grid-template-columns: 100pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 110pt;
|
|
column-gap: 0;
|
|
color: #292929;
|
|
|
|
}
|
|
/* repeating inputs */
|
|
div.sheet-armor-fillinrepeating,
|
|
div.sheet-armor-fillinrepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 100pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 110pt;
|
|
height: 14pt;
|
|
font-size: 8.0pt;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
input[name="attr_damagereduction"], input[name="attr_attP"],
|
|
input[name="attr_attB"], input[name="attr_attE"]{
|
|
|
|
background-color: #EAEAEA;
|
|
}
|
|
|
|
/*some styling */
|
|
div.sheet-armorsecondrow span, div.sheet-toprow span {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
}
|
|
|
|
span.sheet-atArmor, span.sheet-atDR {
|
|
font-weight: 900;
|
|
background: black;
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
span.sheet-atLocation, span.sheet-atAPM, span.sheet-atStealth, span.sheet-atOther {
|
|
background-color: #DBDBDB;
|
|
|
|
}
|
|
|
|
span.sheet-atStealth {
|
|
border-right: 1px solid #BCBCBC;
|
|
border-left: 1px solid #BCBCBC;
|
|
}
|
|
|
|
span.sheet-atBD {
|
|
background-color: #D6BEA3;
|
|
color: black;
|
|
font-weight: 600;
|
|
border-bottom: 1px solid #BCBCBC;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-top: 1px solid black;
|
|
}
|
|
|
|
span.sheet-atAPM {
|
|
background-color: white;
|
|
color: black;
|
|
|
|
border-right: 1px solid #BCBCBC;
|
|
border-left: 1px solid #BCBCBC;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* SPELLS TABLE */
|
|
|
|
div.sheet-spelltable {
|
|
display: grid;
|
|
font-family: 'Girassol';
|
|
width: 1fr;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
font-size: 8.0pt;
|
|
color: black;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
|
|
}
|
|
|
|
div.sheet-spelltable span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.sheet-strow {
|
|
display: grid;
|
|
grid-template-columns: 80pt 25pt 32pt 40pt 40pt 40pt 25pt 25pt 25pt 20pt 270pt ;
|
|
column-gap: 0;
|
|
background-color: #D8D8D8;
|
|
}
|
|
|
|
.sheet-stspells, .sheet-stLVL, .sheet-stCP, .sheet-stRoll, .sheet-stOpp, .sheet-stArea, .sheet-stDuration, .sheet-stRange, .sheet-stDescription {
|
|
|
|
border: 1px solid #A4A4A4;
|
|
}
|
|
|
|
.sheet-stRollbutton, .sheet-stLVL, .sheet-stspells, .sheet-stCP, .sheet-stRoll {
|
|
background-color: black;
|
|
color: white;
|
|
|
|
}
|
|
|
|
.sheet-stArea, .sheet-stDuration, .sheet-stRange, .sheet-stDescription {
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-stLVL, .sheet-stRoll {
|
|
background-color: gray;
|
|
}
|
|
|
|
div.sheet-strepeating,
|
|
div.sheet-strepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 80pt 25pt 32pt 40pt 40pt 40pt 25pt 25pt 25pt 20pt 270pt ;
|
|
height: 12.8pt;
|
|
font-size: 8.0pt;
|
|
width: 100%;
|
|
padding: 0;
|
|
color: black;
|
|
}
|
|
|
|
input[name="attr_spelllevel"], input[name="attr_spellskill"],
|
|
input[name="attr_strcp"] {
|
|
|
|
background-color: #EAEAEA;
|
|
}
|
|
|
|
div.sheet-strepeating input[name="attr_spelldescription"] {
|
|
text-align: left;
|
|
padding: 0pt 4pt;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* SKILLS AND ABILITIES */
|
|
|
|
div.sheet-skilltable {
|
|
font-family: 'Girassol';
|
|
width: 446pt;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
margin-top: 5px;
|
|
color: black;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
|
|
}
|
|
|
|
|
|
div.sheet-skilltablerow span, div.sheet-skilltablerow2 span {
|
|
|
|
display: grid;
|
|
align-items: center; /* new */
|
|
justify-items: center;
|
|
|
|
}
|
|
|
|
|
|
div.sheet-skilltablerow {
|
|
display: grid;
|
|
grid-template-columns: 24pt 24pt 70pt 100pt 24pt 48pt 24pt 88pt 26pt 20pt;
|
|
|
|
|
|
}
|
|
|
|
div.sheet-skilltablerow2 {
|
|
display: grid;
|
|
grid-template-columns: 24pt 24pt 70pt 20pt 20pt 20pt 20pt 20pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 26pt 20pt;
|
|
}
|
|
|
|
.sheet-str1Above, .sheet-str1RelevantAttributes, .sheet-str2Tier, .sheet-str2Cost, .sheet-str2AboveSub, .sheet-str2Sub, .sheet-str2Roll {
|
|
background-color: #cfcfcf;
|
|
}
|
|
|
|
.sheet-str2Roll, .sheet-str1Skillsand, .sheet-str2Abilities, .sheet-str2Total {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-str1TiersbyCost, .sheet-str27, .sheet-str24, .sheet-str22, .sheet-str21, .sheet-str2star, .sheet-str2ATR1, .sheet-str2Mod1, .sheet-str2ATR2, .sheet-str2Mod2 {
|
|
background-color: #bababa;
|
|
}
|
|
|
|
.sheet-str1Synergy, .sheet-str2Bonus, .sheet-str2Self {
|
|
background-color: #575757;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-str1RelevantAttributes, .sheet-str2Tier, .sheet-str2Cost, .sheet-str1TiersbyCost, .sheet-str27, .sheet-str24, .sheet-str22, .sheet-str21, .sheet-str2star, .sheet-str2ATR1, .sheet-str2Mod1, .sheet-str2ATR2, .sheet-str2Mod2, .sheet-str2Bonus, .sheet-str2Self {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.sheet-skillsfillrepeating,
|
|
div.sheet-skillsfillrepeating input[type="text"] {
|
|
display: grid;
|
|
grid-template-columns: 24pt 24pt 70pt 20pt 20pt 20pt 20pt 20pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 26pt 20pt;
|
|
height: 12.8pt;
|
|
font-size: 8.0pt;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-str2Roll {
|
|
border-left: 1px solid #d1d1d1;
|
|
}
|
|
|
|
/*
|
|
.sheet-str2Total {
|
|
border-right: 1px solid white;
|
|
}
|
|
*/
|
|
|
|
input[name="attr_tierabovesub"], input[name="attr_synergybonus"], input[name="attr_synergyself"], input[name="attr_group"] {
|
|
background-color: #f2f2f2;
|
|
}
|
|
input[name="attr_skilltotal"] {
|
|
background-color: #EAEAEA;
|
|
}
|
|
|
|
|
|
/* POINT BUY TOTALS TABLE */
|
|
|
|
div.sheet-pointbuytable {
|
|
font-family: 'Girassol';
|
|
width: 314pt;
|
|
height: 107pt;
|
|
|
|
margin-top: 12px;
|
|
margin-left: 5px;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: #404040;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.sheet-pointbuytabletitlerow {
|
|
height: 17pt;
|
|
}
|
|
|
|
div.sheet-pointbuytabletitlerow, div.sheet-pointbuytabletotalrow {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
div.sheet-pointbuytabletitlerow span {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
div.sheet-pointbuytabletitlerow, div.sheet-pointbuytablerow, div.sheet-pointbuytabletotalrow {
|
|
display: grid;
|
|
grid-template-columns: 70pt 26pt 220pt;
|
|
|
|
}
|
|
|
|
|
|
div.sheet-pointbuytabletitlerow span, div.sheet-pointbuytablerow span, div.sheet-pointbuytabletotalrow span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
|
|
div.sheet-pointbuytablerow {
|
|
color: white;
|
|
}
|
|
|
|
.sheet-pbtpointsspent {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.sheet-pointbuytable input[type="text"] {
|
|
height: 12.8pt;
|
|
font-size: 8.0pt;
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* SPELL BUILDER */
|
|
|
|
div.sheet-spellbuilder {
|
|
font-family: 'Girassol';
|
|
width: 1fr;
|
|
padding: 0;
|
|
column-gap: 0;
|
|
padding: 0in 1.5pt 0in 1.5pt;
|
|
font-size: 8.0pt;
|
|
background-color: none;
|
|
margin-top: 12px;
|
|
margin-left: 5px;
|
|
|
|
-webkit-box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
box-shadow: 2px 2px 11px 3px rgba(53, 39, 25, 0.45);
|
|
|
|
}
|
|
|
|
div.sheet-spellbuilder span {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-items: right;
|
|
padding: 0px 4px 0px 0px;
|
|
}
|
|
|
|
/*rows*/
|
|
div.sheet-sbtitlerow {
|
|
display: grid;
|
|
grid-template-columns: 60pt repeat(4, 90pt 20pt);
|
|
}
|
|
|
|
div.sheet-sbrowcorespell, div.sheet-sbrowdamage, div.sheet-sbrowspelltype, div.sheet-sbrowarea, div.sheet-sbrowduration, div.sheet-sbrowrange, div.sheet-sbrowmodifiers, div.sheet-sbmodifiersfill {
|
|
display: grid;
|
|
grid-template-columns: 60pt repeat(4, 90pt 20pt);
|
|
}
|
|
|
|
|
|
div.sheet-spellbuilder input[type="text"] {
|
|
font-family: 'Girassol';
|
|
height: 12.8pt;
|
|
font-size: 8.0pt;
|
|
width: 100%;
|
|
color: black;
|
|
}
|
|
|
|
input[name="attr_spellbuildername1"], input[name="attr_spellbuildername2"],
|
|
input[name="attr_spellbuildername3"],
|
|
input[name="attr_spellbuildername4"],
|
|
input[name="attr_spellbuilderlvl1"],
|
|
input[name="attr_spellbuilderlvl2"],
|
|
input[name="attr_spellbuilderlvl3"],
|
|
input[name="attr_spellbuilderlvl4"], .sheet-sbcorespell {
|
|
background-color: #404040;
|
|
color: blue;
|
|
}
|
|
|
|
div.sheet-sbtitlerow input[type="text"] {
|
|
color: white;
|
|
}
|
|
|
|
|
|
input[name="attr_sbcorespell1"], input[name="attr_sbcorelvl1"],
|
|
input[name="attr_sbcorespell2"],
|
|
input[name="attr_sbcorelvl2"],
|
|
input[name="attr_sbcorespell3"],
|
|
input[name="attr_sbcorelvl3"],
|
|
input[name="attr_sbcorespell4"],
|
|
input[name="attr_sbcorelvl4"], .sheet-sbcorespell, input[name="attr_sbmodifiers1"], input[name="attr_sbmodifierslvl1"],
|
|
input[name="attr_sbmodifiers2"],
|
|
input[name="attr_sbmodifierslvl2"],
|
|
input[name="attr_sbmodifiers3"],
|
|
input[name="attr_sbmodifierslvl3"],
|
|
input[name="attr_sbmodifiers4"],
|
|
input[name="attr_sbmodifierslvl4"] {
|
|
background-color: #dbdbdb;
|
|
color: black;
|
|
}
|
|
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifierleft"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifiertext1"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifier1"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifiertext2"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifier2"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifiertext3"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifier3"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifiertext4"],
|
|
div.sheet-sbmodifiersfill input[name="attr_sbmodifier4"] {
|
|
background-color: #dbdbdb;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
.sheet-sbdamage, .sheet-sbspelltype, .sheet-sbmodifiers {
|
|
background-color: gray;
|
|
}
|
|
|
|
.sheet-sbarea, .sheet-sbduration, .sheet-sbrange {
|
|
color: black;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-sbdamage, .sheet-sbspelltype, .sheet-sbmodifiers {
|
|
color: black;
|
|
background-color: #dbdbdb;
|
|
}
|
|
|
|
.sheet-sbnameandlevel {
|
|
color: white;
|
|
background-color: black;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*roll buttons*/
|
|
|
|
button[type=roll].sheet-derivedattributerollbutton::before {
|
|
content: '';
|
|
}
|
|
|
|
button[type=roll].sheet-attributerollbutton::before {
|
|
content: '';
|
|
}
|