861 lines
21 KiB
CSS
861 lines
21 KiB
CSS
/*----------- Repeating Blocks -------------*/
|
|
.charsheet .repcontrol_add {
|
|
display: block;
|
|
background:black;
|
|
color:white;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
box-shadow:none;
|
|
float:left!important;
|
|
margin-bottom:0px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
}
|
|
.charsheet .repcontrol_edit {
|
|
display: inline-block;
|
|
background:black;
|
|
color:white;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
}
|
|
.charsheet .repcontrol_del {
|
|
background:red;
|
|
color:white;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
}
|
|
.charsheet .repcontrol_move {
|
|
display: inline-block;
|
|
background:#76191A;
|
|
color:white;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:1.4em;
|
|
padding-top:2px;
|
|
padding-bottom:2px;
|
|
}
|
|
/*-----background-----*/
|
|
.charsheet {
|
|
background: black;
|
|
background-size:100%;
|
|
}
|
|
|
|
/*----------- Tabs Setup -------------*/
|
|
.charsheet {
|
|
width:840px;
|
|
}
|
|
|
|
div.sheet-core-content {
|
|
display: none;
|
|
width:840px;
|
|
}
|
|
.charsheet div[class^="sheet-section"] {
|
|
display: none;
|
|
background-size:840px;
|
|
background:white;
|
|
border-radius:15px;
|
|
box-shadow: inset 0px 0px 15px #76191A;
|
|
padding:10px;
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-section-1,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-section-2,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-section-3,
|
|
.charsheet input.sheet-tab4:checked ~ div.sheet-section-4,
|
|
.charsheet input.sheet-tab5:checked ~ div.sheet-section-5,
|
|
.charsheet input.sheet-tab6:checked ~ div.sheet-section-6 {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab {
|
|
width: 100px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 998;
|
|
box-shadow: 0px 0px 5px blue;
|
|
}
|
|
|
|
.charsheet span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background:white;
|
|
color: #76191A;
|
|
font-weight: bold;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
border-radius: 4px;
|
|
border: 2px solid #76191A;
|
|
|
|
width: 100px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: -105px;
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
|
|
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
|
|
.charsheet input.sheet-tab6:checked + span.sheet-tab6,
|
|
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
|
|
|
|
background: #76191A; /*originally ab8b57*/
|
|
color: white; /*originally white*/
|
|
border-radius: 4px;
|
|
border: 2px solid #76191A;
|
|
}
|
|
/*----------- End Tab Setup -----------*/
|
|
/*----------- Topbar -----------*/
|
|
|
|
.sheet-topbar {
|
|
background-size:840px;
|
|
background:white;
|
|
border-radius:15px;
|
|
box-shadow: inset 0px 0px 15px #76191A;
|
|
padding:10px;
|
|
}
|
|
/*----------- End Topbar -----------*/
|
|
/*==========hero number button==========*/
|
|
|
|
div.sheet-hero {
|
|
width: 80px;
|
|
height: 80px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-hero {
|
|
position: absolute;
|
|
margin: 5px 0 0 0px;
|
|
opacity: 0;
|
|
width: 80px;
|
|
height: 80px;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-hero {
|
|
margin: -5px 0px 0px -10px;
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-zerohero { z-index: 2; }
|
|
|
|
input.sheet-zerohero:checked + input.sheet-onehero,
|
|
input.sheet-onehero:checked + input.sheet-twohero,
|
|
input.sheet-twohero:checked + input.sheet-threehero { z-index: 3; }
|
|
|
|
input.sheet-zerohero:checked ~ span.sheet-zerohero,
|
|
input.sheet-onehero:checked ~ span.sheet-onehero,
|
|
input.sheet-twohero:checked ~ span.sheet-twohero,
|
|
input.sheet-threehero:checked ~ span.sheet-threehero { display: inline-block; }
|
|
|
|
.sheet-zerohero
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/pink-black-cherry-blossom-festival-icons-alphanumeric/073109-pink-black-cherry-blossom-festival-icon-alphanumeric-m00-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-onehero
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/pink-black-cherry-blossom-festival-icons-alphanumeric/073110-pink-black-cherry-blossom-festival-icon-alphanumeric-m01-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-twohero
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/pink-black-cherry-blossom-festival-icons-alphanumeric/073111-pink-black-cherry-blossom-festival-icon-alphanumeric-m02-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-threehero
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/pink-black-cherry-blossom-festival-icons-alphanumeric/073112-pink-black-cherry-blossom-festival-icon-alphanumeric-m03-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
/* ==== heroup & Down ==== */
|
|
/* ----Hide actual sheet-heroup checkbox---- */
|
|
|
|
input.sheet-heroup[type="checkbox"] {
|
|
opacity: 0;
|
|
margin-right: 10px;
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 25px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-heroup checkbox----- */
|
|
|
|
input.sheet-heroup[type="checkbox"] + span::before
|
|
{
|
|
position:relative;
|
|
top:0px;
|
|
left:1px;
|
|
margin-right: 10px;
|
|
margin-left: 5px;
|
|
line-height: 30px;
|
|
width: 30px;
|
|
height: 30px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
background:transparent;
|
|
color: black;
|
|
text-shadow:0px 0px 5px white;
|
|
font-family:"Pictos";
|
|
content: "4";
|
|
font-size:30px;
|
|
-ms-transform: rotate(-90deg); /* IE 9 */
|
|
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
input.sheet-heroup[type="checkbox"]:hover + span::before {
|
|
color: red;
|
|
text-shadow:0px 0px 5px black;
|
|
}
|
|
/* ----Hide actual sheet-herodown checkbox---- */
|
|
|
|
input.sheet-herodown[type="checkbox"] {
|
|
opacity: 0;
|
|
margin-right: 10px;
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 25px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-herodown checkbox----- */
|
|
|
|
input.sheet-herodown[type="checkbox"] + span::before
|
|
{
|
|
position:relative;
|
|
top:0px;
|
|
left:0px;
|
|
margin-right: 10px;
|
|
margin-left: 5px;
|
|
line-height: 30px;
|
|
width: 30px;
|
|
height: 30px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
background:transparent;
|
|
color: black;
|
|
text-shadow:0px 0px 5px white;
|
|
|
|
font-family:"Pictos";
|
|
content: "4";
|
|
font-size:30px;
|
|
-ms-transform: rotate(90deg); /* IE 9 */
|
|
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
input.sheet-herodown[type="checkbox"]:hover + span::before {
|
|
color: red;
|
|
text-shadow:0px 0px 5px black;
|
|
}
|
|
/* End of Feats */
|
|
.sheet-heading_1 {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #76191A;
|
|
background: transparent;
|
|
box-shadow:none;
|
|
font-size:1.4em;
|
|
line-height:1.5em;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
font-variant: small-caps;
|
|
|
|
}
|
|
.sheet-text_1 {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #76191A;
|
|
background: transparent;
|
|
box-shadow:none;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
}
|
|
.sheet-number_1 {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #76191A;
|
|
background: transparent;
|
|
box-shadow:none;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
}
|
|
th.sheet-small {
|
|
font-size:0.8em;
|
|
}
|
|
|
|
.sheet-textarea_1 {
|
|
border: 1px solid black;
|
|
box-shadow: inset 0px 0px 10px #76191A;
|
|
height:30px;
|
|
resize:vertical;
|
|
}
|
|
/* Select */
|
|
select.sheet-select_1 {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid #76191A;
|
|
background: transparent;
|
|
box-shadow:none;
|
|
font-size:1em;
|
|
line-height:1em;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
font-variant: small-caps;
|
|
width:120px;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ div.sheet-hold {
|
|
display: none;
|
|
}
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
h4 {
|
|
color: white;
|
|
text-shadow: 0px 0px 2px #76191A, 0px 0px 2px #76191A, 0px 0px 2px #76191A, 0px 0px 12px #76191A,0px 0px 12px #76191A,0px 0px 12px #76191A;
|
|
}
|
|
/*----- sheet-checkbox_1 -----*/
|
|
/*========== checkbox_1 ==========*/
|
|
/* ----Hide actual checkbox_1---- */
|
|
input.sheet-checkbox_1[type="checkbox"],
|
|
input.sheet-checkbox_2[type="checkbox"],
|
|
input.sheet-checkbox_3[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 10px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big Checkbox ---- */
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before,
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 4px;
|
|
border-radius: 15px;
|
|
border: 1px solid black;
|
|
|
|
background:white;
|
|
}
|
|
|
|
input.sheet-checkbox_3[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 4px;
|
|
border-radius: 0px;
|
|
border: none;
|
|
background:transparent;
|
|
}
|
|
input.sheet-checkbox_1[type="checkbox"] + span::before,
|
|
input.sheet-checkbox_2[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 15px;
|
|
}
|
|
input.sheet-checkbox_3[type="checkbox"] + span::before {
|
|
font-family:"Pictos";
|
|
color:green;
|
|
content: ")";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 14px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 15px;
|
|
}
|
|
input.sheet-checkbox_1[type="checkbox"]:checked + span::before {
|
|
color: green;
|
|
font-family:"Pictos";
|
|
content: "+";
|
|
text-shadow:none;
|
|
font-weight:bold;
|
|
}
|
|
input.sheet-checkbox_2[type="checkbox"]:checked + span::before {
|
|
color: #76191A;
|
|
font-family:"Pictos";
|
|
content: "S";
|
|
text-shadow:none;
|
|
font-weight:bold;
|
|
}
|
|
input.sheet-checkbox_3[type="checkbox"]:checked + span::before {
|
|
color: black;
|
|
font-family:"Pictos";
|
|
content: "(";
|
|
text-shadow:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/*----- End of checkbox_1 -----*/
|
|
/*------ wound check boxes-----*/
|
|
input.sheet-wound[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: -20px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big Checkbox ---- */
|
|
input.sheet-wound[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
line-height: 24px;
|
|
width: 24px;
|
|
height: 24px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: 0px;
|
|
left: -5px;
|
|
border-radius: 15px;
|
|
border: 1px solid black;
|
|
color: blue;
|
|
font-family:"Pictos";
|
|
content: "";
|
|
font-size:24px;
|
|
}
|
|
|
|
input.sheet-wound[type="checkbox"]:checked + span::before {
|
|
color: black;
|
|
content: "";
|
|
text-shadow:none;
|
|
font-weight:bold;
|
|
background:black;
|
|
box-shadow:0px 0px 15px red;
|
|
}
|
|
input.sheet-wound.sheet-drama[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -10px;
|
|
border:none;
|
|
font-family:"Pictos Custom";
|
|
content: "t";
|
|
font-size:44px;
|
|
color:red;
|
|
}
|
|
input.sheet-wound.sheet-drama[type="checkbox"]:checked + span::before {
|
|
color: black;
|
|
text-shadow:0px 0px 15px red;
|
|
box-shadow:none;
|
|
font-weight:bold;
|
|
background:transparent;
|
|
}
|
|
|
|
/*-----end of sheet-wound check boxes-----*/
|
|
/*-----sheet-normal radio boxes-----*/
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-normal[type="radio"]
|
|
{
|
|
opacity: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake radio----- */
|
|
input.sheet-normal[type="radio"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 12px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
border: 1px solid black;
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background:black;
|
|
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 3em;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* -----Remove dot from all radios _after_ selected one----- */
|
|
input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
background: white;
|
|
}
|
|
|
|
/*------------empty traits-----------*/
|
|
input.sheet-zip[type="radio"]:checked + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-zip[type="radio"]:hover + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
input.sheet-zip[type="radio"] + span::before
|
|
{
|
|
color:black;
|
|
font-size: 1em;
|
|
content: "✖";
|
|
opacity: 0.25;
|
|
background:white;
|
|
}
|
|
|
|
/*============Button===========*/
|
|
/*------------Button-----------*/
|
|
/*============Button===========*/
|
|
button[type="roll"].sheet-button_dice:before,
|
|
button[type="roll"].sheet-button_show:before,
|
|
button[type="roll"].sheet-skill_button:before,
|
|
button[type="roll"].sheet-trait_button:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
button[type="roll"].sheet-trait_button {
|
|
width: 100px;
|
|
height:24px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border-radius:5px;
|
|
|
|
background-color: black;
|
|
border: 2px outset gray;
|
|
border-style: outset;
|
|
padding: 2px;
|
|
padding-left:2px;
|
|
font-size: 1em;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #76191A;
|
|
}
|
|
button[type="roll"].sheet-trait_button:hover {
|
|
border: 2px inset gray;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
color:white;
|
|
background:#76191A;
|
|
}
|
|
button[type="roll"].sheet-trait_button:active {
|
|
border: 2px solid #76191A;
|
|
color:black;
|
|
background:white;
|
|
text-shadow: none;
|
|
}
|
|
|
|
/*============Skill===========*/
|
|
button[type="roll"].sheet-skill_button {
|
|
width: 100px;
|
|
height:24px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border-radius:5px;
|
|
|
|
background-color: #76191A;
|
|
border: 2px outset gray;
|
|
border-style: outset;
|
|
padding: 2px;
|
|
padding-left:2px;
|
|
font-size: 1em;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #76191A;
|
|
}
|
|
button[type="roll"].sheet-skill_button:hover {
|
|
border: 2px inset gray;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
color:white;
|
|
background:#000;
|
|
}
|
|
button[type="roll"].sheet-skill_button:active {
|
|
border: 2px solid #76191A;
|
|
color:black;
|
|
background:white;
|
|
text-shadow: none;
|
|
}
|
|
/*============show===========*/
|
|
button[type="roll"].sheet-button_show {
|
|
width: 60px;
|
|
height:24px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border-radius:5px;
|
|
|
|
background-color: black;
|
|
border: 2px outset gray;
|
|
border-style: outset;
|
|
padding: 2px;
|
|
padding-left:2px;
|
|
font-size: 1em;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #76191A;
|
|
}
|
|
button[type="roll"].sheet-button_show:hover {
|
|
border: 2px inset gray;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
color:white;
|
|
background:#76191A;
|
|
}
|
|
button[type="roll"].sheet-button_show:active {
|
|
border: 2px solid #76191A;
|
|
color:black;
|
|
background:white;
|
|
text-shadow: none;
|
|
}
|
|
|
|
button[type="roll"].sheet-button_dice:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
button[type="roll"].sheet-button_dice {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background:white;
|
|
color: #76191A;
|
|
font-weight: bold;
|
|
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
|
|
border-radius: 4px;
|
|
border: 1px solid #76191A;
|
|
|
|
width: 100px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
button[type="roll"].sheet-button_dice:hover {
|
|
border: 2px inset gray;
|
|
padding-left:3px;
|
|
padding-top:3px;
|
|
padding-right:1px;
|
|
padding-bottom:1px;
|
|
color:white;
|
|
background:#76191A;
|
|
}
|
|
button[type="roll"].sheet-button_dice:active {
|
|
border: 2px inset gray;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
color:#76191A;
|
|
background:white;
|
|
}
|
|
/*============roll templates===========*/
|
|
/*------------roll templates-----------*/
|
|
/*============roll templates===========*/
|
|
/*------------roll templates-----------*/
|
|
/*============ trait ===========*/
|
|
.sheet-rolltemplate-trait table {
|
|
width: 100%;
|
|
border: none;
|
|
border-radius:15px;
|
|
background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg');
|
|
box-shadow: -5px -5px 5px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-trait td {
|
|
padding: 5px;
|
|
border: none;
|
|
color: black;
|
|
font-family: "Shadows Into Light", cursive;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-trait .inlinerollresult,
|
|
.sheet-rolltemplate-trait .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-trait .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-trait .inlinerollresult.importantroll {
|
|
border:none;
|
|
background:transparent;
|
|
font-weight: bold;
|
|
color:black;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
.sheet-rolltemplate-trait .sheet-skill_number {
|
|
border:1px solid black;
|
|
border-radius:15px;
|
|
background:white;
|
|
font-weight: bold;
|
|
color:black;
|
|
width:50px;
|
|
display:inline;
|
|
text-align:center;
|
|
}
|
|
/*============skill===========*/
|
|
.sheet-rolltemplate-show table,
|
|
.sheet-rolltemplate-skill table {
|
|
width: 100%;
|
|
border: none;
|
|
border-radius:15px;
|
|
background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg');
|
|
box-shadow: -5px -5px 5px #76191A;
|
|
}
|
|
|
|
.sheet-rolltemplate-show td,
|
|
.sheet-rolltemplate-show th,
|
|
.sheet-rolltemplate-skill th {
|
|
padding: 5px;
|
|
border: none;
|
|
color: black;
|
|
font-family: "Shadows Into Light", cursive;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill .inlinerollresult,
|
|
.sheet-rolltemplate-skill .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-skill .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-skill .inlinerollresult.importantroll {
|
|
border:none;
|
|
background:transparent;
|
|
font-weight: bold;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
.sheet-rolltemplate-show .sheet-skill_number,
|
|
.sheet-rolltemplate-skill .sheet-skill_number {
|
|
border:1px solid black;
|
|
border-radius:15px;
|
|
background: white;
|
|
font-weight: bold;
|
|
color:black;
|
|
width:50px;
|
|
display:inline;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-skill .sheet-bonus {
|
|
border:1px solid black;
|
|
border-radius:15px;
|
|
background:black;
|
|
font-weight: bold;
|
|
color: white;
|
|
width:50px;
|
|
display:inline;
|
|
text-align:center;
|
|
}
|
|
.sheet-rolltemplate-skill .sheet-reroll {
|
|
border:1px solid #76191A;
|
|
border-radius:15px;
|
|
background:#76191A;
|
|
font-weight: bold;
|
|
color:white;
|
|
width:50px;
|
|
display:inline;
|
|
text-align:center;
|
|
} |