Files
roll20-character-sheets/ButterflyAspect/ButterflyAspect.css
T

1 line
16 KiB
CSS

input.selector-switch{display:none}input.selector-switch.rollmod:not(:checked)~.container button.rollmod,input.selector-switch.rollmod:checked~.container button.norollmod{display:none}.sheetform{background-color:rgba(0,0,0,0)}.charsheet .container{width:850px;padding:0;margin:0}.charsheet .container button[type=roll]{width:auto;height:24px;padding:0;margin:0;border-top-left-radius:10px;border-bottom-right-radius:10px;border-radius:unset;background-image:none;background-color:rgba(0,0,0,0);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.charsheet .container button[type=roll] label{line-height:24px;font-size:13px;text-align:center;font-weight:700}.charsheet .container button[type=roll] input{line-height:24px;font-size:13px;text-align:center;font-weight:700}.charsheet .container input{background:rgba(0,0,0,0);width:100%;border:1px solid #ddd;border-radius:3px}.charsheet .container input[type=number]{text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield}.charsheet .container textarea{background:rgba(0,0,0,0);margin:0;width:100%;height:65px;resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:3px}.charsheet .container select{background:rgba(0,0,0,0)}.charsheet .container label{width:auto}.charsheet .container .options-flag,.charsheet .container .options-flag+span{position:absolute;top:-10px;left:-10px}.charsheet .container .options-flag{opacity:0;width:16px;min-height:16px;z-index:2}.charsheet .container .options-flag+span{white-space:nowrap;width:16px;height:16px;font-size:16px;font-family:pictos;color:#bbb;cursor:pointer;margin-top:0;display:none}.charsheet .container .options-flag~.hiddenBox,.charsheet .container .options-flag~div .hiddenBox{display:none}.charsheet .container .options-flag:checked~.hiddenBox,.charsheet .container .options-flag:checked~div .hiddenBox{display:inherit}.charsheet .container .number-20{font-size:20px}.charsheet .container .float{float:left;box-sizing:border-box;width:100%;margin:4px 0;padding-right:5px}.charsheet .container .full{width:100%}.charsheet .container .threequarters{width:75%}.charsheet .container .half{width:50%}.charsheet .container .quarter{width:25%}.charsheet .container .break{clear:both}.charsheet .container .textcenter{text-align:center}.charsheet .container .formular{padding:9px;margin-top:15px;border:1px solid #ddd;border-radius:3px}.charsheet .container .formular label{display:block;float:left;height:20px;margin-top:-19px;margin-bottom:0px;background:#fff;padding:2px 5px 2px 5px;color:#b9b9b9;font-weight:normal}.charsheet .container .formular input{box-sizing:border-box;border:0}.charsheet .container .gridplace .repcontainer select{border:none;margin:0}.charsheet .container .gridplace .repcontainer input,.charsheet .container .gridplace .repcontainer select,.charsheet .container .gridplace .repcontainer button{width:-webkit-fill-available;width:-moz-available;box-shadow:none}.charsheet .container .gridplace .repcontainer .repitem:nth-child(even){background:#eee}.charsheet .container .gridplace .repcontainer .repcontrol_move{float:left}.charsheet .container .gridplace .repcontainer .repcontrol_del{width:auto}.charsheet .container .header{margin-bottom:4px;padding:2px 8px;background:#000;color:#fff;font-weight:bold;border-top-left-radius:10px;border-bottom-right-radius:10px}.charsheet .container .header span{text-transform:uppercase}.charsheet .container .header button{border:none;float:right;height:unset;color:#fff;font-size:15px;text-shadow:none}.charsheet .container .header button:before{content:"t";padding-right:5px}.charsheet .container .head .head-logo{width:200px;vertical-align:middle}.charsheet .container .head .logo{height:200px}.charsheet .container .head .settings select{width:-webkit-fill-available;width:-moz-available}.charsheet .container .head .head-info{width:calc(100% - 200px)}.charsheet .container .head .head-info .head-info-boxes{width:100%}.charsheet .container .head .head-info .head-info-boxes>div:first-child{height:36px}.charsheet .container .head .head-info .head-info-boxes input{width:100%;box-sizing:border-box}.charsheet .container .head .head-info .head-info-boxes textarea{height:64px;border:none}.charsheet .container .head .head-info .head-info-boxes .formular{margin-bottom:5px}.charsheet .container .head-stats{display:flex;width:100%;justify-content:space-between}.charsheet .container .head-stats>div{width:-webkit-min-content;width:-moz-min-content;width:min-content;height:36px}.charsheet .container .head-stats input{max-width:100px;float:right;text-align:center}.charsheet .container .head-stats .formular>input{width:-webkit-fill-available;width:-moz-available}.charsheet .container .head-stats button{display:block;float:left;margin-top:-21px !important;background:#fff;padding:2px 5px 2px 5px !important;color:#b9b9b9;border:1px solid #ddd;border-radius:3px}.charsheet .container .head-stats button[type=roll]:before{content:"";display:none}.charsheet .container .head-stats .health{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:x-large}.charsheet .container .head-stats .health input{max-width:80px}.charsheet .container .head-stats .ressourcen>div{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:14px auto;line-height:10px}.charsheet .container .head-stats .ressourcen>div *{width:auto;float:left}.charsheet .container .attribut{display:inherit}.charsheet .container .attribut .attribut-stats{display:flex;width:100%;justify-content:space-evenly;flex-flow:row wrap}.charsheet .container .attribut .attribut-stats .formular{width:21%;height:56px}.charsheet .container .attribut .attribut-stats input{width:-webkit-fill-available;width:-moz-available;text-align:center}.charsheet .container .attribut .attribut-stats button{display:block;float:left;margin-top:-21px;background:#fff;padding:2px 5px 2px 5px;color:#b9b9b9;border:1px solid #ddd;border-radius:3px}.charsheet .container .attribut .attribut-stats button[type=roll]:before{content:"";display:none}.charsheet .container .skills{display:inherit}.charsheet .container .skills .grid{display:grid;grid-template-columns:465px 120px 60px 60px 60px 55px;grid-gap:5px}.charsheet .container .skills .grid>div{background-color:#eee;font-weight:bold;text-align:center}.charsheet .container .skills .gridplace input{border:none;width:-webkit-fill-available;width:-moz-available}.charsheet .container .skills .gridplace button[type=roll]{border:none;width:-webkit-fill-available;width:-moz-available}.charsheet .container .skills .gridplace .repcontainer .repitem .repeat-skill{display:grid;grid-template-columns:465px 120px 60px 60px 60px 55px;grid-gap:5px;min-height:40px}.charsheet .container .skills .gridplace .repcontainer .repitem input.liketextarea{width:845px;height:26px;border:1px solid #ddd;border-radius:3px}.charsheet .container .skills .gridplace .repcontainer .repitem textarea{width:845px}.charsheet .container .skills .gridplace .repcontainer .repitem div{margin:auto 0;text-align:center}.charsheet .container .skills .gridplace .repcontainer .repitem .repeat-weapon input.options-flag{width:auto}.charsheet .container .skills .gridplace .repcontainer .repitem .repeat-weapon:hover .options-flag+span{display:block}.charsheet .container .weapons{display:inherit}.charsheet .container .weapons .grid{display:grid;grid-template-columns:465px 120px 60px 60px 60px 55px;grid-gap:5px}.charsheet .container .weapons .grid>div{background-color:#eee;font-weight:bold;text-align:center}.charsheet .container .weapons .gridplace input{border:none;width:-webkit-fill-available;width:-moz-available}.charsheet .container .weapons .gridplace button[type=roll]{border:none;width:-webkit-fill-available;width:-moz-available}.charsheet .container .weapons .gridplace .repcontainer .repitem .repeat-weapon{display:grid;grid-template-columns:465px 120px 60px 60px 60px 55px;grid-gap:5px;min-height:40px}.charsheet .container .weapons .gridplace .repcontainer .repitem input.liketextarea{width:845px;height:26px;border:1px solid #ddd;border-radius:3px}.charsheet .container .weapons .gridplace .repcontainer .repitem textarea{width:845px}.charsheet .container .weapons .gridplace .repcontainer .repitem div{margin:auto 0;text-align:center}.charsheet .container .weapons .gridplace .repcontainer .repitem .repeat-weapon input.options-flag{width:auto}.charsheet .container .weapons .gridplace .repcontainer .repitem .repeat-weapon:hover .options-flag+span{display:block}.charsheet .container .mage{display:inherit}.charsheet .container .mage input{border:none}.charsheet .container .mage button[type=roll]{border:none;width:-webkit-fill-available;width:-moz-available}.charsheet .container .mage button[type=roll]::before{content:""}.charsheet .container .mage button[type=roll] input{pointer-events:none}.charsheet .container .mage .grid{display:grid;grid-template-columns:100px 355px 60px 60px 60px 60px 60px 55px;grid-gap:5px}.charsheet .container .mage .grid>div{background-color:#eee;font-weight:bold;text-align:center}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage{display:grid;grid-template-columns:100px 355px 60px 60px 60px 60px 60px 55px;grid-gap:5px;min-height:40px}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage input.options-flag{width:auto}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage:hover .options-flag+span{display:block}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage div.select-3{width:42px;margin:auto}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage div.select-4{width:56px;margin:auto}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage div.hiddenBox{grid-template-columns:60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px 60px;grid-gap:5px;grid-template-rows:auto;grid-template-areas:". . . . . . . . . . attribut damage healing" "textarea textarea textarea textarea textarea textarea textarea textarea textarea textarea textarea textarea textarea"}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage div.hiddenBox #attribut{grid-area:attribut}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage div.hiddenBox #damage{grid-area:damage}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage div.hiddenBox #healing{grid-area:healing}.charsheet .container .mage .gridplace .repcontainer .repitem .repeat-mage div.hiddenBox #textarea{grid-area:textarea}.charsheet .container .mage .gridplace .repcontainer .repitem input[type=checkbox]{width:auto;float:left}.charsheet .container .mage .gridplace .repcontainer .repitem div{margin:auto 0;text-align:center}.charsheet .container .aspects{display:inherit}.charsheet .container .stunts{display:inherit}.charsheet .container .stunts .repeat-stunt:hover .options-flag+span{display:block}.charsheet .container .inventar{display:inherit}.charsheet .container .inventar .rustung{padding-bottom:4px}.charsheet .container .inventar input[type=text],.charsheet .container .inventar input[type=number]{width:81px}.charsheet .container .inventar input[name=attr_name],.charsheet .container .inventar input[name=attr_ruestungName]{width:250px}.charsheet .container .inventar .repeat-inv:hover .options-flag+span{display:block}.charsheet .container .notes{display:inherit}.charsheet .container .notes .repeat-notes:hover .options-flag+span{display:block}.charsheet .container .xp{display:inherit}.charsheet .container .xp .totalxp{display:grid;grid-auto-flow:column;grid-gap:50px}.charsheet .container .xp .totalxp input{width:100%;text-align:end}.charsheet .container .xp .repcontainer{padding-top:15px}.charsheet .container .xp .repcontainer .repitem{display:grid;grid-template-columns:210px 50px 10px 210px 50px 10px 210px 50px;grid-gap:5px;height:40px}.charsheet .container .xp .repcontainer .repitem div{margin:auto 0}.charsheet .container .xp .brackets{border-left:1px solid #aaa;border-right:1px solid #aaa;border-radius:12px}.charsheet .container .xp .brackets input{border:none;text-align:center}.charsheet .container .version{text-align:right}.sheet-darkmode button,.sheet-darkmode input,.sheet-darkmode optgroup,.sheet-darkmode select,.sheet-darkmode textarea,.sheet-darkmode .charsheet{color:#eee}.sheet-darkmode .btn,.sheet-darkmode .btn.btn-default{color:#c8c3bc;text-shadow:rgba(24,26,27,.75) 0px 1px 1px;background-color:#1e2021;background-image:linear-gradient(rgb(24, 26, 27), rgb(38, 41, 43));border-color:#3e4446 #3e4446 #43494c;box-shadow:rgba(24,26,27,.2) 0px 1px 0px inset,rgba(0,0,0,.05) 0px 1px 2px}.sheet-darkmode .sheetform{background-color:rgba(0,0,0,0)}.sheet-darkmode .charsheet .container button,.sheet-darkmode .charsheet .container input,.sheet-darkmode .charsheet .container optgroup,.sheet-darkmode .charsheet .container select,.sheet-darkmode .charsheet .container textarea{border-color:#3a3e41}.sheet-darkmode .charsheet .container .formular{border-color:#3a3e41}.sheet-darkmode .charsheet .container .formular label,.sheet-darkmode .charsheet .container .formular button{background-color:var(--dark-surface1);color:#bcb6ad}.sheet-darkmode .charsheet .container .formular button{border-color:#3a3e41}.sheet-darkmode .charsheet .container .gridplace .repcontainer .repitem:nth-child(2n){background-color:#222426}.sheet-darkmode .charsheet .container .skills .grid>div,.sheet-darkmode .charsheet .container .weapons .grid>div,.sheet-darkmode .charsheet .container .mage .grid>div{background-color:#222426}.sheet-rolltemplate-butterfly .sheet-container{background-color:#fff;border-top-left-radius:10px;border-bottom-right-radius:10px;width:240px}.sheet-rolltemplate-butterfly .sheet-container .sheet-header{margin-bottom:4px;padding:2px 8px;background:#000;color:#fff;font-weight:bold;border-top-left-radius:10px;border-bottom-right-radius:10px}.sheet-rolltemplate-butterfly .sheet-container .sheet-header span{text-transform:uppercase}.sheet-rolltemplate-butterfly .sheet-container .sheet-content{text-align:initial}.sheet-rolltemplate-butterfly .sheet-container .sheet-content p{line-height:14px}.sheet-rolltemplate-butterfly .sheet-container .sheet-content p:last-child{margin:0}.sheet-rolltemplate-butterfly .sheet-container .sheet-content div{padding:5px}.sheet-rolltemplate-butterfly .sheet-container .sheet-content div:nth-child(even){background:#eee}.sheet-rolltemplate-butterfly .sheet-container .sheet-content div span{margin-left:15px;font-weight:bold}.sheet-rolltemplate-butterfly .sheet-container .sheet-content .sheet-desc{grid-column:span 2;padding:5px;text-align:center}.sheet-rolltemplate-butterfly .sheet-container .sheet-content .sheet-desc span{right:unset;float:none;margin:0}.sheet-rolltemplate-butterfly .sheet-container .inlinerollresult,.sheet-rolltemplate-butterfly .sheet-container .sheet-fakeroll{background-color:rgba(0,0,0,0);border:none;position:relative;right:30px;float:right;margin:0;padding:0}.sheet-rolltemplate-butterfly .sheet-container .inlinerollresult.fullcrit,.sheet-rolltemplate-butterfly .sheet-container .sheet-fakeroll.fullcrit{color:#3fb315}.sheet-rolltemplate-butterfly .sheet-container .inlinerollresult.fullfail,.sheet-rolltemplate-butterfly .sheet-container .sheet-fakeroll.fullfail{color:#b31515}.sheet-rolltemplate-butterfly .sheet-container .inlinerollresult.importandivoll,.sheet-rolltemplate-butterfly .sheet-container .sheet-fakeroll.importandivoll{color:#4a57ed}.sheet-rolltemplate-butterfly.sheet-rolltemplate-darkmode .sheet-container{color:#eee;background-color:var(--dark-surface1)}.sheet-rolltemplate-butterfly.sheet-rolltemplate-darkmode .sheet-container .sheet-content{border:solid 1px var(--dark-surface1);border-top:none}.sheet-rolltemplate-butterfly.sheet-rolltemplate-darkmode .sheet-container .sheet-content div:nth-child(even){background:var(--dark-surface2)}/*# sourceMappingURL=ButterflyAspect.css.map */