mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1878 lines
45 KiB
CSS
1878 lines
45 KiB
CSS
/*----------- Repeating Blocks -------------*/
|
|
.charsheet .repcontrol_add {
|
|
display: block;
|
|
background:black;
|
|
color:white;
|
|
text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
box-shadow:none;
|
|
float:left!important;
|
|
margin-bottom:0px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
}
|
|
.charsheet .repcontrol_edit
|
|
{
|
|
display: inline-block;
|
|
background:black;
|
|
color:white;
|
|
text-shadow:0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
|
|
box-shadow:none;
|
|
float:none!important;
|
|
margin-bottom:5px;
|
|
font-size:0.9em;
|
|
height:2.2em;
|
|
}
|
|
.charsheet .repcontrol_del {
|
|
background:red;
|
|
color:white;
|
|
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;
|
|
}
|
|
/*----------- Tabs Setup -------------*/
|
|
.charsheet {
|
|
background:white;
|
|
}
|
|
div.sheet-core-content {
|
|
display: none;
|
|
width:840px;
|
|
}
|
|
|
|
.charsheet div[class^="sheet-section"] {
|
|
/*visibility: hidden;
|
|
opacity: 0;
|
|
max-height:0;
|
|
overflow: hidden;*/
|
|
display: none;
|
|
/*
|
|
background-image: url('http://pre02.deviantart.net/97f0/th/pre/i/2012/120/9/f/fma_oc_sonya_shinguki_alchemy_and_arcane_circle_by_captainrougefaye-d4y2wwx.jpg');
|
|
background-image: url('http://orig13.deviantart.net/5c76/f/2007/254/a/3/arcane_circles_by_singing3ea.jpg');
|
|
background-image: url('http://fc08.deviantart.net/fs70/i/2010/267/f/7/arcane_jumble_background_by_dark_phoenx-d2zf2fv.jpg');
|
|
background-image: url('http://olddragon.redboxeditora.com.br/wp-content/uploads/2013/12/arcane_circle_by_winterbaby21-d3b8std1.jpg');
|
|
*/
|
|
|
|
background-size:840px;
|
|
}
|
|
.charsheet div.sheet-section-6 {
|
|
background-image: url('http://l.rgbimg.com/cache1nuryT/users/s/su/sundesigns/600/meT2xes.jpg');
|
|
background-size: 400px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue;
|
|
|
|
border: 2px solid transparent;
|
|
}
|
|
.charsheet div.sheet-section-7 {
|
|
background-image: url('http://wallpoper.com/images/00/35/43/25/arcane_00354325.jpg');
|
|
background-size: 840px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px green, 0px 0px 3px green, 0px 0px 3px green;
|
|
|
|
border: 2px solid transparent;
|
|
}
|
|
.charsheet div.sheet-section-6 th,
|
|
.charsheet div.sheet-section-6 h3,
|
|
.charsheet div.sheet-section-7 th,
|
|
.charsheet div.sheet-section-7 h3 {
|
|
color:white;
|
|
}
|
|
.sheet-top_half {
|
|
background-size:840px;
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-section-1,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-section-2,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-section-3,
|
|
.charsheet input.sheet-tab4:checked ~ div.sheet-section-4,
|
|
.charsheet input.sheet-tab5:checked ~ div.sheet-section-5,
|
|
.charsheet input.sheet-tab6:checked ~ div.sheet-section-6,
|
|
.charsheet input.sheet-tab7:checked ~ div.sheet-section-7,
|
|
.charsheet input.sheet-tab8:checked ~ div.sheet-section-8,
|
|
.charsheet input.sheet-tab9:checked ~ div.sheet-section-9,
|
|
.charsheet input.sheet-tab10:checked ~ div.sheet-section-10 {
|
|
/*max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;
|
|
overflow: auto;*/
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
/*max-height: 999999px;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: opacity 0.5s linear 0s;*/
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab {
|
|
width: 70px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
box-shadow: 0px 0px 5px blue;
|
|
}
|
|
|
|
.charsheet span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block; /*originally inline-block*/
|
|
font-size: 13px;
|
|
background-repeat: no-repeat;
|
|
color: black; /*originally white*/
|
|
/*font-family: "Tinos", "Quattrocento", "Lustria", "Buenardserif", serif;*/
|
|
font-weight: bold;
|
|
border-radius: 4px;
|
|
border: 2px solid black;
|
|
|
|
width: 70px; /*originally 87px*/
|
|
height: 20px; /*originally 20px*/
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: -75px;/*originally 91px*/
|
|
}
|
|
|
|
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
|
|
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
|
|
.charsheet input.sheet-tab6:checked + span.sheet-tab6,
|
|
.charsheet input.sheet-tab7:checked + span.sheet-tab7,
|
|
.charsheet input.sheet-tab8:checked + span.sheet-tab8,
|
|
.charsheet input.sheet-tab9:checked + span.sheet-tab9,
|
|
.charsheet input.sheet-tab10:checked + span.sheet-tab10,
|
|
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
|
|
|
|
background: black; /*originally ab8b57*/
|
|
color: white; /*originally white*/
|
|
border-radius: 4px;
|
|
border: 2px solid red;
|
|
}
|
|
|
|
/*----------- End Tab Setup -----------*/
|
|
/*----------- Font -----------*/
|
|
|
|
/* Top Half */
|
|
.sheet-table th {
|
|
color:#591E22;
|
|
}
|
|
|
|
.sheet-attribute[type="number"] {
|
|
text-align:center;
|
|
border:none;
|
|
background:transparent;
|
|
}
|
|
.sheet-attribute1[type="number"] {
|
|
text-align:center;
|
|
border:none;
|
|
background:transparent;
|
|
font-weight:bold;
|
|
font-size:1.2em;
|
|
outline:none;
|
|
box-shadow:none;
|
|
}
|
|
|
|
table.sheet-wounds th,
|
|
table.sheet-wounds td {
|
|
height:40px;
|
|
vertical-align:bottom;
|
|
}
|
|
.sheet-hidden {
|
|
display:none;
|
|
}
|
|
.sheet-tiny {
|
|
font-size:0.6em;
|
|
width:20px;
|
|
border-top:none;
|
|
border-right:none;
|
|
border-left:none;
|
|
border-radius:0px;
|
|
box-shadow:none;
|
|
}
|
|
.sheet-tiny:focus {
|
|
background: gray;
|
|
color:white;
|
|
}
|
|
select.sheet-smallselect {
|
|
border: 1px solid #848484;
|
|
border-radius:0px;
|
|
border-left: none;
|
|
border-right: none;
|
|
outline:0;
|
|
width: 105px;
|
|
background-color:white;
|
|
box-shadow:none;
|
|
outline:0;
|
|
text-align: right;
|
|
padding-left:2px;
|
|
}
|
|
|
|
.sheet-bio[type="text"] {
|
|
border-left:none;
|
|
border-top:none;
|
|
box-shadow:none;
|
|
border-color: black;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-bottom-width: 2px;
|
|
border-right-width: 3px;
|
|
border-top-right-radius: 10px;
|
|
width:170px;
|
|
}
|
|
|
|
.sheet-bio[type="number"] {
|
|
border-left:none;
|
|
border-top:none;
|
|
box-shadow:none;
|
|
border-color: black;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-bottom-width: 2px;
|
|
border-right-width: 3px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
/*----------- Basic -----------*/
|
|
/* ----Big Check checkbox---- */
|
|
/* ----Hide actual sheet-bigcheck checkbox---- */
|
|
input.sheet-bigcheck[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -8px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake sheet-bigcheck checkbox---- */
|
|
input.sheet-bigcheck[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
|
|
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: "✓";
|
|
}/* ----Black checkbox---- */
|
|
/* ----Hide actual sheet-black checkbox---- */
|
|
input.sheet-black[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 5px;
|
|
margin: -5px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----Fake sheet-black checkbox---- */
|
|
input.sheet-black[type="checkbox"] + span::before
|
|
{
|
|
margin-right: 4px;
|
|
border: solid 1px black;
|
|
line-height: 10px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: black;
|
|
}
|
|
|
|
input.sheet-black[type="checkbox"] + span::before
|
|
{
|
|
content: "";
|
|
width: 10px;
|
|
height: 10px;
|
|
font-size: 10px;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
input.sheet-black[type="checkbox"]:checked + span::before
|
|
{
|
|
color: red;
|
|
content: "✓";
|
|
}
|
|
/*----------- Skill -----------*/
|
|
.sheet-textbox_left {
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #848484;
|
|
outline:0;
|
|
height:25px;
|
|
width: 130px;
|
|
background-color: #591E22;
|
|
color: white;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-textbox_left-spec {
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #848484;
|
|
outline:0;
|
|
height:25px;
|
|
width: 130px;
|
|
padding-left:20px;
|
|
background-color: black;
|
|
color: white;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-textbox_left-spec::-webkit-input-placeholder ,
|
|
.sheet-textbox_left::-webkit-input-placeholder {
|
|
font-weight: normal;
|
|
color:white;
|
|
font-style:italic;
|
|
}
|
|
.sheet-textbox_left-spec:-moz-placeholder,
|
|
.sheet-textbox_left:-moz-placeholder { /* Firefox 18- */
|
|
font-weight: normal;
|
|
color:white;
|
|
font-style:italic;
|
|
}
|
|
.sheet-textbox_left-spec::-moz-placeholder,
|
|
.sheet-textbox_left::-moz-placeholder { /* Firefox 19+ */
|
|
font-weight: normal;
|
|
color:white;
|
|
font-style:italic;
|
|
}
|
|
.sheet-textbox_left-spec:-ms-input-placeholder,
|
|
.sheet-textbox_left:-ms-input-placeholder {
|
|
font-weight: normal;
|
|
color:white;
|
|
font-style:italic;
|
|
}
|
|
select {
|
|
overflow: hidden;
|
|
-webkit-appearance: none;
|
|
background:transparent;
|
|
text-indent: 0.01px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-webkit-padding-end: 00px;
|
|
-moz-padding-end: 00px;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
padding-top:0px;
|
|
}
|
|
input.sheet-textbox_right,
|
|
select.sheet-textbox_right {
|
|
-moz-border-radius-bottomright: 30px;
|
|
-webkit-border-bottom-right-radius: 30px;
|
|
border-bottom-right-radius: 30px;
|
|
border: 1px solid #848484;
|
|
border-left: none;
|
|
margin-left: -5px;
|
|
outline:0;
|
|
width: 105px;
|
|
background-color:white;
|
|
box-shadow:none;
|
|
outline:0;
|
|
text-align: right;
|
|
padding-left:2px;
|
|
}
|
|
.sheet-textbox_right2,
|
|
select.sheet-textbox_right2 {
|
|
-moz-border-radius-bottomright: 30px;
|
|
-webkit-border-bottom-right-radius: 30px;
|
|
border-bottom-right-radius: 30px;
|
|
border: 1px solid #848484;
|
|
border-left: none;
|
|
margin-left: -5px;
|
|
outline:0;
|
|
width: 130px;
|
|
background-color:white;
|
|
box-shadow:none;
|
|
outline:0;
|
|
text-align: right;
|
|
padding-left:2px;
|
|
font-size:0.8em;
|
|
}
|
|
input.sheet-textbox_right {
|
|
margin-left: 0px;
|
|
text-align: left;
|
|
}
|
|
div.sheet-2border {
|
|
border-top:1px solid #848484;
|
|
border-bottom:1px solid #848484;
|
|
padding-top:4px;
|
|
padding-bottom:4px;
|
|
border-left: none;
|
|
margin-left: -5px;
|
|
outline:0;
|
|
background:white;
|
|
}
|
|
table.sheet-setup {
|
|
font-size:0.8em;
|
|
|
|
}
|
|
/* ===== Combat ===== */
|
|
.sheet-Movement {
|
|
border: 1px solid #848484;
|
|
border-left: none;
|
|
border-right: none;
|
|
outline:0;
|
|
width: 105px;
|
|
background-color:white;
|
|
box-shadow:none;
|
|
outline:0;
|
|
text-align: right;
|
|
padding-left:2px;
|
|
}
|
|
|
|
.sheet-steel {
|
|
background-image: url('http://pre04.deviantart.net/c0ff/th/pre/f/2007/209/5/e/metal_texture_5_by_wojtar_stock.jpg');
|
|
color:white;
|
|
text-shadow: 0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black;
|
|
border-radius:15px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding:5px;
|
|
}
|
|
select.sheet-weapon_select-left {
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #848484;
|
|
border-right: none;
|
|
margin-right: 0px;
|
|
outline:0;
|
|
width: 105px;
|
|
background-color:white;
|
|
box-shadow:none;
|
|
outline:0;
|
|
text-align: right;
|
|
padding-left:5px;
|
|
}
|
|
|
|
select.sheet-weapon_select-right {
|
|
-moz-border-radius-bottomright: 30px;
|
|
-webkit-border-bottom-right-radius: 30px;
|
|
border-bottom-right-radius: 30px;
|
|
border: 1px solid #848484;
|
|
border-right: none;
|
|
margin-right: 0px;
|
|
outline:0;
|
|
width: 105px;
|
|
background-color:white;
|
|
box-shadow:none;
|
|
outline:0;
|
|
text-align: right;
|
|
padding-left:5px;
|
|
}
|
|
|
|
.sheet-black_back {
|
|
background:black;
|
|
}
|
|
|
|
/* ----- Tager -----*/
|
|
input.sheet-tager_human + span::before
|
|
{
|
|
opacity: 1;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
div.sheet-human_block
|
|
{
|
|
display: inline;
|
|
|
|
}
|
|
div.sheet-tager_block
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tager_human:checked ~ div.sheet-human_block
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tager_human:checked ~ div.sheet-tager_block
|
|
{
|
|
display: inline;
|
|
}
|
|
.sheet-arcane_green {
|
|
width:275px;
|
|
background: url('https://78.media.tumblr.com/2326815cab68c1ec514ce60fff9b3f49/tumblr_pderycBCGy1s9slulo1_1280.jpg');
|
|
background-size: 400px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.sheet-mundane_metal h4,
|
|
.sheet-mundane_metal h5,
|
|
.sheet-arcane_green h3,
|
|
.sheet-arcane_green h4 {
|
|
color:white;
|
|
text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue;
|
|
}
|
|
.sheet-arcane_green h5 {
|
|
text-shadow:none;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-attribute_tager[type="number"] {
|
|
text-align:center;
|
|
border:none;
|
|
background:white;
|
|
}
|
|
.sheet-attribute_tager1[type="number"] {
|
|
text-align:center;
|
|
border:none;
|
|
background:transparent;
|
|
font-weight:bold;
|
|
font-size:1.2em;
|
|
outline:none;
|
|
box-shadow:none;
|
|
color:white;
|
|
text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
|
|
}
|
|
|
|
.sheet-arcane_black {
|
|
width:780px;
|
|
background: url('http://img01.deviantart.net/650f/i/2009/280/4/f/arcane_nova_wallpaper_by_halo_ring.png');
|
|
background-size: contain;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:#fff;
|
|
text-shadow: 0px 0px 3px #591E22, 0px 0px 3px #591E22, 0px 0px 3px #591E22, 0px 0px 3px #591E22, 0px 0px 3px #591E22;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.sheet-mundane_green {
|
|
width:275px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:#591E22;
|
|
border: 2px solid #591E22;
|
|
}
|
|
.sheet-arcane_green h5.sheet-senses {
|
|
width:350px;
|
|
background:black;
|
|
color:#0B9F7D;
|
|
|
|
border:none;
|
|
box-shadow:none;
|
|
font-weight: bold;
|
|
text-shadow:none;
|
|
|
|
border-radius:20px;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
margin-left:20px;
|
|
word-wrap: normal;
|
|
}
|
|
.sheet-mundane_green h5.sheet-senses {
|
|
width:350px;
|
|
background:white;
|
|
color:black;
|
|
|
|
border:none;
|
|
box-shadow:none;
|
|
font-weight: bold;
|
|
text-shadow:none;
|
|
|
|
border-radius:20px;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
margin-left:20px;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
div.sheet-table_tager {
|
|
border-radius: 5px;
|
|
height: 16px;
|
|
width: 72px;
|
|
font-weight:bold;
|
|
margin: 1px;
|
|
background: #b30000;
|
|
border: 2px solid black;
|
|
font-size:1em !important;
|
|
color:white;
|
|
padding:2px;
|
|
text-align:center;
|
|
text-shadow:none;
|
|
}
|
|
|
|
.sheet-right {
|
|
float: right;
|
|
}
|
|
|
|
div.sheet-form {
|
|
position: relative;
|
|
width: 50px;
|
|
height: 20px;
|
|
left:260px;
|
|
top:30px;
|
|
margin:-30px;
|
|
}
|
|
|
|
input.sheet-form {
|
|
width: 50px;
|
|
height: 20px;
|
|
position: absolute;
|
|
left:0px;
|
|
top:-20px;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
span.sheet-form {
|
|
margin: 10px 0 0 40px;
|
|
display: none;
|
|
position: absolute;
|
|
left:-40px;
|
|
top:-30px;
|
|
width:50px;
|
|
text-align:center;
|
|
}
|
|
|
|
input.sheet-man {
|
|
z-index: 2;
|
|
}
|
|
|
|
input.sheet-man:checked + input.sheet-monster,
|
|
input.sheet-monster:checked + input.sheet-man {
|
|
z-index: 3;
|
|
}
|
|
|
|
input.sheet-man:checked ~ span.sheet-man,
|
|
input.sheet-monster:checked ~ span.sheet-monster {
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
/* ===== Para-psychic =====*/
|
|
/* ===== Magic =====*/
|
|
.sheet-arcane_spell {
|
|
width:800px;
|
|
background: url('http://i189.photobucket.com/albums/z87/Midori_Oyasumi/Wallpapers%20and%20Such/ArcaneCircles-1.png~original');
|
|
background-size: 365px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
select.sheet-occult,
|
|
.sheet-occult {
|
|
border: 1px solid #848484;
|
|
border-left: none;
|
|
border-right: none;
|
|
outline:0;
|
|
width: 180px;
|
|
background-color:white;
|
|
box-shadow:none;
|
|
outline:0;
|
|
text-align: center;
|
|
padding-left:2px;
|
|
}
|
|
/* ----- Mecha/Vehicle -----*/
|
|
input.sheet-Mecha_Vehicle + span::before
|
|
{
|
|
opacity: 1;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
div.sheet-Vehicle_block
|
|
{
|
|
display: inline;
|
|
|
|
}
|
|
div.sheet-Mecha_block
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-Mecha_Vehicle:checked ~ div.sheet-Vehicle_block
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-Mecha_Vehicle:checked ~ div.sheet-Mecha_block
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-mundane_metal {
|
|
background: url('http://bgfons.com/upload/iron_texture47.jpg');
|
|
background-size: 400px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px blue, 0px 0px 3px blue, 0px 0px 3px blue;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
|
|
.sheet-mecha_metal {
|
|
background: url('http://www.background-texture.com/backgroundtextures/industrial/backgroundtexture-industrial1.jpg');
|
|
background-size: 400px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px red, 0px 0px 3px red, 0px 0px 3px red;
|
|
border: 2px solid transparent;
|
|
}
|
|
|
|
.sheet-mecha_metal h4,
|
|
.sheet-mecha_metal h5 {
|
|
color:white;
|
|
}
|
|
|
|
.sheet-white {
|
|
background: white;
|
|
background-size: 400px;
|
|
border-radius:15px;
|
|
padding:2px;
|
|
margin:2px;
|
|
color:black;
|
|
text-shadow:none;
|
|
border: 2px solid transparent;
|
|
}
|
|
.sheet-white h4,
|
|
.sheet-white h5 {
|
|
color:black;
|
|
text-shadow:none;
|
|
}
|
|
/* ===== Textarea =====*/
|
|
textarea.sheet-textarea {
|
|
width:95%;
|
|
resize: vertical;
|
|
overflow: auto;
|
|
}
|
|
/* ===== Check and Radio Boxes =====*/
|
|
/* Sheet Arrow */
|
|
.sheet-hidden[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-hider {
|
|
float: left;
|
|
}
|
|
|
|
div.sheet-body {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ div.sheet-body {
|
|
display: block;
|
|
}
|
|
/* ----Hide actual sheet-arrow checkbox---- */
|
|
input.sheet-paper[type="checkbox"],
|
|
input.sheet-pulse[type="checkbox"] {
|
|
position: relative;
|
|
top: 10px;
|
|
left: 15px;
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
/* -----Fake sheet-pulse checkbox----- */
|
|
|
|
input.sheet-pulse[type="checkbox"] + span::before {
|
|
position:relative;
|
|
left:5px;
|
|
top:-5px;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "Y";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
input.sheet-pulse[type="checkbox"]:checked + span::before {
|
|
text-shadow: 0px 0px 5px red, 0px 0px 5px red, 0px 0px 5px red;
|
|
}
|
|
|
|
/* -----Fake sheet-paper checkbox----- */
|
|
input.sheet-paper[type="checkbox"] + span::before {
|
|
float: left;
|
|
position:relative;
|
|
left:5px;
|
|
top:0px;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "n";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 16px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
input.sheet-paper[type="checkbox"]:checked + span::before {
|
|
text-shadow: 0px 0px 5px blue, 0px 0px 5px red, 0px 0px 5px red;
|
|
}
|
|
/* Sheet-gear */
|
|
/* ----Hide actual sheet-gear checkbox---- */
|
|
input.sheet-gear[type="checkbox"] {
|
|
position: relative;
|
|
top: -2px;
|
|
left: 10px;
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
/* -----Fake sheet-pulse checkbox----- */
|
|
|
|
input.sheet-gear[type="checkbox"] + span::before {
|
|
position:relative;
|
|
left:5px;
|
|
top:3px;
|
|
margin-right: 8px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "y";
|
|
color:black;
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 16px;
|
|
text-shadow: 0px 0px 2px yellow, 0px 0px 2px yellow, 0px 0px 2px yellow;
|
|
}
|
|
|
|
input.sheet-gear[type="checkbox"]:checked + span::before {
|
|
font-family: "Pictos Three";
|
|
content: "l";
|
|
}
|
|
|
|
/* Sheet Normal */
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-normal[type="radio"]
|
|
{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake radio----- */
|
|
input.sheet-normal[type="radio"] + span::before {
|
|
margin-right: 2px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 12px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
|
|
font-family: 'New Times Roman';
|
|
color:black;
|
|
content: "•";
|
|
width: 11px;
|
|
height: 11px;
|
|
font-size: 3em;
|
|
text-shadow:none;
|
|
color:green;
|
|
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
input.sheet-normal.sheet-purple[type="radio"] + span::before {
|
|
color:#8B008B;
|
|
}
|
|
.sheet-steel input.sheet-normal[type="radio"] + span::before {
|
|
color:red;
|
|
}
|
|
.sheet-arcane_green input.sheet-normal[type="radio"] + span::before {
|
|
color:blue;
|
|
}
|
|
/* -----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-health.sheet-zero[type="radio"]:checked + span::before,
|
|
input.sheet-zero[type="radio"]:checked + span::before
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-health.sheet-zero[type="radio"]:hover + span::before,
|
|
input.sheet-zero[type="radio"]:hover + span::before
|
|
{
|
|
opacity: 1;
|
|
}
|
|
input.sheet-health.sheet-zero[type="radio"] + span::before,
|
|
input.sheet-zero[type="radio"] + span::before
|
|
{
|
|
font-size: 12px;
|
|
content: "✖";
|
|
opacity: 0.25;
|
|
}
|
|
|
|
/* -----Sheet health----- */
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-health[type="radio"]
|
|
{
|
|
opacity: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
position: relative;
|
|
top: 4px;
|
|
left: 4px;
|
|
margin: -11px;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
}
|
|
|
|
/* -----Fake radio----- */
|
|
input.sheet-health[type="radio"] + span::before
|
|
{
|
|
height: 14px;
|
|
width: 14px;
|
|
margin: 1px;
|
|
opacity: .99;
|
|
|
|
line-height: 20px;
|
|
font-size:12px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
font-family: "Pictos";
|
|
content:"L";
|
|
background:none;
|
|
color:red;
|
|
text-shadow:none;
|
|
z-index: 9;
|
|
}
|
|
|
|
/* -----Remove dot from all radios _after_ selected one----- */
|
|
|
|
input.sheet-health[type="radio"]:checked ~ input.sheet-health[type="radio"] + span::before {
|
|
color:transparent;
|
|
}
|
|
|
|
|
|
/* -----Sheet shadow----- */
|
|
/* -----Hide actual radio----- */
|
|
input.sheet-shadow[type="radio"]
|
|
{
|
|
opacity: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
position: relative;
|
|
top: 22px;
|
|
left: 10px;
|
|
margin: -11px;
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
}
|
|
|
|
/* -----Fake radio----- */
|
|
input.sheet-shadow[type="radio"] + span::before
|
|
{
|
|
height: 14px;
|
|
width: 14px;
|
|
margin: 1px;
|
|
position: relative;
|
|
top: 18px;
|
|
left: 6px;
|
|
|
|
line-height: 20px;
|
|
font-size:12px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
font-family: "Pictos";
|
|
content:"L";
|
|
background:none;
|
|
color:white;
|
|
text-shadow:0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 6px black, 0 0 7px black;
|
|
|
|
|
|
z-index: 0;
|
|
}
|
|
|
|
input.sheet-shadow[type="radio"]:checked + span::before {
|
|
text-shadow:0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 6px black, 0 0 7px black;
|
|
}
|
|
|
|
/* -----Remove dot from all radios _after_ selected one----- */
|
|
|
|
input.sheet-shadow[type="radio"]:checked ~ input.sheet-shadow[type="radio"] + span::before {
|
|
content:"";
|
|
text-shadow: none;
|
|
}
|
|
|
|
/*------------Button-----------*/
|
|
/* ======== Sheet Showbutton========*/
|
|
.sheet-showbutton button[type="roll"]:before,
|
|
.sheet-showbutton:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-showbutton button[type="roll"],
|
|
.sheet-showbutton {
|
|
display: block;
|
|
background: blue;
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
width: 44px;
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, green, #000);
|
|
border:none;
|
|
box-shadow: 0px 0px 5px lime;
|
|
}
|
|
.sheet-showbutton button[type="roll"]:hover,
|
|
.sheet-showbutton:hover {
|
|
background: radial-gradient(circle at 10px 10px, green, #000);
|
|
}
|
|
|
|
.sheet-showbutton button[type="roll"]:active,
|
|
.sheet-showbutton:active {
|
|
background: radial-gradient(circle at 20px 20px, #000, green);
|
|
}
|
|
|
|
/* ======== Sheet Showbutton========*/
|
|
.sheet-Initiative button[type="roll"]:before,
|
|
.sheet-Initiative:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-Initiative button[type="roll"],
|
|
.sheet-Initiative {
|
|
display: block;
|
|
background: blue;
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
width: 44px;
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, blue, #000);
|
|
border:none;
|
|
box-shadow: 0px 0px 5px lime;
|
|
}
|
|
.sheet-Initiative button[type="roll"]:hover,
|
|
.sheet-Initiative:hover {
|
|
background: radial-gradient(circle at 10px 10px, blue, #000);
|
|
}
|
|
|
|
.sheet-Initiative button[type="roll"]:active,
|
|
.sheet-Initiative:active {
|
|
background: radial-gradient(circle at 20px 20px, #000, blue);
|
|
}
|
|
|
|
/* ======== Sheet btn_attack========*/
|
|
.sheet-btn_attack button[type="roll"]:before,
|
|
.sheet-btn_attack:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-btn_attack button[type="roll"],
|
|
.sheet-btn_attack {
|
|
display: block;
|
|
background: blue;
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
width: 44px;
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, black, #ffffff);
|
|
border:none;
|
|
box-shadow: 0px 0px 5px black;
|
|
}
|
|
.sheet-btn_attack button[type="roll"]:hover,
|
|
.sheet-btn_attack:hover {
|
|
background: radial-gradient(circle at 10px 10px, black, #ffffff);
|
|
}
|
|
|
|
.sheet-btn_attack button[type="roll"]:active,
|
|
.sheet-btn_attack:active {
|
|
background: radial-gradient(circle at 20px 20px, #ffffff, black);
|
|
}
|
|
|
|
/* ======== Sheet btn_damage ========*/
|
|
.sheet-btn_damage button[type="roll"]:before,
|
|
.sheet-btn_damage:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-btn_damage button[type="roll"],
|
|
.sheet-btn_damage {
|
|
display: block;
|
|
background: blue;
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
width: 44px;
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, black, #b30000);
|
|
border:none;
|
|
box-shadow: 0px 0px 5px #b30000;
|
|
}
|
|
.sheet-btn_damage button[type="roll"]:hover,
|
|
.sheet-btn_damage:hover {
|
|
background: radial-gradient(circle at 10px 10px, black, #b30000);
|
|
}
|
|
|
|
.sheet-btn_damage button[type="roll"]:active,
|
|
.sheet-btn_damage:active {
|
|
background: radial-gradient(circle at 20px 20px, #b30000, black);
|
|
}
|
|
/* ======== Sheet skill_btn_spec ========*/
|
|
.sheet-skill_btn_spec button[type="roll"]:before,
|
|
.sheet-skill_btn_spec:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-skill_btn_spec button[type="roll"],
|
|
.sheet-skill_btn_spec {
|
|
display: block;
|
|
background: blue;
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
width: 44px;
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, black, #591E22);
|
|
border:none;
|
|
box-shadow: 0px 0px 5px #b30000;
|
|
}
|
|
.sheet-skill_btn_spec button[type="roll"]:hover,
|
|
.sheet-skill_btn_spec:hover {
|
|
background: radial-gradient(circle at 10px 10px, black, #591E22);
|
|
}
|
|
|
|
.sheet-skill_btn_spec button[type="roll"]:active,
|
|
.sheet-skill_btn_spec:active {
|
|
background: radial-gradient(circle at 20px 20px, #591E22, black);
|
|
}
|
|
/* ======== Sheet Feat========*/
|
|
|
|
.sheet-feat_button button[type="roll"]:before,
|
|
.sheet-feat_button:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-feat_button button[type="roll"] input,
|
|
.sheet-feat_button button[type="roll"] label,
|
|
.sheet-feat_button button[type="roll"],
|
|
.sheet-feat_button {
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
width: 70px;
|
|
font-weight:bold;
|
|
margin: 0;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
padding:2px;
|
|
font-size:1em !important;
|
|
color:#b30000;
|
|
text-shadow:none;
|
|
}
|
|
|
|
|
|
.sheet-feat_button button[type="roll"]:hover,
|
|
.sheet-feat_button:hover {
|
|
background: #b30000;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-tager_block .sheet-feat_button button[type="roll"]:active,
|
|
.sheet-tager_block .sheet-feat_button:active {
|
|
color:#b30000;
|
|
}
|
|
|
|
.sheet-tager_block .sheet-feat_button button[type="roll"]:hover,
|
|
.sheet-tager_block .sheet-feat_button:hover,
|
|
.sheet-feat_button button[type="roll"]:active,
|
|
.sheet-feat_button:active {
|
|
background: black;
|
|
border: 2px solid #b30000;
|
|
}
|
|
.sheet-tager_block .sheet-feat_button button[type="roll"] input,
|
|
.sheet-tager_block .sheet-feat_button button[type="roll"] label,
|
|
.sheet-tager_block .sheet-feat_button button[type="roll"],
|
|
.sheet-tager_block .sheet-feat_button {
|
|
border-radius: 5px;
|
|
height: 20px;
|
|
width: 70px;
|
|
font-weight:bold;
|
|
margin: 0px;
|
|
background: #b30000;
|
|
border: 2px solid black;
|
|
font-size:1em !important;
|
|
color:white;
|
|
}
|
|
/*------------Button-----------*/
|
|
/* ======== skill_btn ========*/
|
|
.sheet-skill_btn button[type="roll"]:before,
|
|
.sheet-skill_btn:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-skill_btn button[type="roll"],
|
|
.sheet-skill_btn {
|
|
display: block;
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #848484;
|
|
box-shadow: none;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, #591E22, #000);
|
|
font-size:1em !important;
|
|
height:25px;
|
|
width: 130px;
|
|
padding-left:20px;
|
|
color: white;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-arcaneengineer button[type="roll"],
|
|
.sheet-arcaneengineer {
|
|
font-size:0.8em !important;
|
|
|
|
}
|
|
.sheet-skill_btn button[type="roll"]:hover,
|
|
.sheet-skill_btn:hover {
|
|
background: radial-gradient(circle at 40px 10px, #591E22, #000);
|
|
}
|
|
|
|
.sheet-skill_btn button[type="roll"]:active,
|
|
.sheet-skill_btn:active {
|
|
background: radial-gradient(circle at 20px 20px, #000, #591E22);
|
|
}
|
|
/*------------Button-----------*/
|
|
/* ======== Sheet Regen========*/
|
|
.sheet-regen button[type="roll"]:before,
|
|
.sheet-regen:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-regen button[type="roll"],
|
|
.sheet-regen {
|
|
display: block;
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #848484;
|
|
box-shadow: 0px 0px 5px lime;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, green, #000);
|
|
font-size:1em !important;
|
|
height:25px;
|
|
width: 130px;
|
|
padding-left:20px;
|
|
color: white;
|
|
text-align: right;
|
|
}
|
|
.sheet-regen button[type="roll"]:hover,
|
|
.sheet-regen:hover {
|
|
background: radial-gradient(circle at 10px 10px, green, #000);
|
|
}
|
|
|
|
.sheet-regen button[type="roll"]:active,
|
|
.sheet-regen:active {
|
|
background: radial-gradient(circle at 20px 20px, #000, green);
|
|
}
|
|
|
|
/*------------Button-----------*/
|
|
/* ======== Sheet Insanity========*/
|
|
.sheet-Insanity button[type="roll"]:before,
|
|
.sheet-Insanity:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-Insanity button[type="roll"],
|
|
.sheet-Insanity {
|
|
display: block;
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #848484;
|
|
box-shadow: 0px 0px 5px #800080;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, #800080, #000);
|
|
font-size:1em !important;
|
|
height:25px;
|
|
width: 130px;
|
|
padding-left:20px;
|
|
color: white;
|
|
text-align: right;
|
|
}
|
|
.sheet-Insanity button[type="roll"]:hover,
|
|
.sheet-Insanity:hover {
|
|
background: radial-gradient(circle at 10px 10px, #800080, #000);
|
|
}
|
|
|
|
.sheet-Insanity button[type="roll"]:active,
|
|
.sheet-Insanity:active {
|
|
background: radial-gradient(circle at 20px 20px, #000, #800080);
|
|
}
|
|
|
|
/*------------Button-----------*/
|
|
/* ======== Defense ========*/
|
|
.sheet-defense button[type="roll"]:before,
|
|
.sheet-defense:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-defense button[type="roll"],
|
|
.sheet-defense {
|
|
display: block;
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #848484;
|
|
box-shadow: none;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, #b30000, #000);
|
|
font-size:1em !important;
|
|
height:25px;
|
|
width: 130px;
|
|
padding-left:20px;
|
|
color: white;
|
|
text-align: right;
|
|
}
|
|
.sheet-defense button[type="roll"]:hover,
|
|
.sheet-defense:hover {
|
|
background: radial-gradient(circle at 40px 10px, #b30000, #000);
|
|
}
|
|
|
|
.sheet-defense button[type="roll"]:active,
|
|
.sheet-defense:active {
|
|
background: radial-gradient(circle at 20px 20px, #000, #b30000);
|
|
}
|
|
/*------------Button-----------*/
|
|
/* ======== comm ========*/
|
|
.sheet-comm button[type="roll"]:before,
|
|
.sheet-comm:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-comm button[type="roll"],
|
|
.sheet-comm {
|
|
display: block;
|
|
-moz-border-radius-topleft: 30px;
|
|
-webkit-border-top-left-radius: 30px;
|
|
border-top-left-radius: 30px;
|
|
border: 1px solid #FFFF00;
|
|
box-shadow: none;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 20px 20px, #FFFF00, #000);
|
|
font-size:1em !important;
|
|
height:25px;
|
|
width: 130px;
|
|
padding-left:20px;
|
|
color: white;
|
|
text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
|
|
text-align: right;
|
|
}
|
|
.sheet-comm button[type="roll"]:hover,
|
|
.sheet-comm:hover {
|
|
background: radial-gradient(circle at 40px 10px, #FFFF00, #000);
|
|
}
|
|
|
|
.sheet-comm button[type="roll"]:active,
|
|
.sheet-comm:active {
|
|
background: radial-gradient(circle at 20px 20px, #000, #FFFF00);
|
|
}
|
|
|
|
/*=== Roll Templates ===*/
|
|
/*=== quality show/drama ===*/
|
|
|
|
.sheet-rolltemplate-show table {
|
|
width: 200px;
|
|
color: white;
|
|
font-size: 1em;
|
|
font-family: "Times New Roman", Times, serif;
|
|
|
|
background: url ('http://orig06.deviantart.net/e6f3/f/2007/039/4/1/metal_floor_texture_by_loner654.jpg');
|
|
|
|
box-shadow: -5px -5px 5px black;
|
|
border-radius:15px;
|
|
}
|
|
.sheet-rolltemplate-show td {
|
|
padding: 5px;
|
|
border-radius: 0px 0px 15px 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-show tr:first-child {
|
|
border-bottom: 1px solid black;
|
|
background: url ('http://orig06.deviantart.net/e6f3/f/2007/039/4/1/metal_floor_texture_by_loner654.jpg');
|
|
}
|
|
.sheet-rolltemplate-show tr {
|
|
border-bottom: 1px solid black;
|
|
background: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-show .sheet-down {
|
|
position:relative;
|
|
top:65px;
|
|
left:-40px;
|
|
margin:0px;
|
|
text-align:center;
|
|
width:105px;
|
|
overflow:hidden;
|
|
-ms-transform: rotate(90deg); /* IE 9 */
|
|
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
|
|
transform: rotate(90deg);
|
|
color: white;
|
|
font-weight:bold;
|
|
text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue;
|
|
line-height:1em;
|
|
padding: 0px;
|
|
}
|
|
/*=== quality show/drama ===*/
|
|
|
|
.sheet-rolltemplate-drama table {
|
|
width: 200px;
|
|
height: 45px;
|
|
color: white;
|
|
font-size: 1em;
|
|
font-family: "Times New Roman", Times, serif;
|
|
|
|
background: url ('http://orig06.deviantart.net/e6f3/f/2007/039/4/1/metal_floor_texture_by_loner654.jpg');
|
|
|
|
box-shadow: -5px -5px 5px black;
|
|
border-radius:15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-drama th {
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
margin-top:0px;
|
|
margin-bottom:0px;
|
|
text-align:center;
|
|
overflow:hidden;
|
|
margin:0px;
|
|
color: white;
|
|
font-weight:bold;
|
|
text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue;
|
|
line-height:1em;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-drama .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-drama .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-drama .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-drama .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red:
|
|
}
|
|
/*=== Damage ===*/
|
|
.sheet-rolltemplate-damagetemplate .sheet-left_down {
|
|
position:relative;
|
|
top:65px;
|
|
left:-40px;
|
|
text-align:center;
|
|
width:105px;
|
|
overflow:hidden;
|
|
-ms-transform: rotate(90deg); /* IE 9 */
|
|
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
|
|
transform: rotate(90deg);
|
|
margin:0px;
|
|
color: white;
|
|
font-weight:bold;
|
|
text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue;
|
|
line-height:1em;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-damagetemplate table {
|
|
width: 200px;
|
|
color: white;
|
|
font-size: 1em;
|
|
font-family: "Times New Roman", Times, serif;
|
|
background:black;
|
|
border-radius:15px;
|
|
min-height:120px;
|
|
}
|
|
|
|
.sheet-rolltemplate-damagetemplate th {
|
|
background-size: contain;
|
|
color: white;
|
|
padding: 2px;
|
|
padding-right: 0px;
|
|
padding-top:0px;
|
|
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.sheet-rolltemplate-damagetemplate td {
|
|
padding: 5px;
|
|
border-radius:15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-damagetemplate .sheet-header {
|
|
color: red;
|
|
padding: 2px 0px 2px 4px;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
letter-spacing: 1px;
|
|
|
|
border-color: red;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-bottom-width: 3px;
|
|
border-right-width: 4px;
|
|
border-top-right-radius: 15px;
|
|
}
|
|
.sheet-rolltemplate-damagetemplate .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-damagetemplate .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-damagetemplate .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-damagetemplate .inlinerollresult {
|
|
background-color: transparent;
|
|
border: 2px solid red;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red;
|
|
}
|
|
|
|
/*=== TagerDamage ===*/
|
|
.sheet-rolltemplate-tagerdamagetemplate .sheet-left_down {
|
|
position:relative;
|
|
top:75px;
|
|
left:-40px;
|
|
text-align:center;
|
|
width:105px;
|
|
overflow:hidden;
|
|
-ms-transform: rotate(90deg); /* IE 9 */
|
|
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
|
|
transform: rotate(90deg);
|
|
margin:0px;
|
|
color: white;
|
|
font-weight:bold;
|
|
text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue;
|
|
line-height:1em;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-tagerdamagetemplate table {
|
|
width: 200px;
|
|
color: white;
|
|
font-size: 1em;
|
|
font-family: "Times New Roman", Times, serif;
|
|
background: url('http://pre08.deviantart.net/7350/th/pre/i/2011/345/6/f/arcane_circles_by_todachan96-d4it7ff.jpg');
|
|
border-radius:15px;
|
|
min-height:120px;
|
|
}
|
|
|
|
.sheet-rolltemplate-tagerdamagetemplate th {
|
|
background-size: contain;
|
|
color: white;
|
|
padding: 2px;
|
|
padding-right: 0px;
|
|
padding-top:0px;
|
|
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.sheet-rolltemplate-tagerdamagetemplate td {
|
|
padding: 5px;
|
|
border-radius:15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-tagerdamagetemplate .sheet-header {
|
|
color: red;
|
|
padding: 2px 0px 2px 4px;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
letter-spacing: 1px;
|
|
|
|
border-color: red;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-bottom-width: 3px;
|
|
border-right-width: 4px;
|
|
border-top-right-radius: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-tagerdamagetemplate .sheet-header .sheet-weaponheader {
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
|
|
}
|
|
.sheet-rolltemplate-tagerdamagetemplate .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-tagerdamagetemplate .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-tagerdamagetemplate .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-tagerdamagetemplate .inlinerollresult {
|
|
background-color: transparent;
|
|
border: 2px solid red;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red:
|
|
}
|
|
|
|
.sheet-rolltemplate-tagerdamagetemplate h5.sheet-senses {
|
|
background:black;
|
|
color:#0B9F7D;
|
|
|
|
border:none;
|
|
box-shadow:none;
|
|
font-weight: bold;
|
|
text-shadow:none;
|
|
|
|
border-radius:20px;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
word-wrap: normal;
|
|
}
|
|
/*=== regen ===*/
|
|
.sheet-rolltemplate-regen .sheet-left_down {
|
|
position:relative;
|
|
top:75px;
|
|
left:-40px;
|
|
text-align:center;
|
|
width:105px;
|
|
overflow:hidden;
|
|
-ms-transform: rotate(90deg); /* IE 9 */
|
|
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
|
|
transform: rotate(90deg);
|
|
margin:0px;
|
|
color: white;
|
|
font-weight:bold;
|
|
text-shadow: 0px 0px 5px blue, 0px 0px 5px blue, 0px 0px 5px blue;
|
|
line-height:1em;
|
|
padding: 0px;
|
|
}
|
|
.sheet-rolltemplate-regen table {
|
|
width: 200px;
|
|
color: white;
|
|
font-size: 1em;
|
|
font-family: "Times New Roman", Times, serif;
|
|
background: url('http://pre08.deviantart.net/7350/th/pre/i/2011/345/6/f/arcane_circles_by_todachan96-d4it7ff.jpg');
|
|
border-radius:15px;
|
|
min-height:120px;
|
|
}
|
|
|
|
.sheet-rolltemplate-regen th {
|
|
background-size: contain;
|
|
color: white;
|
|
padding: 2px;
|
|
padding-right: 0px;
|
|
padding-top:0px;
|
|
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.sheet-rolltemplate-regen td {
|
|
padding: 5px;
|
|
border-radius:15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-regen .sheet-header {
|
|
color: red;
|
|
padding: 2px 0px 2px 4px;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
letter-spacing: 1px;
|
|
|
|
border-color: red;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-bottom-width: 3px;
|
|
border-right-width: 4px;
|
|
border-top-right-radius: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-regen .sheet-header .sheet-weaponheader {
|
|
text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 2px white;
|
|
}
|
|
.sheet-rolltemplate-regen .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-regen .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-regen .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-regen .inlinerollresult {
|
|
background-color: transparent;
|
|
border: 2px solid red;
|
|
color:white;
|
|
text-shadow: 0px 0px 3px red,0px 0px 3px red,0px 0px 3px red:
|
|
}
|
|
|
|
.sheet-rolltemplate-regen h5.sheet-senses {
|
|
background:black;
|
|
color:#0B9F7D;
|
|
|
|
border:none;
|
|
box-shadow:none;
|
|
font-weight: bold;
|
|
text-shadow:none;
|
|
|
|
border-radius:20px;
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
word-wrap: normal;
|
|
}
|
|
/*------------comms-----------*/
|
|
|
|
.sheet-rolltemplate-comms table {
|
|
width: 189px;
|
|
padding: 1px;
|
|
border: 1px solid;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-comms th {
|
|
color: rgb(126, 45, 64);
|
|
padding-left: 5px;
|
|
line-height: 1.3em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-comms th.sheet-color {
|
|
color: #8b0000;
|
|
}
|
|
.sheet-rolltemplate-comms td {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-comms_tager table {
|
|
width: 189px;
|
|
padding: 1px;
|
|
border: 1px solid green;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-comms_tager th {
|
|
color: green;
|
|
padding-left: 5px;
|
|
line-height: 1.3em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-comms_tager th.sheet-color {
|
|
color: #8b0000;
|
|
}
|
|
.sheet-rolltemplate-comms_tager td {
|
|
padding-left: 5px;
|
|
}
|