652 lines
11 KiB
CSS
652 lines
11 KiB
CSS
.charsheet
|
|
{
|
|
color:black !important;
|
|
}
|
|
|
|
input.sheet-tab
|
|
{
|
|
height: 22px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 7px;
|
|
margin: -1.5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
margin-bottom:14px;
|
|
margin-top:3px;
|
|
}
|
|
|
|
input.sheet-tab + span::before
|
|
{
|
|
content: attr(title);
|
|
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 20px;
|
|
|
|
|
|
font-size: 14px;
|
|
font-weight:bold;
|
|
border:1px solid black;
|
|
border-top-left-radius: 3em 3em;
|
|
border-top-right-radius: 3em 3em;
|
|
border-bottom-right-radius: 3em 3em;
|
|
border-bottom-left-radius: 3em 3em;
|
|
|
|
position: relative;
|
|
|
|
|
|
background-color:rgb(0, 124, 151);
|
|
color:white;
|
|
}
|
|
|
|
input.sheet-tab:checked + span::before
|
|
{
|
|
background-color:rgb(0, 124, 151);
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
color:white;
|
|
}
|
|
|
|
input.sheet-tab-130px
|
|
{
|
|
width: 129px;
|
|
}
|
|
|
|
input.sheet-tab-130px + span::before
|
|
{
|
|
width: 125px;
|
|
margin-left:-120px;
|
|
}
|
|
|
|
input.sheet-tab-100px
|
|
{
|
|
width: 99px;
|
|
}
|
|
|
|
input.sheet-tab-100px + span::before
|
|
{
|
|
width: 95px;
|
|
margin-left:-90px;
|
|
}
|
|
|
|
.sheet-hidden
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-option
|
|
{
|
|
width:21px;
|
|
height: 21px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
float:right;
|
|
margin:0px;
|
|
}
|
|
|
|
input.sheet-option+ span{
|
|
float:right;
|
|
margin-right:-21px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 21px;
|
|
height:21px;
|
|
}
|
|
|
|
input.sheet-option+ span::before
|
|
{
|
|
font-family: "pictos";
|
|
content: 'y';
|
|
color:black;
|
|
text-shadow: 2px 2px 2px rgb(117, 173, 192);
|
|
font-size: 20px;
|
|
}
|
|
input.sheet-option:checked+ span::before
|
|
{
|
|
text-shadow: 2px 2px 2px rgb(0, 124, 151);
|
|
opacity: 1;
|
|
}
|
|
|
|
input.sheet-option:checked ~ div div.sheet-hidden
|
|
{
|
|
display:block;
|
|
}
|
|
|
|
input.sheet-optionHide + span::before
|
|
{
|
|
content: '+' !important;
|
|
color:rgb(0, 124, 151);
|
|
opacity:1;
|
|
}
|
|
|
|
input.sheet-optionHide:checked + span::before
|
|
{
|
|
content: '-' !important;
|
|
color:rgb(0, 124, 151);
|
|
opacity:1;
|
|
text-shadow: 2px 2px 2px rgb(117, 173, 192);
|
|
}
|
|
|
|
input.sheet-optionHideMorph + span::before
|
|
{
|
|
content: '+' !important;
|
|
opacity:1;
|
|
text-shadow: 0.5px 0 0 black, -0.5px 0 0 black, 0 0.5px 0 black, 0 -0.5px 0 black, 0px 0px black, -0px -0px 0 black, 0px -0px 0 black, -0px 0px 0 black;
|
|
color: rgb(117, 173, 192) !important;
|
|
}
|
|
|
|
input.sheet-optionHideMorph:checked + span::before
|
|
{
|
|
content: '-' !important;
|
|
opacity:1;
|
|
text-shadow: 0.5px 0 0 black, -0.5px 0 0 black, 0 0.5px 0 black, 0 -0.5px 0 black, 0px 0px black, -0px -0px 0 black, 0px -0px 0 black, -0px 0px 0 black;
|
|
color: rgb(117, 173, 192) !important;
|
|
}
|
|
|
|
input.sheet-expand,
|
|
input.sheet-expand + span::before
|
|
{
|
|
opacity:0;
|
|
}
|
|
|
|
div:hover > span.sheet-expand::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
input.sheet-expand:checked ~ div.sheet-expand
|
|
{
|
|
display:inline-block;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-expandHide
|
|
{
|
|
display:inline-block;
|
|
}
|
|
|
|
div.sheet-expand
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-expand:checked ~ div.sheet-expandHide
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-tab1:checked ~ .sheet-tab1Show,
|
|
input.sheet-tab2:checked ~ .sheet-tab2Show,
|
|
input.sheet-tab3:checked ~ .sheet-tab3Show,
|
|
input.sheet-tab4:checked ~ .sheet-tab4Show,
|
|
input.sheet-tab5:checked ~ .sheet-tab5Show,
|
|
input.sheet-tab6:checked ~ .sheet-tab6Show,
|
|
input.sheet-tab7:checked ~ .sheet-tab7Show,
|
|
input.sheet-tab8:checked ~ .sheet-tab8Show
|
|
{
|
|
display:block;
|
|
}
|
|
|
|
input
|
|
{
|
|
color:black;
|
|
}
|
|
|
|
input[type="number"]
|
|
{
|
|
margin: 0;
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button
|
|
{
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
button[type=roll].sheet-apt-check::before
|
|
{
|
|
content: "" !important;
|
|
}
|
|
|
|
button[type=roll].sheet-apt-check
|
|
{
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
button[type=roll] input
|
|
{
|
|
background-color:transparent;
|
|
border:0px;
|
|
box-shadow:none;
|
|
padding:0px;
|
|
}
|
|
|
|
.sheet-dark-row
|
|
{
|
|
background-color:rgb(0, 124, 151);
|
|
margin-right:-10px;
|
|
margin-left:-20px;
|
|
}
|
|
|
|
.sheet-header
|
|
{
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
.sheet-center
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-title
|
|
{
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-block-title,
|
|
span.sheet-block-title
|
|
{
|
|
margin-bottom:-2px;
|
|
font-size:18px;
|
|
text-transform:uppercase;
|
|
color:rgb(0, 124, 151);
|
|
font-weight:bold;
|
|
text-align:right;
|
|
margin-left:auto;
|
|
margin-right:20px;
|
|
display:block;
|
|
}
|
|
|
|
div.sheet-block
|
|
{
|
|
background-color:rgb(117, 173, 192);
|
|
padding-top:10px;
|
|
padding-left:20px;
|
|
padding-bottom:10px;
|
|
padding-right:10px;
|
|
border-radius:20px;
|
|
}
|
|
|
|
div.sheet-identity-img
|
|
{
|
|
height:102px;
|
|
width:233px;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
margin-top:60px;
|
|
}
|
|
|
|
input.sheet-lower-input
|
|
{
|
|
border-top:0px;
|
|
border-right:0px;
|
|
border-left:0px;
|
|
border-radius:0px;
|
|
box-shadow:none;
|
|
padding-bottom:0px;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
border-bottom-color:white;
|
|
font-weight:500;
|
|
background-color:transparent;
|
|
margin-right:10px !important;
|
|
}
|
|
|
|
input.sheet-lower-inputWMargin
|
|
{
|
|
border-top:0px;
|
|
border-right:0px;
|
|
border-left:0px;
|
|
border-radius:0px;
|
|
box-shadow:none;
|
|
padding-bottom:0px;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
border-bottom-color:white;
|
|
font-weight:500;
|
|
background-color:transparent;
|
|
}
|
|
|
|
input.sheet-lower-inputWMargin
|
|
{
|
|
border-top:0px;
|
|
border-right:0px;
|
|
border-left:0px;
|
|
border-radius:0px;
|
|
box-shadow:none;
|
|
padding-bottom:0px;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
border-bottom-color:white;
|
|
font-weight:500;
|
|
background-color:transparent;
|
|
}
|
|
|
|
div.sheet-subtitle
|
|
{
|
|
margin-right:10px;
|
|
display:inline-block;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-subtitle-left
|
|
{
|
|
vertical-align:bottom;
|
|
display:inline-block;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-first-row
|
|
{
|
|
clear:both;
|
|
margin:auto;
|
|
margin-top:10px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
div.sheet-apt-title
|
|
{
|
|
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
|
|
display:inline-block !important;
|
|
text-transform:uppercase !important;
|
|
font-weight:bold !important;
|
|
font-size:13px !important;
|
|
}
|
|
|
|
input.sheet-apt-title,
|
|
button.sheet-apt-title
|
|
{
|
|
margin-right:10px !important;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-margin-col
|
|
{
|
|
margin-right:20px;
|
|
}
|
|
|
|
.sheet-column
|
|
{
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.sheet-line
|
|
{
|
|
clear:both;
|
|
}
|
|
|
|
input.sheet-spe-skills
|
|
{
|
|
width:380px;
|
|
}
|
|
|
|
div.sheet-name-skills,
|
|
span.sheet-name-skills
|
|
{
|
|
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
display:inline-block;
|
|
font-weight:bold;
|
|
font-size:13px;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
div.sheet-skills-apt
|
|
{
|
|
vertical-align:middle;
|
|
display:inline-block;
|
|
}
|
|
|
|
button[type=roll].sheet-default-btn::before
|
|
{
|
|
content: "" !important;
|
|
margin:0px !important;
|
|
padding:0px !important;
|
|
}
|
|
|
|
button[type=roll].sheet-default-btn
|
|
{
|
|
margin:0px !important;
|
|
}
|
|
|
|
button[type=roll].sheet-skills-btn::before
|
|
{
|
|
content: "" !important;
|
|
}
|
|
|
|
button.sheet-skills-btn
|
|
{
|
|
width:130px;
|
|
height:28px;
|
|
text-align:left;
|
|
padding-right:0px !important;
|
|
padding-top:0px !important;
|
|
padding-bottom:0px !important;
|
|
padding-left:5px !important;
|
|
margin:0px !important;
|
|
}
|
|
|
|
input.sheet-morphTab
|
|
{
|
|
height: 22px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 7px;
|
|
margin: -1.5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
margin-top:-12px;
|
|
margin-left:-8px
|
|
}
|
|
|
|
span.sheet-morphTab
|
|
{
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 20px;
|
|
|
|
|
|
font-size: 14px;
|
|
font-weight:bold;
|
|
border:1px solid black;
|
|
border-top-left-radius: 3em 3em;
|
|
|
|
position: relative;
|
|
|
|
background-color:rgb(0, 124, 151);
|
|
color:white;
|
|
|
|
margin-bottom:-1px;
|
|
}
|
|
|
|
input.sheet-morphTab2
|
|
{
|
|
margin-left:-12px
|
|
}
|
|
|
|
span.sheet-morphTab2
|
|
{
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 20px;
|
|
|
|
|
|
font-size: 14px;
|
|
font-weight:bold;
|
|
border:1px solid black;
|
|
|
|
position: relative;
|
|
|
|
background-color:rgb(0, 124, 151);
|
|
color:white;
|
|
|
|
margin-bottom: -7px;
|
|
}
|
|
|
|
input.sheet-morphTab:checked + span
|
|
{
|
|
border-bottom-color:rgb(0, 124, 151);
|
|
}
|
|
|
|
input.sheet-morphTab-130px
|
|
{
|
|
width: 139px;
|
|
}
|
|
|
|
span.sheet-morphTab-130px
|
|
{
|
|
width: 135px;
|
|
margin-left:-130px;
|
|
}
|
|
|
|
input.sheet-morphTab1:checked ~ .sheet-morphTab1Show,
|
|
input.sheet-morphTab2:checked ~ .sheet-morphTab2Show,
|
|
input.sheet-morphTab3:checked ~ .sheet-morphTab3Show,
|
|
input.sheet-morphTab4:checked ~ .sheet-morphTab4Show
|
|
{
|
|
display:block;
|
|
}
|
|
|
|
.sheet-block-title-morph
|
|
{
|
|
text-shadow: 0.5px 0 0 black, -0.5px 0 0 black, 0 0.5px 0 black, 0 -0.5px 0 black, 0px 0px black, -0px -0px 0 black, 0px -0px 0 black, -0px 0px 0 black;
|
|
color:rgb(117, 173, 192) !important;
|
|
}
|
|
|
|
div.sheet-morphBlock
|
|
{
|
|
width:820px;
|
|
background-color: rgb(0, 124, 151);
|
|
border: 1px solid black;
|
|
padding:5px;
|
|
}
|
|
|
|
input.sheet-M1Hidden:checked ~ div.sheet-M1Hidden,
|
|
input.sheet-M2Hidden:checked ~ div.sheet-M2Hidden,
|
|
input.sheet-M3Hidden:checked ~ div.sheet-M3Hidden,
|
|
input.sheet-M4Hidden:checked ~ div.sheet-M4Hidden
|
|
{
|
|
display:block;
|
|
}
|
|
|
|
.sheet-M1Hidden,
|
|
.sheet-M2Hidden,
|
|
.sheet-M3Hidden,
|
|
.sheet-M4Hidden
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-EPdefault .inlinerollresult,
|
|
.sheet-rolltemplate-EPcombat .inlinerollresult,
|
|
.sheet-rolltemplate-EPpsi .inlinerollresult
|
|
{
|
|
border: none;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPdefault .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-EPcombat .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-EPpsi .inlinerollresult.fullcrit
|
|
{
|
|
border: none;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPdefault .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-EPcombat .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-EPpsi .inlinerollresult.fullfail
|
|
{
|
|
border: none;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPdefault .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-EPcombat .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-EPpsi .inlinerollresult.importantroll
|
|
{
|
|
border: none;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPdefault .sheet-allbubbled,
|
|
.sheet-rolltemplate-EPcombat .sheet-allbubbled,
|
|
.sheet-rolltemplate-EPpsi .sheet-allbubbled
|
|
{
|
|
font-size: 11pt;
|
|
width:100%;
|
|
height:100%;
|
|
font-weight:bold;
|
|
border:2px solid rgb(0, 124, 151);
|
|
border-right:none;
|
|
color:white;
|
|
display:inline-block;
|
|
background-color:rgb(0, 124, 151);
|
|
text-align: center;
|
|
padding-top:1px;
|
|
padding-left:3px;
|
|
padding-bottom:4px;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPdefault .sheet-sidebubbled,
|
|
.sheet-rolltemplate-EPcombat .sheet-sidebubbled,
|
|
.sheet-rolltemplate-EPpsi .sheet-sidebubbled
|
|
{
|
|
font-size: 11pt;
|
|
width:100%;
|
|
height:100%;
|
|
font-weight:bold;
|
|
border:2px solid rgb(0, 124, 151);
|
|
border-right:none;
|
|
color:white;
|
|
display:inline-block;
|
|
background-color:rgb(0, 124, 151);
|
|
text-align: center;
|
|
padding-top:1px;
|
|
padding-left:3px;
|
|
padding-bottom:4px;
|
|
border-bottom-left-radius: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPdefault table,
|
|
.sheet-rolltemplate-EPcombat table,
|
|
.sheet-rolltemplate-EPpsi table
|
|
{
|
|
width: 100%;
|
|
border: 1px solid #DADADA;
|
|
color: black;
|
|
background-color: rgb(117, 173, 192);
|
|
font-size: 1em;
|
|
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
|
|
border-collapse: separate;
|
|
border-radius: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPdefault th,
|
|
.sheet-rolltemplate-EPcombat th,
|
|
.sheet-rolltemplate-EPpsi th
|
|
{
|
|
text-shadow: 0px 0px 1px #555555;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-EPcombat a[href^="!"], .sheet-rolltemplate-EPcombat a[href^="~"] {
|
|
background-color: transparent;
|
|
color:blue;
|
|
padding:0px;
|
|
border:none;
|
|
width:100%;
|
|
text-decoration:underline;
|
|
}
|