mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
1553 lines
38 KiB
CSS
1553 lines
38 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
|
|
|
|
@font-face {
|
|
font-family: 'Bree Serif', serif;
|
|
}
|
|
|
|
.sheet-main {
|
|
margin: 0 auto;
|
|
font-family: 'Bree Serif', serif;
|
|
font-size: 16px;
|
|
color: #424F66;
|
|
display: grid;
|
|
width: 940px;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
column-gap: 22px;
|
|
/*background-color: #f7f5f6*/
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.sheet-main input,
|
|
.sheet-main textarea,
|
|
.sheet-main select {
|
|
outline: none !important;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 13px;
|
|
border-radius: 0 !important;
|
|
/*border:none;*/
|
|
border: 1px solid #424F66;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-header-global {
|
|
border: 3px solid #424F66;
|
|
margin: 50px 10px 10px 10px;
|
|
font-family: 'Bree Serif', serif !important;
|
|
}
|
|
|
|
.sheet-header-global input {
|
|
border: none;
|
|
background-color: rgb(222, 229, 255);
|
|
font-family: 'Bree Serif', serif !important;
|
|
}
|
|
|
|
.sheet-header-left{
|
|
float:left;
|
|
width: 42%;
|
|
padding: 10px;
|
|
background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/logo.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 50%;
|
|
margin-top: -50px;
|
|
margin-left: -50px;
|
|
padding-right: 25px;
|
|
}
|
|
|
|
.sheet-header-middle{
|
|
float:left;
|
|
width: 40%;
|
|
}
|
|
|
|
.sheet-proficiency{
|
|
font-size: 25px !important;
|
|
font-weight: bolder;
|
|
background-color: white !important;
|
|
font-family: 'Bree Serif', serif !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-header-right{
|
|
float:left;
|
|
width: 18%;
|
|
padding-left: 15px;
|
|
padding: 5px 0px 5px 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-header-right-stats > div {
|
|
float:left;
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-header-logo{
|
|
width: 0px;
|
|
height: 0px;
|
|
margin-top: -50px;
|
|
margin-left: -20px;
|
|
}
|
|
|
|
.sheet-header-name{
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: right;
|
|
margin-top: 50px;
|
|
|
|
}
|
|
|
|
.sheet-header-name-input{
|
|
display: inline-block;
|
|
text-align: center;
|
|
float: right;
|
|
margin-top: 18px !important;
|
|
width: 167px;
|
|
font-size: 20px !important;
|
|
}
|
|
.sheet-header-pronoums{
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-top: 53px;
|
|
margin-left: 100px;
|
|
}
|
|
.sheet-header-pronoums-input{
|
|
display: inline-block;
|
|
width: 100px;
|
|
border-bottom: 3px solid #424F66 !important;
|
|
}
|
|
.sheet-header-line-inputs{
|
|
margin-top: 10px;
|
|
border-bottom: 3px solid #424F66;
|
|
}
|
|
|
|
.sheet-header-middle-input-level{
|
|
width: 7%;
|
|
margin-right: 0.5%;
|
|
}
|
|
|
|
.sheet-header-middle-input-class{
|
|
width: 25%;
|
|
margin-right: 1%;
|
|
}
|
|
|
|
.sheet-header-middle-input{
|
|
width: 30%;
|
|
margin-right: 3.2%;
|
|
}
|
|
.sheet-header-middle-last-input{
|
|
width: 30%;
|
|
}
|
|
.sheet-header-total-input{
|
|
width: 100%;
|
|
margin-right: 3.2%;
|
|
}
|
|
.sheet-header-right-input{
|
|
width: 55px;
|
|
height: 55px !important;
|
|
margin-right: 3.2%;
|
|
font-size: 25px !important;
|
|
text-align: center;
|
|
}
|
|
.sheet-header-line-label{
|
|
width: 100%;
|
|
}
|
|
.sheet-header-line-label span{
|
|
width: 30%;
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-right: 3.2%;
|
|
}
|
|
.sheet-header-line-label-total{
|
|
width: 100%;
|
|
}
|
|
.sheet-header-line-label-total span{
|
|
width: 100%;
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-right: 3.2%;
|
|
}
|
|
.sheet-header-line-last-label{
|
|
margin-right: 0px !important;
|
|
}
|
|
.sheet-character-attributes{
|
|
/*display: grid;
|
|
grid-template-columns: 64% 34%;
|
|
column-gap: 2%;*/
|
|
}
|
|
.sheet-textbox-div > input,
|
|
.sheet-textbox-div > textarea{
|
|
width: 100%;
|
|
overflow: none;
|
|
resize: none;
|
|
}
|
|
.sheet-attributes{
|
|
height: 160px;
|
|
background-image: url("http://naiajogos.com.br/imagens_skyfall/atributos.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
margin-left: -10px;
|
|
float:left;
|
|
width: 65%;
|
|
}
|
|
|
|
.sheet-face-skills{
|
|
float: right;
|
|
width: 34%;
|
|
}
|
|
.sheet-attribute-name{
|
|
width: 92.7%;
|
|
padding-top: 15px;
|
|
margin-left: 4.2%
|
|
}
|
|
|
|
.sheet-attribute-name button,
|
|
.sheet-skills-body button{
|
|
font-size: unset !important;
|
|
font-weight: unset !important;
|
|
line-height: unset !important;
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-skills-body button{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-skills-body select{
|
|
font-size: 10px;
|
|
margin: 0;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
line-height: 10px;
|
|
height: 19px;
|
|
}
|
|
|
|
.sheet-attribute-save-check{
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.sheet-attribute-save-check:checked {
|
|
background-color: #424F66 !important;
|
|
}
|
|
|
|
.sheet-skills-body input[type=checkbox]{
|
|
background-color: #c9d1d7;
|
|
border: none;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.sheet-skills-body div input:first-child{
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.sheet-skills-body input[type=checkbox]:checked{
|
|
background-color: #424F66 !important;
|
|
}
|
|
.sheet-attribute-name label{
|
|
width: 14%;
|
|
margin-right: 2.5%;
|
|
display: inline-block;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
color: #222b54;
|
|
padding: 0px;
|
|
|
|
}
|
|
.sheet-attribute-name-last{
|
|
margin-right: 0px !important;
|
|
}
|
|
.sheet-attribute-value{
|
|
width: 92.7%;
|
|
margin-left: 4.2%
|
|
}
|
|
.sheet-attribute-input{
|
|
width: 50px;
|
|
margin-right: 29px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 36px !important;
|
|
border: none !important;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.sheet-attribute-last-input{
|
|
margin-right: 0px !important;
|
|
margin-left: 15px;
|
|
}
|
|
.sheet-attribute-save-checks{
|
|
width: 92.7%;
|
|
margin-left: 3.1%;
|
|
margin-top: 2px;
|
|
}
|
|
.sheet-attribute-save-check{
|
|
margin-right: 76px !important;
|
|
width: 20px !important;
|
|
background-color: #fff !important;
|
|
margin-top: 2px;
|
|
margin-left: -2px;
|
|
height: 20px !important;
|
|
}
|
|
|
|
.sheet-attribute-save-last-check{
|
|
margin-right: 0px !important;
|
|
}
|
|
.sheet-attribute-save-values{
|
|
width: 92.7%;
|
|
margin-top: -15px;
|
|
margin-left: 4.2%;
|
|
}
|
|
.sheet-attribute-save-value{
|
|
width: 50px;
|
|
margin-right: 35px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 30px !important;
|
|
border: none !important;
|
|
margin-left: 11px;
|
|
}
|
|
.sheet-attribute-save-last-value{
|
|
margin-right: 0px !important;
|
|
margin-left: 5px;
|
|
}
|
|
.sheet-main-column-left-collumn{
|
|
float: left;
|
|
width: 47%;
|
|
margin-top:10px;
|
|
}
|
|
.sheet-main-column-right-collumn{
|
|
float: left;
|
|
width: 53%;
|
|
margin-top:10px;
|
|
}
|
|
.sheet-skills-and-languages{
|
|
margin-top:10px;
|
|
}
|
|
.sheet-skills{
|
|
width: 100%;
|
|
height: 576px;
|
|
background-image: url("http://naiajogos.com.br/imagens_skyfall/pericias.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.sheet-skills{
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-skills-header {
|
|
width: 238px;
|
|
margin-left: 25px;
|
|
top: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-skills-header input{
|
|
border: 1px solid black;
|
|
width: 40px; height: 40px;
|
|
background-color: #c9d1d7;
|
|
}
|
|
|
|
.sheet-skills-header span{
|
|
border: 1px solid black;
|
|
background-color: white;
|
|
padding: 3px 8px 3px 9px;
|
|
position: relative;
|
|
top:8px;
|
|
}
|
|
|
|
.sheet-skills-body span{
|
|
color: #c9d1d7;
|
|
}
|
|
|
|
.sheet-active-element {
|
|
color: gold;
|
|
}
|
|
|
|
.sheet-skills-body button::before{
|
|
background-image:none;
|
|
content: none !important;
|
|
}
|
|
|
|
.sheet-skills-active button{
|
|
pointer-events: unset !important;
|
|
}
|
|
|
|
.sheet-skills-active{
|
|
box-shadow: 0px 0px 10px 10px #FFE8AE !important;
|
|
}
|
|
|
|
.sheet-skills-active span{
|
|
color: #424F66;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sheet-skills-body select{
|
|
width: 53%;
|
|
}
|
|
|
|
.sheet-skills-body .sheet-big-check{
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.sheet-skills-body{
|
|
border: 1px solid black;
|
|
background-color: white;
|
|
padding: 3px;
|
|
width: 230px;
|
|
margin-left: 25px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.sheet-skills-body div {
|
|
margin: 2px 0px 2px 0px;
|
|
}
|
|
|
|
.sheet-language{
|
|
background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/languages.png");
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-left: -10px;
|
|
height: 333px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-language-intern{
|
|
padding: 25px 20px;
|
|
}
|
|
|
|
.sheet-language span{
|
|
font-size: 12px;
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-language textarea{
|
|
width: 258px;
|
|
margin-left: 15px;
|
|
height: 240px;
|
|
resize: none;
|
|
}
|
|
|
|
.sheet-init-health{
|
|
background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/health-points.png");
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
margin-left: -10px;
|
|
padding: 8px 0px 8px 0px;
|
|
height: 330px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-initiative{
|
|
display: grid;
|
|
grid-template-columns: 80px 80px 103px;
|
|
column-gap: 10px;
|
|
margin-left:20px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
.sheet-initiative > div {
|
|
text-align: center;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.sheet-initiative span{
|
|
font-size: 8px;
|
|
top: -2px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-initiative .sheet-big-box{
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-top: -3px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.sheet-initiative .sheet-small-box{
|
|
width: 85px;
|
|
margin-top: -19px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-health-and-dices > div{
|
|
display: grid;
|
|
grid-template-columns: 100px 50px 100px;
|
|
text-align: center;
|
|
column-gap: 15px;
|
|
row-gap: 15px;
|
|
margin-left: 21px;
|
|
}
|
|
|
|
.sheet-health-and-dices span{
|
|
font-size: 10px;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-health-and-dices .sheet-big-box{
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.sheet-health-and-dices .sheet-small-box{
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-top: 13px;
|
|
}
|
|
|
|
.sheet-health-and-dices .sheet-bottom-box{
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.sheet-bottom-box .sheet-small-box{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-shadow-death{
|
|
background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/shadow-save.png");
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-left: -10px;
|
|
height: 160px;
|
|
display: grid;
|
|
grid-template-columns: 48% 48%;
|
|
column-gap: 4%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-shadow-death div{
|
|
padding: 37px 10px 0px 10px;
|
|
}
|
|
|
|
.sheet-shadow-death span{
|
|
color: white;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-shadow-death input{
|
|
background-color: #c9d1d7;
|
|
border: none;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
margin-top: 10px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.sheet-death-input-margin{
|
|
margin-top: 22px !important;
|
|
}
|
|
|
|
.sheet-shadow-death input:checked{
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-death-input-margin:checked{
|
|
/*background-color: black;*/
|
|
background-image: url("https://raw.githubusercontent.com/thiago-escobar/ficha-ceu-caindo/main/imgs/death.png");
|
|
background-size: 100%;
|
|
}
|
|
|
|
.sheet-attacks{
|
|
background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/attacks-start.png");
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.sheet-attacks .repcontrol{
|
|
background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/attacks-end.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
height: 40px;
|
|
width: 93%;
|
|
background-size: 325px;
|
|
margin-top: -14px;
|
|
padding: 10px 20px 0px 24px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sheet-character-background{
|
|
background-color: #c9d1d7;
|
|
width: 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.sheet-textbox-div {
|
|
border: 2px solid black;
|
|
background-color: white;
|
|
width: 280px;
|
|
margin-left: 21px;
|
|
margin-top: 18px;
|
|
height: 173px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-textbox-div div {
|
|
width: 98%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-textbox-div span {
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.sheet-textbox-div input {
|
|
width: 160px;
|
|
}
|
|
|
|
.sheet-textbox-div textarea{
|
|
width: 263px;
|
|
height: 130px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.sheet-equipment .sheet-textbox-div {
|
|
border: 2px solid black;
|
|
background-color: white;
|
|
width: 200px !important;
|
|
margin-left: 21px;
|
|
margin-top: 18px;
|
|
height: 173px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-equipment .sheet-textbox-div input {
|
|
width: 145px !important;
|
|
}
|
|
|
|
.sheet-equipment .sheet-textbox-div textarea{
|
|
width: 183px !important;
|
|
height: 130px;
|
|
margin: 3px;
|
|
}
|
|
|
|
/* Navigation */
|
|
.sheet-hiddenelement {
|
|
display:none !important;
|
|
}
|
|
|
|
.sheet-main .sheet-navigation-tabs {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
border-bottom: 1px solid #DDDDDD
|
|
}
|
|
|
|
.sheet-main .sheet-navigation-tabs label {
|
|
position: relative;
|
|
background: #ddd;
|
|
background-image: linear-gradient(to bottom, #fff, #ddd);
|
|
float: left;
|
|
text-decoration: none;
|
|
color: #444;
|
|
text-shadow: 0 1px 0 rgba(255,255,255,.8);
|
|
border-radius: 5px 0 0 0;
|
|
box-shadow: 0 2px 2px rgba(0,0,0,.4);
|
|
border: 1px solid #DDDDDD;
|
|
}
|
|
|
|
.sheet-main .sheet-navigation-tabs label:hover,
|
|
.sheet-main .sheet-navigation-tabs label:hover::after,
|
|
.sheet-main .sheet-navigation-tabs label:focus,
|
|
.sheet-main .sheet-navigation-tabs label:focus::after {
|
|
background: #fff;
|
|
}
|
|
|
|
.sheet-main .sheet-navigation-tabs label:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
.sheet-main .sheet-navigation-tabs label::after {
|
|
content:'';
|
|
position:absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: -.5em;
|
|
bottom: 0;
|
|
width: 1em;
|
|
background: #ddd;
|
|
background-image: linear-gradient(to bottom, #fff, #ddd);
|
|
box-shadow: 2px 2px 2px rgba(0,0,0,.4);
|
|
transform: skew(10deg);
|
|
border-radius: 0 5px 0 0;
|
|
}
|
|
|
|
.sheet-main .sheet-navigation-tabs label,
|
|
.sheet-main .sheet-navigation-tabs label::after {
|
|
background: #fff;
|
|
z-index: 3;
|
|
}
|
|
|
|
.sheet-switch-selected::after {
|
|
background: #424F66 !important;
|
|
z-index: 3;
|
|
}
|
|
|
|
|
|
.sheet-main .sheet-navigation-tabs > input{
|
|
width: 50px;
|
|
height: 12px;
|
|
font-size: 7px;
|
|
line-height: 12px;
|
|
text-align: center;
|
|
color: #969696;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
outline: none
|
|
}
|
|
|
|
/* The switch - the box around the slider */
|
|
.sheet-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 25px !important;
|
|
margin-bottom: 0px !important;
|
|
width: 120px !important;
|
|
text-align: center;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
/* Hide default HTML checkbox */
|
|
.sheet-switch input {
|
|
display: none;
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
.sheet-character-attributes-tab{
|
|
width: 105px !important;
|
|
}
|
|
.sheet-character-characteristics-tab{
|
|
width: 160px !important;
|
|
}
|
|
.sheet-character-equipment-tab{
|
|
width: 140px !important;
|
|
}
|
|
.sheet-character-actions-tab{
|
|
width: 170px !important;
|
|
}
|
|
.sheet-character-spells-tab{
|
|
width: 85px !important;
|
|
}
|
|
|
|
/* The slider */
|
|
.sheet-slider {
|
|
cursor: pointer;
|
|
height: 20px !important;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
line-height: 21px !important;
|
|
}
|
|
|
|
.sheet-switch-selected {
|
|
/*background-color: #C9D1D7 !important;*/
|
|
background-color: #424F66 !important;
|
|
/*background-color: #222b54 !important;*/
|
|
color: white !important;
|
|
}
|
|
|
|
|
|
input:focus + .sheet-slider {
|
|
box-shadow: 0 0 1px #222b54;
|
|
color: white;
|
|
}
|
|
|
|
input:checked + .sheet-slider:before {
|
|
-webkit-transform: translateX(13px);
|
|
-ms-transform: translateX(13px);
|
|
transform: translateX(13px);
|
|
}
|
|
|
|
.sheet-character-actions, .sheet-character-spells, .sheet-character-equipment{
|
|
background-color: #c9d1d7;
|
|
padding: 10px;
|
|
}
|
|
|
|
.sheet-actions, .sheet-spells, .sheet-equipment {
|
|
width: 95%;
|
|
margin: 15px 0px 15px 0px;
|
|
}
|
|
|
|
.sheet-spells-atributes {
|
|
display: grid;
|
|
grid-template-columns: 45% 45%;
|
|
grid-column-gap: 10%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.sheet-spells-atributes select, .sheet-spells-atributes input {
|
|
background-color:white;
|
|
}
|
|
|
|
.sheet-character-equipment {
|
|
display: grid;
|
|
grid-template-columns: 70% 27.5%;
|
|
column-gap: 2.5%;
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"],
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"],
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_equipment"],
|
|
.sheet-characteristics .repcontainer[data-groupname="repeating_characteristics"],
|
|
.repcontainer[data-groupname="repeating_descritoractions"],
|
|
.repcontainer[data-groupname="repeating_descritorspells"],
|
|
.sheet-characteristics-base {
|
|
display: grid;
|
|
grid-template-columns: 30% 30% 30%;
|
|
grid-column-gap: 5%;
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"] .sheet-tipoacao,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"] .sheet-tipoacao,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_equipment"] .sheet-tipoacao {
|
|
height: 30px !important;
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"] .itemcontrol,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"] .itemcontrol,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"] .itemcontrol,
|
|
.sheet-characteristics .repcontainer[data-groupname="repeating_characteristics"] .itemcontrol {
|
|
z-index: 99;
|
|
font-family: 'Pictos'
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem,
|
|
.sheet-characteristics .repcontainer[data-groupname="repeating_characteristics"] >.repitem {
|
|
width: 100%
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell {
|
|
position: relative;
|
|
display: grid;
|
|
margin-bottom: 5px;
|
|
column-gap: 5px;
|
|
grid-template-columns: 30px 70px 70px 70px 1px 14px;
|
|
row-gap: 5px;
|
|
width: 100%
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell input,
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell select,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell input,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell select,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell input,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell select {
|
|
width: 100%;
|
|
background-color: white;
|
|
border: 0;
|
|
font-size: 13px;
|
|
border: 1px solid 535353;
|
|
margin-bottom: 0px;
|
|
height:30px;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_descritoractions"] input,
|
|
.repcontainer[data-groupname="repeating_descritorspells"] input,
|
|
.sheet-descriptor-input{
|
|
border: 1px solid black !important;
|
|
border-radius: 15% !important;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_modificationspells"] input{
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_modificationspells"] textarea,
|
|
.sheet-modificator-textarea, .sheet-effect-textarea{
|
|
margin-top:5px;
|
|
resize: none !important;
|
|
width: 240px !important;
|
|
}
|
|
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-buttonspell,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell{
|
|
background-color: transparent;
|
|
font-family: 'dicefontd20';
|
|
color: #0e0e0e;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 20px;
|
|
border: 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover {
|
|
color: #242424
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active {
|
|
font-size: 18px
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox {
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 10px;
|
|
right: -37px;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
cursor: pointer
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra {
|
|
display: grid;
|
|
background-color: #c9d1d7;;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-odd{
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-even{
|
|
background-color: white;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover {
|
|
color: #202020
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover {
|
|
color: #252525
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover {
|
|
position: absolute;
|
|
font-family: "Pictos";
|
|
font-size: 20px;
|
|
top: 5px;
|
|
color: black;
|
|
right: -37px;
|
|
width: 20px;
|
|
height: 22px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 1
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra {
|
|
display: none;
|
|
grid-column: 1/6;
|
|
width: 100%;
|
|
padding: 4px;
|
|
font-size: 12px;
|
|
border: solid 2px #535353;
|
|
background-color: #fff;
|
|
column-gap: 4px;
|
|
row-gap: 4px;
|
|
color: #535353
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra span,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra span,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra span {
|
|
height: 100%;
|
|
align-items: center
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra input,
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra select,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra input,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra select,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra input,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra select {
|
|
width: 100%;
|
|
background-color: transparent;
|
|
font-size: 12px;
|
|
height: 25px;
|
|
border: 0;
|
|
border-bottom: 2px solid #535353
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd {
|
|
text-align: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline {
|
|
grid-column: 2/5
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline {
|
|
grid-column: 1/5;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%
|
|
}
|
|
|
|
.sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra textarea,
|
|
.sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra textarea,
|
|
.sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra textarea {
|
|
font-size: 12px;
|
|
grid-column: 1/3;
|
|
width: 95%;
|
|
height: 175px;
|
|
border: 2px solid #535353
|
|
}
|
|
|
|
|
|
/*Attacks*/
|
|
|
|
.sheet-row {
|
|
margin:0px;
|
|
background-color: #c9d1da;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-row::before{
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
|
|
|
|
.sheet-row::after{
|
|
clear: both;
|
|
display: table;
|
|
content: " ";
|
|
}
|
|
.sheet-options .sheet-row {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-options .sheet-title input[type=text] {
|
|
width: 52px;
|
|
border: none;
|
|
text-align: center;
|
|
color: #a0a0a0;
|
|
}
|
|
|
|
.sheet-options .sheet-title {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-options .sheet-row > span {
|
|
color: black;
|
|
}
|
|
|
|
.sheet-options .sheet-row.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-row textarea{
|
|
height:54px;
|
|
resize: none;
|
|
width: 90%;
|
|
}
|
|
|
|
.sheet-top{
|
|
/*display: grid;
|
|
grid-template-columns: 50% 22.5% 22.5%;
|
|
column-gap: 2.5%;
|
|
padding: 10px 10px 15px 10px*/
|
|
margin: 0px 0px 0px 24px;
|
|
height: 36px;
|
|
}
|
|
|
|
.sheet-attacks-name{
|
|
width: 250px;
|
|
float:left;
|
|
}
|
|
.sheet-attacks-bonus{
|
|
width: 54px;
|
|
float:left;
|
|
}
|
|
.sheet-attacks-damage{
|
|
width: 300px;
|
|
float:left;
|
|
}
|
|
.sheet-attacks span {
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-top: 5px;
|
|
color: #424F66 !important;
|
|
}
|
|
|
|
.sheet-attacks .sheet-options-flag {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 7px;
|
|
width: 18px !important;
|
|
height: 18px !important;
|
|
z-index: 2;
|
|
}
|
|
|
|
|
|
.sheet-attacks input
|
|
.sheet-resources input[type=number] {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-attacks {
|
|
width: 100%;
|
|
border-radius: 5px;
|
|
min-height: 150px;
|
|
margin-bottom: 10px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.sheet-attacks .sheet-top span {
|
|
text-align: left;
|
|
margin-left: 5px;
|
|
color: #a0a0a0;
|
|
font-weight: normal;
|
|
display: inline-block;
|
|
width: initial;
|
|
}
|
|
|
|
.sheet-display-attack{
|
|
margin: -13px 12px 13px 12px;
|
|
background-color: #c9d1da;
|
|
}
|
|
|
|
.sheet-attacks .sheet-display button[type=roll] {
|
|
background-color: transparent;
|
|
color: black;
|
|
border: none;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
width: 100%;
|
|
line-height: normal;
|
|
}
|
|
|
|
.sheet-attacks .sheet-display button[type=roll]::before {
|
|
content: "" !important;
|
|
}
|
|
|
|
.sheet-attacks .sheet-display input
|
|
.sheet-attacks .sheet-display span {
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
background-color: #efefef;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-attacks .sheet-display span {
|
|
min-height: 12px;
|
|
display: inline-block;
|
|
margin-top: 0px;
|
|
padding: 4px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: bottom;
|
|
white-space: nowrap;
|
|
border-bottom: 1px solid #424F66;
|
|
}
|
|
|
|
.sheet-attacks .sheet-options-flag {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
width: 18px;
|
|
height: 18px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-attacks .sheet-options-flag + span{
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 7px;
|
|
white-space: nowrap;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 20px;
|
|
font-family: pictos;
|
|
color: #A0A0A0;
|
|
cursor: pointer;
|
|
margin-top: 0px;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-attacks .sheet-options-flag:hover + span {
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-attacks .sheet-options-flag:checked + span {
|
|
color: black;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-attacksgrid{
|
|
padding: 0 10px 0 0;
|
|
}
|
|
|
|
.sheet-attacksgrid .sheet-options {
|
|
display: none;
|
|
border-top: 2px dashed #424F66;
|
|
border-bottom: 2px dashed #424F66;
|
|
padding: 12px;
|
|
}
|
|
|
|
.sheet-rolls {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-attacks .sheet-attacksgrid:hover .sheet-options-flag + span {
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-attacksgrid .sheet-options input[type=text]{
|
|
display: inline-block;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
padding: 3px;
|
|
width: initial;
|
|
}
|
|
|
|
.sheet-attacksgrid .sheet-options select {
|
|
/*border-bottom: 1px solid #D3D3D3;
|
|
border-top: 0px;
|
|
border-left: 0px;
|
|
border-right: 0px;
|
|
background: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-border-radius: 0px;
|
|
border-radius: 0px;
|
|
color: black;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
width: initial;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
line-height: 18px;
|
|
height: 18px; */
|
|
width: initial;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-left: 0px;
|
|
line-height: 18px;
|
|
height: 25px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-attacksgrid .sheet-options span{
|
|
width: initial;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-attacksgrid .sheet-options input[type=checkbox]{
|
|
width: 13px;
|
|
font-size: initial;
|
|
-webkit-appearance: checkbox;
|
|
-moz-appearance: checkbox;
|
|
}
|
|
|
|
.sheet-attacksgrid .sheet-options input[type=text].sheet-num,
|
|
.sheet-options input[type=text].sheet-num {
|
|
width: 15px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolls > button {
|
|
font-family: 'dicefontd20';
|
|
}
|
|
|
|
.sheet-rolls > input {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-rolls-flag{
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 150px !important;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-rolls-small{
|
|
width:60px !important;
|
|
}
|
|
|
|
.sheet-attacks .sheet-options-flag:checked ~ .sheet-options,
|
|
.sheet-rolls-flag:checked ~ .sheet-rolls {
|
|
display: inherit;
|
|
}
|
|
|
|
.sheet-attacks .ammo {
|
|
display: none;
|
|
}
|
|
|
|
.ammoflag[value=on] + .sheet-attacks .ammo {
|
|
display: block;
|
|
}
|
|
|
|
.licensecontainer .container:not(.npc) .sheet-attacks {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
border: 5px solid black;
|
|
border-image-source: url("https://app.roll20.net/images/dndstyling/5eBorder.svg");
|
|
border-image-slice: 6% 8% 12% 8%;
|
|
border-image-width: 16px 19px 35px 19px;
|
|
border-image-repeat: round;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-attacks .display input {
|
|
background-color: var(--dark-gray-enabled);
|
|
color: var(--dark-primarytext);
|
|
}
|
|
.sheet-darkmode .sheet-attacks .display span {
|
|
background-color: var(--dark-gray-enabled);
|
|
color: var(--dark-primarytext);
|
|
}
|
|
.sheet-darkmode .sheet-attacks .display span[name=attr_global_damage_name] {
|
|
font-family: "Proxima Nova", "ProximaNova-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-attacks .sheet-options-flag:checked + span, .sheet-darkmode .sheet-attacks .sheet-options-flag:hover + span {
|
|
color: var(--dark-L60) !important;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-attacks input {
|
|
color: var(--dark-primarytext);
|
|
}
|
|
|
|
|
|
.sheet-darkmode .sheet-attacks .display button[type=roll] {
|
|
color: var(--dark-primarytext);
|
|
margin: 1px 0px;
|
|
}
|
|
|
|
.sheet-darkmode .licensecontainer .container:not(.npc) .sheet-attacks {
|
|
border-image-source: url(https://storage.googleapis.com/char-sheet-app-images-6e101411/D%26D5e/images/darkmode/5eBorder_dm.svg);
|
|
}
|
|
|
|
|
|
.sheet-attacks .sheet-options-flag{
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
width: 18px !important;
|
|
height: 18px !important;
|
|
z-index: 2;
|
|
}
|
|
|
|
/* Roll Templates */
|
|
.sheet-rolltemplate-atkdmg,
|
|
.sheet-rolltemplate-skillroll{
|
|
background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/attacks-start.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
padding:15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-atkdmg span,
|
|
.sheet-rolltemplate-skillroll span{
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-atkdmg .sheet-charname, .sheet-rolltemplate-atkdmg .sheet-result,
|
|
.sheet-rolltemplate-atkdmg .sheet-sublabel, .sheet-rolltemplate-atkdmg .sheet-label,
|
|
.sheet-rolltemplate-atkdmg .sheet-desc,
|
|
.sheet-rolltemplate-skillroll .sheet-charname, .sheet-rolltemplate-skillroll .sheet-result,
|
|
.sheet-rolltemplate-skillroll .sheet-sublabel, .sheet-rolltemplate-skillroll .sheet-label,
|
|
.sheet-rolltemplate-skillroll .sheet-desc{
|
|
padding-bottom: 15px;
|
|
margin-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-atkdmg .sheet-charname span,
|
|
.sheet-rolltemplate-skillroll .sheet-charname span{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
font-family: 'Bree Serif', serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-atkdmg div span:first-child{
|
|
font-family: 'Bree Serif', serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-atkdmg .sheet-damagetemplate{
|
|
border: 2px solid black;
|
|
background-color: white;
|
|
border-radius: 15%;
|
|
}
|
|
|
|
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result{
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result .sheet-adv{
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
/*Action & Spells*/
|
|
.sheet-rolltemplate-actspell{
|
|
background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/attacks-start.png');
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
padding:15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell span{
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-actionspell-header span,
|
|
.sheet-rolltemplate-skillroll .sheet-actionspell-header span{
|
|
font-weight: bold;
|
|
font-family: 'Bree Serif', serif;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-charname span{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
font-family: 'Bree Serif', serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-span-info,
|
|
.sheet-rolltemplate-skillroll .sheet-span-info{
|
|
font-weight: bold;
|
|
font-family: 'Bree Serif', serif;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-span-info-header,
|
|
.sheet-rolltemplate-skillroll .sheet-span-info-header{
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-actionspell-info,
|
|
.sheet-rolltemplate-skillroll .sheet-actionspell-info{
|
|
background-color: white;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-actionspell-descriptor{
|
|
margin-top:3px;
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-actionspell-white {
|
|
background-color: white;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-actspell .sheet-actionspell-black{
|
|
background-color: #D3D3D3;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-attributes-secound-part{
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.sheet-collumn-skills{
|
|
float:left;
|
|
width: 30%;
|
|
}
|
|
.sheet-collumn-initiative{
|
|
float:left;
|
|
width: 34%;
|
|
}
|
|
|
|
.sheet-collumn-initiative input{
|
|
text-align: center;
|
|
font-size: 25px !important;
|
|
font-family: 'Bree Serif', serif !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-collumn-initiative .sheet-small-box{
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
.sheet-collumn-language{
|
|
float:left;
|
|
width: 36%;
|
|
}
|
|
.sheet-collumn-attack{
|
|
float:left;
|
|
width: 70%;
|
|
} |