diff --git a/nephilimV5-vf/nephilim-legende-vf.css b/nephilimV5-vf/nephilim-legende-vf.css index 7b4cb2c952..d865757fc7 100644 --- a/nephilimV5-vf/nephilim-legende-vf.css +++ b/nephilimV5-vf/nephilim-legende-vf.css @@ -1,658 +1,658 @@ -.charsheet { - box-sizing: content-box; - background-image: url("https://raw.githubusercontent.com/rwanoux/roll20-character-sheets/master/nephilimV5-vf/backgrd.png"); - background-size: cover; - font-weight: bold -} - -h2 { - text-decoration-style: solid; - text-decoration: underline; -} - -.sheet-name { - font-size: 3em !important; - font-weight: bolder; - -webkit-transform: rotateX(-17.188733853924695deg) rotateY(2.8647889756541165deg) rotateZ(-5.156620156177409deg); - transform: rotateX(-17.188733853924695deg) rotateY(2.8647889756541165deg) rotateZ(-5.156620156177409deg); - -webkit-transform-origin: 50% 83% 0; - transform-origin: 50% 83% 0; -} - -p { - font-family: "Shadows Into Light", cursive; - width: 2em !important; -} - -textarea { - height: 50px !important; -} - -input { - font-family: "Shadows Into Light", cursive; - font-size: 2em; -} - -input[type=text] { - width: 180px; - font-size: 1.5em; - background: transparent !important; - border-top: 1px solid #b7b7b7; - border-right: 1px solid #b7b7b7; - border-bottom: 2px solid rgb(44, 85, 102); - border-left: 2px solid rgb(44, 85, 102); - -webkit-border-radius: 3px 3px 3px 17px; - border-radius: 3px 3px 3px 17px; -} - - -/* Firefox */ - -input[type=number] { - -moz-appearance: textfield; -} - - -/* Chrome */ - -input::-webkit-inner-spin-button, -input::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; -} - - -/* Opéra*/ - -input::-o-inner-spin-button, -input::-o-outer-spin-button { - -o-appearance: none; - margin: 0 -} - -h1 { - text-align: center; -} - -.sheet-main { - display: grid; - grid-template-columns: repeat(3, 1fr); - font-family: "Shadows Into Light", cursive; -} - -.sheet-box { - display: block; - padding: 1em; - color: black; -} - -.sheet-attrib { - text-align: justify; - padding: 2px; - display: block; - border-top: 0 solid #018dc4; - border-right: 0 solid #018dc4; - border-bottom: 1px solid rgba(94, 50, 50, 1); - border-left: 1px solid rgba(94, 50, 50, 1); - -webkit-border-radius: 0 0 0 15px; - border-radius: 0 0 0 15px; - margin: 5px auto; - min-height: 55px; -} - -.sheet-details { - font-size: 0.8em; -} - -.sheet-bigtext { - font-size: 1.2em; - color: black; - margin-top: 10px; -} - -.sheet-rond { - font-weight: bolder; - text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); - font-size: 1.8em; - color: black; - display: inline-block; - width: 50px !important; - height: 50px !important; - margin: 5px; - padding: 3px; - border: 1px solid #b7b7b718; - -webkit-border-radius: 35px; - border-radius: 35px; - text-align: center; - color: black; - background: rgba(252, 252, 252, 0.486); - -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; - box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; - text-shadow: 1px 1px 5px rgba(255, 255, 255, 1); - -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); - -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); - -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); - transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); -} - -.sheet-right { - align-content: right; - float: right !important; -} - -.sheet-bigtitre { - margin: 30px; - font-weight: bolter; -} - -.sheet-elements { - background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/pentacle.png"); - background-size: cover; - width: 300px; - height: 300px; -} - -.sheet-trans { - background: transparent; -} - -.sheet-trans:hover { - -webkit-transform: scaleX(1.2) scaleY(1.2); - transform: scaleX(1.2) scaleY(1.2); - -webkit-transform-origin: 50% 50% 0; - transform-origin: 50% 50% 0; - background-color: rgba(204, 201, 201, 0.43); -} - -.sheet-ka { - background: rgba(0, 0, 0, 0.151); -} - -.sheet-kafeu { - align-content: center; - width: 60px; - position: relative; - left: 112px; - top: 3px; -} - -.sheet-kaair { - width: 60px; - position: relative; - left: 225px; - top: 10px; -} - -.sheet-kaeau { - width: 60px; - position: relative; - top: 50px; - left: 190px; -} - -.sheet-kalune { - width: 60px; - position: relative; - top: -30px; - left: 33px; -} - -.sheet-katerre { - width: 60px; - position: relative; - top: -240px; - left: -8px; -} - -.sheet-header { - background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/nephilim.png"); - width: 650px; - height: 225px; - -webkit-transform: rotateZ(-9.167324722093172deg) scaleX(0.5) scaleY(0.5); - transform: rotateZ(-9.167324722093172deg) scaleX(0.5) scaleY(0.5); - -webkit-transform-origin: 50% 50% 0; - transform-origin: 50% 50% 0; - position: absolute; - left: 450px; - top: -85px; -} - -.sheet-karoll { - font-weight: bolt; - display: block; - background: rgba(128, 128, 128, 0.247); - color: black; - text-shadow: 0 0 13px rgba(255, 255, 255, 0.5); -} - -.sheet-karoll:active { - background-image: -webkit-radial-gradient(rgba(0, 0, 0, 1) 0, rgba(255, 255, 255, 0.56) 100%); - background-image: -moz-radial-gradient(rgba(0, 0, 0, 1) 0, rgba(255, 255, 255, 0.56) 100%); - background-image: radial-gradient(rgba(0, 0, 0, 1) 0, rgba(255, 255, 255, 0.56) 100%); - background-position: 50% 50%; - -webkit-background-origin: padding-box; - background-origin: padding-box; - -webkit-background-clip: border-box; - background-clip: border-box; - -webkit-background-size: auto auto; - background-size: auto auto; -} - -button.sheet-karoll:before { - content: none !important; -} - -.sheet-grow { - -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; -} - -.sheet-grow:hover { - -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - -webkit-transform: scaleX(1.2) scaleY(1.2); - transform: scaleX(1.2) scaleY(1.2); - -webkit-transform-origin: 50% 50% 0; - transform-origin: 50% 50% 0; -} - -.sheet-glow:hover { - border: none; - -webkit-border-radius: 2px; - border-radius: 27px; - -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; - background-image: -webkit-radial-gradient(closest-side, rgba(147, 91, 54, 1) 0, rgba(255, 255, 255, 0) 100%); - background-image: -moz-radial-gradient(closest-side, rgba(147, 91, 54, 1) 0, rgba(255, 255, 255, 0) 100%); - background-image: radial-gradient(closest-side, rgba(147, 91, 54, 1) 0, rgba(255, 255, 255, 0) 100%); - background-position: 50% 100%; - -webkit-background-origin: padding-box; - background-origin: padding-box; - -webkit-background-clip: border-box; - background-clip: border-box; - -webkit-background-size: auto auto; - background-size: auto auto; - -webkit-background-origin: padding-box; - background-origin: padding-box; - -webkit-background-clip: border-box; - background-clip: border-box; - -webkit-background-size: auto auto; - background-size: auto auto; -} - -.sheet-glow:active { - background: rgba(255, 73, 73, 0.47); - -webkit-box-shadow: 3px 3px 25px 12px rgba(224, 29, 29, 0.3); - box-shadow: 3px 3px 25px 12px rgba(224, 29, 29, 0.3); -} - -.sheet-petit { - font-size: 1.2em; -} - -.sheet-carre { - font-weight: bolder; - text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); - font-size: 1.8em; - color: black; - width: 50px !important; - height: 30px; - margin: 5px; - padding: 10px; - border: 1px solid #b7b7b7; - text-align: center; - color: black; - background: rgba(252, 252, 252, 1); - -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; - box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; - text-shadow: 1px 1px 5px rgba(255, 255, 255, 1); - -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); - -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); - -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); - transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); - float: right; -} - -input[type="radio"].sheet-compteur { - opacity: 0; - width: 12px; - height: 12px; - position: relative; - top: 5px; - left: 6px; - margin: -10px; - cursor: pointer; - z-index: 1; -} - - -/* Fake radio */ - -input[type="radio"].sheet-compteur+span::before { - margin-right: 4px; - border: solid 1px #a8a8a8; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - box-shadow: 0 0 2px #ccc; - background: #000000; - content: "•"; - width: 10px; - height: 10px; - font-size: 24px; - border-radius: 50%; -} - -input[type="radio"].sheet-zero+span::before { - margin-right: 4px; - border: solid 1px #a8a8a8; - line-height: 14px; - text-align: center; - display: inline-block; - vertical-align: middle; - box-shadow: 0 0 2px #ccc; - background: #167209; - content: ""; - width: 10px; - height: 10px; - font-size: 24px; - border-radius: 50%; -} - - -/* Remove dot from all radios _after_ selected one */ - -input[type="radio"].sheet-compteur:checked~input[type="radio"].sheet-compteur+span::before { - content: ""; - background: #f8f8f8; -} - -textarea.sheet-une-phrase { - width: 900px; - height: 50px; - resize: none -} - -.sheet-large { - width: 300px; -} - -.sheet-box-double { - grid-column-end: 4; - width: 600px; -} - -.sheet-sciences_occ { - display: inline-flex!important; - font-size: 0.8em; -} - -.sheet-line { - display: inline-flex; - margin-right: auto; - margin-left: 0px; -} - -div.sheet-kabale { - font-family: "Shadows Into Light", cursive; - width: 832px; - height: 1115px; - background-image: url(http://imgsrv.roll20.net/?src=raw.githubusercontent.com/rwanoux/fiche-nephilim/master/kabale_monde.png); - background-size: cover; - background-position: -20px 0px; - -webkit-transform: scaleX(0.5) scaleY(0.5); - transform: scaleX(0.5) scaleY(0.4); - -webkit-transform-origin: 0 0 0; - transform-origin: 0 0 0; -} - -div.sheet-kabale input[type=number] { - color: #0f5372; - -webkit-transform: scaleX(2) scaleY(2); - transform: scaleX(2) scaleY(2); - font-size: 0.9em; -} - -.sheet-malkuth { - font-size: 2em; - position: absolute; - left: 360px; - top: 950px; -} - -.sheet-yesod { - position: absolute; - left: 360px; - top: 720px; -} - -.sheet-hod { - position: absolute; - left: 180px; - top: 620px; -} - -.sheet-numkab { - width: 100px; - height: 100px; -} - -.sheet-netzach { - position: absolute; - left: 540px; - top: 620px; -} - -.sheet-tiphereth { - position: absolute; - left: 360px; - top: 520px; -} - -.sheet-geburah { - position: absolute; - left: 180px; - top: 420px; -} - -.sheet-chesed { - position: absolute; - left: 540px; - top: 420px; -} - -.sheet-kabal1 { - position: absolute; - left: 180px; - top: 220px; -} - -.sheet-kabal2 { - position: absolute; - left: 360px; - top: 120px; -} - -.sheet-kabal3 { - position: absolute; - left: 540px; - top: 220px; -} - -p.sheet-doublesize { - background: transparent; - font-size: 1.3em; - text-align: center; - max-width: 150px; -} - -.sheet-doublesize { - font-size: 2em; -} - -.sheet-100 { - width: 100px -} - -.sheet-200 { - width: 200px !important; -} - -div.sheet-tab-content { - display: none; -} - -input.sheet-fp1:checked~div.sheet-fp1, -input.sheet-fp2:checked~div.sheet-fp2, -input.sheet-fp3:checked~div.sheet-fp3, -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 { - display: block; -} - -input.sheet-tab { - width: 110px; - height: 18px; - position: relative; - color: #5C2E05; - vertical-align: middle; - left: 50px; - margin: -52px; - cursor: pointer; - z-index: 2; - opacity: 0; -} - -input.sheet-tab+span::before { - content: attr(title); - border: solid 1px #c8c8c8; - border-bottom-color: black; - border-bottom-width: thin; - text-align: center; - display: inline-block; - background-image: -webkit-linear-gradient(-90deg, rgba(49, 107, 165, 1) 0, rgba(209, 223, 255, 1) 100%); - background-image: -moz-linear-gradient(180deg, rgba(49, 107, 165, 1) 0, rgba(209, 223, 255, 1) 100%); - background-image: linear-gradient(180deg, rgba(49, 107, 165, 1) 0, rgba(209, 223, 255, 1) 100%); - background-position: 50% 50%; - -webkit-background-origin: padding-box; - background-origin: padding-box; - -webkit-background-clip: border-box; - background-clip: border-box; - -webkit-background-size: auto auto; - background-size: auto auto; - width: 108px; - height: 18px; - z-index: 1; - font-family: "Shadows Into Light", cursive; - font-weight: bolter; - -webkit-transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; - -moz-transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; - -o-transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; - transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; -} - -input.sheet-tab:checked+span::before { - background: -webkit-linear-gradient(-90deg, rgba(155, 81, 32, 1) 0, rgba(209, 223, 255, 1) 100%); - background: -moz-linear-gradient(180deg, rgba(155, 81, 32, 1) 0, rgba(209, 223, 255, 1) 100%); - background: linear-gradient(180deg, rgba(155, 81, 32, 1) 0, rgba(209, 223, 255, 1) 100%); - background-position: 50% 50%; - -webkit-background-origin: padding-box; - background-origin: padding-box; - -webkit-background-clip: border-box; - background-clip: border-box; - -webkit-background-size: auto auto; - background-size: auto auto; - border-bottom-color: rgb(117, 65, 49); - border-bottom-width: 5px; - font-family: "Shadows Into Light", cursive; - font-weight: bold; - -webkit-transform: scaleX(1.2) scaleY(1.2); - transform: scaleX(1.2) scaleY(1.2); -} - -input.sheet-hidden-tab { - display: none; - height: 0px; - position: relative; - top: -10px; -} - -.sheet-block-hidden, -.sheet-block-switch:checked~.sheet-block-show { - display: block; -} - -.sheet-block-show, -.sheet-block-switch:checked~.sheet-block-hidden { - display: none; -} - -.sheet-rolltemplate-aptitude table { - text-align: center; - width: 100%; - background: url('https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/neph-template.png'); - background-size: 100% auto; - border: 4px ridge #999999; - color: black; - font-size: 1em; - font-family: "Franklin Gothic Medium"; - box-shadow: -5px -5px 5px black; - padding: 30px; - margin: 10px; -} - -.sheet-rolltemplate-aptitude th { - font-family: "Franklin Gothic Medium"; - padding: 4px; - color: white; - line-height: 1.6em; - font-size: 1.4em; - width: 100%; - height: 100%; - border-spacing: 0; - text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; - box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; -} - -.sheet-rolltemplate-aptitude .sheet-tcat { - font-weight: bold; -} - -.sheet-rolltemplate-aptitude td { - padding: 10px; -} - -.sheet-rolltemplate-aptitude .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 2px solid #89E799; - background: transparent; -} - -.sheet-rolltemplate-aptitude .inlinerollresult.importantroll { - border: 2px solid #4A57ED; -} - -.sheet-simu { - background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/devinci.png"); - background-size: contain; - background-position: 50%, 50%; - background-repeat: no-repeat -} - -.sheet-eso { - background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/templ.png"); - background-size: 100%; - background-position: 50%, 50%; - background-repeat: no-repeat +.charsheet { + box-sizing: content-box; + background-image: url("https://raw.githubusercontent.com/rwanoux/roll20-character-sheets/master/nephilimV5-vf/backgrd.png"); + background-size: cover; + font-weight: bold +} + +h2 { + text-decoration-style: solid; + text-decoration: underline; +} + +.sheet-name { + font-size: 3em !important; + font-weight: bolder; + -webkit-transform: rotateX(-17.188733853924695deg) rotateY(2.8647889756541165deg) rotateZ(-5.156620156177409deg); + transform: rotateX(-17.188733853924695deg) rotateY(2.8647889756541165deg) rotateZ(-5.156620156177409deg); + -webkit-transform-origin: 50% 83% 0; + transform-origin: 50% 83% 0; +} + +p { + font-family: "Shadows Into Light", cursive; + width: 2em !important; +} + +textarea { + height: 50px !important; +} + +input { + font-family: "Shadows Into Light", cursive; + font-size: 2em; +} + +input[type=text] { + width: 180px; + font-size: 1.5em; + background: transparent !important; + border-top: 1px solid #b7b7b7; + border-right: 1px solid #b7b7b7; + border-bottom: 2px solid rgb(44, 85, 102); + border-left: 2px solid rgb(44, 85, 102); + -webkit-border-radius: 3px 3px 3px 17px; + border-radius: 3px 3px 3px 17px; +} + + +/* Firefox */ + +input[type=number] { + -moz-appearance: textfield; +} + + +/* Chrome */ + +input::-webkit-inner-spin-button, +input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + + +/* Opéra*/ + +input::-o-inner-spin-button, +input::-o-outer-spin-button { + -o-appearance: none; + margin: 0 +} + +h1 { + text-align: center; +} + +.sheet-main { + display: grid; + grid-template-columns: repeat(3, 1fr); + font-family: "Shadows Into Light", cursive; +} + +.sheet-box { + display: block; + padding: 1em; + color: black; +} + +.sheet-attrib { + text-align: justify; + padding: 2px; + display: block; + border-top: 0 solid #018dc4; + border-right: 0 solid #018dc4; + border-bottom: 1px solid rgba(94, 50, 50, 1); + border-left: 1px solid rgba(94, 50, 50, 1); + -webkit-border-radius: 0 0 0 15px; + border-radius: 0 0 0 15px; + margin: 5px auto; + min-height: 55px; +} + +.sheet-details { + font-size: 0.8em; +} + +.sheet-bigtext { + font-size: 1.2em; + color: black; + margin-top: 10px; +} + +.sheet-rond { + font-weight: bolder; + text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); + font-size: 1.8em; + color: black; + display: inline-block; + width: 50px !important; + height: 50px !important; + margin: 5px; + padding: 3px; + border: 1px solid #b7b7b718; + -webkit-border-radius: 35px; + border-radius: 35px; + text-align: center; + color: black; + background: rgba(252, 252, 252, 0.486); + -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; + box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; + text-shadow: 1px 1px 5px rgba(255, 255, 255, 1); + -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); + -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); + -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); + transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); +} + +.sheet-right { + align-content: right; + float: right !important; +} + +.sheet-bigtitre { + margin: 30px; + font-weight: bolter; +} + +.sheet-elements { + background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/pentacle.png"); + background-size: cover; + width: 300px; + height: 300px; +} + +.sheet-trans { + background: transparent; +} + +.sheet-trans:hover { + -webkit-transform: scaleX(1.2) scaleY(1.2); + transform: scaleX(1.2) scaleY(1.2); + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; + background-color: rgba(204, 201, 201, 0.43); +} + +.sheet-ka { + background: rgba(0, 0, 0, 0.151); +} + +.sheet-kafeu { + align-content: center; + width: 60px; + position: relative; + left: 112px; + top: 3px; +} + +.sheet-kaair { + width: 60px; + position: relative; + left: 225px; + top: 10px; +} + +.sheet-kaeau { + width: 60px; + position: relative; + top: 50px; + left: 190px; +} + +.sheet-kalune { + width: 60px; + position: relative; + top: -30px; + left: 33px; +} + +.sheet-katerre { + width: 60px; + position: relative; + top: -240px; + left: -8px; +} + +.sheet-header { + background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/nephilim.png"); + width: 650px; + height: 225px; + -webkit-transform: rotateZ(-9.167324722093172deg) scaleX(0.5) scaleY(0.5); + transform: rotateZ(-9.167324722093172deg) scaleX(0.5) scaleY(0.5); + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; + position: absolute; + left: 450px; + top: -85px; +} + +.sheet-karoll { + font-weight: bolt; + display: block; + background: rgba(128, 128, 128, 0.247); + color: black; + text-shadow: 0 0 13px rgba(255, 255, 255, 0.5); +} + +.sheet-karoll:active { + background-image: -webkit-radial-gradient(rgba(0, 0, 0, 1) 0, rgba(255, 255, 255, 0.56) 100%); + background-image: -moz-radial-gradient(rgba(0, 0, 0, 1) 0, rgba(255, 255, 255, 0.56) 100%); + background-image: radial-gradient(rgba(0, 0, 0, 1) 0, rgba(255, 255, 255, 0.56) 100%); + background-position: 50% 50%; + -webkit-background-origin: padding-box; + background-origin: padding-box; + -webkit-background-clip: border-box; + background-clip: border-box; + -webkit-background-size: auto auto; + background-size: auto auto; +} + +button.sheet-karoll:before { + content: none !important; +} + +.sheet-grow { + -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; +} + +.sheet-grow:hover { + -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + -webkit-transform: scaleX(1.2) scaleY(1.2); + transform: scaleX(1.2) scaleY(1.2); + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; +} + +.sheet-glow:hover { + border: none; + -webkit-border-radius: 2px; + border-radius: 27px; + -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms; + background-image: -webkit-radial-gradient(closest-side, rgba(147, 91, 54, 1) 0, rgba(255, 255, 255, 0) 100%); + background-image: -moz-radial-gradient(closest-side, rgba(147, 91, 54, 1) 0, rgba(255, 255, 255, 0) 100%); + background-image: radial-gradient(closest-side, rgba(147, 91, 54, 1) 0, rgba(255, 255, 255, 0) 100%); + background-position: 50% 100%; + -webkit-background-origin: padding-box; + background-origin: padding-box; + -webkit-background-clip: border-box; + background-clip: border-box; + -webkit-background-size: auto auto; + background-size: auto auto; + -webkit-background-origin: padding-box; + background-origin: padding-box; + -webkit-background-clip: border-box; + background-clip: border-box; + -webkit-background-size: auto auto; + background-size: auto auto; +} + +.sheet-glow:active { + background: rgba(255, 73, 73, 0.47); + -webkit-box-shadow: 3px 3px 25px 12px rgba(224, 29, 29, 0.3); + box-shadow: 3px 3px 25px 12px rgba(224, 29, 29, 0.3); +} + +.sheet-petit { + font-size: 1.2em; +} + +.sheet-carre { + font-weight: bolder; + text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); + font-size: 1.8em; + color: black; + width: 50px !important; + height: 30px; + margin: 5px; + padding: 10px; + border: 1px solid #b7b7b7; + text-align: center; + color: black; + background: rgba(252, 252, 252, 1); + -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; + box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset; + text-shadow: 1px 1px 5px rgba(255, 255, 255, 1); + -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); + -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); + -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); + transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1); + float: right; +} + +input[type="radio"].sheet-compteur { + opacity: 0; + width: 12px; + height: 12px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + + +/* Fake radio */ + +input[type="radio"].sheet-compteur+span::before { + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + box-shadow: 0 0 2px #ccc; + background: #000000; + content: "•"; + width: 10px; + height: 10px; + font-size: 24px; + border-radius: 50%; +} + +input[type="radio"].sheet-zero+span::before { + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + box-shadow: 0 0 2px #ccc; + background: #167209; + content: ""; + width: 10px; + height: 10px; + font-size: 24px; + border-radius: 50%; +} + + +/* Remove dot from all radios _after_ selected one */ + +input[type="radio"].sheet-compteur:checked~input[type="radio"].sheet-compteur+span::before { + content: ""; + background: #f8f8f8; +} + +textarea.sheet-une-phrase { + width: 900px; + height: 50px; + resize: none +} + +.sheet-large { + width: 300px; +} + +.sheet-box-double { + grid-column-end: 4; + width: 600px; +} + +.sheet-sciences_occ { + display: inline-flex!important; + font-size: 0.8em; +} + +.sheet-line { + display: inline-flex; + margin-right: auto; + margin-left: 0px; +} + +div.sheet-kabale { + font-family: "Shadows Into Light", cursive; + width: 832px; + height: 1115px; + background-image: url(http://imgsrv.roll20.net/?src=raw.githubusercontent.com/rwanoux/fiche-nephilim/master/kabale_monde.png); + background-size: cover; + background-position: -20px 0px; + -webkit-transform: scaleX(0.5) scaleY(0.5); + transform: scaleX(0.5) scaleY(0.4); + -webkit-transform-origin: 0 0 0; + transform-origin: 0 0 0; +} + +div.sheet-kabale input[type=number] { + color: #0f5372; + -webkit-transform: scaleX(2) scaleY(2); + transform: scaleX(2) scaleY(2); + font-size: 0.9em; +} + +.sheet-malkuth { + font-size: 2em; + position: absolute; + left: 360px; + top: 950px; +} + +.sheet-yesod { + position: absolute; + left: 360px; + top: 720px; +} + +.sheet-hod { + position: absolute; + left: 180px; + top: 620px; +} + +.sheet-numkab { + width: 100px; + height: 100px; +} + +.sheet-netzach { + position: absolute; + left: 540px; + top: 620px; +} + +.sheet-tiphereth { + position: absolute; + left: 360px; + top: 520px; +} + +.sheet-geburah { + position: absolute; + left: 180px; + top: 420px; +} + +.sheet-chesed { + position: absolute; + left: 540px; + top: 420px; +} + +.sheet-kabal1 { + position: absolute; + left: 180px; + top: 220px; +} + +.sheet-kabal2 { + position: absolute; + left: 360px; + top: 120px; +} + +.sheet-kabal3 { + position: absolute; + left: 540px; + top: 220px; +} + +p.sheet-doublesize { + background: transparent; + font-size: 1.3em; + text-align: center; + max-width: 150px; +} + +.sheet-doublesize { + font-size: 2em; +} + +.sheet-100 { + width: 100px +} + +.sheet-200 { + width: 200px !important; +} + +div.sheet-tab-content { + display: none; +} + +input.sheet-fp1:checked~div.sheet-fp1, +input.sheet-fp2:checked~div.sheet-fp2, +input.sheet-fp3:checked~div.sheet-fp3, +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 { + display: block; +} + +input.sheet-tab { + width: 110px; + height: 18px; + position: relative; + color: #5C2E05; + vertical-align: middle; + left: 50px; + margin: -52px; + cursor: pointer; + z-index: 2; + opacity: 0; +} + +input.sheet-tab+span::before { + content: attr(title); + border: solid 1px #c8c8c8; + border-bottom-color: black; + border-bottom-width: thin; + text-align: center; + display: inline-block; + background-image: -webkit-linear-gradient(-90deg, rgba(49, 107, 165, 1) 0, rgba(209, 223, 255, 1) 100%); + background-image: -moz-linear-gradient(180deg, rgba(49, 107, 165, 1) 0, rgba(209, 223, 255, 1) 100%); + background-image: linear-gradient(180deg, rgba(49, 107, 165, 1) 0, rgba(209, 223, 255, 1) 100%); + background-position: 50% 50%; + -webkit-background-origin: padding-box; + background-origin: padding-box; + -webkit-background-clip: border-box; + background-clip: border-box; + -webkit-background-size: auto auto; + background-size: auto auto; + width: 108px; + height: 18px; + z-index: 1; + font-family: "Shadows Into Light", cursive; + font-weight: bolter; + -webkit-transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; + -moz-transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; + -o-transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; + transition: all 15ms cubic-bezier(0.25, 0.1, 0.25, 1) 50ms; +} + +input.sheet-tab:checked+span::before { + background: -webkit-linear-gradient(-90deg, rgba(155, 81, 32, 1) 0, rgba(209, 223, 255, 1) 100%); + background: -moz-linear-gradient(180deg, rgba(155, 81, 32, 1) 0, rgba(209, 223, 255, 1) 100%); + background: linear-gradient(180deg, rgba(155, 81, 32, 1) 0, rgba(209, 223, 255, 1) 100%); + background-position: 50% 50%; + -webkit-background-origin: padding-box; + background-origin: padding-box; + -webkit-background-clip: border-box; + background-clip: border-box; + -webkit-background-size: auto auto; + background-size: auto auto; + border-bottom-color: rgb(117, 65, 49); + border-bottom-width: 5px; + font-family: "Shadows Into Light", cursive; + font-weight: bold; + -webkit-transform: scaleX(1.2) scaleY(1.2); + transform: scaleX(1.2) scaleY(1.2); +} + +input.sheet-hidden-tab { + display: none; + height: 0px; + position: relative; + top: -10px; +} + +.sheet-block-hidden, +.sheet-block-switch:checked~.sheet-block-show { + display: block; +} + +.sheet-block-show, +.sheet-block-switch:checked~.sheet-block-hidden { + display: none; +} + +.sheet-rolltemplate-aptitude table { + text-align: center; + width: 100%; + background: url('https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/neph-template.png'); + background-size: 100% auto; + border: 4px ridge #999999; + color: black; + font-size: 1em; + font-family: "Franklin Gothic Medium"; + box-shadow: -5px -5px 5px black; + padding: 30px; + margin: 10px; +} + +.sheet-rolltemplate-aptitude th { + font-family: "Franklin Gothic Medium"; + padding: 4px; + color: white; + line-height: 1.6em; + font-size: 1.4em; + width: 100%; + height: 100%; + border-spacing: 0; + text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black; + box-shadow: inset 5px 0px 20px 0px black, inset -5px 0px 20px 0px black; +} + +.sheet-rolltemplate-aptitude .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-aptitude td { + padding: 10px; +} + +.sheet-rolltemplate-aptitude .inlinerollresult { + display: inline-block; + min-width: 1.5em; + text-align: center; + border: 2px solid #89E799; + background: transparent; +} + +.sheet-rolltemplate-aptitude .inlinerollresult.importantroll { + border: 2px solid #4A57ED; +} + +.sheet-simu { + background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/devinci.png"); + background-size: contain; + background-position: 50%, 50%; + background-repeat: no-repeat +} + +.sheet-eso { + background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/templ.png"); + background-size: 100%; + background-position: 50%, 50%; + background-repeat: no-repeat } \ No newline at end of file diff --git a/nephilimV5-vf/nephilim-legende-vf.html b/nephilimV5-vf/nephilim-legende-vf.html index 6529de13d7..816388e685 100644 --- a/nephilimV5-vf/nephilim-legende-vf.html +++ b/nephilimV5-vf/nephilim-legende-vf.html @@ -1,550 +1,550 @@ - - - - - - - - - - - - - - - - - -
premier cercle basse magie
- - -deuxième cercle haute magie
- - -oeuvre au noir
- - -oeuvre au blanc
- - -malkuth
-yesod
-hod
-netzach
-tiphereth
-geburah
-chesed
-| {{perso}} | -|
|---|---|
| {{nom_jet}} | -|
| resultat D100 | -seuil | -
| {{jet}} | -{{seuil}} | - -
| réussite | -|
| échec | -|
| réussite | -|
premier cercle basse magie
+ + +deuxième cercle haute magie
+ + +oeuvre au noir
+ + +oeuvre au blanc
+ + +malkuth
+yesod
+hod
+netzach
+tiphereth
+geburah
+chesed
+| {{perso}} | +|
|---|---|
| {{nom_jet}} | +|
| resultat D100 | +seuil | +
| {{jet}} | +{{seuil}} | + +
| réussite | +|
| échec | +|
| réussite | +|