aideenfb
4155703a8f
Consolidating the pull request containing the CSS code to suppor the new roll templates into a single PR.
513 lines
12 KiB
CSS
513 lines
12 KiB
CSS
.charsheet input {
|
|
display: inline-block;
|
|
width: 165px;
|
|
}
|
|
.charsheet input.sheet-tiny {
|
|
display: inline-block;
|
|
width: 25px;
|
|
}
|
|
.charsheet input.sheet-short {
|
|
display: inline-block;
|
|
width: 3.5em;
|
|
}
|
|
.charsheet input.sheet-medium {
|
|
display: inline-block;
|
|
width: 115px;
|
|
}
|
|
.charsheet input[type="number"].sheet-tiny {
|
|
display: inline-block;
|
|
width: 23px;
|
|
}
|
|
input[type="number"].sheet-tiny::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
input[type="number"].sheet-nobut::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
.charsheet input.sheet-tiny {
|
|
display: inline-block;
|
|
width: 25px;
|
|
}
|
|
.charsheet select.sheet-short{
|
|
display: inline-block;
|
|
margin: 0px 0px;
|
|
width: 4.1em;
|
|
}
|
|
.charsheet input[type="checkbox"].left {
|
|
float: left;
|
|
margin: 5px 0px;
|
|
width: 2px;
|
|
}
|
|
input.sheet-arrow
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ div.sheet-body
|
|
{
|
|
display: none;
|
|
}
|
|
/* Hide actual radio/checkbox */
|
|
input[type="radio"],
|
|
input[type="checkbox"]
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake radio/checkbox */
|
|
input[type="radio"] + span::before,
|
|
input[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
/* Fake radio */
|
|
input[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 24px;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
input[type="radio"]:checked + span::before
|
|
{
|
|
content: "•";
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input[type="checkbox"] + span::before
|
|
{
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input[type="checkbox"]:checked + span::before
|
|
{
|
|
content: "✓";
|
|
}
|
|
|
|
.charsheet div.sheet-tab-content { display: none; }
|
|
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked ~ div.sheet-tab4
|
|
{
|
|
display: block;
|
|
}
|
|
.charsheet input.sheet-tab + span::before,
|
|
.charsheet input.sheet-tab + span::before
|
|
{
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
/* Fake radio */
|
|
.charsheet input.sheet-tab + span::before
|
|
{
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 24px;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
.charsheet input.sheet-tab:checked + span::before
|
|
{
|
|
content: "•";
|
|
}
|
|
.charsheet input.sheet-tab:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
/*/ Styles for 2ESheet rolltemplates /*/
|
|
|
|
/*/ Styles common to all 2E Templates /*/
|
|
.sheet-rolltemplate-2Edefault div.sheet-template-container,
|
|
.sheet-rolltemplate-2Eattack div.sheet-template-container,
|
|
.sheet-rolltemplate-2Espell div.sheet-template-container,
|
|
.sheet-rolltemplate-2Esave div.sheet-template-container {
|
|
border: none;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault th.sheet-template-title1,
|
|
.sheet-rolltemplate-2Eattack th.sheet-template-title1,
|
|
.sheet-rolltemplate-2Espell th.sheet-template-title1,
|
|
.sheet-rolltemplate-2Esave th.sheet-template-title1 {
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
font-family: "verdana", "tahoma", "ariel";
|
|
text-align: center;
|
|
color: white;
|
|
border: none;
|
|
padding: 2px;
|
|
margin: 0px;
|
|
background-color: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault th.sheet-template-title2,
|
|
.sheet-rolltemplate-2Eattack th.sheet-template-title2,
|
|
.sheet-rolltemplate-2Espell th.sheet-template-title2,
|
|
.sheet-rolltemplate-2Esave th.sheet-template-title2 {
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
font-family: "verdana", "tahoma", "ariel";
|
|
text-align: center;
|
|
color: black;
|
|
border: none;
|
|
padding: 2px;
|
|
margin: 0px;
|
|
background-color: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault th.sheet-template-subtitle1,
|
|
.sheet-rolltemplate-2Eattack th.sheet-template-subtitle1,
|
|
.sheet-rolltemplate-2Espell th.sheet-template-subtitle1,
|
|
.sheet-rolltemplate-2Esave th.sheet-template-subtitle1 {
|
|
font-size: 8pt;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
font-family: "verdana", "tahoma", "ariel";
|
|
text-align: center;
|
|
color: white;
|
|
border: none;
|
|
padding: 1px;
|
|
margin: 0px;
|
|
background-color: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault th.sheet-template-subtitle2,
|
|
.sheet-rolltemplate-2Eattack th.sheet-template-subtitle2,
|
|
.sheet-rolltemplate-2Espell th.sheet-template-subtitle2,
|
|
.sheet-rolltemplate-2Esave th.sheet-template-subtitle2 {
|
|
font-size: 8pt;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
font-family: "verdana", "tahoma", "ariel";
|
|
text-align: center;
|
|
color: black;
|
|
border: none;
|
|
padding: 1px;
|
|
margin: 0px;
|
|
background-color: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault table,
|
|
.sheet-rolltemplate-2Eattack table,
|
|
.sheet-rolltemplate-2Espell table,
|
|
.sheet-rolltemplate-2Esave table {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(even),
|
|
.sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(even),
|
|
.sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(even) {
|
|
background-color: #e0e0e0;
|
|
}
|
|
.sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(odd),
|
|
.sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(odd),
|
|
.sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(odd) {
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault div.sheet-template-body,
|
|
.sheet-rolltemplate-2Eattack div.sheet-template-body,
|
|
.sheet-rolltemplate-2Espell div.sheet-template-body,
|
|
.sheet-rolltemplate-2Esave div.sheet-template-body {
|
|
border: 1px solid black;
|
|
border-bottom-right-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
background: #727272;
|
|
padding: 4px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault div.sheet-default-head,
|
|
.sheet-rolltemplate-2Eattack div.sheet-attack-head,
|
|
.sheet-rolltemplate-2Espell div.sheet-spell-head,
|
|
.sheet-rolltemplate-2Esave div.sheet-save-head {
|
|
border: 1px solid #000000;
|
|
border-top-right-radius: 8px;
|
|
border-top-left-radius: 8px;
|
|
padding: 3px;
|
|
padding-top: 5px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/*/ Styles for the 2Edefault Template /*/
|
|
.sheet-rolltemplate-2Edefault div.sheet-default-head {
|
|
background: #093a01;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault td.sheet-default-c1 {
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-family: "verdana";
|
|
border: 1px solid black;
|
|
border-right: none;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault td.sheet-default-c2 {
|
|
font-size: 10pt;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-family: "verdana";
|
|
border: 1px solid black;
|
|
border-left: none;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Edefault td.sheet-default-c3 {
|
|
font-size: 9pt;
|
|
color: #000000;
|
|
text-align: left;
|
|
font-family: "verdana";
|
|
border: 1px solid black;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
|
|
/*/ Styles for the 2Eattack Template /*/
|
|
.sheet-rolltemplate-2Eattack div.sheet-attack-head {
|
|
background: #a01616;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack td {
|
|
padding: 5px;
|
|
text-align: center;
|
|
background-color: #f4f4f4;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack span.sheet-weapon-used {
|
|
text-align: center;
|
|
font-size: 10pt;
|
|
font-style: italic;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack td.sheet-attack-c1 {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack td.sheet-attack-c2 {
|
|
position: relative;
|
|
background-image: url("http://i.imgur.com/rFM5RnH.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 50px 50px;
|
|
background-position: center;
|
|
height: 50px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack td.sheet-attack-c3 {
|
|
position: relative;
|
|
background-image: url("http://i.imgur.com/QFPPKuq.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 50px 50px;
|
|
background-position: center;
|
|
height: 50px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack td.sheet-attack-c4 {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack td.sheet-attack-c5 {
|
|
background-color: #093a01;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-family: "verdana", "tahoma", "ariel";
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack span.sheet-attack-crit {
|
|
font-size: 10pt;
|
|
font-weight: normal;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack td.sheet-attack-c6 {
|
|
background-color: #a01616;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-family: "verdana", "tahoma", "ariel";
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Eattack span.sheet-attack-fumble {
|
|
font-size: 10pt;
|
|
font-weight: normal;
|
|
padding: 2px;
|
|
}
|
|
|
|
/*/ Inline Roll Styling for 2Eattack Template /*/
|
|
.sheet-rolltemplate-2Eattack .inlinerollresult {
|
|
display: inline-block;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border: none;
|
|
background-color: white;
|
|
}
|
|
.sheet-rolltemplate-2Eattack .inlinerollresult.fullcrit {
|
|
color: #093a01;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-2Eattack .inlinerollresult.fullfail {
|
|
color: #a01616;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-2Eattack .inlinerollresult.importantroll {
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
|
|
/*/ Styles for the 2Espell Template /*/
|
|
.sheet-rolltemplate-2Espell div.sheet-spell-head {
|
|
background: #1f2354;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Espell td.sheet-spell-c1 {
|
|
font-size: 10pt;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-family: "verdana";
|
|
border: 1px solid black;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Espell span.sheet-spell-prop {
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-family: "verdana";
|
|
}
|
|
|
|
.sheet-rolltemplate-2Espell td.sheet-spell-c2 {
|
|
font-size: 9pt;
|
|
color: #000000;
|
|
text-align: left;
|
|
font-family: "verdana";
|
|
border: 1px solid black;
|
|
padding: 3px;
|
|
margin: 0px;
|
|
}
|
|
|
|
/*/ Styles for the 2Esave Template /*/
|
|
.sheet-rolltemplate-2Esave div.sheet-save-head {
|
|
background: #f26f2e;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Esave td.sheet-save-c1 {
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
color: #000000;
|
|
text-align: center;
|
|
font-family: "verdana";
|
|
border: none;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Esave td.sheet-save-c2 {
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
text-align: center;
|
|
font-family: "verdana";
|
|
border: none;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Esave td.sheet-save-c3 {
|
|
background-color: #093a01;
|
|
border: none;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-family: "verdana";
|
|
text-align: center;
|
|
color: #ffffff;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Esave td.sheet-save-c4 {
|
|
background-color: #a01616;
|
|
border: none;
|
|
font-size: 12pt;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-family: "verdana";
|
|
text-align: center;
|
|
color: #ffffff;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|