mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Stephanie Bryant
1381df7071
* QoL improvements Added placeholders with styling and removed crit/fail from roll template * New Sheet: OneDice Universal New Character Sheet for OneDice Universal. * OneDice: Fixed Defence stat dropdown * Translation.json fix Removed blank strings and fixed a tag in the html. * Fix image URLs Fixing image urls to use absolute paths. * More URL fixes More fixing absolute paths * Malandros support Preliminary (no dice rolls) support for Malandros. Second set of relationships to track why you won't give in to another character. * Added Malandros credit * Fixed repeating sections Repeating relationship sections did not work properly.
461 lines
7.3 KiB
CSS
461 lines
7.3 KiB
CSS
/* Whole sheet stuff */
|
|
|
|
.charsheet {
|
|
width:850px;
|
|
}
|
|
|
|
/* Display none of the sheets yet */
|
|
|
|
.sheet-pc,
|
|
.sheet-gm,
|
|
{
|
|
display: none;
|
|
font-family:HoeflerText,Garamond,Sorts Mill Goudy,serif;
|
|
}
|
|
|
|
/* Toggle between GM and PC sheet */
|
|
|
|
.sheet-gm_toggle[value="0"] ~ .sheet-pc,
|
|
.sheet-gm_toggle[value="1"] ~ .sheet-gm
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-gm_toggle {
|
|
-webkit-appearance: radio;
|
|
-moz-appearance: radio;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-gmtogglelabel {
|
|
font-size:8px;
|
|
color:#666666;
|
|
}
|
|
|
|
/* Toggle Malandros features on/off */
|
|
|
|
.sheet-notmalandros,
|
|
.sheet-malandros_toggle:checked ~ .sheet-malandros {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-malandros,
|
|
.sheet-malandros_toggle:checked ~ .sheet-notmalandros {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-malandros_toggle {
|
|
-webkit-appearance: radio;
|
|
-moz-appearance: radio;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-malandrostogglelabel {
|
|
font-size:8px;
|
|
color:#666666;
|
|
}
|
|
|
|
/* Custom abilities */
|
|
|
|
div.sheet-customhide {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-customhide[value="custom"] ~ .sheet-container div.sheet-customhide {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Malandros features */
|
|
|
|
.sheet-sigmoves {
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-moves {
|
|
width:600px;
|
|
height: 100px;
|
|
}
|
|
|
|
.sheet-inlineheading {
|
|
font-weight:bold;
|
|
font-size:12pt;
|
|
}
|
|
|
|
.sheet-gridheading {
|
|
justify-content: center;
|
|
text-align:center;
|
|
font-family:HoeflerText, Garamond, serif;
|
|
font-size:14pt;
|
|
font-weight:500;
|
|
font-variant:small-caps;
|
|
padding-top:10px;
|
|
padding-bottom:5px;
|
|
color:#663300;
|
|
}
|
|
|
|
.sheet-wealthcontainer {
|
|
display: grid;
|
|
grid-template-columns: [wealth] 150px [ase] 150px [resources] 350px;
|
|
grid-template-rows: 50px; 50px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-wealthase {
|
|
grid-column-start:1;
|
|
grid-column-end: 3;
|
|
grid-row:1;
|
|
text-align:center
|
|
}
|
|
|
|
.sheet-resourcebox {
|
|
grid-column:3;
|
|
grid-row:1;
|
|
text-align:center
|
|
}
|
|
|
|
.sheet-resources {
|
|
grid-column:3;
|
|
grid-row:2;
|
|
}
|
|
|
|
.sheet-wealth {
|
|
grid-column: 1;
|
|
grid-row: 2;
|
|
}
|
|
|
|
.sheet-ase {
|
|
grid-column: 2;
|
|
grid-row: 2;
|
|
}
|
|
|
|
.sheet-stressharm {
|
|
display: grid;
|
|
grid-template-columns: [col1] 200px [col2] 200px [col3] 200px [col4] 200px;
|
|
grid-template-rows: [row1] 50px [row2] 50px [row3] 50px [row4] 50px;
|
|
}
|
|
|
|
.sheet-dazed {
|
|
grid-column:1;
|
|
grid-row:1;
|
|
}
|
|
|
|
.sheet-angry {
|
|
grid-column:2;
|
|
grid-row:1;
|
|
}
|
|
|
|
.sheet-embarrassed {
|
|
grid-column:3;
|
|
grid-row:1;
|
|
|
|
}
|
|
|
|
.sheet-beaten_up {
|
|
grid-column:4;
|
|
grid-row:1;
|
|
}
|
|
|
|
.sheet-hurt {
|
|
grid-column:4;
|
|
grid-row:2;
|
|
}
|
|
|
|
.sheet-injured {
|
|
grid-column:4;
|
|
grid-row:3;
|
|
}
|
|
|
|
.sheet-out {
|
|
grid-column:4;
|
|
grid-row:4;
|
|
}
|
|
|
|
/* Style stress boxes */
|
|
input[type="checkbox"].sheet-stress {
|
|
-webkit-appearance: radio;
|
|
-moz-appearance: radio;
|
|
color: black;
|
|
}
|
|
|
|
/* Hide actual radio */
|
|
input[type="radio"].sheet-tracks {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake radio */
|
|
input[type="radio"].sheet-tracks + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
box-shadow: 0 0 2px #ccc;
|
|
background: #f6f6f6;
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
content: "•";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 24px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* Remove dot from all radios _after_ selected one */
|
|
input[type="radio"].sheet-tracks:checked ~ input[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
|
|
|
|
|
|
/* Shared Between PC and GM Sheets */
|
|
|
|
.btn {
|
|
background-color: #FFFFFF;
|
|
border-width: 2px;
|
|
color: grey;
|
|
padding: 2px 2px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin: 2px 1px;
|
|
cursor: pointer;
|
|
position:relative;
|
|
}
|
|
|
|
.repitem .repeating_relationships {
|
|
border: 1px;
|
|
}
|
|
|
|
.repitem, .repeating_relationshipsme {
|
|
border: 1px;
|
|
}
|
|
|
|
|
|
.itemcontrol {
|
|
height: auto !important;
|
|
border: 1px color:#224400;
|
|
}
|
|
|
|
.repcontrol_edit {
|
|
position:absolute;
|
|
left:70px;
|
|
}
|
|
|
|
.repcontainer {
|
|
border: 1px color:#440022;
|
|
}
|
|
.sheet-relationshiphr, .sheet-trackerhr, .sheet-maphr, .sheet-actionhr {
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
display:inline-block;
|
|
padding:0px;
|
|
}
|
|
.sheet-heading {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
|
|
text-align:center;
|
|
font-family:HoeflerText, Garamond, serif;
|
|
font-size:14pt;
|
|
font-weight:500;
|
|
font-variant:small-caps;
|
|
border-width: 0 0 0 2px;
|
|
padding-top:10px;
|
|
padding-bottom:5px;
|
|
color:#663300;
|
|
}
|
|
|
|
.sheet-heading:before,
|
|
.sheet-heading:after {
|
|
content:" ";
|
|
background-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dramasystem/squiggle.png);
|
|
background-repeat:repeat-x;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
top: 0.5em;
|
|
}
|
|
|
|
.sheet-heading:before {
|
|
margin-right:10px;
|
|
}
|
|
|
|
.sheet-heading:after {
|
|
margin-left:10px;
|
|
}
|
|
|
|
.sheet-logo {
|
|
|
|
}
|
|
|
|
input[type=text], select {
|
|
border-bottom: 1px solid #D3D3D3;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
padding-bottom:3px;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
}
|
|
|
|
textarea {
|
|
border-bottom: 1px solid: #D3D3D3;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
resize: none;
|
|
overflow: hidden;
|
|
vertical-align:bottom;
|
|
height:35px;
|
|
padding:0px;
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
|
|
/* PC Sheet Only */
|
|
|
|
.sheet-poles {
|
|
width:100%;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-poleinput {
|
|
font-size:medium;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-iam .sheet-desire .sheet-role {
|
|
width:200px;
|
|
}
|
|
|
|
.sheet-relationshiprow {
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-relationshiprowme {
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
.sheet-relationshipname {
|
|
width:100px
|
|
}
|
|
|
|
.sheet-relationshiprelat {
|
|
width:130px
|
|
}
|
|
|
|
.sheet-relationshipwant {
|
|
width:200px
|
|
}
|
|
|
|
.sheet-relationshipno {
|
|
width:180px
|
|
}
|
|
|
|
.sheet-relationshippoles {
|
|
width:180px
|
|
}
|
|
|
|
.sheet-relationshipname, .sheet-relationshiprelat, .sheet-relationshipwant, .sheet-relationshipno, .sheet-relationshippoles, .sheet-actions {
|
|
display:inline-block;
|
|
padding-left:0px;
|
|
}
|
|
|
|
|
|
.sheet-relationshipname, .sheet-relationshiprelat, .sheet-relationshippoles {
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.sheet-relationshipwant, .sheet-relationshipno {
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-story {
|
|
width:400px;
|
|
}
|
|
|
|
.sheet-actionrank {
|
|
width:100px;
|
|
}
|
|
|
|
|
|
.sheet-actionname {
|
|
width:100px;
|
|
}
|
|
|
|
.sheet-actioncustom {
|
|
width:200px;
|
|
}
|
|
|
|
.sheet-actionhow {
|
|
width:280px
|
|
}
|
|
|
|
.sheet-consequences {
|
|
width:850px;
|
|
}
|
|
|
|
/* GM Only */
|
|
|
|
.sheet-trackerplayer {
|
|
width:120px
|
|
}
|
|
|
|
.sheet-trackerchar {
|
|
width:120px
|
|
}
|
|
|
|
.sheet-trackerrole {
|
|
width:150px
|
|
}
|
|
|
|
.sheet-trackerdesire, .sheet-trackerpoles {
|
|
width:200px
|
|
}
|
|
|
|
.sheet-mapchar1, .sheet-mapchar2 {
|
|
width:250px
|
|
}
|
|
|
|
.sheet-maprelationship {
|
|
width:290px
|
|
}
|
|
|
|
|
|
.sheet-trackerrecurring {
|
|
width: 200px;
|
|
}
|
|
.sheet-trackernpcrole {
|
|
width:190px;
|
|
}
|
|
.sheet-trackernpcwant {
|
|
width:200px
|
|
}
|
|
.sheet-trackernpcdeny {
|
|
width:200px}
|