mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
337 lines
11 KiB
CSS
337 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: 10px;
|
|
line-height: .80em !important;
|
|
}
|
|
|
|
.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;
|
|
}
|