Stephanie Bryant
99f66194af
* 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.
451 lines
7.2 KiB
CSS
451 lines
7.2 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;
|
|
}
|
|
|
|
.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-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}
|