diff --git a/World of Fantasy/wof.css b/World of Fantasy/wof.css index 176b37b674..8a3edd7b4c 100644 --- a/World of Fantasy/wof.css +++ b/World of Fantasy/wof.css @@ -1,19 +1,5 @@ @import url('https://fonts.googleapis.com/css?family=Merriweather:wght@400;700&family=Suez+One&display=swap'); - -.sheet-character-sheet{ - border-image: url("https://i.imgur.com/NhmDK8E.png") 100 / 29px / 0px repeat; - -moz-border-image:url("https://i.imgur.com/NhmDK8E.png") 100 / 29px / 0px repeat; /* Old firefox */ - -webkit-border-image:url("https://i.imgur.com/NhmDK8E.png") 100 / 29px / 0px repeat; /* Safari */ - -o-border-image:url("https://i.imgur.com/NhmDK8E.png") 100 / 29px / 0px repeat; /* Opera */ - padding: 5%; - -} - -.sheet-text-xs{ - font-size: 9px; -} - .sheet-text-s{ font-size: 11px; } @@ -88,6 +74,84 @@ button[type=roll].sheet-d6-dice::before { background-color: gray; } +.sheet-border-l{ + border-left: darkgray 2px solid !important; +} + +.sheet-cb-control-bigger { + font-family: arial; + display: block; + position: relative; + cursor: pointer; + font-size: 12px; + height: 20px; + width: 20px; + margin-left: 7px; + margin-right: 10px; + margin-top: 8px; + padding-right: 0px !important; +} + .sheet-cb-control-bigger input { + position: absolute; + z-index: -1; + opacity: 0; + margin: 0 !important; + } + +.sheet-cb-control-indicator-bigger { + position: absolute; + top: 0px; + left: 0; + height: 20px; + width: 20px; + border: 1px solid #ddd; + background-color: white; + border-radius: 15px; +} +.sheet-cb-control-bigger:hover input ~ .sheet-cb-control-indicator-bigger, +.sheet-cb-control-bigger input:focus ~ .sheet-cb-control-indicator-bigger { + border: 1px solid #ddd !important; + background-color: white !important; +} + +.sheet-cb-control-bigger input:checked ~ .sheet-cb-control-indicator-bigger { + background: #000000 !important; + border: 1px solid #ddd !important; +} +.sheet-cb-control-bigger:hover input:not([disabled]):checked ~ .sheet-cb-control-indicator-bigger, +.sheet-cb-control-bigger input:checked:focus ~ .sheet-cb-control-indicator-bigger { + border: 1px solid #ddd; + background: #0e6647; +} +.sheet-cb-control-bigger input:disabled ~ .sheet-cb-control-indicator-bigger-bigger { + border: 1px solid #ddd !important; + background-color: white !important; + opacity: 0.6; + pointer-events: none; +} + +.sheet-cb-control-indicator-bigger:after { + box-sizing: unset; + content: ''; + position: absolute; + display: none; +} +.sheet-cb-control-bigger input:checked ~ .sheet-cb-control-indicator-bigger:after { + display: block; +} +.sheet-cb-control-checkbox-bigger .sheet-cb-control-indicator-bigger:after { + left: 7px; + top: 2px; + width: 4px; + height: 12px; + border: solid #ffffff; + border-width: 0 2px 2px 0; + transform: rotate(40deg); +} +.sheet-cb-control-checkbox-bigger input:disabled ~ .sheet-cb-control-indicator-bigger:after { + border: 1px solid #ddd; + background-color: white; +} @@ -186,27 +250,36 @@ button[type=roll].sheet-d6-dice::before { .sheet-bg-shield{ background-image: url("https://i.imgur.com/9Uuxfyt.png"); background-repeat: no-repeat; - background-size: 70% 80% !important; + background-size: 40% 90% !important; background-position: center; - height: 130px !important; + height: 50px !important; } .sheet-bg-hearth{ background-image: url("https://i.imgur.com/XiyDdxL.png"); background-repeat: no-repeat; - background-size: 80% 70% !important; + background-size: 60% 80% !important; background-position: center; - height: 130px !important; + height: 50px !important; } .sheet-bg-sun{ background-image: url("https://i.imgur.com/xx36oCy.png"); background-repeat: no-repeat; - background-size: 100% 90% !important; + background-size: 70% 90% !important; background-position: center; - height: 130px !important; + height: 50px !important; } + +.sheet-vertical-hr { + height: 4px; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 70%; +} + .sheet-bg-frame{ border-image: url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; -moz-border-image:url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; /* Old firefox */ diff --git a/World of Fantasy/wof.html b/World of Fantasy/wof.html index 9df83ceda4..2eda1d87a5 100644 --- a/World of Fantasy/wof.html +++ b/World of Fantasy/wof.html @@ -7,7 +7,7 @@
| {{key}} | -{{value}} | - {{/allprops() Nombre}} +
| {{key}} | +{{value}} | + {{/allprops() Nombre}}
| {{key}} | +{{value}} | + {{/allprops() Nombre}} +||||||||||
| {{key}} | -{{value}} | - {{/allprops() Nombre}} -||||||||||
| ¡Fallo! Y además.. | +¡Fallo! Y además.. | {{/rollLess() Resultado 7}} {{#rollBetween() Resultado 7 9}} -¡Éxito! Pero ... | +¡Éxito! Pero ... | {{/rollBetween() Resultado 7 9}} {{#rollGreater() Resultado 9}} -¡Perfecto! - {{#rollWasCrit() Resultado}} - Y además... - {{/rollWasCrit() Resultado}} - | +¡Perfecto! + {{#rollWasCrit() Resultado}} + Y además... + {{/rollWasCrit() Resultado}} + | {{/rollGreater() Resultado 9}} -||||||