1813 lines
45 KiB
CSS
1813 lines
45 KiB
CSS
/*-----background-----*/
|
|
.charsheet {
|
|
background: black;
|
|
background-size:100%;
|
|
}
|
|
|
|
/*-----text colouring----*/
|
|
|
|
.sheet-plain {
|
|
text-shadow: none;
|
|
font-style:normal;
|
|
color:black;
|
|
font-weight:bold;
|
|
font-size:1em;
|
|
}
|
|
|
|
.sheet-Pictos {
|
|
font-family:"Pictos";
|
|
content: "j";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 1.5em;
|
|
display:inline;
|
|
color: #9C0606;
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
|
|
}
|
|
|
|
{
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
table td {
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
|
|
h1 {
|
|
color: #9C0606;
|
|
text-shadow: 0px 0px 0.2em white;
|
|
}
|
|
|
|
h2 {
|
|
color: #9C0606;
|
|
text-shadow: 0px 0px 0.2em white, 0px 0px 0.2em white;
|
|
}
|
|
|
|
h3 {
|
|
color: white;
|
|
text-shadow: 0px 0px 0.5em #6C3306;
|
|
}
|
|
|
|
h4 {
|
|
color: black;
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
|
|
}
|
|
|
|
h4.sheet-physfont {
|
|
color: blue;
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
|
|
font-variant: small-caps;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
h4.sheet-aglfont {
|
|
color: red;
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
|
|
font-variant: small-caps;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
h4.sheet-intfont {
|
|
color: green;
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
|
|
font-variant: small-caps;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
h5 {
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
|
|
h5.sheet-black {
|
|
color: black;
|
|
background: rgba(255,255,192,0.65);
|
|
|
|
border:none;
|
|
box-shadow:none;
|
|
font-weight: bold;
|
|
color: black;
|
|
text-shadow:none;
|
|
|
|
border-radius:20px;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
}
|
|
|
|
.sheet-stats-base {
|
|
background:transparent;
|
|
text-align: center;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
border:none;
|
|
text-shadow: 0px 0px 0.2em white, 0px 0px 0.2em white, 0px 0px 0.2em white;
|
|
color:black;
|
|
}
|
|
|
|
.sheet-stats-base::-webkit-input-placeholder {
|
|
padding-top:3px;
|
|
}
|
|
|
|
.sheet-stats-small {
|
|
background:transparent;
|
|
text-align: center;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
border:none;
|
|
text-shadow: 0px 0px 0.1em white;
|
|
color:black;
|
|
}
|
|
|
|
.sheet-stats-big {
|
|
background:transparent;
|
|
text-align: center;
|
|
font-size: 2.0em;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
border:none;
|
|
text-shadow: 0px 0px 0.2em white;
|
|
color:black;
|
|
}
|
|
|
|
.sheet-stats-big::-webkit-input-placeholder {
|
|
padding-top:5px;
|
|
}
|
|
|
|
.sheet-clearbox {
|
|
background:transparent;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px dotted white;
|
|
font-style: italic;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
|
|
.sheet-blackfont {
|
|
color: black;
|
|
}
|
|
|
|
.sheet-skill-base input[type="number"],
|
|
.sheet-skill-base input[type="text"] {
|
|
text-align: center;
|
|
background:transparent;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px dotted white;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
|
|
.sheet-blue {
|
|
color: blue;
|
|
}
|
|
|
|
.sheet-red {
|
|
color: red;
|
|
}
|
|
|
|
.sheet-green {
|
|
color: green;
|
|
}
|
|
|
|
.sheet-general {
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
font-style:italic;
|
|
}
|
|
|
|
textarea {
|
|
height: 36px;
|
|
margin: 5px 0px 0px 0px;
|
|
resize:vertical;
|
|
overflow-y:hidden;
|
|
}
|
|
/*----removing spinner on numbers----*/
|
|
input.sheet-stats-base::-webkit-outer-spin-button ,
|
|
input.sheet-stats-base::-webkit-inner-spin-button {
|
|
/* display: none; <- Crashes Chrome on hover */
|
|
-webkit-appearance: none;
|
|
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
|
|
}
|
|
|
|
.sheet-input-center-aligned {
|
|
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
|
|
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
|
|
background: radial-gradient(ellipse at center, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
|
|
|
border:none;
|
|
box-shadow:none;
|
|
font-weight: bold;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-input-center-aligned[type="number"] {
|
|
text-align:center;
|
|
}
|
|
|
|
select.sheet-input-center-aligned {
|
|
-webkit-appearance: none;
|
|
padding-top:0px;
|
|
padding-right:0px;
|
|
appearance: none;
|
|
}
|
|
.sheet-input-center-aligned::-webkit-input-placeholder {
|
|
color:#D2B48C;
|
|
font-style: italic;
|
|
font-weight:400;
|
|
text-shadow: 0px 0px 2px black;
|
|
}
|
|
/*========== tabs ==========*/
|
|
|
|
input.sheet-tab1:not(:checked) ~ .sheet-tab1,
|
|
input.sheet-tab2:not(:checked) ~ .sheet-tab2,
|
|
input.sheet-tab3:not(:checked) ~ .sheet-tab3,
|
|
input.sheet-tab4:not(:checked) ~ .sheet-tab4,
|
|
input.sheet-tab5:not(:checked) ~ .sheet-tab5,
|
|
input.sheet-tab6:not(:checked) ~ .sheet-tab6,
|
|
input.sheet-tab7:not(:checked) ~ .sheet-tab7,
|
|
input.sheet-tab8:not(:checked) ~ .sheet-tab8,
|
|
input.sheet-tab9:not(:checked) ~ .sheet-tab9,
|
|
input.sheet-tab10:not(:checked) ~ .sheet-tab10,
|
|
input.sheet-tab11:not(:checked) ~ .sheet-tab11 {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tab {
|
|
width: calc(20% - 4px);
|
|
max-width: 150px;
|
|
height: 20px;
|
|
|
|
outline: none !important;
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-tab1 {
|
|
margin-left: 1px;
|
|
}
|
|
|
|
input.sheet-tab::before {
|
|
content: attr(title);
|
|
display: inline-block;
|
|
|
|
background-image: url("http://www.androidcentral.com/sites/androidcentral.com/files/styles/w550h500/public/wallpapers/blank-parchment-aps.jpg?itok=flcYf3mT");
|
|
border: solid 2px black;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
height: 20px;
|
|
|
|
color:black;
|
|
text-shadow: 0px 0px 2px white;
|
|
}
|
|
|
|
input.sheet-tab:checked::before {
|
|
border: solid 2px black;
|
|
background-image: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
|
color: white;
|
|
text-shadow: 0px 0px 2px black;
|
|
|
|
}
|
|
|
|
.sheet-tab-content {
|
|
background-image: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
|
}
|
|
|
|
.sheet-tab-br {
|
|
margin-bottom: 4px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
div.sheet-body {
|
|
display: none;
|
|
}
|
|
|
|
/*-----misc-----*/
|
|
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-select {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
/*==========feat number button==========*/
|
|
|
|
div.sheet-feat {
|
|
width: 195px;
|
|
height: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-feat {
|
|
margin: 20px 0 0 50px;
|
|
opacity: 00;
|
|
width: 80px;
|
|
height: 80px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-feat {
|
|
margin: 10px 0 0 40px;
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-zerofeat { z-index: 2; }
|
|
|
|
input.sheet-zerofeat:checked + input.sheet-onefeat,
|
|
input.sheet-onefeat:checked + input.sheet-twofeat,
|
|
input.sheet-twofeat:checked + input.sheet-threefeat { z-index: 3; }
|
|
|
|
input.sheet-zerofeat:checked ~ span.sheet-zerofeat,
|
|
input.sheet-onefeat:checked ~ span.sheet-onefeat,
|
|
input.sheet-twofeat:checked ~ span.sheet-twofeat,
|
|
input.sheet-threefeat:checked ~ span.sheet-threefeat { display: inline-block; }
|
|
|
|
.sheet-zerofeat
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/abstract-red-and-gold-paint-splatter-icons-alphanumeric/068225-abstract-red-and-gold-paint-splatter-icon-alphanumeric-m00-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-onefeat
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/abstract-red-and-gold-paint-splatter-icons-alphanumeric/068226-abstract-red-and-gold-paint-splatter-icon-alphanumeric-m01-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-twofeat
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/abstract-red-and-gold-paint-splatter-icons-alphanumeric/068227-abstract-red-and-gold-paint-splatter-icon-alphanumeric-m02-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-threefeat
|
|
{
|
|
width: 100px;
|
|
height: 100px;
|
|
background: url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/abstract-red-and-gold-paint-splatter-icons-alphanumeric/068228-abstract-red-and-gold-paint-splatter-icon-alphanumeric-m03-clear.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
/*========== sheet arrow ==========*/
|
|
|
|
/* ----Hide actual sheet-arrow checkbox---- */
|
|
|
|
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;
|
|
content: "►";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input.sheet-arrow[type="checkbox"]:checked + span::before {
|
|
content: "▼";
|
|
}
|
|
|
|
/* -----Hiding areas with sheet-arrow ----- */
|
|
|
|
input.sheet-arrow {
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ div.sheet-body {
|
|
display: block;
|
|
}
|
|
|
|
/*========== sheet gear ==========*/
|
|
|
|
/* ----Hide actual sheet-gear checkbox---- */
|
|
|
|
input.sheet-gear[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 7px;
|
|
left: 28px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-gear checkbox----- */
|
|
|
|
input.sheet-gear[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
margin-left:20px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
float: left;
|
|
font-family:"Pictos";
|
|
content: "y";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 16px;
|
|
color:silver;
|
|
text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
}
|
|
|
|
input.sheet-gear[type="checkbox"]:checked + span::before {
|
|
color: black;
|
|
text-shadow: 0px 0px 2px silver,0px 0px 2px silver,0px 0px 2px silver;
|
|
}
|
|
|
|
/* -----Hiding areas with sheet-gear ----- */
|
|
|
|
input.sheet-gear {
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-gear:checked ~ div.sheet-body {
|
|
display: block;
|
|
}
|
|
|
|
/*========== sheet sign ==========*/
|
|
|
|
/* ----Hide actual sheet-sign checkbox---- */
|
|
|
|
input.sheet-sign[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 7px;
|
|
left: 08px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-sign checkbox----- */
|
|
|
|
input.sheet-sign[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
margin-left:00px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
float: left;
|
|
font-family:"Pictos";
|
|
content: "h";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 16px;
|
|
color:silver;
|
|
text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
}
|
|
|
|
input.sheet-sign[type="checkbox"]:checked + span::before {
|
|
color: black;
|
|
text-shadow: 0px 0px 2px silver,0px 0px 2px silver,0px 0px 2px silver;
|
|
}
|
|
|
|
/* -----Hiding areas with sheet-sign ----- */
|
|
|
|
input.sheet-sign {
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-sign:checked ~ div.sheet-body {
|
|
display: block;
|
|
}
|
|
/*========== Big Checkbox ==========*/
|
|
|
|
/* ----Hide actual Big Checkbox---- */
|
|
input.sheet-bigcheck[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big Checkbox ---- */
|
|
input.sheet-bigcheck[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
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: -moz-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
|
|
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
|
|
background: radial-gradient(ellipse at center, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
|
}
|
|
|
|
input.sheet-bigcheck[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-bigcheck[type="checkbox"]:checked + span::before {
|
|
color: red;
|
|
content: "✓";
|
|
text-shadow:none;
|
|
font-weight:bold;
|
|
}
|
|
/*========== AJ Checkbox ==========*/
|
|
|
|
/* ----Hide actual AJ Checkbox---- */
|
|
input.sheet-aj[type="checkbox"] {
|
|
opacity: 0;
|
|
margin-right: 10px;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 12px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big Checkbox ---- */
|
|
input.sheet-aj[type="checkbox"] + span::before {
|
|
margin-right: 10px;
|
|
margin-left: 5px;
|
|
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:transparent;
|
|
}
|
|
|
|
input.sheet-aj[type="checkbox"] + span::before {
|
|
font-family:"Pictos";
|
|
content: "j";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
input.sheet-aj[type="checkbox"]:checked + span::before {
|
|
color: #9C0606;
|
|
font-family:"Pictos";
|
|
content: "A";
|
|
font-weight:bold;
|
|
|
|
}
|
|
/*==========jack damage grid==========*/
|
|
|
|
div.sheet-jackbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-jackbox {
|
|
margin: 10px 0 0 00px;
|
|
opacity: 00;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-jackbox {
|
|
margin: 10px 0 0 00px;
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-blackbox { z-index: 2; }
|
|
|
|
input.sheet-blackbox:checked + input.sheet-whitebox,
|
|
input.sheet-whitebox:checked + input.sheet-redbox { z-index: 3; }
|
|
|
|
input.sheet-blackbox:checked ~ span.sheet-blackbox,
|
|
input.sheet-whitebox:checked ~ span.sheet-whitebox,
|
|
input.sheet-redbox:checked ~ span.sheet-redbox { display: inline-block; }
|
|
|
|
.sheet-blackbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("http://previews.123rf.com/images/neillang/neillang0902/neillang090200066/4348570-barbed-wire-black-square-frame-border-with-black-blank-middle-for-your-own-design.jpg") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-whitebox {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("http://previews.123rf.com/images/ktarrier/ktarrier0903/ktarrier090300029/4499609-a-grunge-square-border-in-black-and-white-border-rock.jpg") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-redbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-grid {
|
|
margin-bottom: 25px;
|
|
}
|
|
/*========== character damage grid ==========*/
|
|
|
|
/*-------phybox---------*/
|
|
div.sheet-phybox {
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-phybox {
|
|
margin: 00px 0 0 00px;
|
|
opacity: 00;
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-phybox {
|
|
margin: 00px 0 0 00px;
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-blackdot { z-index: 2; }
|
|
|
|
input.sheet-blackdot:checked + input.sheet-bluedot,
|
|
input.sheet-bluedot:checked + input.sheet-xdot { z-index: 3; }
|
|
|
|
input.sheet-blackdot:checked ~ span.sheet-blackdot,
|
|
input.sheet-bluedot:checked ~ span.sheet-bluedot,
|
|
input.sheet-xdot:checked ~ span.sheet-xdot { display: inline-block; }
|
|
|
|
.sheet-blackdot {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://limpiatureputacion.es/wp-content/uploads/2013/09/ink.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px blue);
|
|
}
|
|
|
|
.sheet-bluedot {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://freshcoattn.com/images/paint-splash.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
|
|
.sheet-xdot {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
/* ======== Sheet-physboxlast to hide things========*/
|
|
input.sheet-physboxlast[type="checkbox"], .sheet-physboxlast
|
|
{
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 18px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
|
|
margin-bottom: 0px;
|
|
border: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-moz-border-radius: none;
|
|
-webkit-border-radius: none;
|
|
border-radius: none;
|
|
}
|
|
|
|
input.sheet-physboxlast[type="checkbox"] + span::before
|
|
{
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
background:transparent;
|
|
|
|
position: relative;
|
|
top: 18px;
|
|
left: -18px;
|
|
border: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-moz-border-radius: 7px;
|
|
-webkit-border-radius: 7px;
|
|
border-radius: 7px;
|
|
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
input.sheet-physboxlast[type="checkbox"] + span::before
|
|
{
|
|
position: relative;
|
|
left:-28px;
|
|
top:-15px;
|
|
content: url("http://freshcoattn.com/images/paint-splash.gif");
|
|
-ms-transform: scale(0.35); /* IE */
|
|
-moz-transform: scale(0.35); /* FF */
|
|
-webkit-transform: scale(0.35); /* Safari and Chrome */
|
|
-o-transform: scale(0.35); /* Opera */
|
|
padding: 10px;
|
|
}
|
|
|
|
input.sheet-physboxlast[type="checkbox"]:checked + span::before
|
|
{
|
|
position: relative;
|
|
left:-28px;
|
|
top:-15px;
|
|
content: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0;
|
|
-ms-transform: scale(0.14); /* IE */
|
|
-moz-transform: scale(0.14); /* FF */
|
|
-webkit-transform: scale(0.14); /* Safari and Chrome */
|
|
-o-transform: scale(0.14); /* Opera */
|
|
padding: 10px;
|
|
}
|
|
|
|
/*-------aglbox---------*/
|
|
div.sheet-aglbox {
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-aglbox {
|
|
margin: 00px 0 0 00px;
|
|
opacity: 00;
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-aglbox {
|
|
margin: 00px 0 0 00px;
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-blackdota { z-index: 2; }
|
|
|
|
input.sheet-blackdota:checked + input.sheet-reddot,
|
|
input.sheet-reddot:checked + input.sheet-xdota { z-index: 3; }
|
|
|
|
input.sheet-blackdota:checked ~ span.sheet-blackdota,
|
|
input.sheet-reddot:checked ~ span.sheet-reddot,
|
|
input.sheet-xdota:checked ~ span.sheet-xdota { display: inline-block; }
|
|
|
|
.sheet-blackdota {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://limpiatureputacion.es/wp-content/uploads/2013/09/ink.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px red);
|
|
}
|
|
|
|
.sheet-reddot {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://fuckersattitude.free.fr/Upload/taz/TutoCrystal/02/TachePeinture.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 10px white);
|
|
}
|
|
|
|
.sheet-xdota {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
/* ======== Sheet-aglboxlast to hide things========*/
|
|
input.sheet-aglboxlast[type="checkbox"], .sheet-aglboxlast
|
|
{
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 18px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
|
|
margin-bottom: 0px;
|
|
border: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-moz-border-radius: none;
|
|
-webkit-border-radius: none;
|
|
border-radius: none;
|
|
}
|
|
|
|
input.sheet-aglboxlast[type="checkbox"] + span::before
|
|
{
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
background:transparent;
|
|
|
|
position: relative;
|
|
top: 18px;
|
|
left: -18px;
|
|
border: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-moz-border-radius: 7px;
|
|
-webkit-border-radius: 7px;
|
|
border-radius: 7px;
|
|
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
input.sheet-aglboxlast[type="checkbox"] + span::before
|
|
{
|
|
position: relative;
|
|
left:-35px;
|
|
top:-15px;
|
|
content: url("http://fuckersattitude.free.fr/Upload/taz/TutoCrystal/02/TachePeinture.png");
|
|
-ms-transform: scale(0.14); /* IE */
|
|
-moz-transform: scale(0.14); /* FF */
|
|
-webkit-transform: scale(0.14); /* Safari and Chrome */
|
|
-o-transform: scale(0.14); /* Opera */
|
|
padding: 10px;
|
|
}
|
|
|
|
input.sheet-aglboxlast[type="checkbox"]:checked + span::before
|
|
{
|
|
position: relative;
|
|
left:-28px;
|
|
top:-15px;
|
|
content: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0;
|
|
-ms-transform: scale(0.15); /* IE */
|
|
-moz-transform: scale(0.15); /* FF */
|
|
-webkit-transform: scale(0.15); /* Safari and Chrome */
|
|
-o-transform: scale(0.15); /* Opera */
|
|
padding: 10px;
|
|
}
|
|
|
|
/*-------intbox---------*/
|
|
div.sheet-intbox {
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-intbox {
|
|
margin: 00px 0 0 00px;
|
|
opacity: 00;
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-intbox {
|
|
margin: 00px 0 0 00px;
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-blackdoti { z-index: 2; }
|
|
|
|
input.sheet-blackdoti:checked + input.sheet-gredot,
|
|
input.sheet-gredot:checked + input.sheet-xdoti { z-index: 3; }
|
|
|
|
input.sheet-blackdoti:checked ~ span.sheet-blackdoti,
|
|
input.sheet-gredot:checked ~ span.sheet-gredot,
|
|
input.sheet-xdoti:checked ~ span.sheet-xdoti { display: inline-block; }
|
|
|
|
.sheet-blackdoti {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://limpiatureputacion.es/wp-content/uploads/2013/09/ink.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px green);
|
|
}
|
|
|
|
.sheet-gredot {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://www.pitterpainterhk.com/communities/8/004/011/713/408//images/4589728358.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
|
|
.sheet-xdoti {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
/* ======== Sheet-intboxlast ========*/
|
|
input.sheet-intboxlast[type="checkbox"], .sheet-intboxlast
|
|
{
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 18px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
|
|
margin-bottom: 0px;
|
|
border: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-moz-border-radius: none;
|
|
-webkit-border-radius: none;
|
|
border-radius: none;
|
|
}
|
|
|
|
input.sheet-intboxlast[type="checkbox"] + span::before
|
|
{
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
background:transparent;
|
|
|
|
position: relative;
|
|
top: 18px;
|
|
border: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-moz-border-radius: 7px;
|
|
-webkit-border-radius: 7px;
|
|
border-radius: 7px;
|
|
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
input.sheet-intboxlast[type="checkbox"] + span::before
|
|
{
|
|
position: relative;
|
|
left:-28px;
|
|
top:-12px;
|
|
content: url("http://www.pitterpainterhk.com/communities/8/004/011/713/408//images/4589728358.gif");
|
|
-ms-transform: scale(0.0155); /* IE */
|
|
-moz-transform: scale(0.0155); /* FF */
|
|
-webkit-transform: scale(0.0155); /* Safari and Chrome */
|
|
-o-transform: scale(0.0155); /* Opera */
|
|
padding: 10px;
|
|
}
|
|
|
|
input.sheet-intboxlast[type="checkbox"]:checked + span::before
|
|
{
|
|
position: relative;
|
|
left:-30px;
|
|
top:-15px;
|
|
content: url("http://www.iconpng.com/png/vista-software/red-x.png") no-repeat 0 0;
|
|
-ms-transform: scale(0.15); /* IE */
|
|
-moz-transform: scale(0.15); /* FF */
|
|
-webkit-transform: scale(0.15); /* Safari and Chrome */
|
|
-o-transform: scale(0.15); /* Opera */
|
|
padding: 10px;
|
|
}
|
|
|
|
/*-------powerfield box---------*/
|
|
div.sheet-powerfieldbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-powerfieldbox {
|
|
margin: 00px 0 0 00px;
|
|
opacity: 00;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-powerfieldbox {
|
|
margin: 00px 0 0 00px;
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-powerfield_off { z-index: 2; }
|
|
|
|
input.sheet-powerfield_off:checked + input.sheet-powerfield_on,
|
|
input.sheet-powerfield_on:checked + input.sheet-powerfield_empty { z-index: 3; }
|
|
|
|
input.sheet-powerfield_off:checked ~ span.sheet-powerfield_off,
|
|
input.sheet-powerfield_on:checked ~ span.sheet-powerfield_on,
|
|
input.sheet-powerfield_empty:checked ~ span.sheet-powerfield_empty { display: inline-block; }
|
|
|
|
.sheet-powerfield_empty {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("http://40.media.tumblr.com/80a7794633d6315a7ab367b57e7ab968/tumblr_mwau0fOk961qecbloo1_1280.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px blue);
|
|
}
|
|
|
|
.sheet-powerfield_on {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("http://upload.wikimedia.org/wikipedia/commons/1/17/Ski_trail_rating_symbol_blue_circle.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
|
|
.sheet-powerfield_off {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("http://i.stack.imgur.com/LOhIq.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
|
|
table.sheet-table_center {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
/*========== Virtuoso ==========*/
|
|
/*-----virtioso colouring----*/
|
|
div.sheet-virtioso {
|
|
color: Chartreuse;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*----Virtioso button----*/
|
|
button[type="roll"].sheet-virtioso_button:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-virtioso_button {
|
|
height:24px;
|
|
width:24px;
|
|
border:none;
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px;
|
|
|
|
|
|
background: radial-gradient(circle at 8px 8px, Chartreuse, black);
|
|
box-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
.sheet-virtioso_button:hover {
|
|
background: radial-gradient(circle at 16px 16px, Chartreuse, black);
|
|
box-shadow: 0px 0px 3px blue;
|
|
}
|
|
|
|
.sheet-virtioso_button:active {
|
|
background: radial-gradient(circle at 8px 8px, Chartreuse, black);
|
|
}
|
|
|
|
|
|
/*==========Combat Caster button==========*/
|
|
button[type="roll"].sheet-combatcaster_button:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-combatcaster_button {
|
|
height:24px;
|
|
width:24px;
|
|
border:none;
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px;
|
|
|
|
color:Chartreuse;
|
|
font-weight:700;
|
|
|
|
background: radial-gradient(circle at 8px 8px, silver, black);
|
|
box-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
.sheet-combatcaster_button:hover {
|
|
background: radial-gradient(circle at 16px 16px, blue, black);
|
|
box-shadow: 0px 0px 3px blue;
|
|
}
|
|
|
|
.sheet-combatcaster_button:active {
|
|
background: radial-gradient(circle at 8px 8px, blue, black);
|
|
}
|
|
/*==========Button Reset==========*/
|
|
/*================================*/
|
|
/*================================*/
|
|
.sheet-wrapper button[type="roll"]:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
.sheet-wrapper button[type="roll"],
|
|
.sheet-wrapper .sheet-roll {
|
|
width: 100%;
|
|
height:24px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
|
|
background-color: transparent;
|
|
border: 2px solid transparent /* 1px solid black */;
|
|
border-style: outset;
|
|
padding: 2px;
|
|
padding-left:2px;
|
|
font-size: 1em;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
|
|
white-space: nowrap;
|
|
-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;
|
|
}
|
|
|
|
.sheet-wrapper button[type="roll"]:hover {
|
|
border: 2px inset gray;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
|
|
}
|
|
|
|
.sheet-wrapper button[type="roll"]:active {
|
|
border: 2px solid black;
|
|
|
|
}
|
|
|
|
.sheet-wrapper button[type="roll"] label,
|
|
.sheet-wrapper button[type="roll"] input {
|
|
height:24px;
|
|
line-height: 24px;
|
|
font-size: 1em;
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
width: 99%;
|
|
cursor: pointer;
|
|
background: none;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border-radius: none;
|
|
border:none;
|
|
font-weight:700;
|
|
|
|
}
|
|
|
|
.sheet-wrapper .sheet-physstat button[type="roll"],
|
|
.sheet-wrapper .sheet-physstat button[type="roll"]label,
|
|
.sheet-wrapper .sheet-physstat button[type="roll"]input {
|
|
color: blue;
|
|
border: 2px solid blue;
|
|
}
|
|
|
|
.sheet-wrapper .sheet-physstat button[type="roll"]:hover,
|
|
.sheet-wrapper .sheet-physstat button[type="roll"]:hover label,
|
|
.sheet-wrapper .sheet-physstat button[type="roll"]:hover input {
|
|
color: blue;
|
|
border: 2px inset blue;
|
|
}
|
|
|
|
.sheet-wrapper .sheet-aglstat button[type="roll"],
|
|
.sheet-wrapper .sheet-aglstat button[type="roll"]label,
|
|
.sheet-wrapper .sheet-aglstat button[type="roll"]input {
|
|
color: red;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.sheet-wrapper .sheet-aglstat button[type="roll"]:hover,
|
|
.sheet-wrapper .sheet-aglstat button[type="roll"]:hover label,
|
|
.sheet-wrapper .sheet-aglstat button[type="roll"]:hover input {
|
|
color: red;
|
|
border: 2px inset red;
|
|
}
|
|
|
|
.sheet-wrapper .sheet-intstat button[type="roll"],
|
|
.sheet-wrapper .sheet-intstat button[type="roll"] label,
|
|
.sheet-wrapper .sheet-intstat button[type="roll"] input {
|
|
color: green;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.sheet-wrapper .sheet-intstat button[type="roll"]:hover,
|
|
.sheet-wrapper .sheet-intstat button[type="roll"]:hover label,
|
|
.sheet-wrapper .sheet-intstat button[type="roll"]:hover input {
|
|
color: green;
|
|
border: 2px inset green;
|
|
}
|
|
|
|
/* ================Tooltips ================ */
|
|
button[type="roll"].sheet-skill_button:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-skill_button {
|
|
height:21px;
|
|
width:21px;
|
|
border:none;
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px;
|
|
|
|
|
|
background: radial-gradient(circle at 8px 8px, white, black 50%);
|
|
box-shadow: 0px 0px 2px white;
|
|
}
|
|
|
|
.sheet-skill_button:hover {
|
|
background: radial-gradient(circle at 12px 12px, white, black 50%);
|
|
}
|
|
|
|
.sheet-skill_button:active {
|
|
background: radial-gradient(circle at 8px 8px, silver, black 50%);
|
|
}
|
|
|
|
|
|
/* ================Tooltips ================ */
|
|
.sheet-tooltips {
|
|
position: relative;
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-tooltips span {
|
|
position: absolute;
|
|
width:200px;
|
|
color: #000000;
|
|
background: #FFFFFF;
|
|
border: 2px solid #000000;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
visibility: hidden;
|
|
border-radius: 6px;
|
|
box-shadow: -2px -2px 5px #000000;
|
|
font-size:0.7em;
|
|
}
|
|
|
|
.sheet-tooltips span:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 100%;
|
|
margin-top: -12px;
|
|
width: 0; height: 0;
|
|
border-right: 12px solid #000000;
|
|
border-top: 12px solid transparent;
|
|
border-bottom: 12px solid transparent;
|
|
}
|
|
|
|
.sheet-tooltips span:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 100%;
|
|
margin-top: -8px;
|
|
width: 0; height: 0;
|
|
border-right: 8px solid #FFFFFF;
|
|
border-top: 8px solid transparent;
|
|
border-bottom: 8px solid transparent;
|
|
}
|
|
|
|
:hover.sheet-tooltips span {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
left: 100%;
|
|
top: 50%;
|
|
margin-top: -35px;
|
|
margin-left: 15px;
|
|
z-index: 999;
|
|
}
|
|
|
|
/*==== Tooltip left====*/
|
|
.sheet-tooltips-left {
|
|
position: relative;
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-tooltips-left span {
|
|
position: absolute;
|
|
width:200px;
|
|
color: #000000;
|
|
background: #FFFFFF;
|
|
border: 2px solid #000000;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
visibility: hidden;
|
|
border-radius: 6px;
|
|
|
|
box-shadow: -2px -2px 5px #000000;
|
|
font-size:0.7em;
|
|
|
|
right: 100%; /*===differnt from bootom===*/
|
|
top: 50%; /*===differnt from bootom===*/
|
|
margin-top: -15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.sheet-tooltips-left span:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%; /*===differnt from bootom===*/
|
|
left: 100%; /*===differnt from bootom===*/
|
|
margin-top: -8px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 8px solid #FFFFFF;
|
|
border-top: 8px solid transparent;
|
|
border-bottom: 8px solid transparent;
|
|
}
|
|
|
|
:hover.sheet-tooltips-left span {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
right: 100%; /*===differnt from bottom===*/
|
|
top: 50%; /*===differnt from bottom===*/
|
|
margin-top: -15px;
|
|
margin-right: 15px;
|
|
z-index: 999;
|
|
}
|
|
|
|
/*-----radio boxes-----*/
|
|
|
|
/* -----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: 16px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
border:none;
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%, rgba(255,255,192,0.65) 9%, rgba(255,255,192,0.65) 39%, rgba(255,255,192,0) 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,192,0.65)), color-stop(9%,rgba(255,255,192,0.65)), color-stop(39%,rgba(255,255,192,0.65)), color-stop(100%,rgba(255,255,192,0))); /* Chrome,Safari4+ */
|
|
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* Opera 12+ */
|
|
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* IE10+ */
|
|
background: radial-gradient(ellipse at center, rgba(255,255,192,0.65) 0%,rgba(255,255,192,0.65) 9%,rgba(255,255,192,0.65) 39%,rgba(255,255,192,0) 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffc0', endColorstr='#00ffffc0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
|
|
|
color:green;
|
|
content: "•";
|
|
width: 16px;
|
|
height: 16px;
|
|
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: "";
|
|
}
|
|
|
|
/*------------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
|
|
{
|
|
color:black;
|
|
font-size: 1em;
|
|
content: "✖";
|
|
opacity: 0.25;
|
|
}
|
|
|
|
|
|
/*=== Roll Templates ===*/
|
|
/*======================*/
|
|
/*======================*/
|
|
/*=== Roll Templates ===*/
|
|
/*=== ranged ===*/
|
|
.sheet-rolltemplate-weapon table {
|
|
width: 100%;
|
|
background: white;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
box-shadow: -5px -5px 5px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon th {
|
|
background: url ('http://mybizmobile.com.au/wp-content/uploads/2012/01/green-smoke11.png');
|
|
background-size: contain;
|
|
color: black;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-shadow: 0px 0px 4px white;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
/*=== Roll Templates ===*/
|
|
/*=== artillary ===*/
|
|
.sheet-rolltemplate-boom table {
|
|
width: 100%;
|
|
background: white;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
box-shadow: -5px -5px 6px #808080, -5px -5px 4px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-boom th {
|
|
background: url ('http://th06.deviantart.net/fs70/PRE/i/2011/132/5/6/smoke_texture5_by_ashensorrow-d3g74bf.jpg');
|
|
background-size: 100%;
|
|
color: red;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-shadow: 0px 0px 2px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-boom .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-boom .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
|
}
|
|
|
|
.sheet-rolltemplate-boom .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-boom .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
/*=== Roll Templates ===*/
|
|
/*=== melee ===*/
|
|
.sheet-rolltemplate-melee table {
|
|
width: 100%;
|
|
background: white;
|
|
border: 1px solid;
|
|
color: black;
|
|
background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg');
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee th {
|
|
background: url ('http://alamocityrods.com/sitebuilder/images/RedSmoke-359x157.png');
|
|
background-size:contain;
|
|
color: white;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-shadow: 0px 0px 2px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
/*=== Roll Templates ===*/
|
|
/*=== spell ===*/
|
|
|
|
.sheet-rolltemplate-spell table {
|
|
width: 100%;
|
|
border: 1px solid;
|
|
color: black;
|
|
background: url ('http://fc06.deviantart.net/fs40/i/2009/004/8/4/dirty_parchment_by_swimmingintheether.jpg');
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
box-shadow: -5px -5px 6px #0066CC, -5px -5px 4px blue, -5px -5px 2px #ADD8E6;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-spell th {
|
|
background: url ('http://ak6.picdn.net/shutterstock/videos/2721404/preview/stock-footage-abstract-blue-smoke.jpg');
|
|
background-size: contain;
|
|
color: white;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-shadow: 0px 0px 2px black;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-spell td {
|
|
padding: 5px;
|
|
}
|
|
|
|
/*=== Roll Templates ===*/
|
|
/*=== fellcall ===*/
|
|
|
|
.sheet-rolltemplate-fellcall table {
|
|
width: 100%;
|
|
color: black;
|
|
border: 1px solid black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
|
|
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-fellcall th {
|
|
background: url ('http://ak7.picdn.net/shutterstock/videos/4572215/preview/stock-footage-abstract-glitter-light-background-seamless-loop.jpg');
|
|
background-size: 100%;
|
|
color: black;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-fellcall td {
|
|
padding: 5px;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-fellcall tr:last-child {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
/*=== Runeshot ===*/
|
|
.sheet-rolltemplate-runeshot table {
|
|
width: 100%;
|
|
background: white;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
box-shadow: -5px -5px 5px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot th {
|
|
background: url ('http://wallpaperswa.com/thumbnails/detail/20120609/abstract%20fire%20smoke%20plants%20artwork%20black%20background%203840x2160%20wallpaper_wallpaperswa.com_43.jpg');
|
|
background-size: contain;
|
|
color: red;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white ;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
/*=== Roll Templates ===*/
|
|
/*=== ability ===*/
|
|
|
|
.sheet-rolltemplate-ability table {
|
|
width: 100%;
|
|
color: black;
|
|
border: 1px solid black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
|
|
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-ability th {
|
|
background: url ('http://hdwyn.com/wallpaper_gray/gray_smoke_shape_colorful_bunch_hd-wallpaper-44778.jpg');
|
|
background-size: contain;
|
|
color: white;
|
|
text-shadow: 0px 0px 2px gray, 0px 0px 2px gray, 0px 0px 1px black;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-ability td {
|
|
padding: 5px;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-ability tr:last-child {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|