mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 04:32:28 +00:00
yehoshua1312
0a51e4226f
This is a character sheet for Fate of the Norns. The images are not currently referenced by this sheet, but as soon as they are on the roll20 github I will update the sheet to use the image files local to roll20.
643 lines
15 KiB
CSS
643 lines
15 KiB
CSS
.sheet-container {
|
|
position: relative;
|
|
}
|
|
|
|
/*====Tabs===*/
|
|
|
|
.sheet-hidden,
|
|
.sheet-character,
|
|
.sheet-current,
|
|
.sheet-lifepath {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character {
|
|
display: grid;
|
|
width: 800px;
|
|
height: 1023px;
|
|
grid-gap: 0px;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 1fr 2fr 3fr 2fr 1.55fr;
|
|
grid-template-areas:"bio stats"
|
|
"skills passives"
|
|
"actives actives"
|
|
"equipment equipment"
|
|
"notes notes";
|
|
}
|
|
|
|
.sheet-tabstoggle[value="current"] ~ div.sheet-current {
|
|
display: grid;
|
|
width: 680px;
|
|
height: 900px;
|
|
grid-gap: 0px;
|
|
grid-template-columns: 5fr 3fr;
|
|
grid-template-rows: 15.1% 12.1% 9.7% 9.1% 9.3% 11% 9.9% 10.3% 13.4%;
|
|
grid-template-areas:"derived blind"
|
|
"derived degen-curse"
|
|
"derived taunt"
|
|
"derived impeded"
|
|
"derived shroud"
|
|
"derived possession"
|
|
"derived rage"
|
|
"derived vulnerable"
|
|
"derived aura";
|
|
}
|
|
|
|
/*.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="conditions"] ~ div.sheet-conditions,
|
|
.sheet-tabstoggle[value="lifepath"] ~ div.sheet-lifepath {
|
|
display: block;
|
|
}*/
|
|
|
|
/*----------------- GENERAL CSS ------------------*/
|
|
input {
|
|
display: inline-block;
|
|
width: 160px;
|
|
}
|
|
|
|
input[type="number"] {
|
|
display: inline-block;
|
|
width: 500px;
|
|
}
|
|
|
|
textarea {
|
|
display: inline-block;
|
|
resize: vertical;
|
|
vertical-align: top;
|
|
height: 18px;
|
|
}
|
|
|
|
.sheet-section {
|
|
padding: 5px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.sheet-single-char {
|
|
width: 20px;
|
|
}
|
|
|
|
/*------------- Section-specific CSS -------------*/
|
|
/*-------------Character Page---------------------*/
|
|
.sheet-ability-box {
|
|
overflow: auto;
|
|
background-repeat: no-repeat;
|
|
border: 2px solid black;
|
|
}
|
|
|
|
.sheet-ability-box input, textarea {
|
|
background: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.sheet-bio {
|
|
grid-area: bio;
|
|
height: 130px;
|
|
background-color: olive;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/BK-bio.png");
|
|
background-size: 100%;
|
|
background-opacity: 0.5;
|
|
}
|
|
|
|
.sheet-bio label {
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-bio .sheet-voidrunebox {
|
|
position: absolute;
|
|
left: 45%;
|
|
top: 10%;
|
|
}
|
|
|
|
.sheet-stats {
|
|
grid-area: stats;
|
|
height: 130px;
|
|
background-color: orange;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/BK-stats.png");
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-character .sheet-type {
|
|
display: inline-block;
|
|
width: 125px;
|
|
}
|
|
|
|
.sheet-labeltext {
|
|
font-size: 1em;
|
|
text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
|
|
}
|
|
|
|
.sheet-stats label {
|
|
font-size: 1.2em;
|
|
width: 20%;
|
|
height: 61%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-stats .sheet-stat-container input {
|
|
width: 30px;
|
|
}
|
|
|
|
.sheet-stats .sheet-stat-container {
|
|
|
|
display: inline-block;
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-stats .sheet-destinybox {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-destiny.png?raw=true");
|
|
}
|
|
|
|
.sheet-stats .sheet-essencebox {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-essence.png?raw=true");
|
|
}
|
|
|
|
.sheet-stats .sheet-movebox {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/ICON-movement.png?raw=true");
|
|
}
|
|
|
|
.sheet-stats .sheet-sizebox {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-size.png?raw=true");
|
|
}
|
|
|
|
.sheet-skills .sheet-ability-wrapper {
|
|
width: 80%;
|
|
position: relative;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
background: transparent;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-skills {
|
|
grid-area: skills;
|
|
height: 223px;
|
|
background-color: brown;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/BK-skills.png");
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-skills .sheet-skillname {
|
|
display: inline-block;
|
|
width: 70%;
|
|
}
|
|
|
|
.sheet-skills .sheet-skillrank {
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-skills .sheet-textbox {
|
|
width: 85%;
|
|
}
|
|
|
|
.sheet-passives {
|
|
grid-area: passives;
|
|
height: 223px;
|
|
background-color: green;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/BK-passives.png");
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-passives .sheet-passivename {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-passives .sheet-textbox {
|
|
display: inline-block;
|
|
width: 85%;
|
|
}
|
|
|
|
.sheet-actives {
|
|
grid-area: actives;
|
|
height: 307px;
|
|
background-color: coral;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/BK-actives.png?raw=true");
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-actives .sheet-activename {
|
|
display: inline-block;
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-character .sheet-rune {
|
|
display: inline-block;
|
|
width: 10%;
|
|
}
|
|
|
|
.sheet-actives .sheet-pmeta {
|
|
display: inline-block;
|
|
width: 75px;
|
|
color: red;
|
|
}
|
|
|
|
.sheet-actives .sheet-mmeta {
|
|
display: inline-block;
|
|
width: 75px;
|
|
color: blue;
|
|
}
|
|
|
|
.sheet-actives .sheet-smeta {
|
|
display: inline-block;
|
|
width: 75px;
|
|
color: green;
|
|
}
|
|
|
|
.sheet-actives .sheet-activedesc {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-equipment {
|
|
grid-area: equipment;
|
|
background-color: grey;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/BK-equip.png?raw=true");
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-equipment .sheet-equipname {
|
|
display: inline-block;
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-equipment .sheet-textbox {
|
|
display: inline-block;
|
|
width: 60%;
|
|
}
|
|
|
|
.sheet-notes {
|
|
grid-area: notes;
|
|
background-color: teal;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/BK-notes.png?raw=true");
|
|
background-size: 100%;
|
|
width: 99.5%;
|
|
}
|
|
|
|
.sheet-notes .sheet-notebox {
|
|
resize: vertical;
|
|
width: 70%;
|
|
height: 100px;
|
|
}
|
|
|
|
.sheet-notes .sheet-labeltext {
|
|
width: 10%;
|
|
}
|
|
|
|
/*---------------------Repeating Sections----------------*/
|
|
.sheet-character .sheet-modlabel {
|
|
display: inline-block;
|
|
width: 50px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-character .sheet-desclabel {
|
|
display: inline-block;
|
|
width: 80%;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-character .sheet-checkbox, .sheet-character .sheet-toggle-show {
|
|
display: inline-block;
|
|
width: 10px;
|
|
}
|
|
|
|
.sheet-equip .repeating_equipment {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-equip .sheet-textbox {
|
|
display: inline-block;
|
|
width: 50%;
|
|
vertical-align: top;
|
|
height: 18px;
|
|
}
|
|
|
|
input.sheet-toggle-show:not(:checked) ~ div.sheet-showable {
|
|
display:none;
|
|
}
|
|
|
|
/*----------------------Current Page------------------*/
|
|
/*-----------------------Section-Conditions--------------------*/
|
|
.sheet-current .sheet-conditions {
|
|
grid-area: blind / blind / aura / aura;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/Conditions.png?raw=true");
|
|
background-size: 260px 900px;
|
|
background-repeat: no-repeat;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-current .sheet-blind {
|
|
grid-area: blind;
|
|
position: center;
|
|
}
|
|
|
|
.sheet-current .sheet-degen-curse {
|
|
grid-area: degen-curse;
|
|
}
|
|
|
|
.sheet-current .sheet-taunt {
|
|
grid-area: taunt;
|
|
resize: vertical;
|
|
}
|
|
|
|
.sheet-current .sheet-impeded {
|
|
grid-area: impeded;
|
|
}
|
|
|
|
.sheet-current .sheet-shroud {
|
|
grid-area: shroud;
|
|
}
|
|
|
|
.sheet-current .sheet-possession {
|
|
grid-area: possession;
|
|
}
|
|
|
|
.sheet-current .sheet-rage {
|
|
grid-area: rage;
|
|
}
|
|
|
|
.sheet-current .sheet-vulnerable {
|
|
grid-area: vulnerable;
|
|
}
|
|
|
|
.sheet-current .sheet-aura {
|
|
grid-area: aura;
|
|
}
|
|
|
|
.sheet-condition.sheet-grid-element input {
|
|
background: transparent;
|
|
width: 35px;
|
|
color: white;
|
|
border: none;
|
|
font-size: 2.5em;
|
|
display: inline-box;
|
|
}
|
|
|
|
.sheet-blind.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 50%;
|
|
}
|
|
|
|
.sheet-degen.sheet-numbox {
|
|
position: relative;
|
|
left: 40%;
|
|
top: 15%;
|
|
}
|
|
|
|
.sheet-curse.sheet-numbox {
|
|
position: relative;
|
|
left: 60%;
|
|
top: 15%;
|
|
}
|
|
|
|
.sheet-taunt.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 35%;
|
|
}
|
|
|
|
.sheet-impeded.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 5%;
|
|
}
|
|
|
|
.sheet-shroud.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 20%;
|
|
}
|
|
|
|
.sheet-possession.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 40%;
|
|
}
|
|
|
|
.sheet-rage.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 40%;
|
|
}
|
|
|
|
.sheet-vulnerable.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 30%;
|
|
}
|
|
|
|
.sheet-aura.sheet-numbox {
|
|
position: relative;
|
|
left: 75%;
|
|
top: 30%;
|
|
}
|
|
|
|
/*-----------------Section-Derived----------------*/
|
|
.sheet-current .sheet-derived {
|
|
grid-area: derived;
|
|
height: 100%;
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/L_Background_abv.png?raw=true");
|
|
background-size: 466px 900px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0px center;
|
|
display: grid;
|
|
grid-gap: 0px;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr;
|
|
grid-template-areas:"PDF pierce focus"
|
|
"heal size move"
|
|
"PPF pparry evade"
|
|
"MDF MPF mparry"
|
|
"SDF SPF sparry";
|
|
}
|
|
|
|
.sheet-derived-stat-label {
|
|
display: block;
|
|
height: 30px;
|
|
position: relative;
|
|
left: 50%;
|
|
top: 15%;
|
|
}
|
|
|
|
.sheet-derived .sheet-stat-container {
|
|
padding: 0px;
|
|
width: 95%;
|
|
height: 75%;
|
|
position: absolute;
|
|
top: 23%;
|
|
background: transparent;
|
|
background-position: ;
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
border: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-stat-container input {
|
|
position: relative;
|
|
top: 55%;
|
|
left: 34%;
|
|
width: 35px;
|
|
font-size: 1.5em;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-derived .sheet-grid-element {
|
|
border: none;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-stat-container input::-webkit-outer-spin-button,
|
|
.sheet-stat-container input::-webkit-inner-spin-button,
|
|
.sheet-condition.sheet-grid-element input::-webkit-outer-spin-button,
|
|
.sheet-condition.sheet-grid-element input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-stat-container input[type=number],
|
|
.sheet-condition.sheet-grid-element input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.sheet-derived .sheet-pdf {
|
|
grid-area: PDF;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-pdf .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-combat.png?raw=true");
|
|
background-color: ;
|
|
}
|
|
|
|
.sheet-derived .sheet-pierce {
|
|
grid-area: pierce;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-pierce .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-pierce.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-focus {
|
|
grid-area: focus;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-focus .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/icon-focus.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-heal {
|
|
grid-area: heal;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-heal .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-heal.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-size {
|
|
grid-area: size;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-size .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-size.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-move {
|
|
grid-area: move;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-move .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/ICON-movement.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-ppf {
|
|
grid-area: PPF;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-ppf .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/Icon-armour%20physical.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-pparry {
|
|
grid-area: pparry;
|
|
background: transparent;
|
|
}
|
|
.sheet-pparry .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/icon-parry.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-evade {
|
|
grid-area: evade;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-evade .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/blob/master/roll20/roll20-character-sheets/images/icon-evade.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-mdf {
|
|
grid-area: MDF;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-mdf .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/icon-combat%20mental.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-mpf {
|
|
grid-area: MPF;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-mpf .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/Icon-armour%20mental.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-mparry {
|
|
grid-area: mparry;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-mparry .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/icon-mparry.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-sdf {
|
|
grid-area: SDF;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-sdf .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/icon-combat%20spiritual.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-spf {
|
|
grid-area: SPF;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-spf .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/Icon-armour%20spiritual.png?raw=true");
|
|
}
|
|
|
|
.sheet-derived .sheet-sparry {
|
|
grid-area: sparry;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-sparry .sheet-stat-container {
|
|
background-image: url("https://github.com/yehoshua1312/Yehoshua/raw/master/roll20/roll20-character-sheets/images/icon-sparry.png?raw=true");
|
|
} |