From 677f59e7fc8efb48b88f0596f4e036bed878aae4 Mon Sep 17 00:00:00 2001 From: Tealk <12276250+Tealk@users.noreply.github.com> Date: Mon, 6 Jan 2020 17:29:02 +0100 Subject: [PATCH] [Butterfly aspect] first release (#5768) * spelling & burst * First Release * Revert "spelling & burst" This reverts commit f322adbde0c4b0e1e155d47f1ce4343ad5e9313a. * formating error --- ButterflyAspect/ButterflyAspect-min.css | 1 + ButterflyAspect/ButterflyAspect.css | 393 ++++++++++++++++++++++++ ButterflyAspect/ButterflyAspect.html | 245 +++++++++++++++ ButterflyAspect/ButterflyAspect.png | Bin 0 -> 92238 bytes ButterflyAspect/img/logo.png | Bin 0 -> 48499 bytes ButterflyAspect/sheet.json | 17 + 6 files changed, 656 insertions(+) create mode 100644 ButterflyAspect/ButterflyAspect-min.css create mode 100644 ButterflyAspect/ButterflyAspect.css create mode 100644 ButterflyAspect/ButterflyAspect.html create mode 100644 ButterflyAspect/ButterflyAspect.png create mode 100644 ButterflyAspect/img/logo.png create mode 100644 ButterflyAspect/sheet.json diff --git a/ButterflyAspect/ButterflyAspect-min.css b/ButterflyAspect/ButterflyAspect-min.css new file mode 100644 index 0000000000..6492c1cd6b --- /dev/null +++ b/ButterflyAspect/ButterflyAspect-min.css @@ -0,0 +1 @@ + input{background:transparent;width:100%;border:1px solid #ddd;border-radius:3px}input[type=number]{text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield}textarea{margin:0;width:100%;height:65px;resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:3px}span{text-transform:uppercase}label{width:min-content}.sheet-api-toggle[value="1"] ~ .sheet-no-api{display:none}.sheet-api-toggle[value="0"] ~ .sheet-api{display:none}.sheet-container button[type="roll"]{width:100%;height:24px;padding:0;margin:0;border-top-left-radius:10px;border-bottom-right-radius:10px;border-radius:unset;background-image:none;background-color:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.sheet-container button[type="roll"]:hover{background:black;color:white}.sheet-container button[type="roll"] label,.sheet-container button[type="roll"] input{line-height:24px;font-size:13px;text-align:center;font-weight:700}.sheet-container .sheet-grid,.sheet-container .sheet-gridplace .repcontainer .repitem{display:grid;grid-template-columns:405px 155px 75px 75px 55px 55px;grid-gap:5px}.sheet-container .sheet-grid>div{background-color:#EEE;font-weight:bold;text-align:center}.sheet-container .sheet-gridplace .repcontainer .repitem input,.sheet-container .sheet-gridplace .repcontainer .repitem select,.sheet-container .sheet-gridplace .repcontainer .repitem button{width:-webkit-fill-available;width:-moz-available}.sheet-container .sheet-gridplace .repcontainer .repitem button.repcontrol_del{width:auto}.sheet-container{width:850px}.sheet-container .sheet-number-20{font-size:20px}.sheet-container .sheet-float{float:left;box-sizing:border-box;width:100%;margin:4px 0;padding-right:5px}.sheet-container .sheet-full{ma-width:100%}.sheet-container .sheet-threequarters{max-width:75%}.sheet-container .sheet-half{max-width:50%}.sheet-container .sheet-quarter{max-width:25%}.sheet-container .sheet-textcenter{text-align:center}.sheet-container .sheet-bottomspace{margin-bottom:5px}.sheet-container .sheet-formular{padding:9px;margin-top:15px;border:1px solid #ddd;border-radius:3px}.sheet-container .sheet-formular label{display:block;float:left;height:20px;margin-top:-19px;margin-bottom:0;background:#fff;padding:2px 5px 2px 5px;color:#b9b9b9;font-weight:normal}.sheet-container .sheet-formular input{box-sizing:border-box;border:0}.sheet-container .sheet-header{margin-bottom:4px;padding:2px 8px;background:black;color:white;font-weight:bold;border-top-left-radius:10px;border-bottom-right-radius:10px}.sheet-container .sheet-head-logo{width:200px;vertical-align:middle}.sheet-container .sheet-logo{height:200px}.sheet-container .sheet-gmroll{text-align:center}.sheet-container .sheet-gmroll select{width:-webkit-fill-available;width:-moz-available}.sheet-container .sheet-schicksal{text-align:center}.sheet-container .sheet-schicksal .sheet-bspace{padding-bottom:2px}.sheet-container .sheet-schicksal .sheet-input{height:100%;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sheet-container .sheet-schicksal .sheet-button{height:25px;width:25px}.sheet-container .sheet-schicksal .sheet-button::before{display:none}.sheet-container .sheet-schicksal .sheet-input{border:none;margin:0;height:100%}.sheet-container .sheet-schicksal .sheet-input::after{display:block;width:100%;height:100%;text-align:center;font-size:16px;line-height:normal}.sheet-container .sheet-schicksal .sheet-input.sheet-s0::after{content:"0";}.sheet-container .sheet-schicksal .sheet-input.sheet-s1::after{content:"1";}.sheet-container .sheet-schicksal .sheet-input.sheet-s2::after{content:"2";}.sheet-container .sheet-schicksal .sheet-input.sheet-s3::after{content:"3";}.sheet-container .sheet-schicksal .sheet-input.sheet-s4::after{content:"4";}.sheet-container .sheet-schicksal .sheet-input.sheet-s5::after{content:"5";}.sheet-container .sheet-schicksal .sheet-input.sheet-s6::after{content:"6";}.sheet-container .sheet-schicksal .sheet-input.sheet-s7::after{content:"7";}.sheet-container .sheet-schicksal .sheet-input.sheet-s8::after{content:"8";}.sheet-container .sheet-schicksal .sheet-input.sheet-s9::after{content:"9";}.sheet-container .sheet-schicksal .sheet-input.sheet-s10::after{content:"10";}.sheet-container .sheet-schicksal input:checked{background-color:black;color:white}.sheet-container .sheet-head-info{width:calc(100% - 200px)}.sheet-container .sheet-head-info-boxes{width:100%;max-width:calc(100% - 100px)}.sheet-container .sheet-head-info-boxes input{width:100%;box-sizing:border-box}.sheet-container .sheet-head-info-boxes textarea{height:64px;border:none}.sheet-container .sheet-head-info-sideboxes{width:100px;float:right}.sheet-container .sheet-head-info-sideboxes>div{}.sheet-container .sheet-head-info-sideboxes button,.sheet-container .sheet-attribut-stats button{display:block;float:left;margin-top:-21px;background:#fff;padding:2px 5px 2px 5px;color:#b9b9b9;border:none}.sheet-container .sheet-head-info-sideboxes input{width:-webkit-fill-available;width:-moz-available;text-align:center}.sheet-container .sheet-head-info-sideboxes button[type="roll"]:before,.sheet-container .sheet-attribut-stats button[type="roll"]:before{content:"";display:none}.sheet-container .sheet-head-stats{display:flex;width:100%;justify-content:space-between}.sheet-container .sheet-head-stats>div{width:min-content}.sheet-container .sheet-head-stats input{max-width:100px;float:right;text-align:center}.sheet-container .sheet-head-stats-health,.sheet-container .sheet-head-stats-bewegung{display:flex;width:max-content}.sheet-container .sheet-head-stats-health input{max-width:80px}.sheet-container .sheet-head-stats .sheet-formular>input{width:-webkit-fill-available;width:-moz-available}.sheet-container .sheet-attribut{}.sheet-container .sheet-attribut-stats{display:flex;width:100%;justify-content:space-evenly;flex-flow:row wrap}.sheet-container .sheet-attribut-stats .sheet-formular{width:26%}.sheet-container .sheet-attribut-stats input{width:-webkit-fill-available;width:-moz-available;text-align:center}.sheet-container .sheet-aspects{}.sheet-container .sheet-skills{}.sheet-container .sheet-skills input,.sheet-container .sheet-skills select,.sheet-container .sheet-skills button[type="roll"]{border:none}.sheet-container .sheet-stunts{}.sheet-container .sheet-inventar{}.sheet-container .sheet-inventar .sheet-rustung{padding-bottom:4px}.sheet-container .sheet-inventar input:first-child{width:250px}.sheet-container .sheet-inventar input{width:81px} \ No newline at end of file diff --git a/ButterflyAspect/ButterflyAspect.css b/ButterflyAspect/ButterflyAspect.css new file mode 100644 index 0000000000..60f384dc24 --- /dev/null +++ b/ButterflyAspect/ButterflyAspect.css @@ -0,0 +1,393 @@ +/* Allgemein */ +input { + background: transparent; + width: 100%; + border: 1px solid #ddd; + border-radius: 3px; +} + +input[type=number] { + text-align: center; + -moz-appearance: textfield; + -webkit-appearance: textfield; +} + +textarea { + margin: 0; + width: 100%; + height: 65px; + resize: vertical; + box-sizing: border-box; + border: 1px solid #ddd; + border-radius: 3px; +} + +span { + text-transform: uppercase; +} + +label { + width: min-content; +} + +/* Global Config */ +.sheet-api-toggle[value="1"] ~ .sheet-no-api { + display: none; +} + +.sheet-api-toggle[value="0"] ~ .sheet-api { + display: none; +} + + +/* Button Roll */ +.sheet-container button[type="roll"] { + width: 100%; + height:24px; + padding: 0; + margin: 0; + border-top-left-radius: 10px; + border-bottom-right-radius: 10px; + border-radius: unset; + background-image: none; + background-color: transparent; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +.sheet-container button[type="roll"]:hover { + background: black; + color: white; +} + +.sheet-container button[type="roll"] label, +.sheet-container button[type="roll"] input { + line-height: 24px; + font-size: 13px; + text-align:center; + font-weight:700; +} + + +/* Tabelle */ +.sheet-container .sheet-grid, +.sheet-container .sheet-gridplace .repcontainer .repitem { + display: grid; + grid-template-columns: 405px 155px 75px 75px 55px 55px; + grid-gap: 5px; +} + +.sheet-container .sheet-grid > div { + background-color: #EEE; + font-weight: bold; + text-align: center; +} + +.sheet-container .sheet-gridplace .repcontainer .repitem input, +.sheet-container .sheet-gridplace .repcontainer .repitem select, +.sheet-container .sheet-gridplace .repcontainer .repitem button { + width: -webkit-fill-available; + width: -moz-available; +} + +.sheet-container .sheet-gridplace .repcontainer .repitem button.repcontrol_del { + width: auto; +} + + +/* Global */ +.sheet-container { + width: 850px; +} + +.sheet-container .sheet-number-20 { + font-size: 20px; +} + +.sheet-container .sheet-float { + float: left; + box-sizing: border-box; + width: 100%; + margin: 4px 0; + padding-right: 5px; +} + +.sheet-container .sheet-full { + ma-width: 100%; +} + +.sheet-container .sheet-threequarters { + max-width: 75%; +} + +.sheet-container .sheet-half { + max-width: 50%; +} + +.sheet-container .sheet-quarter { + max-width: 25%; +} + +.sheet-container .sheet-textcenter { + text-align: center; +} + +.sheet-container .sheet-bottomspace { + margin-bottom: 5px; +} + +.sheet-container .sheet-formular { + padding: 9px; + margin-top: 15px; + border: 1px solid #ddd; + border-radius: 3px; +} +.sheet-container .sheet-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; +} + +.sheet-container .sheet-formular input { + box-sizing: border-box; + border: 0; +} + +.sheet-container .sheet-header { + margin-bottom: 4px; + padding: 2px 8px; + background: black; + color: white; + font-weight: bold; + border-top-left-radius: 10px; + border-bottom-right-radius: 10px; +} + + +/* Head */ +.sheet-container .sheet-head-logo { + width: 200px; + vertical-align: middle; +} + +.sheet-container .sheet-logo { + height: 200px; +} + +.sheet-container .sheet-gmroll { + text-align: center; +} + +.sheet-container .sheet-gmroll select{ + width: -webkit-fill-available; + width: -moz-available; +} + +.sheet-container .sheet-schicksal { + text-align: center; +} + +.sheet-container .sheet-schicksal .sheet-bspace { + padding-bottom: 2px; +} + +.sheet-container .sheet-schicksal .sheet-input { + height: 100%; + margin:0; + padding:0; + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; +} + +.sheet-container .sheet-schicksal .sheet-button { + height: 25px; + width: 25px; +} + +.sheet-container .sheet-schicksal .sheet-button::before { + display: none; +} + +.sheet-container .sheet-schicksal .sheet-input { + border: none; + margin: 0; + height: 100%; +} + +.sheet-container .sheet-schicksal .sheet-input::after { + display: block; + width: 100%; + height: 100%; + text-align: center; + font-size: 16px; + line-height: normal; +} + +.sheet-container .sheet-schicksal .sheet-input.sheet-s0::after {content:"0";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s1::after {content:"1";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s2::after {content:"2";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s3::after {content:"3";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s4::after {content:"4";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s5::after {content:"5";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s6::after {content:"6";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s7::after {content:"7";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s8::after {content:"8";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s9::after {content:"9";} +.sheet-container .sheet-schicksal .sheet-input.sheet-s10::after {content:"10";} + +.sheet-container .sheet-schicksal input:checked { + background-color: black; + color: white; +} + +.sheet-container .sheet-head-info { + width: calc(100% - 200px); +} + +.sheet-container .sheet-head-info-boxes { + width: 100%; + max-width: calc(100% - 100px); +} + +.sheet-container .sheet-head-info-boxes input { + width: 100%; + box-sizing: border-box; +} + +.sheet-container .sheet-head-info-boxes textarea { + height: 64px; + border: none; +} + +.sheet-container .sheet-head-info-sideboxes { + width: 100px; + float: right; +} +.sheet-container .sheet-head-info-sideboxes > div { + +} + +.sheet-container .sheet-head-info-sideboxes button, +.sheet-container .sheet-attribut-stats button { + display: block; + float: left; + margin-top: -21px; + background: #fff; + padding: 2px 5px 2px 5px; + color: #b9b9b9; + border: none; +} + +.sheet-container .sheet-head-info-sideboxes input { + width: -webkit-fill-available; + width: -moz-available; + text-align: center; +} + +.sheet-container .sheet-head-info-sideboxes button[type="roll"]:before, +.sheet-container .sheet-attribut-stats button[type="roll"]:before { + content: ""; + display: none; +} + +.sheet-container .sheet-head-stats { + display: flex; + width: 100%; + justify-content: space-between; +} + +.sheet-container .sheet-head-stats > div { + width: min-content; +} + +.sheet-container .sheet-head-stats input { + max-width: 100px; + float: right; + text-align: center; +} + +.sheet-container .sheet-head-stats-health, +.sheet-container .sheet-head-stats-bewegung{ + display: flex; + width: max-content; +} + +.sheet-container .sheet-head-stats-health input{ + max-width: 80px; +} + +.sheet-container .sheet-head-stats .sheet-formular > input { + width: -webkit-fill-available; + width: -moz-available; +} + + +/* First Row */ +.sheet-container .sheet-attribut { + +} + +.sheet-container .sheet-attribut-stats { + display: flex; + width: 100%; + justify-content: space-evenly; + flex-flow: row wrap; +} + +.sheet-container .sheet-attribut-stats .sheet-formular { + width: 26%; +} + +.sheet-container .sheet-attribut-stats input { + width: -webkit-fill-available; + width: -moz-available; + text-align: center; +} + +.sheet-container .sheet-aspects { + +} + + + +/* Second Row */ +.sheet-container .sheet-skills { + +} + +.sheet-container .sheet-skills input, +.sheet-container .sheet-skills select, +.sheet-container .sheet-skills button[type="roll"] { + border: none; +} + + + +/* Third Row */ +.sheet-container .sheet-stunts { + +} + +.sheet-container .sheet-inventar { + +} + +.sheet-container .sheet-inventar .sheet-rustung { + padding-bottom: 4px; +} + +.sheet-container .sheet-inventar input:first-child{ + width: 250px; +} + +.sheet-container .sheet-inventar input{ + width: 81px; +} diff --git a/ButterflyAspect/ButterflyAspect.html b/ButterflyAspect/ButterflyAspect.html new file mode 100644 index 0000000000..b0c1a0fb77 --- /dev/null +++ b/ButterflyAspect/ButterflyAspect.html @@ -0,0 +1,245 @@ +
+ P^f)>pYMk3N=%@j{uD}z2&%a0opr!E
z6G=AO^8N9A=x{YWKy{VRZ)5b;2G@y+rfeYg9G~a7ltVx
zppl6F{RNB6dq3Ey|BhDV*9|@N&!Je5XTKQu8UJ@QOS1nTo#rO%>DLe`tMicph?{%6
zyt=dZ(&vE}_1_T{4bp>yNYgz!0*@6s+xN}A!*_}3zd>r=jtY_cO_qd|RN2GFw19ud
z?rzlLUrBGgXR!P4yV O=w<7_2CRDee-N>u=vqo-8;xniPlrpi+&10pTCmZpFWFMkbw7i|z4zpLuJ}B#
zZ@hwYHN@t>C>gE7Yns0IgiVJcU&F?MTixZT114}|Gf+J!f@MyqK|t8VN1!oKQn-Ml
zFjkG8$@_J5=`pa)t#gJO10e;5=PH!paQNRGfYu;TxTSu?r_k*AK2KCzy^!0kzkZ9>
z;UrAtcz3L;^Z8tZiM7mO(&e#P+T#)Q&GQ+h7W~%pULb#l_xakH{qc8Yj|g4UxWp=k
z{K7#S^IIHl+m-l F`BUR4
ztV1hQ8i6^lV6E#}#3D7;wh`gYO{rBV5dQ99#W=1^Nx@3{M~%M|K=b5P_Fc@+1V%e|
z_!|_`y?q}o5#B;XY#J{8uTyJoVbYLr$#*O1kUxDi&dF?M$&=(Cb5cTV}o>j7Z9DtP5ZN@yh
z96I}3w55k6zi5FJGbv(B<{&R#WnOxrx@O)ZfzD@ojmK&kKIAeERRE4@iTuL~C#8my
zwPi3SwIaovR>-sYeE0}OQDueD^e##kE^H->J9z1V7^`JxuIi+XRiLfeOy)@4UTtT_
z!2CWM^FkqfBYH-6BZ}X*#cu^H$H<1Ttfe
E16iid7()NRWawdvI^?(qE&W%G_O3A
z%3Pg$Cj}*9OAG>l)O>+MDUfN@|enbbIf7G3Wgq;!#H<3s0VLfP=x@sY0}a|BbwakhZpDohY~s@3zadeMtaX
zBC@3nZ4pR6%yX?^iDjwr<{CP?<`qM-(PXJf-B2~fw;aw1{(d*{f|Ndg@TI7+UZlGD
zDU
Ac@p