mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 04:02:29 +00:00
2984 lines
75 KiB
CSS
2984 lines
75 KiB
CSS
/*----------- Repeating Blocks -------------*/
|
|
.charsheet .repcontrol_add {
|
|
display: block;
|
|
background: #9B7948;
|
|
color:black;
|
|
text-shadow: none;
|
|
box-shadow:none;
|
|
float:left!important;
|
|
margin-bottom:0px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
box-shadow: 0px 0px 5px black;
|
|
}
|
|
.charsheet .repcontrol_edit
|
|
{
|
|
display: inline-block;
|
|
background: #9B7948;
|
|
color:black;
|
|
text-shadow: none;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
margin-left:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
box-shadow: 0px 0px 5px black;
|
|
}
|
|
.charsheet .repcontrol_del {
|
|
background:red;
|
|
color:white;
|
|
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;
|
|
box-shadow: 0px 0px 5px black;
|
|
z-index:10;
|
|
}
|
|
.charsheet .repcontrol_move {
|
|
display: inline-block;
|
|
background:green;
|
|
color:white;
|
|
text-shadow:0px 0px 2px silver,0px 0px 2px silver,0px 0px 2px silver;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:1.4em;
|
|
padding-top:3px;
|
|
padding-bottom:3px;
|
|
box-shadow: 0px 0px 10px silver, 0px 0px 5px silver;
|
|
z-index:10;
|
|
}
|
|
/*-----background-----*/
|
|
.charsheet {
|
|
background: black;
|
|
background-size:860px;
|
|
}
|
|
|
|
/*========== 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-tab1[type=radio],
|
|
input.sheet-tab2[type=radio],
|
|
input.sheet-tab3[type=radio],
|
|
input.sheet-tab4[type=radio],
|
|
input.sheet-tab5[type=radio],
|
|
input.sheet-tab6[type=radio],
|
|
input.sheet-tab7[type=radio],
|
|
input.sheet-tab8[type=radio],
|
|
input.sheet-tab9[type=radio],
|
|
input.sheet-tab10[type=radio] {
|
|
display:none;
|
|
}
|
|
input.sheet-tab {
|
|
width: calc(20% - 4px);
|
|
max-width: 150px;
|
|
line-height: 30px;
|
|
|
|
outline: none !important;
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-tab1 {
|
|
margin-left: 1px;
|
|
}
|
|
|
|
input.sheet-tab[type=radio] + label {
|
|
content: attr(title);
|
|
display: inline;
|
|
line-height: 30px;
|
|
padding: 10px;
|
|
background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
|
|
|
border: solid 2px black;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: white;
|
|
font-family:"Trebuchet MS", Helvetica, sans-serif;
|
|
text-shadow: 0px 0px 2px black;
|
|
min-width: 120px;
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
input.sheet-tab[type=radio]:checked + label {
|
|
border: solid 2px black;
|
|
background: url("http://www.androidcentral.com/sites/androidcentral.com/files/styles/w550h500/public/wallpapers/blank-parchment-aps.jpg?itok=flcYf3mT");
|
|
line-height: 30px;
|
|
|
|
color:black;
|
|
text-shadow: 0px 0px 2px white;
|
|
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
|
|
}
|
|
.sheet-tab-content {
|
|
background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
|
width: 840px;
|
|
border-radius:15px;
|
|
box-shadow: inset 0px 0px 10px black, inset 0px 0px 8px black,inset 0px 0px 4px black;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-tab-br {
|
|
margin-bottom: 4px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
div.sheet-body {
|
|
display: none;
|
|
}
|
|
/*========== blocks ==========*/
|
|
/*========== blocks ==========*/
|
|
/*========== blocks ==========*/
|
|
|
|
input.sheet-block1:not(:checked) ~ .sheet-block1,
|
|
input.sheet-block2:not(:checked) ~ .sheet-block2,
|
|
input.sheet-block3:not(:checked) ~ .sheet-block3 {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-block1[type=radio],
|
|
input.sheet-block2[type=radio],
|
|
input.sheet-block3[type=radio] {
|
|
display:none;
|
|
}
|
|
input.sheet-block {
|
|
width: 120px;
|
|
line-height: 20px;
|
|
|
|
outline: none !important;
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-block[type=radio] + label {
|
|
content: attr(title);
|
|
display: inline;
|
|
line-height: 10px;
|
|
padding: 5px;
|
|
background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
|
|
|
border: solid 2px black;
|
|
border-radius: 10px;
|
|
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: white;
|
|
font-family:"Trebuchet MS", Helvetica, sans-serif;
|
|
text-shadow: 0px 0px 2px black;
|
|
height: 10px;
|
|
width:120px;
|
|
|
|
}
|
|
|
|
input.sheet-block[type=radio]:checked + label {
|
|
border: solid 2px black;
|
|
background: url("http://www.androidcentral.com/sites/androidcentral.com/files/styles/w550h500/public/wallpapers/blank-parchment-aps.jpg?itok=flcYf3mT");
|
|
line-height: 10px;
|
|
|
|
color:black;
|
|
text-shadow: 0px 0px 2px white;
|
|
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
|
|
}
|
|
.sheet-block-content {
|
|
background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
|
width: 840px;
|
|
border-radius:15px;
|
|
box-shadow: inset 0px 0px 10px black, inset 0px 0px 8px black,inset 0px 0px 4px black;
|
|
padding: 2px;
|
|
}
|
|
|
|
/*-----End of Blocks ----*/
|
|
/*-----End of Blocks ----*/
|
|
/*-----End of Blocks ----*/
|
|
|
|
/*-----top_half----*/
|
|
.sheet-top_half {
|
|
background: url ('http://fc06.deviantart.net/fs71/f/2011/359/1/3/steampunk_wallpaper_by_satyrgod-d4k5ar3.jpg');
|
|
width: 840px;
|
|
border-radius:15px;
|
|
box-shadow: inset 0px 0px 10px black, inset 0px 0px 8px black,inset 0px 0px 4px black;
|
|
padding: 2px;
|
|
}
|
|
/*-----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;
|
|
}
|
|
table td {
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
table.sheet-skill_list {
|
|
font-size:0.8em;
|
|
}
|
|
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: #18ADFF;
|
|
text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
|
|
font-variant: small-caps;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
.sheet-blue {
|
|
color: #18ADFF;
|
|
}
|
|
|
|
h4.sheet-aglfont {
|
|
color: red;
|
|
text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
|
|
font-variant: small-caps;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
.sheet-red {
|
|
color: #6A0E0E;
|
|
}
|
|
|
|
h4.sheet-intfont {
|
|
color: green;
|
|
text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
|
|
font-variant: small-caps;
|
|
font-size:1.3em;
|
|
}
|
|
|
|
.sheet-green {
|
|
color: green;
|
|
}
|
|
h4.sheet-yellowfont {
|
|
color: yellow;
|
|
text-shadow: 0px 0px 1px black;
|
|
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;
|
|
}
|
|
h5.sheet-dice {
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em black, 0px 0px 0.4em black, 0px 0px 0.6em black;
|
|
}
|
|
textarea.sheet-ability {
|
|
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;
|
|
height:75px;
|
|
}
|
|
input.sheet-ability {
|
|
|
|
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;
|
|
width:100%;
|
|
}
|
|
.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-yellow {
|
|
text-shadow: 0px 0px 0.2em yellow, 0px 0px 0.2em yellow, 0px 0px 0.2em yellow;
|
|
}
|
|
.sheet-stats-small {
|
|
background:transparent;
|
|
text-align: center;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
border:none;
|
|
text-shadow: 0px 0px 0.2em blue,0px 0px 0.2em black, 0px 0px 0.2em blue;
|
|
color:#FCFBED;
|
|
}
|
|
|
|
.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-rasied_border {
|
|
background-color: transparent;
|
|
border-color: #013220;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-bottom-width: 3px;
|
|
border-right-width: 4px;
|
|
border-top-right-radius: 16px;
|
|
background-size: auto;
|
|
border-radius:15px;
|
|
}
|
|
/*----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 */
|
|
}
|
|
|
|
input.sheet-stats-base[type='number'] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
input[type='number'] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
input[type='number']:hover {
|
|
-moz-appearance:none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
select {
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
select option {
|
|
background:white;
|
|
color:black;
|
|
}
|
|
|
|
.sheet-select {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
select.sheet-stats-base {
|
|
background:transparent;
|
|
text-align: center;
|
|
font-size: 1.4em;
|
|
line-height: 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;
|
|
margin-bottom: 0px;
|
|
padding-bottom:0px;
|
|
}
|
|
.sheet-input-center-aligned::-webkit-input-placeholder {
|
|
color:#D2B48C;
|
|
font-style: italic;
|
|
font-weight:400;
|
|
text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
}
|
|
|
|
textarea {
|
|
height: 36px;
|
|
margin: 5px 0px 0px 0px;
|
|
resize:vertical;
|
|
overflow-y:hidden;
|
|
}
|
|
/*-----misc-----*/
|
|
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-right {
|
|
text-align: right;
|
|
}
|
|
div.sheet-Shield {
|
|
position: relative;
|
|
width: 50px;
|
|
height: 20px;
|
|
left:40px;
|
|
top:20px;
|
|
margin:-30px;
|
|
}
|
|
|
|
input.sheet-Shield {
|
|
width: 50px;
|
|
height: 20px;
|
|
position: absolute;
|
|
left:0px;
|
|
top:0px;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
span.sheet-Shield {
|
|
margin: 10px 0 0 40px;
|
|
display: none;
|
|
position: absolute;
|
|
left:-40px;
|
|
top:-10px;
|
|
width:50px;
|
|
text-align:center;
|
|
}
|
|
|
|
input.sheet-nShield {
|
|
z-index: 2;
|
|
}
|
|
input.sheet-nShield:checked + input.sheet-yShield,
|
|
input.sheet-yShield:checked + input.sheet-nShield {
|
|
z-index: 3;
|
|
}
|
|
|
|
input.sheet-nShield:checked ~ span.sheet-nShield,
|
|
input.sheet-yShield:checked ~ span.sheet-yShield {
|
|
display: inline-block;
|
|
}
|
|
/*-----showhide-----*/
|
|
|
|
div.sheet-one_block
|
|
{
|
|
display: inline;
|
|
|
|
}
|
|
div.sheet-two_block
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showhide:checked ~ div.sheet-one_block
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showhide:checked ~ div.sheet-two_block
|
|
{
|
|
display: inline;
|
|
}
|
|
/*==========feat number button==========*/
|
|
|
|
div.sheet-feat {
|
|
width: 80px;
|
|
height: 80px;
|
|
position: relative;
|
|
}
|
|
|
|
input.sheet-feat {
|
|
position: absolute;
|
|
margin: 5px 0 0 0px;
|
|
opacity: 0;
|
|
width: 80px;
|
|
height: 80px;
|
|
z-index: 1;
|
|
}
|
|
|
|
span.sheet-feat {
|
|
position: relative;
|
|
top:10px;
|
|
}
|
|
|
|
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: 80px;
|
|
height: 80px;
|
|
background: url("https://66.media.tumblr.com/b6242dce9ce8148e3cf2f9bc6438f21d/tumblr_pi1eswSoCs1s9slulo1_100.png") no-repeat 0 0;
|
|
background-size: contain;
|
|
-webkit-filter: drop-shadow(0px 0px 5px white);
|
|
}
|
|
|
|
.sheet-onefeat
|
|
{
|
|
width: 80px;
|
|
height: 80px;
|
|
background: url("https://66.media.tumblr.com/97f7df4aca5ae0d32a5e08485bf8fbb4/tumblr_pi1et6eL7N1s9slulo1_100.png") no-repeat 0 0;
|
|
background-size: contain;
|
|
-webkit-filter: drop-shadow(0px 0px 5px white);
|
|
}
|
|
|
|
.sheet-twofeat
|
|
{
|
|
width: 80px;
|
|
height: 80px;
|
|
background: url("https://66.media.tumblr.com/008d9c27dd789d45a8e9dff38f1b2aa3/tumblr_pi1euhN8h21s9slulo1_100.png") no-repeat 0 0;
|
|
background-size: contain;
|
|
-webkit-filter: drop-shadow(0px 0px 5px white);
|
|
}
|
|
|
|
.sheet-threefeat
|
|
{
|
|
width: 80px;
|
|
height: 80px;
|
|
background: url("https://66.media.tumblr.com/85e99c9cc8b3fdf32a995ea1077ea433/tumblr_pi1eurkRaH1s9slulo1_100.png") no-repeat 0 0;
|
|
background-size: contain;
|
|
-webkit-filter: drop-shadow(0px 0px 5px white);
|
|
}
|
|
/* ==== Featup & Down ==== */
|
|
/* ----Hide actual sheet-featup checkbox---- */
|
|
|
|
input.sheet-featup[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-featup checkbox----- */
|
|
|
|
input.sheet-featup[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-featup[type="checkbox"]:hover + span::before {
|
|
color: red;
|
|
text-shadow:0px 0px 5px black;
|
|
}
|
|
/* ----Hide actual sheet-featdown checkbox---- */
|
|
|
|
input.sheet-featdown[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-featdown checkbox----- */
|
|
|
|
input.sheet-featdown[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-featdown[type="checkbox"]:hover + span::before {
|
|
color: red;
|
|
text-shadow:0px 0px 5px black;
|
|
}
|
|
|
|
/*========== sheet reset ==========*/
|
|
input.sheet-reset[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 8px;
|
|
top:0px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-reset checkbox----- */
|
|
|
|
input.sheet-reset[type="checkbox"] + span::before
|
|
{
|
|
position: relative;
|
|
left:-7px;
|
|
margin-right: 0px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius:50%;
|
|
background:black;
|
|
}
|
|
|
|
input.sheet-reset[type="checkbox"]:active + span::before {
|
|
background:#9C0606;
|
|
}/*========== sheet health ==========*/
|
|
input.sheet-health[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 8px;
|
|
top:0px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-health checkbox----- */
|
|
|
|
input.sheet-health[type="checkbox"] + span::before
|
|
{
|
|
position: relative;
|
|
left:-7px;
|
|
margin-right: 0px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
background:white;
|
|
border: 1px solid #006400;
|
|
border-radius:50%;
|
|
box-shadow: inset 0px 0px 15px green, 0px 0px 15px green;
|
|
}
|
|
|
|
input.sheet-health[type="checkbox"]:active + span::before {
|
|
border: 1px solid #8B0000;
|
|
box-shadow: inset 0px 0px 15px red, 0px 0px 15px red;
|
|
}
|
|
/*========== 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;
|
|
}
|
|
|
|
input.sheet-hider: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;
|
|
}
|
|
input.sheet-gear {
|
|
float: left;
|
|
}
|
|
/*========== sheet skillbox ==========*/
|
|
|
|
/* ----Hide actual sheet-skillbox checkbox---- */
|
|
|
|
input.sheet-skillbox[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 100px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 20px;
|
|
margin: -30px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-gear skillbox----- */
|
|
|
|
input.sheet-skillbox[type="checkbox"]::before + span::before
|
|
{
|
|
margin-right: 4px;
|
|
margin-left: 0px;
|
|
line-height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
content: "";
|
|
width: 100px;
|
|
height: 14px;
|
|
color:silver;
|
|
position: relative;
|
|
}
|
|
span.sheet-skillbox {
|
|
position: relative;
|
|
left:-40px;
|
|
width: 100px;
|
|
text-shadow:0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black;
|
|
}
|
|
input.sheet-skillbox[type="checkbox"]:checked + span {
|
|
color: red;
|
|
text-shadow:0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black;
|
|
}
|
|
|
|
/*========== 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;
|
|
}
|
|
input.sheet-sign {
|
|
float: left;
|
|
}
|
|
|
|
/*========== 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;
|
|
}
|
|
/*========== boost boost ==========*/
|
|
/* ----Hide actual boost---- */
|
|
input.sheet-boost[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 15px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big Checkbox ---- */
|
|
input.sheet-boost[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 10px;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
border-radius: 15px;
|
|
|
|
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-boost[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-boost[type="checkbox"]:checked + span::before {
|
|
color: green;
|
|
font-family:"Pictos";
|
|
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 aj ---- */
|
|
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;
|
|
font-weight:bold;
|
|
color: black;
|
|
text-shadow: 0px 0px 2px white,0px 0px 2px white,0px 0px 2px white;
|
|
}
|
|
|
|
input.sheet-aj[type="checkbox"]:checked + span::before {
|
|
color: #9C0606;
|
|
font-family:"Pictos";
|
|
content: "A";
|
|
|
|
}
|
|
|
|
/*==========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; }
|
|
|
|
input.sheet-blackbox:checked + input.sheet-whiteboxl,
|
|
input.sheet-whiteboxl:checked + input.sheet-redboxl { z-index: 3; }
|
|
|
|
input.sheet-blackbox:checked ~ span.sheet-blackbox,
|
|
input.sheet-whiteboxl:checked ~ span.sheet-whiteboxl,
|
|
input.sheet-redboxl:checked ~ span.sheet-redboxl { display: inline-block; }
|
|
|
|
input.sheet-blackbox:checked + input.sheet-whiteboxr,
|
|
input.sheet-whiteboxr:checked + input.sheet-redboxr { z-index: 3; }
|
|
|
|
input.sheet-blackbox:checked ~ span.sheet-blackbox,
|
|
input.sheet-whiteboxr:checked ~ span.sheet-whiteboxr,
|
|
input.sheet-redboxr:checked ~ span.sheet-redboxr { display: inline-block; }
|
|
|
|
input.sheet-blackbox:checked + input.sheet-whiteboxg,
|
|
input.sheet-whiteboxg:checked + input.sheet-redboxg { z-index: 3; }
|
|
|
|
input.sheet-blackbox:checked ~ span.sheet-blackbox,
|
|
input.sheet-whiteboxg:checked ~ span.sheet-whiteboxg,
|
|
input.sheet-redboxg:checked ~ span.sheet-redboxg { display: inline-block; }
|
|
|
|
input.sheet-blackbox:checked + input.sheet-whiteboxy,
|
|
input.sheet-whiteboxy:checked + input.sheet-redboxy { z-index: 3; }
|
|
|
|
input.sheet-blackbox:checked ~ span.sheet-blackbox,
|
|
input.sheet-whiteboxy:checked ~ span.sheet-whiteboxy,
|
|
input.sheet-redboxy:checked ~ span.sheet-redboxy { display: inline-block; }
|
|
|
|
.sheet-blackbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: black;
|
|
box-shadow: inset 0px 0px 10px white, inset 0px 0px 5px white, inset 0px 0px 2px white;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-whitebox {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: white;
|
|
box-shadow: inset 0px 0px 10px black, inset 0px 0px 5px black, inset 0px 0px 2px black;
|
|
}
|
|
.sheet-whiteboxl {
|
|
width: 20px;
|
|
height: 20px;
|
|
content: "L";
|
|
color:black;
|
|
background: white;
|
|
box-shadow:inset 0px 0px 10px blue,inset 0px 0px 10px blue,inset 0px 0px 10px blue;
|
|
}
|
|
.sheet-whiteboxr {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: white;
|
|
box-shadow:inset 0px 0px 10px red,inset 0px 0px 10px red,inset 0px 0px 10px red;
|
|
}
|
|
.sheet-whiteboxg {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: white;
|
|
box-shadow:inset 0px 0px 10px green,inset 0px 0px 10px green,inset 0px 0px 10px green;
|
|
}
|
|
.sheet-whiteboxy {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: white;
|
|
box-shadow:inset 0px 0px 10px yellow,inset 0px 0px 10px yellow,inset 0px 0px 10px yellow;
|
|
}
|
|
.sheet-redbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px white);
|
|
}
|
|
.sheet-redboxr {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 3px black);
|
|
}
|
|
.sheet-redboxl {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px blue);
|
|
}
|
|
.sheet-redboxg {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px green);
|
|
}
|
|
.sheet-redboxy {
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px yellow);
|
|
}
|
|
|
|
.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 #18ADFF);
|
|
}
|
|
|
|
.sheet-bluedot {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("https://66.media.tumblr.com/8c7887f2dec7672d67897d2a295ba97e/tumblr_pi1ffnzsew1s9slulo1_400.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
|
|
.sheet-xdot {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px #18ADFF);
|
|
}
|
|
/* ======== Sheet-physboxlast ========*/
|
|
/* ----Hide actual Big physboxlast---- */
|
|
input.sheet-physboxlast[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 12px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big physboxlast ---- */
|
|
input.sheet-physboxlast[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
position: relative;
|
|
top: 0px;
|
|
left: 3px;
|
|
}
|
|
|
|
input.sheet-physboxlast[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("https://66.media.tumblr.com/8c7887f2dec7672d67897d2a295ba97e/tumblr_pi1ffnzsew1s9slulo1_400.png") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px black);
|
|
}
|
|
input.sheet-physboxlast[type="checkbox"]:checked + span::before {
|
|
content: "";
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size:100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px #18ADFF);
|
|
|
|
}
|
|
|
|
/*-------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://www.clker.com/cliparts/8/8/y/R/N/Z/red-paint-splatter-clip-art-md.png") no-repeat 0 0;
|
|
background-size: 20px 35px;
|
|
position:relative;
|
|
left: 5px;
|
|
top: 5px;
|
|
-webkit-filter: drop-shadow(0px 0px 5px #6A0E0E);
|
|
}
|
|
|
|
.sheet-xdota {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px white);
|
|
}
|
|
/* ======== Sheet-aglboxlast ========*/
|
|
/* ----Hide actual Big aglboxlast---- */
|
|
input.sheet-aglboxlast[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 12px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big aglboxlast ---- */
|
|
input.sheet-aglboxlast[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
position: relative;
|
|
top: 0px;
|
|
left: 3px;
|
|
}
|
|
|
|
input.sheet-aglboxlast[type="checkbox"] + span::before {
|
|
content: "";
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url("http://www.clker.com/cliparts/8/8/y/R/N/Z/red-paint-splatter-clip-art-md.png") no-repeat 0 0;
|
|
background-size: 20px 35px;
|
|
-webkit-filter: drop-shadow(0px 0px 10px white);
|
|
}
|
|
input.sheet-aglboxlast[type="checkbox"]:checked + span::before {
|
|
content: "";
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size:100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px #6A0E0E);
|
|
}
|
|
|
|
/*-------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("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size: 100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px green);
|
|
}
|
|
/* ======== Sheet-intboxlast ========*/
|
|
/* ----Hide actual Big intboxlast---- */
|
|
input.sheet-intboxlast[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 12px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake Big intboxlast ---- */
|
|
input.sheet-intboxlast[type="checkbox"] + span::before {
|
|
margin-right: 4px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
position: relative;
|
|
top: 0px;
|
|
left: 3px;
|
|
}
|
|
|
|
input.sheet-intboxlast[type="checkbox"] + span::before {
|
|
content: "";
|
|
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);
|
|
}
|
|
input.sheet-intboxlast[type="checkbox"]:checked + span::before {
|
|
content: "";
|
|
background: url("https://66.media.tumblr.com/456c2832858d9fbf85c41edb418dfa96/tumblr_ofkt6u0pjV1s9slulo1_540.gif") no-repeat 0 0;
|
|
background-size:100%;
|
|
-webkit-filter: drop-shadow(0px 0px 5px green);
|
|
}
|
|
/*-------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: 15px;
|
|
height: 15px;
|
|
background: transparent;
|
|
border-radius:50%;
|
|
border: 2px solid blue;
|
|
|
|
}
|
|
|
|
.sheet-powerfield_on {
|
|
width: 15px;
|
|
height: 15px;
|
|
background: blue;
|
|
border-radius:50%;
|
|
border: 2px solid blue;
|
|
}
|
|
|
|
.sheet-powerfield_off {
|
|
width: 19px;
|
|
height: 19px;
|
|
background: transparent;
|
|
border-radius:50%;
|
|
border: none; /* 2px solid #9a7647; #eae0c8 #9a7647 */
|
|
box-shadow: inset 0px 0px 15px black;
|
|
}
|
|
|
|
table.sheet-table_center {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
/*==========Button Reset==========*/
|
|
/*================================*/
|
|
/*================================*/
|
|
button[type="roll"].sheet-btn:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
button[type="roll"].sheet-btn {
|
|
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;
|
|
border-radius:5px;
|
|
|
|
background-color: transparent;
|
|
border: 2px outset gray;
|
|
border-style: outset;
|
|
padding: 2px;
|
|
padding-left:2px;
|
|
font-size: 1em;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
|
|
button[type="roll"].sheet-btn:hover {
|
|
border: 2px inset gray;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
|
|
}
|
|
|
|
button[type="roll"].sheet-btn:active {
|
|
border: 2px solid black;
|
|
}
|
|
|
|
button[type="roll"].sheet-btn label,
|
|
button[type="roll"].sheet-btn input {
|
|
height:44px;
|
|
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-small {
|
|
font-size: 0.8em;
|
|
}
|
|
button[type="roll"].sheet-physstat ,
|
|
button[type="roll"]label.sheet-physstat ,
|
|
button[type="roll"]input.sheet-physstat {
|
|
color: #18ADFF;
|
|
border: 2px solid #18ADFF;
|
|
}
|
|
|
|
button[type="roll"].sheet-physstat :hover,
|
|
button[type="roll"].sheet-physstat :hover label,
|
|
button[type="roll"].sheet-physstat :hover input {
|
|
color: #18ADFF;
|
|
border: 2px inset #18ADFF;
|
|
}
|
|
|
|
.sheet-aglstat button[type="roll"],
|
|
.sheet-aglstat button[type="roll"]label,
|
|
.sheet-aglstat button[type="roll"]input {
|
|
color: red;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.sheet-aglstat button[type="roll"]:hover,
|
|
.sheet-aglstat button[type="roll"]:hover label,
|
|
.sheet-aglstat button[type="roll"]:hover input {
|
|
color: red;
|
|
border: 2px inset red;
|
|
}
|
|
|
|
.sheet-intstat button[type="roll"],
|
|
.sheet-intstat button[type="roll"] label,
|
|
.sheet-intstat button[type="roll"] input {
|
|
color: green;
|
|
border: 2px outset gray;
|
|
}
|
|
|
|
.sheet-intstat button[type="roll"]:hover,
|
|
.sheet-intstat button[type="roll"]:hover label,
|
|
.sheet-intstat button[type="roll"]:hover input {
|
|
color: green;
|
|
border: 2px inset green;
|
|
}
|
|
.sheet-general {
|
|
font-style:italic;
|
|
color:white;
|
|
text-shadow: 0px 0px 2px green, 0px 0px 2px green;
|
|
}
|
|
.sheet-occupational {
|
|
color:white;
|
|
text-shadow: 0px 0px 2px red, 0px 0px 2px red;
|
|
}
|
|
|
|
/*========== Btn1 ==========*/
|
|
button[type="roll"].sheet-btn1:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
button[type="roll"].sheet-btn1 {
|
|
width: 100%;
|
|
height:48px;
|
|
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: transparent;
|
|
border: 2px outset gray;
|
|
border-style: outset;
|
|
padding: 2px;
|
|
padding-left:2px;
|
|
font-size: 1em;
|
|
color: white;
|
|
text-shadow: 0px 0px 0.2em #6C3306;
|
|
}
|
|
|
|
button[type="roll"].sheet-btn1:hover {
|
|
border: 2px inset gray;
|
|
padding-left:4px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
|
|
}
|
|
|
|
button[type="roll"].sheet-btn1:active {
|
|
border: 2px solid black;
|
|
}
|
|
|
|
button[type="roll"].sheet-btn1 label,
|
|
button[type="roll"].sheet-btn1 input {
|
|
height:44px;
|
|
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;
|
|
}
|
|
/*========== 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, #6495ED, black);
|
|
box-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
.sheet-combatcaster_button:hover {
|
|
background: radial-gradient(circle at 16px 16px, blue, white);
|
|
box-shadow: 0px 0px 3px blue;
|
|
}
|
|
|
|
.sheet-combatcaster_button:active {
|
|
background: radial-gradient(circle at 8px 8px, blue, white);
|
|
}
|
|
/*==========Combat Caster button==========*/
|
|
button[type="roll"].sheet-combatstatic_button:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-combatstatic_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, black, red);
|
|
box-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
.sheet-combatstatic_button:hover {
|
|
background: radial-gradient(circle at 16px 16px, yellow, red);
|
|
box-shadow: 0px 0px 3px blue;
|
|
}
|
|
|
|
.sheet-combatstatic_button:active {
|
|
background: radial-gradient(circle at 8px 8px, orange, red);
|
|
}
|
|
/* ================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;
|
|
text-shadow: none;
|
|
|
|
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%);
|
|
}
|
|
|
|
/*-----sheet-normal 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:#0000ff ;
|
|
|
|
content: "";
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 3em;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
input.sheet-normal.sheet-purple[type="radio"] + span::before {
|
|
background:#800080;
|
|
}
|
|
input.sheet-normal.sheet-blood[type="radio"] + span::before {
|
|
background:#b30000;
|
|
}
|
|
|
|
/* -----Remove dot from all radios _after_ selected one----- */
|
|
input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
|
|
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 */
|
|
|
|
}
|
|
|
|
/*------------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;
|
|
}
|
|
/*-----sheet-grate radio boxes-----*/
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-grate[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-grate[type="radio"] + span::before
|
|
{
|
|
margin-right: 2px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 12px;
|
|
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: #e5d6ab;;
|
|
|
|
content: "";
|
|
width: 12px;
|
|
height: 12px;
|
|
font-size: 1em;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
input.sheet-grate[type="radio"]:checked + span::before {
|
|
content: "✓";
|
|
color:green;
|
|
}
|
|
input.sheet-x[type="radio"] + span::before
|
|
{
|
|
content: "";
|
|
}
|
|
input.sheet-x[type="radio"]:checked + span::before
|
|
{
|
|
content: "x";
|
|
color:red;
|
|
}
|
|
/* -----Sheet-use radio----- */
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-use[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-use[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;
|
|
|
|
content: "";
|
|
|
|
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 */
|
|
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 1em;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
input.sheet-use[type="radio"]:checked + span::before {
|
|
color: red;
|
|
content: "✓";
|
|
text-shadow:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* ================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;
|
|
}
|
|
|
|
/*=== Roll Templates ===*/
|
|
/*======================*/
|
|
/*======================*/
|
|
/*=== Roll Templates ===*/
|
|
/*=== 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 td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .sheet-tcat {
|
|
background:white;
|
|
border: 2px solid #740608;
|
|
border-radius: 15px;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .sheet-skill_number {
|
|
border:2px solid #740608;
|
|
border-radius:15px;
|
|
background:white;
|
|
font-weight: bold;
|
|
color:#740608;
|
|
display: inline-block;
|
|
text-align:center;
|
|
min-width: 1.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .inlinerollresult {
|
|
color: #740608;
|
|
background:transparent;
|
|
border: none;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-melee .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-melee .inlinerollresult.fullcrit {
|
|
border: none;
|
|
background:transparent;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
/*=== 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 ('https://c4.staticflickr.com/8/7378/11774670053_8b1818140f_b.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 4px gray;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon .sheet-tcat {
|
|
background:white;
|
|
border: 2px solid #740608;
|
|
border-radius: 15px;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon .sheet-skill_number {
|
|
border:2px solid #740608;
|
|
border-radius:15px;
|
|
background:white;
|
|
font-weight: bold;
|
|
color:#740608;
|
|
display: inline-block;
|
|
text-align:center;
|
|
min-width: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-weapon .inlinerollresult {
|
|
color: #740608;
|
|
background:transparent;
|
|
border: none;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-weapon .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-weapon .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-weapon .inlinerollresult.importantroll {
|
|
border: none;
|
|
background:transparent;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
/*=== 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 td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-boom .sheet-tcat {
|
|
background:white;
|
|
border: 2px solid #337992;
|
|
border-radius: 15px;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-boom .sheet-skill_number {
|
|
border:2px solid #337992;
|
|
border-radius:15px;
|
|
background:white;
|
|
font-weight: bold;
|
|
color:#740608;
|
|
display: inline-block;
|
|
text-align:center;
|
|
min-width: 1.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-boom .inlinerollresult {
|
|
color: black;
|
|
background:transparent;
|
|
border: none;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-boom .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-boom .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-boom .inlinerollresult.importantroll {
|
|
border: none;
|
|
background:transparent;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
|
|
/*=== 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://pcwallart.com/images/colored-smoke-wallpaper-1.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;
|
|
}
|
|
|
|
.sheet-rolltemplate-spell .sheet-tcat {
|
|
background:white;
|
|
border: 2px solid blue;
|
|
border-radius: 15px;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-spell .sheet-skill_number {
|
|
border: 2px solid blue;
|
|
border-radius:15px;
|
|
background:white;
|
|
font-weight: bold;
|
|
color: blue;
|
|
display: inline-block;
|
|
text-align:center;
|
|
min-width: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-spell .inlinerollresult {
|
|
color: blue;
|
|
background:transparent;
|
|
border: none;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-spell .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-spell .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-spell .inlinerollresult.importantroll {
|
|
border: none;
|
|
background:transparent;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left: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://s3.amazonaws.com/percolate-media-image-assets/28036633');
|
|
background-size: contain;
|
|
color: white;
|
|
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;
|
|
}
|
|
|
|
.sheet-rolltemplate-fellcall .sheet-tcat {
|
|
background:black;
|
|
border: 2px solid #78BB83;
|
|
border-radius: 15px;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-fellcall .sheet-skill_number {
|
|
border: 2px solid #78BB83;
|
|
border-radius:15px;
|
|
background:black;
|
|
font-weight: bold;
|
|
color: #78BB83;
|
|
display: inline-block;
|
|
text-align:center;
|
|
min-width: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-fellcall .inlinerollresult {
|
|
color: #78BB83;
|
|
background:transparent;
|
|
border: none;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-fellcall .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-fellcall .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-fellcall .inlinerollresult.importantroll {
|
|
border: none;
|
|
background:transparent;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
/*=== 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 td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot .sheet-tcat {
|
|
background:white;
|
|
border: 2px solid #953C1B;
|
|
border-radius: 15px;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot .sheet-skill_number {
|
|
border:2px solid #953C1B;
|
|
border-radius:15px;
|
|
background:white;
|
|
font-weight: bold;
|
|
color:#953C1B;
|
|
display: inline-block;
|
|
text-align:center;
|
|
min-width: 1.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-runeshot .inlinerollresult {
|
|
color: #953C1B;
|
|
background:transparent;
|
|
border: none;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-runeshot .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-runeshot .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-runeshot .inlinerollresult.importantroll {
|
|
border: none;
|
|
background:transparent;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
/*=== 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/thumbnail/abstract_black_background_smoke_hd-wallpaper-73628.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;
|
|
}
|
|
/*=== Roll Templates ===*/
|
|
/*=== skill ===*/
|
|
|
|
.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 black;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill td {
|
|
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;
|
|
color:black;
|
|
text-align:center;
|
|
letter-spacing: 2px;
|
|
margin-left:5px;
|
|
}
|
|
.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;
|
|
}
|
|
/*=== Roll Templates ===*/
|
|
/*=== jackmelee ===*/
|
|
.sheet-rolltemplate-jackmelee 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-jackmelee th {
|
|
background: url ('http://images.fineartamerica.com/images-medium-large-5/steampunk-gears-horology-mike-savad.jpg');
|
|
background-size: 100%;
|
|
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-jackmelee .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-jackmelee .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-jackmelee .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-jackmelee .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
|
|
/*=== Roll Templates ===*/
|
|
/*=== jackrange ===*/
|
|
.sheet-rolltemplate-jackrange 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-jackrange th {
|
|
background: url ('http://images.fineartamerica.com/images-medium-large-5/steampunk-gears-horology-mike-savad.jpg');
|
|
background-size: 100%;
|
|
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-jackrange .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-jackrange .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-jackrange .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-jackrange .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
/*=== Roll Templates ===*/
|
|
/*=== npcmelee ===*/
|
|
.sheet-rolltemplate-npcmelee 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: 0.9em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
box-shadow: -5px -5px 6px #8B0000, -5px -5px 6px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcmelee th {
|
|
background: url ('http://www.girlgeniusonline.com/fun/freestuff/desktops/cogs/pile_of_cogs_LG_warm.jpg');
|
|
background-size: 100%;
|
|
color: white;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.4em;
|
|
font-size: 1.0em;
|
|
text-shadow: 0px 0px 2px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcmelee .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcmelee .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-npcmelee .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcmelee .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
/*=== Roll Templates ===*/
|
|
/*=== npcrange ===*/
|
|
.sheet-rolltemplate-npcrange table {
|
|
width: 100%;
|
|
background: white;
|
|
border: 1px solid;
|
|
color: black;
|
|
font-size: 0.9em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
box-shadow: -5px -5px 6px #808080, -5px -5px 4px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcrange th {
|
|
background: url ('http://www.girlgeniusonline.com/fun/freestuff/desktops/cogs/pile_of_cogs_LG_warm.jpg');
|
|
background-size: 100%;
|
|
color: white;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.4em;
|
|
font-size: 1.0em;
|
|
text-shadow: 0px 0px 2px black;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcrange .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcrange .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-npcrange .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcrange .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
/*=== Roll Templates ===*/
|
|
/*=== fury ===*/
|
|
|
|
.sheet-rolltemplate-fury table {
|
|
width: 100%;
|
|
color: black;
|
|
border: 1px solid black;
|
|
border: 5px;
|
|
font-size: 1em;
|
|
font-family: Copperplate, 'Copperplate Gothic Light';
|
|
|
|
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-fury th,
|
|
.sheet-rolltemplate-fury td {
|
|
padding: 5px;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-fury tr:last-child {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-fury .sheet-tcat {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-fury .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-fury .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-fury .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
.sheet-rolltemplate-fury th.sheet-background {
|
|
background: url ('http://pcwallart.com/images/colored-smoke-wallpaper-1.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;
|
|
}
|
|
|