mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 12:12:30 +00:00
1506 lines
31 KiB
CSS
1506 lines
31 KiB
CSS
/* Repeating Blocks */
|
|
/* Repeating Blocks */
|
|
/* Repeating Blocks */
|
|
.repcontrol {
|
|
min-height: 27px;
|
|
}
|
|
|
|
.repcontrol .btn {
|
|
/*visibility: hidden;*/
|
|
border: medium none;
|
|
color: transparent !important;
|
|
background: none;
|
|
box-shadow: none;
|
|
text-shadow:none;
|
|
}
|
|
|
|
.repcontrol .btn:focus {
|
|
outline: 0;
|
|
}
|
|
.sheet-saving-throw-container .repcontrol .repcontrol_edit,
|
|
.sheet-saving-throw-container .repcontrol .repcontrol_add {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: transparent;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')';
|
|
}
|
|
|
|
.repcontrol .repcontrol_add:before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: transparent;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:hover:after,
|
|
.repcontrol .repcontrol_add:hover:before {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-resources .repcontrol {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_del {
|
|
font-size: 10px;
|
|
margin-top: 3px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_move {
|
|
font-size: 10px;
|
|
margin-top: 3px;
|
|
padding: 0px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
|
|
fieldset.sheet-hidecontrols ~ .repcontrol {
|
|
display: none;
|
|
}
|
|
/* End of Repeating Blocks */
|
|
/* End of Repeating Blocks */
|
|
/* End of Repeating Blocks */
|
|
.charsheet {
|
|
background: url('https://upload.wikimedia.org/wikipedia/commons/8/84/Parchment.00.jpg');
|
|
background-size:100%;
|
|
}
|
|
|
|
.sheet-banner {
|
|
background: url('http://www.angelfire.com/theforce2/randomir/7thSeaTitle.gif');
|
|
background-repeat: no-repeat;
|
|
background-size: 70%;
|
|
float:right;
|
|
}
|
|
|
|
.sheet-hidden {
|
|
display:none;
|
|
}
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Parisienne|Caveat|Dancing+Script|Satisfy&display=swap');
|
|
/*============= TABS =============*/
|
|
/*Configure the tab buttons*/
|
|
.sheet-basic,
|
|
.sheet-skills,
|
|
.sheet-combat,
|
|
.sheet-equipment,
|
|
.sheet-notes {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="basic"] ~ div.sheet-basic,
|
|
.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment,
|
|
.sheet-tabstoggle[value="notes"] ~ div.sheet-notes {
|
|
display: block;
|
|
}
|
|
button.sheet-tab {
|
|
color: black;
|
|
background: rgba(255,255,192,0.45);
|
|
border-bottom: 1px solid black;
|
|
border-top: 1px solid red;
|
|
border-left: none;
|
|
border-right:none;
|
|
font-family:Caveat;
|
|
font-size: 16px;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
|
|
|
|
}
|
|
span.sheet-btn_name {
|
|
height:20px;
|
|
}
|
|
/*-----textbox-----*/
|
|
.charsheet .sheet-textbox[type="text"] {
|
|
border:none;
|
|
box-shadow:none;
|
|
width:100%;
|
|
height:20px;
|
|
font-size:20px;
|
|
padding-top:0px;
|
|
padding-left:5px;
|
|
padding-right:0px;
|
|
padding-bottom: 0px;
|
|
margin:0px;
|
|
font-family:Caveat;
|
|
background: rgba(255,255,192,0.45);
|
|
}
|
|
|
|
.charsheet .sheet-textbox[type="number"] {
|
|
border:none;
|
|
box-shadow:none;
|
|
width:100%;
|
|
max-width:100%;
|
|
height:20px;
|
|
font-size:20px;
|
|
padding-top:0px;
|
|
padding-left:5px;
|
|
padding-right:0px;
|
|
padding-bottom: 0px;
|
|
margin:0px;
|
|
font-family:Caveat;
|
|
background: rgba(255,255,192,0.45);
|
|
}
|
|
.charsheet .sheet-textbox_2[type="text"],
|
|
.charsheet .sheet-textbox_2[type="number"] {
|
|
border:none;
|
|
box-shadow:none;
|
|
width:100%;
|
|
max-width:100%;
|
|
height:20px;
|
|
font-size:20px;
|
|
padding-top:0px;
|
|
padding-left:5px;
|
|
padding-right:0px;
|
|
padding-bottom: 0px;
|
|
margin:0px;
|
|
font-family:Caveat;
|
|
background: rgb(225,204,177,0.45);
|
|
}
|
|
.charsheet .sheet-width_50[type="number"] {
|
|
border:none;
|
|
box-shadow:none;
|
|
width:100%;
|
|
max-width:50px;
|
|
height:20px;
|
|
font-size:20px;
|
|
padding-top:0px;
|
|
padding-left:5px;
|
|
padding-right:0px;
|
|
padding-bottom: 0px;
|
|
margin:0px;
|
|
font-family:Caveat;
|
|
background: rgba(255,255,192,0.45);
|
|
}
|
|
|
|
.sheet-defense {
|
|
text-align:center;
|
|
background:transparent;
|
|
border-top:none;
|
|
border-left:none;
|
|
border-right:none;
|
|
border-bottom: none;
|
|
box-shadow:none;
|
|
font-family:Parisienne;
|
|
font-size:1.4em;
|
|
}
|
|
|
|
.sheet-skillbox {
|
|
background:transparent;
|
|
border-top:none;
|
|
border-left:none;
|
|
border-right:none;
|
|
border-bottom: 1px solid black;
|
|
box-shadow:none;
|
|
width:100%;
|
|
|
|
color:#13558f;
|
|
text-shadow: 0px 0px 0.2em white;
|
|
font-style:italic;
|
|
font-weight:700;
|
|
}
|
|
|
|
.sheet-skilltitle {
|
|
background:transparent;
|
|
border-top:none;
|
|
border-left:none;
|
|
border-right:none;
|
|
border-bottom: 1px solid black;
|
|
box-shadow:none;
|
|
|
|
color:#13558f;
|
|
text-shadow: 0px 0px 0.2em white;
|
|
font-weight:700;
|
|
font-family:Parisienne;
|
|
font-size:1.2em;
|
|
}
|
|
|
|
.sheet-skilltitle::-webkit-input-placeholder {
|
|
padding-top:6px;
|
|
}
|
|
|
|
.sheet-Sorcerous {
|
|
text-shadow: 0px 0px 0.2em blue;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-Swordsman {
|
|
text-shadow: 0px 0px 0.2em red;
|
|
color:black;
|
|
}
|
|
.charsheet div.sheet-grid_1 input.sheet-wounds[type="number"],
|
|
.charsheet .sheet-wounds {
|
|
background: rgba(255,255,192,0.45);
|
|
border:none;
|
|
box-shadow:none;
|
|
width:100%;
|
|
font-style:italic;
|
|
font-size:2em;
|
|
font-weight:bold;
|
|
text-shadow: 0px 0px 0.2em red;
|
|
text-align:center;
|
|
font-family:Caveat;
|
|
}
|
|
.sheet-center {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
text-align:center;
|
|
}
|
|
.sheet-select {
|
|
padding:0px;
|
|
margin:0px;
|
|
background: rgba(255,255,192,0.45);
|
|
font-family:Parisienne;
|
|
border:none;
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
width:100%;
|
|
height: 20px;
|
|
}
|
|
|
|
.charsheet .sheet-subtitle {
|
|
font-family:Parisienne;
|
|
font-weight:bold;
|
|
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 15px white;
|
|
}
|
|
.charsheet .sheet-subtitle_2 {
|
|
font-family:Dancing Script;
|
|
text-shadow: none;
|
|
font-size:16px;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .sheet-subtitle_2 hr {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-black {
|
|
border-color:black;
|
|
}
|
|
.charsheet .sheet-row .sheet-subtitle span.sheet-span_20 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
h3 {
|
|
font-family:Parisienne;
|
|
font-size:1.6em;
|
|
font-weight:bold;
|
|
}
|
|
|
|
h4 {
|
|
font-family:Parisienne;
|
|
font-size:1.4em;
|
|
font-weight:bold;
|
|
}
|
|
|
|
h5 {
|
|
font-family:Parisienne;
|
|
font-size:1.2em;
|
|
font-weight:bold;
|
|
}
|
|
|
|
td, th {
|
|
font-family:Parisienne;
|
|
font-size:1.2em;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-textarea {
|
|
background: rgba(255,255,192,0.65);
|
|
background-size:100%;
|
|
width:97%;
|
|
resize:vertical;
|
|
}
|
|
/*===== tables =====*/
|
|
.sheet-skilltable {
|
|
background: transparent;
|
|
background-size:100%;
|
|
font-family:Dancing Script;
|
|
color:black;
|
|
font-weight:400;
|
|
width:75%;
|
|
}
|
|
/* Grid */
|
|
div.sheet-grid_1 {
|
|
display: grid;
|
|
grid-template-columns: 150px 50px 50px 50px 50px 50px 50px 50px;
|
|
grid-template-rows: 50px 50px;
|
|
grid-column-gap: 5px;
|
|
}
|
|
div.sheet-grid_2 {
|
|
display: grid;
|
|
grid-template-columns: 550px 230px;
|
|
grid-column-gap: 5px;
|
|
}
|
|
/* Rows and Items */
|
|
.charsheet .sheet-row {
|
|
height: 24px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.charsheet .sheet-doublerow {
|
|
height: 48px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.charsheet .sheet-item {
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 28px;
|
|
vertical-align: middle;
|
|
margin: 0 0px;
|
|
text-align: left;
|
|
padding: 3px 2px;
|
|
}
|
|
.charsheet .sheet-trait {
|
|
position: relative;
|
|
}
|
|
.charsheet .sheet-item.sheet-1 {
|
|
width: 1px;
|
|
}
|
|
.charsheet .sheet-item.sheet-2 {
|
|
width: 2px;
|
|
}
|
|
.charsheet .sheet-item.sheet-5 {
|
|
width: 5px;
|
|
}
|
|
.charsheet .sheet-item.sheet-6 {
|
|
width: 6px;
|
|
}
|
|
.charsheet .sheet-item.sheet-8 {
|
|
width: 8px;
|
|
}
|
|
.charsheet .sheet-item.sheet-10 {
|
|
width: 10px;
|
|
}
|
|
.charsheet .sheet-item.sheet-14 {
|
|
width: 14px;
|
|
}
|
|
.charsheet .sheet-item.sheet-20 {
|
|
width: 20px;
|
|
}
|
|
.charsheet .sheet-item.sheet-25 {
|
|
width: 25px;
|
|
}
|
|
.charsheet .sheet-item.sheet-30 {
|
|
width: 30px;
|
|
}
|
|
.charsheet .sheet-item.sheet-40 {
|
|
width: 40px;
|
|
}
|
|
.charsheet .sheet-item.sheet-50 {
|
|
width: 50px;
|
|
}
|
|
.charsheet .sheet-item.sheet-60 {
|
|
width: 60px;
|
|
}
|
|
.charsheet .sheet-item.sheet-65 {
|
|
width: 65px;
|
|
}
|
|
.charsheet .sheet-item.sheet-70 {
|
|
width: 70px;
|
|
}
|
|
.charsheet .sheet-item.sheet-80 {
|
|
width: 80px;
|
|
}
|
|
.charsheet .sheet-item.sheet-85 {
|
|
width: 85px;
|
|
}
|
|
.charsheet .sheet-item.sheet-90 {
|
|
width: 90px;
|
|
}
|
|
.charsheet .sheet-item.sheet-100 {
|
|
width: 100px;
|
|
}
|
|
.charsheet .sheet-item.sheet-110 {
|
|
width: 110px;
|
|
}
|
|
.charsheet .sheet-item.sheet-120 {
|
|
width: 120px;
|
|
}
|
|
.charsheet .sheet-item.sheet-130 {
|
|
width: 130px;
|
|
}
|
|
.charsheet .sheet-item.sheet-140 {
|
|
width: 140px;
|
|
}
|
|
.charsheet .sheet-item.sheet-150 {
|
|
width: 150px;
|
|
}
|
|
.charsheet .sheet-item.sheet-160 {
|
|
width: 160px;
|
|
}
|
|
.charsheet .sheet-item.sheet-170 {
|
|
width: 170px;
|
|
}
|
|
.charsheet .sheet-item.sheet-180 {
|
|
width: 180px;
|
|
}
|
|
.charsheet .sheet-item.sheet-195 {
|
|
width: 195px;
|
|
}
|
|
.charsheet .sheet-item.sheet-200 {
|
|
width: 200px;
|
|
}
|
|
.charsheet .sheet-item.sheet-210 {
|
|
width: 210px;
|
|
}
|
|
.charsheet .sheet-item.sheet-220 {
|
|
width: 220px;
|
|
}
|
|
.charsheet .sheet-item.sheet-230 {
|
|
width: 230px;
|
|
}
|
|
.charsheet .sheet-item.sheet-250 {
|
|
width: 250px;
|
|
}
|
|
.charsheet .sheet-item.sheet-300 {
|
|
width: 300px;
|
|
}
|
|
.charsheet .sheet-item.sheet-395 {
|
|
width: 395px;
|
|
}
|
|
.charsheet .sheet-item.sheet-400 {
|
|
width: 400px;
|
|
}
|
|
.sheet-real {
|
|
width: auto;
|
|
}
|
|
.charsheet .sheet-long {
|
|
width: 300px;
|
|
}
|
|
.charsheet .sheet-row label {
|
|
font-size:18px;
|
|
font-weight:900;
|
|
text-align:left;
|
|
}
|
|
/* ======== Sheet-arrow to hide things========*/
|
|
input.sheet-arrow[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-arrow checkbox----- */
|
|
|
|
input.sheet-arrow[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
float: left;
|
|
width: 14px;
|
|
height: 14px;
|
|
content: "▼";
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
input.sheet-arrow[type="checkbox"]:checked + span::before {
|
|
width: 14px;
|
|
height: 14px;
|
|
content: "▼";
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
div.sheet-body {
|
|
display: none;
|
|
}
|
|
/* -----Hiding areas with sheet-arrow ----- */
|
|
|
|
input.sheet-arrow {
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ div.sheet-body {
|
|
display: block;
|
|
}
|
|
/*-----radio boxes-----*/
|
|
|
|
/* -----Sheet-defense-toggle----- */
|
|
|
|
input.sheet-defense-toggle[type="radio"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-defense-toggle[type="radio"] + span::before {
|
|
margin-right: 2px;
|
|
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: rgba(255,255,192,0.45);
|
|
|
|
color:blue;
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
input.sheet-defense-toggle[type="radio"]:checked + span::before {
|
|
background: black;
|
|
|
|
}
|
|
/*-----radio boxes-----*/
|
|
|
|
/* -----Sheet-normal----- */
|
|
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-normal[type="radio"]
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake radio----- */
|
|
input.sheet-normal[type="radio"] + span::before
|
|
{
|
|
margin-right: 2px;
|
|
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: black;
|
|
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
|
|
background-size:10%;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
input.sheet-skill[type="radio"] + span::before {
|
|
font-size: 1em;
|
|
|
|
}
|
|
|
|
/* -----Remove dot from all radios _after_ selected one----- */
|
|
input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before
|
|
{
|
|
background: rgba(255,255,192,0.45);
|
|
}
|
|
|
|
/*------------empty traits-----------*/
|
|
input.sheet-zero[type="radio"]:checked + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-zero[type="radio"]:hover + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
input.sheet-zero[type="radio"] + span::before
|
|
{
|
|
font-size: 12px;
|
|
content: "✖";
|
|
opacity: 0.25;
|
|
}
|
|
|
|
/*========Melee toggle Checkbox========*/
|
|
/* Hide actual radio/checkbox */
|
|
input.sheet-meleecheck[type="checkbox"]
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 20px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-meleecheck[type="checkbox"] + span::before
|
|
{
|
|
margin-left: 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 checkbox */
|
|
input.sheet-meleecheck[type="checkbox"] + span::before
|
|
{
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input.sheet-meleecheck[type="checkbox"]:checked + span::before
|
|
{
|
|
color:red;
|
|
content: "✓";
|
|
}
|
|
|
|
/*==========radio==========*/
|
|
/* Yes No */
|
|
/*-------Start of sheet-Query-----------*/
|
|
div.sheet-Query {
|
|
position: relative;
|
|
left: 0px;
|
|
top: 5px;
|
|
width: 30px;
|
|
height: 20px;
|
|
margin-left: 0px;
|
|
}
|
|
input.sheet-Query {
|
|
width: 30px;
|
|
height: 20px;
|
|
position: absolute;
|
|
left:0px;
|
|
top:0px;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
span.sheet-Query {
|
|
margin: 0px 0 0 0px;
|
|
display: none;
|
|
position: absolute;
|
|
left:0px;
|
|
top:0px;
|
|
width:30px;
|
|
text-align:center;
|
|
font-family: "Dancing Script";
|
|
text-shadow:0px 0px 5px white;
|
|
}
|
|
input.sheet-no {
|
|
z-index: 2;
|
|
}
|
|
input.sheet-no:checked + input.sheet-yes,input.sheet-yes:checked + input.sheet-no {
|
|
z-index: 3;
|
|
}
|
|
input.sheet-no:checked ~ span.sheet-no,input.sheet-yes:checked ~ span.sheet-yes {
|
|
display: inline-block;
|
|
}
|
|
/*==========buttons==========*/
|
|
/*=====traits=====*/
|
|
|
|
.sheet-trait_roll[type="roll"]:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-trait_roll[type="roll"] {
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: 0;
|
|
line-height: 1em;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
|
|
background-color: transparent;
|
|
border: 2px solid transparent; /* 1px solid black */;
|
|
padding: 2px;
|
|
padding-bottom:4px;
|
|
|
|
font-size: 1em;
|
|
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
|
|
font-weight: 700;
|
|
font-family: "Dancing Script";
|
|
}
|
|
|
|
.sheet-trait_roll[type="roll"]:hover {
|
|
border: 2px inset gray; /* 1px solid black */;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:2px;
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
/*=====skills=====*/
|
|
.sheet-skillbutton[type="roll"]:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-skillbutton[type="roll"] {
|
|
width: 100%;
|
|
height:22px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: 0;
|
|
line-height: 0.7em;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
background: rgb(225,204,177,0.35);
|
|
border: 2px solid transparent; /* 1px solid black */
|
|
padding: 2px;
|
|
padding-bottom:4px;
|
|
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
|
|
font-family: "Dancing Script";
|
|
font-size:0.7em;
|
|
}
|
|
|
|
.sheet-skillbutton[type="roll"]:hover {
|
|
border: 2px inset gray; /* 1px solid black */;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:2px;
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
|
|
.sheet-action_die[type="roll"] {
|
|
width:150px;
|
|
height:45px;
|
|
}
|
|
/*=====Tooltips =====*/
|
|
.sheet-tooltips {
|
|
position: relative;
|
|
display: inline;
|
|
}
|
|
.sheet-tooltips span {
|
|
position: absolute;
|
|
width:140px;
|
|
color: #000000;
|
|
background: #FFFFFF;
|
|
border: 2px solid #FF0800;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
visibility: hidden;
|
|
border-radius: 6px;
|
|
box-shadow: -5px 5px 5px #000000;
|
|
}
|
|
.sheet-tooltips span:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -12px;
|
|
width: 0; height: 0;
|
|
border-top: 12px solid #FF0800;
|
|
border-right: 12px solid transparent;
|
|
border-left: 12px solid transparent;
|
|
}
|
|
.sheet-tooltips span:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
width: 0; height: 0;
|
|
border-top: 8px solid #FFFFFF;
|
|
border-right: 8px solid transparent;
|
|
border-left: 8px solid transparent;
|
|
}
|
|
.sheet-tooltips:hover.sheet-tooltips span {
|
|
visibility: visible;
|
|
opacity: 0.8;
|
|
bottom: 30px;
|
|
left: 50%;
|
|
margin-left: -76px;
|
|
z-index: 999;
|
|
}
|
|
/*================================*/
|
|
/*========Roll templates==========*/
|
|
/*=== ability ===*/
|
|
|
|
.sheet-rolltemplate-initiative {
|
|
width: 100%;
|
|
border: none;
|
|
border-radius:5px;
|
|
background: url(http://i.imgur.com/BLb0XMU.jpg);
|
|
box-shadow: -5px -5px 5px black, 0px 0px 2px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-initiative .sheet-item {
|
|
padding: 2px;
|
|
border: none;
|
|
color: black;
|
|
font-size:14px;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-initiative .sheet-row {
|
|
height: 24px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-halfrow {
|
|
height: 12px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-230 {
|
|
width: 230px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-110 {
|
|
width: 110px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-100 {
|
|
width: 100px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-80 {
|
|
width: 80px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-20 {
|
|
width: 20px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-10 {
|
|
width: 10px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-60per {
|
|
width: 60%;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-item.sheet-30per {
|
|
width: 25%;
|
|
}
|
|
|
|
.sheet-rolltemplate-initiative .inlinerollresult,
|
|
.sheet-rolltemplate-initiative .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-initiative .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-initiative .inlinerollresult.importantroll {
|
|
border:none;
|
|
background:transparent;
|
|
font-weight: bold;
|
|
color:black;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-title {
|
|
border:none;
|
|
border-radius:5px;
|
|
background:transparent;
|
|
font-weight: bold;
|
|
font-size:20px;
|
|
font-family: "Parisienne";
|
|
color:black
|
|
display:inline-block;
|
|
height:100%;
|
|
text-align:left;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
padding-top:4px;
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-initiative .sheet-title_fatigue .sheet-lower,
|
|
.sheet-rolltemplate-initiative .sheet-title_archetype .sheet-lower,
|
|
.sheet-rolltemplate-initiative .sheet-title_magic .sheet-lower,
|
|
.sheet-rolltemplate-initiative .sheet-title .sheet-lower {
|
|
vertical-align:-5px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-subtitle {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
font-family: "Shadows Into Light", cursive;
|
|
color:black;
|
|
width:100%;
|
|
display:inline-block;
|
|
text-align:center;
|
|
padding:0px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-text {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: rgba(255,255,255,0.6);
|
|
font-weight: bold;
|
|
width:calc (100% - 10px);
|
|
display:inline-block;
|
|
text-align:left;
|
|
font-family: "Tenali Ramakrishna";
|
|
font-size:14px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
.sheet-rolltemplate-initiative .sheet-text_2 {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
width:calc (100% - 10px);
|
|
display:inline-block;
|
|
text-align:left;
|
|
font-family: "Tenali Ramakrishna";
|
|
font-size:14px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
/*========Roll templates=========*/
|
|
/*========Skill==========*/
|
|
|
|
/*=== skill ===*/
|
|
|
|
.sheet-rolltemplate-trait {
|
|
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 .sheet-item {
|
|
padding: 5px;
|
|
border: none;
|
|
color: black;
|
|
font-family: "Caveat", cursive;
|
|
font-size: 18px;
|
|
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;
|
|
}
|
|
.sheet-rolltemplate-trait .sheet-red {
|
|
color: darkred;
|
|
text-shadow: 0px 0px 5px white,0px 0px 3px white;
|
|
}
|
|
|
|
/*========Roll templates=========*/
|
|
/*========Spell==========*/
|
|
|
|
.sheet-rolltemplate-magic {
|
|
width: 100%;
|
|
border: none;
|
|
border-radius:5px;
|
|
background: url(http://i.imgur.com/BLb0XMU.jpg);
|
|
box-shadow: -5px -5px 5px black, 0px 0px 2px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-magic .sheet-item {
|
|
padding: 2px;
|
|
border: none;
|
|
color: black;
|
|
font-size:14px;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-magic .sheet-row {
|
|
height: 24px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-halfrow {
|
|
height: 12px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-230 {
|
|
width: 230px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-110 {
|
|
width: 110px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-100 {
|
|
width: 100px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-80 {
|
|
width: 80px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-20 {
|
|
width: 20px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-10 {
|
|
width: 10px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-60per {
|
|
width: 60%;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-25per {
|
|
width: 25%;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-15per {
|
|
width: 15%;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-item.sheet-10per {
|
|
width: 10%;
|
|
}
|
|
|
|
.sheet-rolltemplate-magic .inlinerollresult,
|
|
.sheet-rolltemplate-magic .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-magic .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-magic .inlinerollresult.importantroll {
|
|
border:none;
|
|
background:transparent;
|
|
font-weight: bold;
|
|
color:black;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-title {
|
|
border:none;
|
|
border-radius:5px;
|
|
background:transparent;
|
|
color:#8B0000;
|
|
display:inline-block;
|
|
font-weight: bold;
|
|
font-size:20px;
|
|
font-family: "Parisienne";
|
|
height:100%;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
padding-top:4px;
|
|
padding-bottom:0px;
|
|
text-align:center;
|
|
text-shadow:0px 0px 5px black;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-title_2 {
|
|
border:none;
|
|
border-radius:5px;
|
|
background:transparent;
|
|
color:blue;
|
|
display:inline-block;
|
|
font-weight: bold;
|
|
font-size:20px;
|
|
font-family: "Parisienne";
|
|
height:100%;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
padding-top:4px;
|
|
padding-bottom:0px;
|
|
text-shadow:0px 0px 5px black;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-magic .sheet-title_fatigue .sheet-lower,
|
|
.sheet-rolltemplate-magic .sheet-title_archetype .sheet-lower,
|
|
.sheet-rolltemplate-magic .sheet-title_magic .sheet-lower,
|
|
.sheet-rolltemplate-magic .sheet-title .sheet-lower {
|
|
vertical-align:-5px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-subtitle {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
font-family: "Shadows Into Light", cursive;
|
|
width:100%;
|
|
display:inline-block;
|
|
text-align:center;
|
|
padding:0px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-text {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: rgba(255,255,255,0.6);
|
|
font-weight: bold;
|
|
width:calc (100% - 10px);
|
|
display:inline-block;
|
|
text-align:left;
|
|
font-family: "Tenali Ramakrishna";
|
|
font-size:14px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
.sheet-rolltemplate-magic .sheet-text_2 {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
width:calc (100% - 10px);
|
|
display:inline-block;
|
|
text-align:left;
|
|
font-family: "Tenali Ramakrishna";
|
|
font-size:14px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
} /*========att==========*/
|
|
|
|
.sheet-rolltemplate-att {
|
|
width: 100%;
|
|
border: none;
|
|
border-radius:5px;
|
|
background: url(http://i.imgur.com/BLb0XMU.jpg);
|
|
box-shadow: -5px -5px 5px black, 0px 0px 2px black, inset 0px 0px 5px #8B0000, inset 0px 0px 5px #8B0000;
|
|
}
|
|
|
|
.sheet-rolltemplate-att .sheet-item {
|
|
padding: 2px;
|
|
border: none;
|
|
color: black;
|
|
font-size:14px;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-att .sheet-row {
|
|
height: 24px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-halfrow {
|
|
height: 12px;
|
|
margin: 2px 0px 2px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-230 {
|
|
width: 230px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-110 {
|
|
width: 110px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-100 {
|
|
width: 100px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-80 {
|
|
width: 80px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-20 {
|
|
width: 20px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-10 {
|
|
width: 10px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-60per {
|
|
width: 60%;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-25per {
|
|
width: 25%;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-15per {
|
|
width: 15%;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-item.sheet-10per {
|
|
width: 10%;
|
|
}
|
|
|
|
.sheet-rolltemplate-att .inlinerollresult,
|
|
.sheet-rolltemplate-att .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-att .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-att .inlinerollresult.importantroll {
|
|
border:none;
|
|
background:transparent;
|
|
font-weight: bold;
|
|
color:black;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-title {
|
|
border:none;
|
|
border-radius:5px;
|
|
background:transparent;
|
|
color:#8B0000;
|
|
display:inline-block;
|
|
font-weight: bold;
|
|
font-size:20px;
|
|
font-family: "Parisienne";
|
|
height:100%;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
padding-top:4px;
|
|
padding-bottom:0px;
|
|
text-align:center;
|
|
text-shadow:0px 0px 5px black;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-title_2 {
|
|
border:none;
|
|
border-radius:5px;
|
|
background:transparent;
|
|
color:#008b8b;
|
|
display:inline-block;
|
|
font-weight: bold;
|
|
font-size:20px;
|
|
font-family: "Parisienne";
|
|
height:100%;
|
|
padding-left:0px;
|
|
padding-right:0px;
|
|
padding-top:4px;
|
|
padding-bottom:0px;
|
|
text-shadow:0px 0px 5px black;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-att .sheet-title_fatigue .sheet-lower,
|
|
.sheet-rolltemplate-att .sheet-title_archetype .sheet-lower,
|
|
.sheet-rolltemplate-att .sheet-title_att .sheet-lower,
|
|
.sheet-rolltemplate-att .sheet-title .sheet-lower {
|
|
vertical-align:-5px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-subtitle {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
font-family: "Shadows Into Light", cursive;
|
|
width:100%;
|
|
display:inline-block;
|
|
text-align:center;
|
|
padding:0px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-text {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: rgba(255,255,255,0.6);
|
|
font-weight: bold;
|
|
width:calc (100% - 10px);
|
|
display:inline-block;
|
|
text-align:left;
|
|
font-family: "Tenali Ramakrishna";
|
|
font-size:14px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
.sheet-rolltemplate-att .sheet-text_2 {
|
|
border:none;
|
|
border-radius:5px;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
width:calc (100% - 10px);
|
|
display:inline-block;
|
|
text-align:left;
|
|
font-family: "Tenali Ramakrishna";
|
|
font-size:14px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
/*========Attack==========*/
|
|
|
|
.sheet-rolltemplate-attack {
|
|
background: url('https://64.media.tumblr.com/510b4b64bfbb06dae65b5af97c912a93/tumblr_o3xmueUYOh1s9slulo1_1280.png') no-repeat right top;
|
|
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-border {
|
|
border-color: red;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-top-width: 0px;
|
|
border-bottom-right-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-header {
|
|
text-shadow: 0px 0px 0.2em red;
|
|
color:white;
|
|
padding: 2px 0px 2px 4px;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
letter-spacing: 1px;
|
|
background:black;
|
|
width:100%;
|
|
border-radius: 0px 5px 5px 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-subheader {
|
|
text-shadow: 0px 0px 0.2em red;
|
|
color:white;
|
|
padding: 2px 10px 2px 10px;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-header_background {
|
|
background-color: transparent;
|
|
border-color: red;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-bottom-width: 3px;
|
|
border-right-width: 4px;
|
|
border-top-right-radius: 16px;
|
|
background-size: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-subheader_background {
|
|
background-color: transparent;
|
|
text-align: center;
|
|
border-color: red;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-right-width: 4px;
|
|
background-size: contain;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-content {
|
|
padding: 1px 5px 1px 5px;
|
|
font-size: 0.9em;
|
|
text-align: center;
|
|
width:inline;
|
|
color:black;
|
|
text-shadow: 0px 0px 3px white;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-important {
|
|
padding: 2px 5px 2px 5px;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
font-size: 1.1em;
|
|
color:black;
|
|
text-shadow: 0px 0px 3px white, 0px 0px 3px white;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-content .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-important .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
color:black;
|
|
}
|
|
|
|
/*========Roll templates=========*/
|
|
/*========Defend==========*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|