mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 12:12:30 +00:00
Tealk
754fea4e35
* (NoReturn) some improvements add meditation, edit modifier fix konstitution macro, fix rangeweapon macro Merge branch 'master' into master spelling corrected fix melee dmg macro add characteristic points change characteristic points to text insert weight calculation added different fire modes * fix burst damage description changed to avoid confusion * fixes fix reaction fix psi add throwing weapons fix fully automatic firing * possibility for gm roll added possibility for gm roll added
389 lines
8.6 KiB
CSS
389 lines
8.6 KiB
CSS
/* CSS Reset */
|
|
.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper label,
|
|
.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
|
|
.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
|
|
margin: 0;
|
|
padding: 0;
|
|
font: inherit;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper {
|
|
width: 900px;
|
|
}
|
|
|
|
/* Button Roll */
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:before,
|
|
.charsheet .sheet-wrapper .sheet-abillity button[type="roll"]:before,
|
|
.charsheet .sheet-wrapper .sheet-inv button[type="roll"]:before {
|
|
content: "";
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper button[type="roll"],
|
|
.charsheet .sheet-wrapper .sheet-btn {
|
|
width: 100%;
|
|
height:24px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border-radius: unset;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper button[type="roll"]:hover,
|
|
.charsheet .sheet-wrapper .sheet-btn:hover,
|
|
.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
|
|
background-color: #DAA520;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover {
|
|
background-color: #DAA520;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper button[type="roll"] label,
|
|
.charsheet .sheet-wrapper button[type="roll"] input {
|
|
line-height: 24px;
|
|
font-size: 13px;
|
|
text-align:center;
|
|
font-weight:700;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper h3 {
|
|
color: black;
|
|
font-size:18px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
text-align:center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input,
|
|
.charsheet .sheet-wrapper select,
|
|
.charsheet .sheet-wrapper input[type="number"] {
|
|
height: 24px;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
border: none;
|
|
border-bottom: 1px dotted gray;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input[type="number"] {
|
|
text-align: center;
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: textfield;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input[type="number"]::-webkit-outer-spin-button,
|
|
.charsheet .sheet-wrapper input[type="number"]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper input[disabled],
|
|
.charsheet .sheet-wrapper select[disabled],
|
|
.charsheet .sheet-wrapper textarea[disabled],
|
|
.charsheet .sheet-wrapper input[readonly],
|
|
.charsheet .sheet-wrapper select[readonly],
|
|
.charsheet .sheet-wrapper textarea[readonly] {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-3colrow .sheet-col {
|
|
width: calc(40% - 9px) ;
|
|
margin-right: 5px ;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:nth-child(2) {
|
|
width: calc(20% - 9px) ;
|
|
margin-right:5px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:last-child {
|
|
margin-right: 0 ;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-2colrow .sheet-col {
|
|
width: calc(50% - 3px) ;
|
|
margin-right: 2px ;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-2colrow .sheet-col:last-child {
|
|
margin-right: 0 ;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-1colrow .sheet-col {
|
|
width: calc(100% - 3px) ;
|
|
margin-right: 0 ;
|
|
}
|
|
|
|
.charsheet .sheet-table{
|
|
display: table;
|
|
width: 360px;
|
|
}
|
|
|
|
.charsheet .sheet-tableBody {
|
|
display: table-row-group;
|
|
}
|
|
|
|
.charsheet .sheet-tableRow {
|
|
display: table-row;
|
|
}
|
|
|
|
.charsheet .sheet-tableHeadSkill,
|
|
.charsheet .sheet-tableHeadAtt,
|
|
.charsheet .sheet-tableHeadValue,
|
|
.charsheet .sheet-tableHeadRoll,
|
|
.charsheet .sheet-tableCellSkill,
|
|
.charsheet .sheet-tableCellAtt,
|
|
.charsheet .sheet-tableCellValue,
|
|
.charsheet .sheet-tableCellRoll {
|
|
border: 1px solid #999999;
|
|
display: table-cell;
|
|
padding: 3px 10px;
|
|
}
|
|
|
|
.charsheet .sheet-tableHeadSkill,
|
|
.charsheet .sheet-tableHeadAtt,
|
|
.charsheet .sheet-tableHeadValue,
|
|
.charsheet .sheet-tableHeadRoll {
|
|
background-color: #EEE;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet .sheet-tableHeadSkill,
|
|
.charsheet .sheet-tableHeadAtt,
|
|
.charsheet .sheet-tableHeadValue,
|
|
.charsheet .sheet-tableHeadRoll,
|
|
.charsheet .sheet-tableCellAtt {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-tableCellSkill {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.charsheet .sheet-tableHeadSkill,
|
|
.charsheet .sheet-tableCellSkill {
|
|
width: 200px;
|
|
}
|
|
|
|
.charsheet .sheet-tableHeadAtt,
|
|
.charsheet .sheet-tableCellAtt {
|
|
width: 30px;
|
|
}
|
|
|
|
.charsheet .sheet-tableHeadValue,
|
|
.charsheet .sheet-tableCellValue {
|
|
width: 50px;
|
|
}
|
|
|
|
.charsheet .sheet-tableHeadRoll,
|
|
.charsheet .sheet-tableCellRoll {
|
|
width: 30px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-rolllable {
|
|
text-align: left;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-rolllable::before {
|
|
content: "";
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-skills button[type="roll"] {
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-skills input {
|
|
border: none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-skills select {
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: textfield;
|
|
font-size: 11px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-quickborder {
|
|
border-bottom: 1px dashed gray;
|
|
padding:3px;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item {
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 28px;
|
|
margin: 0 -2px;
|
|
padding: 0 2px 0 0;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-health {
|
|
width: 413px;
|
|
height: auto;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-healthblock {
|
|
text-align: center;
|
|
margin: auto auto 5px auto;
|
|
width: 24%;
|
|
display: inline-block;
|
|
border: 1px solid #AAAAAA;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-healthblock label {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-healthblock input {
|
|
text-align: center;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-center {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-lable {
|
|
width: auto;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-labletexts {
|
|
width: 70px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-labletexts input {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-labletextb {
|
|
width: 180px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-labletextb input {
|
|
text-align: left;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-labletextd {
|
|
width: 120px;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-labletextd input {
|
|
width: 49%;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-puny {
|
|
width: calc(10% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-little {
|
|
width: calc(12% - 0.5%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-tiny {
|
|
width: calc(15% - 2%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-small {
|
|
width: calc(20% - 0.5%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-med {
|
|
width: calc(30% - 0.5%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-bigger {
|
|
width: calc(70% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-huge {
|
|
width: calc(80% - 3%);
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-item.sheet-fit {
|
|
width: fit-content;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] label,
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] input {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] {
|
|
border: none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics input {
|
|
display:block;
|
|
border:1px solid gray;
|
|
width:70%;
|
|
height:65px;
|
|
margin:auto;
|
|
text-align:center;
|
|
font-weight:bolder;
|
|
font-size:3em;
|
|
}
|
|
|
|
|
|
.charsheet .sheet-wrapper .sheet-input_makro {
|
|
float: right;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-show_makro,
|
|
.charsheet .sheet-wrapper .sheet-characteristics .sheet-show_makro {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-input_label{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sheet-show_makro:checked ~ .sheet-Makro,
|
|
.sheet-show_makro:checked ~ div div .sheet-Makro,
|
|
.sheet-show_makro[name=attr_show_makro_psi]:checked ~ div div div .sheet-Makro_psi,
|
|
.sheet-show_makro[name=attr_show_makro_mw]:checked ~ div div div .sheet-Makro_mw,
|
|
.sheet-show_makro[name=attr_show_makro_rw]:checked ~ div div div .sheet-Makro_rw {
|
|
display:none;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper textarea {
|
|
height: 25px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics .sheet-Makro {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-characteristics .sheet-Makro textarea {
|
|
width: 68%;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-one.sheet-Makro textarea {
|
|
width: 99%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.charsheet .sheet-wrapper .sheet-twice.sheet-Makro textarea {
|
|
width: 49%;
|
|
display: inline-block;
|
|
}
|