mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
407 lines
8.2 KiB
CSS
407 lines
8.2 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
|
|
.charsheet {
|
|
box-sizing: border-box;
|
|
text-transform: uppercase;
|
|
font-family: "Bangers";
|
|
letter-spacing: 0.05em;
|
|
}
|
|
*, *:before, *:after {
|
|
box-sizing: inherit;
|
|
}
|
|
.charsheet input {
|
|
width: 100%;
|
|
border: none;
|
|
text-align: center;
|
|
color: black;
|
|
background-color: white;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
.charsheet input.sheet-atts {
|
|
background-color: white;
|
|
text-align: center;
|
|
width: 100%;
|
|
border: 2px solid;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet summary{
|
|
display: list-item;
|
|
}
|
|
.charsheet textarea {
|
|
border: none;
|
|
width:95%;
|
|
font-size: .75em;
|
|
}
|
|
.charsheet details summary{
|
|
cursor: pointer;
|
|
}
|
|
.charsheet textarea{
|
|
height:auto;
|
|
}
|
|
|
|
/*--------Tables--------*/
|
|
.charsheet table,
|
|
.charsheet tr,
|
|
.charsheet th,
|
|
.charsheet td {
|
|
border: 1px solid #a1a1a1;
|
|
text-align: center;
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
.charsheet td.sheet-gray {
|
|
background-color: #dadada;
|
|
}
|
|
|
|
.charsheet td.sheet-green {
|
|
background-color: #00ff4c;
|
|
}
|
|
|
|
.charsheet td.sheet-yellow {
|
|
background-color: #ffff4e;
|
|
}
|
|
|
|
.charsheet td.sheet-orange {
|
|
background-color: #ff942e;
|
|
}
|
|
|
|
.charsheet td.sheet-red {
|
|
background-color: #ff000d;
|
|
}
|
|
|
|
.charsheet td.sheet-violet {
|
|
background-color: #ff00f8;
|
|
}
|
|
|
|
.charsheet td.sheet-purple {
|
|
background-color: #d499fa;
|
|
}
|
|
|
|
.charsheet td.sheet-lightblue {
|
|
background-color: #00d0fc;
|
|
}
|
|
|
|
.charsheet td.sheet-blue {
|
|
background-color: #006bf8;
|
|
}
|
|
.charsheet button{
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
.charsheet .repcontrol_add,
|
|
.charsheet .repcontrol_edit,
|
|
.charsheet .repcontrol_del {
|
|
display: block;
|
|
background: #1b608e;
|
|
color: white;
|
|
/*text-shadow:0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;*/
|
|
box-shadow:none;
|
|
/*float:left!important;*/
|
|
/*margin-bottom:0px;*/
|
|
font-size:0.75em;
|
|
/*height:1.5em;*/
|
|
border-radius: 0;
|
|
}
|
|
.charsheet div.sheet-attTitle {
|
|
display: inline-block;
|
|
width: 60%;
|
|
font-size: 2em;
|
|
color: black;
|
|
font-family: "Bangers";
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
}
|
|
.charsheet div.sheet-attTitle button {
|
|
width:100%;
|
|
transform: translate(-10px);
|
|
box-shadow: 3px 3px #888888;
|
|
letter-spacing: .1em;
|
|
}
|
|
.charsheet div.sheet-attInput {
|
|
display: inline-block;
|
|
width: 20%;
|
|
font-size: 2em;
|
|
color: black;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.charsheet .sheet-standardBox {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
box-shadow: 5px 5px #888888;
|
|
border: 1px solid #1b608e;
|
|
text-align: left;
|
|
}
|
|
.charsheet .sheet-weaponCell {
|
|
display: inline-block;
|
|
color: black;
|
|
margin: 0px;
|
|
padding: 3px;
|
|
padding-right: 0px;
|
|
vertical-align: text-top;
|
|
}
|
|
.repcontainer[data-groupname=repeating_weapons] .repitem:nth-child(odd) {
|
|
background-color: #bcecfa;
|
|
}
|
|
.repcontainer[data-groupname=repeating_weapons] .repitem:nth-child(even) {
|
|
background-color: white;
|
|
}
|
|
|
|
/*------Secondary stats boxes-------*/
|
|
.smallinputs input[type=number]::-webkit-inner-spin-button,
|
|
.smallinputs input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.sheet-standardBox label{
|
|
display: inline;
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .btn{
|
|
text-shadow: none;
|
|
}
|
|
.ui-dialog .secondaries{
|
|
text-align: end;
|
|
}
|
|
.ui-dialog .secondaries > *:first-child{
|
|
float:left;
|
|
}
|
|
.ui-dialog .secondaries > span:first-child{
|
|
padding-top: 4px;
|
|
}
|
|
.ui-dialog .smallinputs input[type=number]{
|
|
width: 1.5em;
|
|
}
|
|
|
|
/*-----Powers and Attacks----*/
|
|
.blue-box{
|
|
background-color: #42a0ff;
|
|
}
|
|
.blue-box > *:first-child{
|
|
color: #ffff4e;
|
|
}
|
|
.blue-box summary{
|
|
color: gray;
|
|
}
|
|
|
|
/*----Action roll templates----*/
|
|
.sheet-rolltemplate-stats .sheet-comic,
|
|
.sheet-rolltemplate-zero .sheet-comic{
|
|
font-family: "Bangers";
|
|
letter-spacing: .05em;
|
|
}
|
|
.sheet-rolltemplate-explode h4.sheet-dicefont .inlinerollresult,
|
|
.sheet-rolltemplate-stats h4.sheet-dicefont .inlinerollresult,
|
|
.sheet-rolltemplate-zero h4.sheet-dicefont .inlinerollresult{
|
|
font-family: dicefontd6;
|
|
font-size: 3em;
|
|
}
|
|
.sheet-rolltemplate-explode .inlinerollresult,
|
|
.sheet-rolltemplate-stats .inlinerollresult,
|
|
.sheet-rolltemplate-zero .inlinerollresult{
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
/* Stat Roll Template */
|
|
|
|
.sheet-rolltemplate-stat h2.sheet-caption {
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
border-radius: 15px;
|
|
font-size: 1.125em;
|
|
font-weight: bold;
|
|
margin: 5px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat h3.sheet-caption {
|
|
text-align: center;
|
|
color: black;
|
|
background-color: black;
|
|
border-radius: 15px;
|
|
font-size: 1.125em;
|
|
font-weight: bold;
|
|
margin: 5px;
|
|
border: 1px solid #a8393f;
|
|
background-color: #f7dadb;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat h4 {
|
|
text-align: center;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat div.sheet-result {
|
|
display: block;
|
|
padding: 5px;
|
|
border-radius: 15px;
|
|
border: solid 1px black;
|
|
text-align: center;
|
|
margin-bottom: 5px;
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-dieRoll1,
|
|
.sheet-rolltemplate-stat .sheet-dieRoll2,
|
|
.sheet-rolltemplate-stat .sheet-dieRoll3,
|
|
.sheet-rolltemplate-stat .sheet-dieRoll4 {
|
|
display: inline-block;
|
|
width: 25%;
|
|
padding: 5px;
|
|
text-align: center;
|
|
font-family: "dicefontd6";
|
|
font-size: 3em;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-dieRoll1,
|
|
.sheet-rolltemplate-stat .sheet-dieRoll3 {
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-dieRoll2,
|
|
.sheet-rolltemplate-stat .sheet-dieRoll4 {
|
|
border-left: 1px solid black;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-trueRoll {
|
|
color: transparent;
|
|
background-color: transparent;
|
|
margin-left: -30px;
|
|
margin-top: -10px;
|
|
z-index: 9999;
|
|
font-size: .75em;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-bonusroll,
|
|
.sheet-rolltemplate-stat .sheet-multiplier,
|
|
.sheet-rolltemplate-stat .sheet-resultBP {
|
|
border-top: 1px solid #1b608e;
|
|
/*border-bottom: 1px solid #1b608e; */
|
|
/*margin-top: -5px; */
|
|
padding-bottom: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat p.sheet-bonus {
|
|
font-family: "dicefontd6";
|
|
font-size: 3em;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat p.sheet-bonusdisclaimer {
|
|
background-color: #1b608e;
|
|
color: white;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-BonusPenalty,
|
|
.sheet-rolltemplate-stat .sheet-BPTot {
|
|
display: inline-block;
|
|
width: 45%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-BonusPenalty {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-BPTot {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-trueRoll .inlinerollresult {
|
|
background-color: transparent;
|
|
color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-trueRoll .inlinerollresult.fullcrit {
|
|
color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-trueRoll .inlinerollresult.fullfail {
|
|
color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-trueRoll .inlinerollresult.importantroll {
|
|
color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/*-----Roll-type buttons--------*/
|
|
.charsheet button[type=roll] {
|
|
background-color: #1b608e;
|
|
color: white;
|
|
background-image: none;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-textButton {
|
|
background-color: transparent;
|
|
color: black;
|
|
border: none;
|
|
font-size: .5em;
|
|
font-weight: normal;
|
|
text-align: right;
|
|
/*line-height: .5em;*/
|
|
background-image: none;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-top: -5px;
|
|
/*width: 70%;*/
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-textButton::before,
|
|
.charsheet button[type=roll].sheet-powerButton::before {
|
|
content: "" !important;
|
|
}
|
|
|
|
.sheet-standardBox button[type=roll].sheet-textButton:hover,
|
|
button[type=roll]:hover * {
|
|
color: #1b608e;
|
|
}
|
|
|
|
.sheet-attTitle button[type=roll].sheet-textButton:hover,
|
|
.sheet-skillButton button[type=roll].sheet-textButton:hover,
|
|
button[type=roll]:hover * {
|
|
color: #a8393f;
|
|
}
|
|
|
|
|
|
button[type=roll].sheet-textButton * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-powerButton {
|
|
font-size: 2.5em;
|
|
background-color: transparent;
|
|
font-weight: normal;
|
|
color: #ffff4e;
|
|
background-image: none;
|
|
padding: 0px;
|
|
padding-top: 5px;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-standardBox button[type=roll].sheet-powerButton:hover,
|
|
button[type=roll]:hover * {
|
|
color: #FFCC00;
|
|
}
|
|
|
|
|