Files
KPhan1212 29c5adf1a9 Basic Roleplaying System CSS
Conversion to CSE, and allow the sheet to work without Legacy Sanitization Opt-in.
2023-03-31 19:40:29 -07:00

501 lines
9.0 KiB
CSS

.sheet-skillmod{
}
}
.characteristic-roll{
font-size: 0.8em !important;
margin-left: 3px;
margin-right: 3px;
font-weight: bold;
margin-bottom: 0px;
}
.sheet-skills-header{
margin-bottom: 8px;
text-align: center;
color: #FFF;
background-color: #000;
}
.charsheet{
background-color: lightgray;
width: 830px
}
/*Hide stuff*/
.charsheet div.sheet-skills-magic1{
display: none;
}
.charsheet input.sheet-toggle-magic1:checked ~ div.sheet-skills-magic1 {
display: inline;
}
.charsheet div.strike-rank{
display: none;
}
.charsheet input.showstrike-rank:checked ~ div.strike-rank {
display: inline;
}
.charsheet span.strike-rank{
display: inline;
}
.charsheet input.showstrike-rank:checked ~ span.strike-rank {
display: none;
}
/*
input.showstrike-rank:checked ~ .repcontainer[data-groupname="repeating_Hand-to-Hand"] strike-rank {
display: inline;
}
div[data-groupname="repeating_Hand-to-Hand"] .strike-rank
{
display: inline-block;
border: 5px solid green;
}
*/
.sheet-melee-toggle { display: none; }
.sheet-check-melee-toggle:checked ~ [data-groupname=repeating_melee] > .repitem .sheet-melee-toggle { display: inline; }
.example-toggle { display: none; }
.check-toggle:checked ~ [data-groupname=repeating_example] > .repitem .example-toggle { display: inline; }
.sheet-repeat-strike-rank{ display: none; border: 5px soild pink; }
.sheet-showstrike-rank:checked ~ [data-groupname=repeating_Hand-to-Hand] > .repitem .sheet-repeat-strike-rank { display: inline; }
/*
input.collapse-example::checked ~ .repcontainer[data-groupname=repeating_example] .repeating-content {
display: none;
}
*/
/*
.charsheet div.skills-alphabetical{
display: inline;
}
.charsheet input.toggle-alphabetical:not(:checked) ~ div.skills-alphabetical {
display: none;
*/
.charsheet div.sheet-skills-alphabetical{
display: none;
}
.charsheet input.sheet-toggle-alphabetical:checked ~ div.sheet-skills-alphabetical {
display: inline;
}
.charsheet div.sheet-skills-by-category{
display: none;
}
.charsheet input.sheet-toggle-categories:checked ~ div.sheet-skills-by-category {
display: inline;
}
.charsheet div.sheet-strike-rank{
display: none;
}
.charsheet input.sheet-showstrike-rank:checked ~ div.sheet-strike-rank {
display: inline;
}
.charsheet div.sheet-hpbl {
display: none;
}
.charsheet input.sheet-showhbpl:checked ~ div.sheet-hpbl {
display: block;
}
.charsheet div.sheet-hitloc{
display: none;
}
.charsheet input.sheet-showhitloc:checked ~ div.sheet-hitloc {
display: inline;
}
.charsheet div.sheet-edufld{
display: none;
}
.charsheet input.sheet-showedufld:checked ~ div.sheet-edufld {
display: inline;
}
.charsheet div.sheet-mjrwnd{
display: none;
}
.charsheet input.sheet-showmjrwnd:checked ~ div.sheet-mjrwnd {
display: inline;
}
/* Configuration Window*/
.charsheet .cdiv {
/*border: 1px dotted;*/
padding-right: 15px;
padding-left: 15px;
}
.sheet-HideConfig:checked ~ *.sheet-config {
display:none;
}
.charsheet span.sheet-is-config::after { /*Close Config: grayish background with black text*/
content: "^";
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::after { /*Show Configuration: Black background with grayish text*/
content: "v";
}
.charsheet span.sheet-is-config {
text-align: center;
display: inline-block;
width: 5%;
height: 16px;
font-size: 9px;
/*font-family: "Pictos";*/
/*background: #65763c;*/
background: black; /*#93537c;*/
color: white; /*white;*/
font-weight: bold;
border-radius: 4px;
margin-left: -5%;
}
.charsheet input.sheet-HideConfig {
width: 5%;
height: 16px;
cursor: pointer;
margin-left: auto;
margin-top: auto;
/*position: absolute;
right: 20%;*/
opacity: 0;
z-index: 9999;
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config {
background: black;
border-radius: 4px;
color: white;
}
.charsheet label.configitem {
margin-left: 10px;
width: 50px;
font-size: .9em;
font-weight: normal
}
/*End Configuration Window*/
.sheet-section-header{
text-align: center;
color: #FFF;
background-color: #000;
}
.sheet-col h3{
margin-bottom: 10px;
}
.repcontrol{
margin-right: 7px;
}
div.repcontrol button
{
width: 20px;
height: 20px;
color: transparent;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
div.repcontrol button.repcontrol_add::before,
div.repcontrol button.repcontrol_edit::before
{
font-family: Pictos;
position: relative;
color: #000;
}
/* +Add */
div.repcontrol button.repcontrol_add::before
{
content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */
left: -5px;
top: -4px;
}
/* Modify */
div.repcontrol button.repcontrol_edit::before
{
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
content: "x"; /* x in Pictos is a crossed hammer and wrench */
left: -5px;
top: -4px;
}
/* Done */
div.repcontrol.editmode button.repcontrol_edit::before
{
content: "3"; /* 3 in Pictos is a check mark */
}
.sheet-big-col{
width: calc(60% - 20px) !important;
}
.sheet-small-col{
width: calc(40% - 20px) !important;
}
.characteristics
{
border: 3px solid black;
width: 100%
}
.characteristics p
{
margin-left: 3px;
margin-right: 7px;
font-weight: bold;
margin-bottom: 0px;
}
button[type="roll"].plain
{
width:100%;
}
button[type="roll"].sheet-plain-major-wound
{
background: #000;
background: -webkit-linear-gradient(#000, #000);
background: linear-gradient(#000, #000);
border-radius: 5px;
color: #fff;
display: inline-block;
text-align: center;
text-shadow: 1px 1px 0 #000;
font-size: 1.0em;
}
button[type="roll"].plain-major-wound::before
{
content: "";
width: 117px;
color: #fff ;
background-color: #000
}
/* Increase specificity for now. Should have roll icon affordance instead of suppressing. */
.ui-dialog .charsheet button[type="roll"].plain::before
{
content: "";
}
.hit-location-selection {
color: #ffffff;
background-color: #000000;
width:100%
}
.hit-location-selection td{
padding-left: 20px;
}
.hit-location-selection select{
color: #ffffff;
background-color: #000000;
margin-top: 3px;
}
.sheet-loc-text{
text-align:left;
}
.sheet-header-text{
font-size: 10px;
}
.sheet-armor-name{
width:100px;
}
.template_value{
text-align: right;
}
.sheet-rolltemplate-HL-Missle th {
text-align: centre;
color: #ffffff;
background-color: #000000;
}
.sheet-rolltemplate-HL-Missle table {
width: 230px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
}
.sheet-rolltemplate-HL-Melee th {
text-align: centre;
color: #ffffff;
background-color: #000000;
}
.sheet-rolltemplate-HL-Melee table {
width: 230px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
}
.sheet-rolltemplate-skillRoll th {
text-align: centre;
color: #ffffff;
background-color: #000000;
}
.sheet-rolltemplate-skillRoll table {
width: 230px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
}
.sheet-rolltemplate-characteristicRoll th {
text-align: centre;
color: #ffffff;
background-color: #000000;
}
.sheet-rolltemplate-characteristicRoll table {
width: 230px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
}
.sheet-rolltemplate-ResistanceRoll th {
text-align: centre;
color: #ffffff;
background-color: #000000;
}
.sheet-rolltemplate-ResistanceRoll table {
width: 230px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
}
.sheet-rolltemplate-sanityRoll th {
text-align: centre;
color: #ffffff;
background-color: #000000;
}
.sheet-rolltemplate-sanityRoll table {
width: 230px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
}
.sheet-rolltemplate-melee-roll th {
text-align: centre;
color: #ffffff;
background-color: #000000;
}
.sheet-rolltemplate-melee-roll table {
width: 230px;
padding: 2px;
border: 1px solid;
background-color: #ffffff;
}
.sheet-rolltemplate-melee-roll .template_value{
text-align: right;
}
.charsheet .sheet-cat_header{
font-size:1.3em;
}
.charsheet .sheet-chkfiller{
width:12px;
}
.charsheet .sheet-skillname{
width:154px;
}
.charsheet .sheet-repeat-skillname{
width:151px;
}
.charsheet button[type=roll].textButton {
background-color: transparent;
color: black;
border: none;
font-size: 1.25em;
font-weight: bold;
text-align: right;
background-image: none;
text-shadow: none;
box-shadow: none;
padding: 0px;
margin: 0px;
/*margin-top: -5px;*/
/*width: 70%;*/
}
.charsheet span.diceroll {
font-family: "dicefontd20";
}
.charsheet button[type=roll].textButton::before,
.charsheet button[type=roll].powerButton::before {
content: "" !important;
}
.charsheet input[type=text].standard {
border-top: none;
border-right: none;
border-left: none;
border-bottom: dotted 1px black;
color: black;
}