mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
cczernia
37c87e86e2
* Bite Marks original commit. Based off the Saga of the Icelanders sheet by Cal McLennan. Includes Character Sheet, Pack Sheet, Basic Moves and MC moves. * Update img in sheet.css * Update sheet.json * Fix game in json JSON referred to the wrong game. * Fix css image url Fix css image url * correcting pull request update Fixing merge conflict * correcting merge conflict Correcting mistake made during merge conflict
271 lines
6.9 KiB
CSS
271 lines
6.9 KiB
CSS
|
|
|
|
/* Hide actual dot/checkbox */
|
|
.sheet-player .sheet-2colrow input[type="radio"]
|
|
{
|
|
position: absolute;
|
|
opacity: 0;
|
|
width:15px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
/* Styles common to fake dot and checkbox */
|
|
.sheet-player .sheet-2colrow input[type="radio"] + span::before
|
|
{
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: middle;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
/* Styles unique to fake dot (checked or left of checked) */
|
|
.sheet-player .sheet-2colrow input[type="radio"] + span::before
|
|
{
|
|
content: "•";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 36px;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
|
|
/* Remove dot from all radios _after_ selected one */
|
|
.sheet-player .sheet-2colrow input[type="radio"]:checked ~ input[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
}
|
|
|
|
.sheet-player .sheet-2colrow input.sheet-used+span::before
|
|
{
|
|
content: "✖";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 0%;
|
|
-webkit-border-radius: 0%;
|
|
border-radius: 0%;
|
|
}
|
|
|
|
.sheet-player .sheet-2colrow input.sheet-zero:checked + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-player .sheet-2colrow input.sheet-zero:hover + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-player .sheet-2colrow input.sheet-zero+ span::before
|
|
{
|
|
font-size: 12px;
|
|
content: "✖";
|
|
opacity: 0.25;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ORIGINAL STYLE */
|
|
|
|
.charsheet {
|
|
background-color: #FFF;
|
|
}
|
|
.charsheet input {
|
|
outline: none;
|
|
background: transparent;
|
|
border: none;
|
|
border-bottom: 1px solid #000;
|
|
height: 0.9em;
|
|
}
|
|
.charsheet h1, .charsheet h1 input, .charsheet h2,.charsheet h3 {
|
|
background-color: #333;
|
|
color: #FF0000;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.charsheet h1 input {
|
|
width: 100%;
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet h1 span {
|
|
display: block;
|
|
font-size: 10px;
|
|
color: #FFF;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.charsheet .sheet-narrow {
|
|
height: 4em;
|
|
}
|
|
.charsheet h4,.charsheet h5,.charsheet h6 {
|
|
color: #000;
|
|
margin: 0.25em;
|
|
padding: 0.25em;
|
|
border: 0.1em solid #000;
|
|
}
|
|
.charsheet h3,.charsheet h4,.charsheet h5,.charsheet h6 {
|
|
text-align: center;
|
|
}
|
|
.charsheet input.sheet-short {
|
|
width: 5em;
|
|
}
|
|
|
|
.charsheet input.sheet-med {
|
|
width: 15em;
|
|
}
|
|
|
|
.charsheet input.sheet-long {
|
|
width: 25em;
|
|
}
|
|
|
|
.charsheet .sheet-path {
|
|
display: inline-block;
|
|
}
|
|
|
|
.charsheet .sheet-sexmove {
|
|
|
|
width:200px;
|
|
padding:5px;
|
|
float:right;
|
|
border:1px black solid;
|
|
margin:10px;
|
|
}
|
|
|
|
.charsheet .sheet-sexmove textarea {
|
|
width:190px;
|
|
}
|
|
|
|
.charsheet .sheet-custdesc {
|
|
width: 40em;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.charsheet .sheet-pack_points {
|
|
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
margin: auto;
|
|
}
|
|
|
|
.charsheet table td {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
width: 9em;
|
|
}
|
|
.charsheet hr.style-iceland {
|
|
border: 0;
|
|
height: 0.25em;
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
|
|
}
|
|
|
|
|
|
.charsheet .sheet-custom,.charsheet .sheet-alpha,.charsheet .sheet-cub,.charsheet .sheet-enforcer,.charsheet .sheet-fixer,.charsheet .sheet-greypelt,.charsheet .sheet-howl,.charsheet .sheet-prodigal,.charsheet .sheet-shield-maiden,.charsheet .sheet-huscarl,.charsheet .sheet-thrall,.charsheet .sheet-monster,.charsheet .sheet-mc,.charsheet .sheet-npc {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-custom-activator:checked ~ .sheet-custom,.charsheet .sheet-alpha-activator:checked ~ .sheet-alpha,.charsheet .sheet-cub-activator:checked ~ .sheet-cub,.charsheet .sheet-enforcer-activator:checked ~ .sheet-enforcer,.charsheet .sheet-fixer-activator:checked ~ .sheet-fixer,.charsheet .sheet-greypelt-activator:checked ~ .sheet-greypelt,.charsheet .sheet-howl-activator:checked ~ .sheet-howl,.charsheet .sheet-prodigal-activator:checked ~ .sheet-prodigal,.charsheet .sheet-shield-maiden-activator:checked ~ .sheet-shield-maiden,.charsheet .sheet-huscarl-activator:checked ~ .sheet-huscarl,.charsheet .sheet-thrall-activator:checked ~ .sheet-thrall,.charsheet .sheet-monster-activator:checked ~ .sheet-monster {
|
|
display: block;
|
|
}
|
|
|
|
|
|
.charsheet .sheet-mc-activator:checked ~ .sheet-mc,.charsheet .sheet-npc-activator:checked ~ .sheet-npc, .charsheet .sheet-player-activator:checked ~ .sheet-player, .charsheet .sheet-basicmoves-activator:checked ~ .sheet-basicmoves, .charsheet .sheet-pack-activator:checked ~ .sheet-pack {
|
|
display: block;
|
|
}
|
|
.charsheet .sheet-player-activator:not(:checked) ~ .sheet-player, .charsheet .sheet-mc-activator:not(:checked) ~ .sheet-mc,.charsheet .sheet-npc-activator:not(:checked) ~ .sheet-npc, .charsheet .sheet-basicmoves-activator:not(:checked) ~ .sheet-basicmoves, .charsheet .sheet-pack-activator:not(:checked) ~ .sheet-pack{
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-player,.charsheet .sheet-mc,.charsheet .sheet-npc {
|
|
border: 1px solid;
|
|
padding: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-bitemarksDefault .sheet-move-roll-header {
|
|
font-size: 1.3em;
|
|
background-color: #000;
|
|
color: #FF0000;
|
|
padding: 0.5em;
|
|
}
|
|
.sheet-rolltemplate-bitemarksDefault .sheet-skill-roll-header {
|
|
font-size: 1.5em;
|
|
background-color: #000;
|
|
color: #FF0000;
|
|
padding: 0.5em;
|
|
}
|
|
.sheet-rolltemplate-bitemarksDefault .sheet-skill {
|
|
font-size: 0.5em;
|
|
font-weight: initial;
|
|
background-color: transparent;
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-bitemarksDefault .sheet-roll-result {
|
|
font-size: 0.75em;
|
|
font-weight: bold;
|
|
color: #555;
|
|
}
|
|
.sheet-rolltemplate-bitemarksDefault table {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-bitemarksDefault td {
|
|
padding: 5px;
|
|
border: 1px solid black;
|
|
background-color: #FFF;
|
|
padding-top: 0.75em;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-bitemarksDefault .inlinerollresult {
|
|
background-color: transparent;
|
|
color: #555;
|
|
border: none;
|
|
font-size: 1.5em;
|
|
padding-top: 0.25em;
|
|
}
|
|
|
|
.sheet-rolltemplate-bitemarksDefault .inlinerollresult.fullcrit {
|
|
border: none;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-bitemarksDefault .inlinerollresult.fullfail {
|
|
border: none;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-bitemarksDefault .inlinerollresult.importantroll {
|
|
border: none;
|
|
font-size: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-bitemarksDefault .sheet-rt-background {
|
|
Bite-Marks
|
|
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Bite-Marks/bm_roll_bg.png') top left;
|
|
background-size: 100% 100%;
|
|
text-align: center;
|
|
padding: 10%;
|
|
}
|