mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
772 lines
18 KiB
CSS
772 lines
18 KiB
CSS
.charsheet input {
|
|
display: inline-block;
|
|
width: 165px;
|
|
}
|
|
.charsheet input.sheet-tiny {
|
|
display: inline-block;
|
|
width: 2.0em;
|
|
}
|
|
.charsheet input.sheet-short {
|
|
display: inline-block;
|
|
width: 3.5em;
|
|
}
|
|
.charsheet input.sheet-short2 {
|
|
display: inline-block;
|
|
width: 4.0em;
|
|
}
|
|
.charsheet input.sheet-mid {
|
|
display: inline-block;
|
|
width: 5.0em;
|
|
}
|
|
.charsheet input.sheet-mid2 {
|
|
display: inline-block;
|
|
width: 7.0em;
|
|
}
|
|
.charsheet input.sheet-medium {
|
|
display: inline-block;
|
|
width: 115px;
|
|
}
|
|
.charsheet input[type="number"].sheet-tiny {
|
|
display: inline-block;
|
|
width: 2.0em;
|
|
text-align: center;
|
|
}
|
|
|
|
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 select.sheet-tiny {
|
|
display: inline-block;
|
|
width: 2.0em;
|
|
}
|
|
|
|
.charsheet select.sheet-short{
|
|
display: inline-block;
|
|
margin: 0px 0px;
|
|
width: 4.0em;
|
|
}
|
|
.charsheet select.sheet-short2 {
|
|
display: inline-block;
|
|
width: 5.0em;
|
|
}
|
|
.charsheet select.sheet-mid {
|
|
display: inline-block;
|
|
width: 5.0em;
|
|
}
|
|
.charsheet select.sheet-mid2 {
|
|
display: inline-block;
|
|
width: 7.0em;
|
|
}
|
|
|
|
.charsheet th {
|
|
background-color: #26ADE4;
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
padding: 3px;
|
|
}
|
|
|
|
.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-2Eprotscroll div.sheet-template-container,
|
|
.sheet-rolltemplate-2Echeck div.sheet-template-container,
|
|
.sheet-rolltemplate-2Einversecheck 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-2Eprotscroll th.sheet-template-title1,
|
|
.sheet-rolltemplate-2Echeck th.sheet-template-title1,
|
|
.sheet-rolltemplate-2Einversecheck 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-2Eprotscroll th.sheet-template-title2,
|
|
.sheet-rolltemplate-2Echeck th.sheet-template-title2,
|
|
.sheet-rolltemplate-2Einversecheck 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-2Eprotscroll th.sheet-template-subtitle1,
|
|
.sheet-rolltemplate-2Echeck th.sheet-template-subtitle1,
|
|
.sheet-rolltemplate-2Einversecheck 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-2Eprotscroll th.sheet-template-subtitle2,
|
|
.sheet-rolltemplate-2Echeck th.sheet-template-subtitle2,
|
|
.sheet-rolltemplate-2Einversecheck 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-2Eprotscroll table,
|
|
.sheet-rolltemplate-2Eprotscroll table,
|
|
.sheet-rolltemplate-2Einversecheck 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-2Eprotscroll .sheet-template-body tr:nth-child(even),
|
|
.sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(even),
|
|
.sheet-rolltemplate-2Einversecheck .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-2Eprotscroll .sheet-template-body tr:nth-child(odd),
|
|
.sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(odd),
|
|
.sheet-rolltemplate-2Einversecheck .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-2Eprotscroll div.sheet-template-body,
|
|
.sheet-rolltemplate-2Echeck div.sheet-template-body,
|
|
.sheet-rolltemplate-2Einversecheck 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-2Eprotscroll div.sheet-protscroll-head,
|
|
.sheet-rolltemplate-2Echeck div.sheet-check-head,
|
|
.sheet-rolltemplate-2Einversecheck div.sheet-check-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;
|
|
width: 33%;
|
|
}
|
|
|
|
.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;
|
|
width: 33%;
|
|
}
|
|
|
|
.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 & 2Eprotscroll Template /*/
|
|
.sheet-rolltemplate-2Espell div.sheet-spell-head,
|
|
.sheet-rolltemplate-2Eprotscroll div.sheet-protscroll-head {
|
|
background: #1f2354;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Espell td.sheet-spell-c1,
|
|
.sheet-rolltemplate-2Eprotscroll 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,
|
|
.sheet-rolltemplate-2Eprotscroll 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,
|
|
.sheet-rolltemplate-2Eprotscroll 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;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Echeck div.sheet-check-head,
|
|
.sheet-rolltemplate-2Einversecheck div.sheet-check-head {
|
|
background: #512E5F;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Echeck td.sheet-check-c1,
|
|
.sheet-rolltemplate-2Einversecheck td.sheet-check-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-2Echeck td.sheet-check-c2,
|
|
.sheet-rolltemplate-2Einversecheck td.sheet-check-c2 {
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
text-align: center;
|
|
font-family: "verdana";
|
|
border: none;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-2Echeck td.sheet-check-c3,
|
|
.sheet-rolltemplate-2Einversecheck td.sheet-check-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-2Echeck td.sheet-check-c4,
|
|
.sheet-rolltemplate-2Einversecheck td.sheet-check-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;
|
|
}
|
|
|
|
.sheet-announcements div.sheet-chk-content {
|
|
color: red;
|
|
font-style: italic;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.sheet-announce-items {
|
|
color: black;
|
|
font-style: italic;
|
|
font-size: 10pt;
|
|
}
|
|
.sheet-footer {
|
|
border: 2px solid red;
|
|
background-color: #808080;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
td.sheet-c2 {
|
|
text-align: center middle;
|
|
}
|
|
|
|
.sheet-spellrep {
|
|
border: 1px solid #595959;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
margin: 2px;
|
|
}
|
|
|
|
.sheet-spelltable {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-spellrep div.sheet-chk-content {
|
|
width: 95%;
|
|
padding: 5px;
|
|
border: 1px dashed #002db3;
|
|
}
|
|
|
|
.sheet-sptable {
|
|
width: 100%;
|
|
border: collapse;
|
|
}
|
|
|
|
.sheet-sptable th {
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet th {
|
|
background: #4a86e8;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 1px;
|
|
}
|
|
|
|
.sheet-sptable td.sheet-c1 {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-sptable td.sheet-c2 {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-sptable td.sheet-c3 {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-spdesc {
|
|
width: 95%;
|
|
height: 75px;
|
|
overflow: auto;
|
|
}
|
|
|
|
/*/ From DSD Sheet /*/
|
|
div.sheet-chk-content { display: none; }
|
|
|
|
input.sheet-chk1:checked ~ div.sheet-chk1,
|
|
input.sheet-chk2:checked ~ div.sheet-chk2,
|
|
input.sheet-chk3:checked ~ div.sheet-chk3,
|
|
input.sheet-chk4:checked ~ div.sheet-chk4,
|
|
input.sheet-chk5:checked ~ div.sheet-chk5
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-chk:checked::before {
|
|
background: #fff;
|
|
color: #002db3;
|
|
}
|
|
|
|
div.sheet-chk-content {
|
|
width: 95%;
|
|
margin: 5px;
|
|
border-top: 1px dashed #002db3;
|
|
}
|
|
|
|
|
|
div.sheet-chkannounce { display: none; }
|
|
|
|
input.sheet-anchk:checked ~ div.sheet-chkannounce
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-anchk:checked::before {
|
|
color: #ff0000;
|
|
}
|
|
|
|
div.sheet-chkannounce {
|
|
width: 95%;
|
|
margin: 5px;
|
|
border: 3px solid #ff0000;
|
|
border-radius: 8px;
|
|
padding: 8px;
|
|
background: #ababab;
|
|
}
|
|
|
|
.sheet-selectable {
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: #181E72;
|
|
-webkit-user-select: all; /* Chrome all / Safari all */
|
|
-moz-user-select: all; /* Firefox all */
|
|
-ms-user-select: all; /* IE 10+ */
|
|
user-select: all; /* Likely future */
|
|
}
|
|
|