Files
roll20-character-sheets/Anima-Beyond-Fantasy/A-BF.css
T
Lagnalok fd50d66f12 Template Command Buttons are more visbile now
Fixed buttons being bearly visible.
2017-05-08 08:32:09 +02:00

770 lines
18 KiB
CSS

fieldset{
margin:0px;
padding:0px;
border:none;
}
.sheet-3colrow{
display: block;
clear: both;
}
.sheet-3colrow .sheet-col2{
width: calc(33% - 21px);
margin-right: 5px;
display: inline-block;
}
.sheet-2colrow{
display: block;
clear: both;
}
.sheet-2colrow .sheet-col2{
width: calc(50% - 21px);
margin-right: 5px;
display: inline-block;
}
.sheet-logo,
.sheet-logo img
{
width:150px;
height:82px;
}
div.sheet-tab-content
{
display: none;
border-top-color: #000;
margin: 2px 0 0 0;
}
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5,
input.sheet-tab6:checked ~ div.sheet-tab6
{
display: block;
}
input.sheet-secondary_tab1:checked ~ div.sheet-secondary_tab1,
input.sheet-secondary_tab2:checked ~ div.sheet-secondary_tab2,
input.sheet-secondary_tab3:checked ~ div.sheet-secondary_tab3,
input.sheet-secondary_tab4:checked ~ div.sheet-secondary_tab4,
input.sheet-secondary_tab5:checked ~ div.sheet-secondary_tab5,
input.sheet-secondary_tab6:checked ~ div.sheet-secondary_tab6,
input.sheet-secondary_tab7:checked ~ div.sheet-secondary_tab7,
input.sheet-secondary_tab8:checked ~ div.sheet-secondary_tab8
{
display:block;
}
input.sheet-tab{
width: 152px;
height: 24px;
margin: 0px -152px 5px 5px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
input.sheet-tab+ span {
height: 22px;
display: inline-block;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
width: 148px;
}
input.sheet-tab+ span::before
{
content: attr(title);
border-radius: .5em;
border: 2px solid black;
text-align: center;
display: inline-block;
background: black;
color: white;
text-shadow: 2px 2px 2px #555555;
width: 100%;
height: 20px;
font-size: 18px;
line-height: 20px;
font-family: inherit;
}
input.sheet-tab:checked+ span::before{
background:#CC0000;
color:white;
text-shadow: 2px 2px 2px #555555;
border-radius:.5em;
border:2px solid black;
}
input.sheet-small_tab{
width:90px;
margin-right: -90px;
height: 28px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
input.sheet-small_tab+ span::before{
content: attr(title);
margin-top:-32px;
border-radius:.5em;
text-align: center;
display: inline-block;
color:white;
text-shadow: 2px 2px 2px #555555;
background:black;
border:2px solid black;
width: 88px;
height:20px;
font-size: 14px;
}
input.sheet-small_tab:checked+ span::before{
border:2px solid black;
background:#CC0000;
color:white;
text-shadow: 2px 2px 2px #555555;
border-radius:.5em;
}
input.sheet-option
{
width:21px;
height: 21px;
cursor: pointer;
z-index: 1;
opacity: 0;
float:right;
margin:0px;
}
.repcontrol_del{
z-index: 10;
position: relative;
}
input.sheet-option.sheet-title,
input.sheet-option.sheet-title+ span
{
margin-top:5px;
}
input.sheet-option+ span{
float:right;
margin-right:-21px;
text-align: center;
display: inline-block;
width: 21px;
height:21px;
}
input.sheet-option+ span::before
{
font-family: "pictos";
content: 'y';
color:black;
text-shadow: 2px 2px 2px #FF0000;
font-size: 20px;
}
input.sheet-option:checked+ span::before
{
color:red;
text-shadow: 2px 2px 2px #555555;
opacity: 1;
}
span.sheet-option::before
{
opacity: 0;
}
div:hover > span.sheet-option::before
{
opacity: 1;
}
span.sheet-option.sheet-white
{
background-color:white;
border-radius:.5em;
}
div.sheet-expanded
{
display: none;
border-top-color: #DADADA;
margin: 2px 0 0 0;
}
input.sheet-option:checked ~ div.sheet-expanded,
input.sheet-option2:checked ~ div.sheet-expanded
{
display: block;
}
input.sheet-option:checked ~ div.sheet-compact,
input.sheet-option2:checked ~ div.sheet-compact
{
display: none;
}
select { margin-bottom: 0; }
button[type=roll].sheet-d10-roll-button::before{
font-family: "dicefontd10";
content: "t";
}
button[type=roll].sheet-d100-roll-button::before{
font-family: "dicefontd10";
content: "T";
width:30px;
}
button[type=roll].sheet-widebutton{
width:90px;
}
button[type=roll].sheet-label::before
{
content: "";
display: inline-block;
}
button[type=roll].sheet-label,
button[type=roll].sheet-label input{
padding:0!important;
font: inherit;
cursor: pointer;
}
button[type=roll].sheet-label{
height:21px;
border:1px solid transparent;
}
.sheet-dark_row .button[type=roll].sheet-label{
color:black;
}
button[type=roll].sheet-label input{
background-color:transparent;
border: none 0px transparent;
}
label{
display: inline-block;
width: auto;
}
input[type=number].sheet-longnum, .sheet-longnum{
width:60px;
}
input[type=text]{
text-align:left;
}
input[disabled=true]{
background-color:#DADADA;
}
input[type=number]
{
width:45px;
}
input{
border-top:none;
border-left:none;
border-right:none;
border:1px outset #DADADA;
}
input:hover:enabled,
button:active:enabled,
button[type=roll].sheet-label:hover{
border:1px outset cyan!important;
}
.sheet-wrapper{
margin:3px;
border:none;
vertical-align:top;
display:inline-block;
}
div.sheet-page_wrapper{
width:820px;
display:block;
margin:3px;
border-top: 2px solid black;
border-bottom: 2px solid black;
border-left: none;
border-right: none;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
div.sheet-page_header{
width:810px;
display:block;
margin:3px;
border:none;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
.sheet-sidebubbled{
font-size: 11pt;
width:51px;
font-weight:bold;
border:2px solid #DADADA;
color:black;
display:inline-block;
background-color:#DADADA;
text-align: center;
padding-top:1px;
padding-left:3px;
padding-bottom:4px;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
.sheet-characteristic_mod{
width:60px;
margin-left:2px;
}
.sheet-title{
text-align: center;
background-color: white;
color: black;
border-bottom: 5px solid transparent;
border-image: url(https://i.imgur.com/wEoeCr7.png) 10 stretch;
text-shadow: 2px 2px 2px #555555;
padding-bottom:2px;
padding-top:2px;
width: 100%;
font-size: 18pt;
font-family: "Station",Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
.sheet-dark_row{
color:black;
background-color:#DADADA;
border-radius: 1em;
}
.sheet-style_row{
display:block;
margin-left: 3px;
margin-right: 3px;
}
.sheet-style_row.sheet-noborder {border:none!important;}
.sheet-clear{
clear: both;
}
.sheet-cell{
display:inline-block;
margin:0.5px;
text-align: center;
width:45px;
}
.sheet-actual_cell{
width:50px;
font-size:9pt;
padding-top:7px;
padding-left:7px;
font-weight:bold
}
.sheet-physical{
text-shadow: 2px 2px 2px #00CC00;
}
.sheet-mental{
text-shadow: 2px 2px 2px #0000CC;
}
.sheet-advantage_text{width:290px;}
div[data-groupname="repeating_initiative"] .repitem:nth-child(even),
div[data-groupname="repeating_secondaryabilities"] .repitem:nth-child(even),
div[data-groupname="repeating_advantage"] .repitem:nth-child(even),
div[data-groupname="repeating_spellpaths"] .repitem:nth-child(even),
div[data-groupname="repeating_spells"] .repitem:nth-child(even),
div[data-groupname="repeating_invocations"] .repitem:nth-child(even),
div[data-groupname="repeating_spellcreature"] .repitem:nth-child(even),
div[data-groupname="repeating_mentalpatterns"] .repitem:nth-child(even),
div[data-groupname="repeating_mentalmods"] .repitem:nth-child(even),
div[data-groupname="repeating_maintainedpowers"] .repitem:nth-child(even),
div[data-groupname="repeating_psychicpowers"] .repitem:nth-child(even),
div[data-groupname="repeating_arsmagnus"] .repitem:nth-child(even),
div[data-groupname="repeating_martialarts"] .repitem:nth-child(even),
div[data-groupname="repeating_kicreatures"] .repitem:nth-child(even),
div[data-groupname="repeating_weaponpoficiencies"] .repitem:nth-child(even)
{
background:#85D6FF;
}
div[data-groupname="repeating_disciplines"] .repitem
{
display: inline-block;
}
div[data-groupname="repeating_weapons"],
div[data-groupname="repeating_rangedweapons"],
div[data-groupname="repeating_kitechniques"]
{
background:#B2B2B2;
}
div[data-groupname="repeating_weapons"] .repitem,
div[data-groupname="repeating_rangedweapons"] .repitem,
div[data-groupname="repeating_kitechniques"] .repitem
{
padding:0px;
border:2px solid #DADADA;
background:white;
margin:4px;
display: inline-block;
}
.sheet-kipool{
width: 30px;
padding-left:2px;
}
.sheet-longbubble{
width:70px;
}
button.sheet-secondary_bubble{
width:138px;
}
div.sheet-secondary_bubble{
width:80px;
}
.sheet-red{
color:red;
font-weight:bold;
}
.sheet-secondary_bubble.sheet-red,
button.sheet-label[type="roll"].sheet-secondary_bubble.sheet-red{
color:black;
font-weight:bold;
text-shadow: 1px 1px 2px #FF0000;
border:1px solid red;
}
button.sheet-label[type="roll"].sheet-secondary_bubble{
border:1px solid transparent;
}
.sheet-smalltitle{
font-size:13pt;
padding-bottom: 2px;
padding-top: 2px;
}
.sheet-ki_title{
margin-right:10px;
font-weight:bold;
width:auto;
}
.sheet-point_tracker{
border-radius:1em;
}
.sheet-ki_row{
position:relative;
width:calc(100% - 30px);
display:inline-block;
}
.sheet-ki_cost{
float:right;
margin-right:3px;
width:30px;
}
.sheet-ki_indent1{
margin-left:10px;
}
.sheet-ki_indent2{
margin-left:20px;
}
.sheet-ki_indent3{
margin-left:30px;
}
.sheet-ki_indent4{
margin-left:40px;
}
.sheet-ki_indent5{
margin-left:50px;
}
.sheet-ki_seal_checkbox{
margin-top:2px;
margin-left:2px;
margin-right:1px;
}
.sheet-fullbubble{
border:3px solid #DADADA;
border-radius:.5em;
width:40px;
margin:1px;
text-align:center;
background-color:#DADADA;
color:black;
font-weight:bold;
}
/* Start CSS for ki ability box here*/
input.sheet-useofki:not(:checked) ~ .sheet-req_useofki{
display:none;
}
input.sheet-kicontrol:not(:checked) ~ .sheet-req_kicontrol{
display:none;
}
input.sheet-kidetection:not(:checked) ~ .sheet-req_kidetection{
display:none;
}
input.sheet-weightelim:not(:checked) ~ .sheet-req_weightelim{
display:none;
}
input.sheet-levitation:not(:checked) ~ .sheet-req_levitation{
display:none;
}
input.sheet-objectMotion:not(:checked) ~ .sheet-req_objectMotion{
display:none;
}
input.sheet-pext:not(:checked) ~ .sheet-req_pext{
display:none;
}
input.sheet-enearmor:not(:checked) ~ .sheet-req_enearmor{
display:none;
}
input.sheet-grtarmor:not(:checked) ~ .sheet-req_grtarmor{
display:none;
}
input.sheet-aext:not(:checked) ~ .sheet-req_aext{
display:none;
}
input.sheet-kitransmit:not(:checked) ~ .sheet-req_kitransmit{
display:none;
}
input.sheet-kiheal:not(:checked) ~ .sheet-req_kiheal{
display:none;
}
input.sheet-useofnecenergy:not(:checked) ~ .sheet-req_useofnecenergy{
display:none;
}
input.sheet-kiconceal:not(:checked) ~ .sheet-req_kiconceal{
display:none;
}
input.sheet-elimofnecess:not(:checked) ~ .sheet-req_elimofnecess{
display:none;
}
input.sheet-penreduction:not(:checked) ~ .sheet-req_penreduction{
display:none;
}
input.sheet-recovery:not(:checked) ~ .sheet-req_recovery{
display:none;
}
input.sheet-charaugment:not(:checked) ~ .sheet-req_charaugment{
display:none;
}
input.sheet-physdom:not(:checked) ~ .sheet-req_physdom{
display:none;
}
input.sheet-physchange:not(:checked) ~ .sheet-req_physchange{
display:none;
}
input.sheet-multbody:not(:checked) ~ .sheet-req_multbody{
display:none;
}
input.sheet-grtmultbody:not(:checked) ~ .sheet-req_grtmultbody{
display:none;
}
input.sheet-magnitude:not(:checked) ~ .sheet-req_magnitude{
display:none;
}
input.sheet-ki_inhumanity:not(:checked) ~ .sheet-req_ki_inhumanity{
display:none;
}
/* end CSS for ki abilities*/
/* CSS for nemesis abilities */
input.sheet-useofnemesis:not(:checked) ~ .sheet-req_useofnemesis{
display:none;
}
input.sheet-armemptiness:not(:checked) ~ .sheet-req_armemptiness{
display:none;
}
input.sheet-kicancel:not(:checked) ~ .sheet-req_kicancel{
display:none;
}
input.sheet-magicancel:not(:checked) ~ .sheet-req_magicancel{
display:none;
}
input.sheet-matricancel:not(:checked) ~ .sheet-req_matricancel{
display:none;
}
input.sheet-bodyofempty:not(:checked) ~ .sheet-req_bodyofempty{
display:none;
}
input.sheet-essenceempty:not(:checked) ~ .sheet-req_essenceempty{
display:none;
}
input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{
display:none;
}
/* end CSS for nemesis abilities*/
/* CSS for Templates */
.sheet-rolltemplate-ABFini table,
.sheet-rolltemplate-ABFspell table,
.sheet-rolltemplate-ABFspellOld table,
.sheet-rolltemplate-ABFdefault table,
.sheet-rolltemplate-ABFpsi table,
.sheet-rolltemplate-ABFki table,
.sheet-rolltemplate-ABFweapon table {
width: 100%;
border: 1px solid #DADADA;
color: black;
background-color: #ffffff;
font-size: 1em;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
border-collapse: separate;
border-radius: 1em;
}
.sheet-rolltemplate-ABFini th,
.sheet-rolltemplate-ABFspell th,
.sheet-rolltemplate-ABFspellOld th,
.sheet-rolltemplate-ABFdefault th,
.sheet-rolltemplate-ABFpsi th,
.sheet-rolltemplate-ABFki th,
.sheet-rolltemplate-ABFweapon th {
text-shadow: 0px 0px 1px #555555;
padding: 2px;
border-bottom: 5px solid transparent;
border-image: url(http://i.imgur.com/wEoeCr7.png) 10 stretch;
line-height: 1.6em;
font-size: 1.2em;
font-weight: bold;
}
.sheet-rolltemplate-ABFdefault th.sheet-smalltitle{
font-size:0.95em;
line-height: 1.1em;
padding: 1px;
font-weight: normal;
}
.sheet-rolltemplate-ABFini .userscript-tcat,
.sheet-rolltemplate-ABFspell .userscript-tcat,
.sheet-rolltemplate-ABFspellOld .userscript-tcat,
.sheet-rolltemplate-ABFdefault .userscript-tcat,
.sheet-rolltemplate-ABFpsi .userscript-tcat,
.sheet-rolltemplate-ABFki .userscript-tcat,
.sheet-rolltemplate-ABFweapon .userscript-tcat {
font-weight: bold;
}
.sheet-rolltemplate-ABFini .sheet-sidebubbled,
.sheet-rolltemplate-ABFspell .sheet-sidebubbled,
.sheet-rolltemplate-ABFspellOld .sheet-sidebubbled,
.sheet-rolltemplate-ABFdefault .sheet-sidebubbled,
.sheet-rolltemplate-ABFpsi .sheet-sidebubbled,
.sheet-rolltemplate-ABFki .sheet-sidebubbled,
.sheet-rolltemplate-ABFweapon .sheet-sidebubbled {
font-size: 11pt;
width:100%;
height:100%;
font-weight:bold;
border:2px solid #DADADA;
color:black;
display:inline-block;
background-color:#DADADA;
text-align: center;
padding-top:1px;
padding-left:3px;
padding-bottom:4px;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
}
.sheet-rolltemplate-ABFini td,
.sheet-rolltemplate-ABFspell td,
.sheet-rolltemplate-ABFspellOld td,
.sheet-rolltemplate-ABFdefault td,
.sheet-rolltemplate-ABFpsi td,
.sheet-rolltemplate-ABFki td,
.sheet-rolltemplate-ABFweapon td {
padding: 5px;
}
.sheet-rolltemplate-ABFini .inlinerollresult,
.sheet-rolltemplate-ABFspell .inlinerollresult,
.sheet-rolltemplate-ABFspellOld .inlinerollresult,
.sheet-rolltemplate-ABFdefault .inlinerollresult,
.sheet-rolltemplate-ABFpsi .inlinerollresult,
.sheet-rolltemplate-ABFki .inlinerollresult,
.sheet-rolltemplate-ABFweapon .inlinerollresult {
display: inline-block;
min-width: 1.5em;
text-align: center;
background-color: #ffffff;
color: #000000;
font-weight:bold;
border: none;
font-size: 1.5em;
}
.sheet-rolltemplate-ABFini .inlinerollresult.fullcrit,
.sheet-rolltemplate-ABFspell .inlinerollresult.fullcrit,
.sheet-rolltemplate-ABFspellOld .inlinerollresult.fullcrit,
.sheet-rolltemplate-ABFdefault .inlinerollresult.fullcrit,
.sheet-rolltemplate-ABFpsi .inlinerollresult.fullcrit,
.sheet-rolltemplate-ABFki .inlinerollresult.fullcrit,
.sheet-rolltemplate-ABFweapon .inlinerollresult.fullcrit {
border: none;
color: #3FB315;
}
.sheet-rolltemplate-ABFini .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFspell .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFspellOld .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFdefault .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFpsi .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFki .inlinerollresult.fullfail,
.sheet-rolltemplate-ABFweapon .inlinerollresult.fullfail {
border: none;
color: red;
}
.sheet-rolltemplate-ABFini .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFspell .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFspellOld .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFdefault .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFpsi .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFki .inlinerollresult.importantroll,
.sheet-rolltemplate-ABFweapon .inlinerollresult.importantroll {
border: none;
color: #4A57ED;
}
.sheet-rolltemplate-ABFini a[href^="!"], .sheet-rolltemplate-ABFini a[href^="~"],
.sheet-rolltemplate-ABFspell a[href^="!"], .sheet-rolltemplate-ABFspell a[href^="~"],
.sheet-rolltemplate-ABFspellOld a[href^="!"], .sheet-rolltemplate-ABFspellOld a[href^="~"],
.sheet-rolltemplate-ABFdefault a[href^="!"], .sheet-rolltemplate-ABFdefault a[href^="~"],
.sheet-rolltemplate-ABFpsi a[href^="!"], .sheet-rolltemplate-ABFpsi a[href^="~"],
.sheet-rolltemplate-ABFki a[href^="!"], .sheet-rolltemplate-ABFki a[href^="~"],
.sheet-rolltemplate-ABFweapon a[href^="!"], .sheet-rolltemplate-ABFweapon a[href^="~"] {
background-color: transparent;
color:blue;
padding:0px;
border:none;
width:100%;
text-decoration:underline;
}
.sheet-rolltemplate-ABFki .sheet-ki {
text-align: center;
}
.sheet-rolltemplate-ABFki .sheet-ki .sheet-ki-cost {
font-size: 1.2em;
font-weight:bold;
}
.sheet-rolltemplate-ABFki .sheet-ki .sheet-ki-maint {
font-size: 0.8em;
}
/* end CSS for Templates */