mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 04:02:29 +00:00
finderski
1a4c424fd3
The initial development/deployment of the BASH: Ultimate Edition Character Sheet.
392 lines
7.7 KiB
CSS
392 lines
7.7 KiB
CSS
.charsheet {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.charsheet input {
|
|
width: 100%;
|
|
border: none;
|
|
text-align: center;
|
|
color: black;
|
|
background-color: white;
|
|
}
|
|
.charsheet input.sheet-atts {
|
|
background-color: white;
|
|
text-align: center;
|
|
width: 100%;
|
|
border: 1px solid #1b608e;
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
height: 50px;
|
|
border: none;
|
|
width:95%;
|
|
font-size: .75em;
|
|
}
|
|
|
|
.charsheet table,
|
|
.charsheet tr,
|
|
.charsheet th,
|
|
.charsheet td {
|
|
border: 1px solid #a1a1a1;
|
|
font-family: "Patrick Hand";
|
|
text-align: center;
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
.charsheet th {
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.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[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-family: "Patrick Hand";
|
|
font-weight: normal;
|
|
text-align: right;
|
|
/*line-height: .5em;*/
|
|
background-image: none;
|
|
text-shadow: 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-family: "Patrick Hand";
|
|
font-size: 2.5em;
|
|
background-color: transparent;
|
|
font-weight: normal;
|
|
color: #ffff4e;
|
|
text-shadow: 1px 1px black;
|
|
background-image: none;
|
|
padding: 0px;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-standardBox button[type=roll].sheet-powerButton:hover,
|
|
button[type=roll]:hover * {
|
|
color: #FFCC00;
|
|
}
|
|
|
|
.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-family: "Patrick Hand";
|
|
font-size:0.6em;
|
|
/*height:1.5em;*/
|
|
}
|
|
|
|
.charsheet div.sheet-attTitle {
|
|
display: inline-block;
|
|
width: 60%;
|
|
font-size: 2em;
|
|
color: black;
|
|
font-family: "Patrick Hand";
|
|
text-align: right;
|
|
margin-right: 10px;
|
|
/*text-transform: uppercase;*/
|
|
}
|
|
|
|
.charsheet div.sheet-attInput {
|
|
display: inline-block;
|
|
width: 20%;
|
|
font-size: 2em;
|
|
color: black;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet div.sheet-skillButton {
|
|
display: inline-block;
|
|
width: 100%;
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
color: black;
|
|
font-family: "Patrick Hand";
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-standardBox {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
box-shadow: 5px 5px 5px #888888;
|
|
border: 1px solid #1b608e;
|
|
font-family: "Patrick Hand";
|
|
text-align: left;
|
|
}
|
|
|
|
.charsheet .sheet-colHeader {
|
|
display: inline-block;
|
|
border: 1px solid #1b608e;
|
|
background-color: #8cc3fb;
|
|
color: #ffff4e;
|
|
text-shadow: 2px 2px black;
|
|
text-align: center;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
padding: 5px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/*----------- Tool Tips -----------*/
|
|
|
|
.sheet-tooltip {
|
|
outline: none;
|
|
cursor: help;
|
|
font-family: "Pictos";
|
|
font-size: .75em;
|
|
}
|
|
|
|
.sheet-tooltip p,li,strong { /*line-height: 30px;*/ font-family: sans-serif; }
|
|
.sheet-tooltip:hover span {
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
.sheet-tooltip:hover { text-decoration: none; }
|
|
.sheet-tooltip span {
|
|
display: none;
|
|
border-radius: 4px;
|
|
box-shadow: 5px 5px 8px #ccc;
|
|
z-index: 10;
|
|
padding: 14px 20px;
|
|
margin-top: -30px;
|
|
margin-left: 28px;
|
|
width: 100px;
|
|
line-height: 16px;
|
|
color: #111;
|
|
border: 1px solid #dca;
|
|
background: #fffaf0;
|
|
}
|
|
|
|
/*----------- Roll Template ------------------------*/
|
|
|
|
/* 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;
|
|
font-family: "Patrick Hand";
|
|
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;
|
|
} |