Vince
8f7dde0f15
- this pr includes Cowtankerous pr fix for exceptional CHA and CON https://github.com/Roll20/roll20-character-sheets/pull/3182 - fixed some issues with the last update - hit table attributes were converted to THAC0, but not all users desired that. Sheet now includes the ability to enter to hit ac values based off of DMG as well as THAC0. - newly added non-weapon prof repeating section had issues where the name attribute was not being set. same problem with repeating ability section. - adjusted widths of the exceptional ability attributes so the sheet windows would not have to be stretched to accomodate the additional width. - fixed alignment/layout of non-weapon prof section - sheet-wide typos/syntax fixes
342 lines
11 KiB
CSS
342 lines
11 KiB
CSS
/* background toggle*/
|
|
.sheet-wrapper {margin:5px; padding:0}
|
|
.sheet-useBackground input[value="1"]:checked ~ .sheet-background { background-image:none; background-color:white;}
|
|
.sheet-useBackground input[value="2"]:checked ~ .sheet-background { background-image:url("http://i.imgur.com/izwlEug.jpg"); background-size: cover; background-position: center top;}
|
|
|
|
.sheet-table {display:table; width:100%;}
|
|
.sheet-table-row {display: table-row; width:100%;}
|
|
.sheet-data {display:table-cell; vertical-align:bottom;}
|
|
.sheet-left {text-align:left;}
|
|
.sheet-right {text-align:right;}
|
|
.sheet-center {text-align:center;}
|
|
.sheet-border {border:1px solid gray; border-radius:10px; border-collapse:separate; margin: 2px 0 2px 0; padding: 2px;}
|
|
|
|
table, tr {width:100%;}
|
|
table, tr, td {font-size:12px; font-weight:bold;}
|
|
|
|
input {border:1px transparent; border-bottom:1px solid; background-color:transparent; text-align:center; font-family:cursive; font-size:1.1em; color:#262626;}
|
|
.sheet-input-small {width:3.5em; height:1.85em;}
|
|
.sheet-input-medium {width:80%; height:1.85em;}
|
|
.sheet-input-large {width:100%; height:1.85em;}
|
|
input[disabled], select[disabled], textarea[disabled], input[readonly] {cursor:not-allowed; background-color:rgba(245, 245, 245, 0.85);}
|
|
|
|
select {background-color:transparent;}
|
|
|
|
button[type=roll].sheet-button {font-size:1em; line-height:1.5em; white-space:nowrap;}
|
|
|
|
.sheet-header {display:inline-block; font-size:16px; font-weight:bold; margin:0 -5px 0 0;}
|
|
|
|
hr {border-top: 1px solid #8c8b8b; margin:5px;}
|
|
.sheet-text-small {font-size:10px;}
|
|
.sheet-text-large {font-size:14px; font-weight:bold;}
|
|
|
|
div.sheet-table-row textarea {width:94%; resize:vertical; margin:0 10px 5px 20px; height:60px; background-color:transparent;}
|
|
|
|
/*hide and seek magic*/
|
|
.sheet-sect-show:not(:checked)~.sheet-sect {display: none;}
|
|
input[type="checkbox"] + span:not(.sheet-not-sheet-show)::before {display: inline-block; content:'►'; width:14px; height:16px; font-size:.85em; vertical-align:text-bottom; margin-bottom:1px;}
|
|
input[type="checkbox"]:checked + span:not(.sheet-not-sheet-show)::before {content:'▼';}
|
|
|
|
/*rep-items counter*/
|
|
.sheet-repeating-fields {counter-reset: sheet-rep-items -1;}
|
|
input[type="checkbox"].sheet-counted + span:not(.sheet-not-sheet-show)::before {counter-increment: sheet-rep-items; content: counter(sheet-rep-items) '. '; width:auto;}
|
|
input[type="checkbox"].sheet-counted:checked + span:not(.sheet-not-sheet-show)::before {counter-increment: sheet-rep-items; content: counter(sheet-rep-items) '. '; width:auto;}
|
|
|
|
.sheet-personal_attributes,.sheet-abilities,.sheet-saves,.sheet-weapons,.sheet-to_hit_AC,.sheet-thief_skills,
|
|
.sheet-wealth,.sheet-equipment,.sheet-special_abilities,.sheet-spells,.sheet-notes {margin-top:0;}
|
|
|
|
/*to-hit AC*/
|
|
.sheet-box {border: 1px solid #000; height:30px; width:50px; font-size:14px;}
|
|
tr.sheet-to-hit td:nth-child(odd){background-color:rgba(148, 148, 148, 0.5); color:#ffffff;}
|
|
tr.sheet-to-hit td:nth-child(even){background-color:rgba(236, 236, 236, 0.85);}
|
|
.sheet-to-hit-input input {width:108%; height:24px; text-align:center;}
|
|
|
|
div.sheet-footer span.sheet-data input[type="text"] {width:21em; height:1.5em; border:none; background-color:transparent; margin-top:-2px;}
|
|
|
|
/*repeating sections*/
|
|
span.sheet-data.sheet-center input {width:5.5em; height:2em;}
|
|
span.sheet-data.sheet-center {padding:0 4px 0 4px;}
|
|
textarea.sheet-weapons {width:22em; resize:vertical; height:1.3em; overflow:hidden; white-space:nowrap; background-color:transparent; margin:0;}
|
|
textarea.sheet-macro-text {width:5.5em; resize:vertical; height:1.3em; overflow:hidden; white-space:pre-line; background-color:transparent; margin:0;}
|
|
|
|
/*Roll Templates*/
|
|
/*Attacks*/
|
|
.sheet-rolltemplate-attacks table {
|
|
width:100%;
|
|
background-color:white;
|
|
border:2px solid #000;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 2px 2px 5px #000;
|
|
-webkit-box-shadow: 2px 2px 5px #000;
|
|
box-shadow:2px 2px 5px #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks th {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-subheader {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:0.9em;
|
|
text-align: center;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks td {
|
|
padding:2px;
|
|
line-height:1em;
|
|
vertical-align:top;
|
|
text-align:right;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-text {
|
|
padding:2px;
|
|
line-height:1em;
|
|
vertical-align:top;
|
|
text-align:left;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .sheet-ToHit {
|
|
font-family: monospace;
|
|
font-size: 12px;
|
|
line-height: .80em !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks td.sheet-ToHit .inlinerollresult {
|
|
border: none;
|
|
padding: 2px 0 0 0;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks tr:nth-child(odd) {
|
|
background-color:#E6E6E6;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks tr:nth-child(even) {
|
|
background-color:#A3A3A3;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1em;
|
|
min-height: 1em;
|
|
text-align: right;
|
|
border: 1px solid #000;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult.fullcrit {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
/*General*/
|
|
.sheet-rolltemplate-general table {
|
|
width:100%;
|
|
background-color:white;
|
|
border:2px solid #000;
|
|
border-spacing: 0;
|
|
border-collapse: separate;
|
|
border-radius: 5px;
|
|
-moz-box-shadow: 2px 2px 5px #000;
|
|
-webkit-box-shadow: 2px 2px 5px #000;
|
|
box-shadow:2px 2px 5px #000;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-rolltemplate-general th {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
text-align: center;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .sheet-subheader {
|
|
background-color:#000;
|
|
color:white;
|
|
font-family:"Helvetica Neue",Helvetica,sans-serif;
|
|
font-size:0.9em;
|
|
text-align: center;
|
|
padding-bottom: 5px;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-white th,
|
|
.sheet-rolltemplate-attacks.sheet-color-white .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-white th,
|
|
.sheet-rolltemplate-general.sheet-color-white .sheet-subheader {
|
|
background-color:#ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-grey th,
|
|
.sheet-rolltemplate-attacks.sheet-color-grey .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-grey th,
|
|
.sheet-rolltemplate-general.sheet-color-grey .sheet-subheader {
|
|
background-color:#A3A3A3;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-darkgrey th,
|
|
.sheet-rolltemplate-attacks.sheet-color-darkgrey .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-darkgrey th,
|
|
.sheet-rolltemplate-general.sheet-color-darkgrey .sheet-subheader {
|
|
background-color:#525252;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-red th,
|
|
.sheet-rolltemplate-attacks.sheet-color-red .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-red th,
|
|
.sheet-rolltemplate-general.sheet-color-red .sheet-subheader {
|
|
background-color:#D60010;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-darkred th,
|
|
.sheet-rolltemplate-attacks.sheet-color-darkred .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-darkred th,
|
|
.sheet-rolltemplate-general.sheet-color-darkred .sheet-subheader {
|
|
background-color:#85000A;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-orange th,
|
|
.sheet-rolltemplate-attacks.sheet-color-orange .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-orange th,
|
|
.sheet-rolltemplate-general.sheet-color-orange .sheet-subheader {
|
|
background-color:#DC6B00;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-darkorange th,
|
|
.sheet-rolltemplate-attacks.sheet-color-darkorange .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-darkorange th,
|
|
.sheet-rolltemplate-general.sheet-color-darkorange .sheet-subheader {
|
|
background-color:#7F3E00;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-yellow th,
|
|
.sheet-rolltemplate-attacks.sheet-color-yellow .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-yellow th,
|
|
.sheet-rolltemplate-general.sheet-color-yellow .sheet-subheader {
|
|
background-color:#FCED24;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-darkyellow th,
|
|
.sheet-rolltemplate-attacks.sheet-color-darkyellow .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-darkyellow th,
|
|
.sheet-rolltemplate-general.sheet-color-darkyellow .sheet-subheader {
|
|
background-color:#dbcb00;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-green th,
|
|
.sheet-rolltemplate-attacks.sheet-color-green .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-green th,
|
|
.sheet-rolltemplate-general.sheet-color-green .sheet-subheader {
|
|
background-color:#11B400;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-darkgreen th,
|
|
.sheet-rolltemplate-attacks.sheet-color-darkgreen .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-darkgreen th,
|
|
.sheet-rolltemplate-general.sheet-color-darkgreen .sheet-subheader {
|
|
background-color:#0B7000;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-blue th,
|
|
.sheet-rolltemplate-attacks.sheet-color-blue .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-blue th,
|
|
.sheet-rolltemplate-general.sheet-color-blue .sheet-subheader {
|
|
background-color:#325eff;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-darkblue th,
|
|
.sheet-rolltemplate-attacks.sheet-color-darkblue .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-darkblue th,
|
|
.sheet-rolltemplate-general.sheet-color-darkblue .sheet-subheader {
|
|
background-color:#001896;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-purple th,
|
|
.sheet-rolltemplate-attacks.sheet-color-purple .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-purple th,
|
|
.sheet-rolltemplate-general.sheet-color-purple .sheet-subheader {
|
|
background-color:#740091;
|
|
}
|
|
|
|
.sheet-rolltemplate-attacks.sheet-color-darkpurple th,
|
|
.sheet-rolltemplate-attacks.sheet-color-darkpurple .sheet-subheader,
|
|
.sheet-rolltemplate-general.sheet-color-darkpurple th,
|
|
.sheet-rolltemplate-general.sheet-color-darkpurple .sheet-subheader {
|
|
background-color:#430054;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-general .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-general td {
|
|
padding:2px;
|
|
line-height:1em;
|
|
vertical-align:top;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-general tr:nth-child(odd) {
|
|
background-color:#E6E6E6;
|
|
}
|
|
|
|
.sheet-rolltemplate-general tr:nth-child(even) {
|
|
background-color:#A3A3A3;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1em;
|
|
min-height: 1em;
|
|
text-align: right;
|
|
border: 1px solid #000;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult.fullcrit {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .sheet-savethrow .inlinerollresult.importantroll {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-general .sheet-savethrow {
|
|
vertical-align:inherit;
|
|
font-weight:bold;
|
|
} |