Stephanie Bryant
06c2c84562
* 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. * Golden Sky Stories - New Sheet New sheet for Golden Sky Stories.
366 lines
6.6 KiB
CSS
366 lines
6.6 KiB
CSS
.sheet-body {
|
|
display:grid;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 400px 100px 300px ;
|
|
}
|
|
|
|
.sheet-logo {
|
|
grid-row: 1/1;
|
|
grid-column: 1/4;
|
|
}
|
|
|
|
.sheet-humanform {
|
|
grid-column: 1/3;
|
|
grid-row: 2/4;
|
|
border: 5px solid;
|
|
padding: 5px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-humanformcontent {
|
|
height: 150px;
|
|
width: 470px;
|
|
border-width: 0px;
|
|
}
|
|
|
|
.sheet-bio {
|
|
grid-column: 3/3;
|
|
grid-row: 2/3;
|
|
border:5px solid;
|
|
padding: 3px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-biocontents {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
input[type=text].sheet-biofields {
|
|
width: 175px;
|
|
}
|
|
|
|
.sheet-attributes {
|
|
grid-column: 1/3;
|
|
grid-row: 4/4;
|
|
border:5px solid;
|
|
padding: 3px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-weaknesses {
|
|
grid-column: 1/3;
|
|
grid-row:5/7;
|
|
border:5px solid;
|
|
padding: 5px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_weaknesses"] {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-weaknessrow {
|
|
width: 210px;
|
|
padding: 2px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-additionalrow {
|
|
width: 200px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-weaknessfield {
|
|
width: 170 px;
|
|
}
|
|
|
|
.sheet-additionalfield {
|
|
width: 150px;
|
|
}
|
|
|
|
.sheet-powers {
|
|
grid-column: 3/3;
|
|
grid-row: 4/6;
|
|
border:5px solid;
|
|
padding: 5px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-dreams {
|
|
grid-column: 3/3;
|
|
border:5px solid;
|
|
padding: 3px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-dreamscontent {
|
|
height: 50px;
|
|
width: 265px;
|
|
}
|
|
|
|
.sheet-connections {
|
|
grid-column: 1/4;
|
|
border:5px solid;
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-connectionyou {
|
|
width: 80px;
|
|
display:inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-connectioncontents1 {
|
|
width: 150px;
|
|
display:inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-connectionbuttons {
|
|
width: 240px;
|
|
text-align: center;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-connectioncontents2 {
|
|
width: 150px;
|
|
display:inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-connectionfield {
|
|
width:140px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-connectionspartnerfield {
|
|
width:140px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-connectionspartner {
|
|
width: 50px;
|
|
display:inline-block;
|
|
text-align: center;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-connectionsheading {
|
|
font-weight: bold;
|
|
font-size: 14pt;
|
|
display:inline-block;
|
|
width: 240px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-wonder {
|
|
grid-column: 1/1;
|
|
border:5px solid;
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-feelings {
|
|
grid-column: 2/4;
|
|
border:5px solid;
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-threads {
|
|
grid-column: 1/2;
|
|
border:5px solid;
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-threadrow {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-partnerthreads {
|
|
width: 150px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-threadcontents {
|
|
width: 150px;
|
|
padding: 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-memories {
|
|
grid-column: 3/3;
|
|
grid-row: 3/3;
|
|
border:5px solid;
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.sheet-heading {
|
|
font-weight:bold;
|
|
font-family: "Candal";
|
|
}
|
|
|
|
.sheet-headingrow {
|
|
font-weight:bold;
|
|
font-family: "Candal";
|
|
}
|
|
|
|
input[type=text] {
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
border-bottom: 1px solid #bdbdbd;
|
|
}
|
|
input[type=number].sheet-powercost {
|
|
border: 0px;
|
|
}
|
|
|
|
.sheet-credit {
|
|
font-style: italic;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
/* Hide actual radio */
|
|
input[type="radio"] {
|
|
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-conxyou + 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-conxyou:checked ~ input[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
|
|
/* Fake radio */
|
|
input[type="radio"].sheet-repconxyou + 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-repconxyou:checked ~ input[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
|
|
/* Fake radio - conxpartner */
|
|
input[type="radio"].sheet-conxpartner + 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 - conxpartner */
|
|
input[type="radio"].sheet-conxpartner:checked ~ input[type="radio"].sheet-conxpartner + span::before,
|
|
input[type="radio"].sheet-conxpartner:checked + span::before{
|
|
content: "•";
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_connections"] > .repitem {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Hide star checkbox */
|
|
input[type="checkbox"].sheet-star {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 30px;
|
|
position: relative;
|
|
top: -4px;
|
|
left: 12px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-star {
|
|
font-family: "Pictos";
|
|
font-size: 30px;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000;
|
|
color: white;
|
|
}
|
|
|
|
/* Fake radio for star */
|
|
input[type="checkbox"].sheet-star + span::before {
|
|
content: "S";
|
|
font-family: "Pictos";
|
|
font-size: 30px;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000;
|
|
color: white;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-star:checked + span::before {
|
|
content: "S";
|
|
font-family: "Pictos";
|
|
font-size: 30px;
|
|
text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000;
|
|
color:yellow;
|
|
} |