slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f71cd49f106e6b466cd4dabeabefabcaba828eac
roll20-character-sheets-tester/Call_of_Cthulhu_7th_Ed/coc_7th_ed.css
T
orphs 0ce6010466 Call_of_cthulhu_7th_ed extention (#4726) 
* Commit for Extending coc_7th_ed.html

• Moved ''Mana Points'' to the left under ''Luck''

• Added ''Bouts of Madness'' with respective buttons and rollTemplates as per Call of Cthulhu 7th Ed Rules. Also added Current Mental Condition Input for players to keep track of (Default set to Stable).

• Added Commonly Used Dice Rolls, Custom Dice Roller and Body Hit Location Button and respective rollTemplates.

• Shortened the height of Backstory Textboxes.

* Commit for extended coc_7th_ed.css

• Added Background

• Made Inputs and Text Areas Translucent.

• Added another button designated for Bouts of Madness, Dice and Body Hit Location.

• Added Templates for Bouts of Madness, Dice and Body Hit Location.

* Update en.json

Added 
• "bouts-of-madness-u": "Bouts of Madness"
• "stable": "Stable"
• "dicerolls-u": "Dice Rolls"
• "custom-u": "Custom"
to accomplany the additions to the Char Sheet

* Add files via upload
2019-02-19 07:08:40 -06:00

481 lines
11 KiB
CSS
Raw Blame History

.charsheet {
background-color: #e5e5e5;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
background-color: rgba(255,255,255,0.5);
}
select {
margin: 0;
padding: 0;
background-color: rgba(255,255,255,0.5);
}
/* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */
div[class^="repcontrol"] {
margin-bottom: 5px;
}
div[class="repcontainer editmode"] ~ div[class^="repcontrol"] button[class="btn repcontrol_add"] {
display: inline-block!important;
visibility: hidden;
}
h4.sheet-section-head {
background-color: black;
color: white;
text-align: center;
font-weight: bold;
font-style: normal;
border: 1px solid black;
}
div.sheet-section {
border: 1px solid black;
padding: 1%;
margin: 0 0 1% 0;
}
table td.sheet-attr {
width: 13.33%;
height: 58px;
}
table td.sheet-attr-label {
height: 58px;
font-size: 120%;
text-align: center;
}
input[type="text"].sheet-attr-input {
width: 54px;
height: 58px;
font-size: 200%;
text-align: center;
}
table td.sheet-attr-roll {
height: 58px;
text-align: center;
}
input.sheet-secondary-attr-input {
width: 100%;
text-align: center;
}
input[type="number"].sheet-secondary-attr-input {
width: 100%;
text-align: center;
}
table td.sheet-skill-label {
width: 100%;
}
input[type="text"].sheet-skill-input {
width: 30px;
text-align: center;
background-color: rgba(255,255,255,0.5);
}
input[type="number"].sheet-skill-input {
width: 30px;
text-align: center;
}
td.sheet-otherskill-reminder {
font-size: 85%;
}
texarea.sheet-backstory-box {
height: 75px;
background-color: rgba(255,255,255,0.5);
}
textarea {
background-color: rgba(255,255,255,0.5);
}
input {
background-color: rgba(255,255,255,0.5);
}
/* Roll Templates */
.sheet-rolltemplate-coc table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-coc caption {
text-align: center;
background: black;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc td.sheet-template_label {
font-weight: bold;
}
.sheet-rolltemplate-coc td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc .inlinerollresult.fullcrit {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc .inlinerollresult.fullfail {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-coc-attack caption {
text-align: center;
background: black;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-attack td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-attack td.sheet-template_label {
font-weight: bold;
}
.sheet-rolltemplate-coc-attack td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc-attack .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.fullcrit {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.fullfail {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
}
/* smaller rolltemplate */
.sheet-rolltemplate-coc-1 table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-coc-1 caption {
text-align: center;
background: black;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-1 td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-1 td.sheet-template_label {
font-weight: bold;
}
.sheet-rolltemplate-coc-1 td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc-1 .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.fullcrit {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.fullfail {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack-1 table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-coc-attack-1 caption {
text-align: center;
background: black;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-attack-1 td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-attack-1 td.sheet-template_label {
font-weight: bold;
}
.sheet-rolltemplate-coc-attack-1 td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullcrit {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullfail {
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
}
/* smallest dice-roll rolltemplate */
.sheet-rolltemplate-coc-dice-roll table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-coc-dice-roll caption {
text-align: center;
background: #914f32;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-dice-roll td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-dice-roll td.sheet-template_label {
font-weight: Bold;
}
.sheet-rolltemplate-coc-dice-roll td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc-dice-roll .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-dice-roll .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
}
/* Bout of Madness- Real Time */
.sheet-rolltemplate-coc-bomadness-rt table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-rt caption {
text-align: center;
background: #914f32;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-rt td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-rt td.sheet-template_label {
font-weight: Bold;
}
.sheet-rolltemplate-coc-bomadness-rt td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc-bomadness-rt .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-bomadness-rt .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
}
/* Bout of Madness- Summary */
.sheet-rolltemplate-coc-bomadness-summ table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-coc-bomadness-summ caption {
text-align: center;
background: #914f32;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-summ td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-summ td.sheet-template_label {
font-weight: Bold;
}
.sheet-rolltemplate-coc-bomadness-summ td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc-bomadness-summ .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc-bomadness-summ .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
}
/* Body hit Location */
.sheet-rolltemplate-coc-body-hit-loc table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc caption {
text-align: center;
background: #914f32;
color: white;
font-weight: bold;
padding: 2px;
border: 1px solid black;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-body-hit-loc td {
padding: 2px;
border-bottom: 1px solid black;
text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc td.sheet-template_label {
font-weight: Bold;
text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: 2px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-coc--body-hit-loc .inlinerollresult.importantroll {
border: 2px solid black;
background: #BEBEBE;
text-align: center;
}
/* Buttons */
button[type=roll].sheet-old-roll {
color: #000000;
background-color: #BEBEBE;
font-weight: bold;
text-align:center;
width: 20px;
height: 20px;
margin: 0.0;
padding: 0.0em;
border: 1px solid black;
border-radius: 5px;
}
button[type=roll].sheet-new-roll {
color: #18650D;
background-color: #18650D;
font-weight: bold;
text-align:center;
width: 20px;
height: 20px;
margin: 0.0;
padding: 0.0em;
border: 1px solid black;
border-radius: 5px;
}
button[type=roll].sheet-dice-roll {
color: #000000;
background-color: #914f32;
font-weight: normal;
text-align:center;
width: 17px;
height: 17px;
margin: 0.0;
padding: 0.0em;
border: 1px solid black;
border-radius: 5px;
}
Reference in New Issue View Git Blame Copy Permalink