diff --git a/Nephilim-Legende/img/Air.png b/Nephilim-Legende/img/Air.png new file mode 100644 index 0000000000..b9b166ea4f Binary files /dev/null and b/Nephilim-Legende/img/Air.png differ diff --git a/Nephilim-Legende/img/Alambic.png b/Nephilim-Legende/img/Alambic.png new file mode 100644 index 0000000000..8a97776116 Binary files /dev/null and b/Nephilim-Legende/img/Alambic.png differ diff --git a/Nephilim-Legende/img/Astrolabe.png b/Nephilim-Legende/img/Astrolabe.png new file mode 100644 index 0000000000..c0532156b8 Binary files /dev/null and b/Nephilim-Legende/img/Astrolabe.png differ diff --git a/Nephilim-Legende/img/Cornue.png b/Nephilim-Legende/img/Cornue.png new file mode 100644 index 0000000000..3cf9204e10 Binary files /dev/null and b/Nephilim-Legende/img/Cornue.png differ diff --git a/Nephilim-Legende/img/Creuset-alchimique.png b/Nephilim-Legende/img/Creuset-alchimique.png new file mode 100644 index 0000000000..65a60e04a2 Binary files /dev/null and b/Nephilim-Legende/img/Creuset-alchimique.png differ diff --git a/Nephilim-Legende/img/Eau.png b/Nephilim-Legende/img/Eau.png new file mode 100644 index 0000000000..bb7108a05f Binary files /dev/null and b/Nephilim-Legende/img/Eau.png differ diff --git a/Nephilim-Legende/img/Feu.png b/Nephilim-Legende/img/Feu.png new file mode 100644 index 0000000000..71457cedbe Binary files /dev/null and b/Nephilim-Legende/img/Feu.png differ diff --git a/Nephilim-Legende/img/Fond-vieux-papier.jpg b/Nephilim-Legende/img/Fond-vieux-papier.jpg new file mode 100644 index 0000000000..8d33dc7962 Binary files /dev/null and b/Nephilim-Legende/img/Fond-vieux-papier.jpg differ diff --git a/Nephilim-Legende/img/Lune.png b/Nephilim-Legende/img/Lune.png new file mode 100644 index 0000000000..0bbda3bac7 Binary files /dev/null and b/Nephilim-Legende/img/Lune.png differ diff --git a/Nephilim-Legende/img/Terre.png b/Nephilim-Legende/img/Terre.png new file mode 100644 index 0000000000..faea59af51 Binary files /dev/null and b/Nephilim-Legende/img/Terre.png differ diff --git a/Nephilim-Legende/img/aludel.png b/Nephilim-Legende/img/aludel.png new file mode 100644 index 0000000000..31948d2af5 Binary files /dev/null and b/Nephilim-Legende/img/aludel.png differ diff --git a/Nephilim-Legende/img/arbreKabbale.png b/Nephilim-Legende/img/arbreKabbale.png new file mode 100644 index 0000000000..1fe9e90279 Binary files /dev/null and b/Nephilim-Legende/img/arbreKabbale.png differ diff --git a/Nephilim-Legende/img/athanor.png b/Nephilim-Legende/img/athanor.png new file mode 100644 index 0000000000..88e646b937 Binary files /dev/null and b/Nephilim-Legende/img/athanor.png differ diff --git a/Nephilim-Legende/img/dices.png b/Nephilim-Legende/img/dices.png new file mode 100644 index 0000000000..1f45434326 Binary files /dev/null and b/Nephilim-Legende/img/dices.png differ diff --git a/Nephilim-Legende/img/fond2.png b/Nephilim-Legende/img/fond2.png new file mode 100644 index 0000000000..c80ec7778c Binary files /dev/null and b/Nephilim-Legende/img/fond2.png differ diff --git a/Nephilim-Legende/img/fond3.png b/Nephilim-Legende/img/fond3.png new file mode 100644 index 0000000000..67374037b3 Binary files /dev/null and b/Nephilim-Legende/img/fond3.png differ diff --git a/Nephilim-Legende/img/fondTitre.png b/Nephilim-Legende/img/fondTitre.png new file mode 100644 index 0000000000..315f52836e Binary files /dev/null and b/Nephilim-Legende/img/fondTitre.png differ diff --git a/Nephilim-Legende/img/fondTitreNB.png b/Nephilim-Legende/img/fondTitreNB.png new file mode 100644 index 0000000000..3aebae6392 Binary files /dev/null and b/Nephilim-Legende/img/fondTitreNB.png differ diff --git a/Nephilim-Legende/img/ka-element-sans-homme.png b/Nephilim-Legende/img/ka-element-sans-homme.png new file mode 100644 index 0000000000..8032123433 Binary files /dev/null and b/Nephilim-Legende/img/ka-element-sans-homme.png differ diff --git a/Nephilim-Legende/img/ka-element.png b/Nephilim-Legende/img/ka-element.png new file mode 100644 index 0000000000..ce50f61f89 Binary files /dev/null and b/Nephilim-Legende/img/ka-element.png differ diff --git a/Nephilim-Legende/img/logo.PNG b/Nephilim-Legende/img/logo.PNG new file mode 100644 index 0000000000..da8449dd09 Binary files /dev/null and b/Nephilim-Legende/img/logo.PNG differ diff --git a/Nephilim-Legende/img/opposition.png b/Nephilim-Legende/img/opposition.png new file mode 100644 index 0000000000..068e44bbb0 Binary files /dev/null and b/Nephilim-Legende/img/opposition.png differ diff --git a/Nephilim-Legende/nephilim-legende.css b/Nephilim-Legende/nephilim-legende.css index 27ebe95d9e..9554362d4e 100644 --- a/Nephilim-Legende/nephilim-legende.css +++ b/Nephilim-Legende/nephilim-legende.css @@ -1,1263 +1,4775 @@ -@import url('https://fonts.googleapis.com/css?family=Kalam&display=swap'); +@import url('https://fonts.googleapis.com/css?family=Kodchasan&display=swap'); -.charsheet { - box-sizing: content-box; - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/background.jpg"); - background-size: cover; - font-weight: bold; - min-width: 1350px; +.charsheet +{ + background-image: radial-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5)), url("https://www.zupimages.net/up/20/31/g6nh.jpg"); + background-size:cover; + --brun: RGB(151,129,089); + --marron:136, 115, 71; + --blanc:255, 255, 255; + --C3Kabbale:161, 139, 097; + --C2Kabbale:213, 214, 216; + --C1Kabbale:178, 178, 178; + --colLR:RGB(231, 224, 211); + --colC:RGB(209, 197, 175); + --titre: RGB(208,175,152); + --titreGris: rgba(48, 59, 56, 0.5); + --astrolabe:url("https://zupimages.net/up/20/32/0at1.png"); + --dice:url("https://zupimages.net/up/20/32/hvf7.png"); + --opposition:url("https://zupimages.net/up/20/38/vqqk.png"); + --arbreKabbale:url("https://zupimages.net/up/20/36/9774.png"); + min-width:700px; } -h2 { - text-decoration-style: solid; - text-decoration: underline; +.itemcontrol +{ + z-index:2; } -.sheet-name { - font-size: 2em !important; - font-weight: bolder; +.btn +{ + border-radius:0px; } -p { - font-family: 'Kalam', cursive; - width: 2em !important; +img, +div, +span, +input[type="number"], +input[type="text"], +textarea, +select, +h1, +h2, +label, +button[type="roll"], +button[type="action"], +b +{ + display:flex; } -textarea { - resize: vertical; /* user can resize vertically, but width is fixed */ - height: auto; - min-height: 70px; +input[type="number"], +input[type="text"], +textarea, +select +{ + color:black; } -input { - font-family: 'Kalam', cursive; - font-size: 2em; +label +{ + padding:0px; + margin:0px; + font-weight:normal; } -.sheet-charact input[type=text] { - width: 230px; -} -input[type=text] { - width: 180px; - font-size: 1.5em; - background: transparent !important; - border: 1px solid; - color: black; - border-color: rgba(0, 0, 0, 0.3); +select, +input[type="text"], +input[type="number"] +{ + padding:0px; + margin:0px; + border-radius:0px; } -input:focus, button:focus, button:focus:active { - outline: none; -} - -/* Firefox */ - -input[type=number] { - -moz-appearance: textfield; -} - - -/* Chrome */ - -input::-webkit-inner-spin-button, -input::-webkit-outer-spin-button { +input[type=number]::-webkit-outer-spin-button, +input[type=number]::-webkit-inner-spin-button +{ -webkit-appearance: none; margin: 0; } - -/* Opéra*/ - -input::-o-inner-spin-button, -input::-o-outer-spin-button { - -o-appearance: none; - margin: 0 +input[type=number], +input[type=text] +{ + -moz-appearance:textfield; + border-radius:0px; } -/* Checkbox */ - -label.sheet-checkbox-label { - padding-left: 20px; - position: relative; - cursor: pointer; - display: inline-block; - width: 50px; - height: 3px; +textarea +{ + border:none; + width:100%; + padding:0px; + text-align:justify; + border-radius:0px; + margin:0px; } -.sheet-consequence label.sheet-checkbox-label { - width: 20px; - height: 5px; - margin-left: 10px; +.repcontrol +{ + display:flex; + width:100%; + justify-content:space-between; + flex-direction:row-reverse; } -.sheet-alch-construct-use label.sheet-checkbox-label { - margin-left: 10px; +.repcontrol > .btn +{ + padding-bottom:0px; + border-radius:0px; + border:1px solid var(--sombre); + padding-top:0px; } -.sheet-kabb-main label.sheet-checkbox-label { - margin-left: 45px; +div.sheet-autoex +{ + line-height: 1.4em; + min-height: 1.4em; + cursor: text; + text-align: left; + position:relative; + width:100%; } -label.sheet-checkbox-label input[type=checkbox].sheet-checkbox-check { - position: absolute; - opacity: 0; - overflow: hidden; - clip: rect(0 0 0 0); - height: 15px; - width: 15px; - padding: 0; - border: 0; - left: 0; +div.sheet-autoex > span +{ + visibility: hidden; + display: block; + font-family: inherit; + font-size: inherit; + line-height: inherit; + white-space: pre-wrap; + text-align: inherit; + min-height: inherit; + height:100%; + word-wrap:anywhere; + padding-left:2px; + padding-right:2px; } -label.sheet-checkbox-label .sheet-checkbox-img { - position: absolute; - left: 0; - width: 15px; - height: 15px; - background-image: none; - background-color: transparent; - color: #000; - border: 1px solid #333; - border-radius: 3px; - cursor: pointer; +div.sheet-autoex > textarea +{ + display: block; + z-index: 1; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: calc(100% - 4px);; + overflow: hidden; + font-family: inherit; + font-size: inherit; + line-height: inherit; + white-space: pre-wrap; + text-align: inherit; + min-height: inherit; + resize: none; + margin:0px; + padding-left:2px; + padding-right:0px; } -label.sheet-checkbox-label input[type=checkbox].sheet-checkbox-check:checked + .sheet-checkbox-img::before { - width: 15px; - height: 15px; - background-color: transparent; - content: "✓"; +div.sheet-autoex > textarea::placeholder +{ + font-family:"Contrail One"; + color: #575957da; + text-transform: capitalize; + font-style: italic; + text-align: center; + font-size: 95%; + font-weight:normal; } -/* Checkbox tab */ - -input[type=checkbox].sheet-checkbox-tab{ - display: block; - height: 0; - display: inline-block; - border: none; - outline: none; - opacity: 0; +div.sheet-autoex22 +{ + min-height:22px; } -label.sheet-bla { - position: relative; - display: inline-block; - width: 110px; - font-size: 1.1em; - text-align: center; - height: 20px; - cursor: pointer; - padding-left: 10px; +div.sheet-autoex24 +{ + min-height:24px; } -label.sheet-bla::before { - position: absolute; - top: 0; - left: -0px; - display: inline-block; - width: 15px; - height: 15px; - border: 2px solid #bc6d10; - content: ""; +div.sheet-autoex26 +{ + min-height:26px; } -input[type=checkbox].sheet-checkbox-tab:checked + label.sheet-bla::before { - width: 15px; - height: 15px; - background-color: #e1a926; - /*content: "✓";*/ +div.sheet-autoex28 +{ + min-height:28px; +} + +div.sheet-autoex40 +{ + min-height:40px; +} + +div.sheet-autoex100 +{ + min-height:100px; +} + +div.sheet-container +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; + background-image: radial-gradient(closest-side at 50% 50%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); + min-width:700px; +} + +div.sheet-menuTop +{ + position:absolute; + width:calc(100% - 60px); + min-width:700px; + margin-top:2px; +} + +div.sheet-options +{ + position:absolute; + width:100%; + min-width:700px; + margin-top:2px; +} + +div.sheet-options > label +{ + margin-left:auto; + width:30px; + height:30px; +} + +div.sheet-options > label > input[type="checkbox"] +{ + position:absolute; + width:30px; + height:30px; + opacity:0; +} + +div.sheet-options > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-options > label > input[type="checkbox"] ~ span::before +{ + width:100%; + height:30px; + line-height:28px; + content:"y"; + font-family:"Pictos"; + font-size:34px; + text-shadow:1px 1px 1px black; + color:var(--brun); +} + +div.sheet-options > label > input[type="checkbox"]:checked ~ span::before +{ + text-shadow:none; +} + +div.sheet-options > div +{ + display:none; + position:absolute; + margin-left:auto; + width:320px; + justify-content:space-evenly; + flex-wrap:wrap; + border-radius:30px; + border:1px solid black; + background-image: radial-gradient(rgba(255, 255, 255,0.9), rgba(255, 255, 255, 0.9)); + z-index:100; + right:0px; + margin-top:20px; + padding:10px; +} + +div.sheet-options > input[type="hidden"][value="1"] ~ div +{ + display:flex; +} + +div.sheet-options > div > label +{ + width:140px; + height:20px; + margin-top:5px; + margin-bottom:5px; +} + +div.sheet-options > div > label > input[type="checkbox"] +{ + position:absolute; + width:140px; + height:20px; + opacity:0; +} + +div.sheet-options > div > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-options > div > label > input[type="checkbox"] ~ span::before +{ + content:attr(title); + width:100%; + height:20px; + line-height:20px; + text-align:center; + justify-content:center; + border:1px solid black; + font-family: "Time New Roman"; + font-weight: bold; + background: linear-gradient(RGB(255, 255, 255, 0.5), RGB(255, 255, 255, 0.5)); + border: 1px solid var(--brun); + font-size:14px; + box-shadow: 1px 1px 1px black; +} + +div.sheet-options > div > label > input[type="checkbox"]:checked ~ span::before +{ + box-shadow: none; + background:var(--brun); + color:white; +} + +div.sheet-menu +{ + width:100%; + justify-content:space-between; + min-height:80px; + flex-wrap:wrap; + margin-top:5px; +} + +div.sheet-menu > label +{ + width:calc((100% / 3) - 10px); + justify-content:center; + align-items:center; + height:38px; +} + +div.sheet-menu > label > input[type="radio"] +{ + position:absolute; + width:calc((100% / 4) - 33px); + opacity:0; + height:30px; +} + +div.sheet-menu > label > input[type="radio"] ~ span +{ + width:calc(100% - 8px); +} + +div.sheet-menu > label > input[type="radio"] ~ span::before +{ + display:flex; + content:attr(title); + width:100%; + height:28px; + line-height:30px; + justify-content:center; + font-family:"Time New Roman"; + font-weight:bold; + background:linear-gradient(RGB(255, 255, 255, 0.5), RGB(255, 255, 255, 0.5)); + border:1px solid var(--brun); +} + +div.sheet-menu > label > input[type="radio"]:checked +{ + width:calc((100% / 3) - 23px); + height:38px; +} + +div.sheet-menu > label > input[type="radio"]:checked ~ span +{ + width:100%; + height:38px; +} + +div.sheet-menu > label > input[type="radio"]:checked ~ span::before +{ + height: 36px; + line-height: 36px; + box-shadow: 1px 1px 1px black; + border-color: white; + font-size: 20px; +} + +input[type="hidden"].sheet-menu[value="1"] ~ div.sheet-tab1, +input[type="hidden"].sheet-menu[value="2"] ~ div.sheet-tab2, +input[type="hidden"].sheet-menu[value="3"] ~ div.sheet-tab3, +input[type="hidden"].sheet-menu[value="4"] ~ div.sheet-tab4, +input[type="hidden"].sheet-menu[value="5"] ~ div.sheet-tab5, +input[type="hidden"].sheet-menu[value="6"] ~ div.sheet-tab6, +input[type="hidden"].sheet-menu[value="7"] ~ div.sheet-tab7, +input[type="hidden"].sheet-menu[value="8"] ~ div.sheet-tab8, +input[type="hidden"].sheet-menu[value="9"] ~ div.sheet-tab9, +input[type="hidden"].sheet-menu[value="10"] ~ div.sheet-tab10 +{ + display:flex; +} + +input[type="hidden"].sheet-magie[value="0"] ~ div.sheet-menu > label:nth-of-type(6), +input[type="hidden"].sheet-kabbale[value="0"] ~ div.sheet-menu > label:nth-of-type(7), +input[type="hidden"].sheet-alchimie[value="0"] ~ div.sheet-menu > label:nth-of-type(8), +input[type="hidden"].sheet-alchimie[value="0"] ~ div.sheet-menu > label:nth-of-type(9) +{ + display:none; +} + +div.sheet-tab1, +div.sheet-tab2, +div.sheet-tab3, +div.sheet-tab4, +div.sheet-tab5, +div.sheet-tab6, +div.sheet-tab7, +div.sheet-tab8, +div.sheet-tab9, +div.sheet-tab10 +{ + display:none; + width:100%; + flex-wrap:wrap; +} + +div.sheet-tab2 > .sheet-col2 > .sheet-degreMetamorphe +{ + border-left: 2px solid rgb(var(--marron)); +} + +div.sheet-tab2 > .sheet-col2 > .sheet-degreMetamorphe > h1 +{ + background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe); + background-repeat: no-repeat; + background-size: auto, auto,100% auto; + background-position-y: 0%, 0%, 60%; + align-items: center; + height: 36px; +} + +div.sheet-tab6 > .sheet-col2 > .sheet-degreMetamorphe +{ + border-left:2px solid var(--titreGris); +} + +div.sheet-tab5 > .sheet-degreMetamorphe > h1, +div.sheet-tab6 > .sheet-col2 > .sheet-degreMetamorphe > h1, +div.sheet-tab7 > .sheet-degreMetamorphe > h1 +{ + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/31/ba6w.png"), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(90%), 0px; + background-size: auto, 100% auto, auto; +} + +div.sheet-tab10 > .sheet-degreMetamorphe +{ + margin-top:0px; + margin-bottom:5px; +} + +div.sheet-tab3 > .sheet-degreMetamorphe, +div.sheet-tab4 > .sheet-degreMetamorphe, +div.sheet-tab6 > .sheet-degreMetamorphe, +div.sheet-tab7 > .sheet-degreMetamorphe, +div.sheet-tab10 > .sheet-degreMetamorphe +{ + width:calc(100% / 3); +} + +div.sheet-tab5 > .sheet-degreMetamorphe +{ + width:calc(40% - 10px); +} + +div.sheet-tab5 +{ + justify-content:space-between; +} + +div.sheet-col +{ + width:calc(100% / 3); + flex-wrap:wrap; +} + +div.sheet-col2 +{ + width:calc(100% / 2); + flex-wrap:wrap; + align-content:flex-start; +} + +div.sheet-col40 +{ + width:calc(40% - 10px); + flex-wrap:wrap; + align-content:flex-start; +} + +div.sheet-col60 +{ + width:calc(60% - 10px); + flex-wrap:wrap; + align-content:flex-start; +} + +div.sheet-2colT1 +{ + width:calc((100% / 3)*2); + flex-wrap:wrap; +} + +img.sheet-logo +{ + width:250px; + height:46px; +} + +label.sheet-headerName +{ + width:100%; + justify-content:space-between; + margin-top:10px; + line-height:30px; + padding-bottom: 5px; + background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5)); +} + +label.sheet-headerName > span +{ + width:45px; + color:var(--brun); + font-family:"Robot Slab"; + font-variant:small-caps; + font-size:20px; + align-items:center; + font-weight:bold; +} + +label.sheet-headerName > input[type="text"] +{ + border:2px solid var(--brun); + width:calc(100% - 45px); + font-size:15px; + text-align:center; +} + +div.sheet-metamorphe +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; + background-image:radial-gradient(rgba(255, 255, 255,0.5), rgba(255, 255, 255, 0.5)); + border-bottom:2px solid var(--titre); + counter-reset:metamorphe; +} + +div.sheet-metamorphe > input[type="text"] +{ + width:100%; + border:0px; + border-bottom:1px dotted black; + text-align:center; + font-weight:bold; + background:transparent; +} + +div.sheet-metamorphe > span +{ + font-family:"Times New Roman"; + min-height:max-content; + color:var(--brun); + font-variant:small-caps; + font-weight:bold; + font-size:14px; + letter-spacing:1px; +} + +div.sheet-metamorphe > span:first-of-type +{ + margin-left:5px; +} + +div.sheet-metamorphe > span:last-of-type +{ + margin-right:5px; +} + +div.sheet-metamorphe > .repcontainer +{ + width:100%; + flex-wrap:wrap; +} + +div.sheet-metamorphe > .repcontainer > .repitem +{ + width:100%; + border-bottom:1px dotted black; + margin-left:5px; + margin-right:5px; + justify-content:space-between; + margin-top:10px; +} + +div.sheet-metamorphe > .repcontainer > .repitem > .itemcontrol +{ + margin-top:-7px; +} + +div.sheet-metamorphe > .repcontainer > .repitem > .itemcontrol > .btn +{ + padding-top:1px; + padding-bottom:2px; +} + +div.sheet-metamorphe > .repcontainer > .repitem > label:first-of-type +{ + width:calc(100% - 20px); + justify-content:space-between; +} + +div.sheet-metamorphe > .repcontainer > .repitem > label:first-of-type > span::before +{ + display:flex; + width:15px; + font-weight:bold; + font-size:15px; + align-items:flex-end; + counter-increment:metamorphe; + content:counter(metamorphe); +} + +div.sheet-metamorphe > .repcontainer > .repitem > label:first-of-type > input[type="text"] +{ + width:calc(100% - 20px); + border:0px; + color:black; + background:transparent; +} + +div.sheet-metamorphe > .repcontainer > .repitem > label +{ + width:15px; + height:15px; +} + +div.sheet-metamorphe > .repcontainer > .repitem > label > input[type="checkbox"] +{ + position:absolute; + width:15px; + height:15px; + opacity:0; +} + +div.sheet-metamorphe > .repcontainer > .repitem > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-metamorphe > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before +{ + display:flex; + content:""; + width: 13px; + height: 13px; + border-radius: 10px; + border: 1px solid var(--brun); + background: white; + color: var(--brun); + font-size: 15px; + line-height: 11px; + justify-content: center; + display: flex; + font-weight: bold; +} + +div.sheet-metamorphe > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before +{ + content:""; + background-color:var(--brun); +} + +div.sheet-degreMetamorphe +{ + margin-top:10px; + width:100%; + flex-wrap:wrap; + justify-content:space-evenly; + background-image:radial-gradient(rgba(255, 255, 255,0.5), rgba(255, 255, 255, 0.5)); +} + +div.sheet-degreMetamorphe > h1 +{ + width: 100%; + color: white; + font-family: "Kodchasan"; + text-shadow: 2px 3px 5px black; + justify-content: center; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/31/d9dg.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(100% + -25%), 0px; + background-size: auto, 100% auto, auto; + height: 40px; + font-size: 15px; +} + +div.sheet-degreMetamorphe > input[type="hidden"][value="1"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="2"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="2"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="3"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="3"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="3"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(4), +div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(4), +div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(5), +div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(4), +div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(5), +div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(6), +div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(4), +div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(5), +div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(6), +div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(7), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(4), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(5), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(6), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(7), +div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(8), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(4), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(5), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(6), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(7), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(8), +div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(9), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(1), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(2), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(3), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(4), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(5), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(6), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(7), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(8), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(9), +div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(10) +{ + display:flex; +} + +div.sheet-degreMetamorphe > div +{ + width:100%; +} + +div.sheet-degreMetamorphe > div > select +{ + width:100%; + padding: 0px; + border: 0px; + border-bottom: 1px dotted var(--brun); + font-size: 14px; + font-weight: bold; + background: transparent; + height: 30px; + padding-top: 12px; +} + +div.sheet-degreMetamorphe > label +{ + width:25px; + height:25px; + background:var(--titre); + cursor:pointer; + border-radius:50%; + border:1px solid var(--titre); + margin:2px; + display:none; +} + +div.sheet-degreMetamorphe > label > input[type="checkbox"] +{ + position:absolute; + width:25px; + height:25px; + opacity:0; +} + +div.sheet-degreMetamorphe > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-degreMetamorphe > label > input[type="checkbox"] ~ span::before +{ + display:flex; + width:100%; + content:attr(title); + height:25px; + line-height:25px; + font-weight:bold; + justify-content:center; + border-radius:50%; + box-shadow:1px 1px 3px black; +} + +div.sheet-degreMetamorphe > label > input[type="checkbox"]:checked ~ span::before +{ + box-shadow:inset 1px 1px 3px; +} + +label.sheet-sapience +{ + width: 255px; + justify-content: space-between; + font-family: "Times New Roman"; + color: var(--brun); + font-size: 20px; + line-height: 35px; + font-weight: bold; + font-variant: small-caps; + margin-left: auto; + letter-spacing: 1px; + z-index:99; + margin-right:35px; +} + +label.sheet-sapience > input[type="number"] +{ + height:35px; + width:60px; + text-align:center; + border:2px solid var(--brun); + font-size:25px; +} + +div.sheet-kaElement +{ + width: 445px; + background-image: url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/31/fp0n.png'); + background-size: contain; + background-repeat: no-repeat; + background-position-y: 35px; + margin-left:auto; + margin-right:auto; + height:450px; + margin-top:-30px; +} + +div.sheet-kaElement > input[type="number"] +{ + position:absolute; + text-align: center; + border: 0px; + height: 31px; + border-radius: 15px; + width: 30px; + background: transparent; + font-size: 15px; + color: black; +} + +div.sheet-kaElement > button[type="roll"] +{ + position:absolute; + margin:0px; + padding:0px; + border:0px; + background:none; +} + +div.sheet-kaElement > button[type="roll"]::before +{ + content:""; +} + +div.sheet-kaElement > button[type="roll"] > span +{ + font-family: "Times New Roman"; + font-size: 18px; + text-shadow: 1px 1px 5px white; + min-width: max-content; + font-variant:small-caps; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(1) +{ + margin-left: 164px; + margin-top: 28px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(1)::before +{ + content:""; + padding-right:5px; + width: 25px; + background-image: var(--dice); + background-size: contain; + background-repeat: no-repeat; +} + +div.sheet-kaElement > input[type="number"]:nth-of-type(1) +{ + margin-left: 208px; + margin-top: 101px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(2) +{ + margin-top: 142px; + margin-left: -10px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(2)::before +{ + content:"t"; + width: 25px; + background-image: var(--dice); + background-size: contain; + background-repeat: no-repeat; + padding-right:5px; +} + +div.sheet-kaElement > input[type="number"]:nth-of-type(2) +{ + margin-left: 90px; + margin-top: 189px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(3) +{ + margin-top: 142px; + margin-left: 370px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(3)::after +{ + content:"t"; + padding-left:5px; + width: 25px; + background-image: var(--dice); + background-size: contain; + background-repeat: no-repeat; + background-position-x: right; +} + +div.sheet-kaElement > input[type="number"]:nth-of-type(3) +{ + margin-left: 326px; + margin-top: 189px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(4) +{ + margin-top: 410px; + margin-left: 60px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(4)::before +{ + content:"t"; + padding-right:5px; + width: 25px; + background-image: var(--dice); + background-size: contain; + background-repeat: no-repeat; +} + +div.sheet-kaElement > input[type="number"]:nth-of-type(4) +{ + margin-top: 335px; + margin-left: 129px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(5) +{ + margin-top: 410px; + margin-left: 293px; +} + +div.sheet-kaElement > button[type="roll"]:nth-of-type(5)::after +{ + content:"t"; + padding-left:5px; + width: 25px; + background-image: var(--dice); + background-size: contain; + background-repeat: no-repeat; + background-position-x: right; +} + +div.sheet-kaElement > input[type="number"]:nth-of-type(5) +{ + margin-top: 335px; + margin-left: 285px; +} + +div.sheet-nephilimPhrase +{ + width:100%; + flex-wrap:wrap; + border:2px solid var(--brun); + background:white; + flex-wrap:wrap; + margin-top:5px; +} + +div.sheet-nephilimPhrase > span +{ + width:100%; + font-variant:small-caps; + color:var(--brun); + font-size:14px; + font-family:"Times New Roman"; + font-weight:bold; + padding-left:5px; + letter-spacing:1px; +} + +div.sheet-nephilimPhrase > div +{ + width:100%; +} + +div.sheet-chutes +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; + background-image:radial-gradient(rgba(255, 255, 255,0.5), rgba(255, 255, 255, 0.5)); + margin-top:5px; + margin-bottom:5px; + align-content:flex-start; +} + +div.sheet-chutes +{ + margin-right:5px; +} + +div.sheet-chutes > h1 +{ + font-family:"Kodchasan"; + width: 100%; + font-size: 25px; + line-height: 40px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url('https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/31/d9dg.png'), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(100% + -25%), 0px; + background-size: auto, 100% auto, auto; + color:white; + text-shadow: 2px 3px 5px black; + padding-left:10px; +} + +div.sheet-chutes > div +{ + width:100%; + flex-wrap:wrap; + margin-top:5px; +} + +div.sheet-chutes > div > input[type="text"] +{ + width: 100%; + border: 0px; + border-bottom: 1px dotted black; + text-align: center; + font-weight: bold; + background: transparent; +} + +div.sheet-chutes > div > div +{ + width: 100%; + flex-wrap: wrap; + line-height: 40px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/31/ba6w.png'), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(90%), 0px; + background-size: auto, 100% auto, auto; + justify-content: flex-start; + align-items: center; +} + +div.sheet-chutes > div > div > input[type="hidden"][value="1"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="2"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="2"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(5) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(5) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(6) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(5) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(6) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(7) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(5) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(6) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(7) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(8) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(5) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(6) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(7) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(8) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(9) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(5) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(6) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(7) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(8) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(9) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(10) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(2) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(3) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(4) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(5) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(6) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(7) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(8) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(9) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(10) > span::before, +div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(11) > span::before +{ + background:var(--brun); +} + +div.sheet-chutes > div > div > label +{ + width:15px; + height:15px; +} + +div.sheet-chutes > div > div > label > input[type="radio"] +{ + position:absolute; + width:15px; + height:15px; + opacity:0; +} + +div.sheet-chutes > div > div > label > input[type="radio"] ~ span +{ + width:100%; +} + +div.sheet-chutes > div > div > label > input[type="radio"] ~ span::before +{ + display: flex; + content: ""; + width: 13px; + height: 13px; + border-radius: 10px; + border: 1px solid var(--brun); + background: white; + color: var(--brun); + font-size: 15px; + line-height: 11px; + justify-content: center; + display: flex; + font-weight: bold; +} + +div.sheet-chutes > div > div > label:nth-last-of-type(1) > input[type="radio"] ~ span::before, +div.sheet-chutes > div > div > label:nth-last-of-type(2) > input[type="radio"] ~ span::before, +div.sheet-chutes > div > div > label:nth-last-of-type(3) > input[type="radio"] ~ span::before +{ + border:1px solid red; +} + +div.sheet-chutes > div > div > label:not(:first-of-type) +{ + margin-left:5px; +} + +div.sheet-chutes > div > div > label:nth-of-type(5), +div.sheet-chutes > div > div > label:nth-of-type(8), +div.sheet-chutes > div > div > label:nth-of-type(10) +{ + margin-right:5px; +} + +div.sheet-chutes > div > div > label:first-of-type > input[type="radio"] +{ + z-index:99; +} + +div.sheet-chutes > div > div > label:first-of-type > input[type="radio"] ~ span::before +{ + content:"X"; + line-height: 13px; + font-size: 16px; + font-weight: normal; + padding-left: 1px; + opacity:0; + background:var(--brun); + color:white; +} + +div.sheet-chutes > div > div:hover > label:first-of-type > input[type="radio"] ~ span::before +{ + opacity:1; +} + +div.sheet-chutes > div > div > h2 +{ + width:100px; + flex-wrap:wrap; + line-height: 30px; + min-height:40px; + color:white; + text-shadow: 2px 3px 5px black; + padding-left:5px; + align-content:center; +} + +div.sheet-stase, +div.sheet-adoption +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; + margin-top:5px; + margin-bottom:5px; + align-content:flex-start; +} + +div.sheet-adoption +{ + margin-bottom:5px; +} + +div.sheet-stase > div:first-of-type, +div.sheet-adoption > div:first-of-type +{ + width: 100%; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0) 50%), url('https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/31/d9dg.png'), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(100% + -25%), 0px; + background-size: auto, 100% auto, auto; + height: 40px; + justify-content:flex-end; +} + +div.sheet-metamorphe > div:first-of-type +{ + width: 100%; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/31/d9dg.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(100% + -25%), 0px; + background-size: auto, 100% auto, auto; + height: 40px; +} + +div.sheet-stase > div:first-of-type > h1, +div.sheet-adoption > div:first-of-type > h1, +div.sheet-metamorphe > div:first-of-type > h1 +{ + font-family:"Kodchasan"; + font-size: 25px; + line-height: 40px; + color:white; + text-shadow: 2px 3px 5px black; + padding-right:10px; + justify-content:flex-end; } -h1 { - text-align: center; - margin-bottom: 10px; +div.sheet-stase > div:first-of-type > input[type="number"], +div.sheet-adoption > div:first-of-type > input[type="number"], +div.sheet-metamorphe > div:first-of-type > input[type="number"] +{ + height: 35px; + width: 35px; + border-radius: 20px; + border: 2px solid var(--brun); + margin-right: 5px; + margin-top: 2.5px; + text-align: center; + font-size: 20px; + font-weight: bold; } -.sheet-main { - display: grid; - grid-template-columns: repeat(3, 1fr); - font-family: 'Kalam', cursive; +div.sheet-metamorphe > div:first-of-type > input[type="number"] +{ + margin-left:auto; } -.sheet-box { - display: block; - width: 360px; - color: black; +div.sheet-stase > div:last-of-type, +div.sheet-adoption > div:last-of-type +{ + background:linear-gradient(RGB(255, 255, 255, 0.5), RGB(255, 255, 255, 0.5)); } -.sheet-attrib.sheet-posses { - display: inline-block; - width: 500px; - vertical-align: top; - padding: 10px; - border: none; +div.sheet-stase > div:last-of-type > textarea, +div.sheet-adoption > div:last-of-type > textarea +{ + background:transparent; + border-bottom:1px dotted black; } -.sheet-attrib.sheet-posses.sheet-posses-artef { - width: 1025px; +div.sheet-simulacreVecu +{ + width:100%; + background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe); + background-repeat: no-repeat; + background-size: auto, auto,100% auto; + background-position-y: 0%, 0%, 60%; + align-items:center; + height:36px; } -.sheet-attrib.sheet-posses input[type=text] { - width: 400px; + +div.sheet-simulacreVecu > h1 +{ + color:white; + font-family:"Kodchasan"; + padding-left:5px; + padding-right:25px; + text-shadow: 2px 3px 5px black; + font-size:25px; } -.sheet-attrib.sheet-posses.sheet-posses-artef input[type=text] { - margin-right: 0px; + +div.sheet-simulacreVecu > input[type="text"] +{ + padding: 0px; + border: 1px solid var(--brun); + height: 25px; + width:40%; + padding-left:5px; } -.sheet-attrib.sheet-posses.sheet-posses-artef select { - vertical-align: top; - height: 40px; - margin: 0px; + +div.sheet-simulacreVecu > input[type="number"] +{ + height: 30px; + width: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + margin-left: -10px; + z-index: 99; + text-align:center; } -.sheet-attrib.sheet-posses textarea { - width: 310px; - vertical-align: top; + +div.sheet-simulacreVecu > select +{ + width: 200px; + padding: 0px; + padding-left: 2px; + border: 0px; + border-bottom: 1px dotted var(--brun); + font-size: 14px; + font-weight: bold; + background: white; + height: 25px; + margin-left: 10px; + margin-right: 10px; +} + +div.sheet-simulacreVecu > button[type="roll"] +{ + width: 40px; + height: 30px; + background-image: var(--dice); + cursor: pointer; + background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; + background-color: transparent; + margin-right: auto; +} + +div.sheet-simulacreVecu > button[type="roll"]::before +{ + content:""; +} + +div.sheet-simulacreIdentite1, +div.sheet-simulacreIdentite2 +{ + width:100%; + justify-content:space-between; + margin-top:5px; +} + +div.sheet-simulacreIdentite1 +{ + margin-right:5px; +} + +div.sheet-simulacreIdentite2 +{ + margin-left:5px; +} + +div.sheet-simulacreIdentite1 > label:nth-of-type(1) +{ + width:calc(100% - 125px); + justify-content:space-between; +} + +div.sheet-simulacreIdentite2 > label:nth-of-type(1) +{ + width:calc(100% - 223px); + justify-content:space-between; +} + +div.sheet-simulacreIdentite1 > label:nth-of-type(1) > span +{ + width:40px; + font-family:"Time New Roman"; + font-variant:small-caps; + color:var(--brun); + align-items:center; + font-weight:bold; + font-size:20px; +} + +div.sheet-simulacreIdentite2 > label:nth-of-type(1) > span +{ + width:80px; + font-family:"Time New Roman"; + font-variant:small-caps; + color:var(--brun); + align-items:flex-end; + font-weight:bold; + font-size:20px; +} + +div.sheet-simulacreIdentite1 > label:nth-of-type(1) > input[type="text"], +div.sheet-simulacreIdentite2 > label:nth-of-type(1) > input[type="text"] +{ + width:calc(100% - 40px - 5px); + border:0px; + border-bottom:1px dotted var(--brun); + background:transparent; + padding-top:6px; + min-width:0px; +} + +div.sheet-simulacreIdentite1 > label:nth-of-type(2) +{ + width:115px; + justify-content:space-between; +} + +div.sheet-simulacreIdentite2 > label:nth-of-type(2) +{ + width:65px; + justify-content:space-between; +} + +div.sheet-simulacreIdentite1 > label:nth-of-type(2) > span +{ + width:80px; + font-family:"Time New Roman"; + color:var(--brun); + align-items:flex-end; + font-weight:bold; + font-size:20px; +} + +div.sheet-simulacreIdentite2 > label:nth-of-type(2) > span +{ + width:35px; + font-family:"Time New Roman"; + color:var(--brun); + align-items:flex-end; + font-weight:bold; + font-size:20px; +} + +div.sheet-simulacreIdentite1 > label:nth-of-type(2) > input[type="number"], +div.sheet-simulacreIdentite2 > label:nth-of-type(2) > input[type="number"] +{ + width:30px; + height:30px; + border-radius:25px; + border:2px solid var(--brun); + text-align:center; + margin-bottom:-5px; +} + +div.sheet-simulacreRessources +{ + flex-wrap:wrap; + margin-top:10px; + margin-right:5px; + width:100%; + border-left:2px solid rgb(var(--marron)); +} + +div.sheet-simulacreRessources > label +{ + width:100%; + background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe); + background-repeat: no-repeat; + background-size: auto, auto,100% auto; + background-position-y: 0%, 0%, 60%; + align-items: center; + height: 36px; +} + +div.sheet-simulacreRessources > label > h1 +{ + width:calc(100% - 25px); + color: white; + font-family: "Kodchasan"; + padding-left: 5px; + text-shadow: 2px 3px 5px black; + font-size: 16px; +} + +div.sheet-simulacreRessources > label > input[type="number"] +{ + width: 30px; + height: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; +} + +div.sheet-simulacreRessources > div.sheet-autoex +{ + background-image:linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5)); + border-bottom:1px dotted var(--brun); + border-right:1px dotted var(--brun); + border-left:1px dotted var(--brun); +} + +div.sheet-simulacreRessources > div.sheet-autoex > textarea +{ + background:transparent; +} + +div.sheet-simulacreDescription +{ + flex-wrap:wrap; + margin-top:10px; + margin-right:5px; + width:100%; +} + +div.sheet-simulacreProches +{ + flex-wrap:wrap; + margin-top:10px; + margin-right:5px; + width:100%; +} + +div.sheet-simulacreDescription > h1, +div.sheet-simulacreProches > h1 +{ + width:100%; + background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe); + background-repeat: no-repeat; + background-size: auto, auto,100% auto; + background-position-y: 0%, 0%, 60%; + align-items: center; + height: 36px; + line-height:36px; + color: white; + font-family: "Kodchasan"; + padding-left: 5px; + text-shadow: 2px 3px 5px black; + font-size: 16px; +} + +div.sheet-simulacreDescription > div.sheet-autoex, +div.sheet-simulacreProches > div.sheet-autoex +{ + background-image:linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5)); + border-bottom:1px dotted var(--brun); + border-right:1px dotted var(--brun); +} + +div.sheet-simulacreProches > div.sheet-autoex +{ + border-left:1px dotted var(--brun); +} + +div.sheet-simulacreDescription > div.sheet-autoex > textarea, +div.sheet-simulacreProches > div.sheet-autoex > textarea +{ + background:transparent; +} + +div.sheet-epoquesIncarnation +{ + width:100%; + flex-wrap:wrap; + margin-top:10px; + align-content:baseline; +} + +div.sheet-quetesEsoteriques, +div.sheet-savoirsEsoteriques, +div.sheet-actionsAttributs, +div.sheet-dommagesPhysiques, +div.sheet-dommagesMagiques +{ + width:100%; + flex-wrap:wrap; + margin-top:10px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:not(:first-of-type), +div.sheet-savoirsEsoteriques +{ + border-left:2px solid var(--titre); +} + +div.sheet-actionsAttributs, +div.sheet-dommagesPhysiques, +div.sheet-dommagesMagiques +{ + border-left:2px solid var(--titreGris); +} + +div.sheet-epoquesIncarnation > h1 +{ + font-family: "Kodchasan"; + width: calc((100% / 3) - 10px); + font-size: 18px; + line-height: 40px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/31/d9dg.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(100% + -25%), 0px; + background-size: auto, 100% auto, auto; + color: white; + text-shadow: 2px 3px 5px black; + padding-left: 10px; +} + +div.sheet-quetesEsoteriques > h1, +div.sheet-savoirsEsoteriques > h1, +div.sheet-armes > h1, +div.sheet-artefacts > h1, +div.sheet-armures > h1, +div.sheet-arcadia > h1, +h1.sheet-titreMagie, +h1.sheet-titreKabbale, +h1.sheet-titreAlchimie, +div.sheet-fraternite > h1:first-of-type +{ + font-family: "Kodchasan"; + width: calc(100% - 10px); + font-size: 18px; + line-height: 40px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/31/d9dg.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(100% + -25%), 0px; + background-size: auto, 100% auto, auto; + color: white; + text-shadow: 2px 3px 5px black; + padding-left: 10px; +} + +div.sheet-actionsAttributs > h1, +div.sheet-dommagesPhysiques > h1, +div.sheet-dommagesMagiques > h1, +div.sheet-titre > h1, +div.sheet-sorts > h1, +div.sheet-invocations > h1, +div.sheet-fraternite > div > label > h1, +div.sheet-fraternite > div > div > h1, +div.sheet-fraternite > h1:not(:first-of-type) +{ + font-family: "Kodchasan"; + width: 100%; + font-size: 18px; + flex-wrap: wrap; + line-height: 40px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/31/ba6w.png"), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(90%), 0px; + background-size: auto, 100% auto, auto; + justify-content: flex-start; + align-items: center; + text-shadow: 2px 3px 5px black; + color:white; + padding-left: 10px; +} + +div.sheet-epoquesIncarnation > .repcontainer, +div.sheet-quetesEsoteriques > .repcontainer, +div.sheet-savoirsEsoteriques > .repcontainer, +div.sheet-armes > .repcontainer, +div.sheet-artefacts > .repcontainer, +div.sheet-armures > .repcontainer, +div.sheet-arcadia > .repcontainer, +div.sheet-quetesEsoteriques > .repcontainer > .repitem, +div.sheet-savoirsEsoteriques > .repcontainer > .repitem, +div.sheet-armes > .repcontainer > .repitem, +div.sheet-artefacts > .repcontainer > .repitem, +div.sheet-armures > .repcontainer > .repitem, +div.sheet-arcadia > .repcontainer > .repitem +{ + width:100%; + flex-wrap:wrap; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem +{ + width:100%; + flex-wrap:nowrap; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem:not(:first-of-type) +{ + border-top:5px double var(--titre); +} + +div.sheet-savoirsEsoteriques > .repcontainer > .repitem, +div.sheet-quetesEsoteriques > .repcontainer > .repitem +{ + justify-content:space-between; + margin-bottom:5px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:not(:first-of-type) +{ + width:calc(100% / 3); + flex-wrap:wrap; + align-content:flex-start; + align-content:flex-start; + justify-content:space-between; + padding-bottom:5px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:last-of-type > div +{ + width:100%; + flex-wrap:wrap; + align-content:flex-start; + align-content:flex-start; + justify-content:space-between; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label +{ + width:30px; + height:30px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label > input[type="checkbox"] +{ + position:absolute; + opacity:0; + width:30px; + height:30px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label input[type="checkbox"] ~ span::before +{ + display:flex; + width:100%; + height:28px; + content:"+"; + justify-content:center; + align-items:center; + background-image:linear-gradient(rgb(var(--blanc), 0.5), rgb(var(--blanc), 0.5)); + border-right:1px solid var(--brun); + border-top:1px solid var(--brun); + border-bottom:1px solid var(--brun); + font-size:20px; + transition:all 0.2s; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label input[type="checkbox"] ~ span::before +{ + display:flex; + width:100%; + height:28px; + content:"+"; + justify-content:center; + align-items:center; + background-image:linear-gradient(rgb(var(--blanc), 0.5), rgb(var(--blanc), 0.5)); + border:1px solid var(--brun); + font-size:20px; + transition:all 0.2s; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label input[type="checkbox"]:checked ~ span::before +{ + content:"-"; + box-shadow:0px 0px 5px black inset; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div select +{ + padding:0px; + padding-left:2px; + border:0px; + border-bottom:1px dotted var(--brun); + font-size: 14px; + font-weight: bold; + background: transparent; + height:30px; + padding-top:12px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:nth-of-type(2) select +{ + width:calc(100% - 30px); +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:nth-of-type(3) select +{ + width:calc(100% - 50px); +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div input[type="text"] +{ + width:calc(100% - 65px); + padding:0px; + padding-left:2px; + border:0px; + border-bottom:1px dotted var(--brun); + font-size: 14px; + font-weight: bold; + background: transparent; + height:30px; + padding-top:12px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div input[type="number"] +{ + height: 30px; + width: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + margin-left:auto; + margin-right:3px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem div.sheet-autoex +{ + display:none; + background-image: linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5)); + border-bottom: 1px dotted var(--brun); + border-right: 1px dotted var(--brun); + margin-right:1px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div button[type="roll"]::before +{ + content:""; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div button[type="roll"] +{ + width: 40px; + height: 30px; + background-image: var(--dice); + cursor: pointer; + background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; + background-color: transparent; + margin-right:5px; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem > div input[type="hidden"][value="1"] ~ div.sheet-autoex +{ + display:flex; +} + +div.sheet-epoquesIncarnation > .repcontainer > .repitem div.sheet-autoex > textarea +{ + background:transparent; +} + +div.sheet-savoirsEsoteriques > .repcontainer > .repitem > select, +div.sheet-quetesEsoteriques > .repcontainer > .repitem > select +{ + width:calc(100% - 50px - 40px); + padding:0px; + border:0px; + border-bottom:1px dotted var(--brun); + font-size: 14px; + font-weight: bold; + background: transparent; + height:30px; + padding-top:12px; + font-size:13px; +} + +div.sheet-savoirsEsoteriques > .repcontainer > .repitem > input[type="text"], +div.sheet-quetesEsoteriques > .repcontainer > .repitem > input[type="text"] +{ + display:none; + width: 100%; + padding: 0px; + padding-left: 2px; + border: 0px; + border-bottom: 1px dotted var(--brun); + font-size: 14px; + font-weight: bold; + background: transparent; + height: 30px; + padding-top: 12px; +} + +div.sheet-savoirsEsoteriques > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ input[type="text"], +div.sheet-quetesEsoteriques > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ input[type="text"] +{ + display:flex; +} + +div.sheet-quetesEsoteriques > .repcontainer > .repitem > input[type="number"], +div.sheet-savoirsEsoteriques > .repcontainer > .repitem > input[type="number"] +{ + height: 30px; + width: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + margin-left:auto; + margin-right:3px; +} + +div.sheet-quetesEsoteriques > .repcontainer > .repitem > button[type="roll"], +div.sheet-savoirsEsoteriques > .repcontainer > .repitem > button[type="roll"] +{ + width: 40px; + height: 30px; + background-image: var(--dice); + cursor: pointer; + background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; + background-color: transparent; + margin-right:5px; +} + +div.sheet-quetesEsoteriques > .repcontainer > .repitem > button[type="roll"]::before, +div.sheet-savoirsEsoteriques > .repcontainer > .repitem > button[type="roll"]::before +{ + content:""; +} + +div.sheet-actionsAttributs, +div.sheet-dommagesPhysiques, +div.sheet-dommagesMagiques +{ + justify-content:space-between; +} + +div.sheet-actionsAttributs > div, +div.sheet-actionsAttributs > label +{ + width:100%; + line-height:30px; + justify-content:space-between; + padding-right:5px; +} + +div.sheet-actionsAttributs > label +{ + margin-top:5px; +} + +div.sheet-actionsAttributs > div > span, +div.sheet-actionsAttributs > label > span +{ + width:calc(100% - 30px); + line-height:30px; + font-variant:small-caps; + font-size:16px; + padding-left:5px; +} + +div.sheet-actionsAttributs > div > button[type="roll"] > span +{ + width:100%; + line-height:30px; + font-variant:small-caps; + font-size:16px; + padding-left:5px; } -.sheet-attrib { - 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); - margin: 5px auto; - min-height: 55px; -} -.sheet-attributes{ - border-bottom: 1px solid rgba(94, 50, 50, 1); -} -.sheet-carac .sheet-attrib { - border: none; - min-height: 40px; - height: 40px; -} -.sheet-longtext{ - width: 175px; -} -.sheet-details-chutes{ - margin-left: 10px; - margin-bottom: 20px; - -} -.sheet-details-chutes input { - text-align: center; - margin: auto; - margin-left: 7px; - width: 100%; -} -.sheet-details-chutes input[type=number] { - transform: translateY(-22%); +div.sheet-actionsAttributs > div > button[type="roll"] +{ + width: 105px; + height: 30px; + cursor: pointer; + background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; + background-color: transparent; + margin-right: auto; + background:transparent; + align-items:center; } -.sheet-stase input[type=text]{ - width: 240px; - margin-left: 5px; - margin-bottom: 10px; -} -.sheet-stase input[type=number]{ - margin: 0 1px; +div.sheet-actionsAttributs > div > button[type="roll"]::before +{ + content:""; } -.sheet-bigtext { - font-size: 1.5em; - color: black; - margin-top: 10px; - display: inline-block; - margin-left: 10px; +div.sheet-actionsAttributs > div > button[type="roll"]::after +{ + content:""; + background-image: var(--dice); + width:40px; + height:30px; + background-size:contain; + background-repeat:no-repeat; + background-position:center; } -.sheet-rolldice, .sheet-rollsword { - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/dices.png"); - cursor: pointer; +div.sheet-actionsAttributs > div > input[type="number"], +div.sheet-actionsAttributs > label > input[type="number"] +{ + width:30px; + height:30px; + text-align:center; + border:2px solid; + cursor:auto; +} + +div.sheet-actionsAttributs > div:nth-of-type(1) > span, +div.sheet-actionsAttributs > div:nth-of-type(1) > button[type="roll"] > span, +div.sheet-actionsAttributs > label:nth-of-type(2) > span +{ + color:rgb(020, 091, 132); +} + +div.sheet-actionsAttributs > div:nth-of-type(1) > input[type="number"], +div.sheet-actionsAttributs > label:nth-of-type(2) > input[type="number"] +{ + border-color:rgb(020, 091, 132); +} + +div.sheet-actionsAttributs > label:nth-of-type(1) > span +{ + color:rgb(122, 149, 063); +} + +div.sheet-actionsAttributs > label:nth-of-type(1) > input[type="number"] +{ + border-color:rgb(122, 149, 063); +} + +div.sheet-actionsAttributs > label:nth-of-type(3) > span +{ + color:rgb(140, 015, 017); +} + +div.sheet-actionsAttributs > label:nth-of-type(3) > input[type="number"] +{ + border-color:rgb(140, 015, 017); +} + +div.sheet-actionsAttributs > label:nth-of-type(4) > span +{ + color:rgb(108, 183, 195); +} + +div.sheet-actionsAttributs > label:nth-of-type(4) > input[type="number"] +{ + border-color:rgb(108, 183, 195); +} + +div.sheet-actionsAttributs > label:nth-of-type(5) > span +{ + color:rgb(134, 140, 147); +} + +div.sheet-actionsAttributs > label:nth-of-type(5) > input[type="number"] +{ + border-color:rgb(134, 140, 147); +} + +div.sheet-dommagesPhysiques > div:first-of-type, +div.sheet-dommagesMagiques > div:first-of-type +{ + width:100%; + justify-content:space-evenly; + margin-top:5px; + margin-bottom:5px; +} + +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(2), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(2), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(2), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(2), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(1), +div.sheet-dommagesPhysiques > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(1) +{ + display:none; +} + +div.sheet-dommagesPhysiques > div:first-of-type > label, +div.sheet-dommagesMagiques > div:first-of-type > label +{ + width:30px; + height:30px; +} + +div.sheet-dommagesPhysiques > div:first-of-type > label > span:first-of-type, +div.sheet-dommagesMagiques > div:first-of-type > label > span:first-of-type +{ + position:absolute; + width:30px; + line-height:30px; + opacity:0.5; + justify-content:center; +} + +div.sheet-dommagesPhysiques > div:first-of-type > label > input[type="checkbox"], +div.sheet-dommagesMagiques > div:first-of-type > label > input[type="checkbox"] +{ + position:absolute; + width:30px; + height:30px; + opacity:0; +} + +div.sheet-dommagesPhysiques > div:first-of-type > label > input[type="checkbox"] ~ span, +div.sheet-dommagesMagiques > div:first-of-type > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-dommagesPhysiques > div:first-of-type > label > input[type="checkbox"] ~ span::before, +div.sheet-dommagesMagiques > div:first-of-type > label > input[type="checkbox"] ~ span::before +{ + content:""; + width:26px; + height:26px; + border:2px solid black; + font-size: 38px; + line-height: 28px; +} + +div.sheet-dommagesPhysiques > div:first-of-type > label > input[type="checkbox"]:checked ~ span::before, +div.sheet-dommagesMagiques > div:first-of-type > label > input[type="checkbox"]:checked ~ span::before +{ + content:"X"; +} + +div.sheet-dommagesPhysiques > div:first-of-type > label:nth-last-of-type(1) > input[type="checkbox"] ~ span::before, +div.sheet-dommagesPhysiques > div:first-of-type > label:nth-last-of-type(2) > input[type="checkbox"] ~ span::before +{ + color:rgb(122, 149, 063); + border-color:rgb(122, 149, 063); +} + +div.sheet-dommagesPhysiques > span, +div.sheet-dommagesMagiques > span +{ + font-size: 20px; + color: var(--brun); + font-variant: small-caps; + width: 100%; + padding-left: 10px; + font-weight: bold; + font-family: "Time New Roman"; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type), +div.sheet-dommagesMagiques > div:not(:first-of-type) +{ + justify-content:space-between; + padding-left:10px; + align-items:center; +} + +div.sheet-dommagesPhysiques > div:nth-of-type(3), +div.sheet-dommagesPhysiques > div:nth-of-type(4), +div.sheet-dommagesMagiques > div:nth-of-type(3), +div.sheet-dommagesMagiques > div:nth-of-type(4) +{ + margin-top:5px; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > span, +div.sheet-dommagesMagiques > div:not(:first-of-type) > span +{ + font-size: 14px; + font-variant: small-caps; + font-weight: bold; + font-family: "Time New Roman"; + color:black; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > span:first-of-type, +div.sheet-dommagesMagiques > div:not(:first-of-type) > span:first-of-type +{ + width:62px; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > span:last-of-type, +div.sheet-dommagesMagiques > div:not(:first-of-type) > span:last-of-type +{ + width:14px; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > label, +div.sheet-dommagesMagiques > div:not(:first-of-type) > label +{ + width:15px; + height:15px; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > label > input[type="checkbox"], +div.sheet-dommagesMagiques > div:not(:first-of-type) > label > input[type="checkbox"] +{ + position:absolute; + width:15px; + height:15px; + opacity:0; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span, +div.sheet-dommagesMagiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span::before, +div.sheet-dommagesMagiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span::before +{ + content:""; + width:11px; + height:11px; + border:2px solid black; + font-size:15px; + line-height:11px; + font-weight:bold; + justify-content:center; + display:flex; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > label > input[type="checkbox"]:checked ~ span::before, +div.sheet-dommagesMagiques > div:not(:first-of-type) > label > input[type="checkbox"]:checked ~ span::before +{ + content:"X"; +} + +div.sheet-dommagesPhysiques > div:not(:first-of-type) > input[type="text"], +div.sheet-dommagesMagiques > div:not(:first-of-type) > input[type="text"] +{ + width:calc(100% - 65px - 15px - 15px - 5px); + height:20px; + border:0px; + border-bottom:1px dotted black; + min-width:0px; + background:transparent; +} + +div.sheet-armes, +div.sheet-armures +{ + width:calc(100% - 5px); + flex-wrap:wrap; + justify-content:space-between; + margin-top:10px; +} + +div.sheet-armesFeu, +div.sheet-armures +{ + border-left:2px solid var(--brun); + margin-left:auto; +} + +div.sheet-armes > span, +div.sheet-armures > span +{ + font-size: 15px; + color: var(--brun); + font-variant: small-caps; + font-weight: bold; + font-family: "Time New Roman"; +} + +div.sheet-armes > span:first-of-type +{ + width:calc(100% - 80px); + padding-left:5px; +} + +div.sheet-armures > span:first-of-type +{ + width:calc(100% - 90px); + padding-left:5px; +} + +div.sheet-armes > span:last-of-type +{ + width:70px; +} + +div.sheet-armures > span:last-of-type +{ + width:80px; +} + + +div.sheet-armesFeu > .repcontainer, +div.sheet-armures > .repcontainer +{ + margin-left:5px; +} + +div.sheet-armesFeu > .repcontrol, +div.sheet-armures > .repcontrol +{ + margin-left:5px; +} + +div.sheet-armes > .repcontainer > .repitem, +div.sheet-armures > .repcontainer > .repitem +{ + justify-content:space-between; + height:30px; +} + +div.sheet-armes > .repcontainer > .repitem:not(:first-of-type), +div.sheet-armures > .repcontainer > .repitem:not(:first-of-type) +{ + margin-top:2px; +} + +div.sheet-armes > .repcontainer > .repitem > input[type="text"] +{ + width:calc(100% - 75px); + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; +} + +div.sheet-armures > .repcontainer > .repitem > input[type="text"] +{ + width:calc(100% - 85px); + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; +} + +div.sheet-armes > .repcontainer > .repitem > input[type="number"] +{ + width: 30px; + height: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + margin-bottom: -5px; + margin-right:20px; +} + +div.sheet-armures > .repcontainer > .repitem > input[type="number"] +{ + width: 30px; + height: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + margin-bottom: -5px; + margin-right:25px; +} + +div.sheet-artefacts +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; + margin-top:10px; +} + +div.sheet-artefacts > .repcontainer > .repitem +{ + justify-content:space-between; +} + +div.sheet-artefacts > .repcontainer > .repitem:not(:first-of-type) +{ + margin-top:5px; +} + +div.sheet-artefacts > .repcontainer > .repitem > input[type="text"] +{ + width:100%; + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; +} + +div.sheet-artefacts > .repcontainer > .repitem > select +{ + width:calc(100% - 35px); + border: 0px; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; +} + +div.sheet-artefacts > .repcontainer > .repitem > input[type="number"] +{ + width: 30px; + height: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + margin-bottom: -5px; +} + +div.sheet-artefacts > .repcontainer > .repitem > div.sheet-autoex > textarea +{ + background:transparent; + border:1px dotted black; +} + +div.sheet-arcadia +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; +} + +div.sheet-arcadia > div:first-of-type +{ + font-family: "Kodchasan"; + width: 100%; + height: 40px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/31/d9dg.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(100% + -25%), 0px; + padding-left: 10px; + background-position-x: right; +} + +div.sheet-arcadia > div > h1 +{ + font-family: "Kodchasan"; + width: calc(100% - 10px - 155px); + font-size: 18px; + line-height: 40px; + color: white; + text-shadow: 2px 3px 5px black; +} + +div.sheet-arcadia > div > select +{ + width: 155px; + padding: 0px; + padding-left: 2px; + border: 0px; + border-bottom: 1px dotted var(--brun); + font-size: 14px; + font-weight: bold; + background: transparent; + height: 30px; + padding-top: 12px; + margin-top:auto; + margin-bottom:auto; +} + +div.sheet-arcadia > span +{ + font-size: 15px; + color: var(--brun); + font-variant: small-caps; + font-weight: bold; + font-family: "Time New Roman"; +} + +div.sheet-arcadia > span:nth-of-type(1) +{ + width:calc(100% - 120px - 120px - 120px - 50px - 140px - 10px); + border-right:2px solid var(--brun); +} + +div.sheet-arcadia > span:nth-of-type(2), +div.sheet-arcadia > span:nth-of-type(3) +{ + width:120px; + text-align:center; + justify-content:center; +} + +div.sheet-arcadia > span:nth-of-type(3) +{ + border-right:2px solid var(--brun); + border-left:2px solid var(--brun); +} + +div.sheet-arcadia > span:nth-of-type(4) +{ + width:50px; + text-align:center; + justify-content:center; +} + +div.sheet-arcadia > span:nth-of-type(5) +{ + width:115px; + text-align:center; + justify-content:center; + border-right:2px solid var(--brun); + border-left:2px solid var(--brun); +} + +div.sheet-arcadia > span:nth-of-type(6) +{ + width:100px; + text-align:center; + justify-content:center; + margin-right:45px; +} + +div.sheet-arcadia > .repcontainer > .repitem +{ + justify-content:space-between; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(2) +{ + width:calc(100% - 120px - 120px - 120px - 50px - 140px - 12px); + border-right:2px solid var(--brun); + justify-content:space-between; + padding-right:2px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(3), +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(4) +{ + width:116px; + padding-right:2px; + padding-left:2px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(4) +{ + border-right:2px solid var(--brun); + border-left:2px solid var(--brun); +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(5) +{ + width:46px; + padding-right:2px; + padding-left:2px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(6) +{ + width:111px; + padding-right:2px; + padding-left:2px; + border-right:2px solid var(--brun); + border-left:2px solid var(--brun); +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(7) +{ + width:96px; + padding-right:2px; + padding-left:2px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(2) > input[type="text"] +{ + width:calc(100% - 35px); + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(2) > input[type="number"] +{ + width: 30px; + height: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + margin-bottom: -5px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:not(:nth-of-type(2)) > textarea +{ + width:calc(100% - 2px); + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + text-align:center; + padding-right:2px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div:not(:nth-of-type(2)) > span +{ + padding-right:0px; + padding-left:0px; + text-align:center; +} + +div.sheet-arcadia > .repcontainer > .repitem > button[type="roll"] +{ + width: 40px; + height: 30px; + background-image: var(--dice); + cursor: pointer; + background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; + background-color: transparent; + margin-right: 5px; +} + +div.sheet-arcadia > .repcontainer > .repitem > button[type="roll"]::before +{ + content:""; +} + +div.sheet-arcadia > .repcontainer > .repitem > div > label +{ + width: 30px; + height: 30px; + margin-bottom: -5px; + margin:auto; +} + +div.sheet-arcadia > .repcontainer > .repitem > div > label > input[type="checkbox"] +{ + position:absolute; + width: 30px; + height: 30px; + opacity:0; +} + +div.sheet-arcadia > .repcontainer > .repitem > div > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-arcadia > .repcontainer > .repitem > div > label > input[type="checkbox"] ~ span::before +{ + content:""; + width:100%; + height:26px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + display: flex; + justify-content: center; + align-items: center; + font-size: 32px; +} + +div.sheet-arcadia > .repcontainer > .repitem > div > label > input[type="checkbox"]:checked ~ span::before +{ + content:"X"; +} + +div.sheet-titre +{ + width:100%; + flex-wrap:wrap; + margin-top:10px; +} + +div.sheet-titre > input[type="text"] +{ + width:100%; + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; +} + +h1.sheet-titreMagie, +h1.sheet-titreKabbale, +h1.sheet-titreAlchimie +{ + margin-bottom:10px; +} + +div.sheet-cercleMagie +{ + font-family: "Kodchasan"; + width: 100%; + flex-wrap: wrap; + line-height: 45px; + height:45px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/31/ba6w.png"), linear-gradient(to right, rgba(48, 59, 56, 0.2),rgba(48, 59, 56, 0.2)); + background-repeat: no-repeat; + background-size: auto, 100% auto, auto; + justify-content: flex-start; + align-items: center; + padding-left: 10px; + background-color: rgba(222, 186, 13, 0.2); +} + +div.sheet-cercleMagie1 +{ + background-position-y: 0px, calc(20%), 0px; +} + +div.sheet-cercleMagie2 +{ + background-position-y: 0px, calc(40%), 0px; +} + +div.sheet-cercleMagie3 +{ + background-position-y: 0px, calc(60%), 0px; +} + +div.sheet-cercleMagie > label +{ + width:100%; + height:45px; + justify-content:space-between; +} + +div.sheet-cercleMagie > label > h1 +{ + width:100%; + line-height:45px; + font-size: 16px; + text-shadow: 2px 3px 5px black; + color:white; +} + +div.sheet-cercleMagie > label > input[type="number"] +{ + text-align: center; + margin-top: 5px; + margin-bottom: 5px; + font-weight:bold; + border:2px solid var(--brun); +} + +div.sheet-cercleMargin +{ + margin-top:2px; +} + +div.sheet-vIEL, +div.sheet-kMonde, +div.sheet-kOrdonnance +{ + width:100%; + border-left:2px solid var(--titreGris); + flex-wrap:wrap; +} + +div.sheet-vIEL > h1, +div.sheet-kMonde > h1, +div.sheet-kOrdonnance > h1, +div.sheet-materiaePrimae > h1, +div.sheet-constructs > h1, +div.sheet-formules > h1 +{ + font-family: "Kodchasan"; + width: 100%; + font-size: 18px; + flex-wrap: wrap; + line-height: 40px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/31/ba6w.png"), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5)); + background-repeat: no-repeat; + background-position-y: 0px, calc(90%), 0px; + background-size: auto, 100% auto, auto; + justify-content: flex-start; + align-items: center; + text-shadow: 2px 3px 5px black; + color:white; + padding-left: 10px; +} + +div.sheet-vIEL > select, +div.sheet-kMonde > select +{ + width:100%; + border:0px; + margin:0px; + padding:0px; + border-bottom:1px dotted black; + background:transparent; +} + +div.sheet-sorts, +div.sheet-invocations, +div.sheet-formules +{ + width:100%; + justify-content:space-between; + flex-wrap:wrap; + margin-top:10px; +} + +div.sheet-sorts > span, +div.sheet-sorts > .repcontainer > .repitem > div > label > span, +div.sheet-invocations > span, +div.sheet-invocations > .repcontainer > .repitem > div:last-of-type > label > span, +div.sheet-formules > span, +div.sheet-formules > .repcontainer > .repitem > div:last-of-type > label > span +{ + font-family: "Times New Roman"; + min-height: max-content; + color: var(--brun); + font-variant: small-caps; + font-weight: bold; + font-size: 14px; + letter-spacing: 1px; + justify-content:center; + margin-top:5px; +} + +div.sheet-sorts > span:nth-of-type(1) +{ + width:calc(100% - 65px - 65px - 65px - 65px - 65px - 25px - 25px - 25px - 45px); +} + +div.sheet-sorts > span:nth-of-type(2), +div.sheet-sorts > span:nth-of-type(3), +div.sheet-sorts > span:nth-of-type(4), +div.sheet-sorts > span:nth-of-type(5), +div.sheet-sorts > span:nth-of-type(6) +{ + width:65px; +} + +div.sheet-sorts > span:nth-of-type(2), +div.sheet-sorts > span:nth-of-type(4) +{ + width:61px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-sorts > span:nth-of-type(6) +{ + width:63px; + border-left:2px solid var(--brun); +} + +div.sheet-sorts > span:nth-of-type(7), +div.sheet-sorts > span:nth-of-type(8), +div.sheet-sorts > span:nth-of-type(9) +{ + width:25px; + margin-top:0px; + padding-top:5px; +} + +div.sheet-sorts > span:nth-of-type(7), +div.sheet-sorts > span:nth-of-type(9) +{ + background-color:var(--colLR); +} + +div.sheet-sorts > span:nth-of-type(8) +{ + background-color:var(--colC); +} + +div.sheet-sorts > span:nth-of-type(10) +{ + width:45px; +} + +div.sheet-sorts > .repcontainer, +div.sheet-sorts > .repcontainer > .repitem, +div.sheet-invocations > .repcontainer, +div.sheet-invocations > .repcontainer > .repitem, +div.sheet-formules > .repcontainer, +div.sheet-formules > .repcontainer > .repitem +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; +} + +div.sheet-sorts > .repcontainer > .repitem > input[type="text"], +div.sheet-sorts > .repcontainer > .repitem > input[type="number"], +div.sheet-sorts > .repcontainer > .repitem > div > label > input[type="number"], +div.sheet-invocations > .repcontainer > .repitem > input[type="text"], +div.sheet-invocations > .repcontainer > .repitem > input[type="number"], +div.sheet-invocations > .repcontainer > .repitem > div > label > input[type="number"], +div.sheet-formules > .repcontainer > .repitem > input[type="text"], +div.sheet-formules > .repcontainer > .repitem > input[type="number"], +div.sheet-formules > .repcontainer > .repitem > div > label > input[type="number"] +{ + border: 0px; + border-bottom: 1px dotted var(--brun); + background: transparent; + padding-top: 6px; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label > input[type="number"], +div.sheet-invocations > .repcontainer > .repitem > div > label > input[type="number"], +div.sheet-formules > .repcontainer > .repitem > div > label > input[type="number"] +{ + text-align:center; +} + +div.sheet-sorts > .repcontainer > .repitem > select, +div.sheet-sorts > .repcontainer > .repitem > div > label > select, +div.sheet-invocations > .repcontainer > .repitem > select, +div.sheet-invocations > .repcontainer > .repitem > div > label > select, +div.sheet-formules > .repcontainer > .repitem > select, +div.sheet-formules > .repcontainer > .repitem > div > label > select +{ + border: 0px; + margin: 0px; + padding: 0px; + border-bottom: 1px dotted black; + background:transparent; + text-align:center; + padding-top:6px; + height:30px; +} + +div.sheet-invocations > .repcontainer > .repitem > div > select +{ + border: 0px; + margin: 0px; + padding: 0px; + background:transparent; + text-align:center; + padding-top:6px; + height:30px; +} + +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1), +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1), +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) +{ + width: 30px; + height: 30px; +} + +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"], +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"], +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] +{ + position: absolute; + opacity: 0; + width: 30px; + height: 30px; +} + +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span, +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span, +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span +{ + width: 100%; +} + +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before, +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before, +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before +{ + display: flex; + width: 100%; + height: 28px; + content: "+"; + justify-content: center; + align-items: center; + background-image: linear-gradient(rgb(var(--blanc), 0.5), rgb(var(--blanc), 0.5)); + border: 1px solid var(--brun); + font-size: 20px; + transition: all 0.2s; +} +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before, +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before, +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before +{ + content: "-"; + box-shadow: 0px 0px 5px black inset; +} + +div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(1) +{ + width:calc(100% - 65px - 65px - 65px - 65px - 65px - 25px - 25px - 25px - 45px - 30px); + padding-left:5px; + font-weight:bold; +} + +div.sheet-sorts > .repcontainer > .repitem > select:nth-of-type(1), +div.sheet-sorts > .repcontainer > .repitem > select:nth-of-type(2), +div.sheet-sorts > .repcontainer > .repitem > input[type="number"]:nth-of-type(2), +div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(2), +div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(3), +div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(4) +{ + width:65px; +} + +div.sheet-sorts > .repcontainer > .repitem > input[type="number"]:nth-of-type(2) +{ + text-align:center; +} + +div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)), +div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)), +div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) +{ + width:25px; + justify-content:center; + align-items:center; +} + +div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"], +div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"], +div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] +{ + position:absolute; + width:15px; + height:15px; + opacity:0; +} + +div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span, +div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span, +div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span +{ + width:15px; + height:15px; +} + +div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span::before, +div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span::before, +div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span::before +{ + content:""; + width:15px; + height:11px; + border-radius: 15px; + border: 2px solid var(--brun); + text-align: center; +} + +div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"]:checked ~ span::before, +div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"]:checked ~ span::before, +div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"]:checked ~ span::before +{ + background-color: var(--brun); +} + +div.sheet-sorts > .repcontainer > .repitem > select:nth-of-type(1), +div.sheet-sorts > .repcontainer > .repitem > input[type="number"]:nth-of-type(2) +{ + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(4) +{ + border-left:2px solid var(--brun); +} + + +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(2), +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(4) +{ + background-color:var(--colLR); +} + +div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(3) +{ + background-color:var(--colC); +} + +div.sheet-sorts > .repcontainer > .repitem > button[type="roll"] +{ + width: 40px; + height: 30px; + background-image: var(--dice); + cursor: pointer; + background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; + background-color: transparent; + margin-left:auto; +} + +div.sheet-sorts > .repcontainer > .repitem > button[type="roll"]::before +{ + content:""; +} + +div.sheet-sorts > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div +{ + display:flex; +} + +div.sheet-sorts > .repcontainer > .repitem > div +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; + display:none; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(1), +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(2) +{ + width:calc(50% - 75px - 35px); +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(1) > span, +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(2) > span +{ + width:50px; + align-items:center; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(1) > select, +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(2) > select +{ + width:calc(100% - 50px); + text-align:center; + border-bottom:0px; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(3) +{ + width:150px; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(3) > span +{ + width:100px; + align-items:center; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(3) > input[type="number"] +{ + width:50px; + text-align:center; + border-bottom:0px; + cursor:auto; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(4) +{ + width:70px; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(4) > span +{ + width:50px; + align-items:center; +} + +div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(4) > input[type="number"] +{ + width:20px; + text-align:center; + border-bottom:0px; + cursor:auto; +} + +div.sheet-sorts > .repcontainer > .repitem > div > div +{ + width:100%; + margin-bottom:2px; +} + +div.sheet-sorts > .repcontainer > .repitem > div > div > textarea +{ + border:1px dotted black; + background:transparent; +} + +div.sheet-cercleArbreKabbale +{ + height:455px; + width:100%; + flex-wrap:wrap; +} + +div.sheet-cercleArbreKabbale > span +{ + font-family:"Kodchasan"; + align-items:center; + width:100%; + font-size: 23px; + font-weight: bold; + color: white; + padding-left: 10px; + text-shadow: 2px 3px 5px black; +} + +div.sheet-cercleArbreKabbale > span:nth-of-type(1) +{ + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://zupimages.net/up/20/36/ij7k.png"); + background-repeat: no-repeat; + background-position-y: -270px; + background-position-x: right; + height: 120px; + background-color:rgba(var(--C3Kabbale), 0.3); +} + +div.sheet-cercleArbreKabbale > span:nth-of-type(2) +{ + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://zupimages.net/up/20/36/ij7k.png"); + background-repeat: no-repeat; + background-position-y: -270px; + background-position-x: right; + height: 130px; + background-color:rgba(var(--C2Kabbale), 0.9); +} + +div.sheet-cercleArbreKabbale > span:nth-of-type(3) +{ + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://zupimages.net/up/20/36/ij7k.png"); + background-repeat: no-repeat; + background-position-y: -220px; + background-position-x: right; + height: 205px; + background-color:rgba(var(--C1Kabbale), 0.9); +} + +div.sheet-colArbreKabbaleR +{ + position:absolute; + width:calc(50% - 35px); + height:455px; + min-width:350px; +} + +div.sheet-arbreKabbale +{ + margin-left:auto; + background:var(--arbreKabbale); + width:231px; + height:455px; + background-size:cover; + background-repeat:no-repeat; +} + +div.sheet-arbreKabbale > label +{ + width: 70px; + flex-wrap: wrap; + height: 53px; + font-weight: bold; + font-variant: small-caps; + font-family: "Time New Roman"; + position: absolute; +} + +div.sheet-arbreKabbale > label > span +{ + justify-content: center; + height: 20px; + text-shadow: #FFF 1px 1px 5px, #FFF -1px 1px 5px, #FFF -1px -1px 5px, #FFF 1px -1px 5px; + width: 100%; +} + +div.sheet-arbreKabbale > label > input[type="number"] +{ + text-align: center; + border: 0px; + box-shadow: none; + background: transparent; + margin-right: auto; + margin-left: auto; + height: 35px; + width: 60px; + border-bottom-left-radius: 30px; + border-bottom-right-radius: 29px; + font-size: 25px; + font-weight: bold; + font-family: "Time New Roman"; +} + +div.sheet-arbreKabbale > label.sheet-malkuth +{ + margin-top: 400px; + margin-left: 81px; + color: rgb(036, 032, 033); +} + +div.sheet-arbreKabbale > label.sheet-yesod +{ + margin-top: 300px; + margin-left: 81px; + color: rgb(036, 032, 033); +} + +div.sheet-arbreKabbale > label.sheet-hod +{ + margin-top: 252px; + margin-left: -5px; + color: rgb(036, 032, 033); +} + +div.sheet-arbreKabbale > label.sheet-netzach +{ + margin-top: 252px; + margin-left: 167px; + color: rgb(036, 032, 033); +} + +div.sheet-arbreKabbale > label.sheet-tiphereth +{ + margin-top: 202px; + margin-left: 81px; + color: rgb(096, 099, 100); +} + +div.sheet-arbreKabbale > label.sheet-geburah +{ + margin-top: 152px; + margin-left: -5px; + color: rgb(096, 099, 100); +} + +div.sheet-arbreKabbale > label.sheet-chesed +{ + margin-top: 152px; + margin-left: 167px; + color: rgb(096, 099, 100); +} + +div.sheet-arbreKabbale > label.sheet-hokmah +{ + margin-top: 55px; + margin-left: 167px; + color: rgb(151, 129, 089); +} + +div.sheet-arbreKabbale > label.sheet-binah +{ + margin-top: 55px; + margin-left: -5px; + color: rgb(151, 129, 089); +} + +div.sheet-arbreKabbale > label.sheet-kether +{ + margin-top: 6px; + margin-left: 81px; + color: rgb(151, 129, 089); +} + +div.sheet-kOrdonnance > .repcontainer, +div.sheet-kOrdonnance > .repcontainer > .repitem +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; +} + +div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="number"], +div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="text"] +{ + border:0px; + padding:0px; + margin:0px; + border-bottom:1px dotted black; + padding-top:10px; + height:30px; + background:transparent; +} + +div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="number"] +{ + width:25px; + text-align:center; + margin-left:5px; +} + +div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="text"] +{ + width:calc(100% - 30px - 30px); +} + + +div.sheet-kOrdonnance > .repcontainer > .repitem > label +{ + width:23px; + height:23px; + margin-left:5px; + margin-top:2.5px; +} + +div.sheet-kOrdonnance > .repcontainer > .repitem > label > input[type="checkbox"] +{ + position:absolute; + width:25px; + height:25px; + opacity:0; +} + +div.sheet-kOrdonnance > .repcontainer > .repitem > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-kOrdonnance > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before +{ + content:""; + width:100%; + height:23px; + border:1px solid black; + font-size: 28px; + line-height: 23px; + color:black; + border-radius:5px; +} + +div.sheet-kOrdonnance > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before +{ + content:"✓"; +} + +div.sheet-invocations > span:nth-of-type(1) +{ + width:calc(100% - 130px - 65px - 65px - 65px - 65px - 60px - 25px - 25px - 25px - 80px); +} + +div.sheet-invocations > span:nth-of-type(2) +{ + width:126px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-invocations > span:nth-of-type(4), +div.sheet-invocations > span:nth-of-type(6) +{ + width:61px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-invocations > span:nth-of-type(3), +div.sheet-invocations > span:nth-of-type(5) +{ + width:65px; +} + +div.sheet-invocations > span:nth-of-type(11) +{ + width:80px; + margin-left:auto; +} + +div.sheet-invocations > span:nth-of-type(7) +{ + width:60px; +} + +div.sheet-invocations > span:nth-of-type(8), +div.sheet-invocations > span:nth-of-type(9), +div.sheet-invocations > span:nth-of-type(10) +{ + width:25px; +} + +div.sheet-invocations > span:nth-of-type(8), +div.sheet-invocations > span:nth-of-type(10) +{ + background-color:var(--colLR); +} + +div.sheet-invocations > span:nth-of-type(9) +{ + background-color:var(--colC); +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(1) +{ + width:calc(100% - 30px - 130px - 65px - 65px - 65px - 65px - 60px - 25px - 25px - 25px - 80px); + padding-left:2px; + font-weight:bold; +} + +div.sheet-invocations > .repcontainer > .repitem > select:nth-of-type(1) +{ + width:130px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="number"]:nth-of-type(2), +div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(2), +div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(4) +{ + width:65px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-invocations > .repcontainer > .repitem > select:nth-of-type(2) +{ + width:65px; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(3), +div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(5) +{ + width:65px; +} + +div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) +{ + width:60px; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="number"]:nth-of-type(2) +{ + text-align:center; +} + +div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label +{ + width: 23px; + height: 25px; + margin:auto; +} + +div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label > input[type="checkbox"] +{ + position: absolute; + width: 25px; + height: 25px; + opacity: 0; +} + +div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label > input[type="checkbox"] ~ span +{ + width:100%; +} + +div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label > input[type="checkbox"] ~ span::before +{ + content: ""; + width: 100%; + height: 23px; + border: 1px solid black; + font-size: 28px; + line-height: 23px; + color: black; + border-radius: 5px; +} + +div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label > input[type="checkbox"]:checked ~ span::before +{ + content: "✓"; +} + +div.sheet-invocations > .repcontainer > .repitem > div:last-of-type +{ + display:none; +} + +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(2), +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(4) +{ + background-color: var(--colLR); +} + +div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(3) +{ + background-color: var(--colC); +} + +div.sheet-invocations > .repcontainer > .repitem > button[type="roll"]::before +{ + content:""; +} + +div.sheet-invocations > .repcontainer > .repitem > button[type="roll"] +{ + height: 30px; + cursor: pointer; + background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; + background-color: transparent; + background-repeat:no-repeat; +} + +div.sheet-invocations > .repcontainer > .repitem > button[type="roll"]:nth-of-type(1) +{ + background-image: var(--dice); + width: 40px; + margin-left:auto; + margin-right:5px; +} + +div.sheet-invocations > .repcontainer > .repitem > button[type="roll"]:nth-of-type(2) +{ + width: 30px; + background-image: var(--opposition); + margin-right:5px; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div +{ + display:flex; + width:100%; + flex-wrap:wrap; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label:not(:last-of-type) +{ + width:160px; + justify-content:space-between; +} + +div.sheet-invocations > .repcontainer > .repitem > div:last-of-type > label:last-of-type +{ + width:80px; + margin-left:auto; +} + +div.sheet-invocations > .repcontainer > .repitem > div:last-of-type > label:last-of-type > span +{ + width:33px; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label > span +{ + width:75px; + align-items:center; + justify-content:flex-start; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label > select, +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label > input[type="number"] +{ + text-align:center; + width:85px; + border:0px; + cursor:auto; + min-width:0px; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label:not(:first-of-type):not(:last-of-type) +{ + margin-left:5px; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > div +{ + width:100%; + margin-bottom:2px; +} + +div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > div > textarea +{ + background:transparent; + border:1px dotted black; +} + +div.sheet-oeuvres +{ + width:100%; + justify-content:space-between; +} + +div.sheet-oeuvres > label +{ + width:calc((100% / 3) - 5px); + justify-content:center; + text-align:center; + flex-wrap:wrap; + padding-bottom:5px; + padding-top:5px; +} + +div.sheet-oeuvres > label:nth-of-type(1) +{ + background-repeat: no-repeat; + background-position-y: 0px, 100%, -1px; + background-position-x: 0px, -190px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/36/ij7k.png"), linear-gradient(to right, rgba(0, 0, 0, 0.7),rgb(0, 0, 0)); +} + +div.sheet-oeuvres > label:nth-of-type(2) +{ + background-repeat: no-repeat; + background-position-y: 0px, 100%, -1px; + background-position-x: 0px, -190px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/36/ij7k.png"), linear-gradient(to right, rgba(234, 235, 236, 0.7),rgb(234, 235, 236)); + border-left: 2px solid var(--titreGris); + border-right: 2px solid var(--titreGris); +} + +div.sheet-oeuvres > label:nth-of-type(3) +{ + margin-right:15px; + background-repeat: no-repeat; + background-position-y: 0px, 100%, -1px; + background-position-x: 0px, -190px; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/36/ij7k.png"), linear-gradient(to right, rgba(194, 072, 049, 0.7),rgb(194, 072, 049)); +} + +div.sheet-oeuvres > label > span +{ + font-family: "Kodchasan"; + width: 80%; + font-size: 18px; + justify-content:center; + text-shadow: 2px 3px 5px black; + color: white; + word-wrap:anywhere; + font-weight:bold; +} + +div.sheet-oeuvres > label > input[type="number"] +{ + width:80%; + border: 2px solid var(--brun); + text-align:center; + height:30px; + margin-top:5px; + font-size:25px; +} + +label.sheet-alchimieVoie +{ + width:100%; + justify-content:space-between; + flex-wrap:wrap; + margin-top:10px; + margin-right:15px; +} + +label.sheet-alchimieVoie > span +{ + width:100%; + font-family: "Times New Roman"; + min-height: max-content; + color: var(--brun); + font-variant: small-caps; + font-weight: bold; + font-size: 14px; + letter-spacing: 1px; +} + +label.sheet-alchimieVoie > select +{ + width: 100%; + border: 0px; + margin: 0px; + padding: 0px; + border-bottom: 1px dotted black; + background: transparent; +} + +div.sheet-materiaePrimae +{ + width:100%; + flex-wrap:wrap; + border-left: 2px solid var(--titreGris); + justify-content:space-between; +} + +div.sheet-materiaePrimae > div:first-of-type +{ + margin-left:10px; +} + +div.sheet-materiaePrimae > div +{ + width:calc((100% / 5) - 10px); + flex-wrap:wrap; +} + +div.sheet-materiaePrimae > div > label +{ + width:100%; + justify-content:space-between; + border: 2px solid var(--brun); + margin-top:5px; +} + +div.sheet-materiaePrimae > div > label > input[type="number"] +{ + width:calc((100% / 2) - 2.5px); + text-align:center; + background:transparent; + border:0px; + height:30px; + font-weight:bold; + font-size:20px; +} + +div.sheet-materiaePrimae > div > label > span +{ + width:5px; + color:var(--brun); + align-items:center; + font-size:20px; +} + +div.sheet-constructs +{ + width:100%; + flex-wrap:wrap; + justify-content:space-evenly; +} + +div.sheet-constructs > h1 +{ + margin-bottom:10px; +} + +div.sheet-constructs > div +{ + width: 445px; + height: 450px; + margin-bottom:-50px; +} + +div.sheet-constructs > div:nth-of-type(1) +{ + background-image: url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/37/p89z.png'), url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/37/y5t9.png'); + background-size: 220px, contain; + background-repeat: no-repeat; + background-position-x: calc(50% + 5px), 0px; + background-position-y: center; +} + +div.sheet-constructs > div:nth-of-type(2) +{ + background-image: url('https://zupimages.net/up/20/37/iamj.png'), url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/37/y5t9.png'); + background-size: 150px, contain; + background-repeat: no-repeat; + background-position-x: calc(50% + 3px), 0px; + background-position-y: calc(50% - 25px), center; +} + +div.sheet-constructs > div:nth-of-type(3) +{ + background-image: url('https://zupimages.net/up/20/37/wgsl.png'), url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/37/y5t9.png'); + background-size: 80px, contain; + background-repeat: no-repeat; + background-position-x: calc(50% - 5px), center; + background-position-y: calc(50% - 25px), center; +} + +div.sheet-constructs > div:nth-of-type(4) +{ + background-image: url('https://zupimages.net/up/20/37/x7zn.png'), url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/37/y5t9.png'); + background-size: 150px, contain; + background-repeat: no-repeat; + background-position-x: calc(50% + -5px), 0px; + background-position-y: calc(50% - 15px), center; +} + +div.sheet-constructs > div:nth-of-type(5) +{ + background-image: url('https://zupimages.net/up/20/37/k5c3.png'), url('https://imgsrv.roll20.net/?src=https%3A//zupimages.net/up/20/37/y5t9.png'); + background-size: 135px, contain; + background-repeat: no-repeat; + background-position-x: calc(50% + -13px), 0px; + background-position-y: calc(50% - 25px), center; +} + +div.sheet-constructs > div > span:not(:nth-last-of-type(2)) +{ + position: absolute; + font-family: "Times New Roman"; + font-size: 16px; + text-shadow: 1px 1px 5px white; + min-width: max-content; + font-variant: small-caps; +} + +div.sheet-constructs > div > input[type="number"] +{ + position: absolute; + text-align: center; + border: 0px; + height: 31px; + border-radius: 15px; + width: 30px; + background: transparent; + font-size: 15px; + color: black; +} + +div.sheet-constructs > div > span:nth-of-type(1) +{ + margin-left: 199px; + margin-top: -5px; +} + +div.sheet-constructs > div > input[type="number"]:nth-of-type(1) +{ + margin-left: 208px; + margin-top: 69px; +} + +div.sheet-constructs > div > span:nth-of-type(2) +{ + margin-top: 109px; + margin-left: 10px; +} + +div.sheet-constructs > div > input[type="number"]:nth-of-type(2) +{ + margin-left: 90px; + margin-top: 157px; +} + +div.sheet-constructs > div > span:nth-of-type(3) +{ + margin-top: 109px; + margin-left: 370px; +} + +div.sheet-constructs > div > input[type="number"]:nth-of-type(3) +{ + margin-left: 326px; + margin-top: 157px; +} + +div.sheet-constructs > div > span:nth-of-type(4) +{ + margin-top: 373px; + margin-left: 85px; +} + +div.sheet-constructs > div > input[type="number"]:nth-of-type(4) +{ + margin-top: 303px; + margin-left: 129px; +} + +div.sheet-constructs > div > span:nth-of-type(6) +{ + margin-top: 373px; + margin-left: 294px; +} + +div.sheet-constructs > div > input[type="number"]:nth-of-type(5) +{ + margin-top: 303px; + margin-left: 285px; +} + +div.sheet-constructs > div > span:nth-of-type(5) +{ + word-wrap: anywhere; + flex-wrap: wrap; + font-family: "Times New Roman"; + font-size: 30px; + height: max-content; + width: max-content; + justify-content: center; + line-height: 25px; + margin: auto; + margin-top: 305px; + text-shadow: 1px 1px 5px white; +} + +div.sheet-constructs > div:nth-of-type(4) > span:nth-of-type(5) +{ + word-wrap: anywhere; + flex-wrap: wrap; + font-family: "Times New Roman"; + font-size: 25px; + height: max-content; + width: 110px; + justify-content: center; + line-height: 22px; + margin: auto; + margin-top: 301px; + text-shadow: 1px 1px 5px white; + text-align: center; +} + +div.sheet-constructs > div > span:nth-of-type(5) > span +{ + width: 100%; + font-variant: small-caps; + justify-content: center; + text-shadow: 1px 1px 5px white; + font-size:20px; +} + +div.sheet-formules > span:nth-of-type(1) +{ + width:calc(100% - 130px - 65px - 65px - 130px - 130px - 25px - 25px - 25px - 45px); +} + +div.sheet-formules > span:nth-of-type(2) +{ + width:126px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-formules > span:nth-of-type(3) +{ + width:65px; +} + +div.sheet-formules > span:nth-of-type(4) +{ + width:61px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-formules > span:nth-of-type(5) +{ + width:130px; +} + +div.sheet-formules > span:nth-of-type(6) +{ + width:128px; + border-left:2px solid var(--brun); +} + +div.sheet-formules > span:nth-of-type(7), +div.sheet-formules > span:nth-of-type(8), +div.sheet-formules > span:nth-of-type(9) +{ + width:25px; + margin-top:0px; + padding-top:5px; +} + +div.sheet-formules > span:nth-of-type(7), +div.sheet-formules > span:nth-of-type(9) +{ + background-color:var(--colLR); +} + +div.sheet-formules > span:nth-of-type(8) +{ + background-color:var(--colC); +} + +div.sheet-formules > span:nth-of-type(10) +{ + width:45px; +} + +div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(1) +{ + width:calc(100% - 130px - 65px - 65px - 130px - 130px - 25px - 25px - 25px - 45px - 30px); + padding-left:5px; + font-weight:bold; +} + +div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(1) +{ + width:130px; + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(2), +div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(3) +{ + width:65px; +} + +div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(3) +{ + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); +} + +div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(2), +div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(3) +{ + width:130px; + text-align:center; +} + +div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(3) +{ + border-left:2px solid var(--brun); +} + +div.sheet-formules > .repcontainer > .repitem > button[type="roll"] +{ width: 40px; - background-attachment: unset; - height: 40px; + height: 30px; + background-image: var(--dice); + cursor: pointer; background-size: contain; + margin: 0px; + border: 0px; + padding: 0px; + background-position: 0px; background-color: transparent; - border: none; - background-position: top; + margin-left: auto; } -.sheet-rollsword { - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/opposition.png"); -} - -button.sheet-rolldice:before, button.sheet-rollsword:before { - content: none !important; -} -.sheet-simu-attrib div{ - width: 150px; -} -.sheet-text-top{ - vertical-align: top; -} -.sheet-simu-attrib textarea{ - width: 341px; - vertical-align: bottom; - margin-top: 5px; -} -.sheet-simu-attrib input[type=text] { - width: 350px; -} -.sheet-simu-attrib input[type=number] { - margin-left: 0; -} - -.sheet-simu-attrib button { - text-align: center; - padding: 8px !important; - margin: auto !important; -} - - -.repcontainer input[type=text]{ - margin-right: 10px; - margin-bottom: 5px; -} - -.sheet-bigtext.sheet-withmarginbottom { - margin-bottom: 20px; -} -.sheet-attrib .sheet-rond { - transform: translateY(-6%); -} - -.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-rond.sheet-ka { - font-weight: bolder; - text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); - font-size: 1.8em; - color: black; - display: inline-block; - width: 35px !important; - height: 35px !important; - margin: 5px; - padding-top: 5px; - border: none; - -webkit-border-radius: 35px; - border-radius: 35px; - text-align: center; - color: black; - background: rgba(252, 252, 252, 0.3); - text-shadow: 1px 1px 5px rgba(255, 255, 255, 1); -} - -.sheet-right { - align-content: right; - float: right !important; -} - -.sheet-elements { - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/pentacle.png"); - background-size: cover; - width: 300px; - height: 300px; -} - -.sheet-kafeu { - align-content: center; - width: 60px; - position: relative; - left: 128px; - top: 2px; -} -.sheet-kafeu button { - margin: -3px 0 0 -3px !important; -} - -.sheet-kaair { - width: 60px; - position: relative; - left: 259px; - top: 25px; -} -.sheet-kaair button { - margin: -3px 0 0 -2px !important; -} - -.sheet-kaeau { - width: 60px; - position: relative; - top: 110px; - left: 207px; -} -.sheet-kaeau button { - margin: -4px 0 0 -4px !important; -} - -.sheet-kalune { - width: 60px; - position: relative; - top: 46px; - left: 51px; -} -.sheet-kalune button { - margin: -3px 0 0 -8px !important; -} - -.sheet-katerre { - width: 60px; - position: relative; - top: -169px; - left: -2px; -} -.sheet-katerre button { - margin: -3px 0 0 -8px !important; -} -.sheet-test { - height: 30px; - border-top: 1px solid #bc6d10; - margin-top: 18px; -} - -.sheet-header { - width: 100%; - height: auto; -} - -.sheet-karoll { - font-weight: bolt; - display: block; - background: rgb(224, 213, 192); - border: 1px solid; - text-shadow: 0 0 13px rgba(255, 255, 255, 0.5); -} - -button.sheet-karoll:before { - content: none !important; -} - -.sheet-petit { - font-size: 1.2em; -} - -.sheet-carre { - transform: translateY(-6%); - 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 !important; - margin: 5px 10px; - padding-top: 10px; - border: 1px solid #b7b7b7; - 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-floatright{ - float: right; -} - -input[type="radio"].sheet-compteur { - opacity: 0; - width: 12px; - height: 12px; - position: relative; - top: 0px; - left: 2px; - 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; -} -span.sheet-dom-phys-level4, span.sheet-dom-phys-level5, .sheet-input-dom-phys-level4, .sheet-input-dom-phys-level5 { - display: none; -} - -.sheet-foo-dom-phys1[value='1'] ~ span.sheet-dom-phys-level4{ - display: inline; -} -.sheet-foo-dom-phys1[value='1'] ~ .sheet-input-dom-phys-level4 { - display: inline-block; -} - - -.sheet-foo-dom-phys2[value='1'] ~ span.sheet-dom-phys-level5{ - display: inline; -} -.sheet-foo-dom-phys2[value='1'] ~ .sheet-input-dom-phys-level5 { - display: inline-block; -} - -.sheet-tab3 .sheet-col{ - margin-right: 20px; - min-width: 355px; +div.sheet-formules > .repcontainer > .repitem > button[type="roll"]::before +{ + content:""; } -.sheet-tab3 .sheet-col input[type="checkbox"] { - width: 50px; +div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(1) +{ + border-left:2px solid var(--brun); + border-right:2px solid var(--brun); } -.sheet-tab3 .sheet-col .sheet-carre { - transform: translateY(-12%); +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(2), +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(4) +{ + background-color:var(--colLR); } -.sheet-tab3 .sheet-dommages-physiques .sheet-bigtext, .sheet-tab3 .sheet-dommages-magiques .sheet-bigtext{ - margin-top: 4px; -} -.sheet-tab3 .sheet-col .sheet-right{ - margin-top: 10px; - margin-left: 5px; -} - -select:active{ - outline : none; -} -select:focus{ - outline : none; -} - -.sheet-incarnation { - min-width: 1095px; - margin-bottom : 10px; -} - -.sheet-incarnation .sheet-box{ - width: auto; - padding: 0 13px; +div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(3) +{ + background-color:var(--colC); } -.sheet-quetes-savoirs .sheet-attrib{ - margin-left : 0px; - padding: 10px; +div.sheet-formules > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div +{ + display:flex; } -.sheet-quetes-savoirs .sheet-box{ - min-width: 500px; +div.sheet-formules > .repcontainer > .repitem > div +{ + width:100%; + flex-wrap:wrap; + justify-content:space-between; + display:none; } -.sheet-tab2 h3{ - display: inline-block; - margin: 0 71px; - margin-bottom: 15px; +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(1), +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(2) +{ + width:calc(50% - 115px); } -.sheet-epoques-incarnation{ - padding: 5px; - color: #000; - height: 41px; - font-size: 1.4em; - background-color : rgba(255, 255, 255, 0.7); +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(1) > span +{ + width:120px; + align-items:center; + justify-content:flex-start; } -textarea.sheet-une-phrase { - width: 900px; - height: 50px; - resize: none +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(2) > span +{ + width:50px; + align-items:center; + justify-content:flex-start; + padding-left:5px; } -.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-block; - margin-right: auto; - margin-left: 0px; - height: 60px; -} - -.sheet-line .sheet-100{ - line-height: 37px; -} - -p.sheet-doublesize { - background: transparent; - font-size: 1.3em; - text-align: center; - max-width: 150px; -} - -.sheet-doublesize { - font-size: 2em; -} - -.sheet-modif{ - width: 20px; -} - -.sheet-100 { - width: 70px -} - - - -.sheet-first-annonce{ - width: 200px; - display: inline-block; - font-family: 'Kalam', cursive; - font-size: 1.3em; -} -div.sheet-tab-content, .sheet-tab-optionnal { - display: none; +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(1) > select +{ + width:calc(100% - 120px); + text-align:center; + border-bottom:0px; } -input.sheet-practice-mag:checked~.sheet-tab-optionnal4, -input.sheet-practice-kabb:checked~.sheet-tab-optionnal5, -input.sheet-practice-alch:checked~.sheet-tab-optionnal6 { - display: inline; +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(2) > select +{ + width:calc(100% - 50px); + text-align:center; + border-bottom:0px; } -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, -input.sheet-tab7:checked~div.sheet-tab7, -input.sheet-tab8:checked~div.sheet-tab8, -input.sheet-tab9:checked~div.sheet-tab9 { - display: block; -} - -input.sheet-tab { - width: 112px; - height: 30px; - position: relative; - color: #5C2E05; - vertical-align: middle; - left: 62px; - margin: -50px; - cursor: pointer; - z-index: 2; - opacity: 0; -} - -input.sheet-tab+span::before { - content: attr(title); - border: solid 1px #bfb7aa; - justify-content: center; - align-items: center; - text-align: center; - display: inline-flex; - width: 110px; - height: 30px; - vertical-align: middle; - z-index: 1; - font-family: 'Kalam', cursive; - font-weight: bolder; - font-size: 1.1em; - background-color: #ffffff8c; -} - -input.sheet-tab:checked+span::before { - font-family: 'Kalam', cursive; - font-weight: bold; - border-color: #fff; - -webkit-transform: scaleX(1.2) scaleY(1.2); - transform: scaleX(1.2) scaleY(1.2); - box-shadow: 1px 1px 1px #000; -} - -input.sheet-hidden-tab { - display: none; - height: 0px; - position: relative; - top: -10px; -} - - -.sheet-rolltemplate-aptitude table { - text-align: center; - width: 100%; - background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/nephilimV5-vf/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: 'Kalam', cursive; - 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-eso { - background-image: url("https://raw.githubusercontent.com/rwanoux/fiche-nephilim/master/template.png"); - background-size: 100%; - background-position: 50%, 50%; - background-repeat: no-repeat -} - -/* TAB4 : Magie spécifique & TAB5 : Kabbal généralités */ - -.sheet-tab4 .sheet-main, .sheet-tab5 .sheet-main, .sheet-tab7 .sheet-main{ - padding: 10px; - +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(3) +{ + width:150px; } -.sheet-mag-number input[type=number] { - margin-right: 210px; +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(4) +{ + width:80px; } -.sheet-mag-sort-spec input[type=number], .sheet-kabb-invoc-spec input[type=number], .sheet-alch-form-spec input[type=number] { - margin-left: 5px; +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(3) > span +{ + width:100px; + align-items:center; + justify-content:flex-start; } -input[type=text].sheet-longinputtext{ - width: 250px; - margin-left: 6px; +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(4) > span +{ + width:33px; + align-items:center; + justify-content:flex-start; } -input[type=text].sheet-longinputtext.sheet-firstinput { - width: 600px; +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(3) > input[type="number"], +div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(4) > input[type="number"] +{ + width:50px; + text-align:center; + border-bottom:0px; + cursor:auto; } -.sheet-tab5 input[type=text].sheet-longinputtext.sheet-firstinput { - width: 530px; +div.sheet-formules > .repcontainer > .repitem > div > div +{ + width:100%; } -input[type=text].sheet-verylonginputtext{ - width: 450px; - margin-left: 6px; +div.sheet-formules > .repcontainer > .repitem > div > div > textarea +{ + width:100%; + border:1px dotted black; + background:transparent; } -.sheet-tab4 .sheet-bigtext, .sheet-tab5 .sheet-bigtext{ - width: 130px; +div.sheet-fraternite +{ + width:100%; + justify-content:space-between; + flex-wrap:wrap; } -.sheet-tab7 .sheet-bigtext{ - width: 140px; +div.sheet-fraternite > div.sheet-col2 +{ + margin-top:10px; } -.sheet-tab4 select, .sheet-tab5 select, .sheet-tab7 select{ - width: 251px; - padding: 5px; - color: #000; - height: 41px; - font-size: 1.4em; - background-color: rgba(255, 255, 255, 0.7); - margin-right: 10px; +div.sheet-fraternite > div > label +{ + padding-right:10px; + flex-wrap:wrap; + border-left:2px solid var(--titreGris); } -.sheet-tab4 textarea, .sheet-tab5 textarea, .sheet-tab7 textarea { - width: 450px; - vertical-align: top; - margin-top: 5px; +div.sheet-fraternite > div > label > input[type="text"] +{ + width:100%; + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; + padding-left:5px; } -.sheet-mag-sort-spec, .sheet-kabb-invoc-spec, .sheet-alch-form-spec{ - border: 1px solid black; - margin: 10px 0; +div.sheet-fraternite > div:nth-of-type(1) > div, +div.sheet-fraternite > div:nth-of-type(2) > div +{ + border-left:2px solid var(--titreGris); + margin-left:10px; + justify-content:space-between; + flex-wrap:wrap; } -.sheet-last-line .sheet-bigtext{ - vertical-align: super; +div.sheet-fraternite > div > div > input[type="text"] +{ + width:calc(100% - 40px); + border: 0px; + border-bottom: 1px dotted black; + min-width: 0px; + background: transparent; + height: 30px; + padding-top: 12px; + padding-left:5px; } -.sheet-last-line .sheet-carre{ - transform: translateY(-33%); -} - -/* TAB 5 - colonnes */ -.sheet-col3 { - display: inline-block; - width: 450px; - text-align: center; - vertical-align: middle; -} -.sheet-col3 input[type=text]{ - margin-left: 0px; -} -.sheet-col-first, .sheet-col-last { - width: 115px; -} -.sheet-col-titre { - height: 30px; - margin-bottom: 10px; - font-size: 1.5em; - color: black; -} - -/* Kabbale arbre */ -.sheet-kabb-arbre { - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/kabbale.png"); - width: 500px; - height: 980px; - margin: auto; -} - -.sheet-rond.sheet-kabb-arbre-monde { - font-weight: bolder; - text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); - font-size: 4em; - color: black; - display: inline-block; - width: 123px !important; - height: 123px !important; - margin: 5px; - padding-top: 22px; - border: none; - -webkit-border-radius: 65px; - border-radius: 65px; - text-align: center; - color: black; - background: rgba(252, 252, 252, 0.3); - text-shadow: 1px 1px 5px rgba(255, 255, 255, 1); -} - -.sheet-kabb-arbre-spec{ - align-content: center; - position: relative; -} - -.sheet-kabb-arbre-malkut { - left: 183px; - top: 78px; -} - -.sheet-kabb-arbre-yesod { - left: 17px; - top: 121px; -} - -.sheet-kabb-arbre-hod { - left: 7px; - top: 19px; -} - -.sheet-kabb-arbre-netzah { - left: 26px; - top: 19px; -} - -.sheet-kabb-arbre-tiphereth { - left: 17px; - top: 163px; -} - -.sheet-kabb-arbre-chesed { - left: 26px; - top: 62px; -} - -.sheet-kabb-arbre-geburah { - left: 7px; - top: 62px; -} - -.sheet-kabb-arbre-binah { - left: -159px; - top: 103px; -} - -.sheet-kabb-arbre-hokmah { - left: 26px; - top: 103px; -} - -.sheet-kabb-arbre-kheter { - left: 183px; - top: 2px; -} - - -/* TAB 7 - colonnes */ -.sheet-alch-construct-use { - display: inline-block; - width: 170px; -} - -.sheet-col-titre-construct { - height: 30px; - margin-bottom: 10px; - font-size: 1.5em; - color: black; - display: inline-block; -} - -/* TAB 7 - colonnes */ -.sheet-alch-mp{ - display: inline-flex; - justify-content: center; - align-items: center; - font-size: 3em; - border: 1px solid; - padding: 2px; -} -.sheet-alch-mp div{ - display: inline-block; - width: 64px; - height: 76px; -} - -.sheet-tab7 .sheet-ligne{ - min-width: 1200px; -} - -.sheet-tab7 input[type=text].sheet-longinputtext.sheet-firstinput { - width: 610px; -} -.sheet-tab7 input[type=text].sheet-longinputtext.sheet-secondinput { - width: 670px; -} - -.sheet-alch-mp input{ - font-size: 0.6em; -} - -.sheet-alch-mp-eau{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/eau.png"); -} - -.sheet-alch-mp-air{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/air.png"); -} - -.sheet-alch-mp-feu{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/feu.png"); -} - -.sheet-alch-mp-terre{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/terre.png"); -} - -.sheet-alch-mp-lune{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/lune.png"); -} - -/* Alchimie constructs */ -.sheet-alch-construct { - width: 400px; - height: 405px; - display: inline-block; - background-size: contain; -} -.sheet-col2 { - display: inline-block; - margin: 0 40px; -} -.sheet-tab8 .sheet-ligne{ - margin-bottom: 10px; -} - -.sheet-alch-construct-athanor{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/construct-athanor.png"); -} - -.sheet-alch-construct-alambic{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/construct-alambic.png"); -} - -.sheet-alch-construct-creuset{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/construct-creuset.png"); -} - -.sheet-alch-construct-aludel{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/construct-aludel.png"); -} - -.sheet-alch-construct-cornue{ - background-image: url("https://raw.githubusercontent.com/fennelin/roll20-character-sheets/master/Nephilim-Legende/images/construct-cornue.png"); -} -.sheet-alch-construct-spec{ - align-content: center; - position: relative; - width: 80px; -} -.sheet-rond.sheet-alch-construct-ka { - font-weight: bolder; - text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); - font-size: 3em; - color: black; - display: inline-block; - width: 58px !important; - height: 58px !important; - margin: 5px; - padding-top: 14px; - border: none; - -webkit-border-radius: 65px; - border-radius: 65px; - text-align: center; - color: black; - background: rgba(252, 252, 252, 0.8); - text-shadow: 1px 1px 5px rgba(255, 255, 255, 1); - box-shadow: none; - border: 2px solid #bfb7aa; -} - -.sheet-alch-construct-spec-athanor-kafeu, .sheet-alch-construct-spec-aludel-kafeu, .sheet-alch-construct-spec-alambic-kafeu, .sheet-alch-construct-spec-creuset-kafeu, .sheet-alch-construct-spec-cornue-kafeu { - left: 164px; - top: 46px; -} - -.sheet-alch-construct-spec-athanor-katerre, .sheet-alch-construct-spec-aludel-katerre, .sheet-alch-construct-spec-alambic-katerre, .sheet-alch-construct-spec-creuset-katerre, .sheet-alch-construct-spec-cornue-katerre { - left: 50px; - top: 71px; -} - -.sheet-alch-construct-spec-athanor-kaair, .sheet-alch-construct-spec-aludel-kaair, .sheet-alch-construct-spec-alambic-kaair, .sheet-alch-construct-spec-creuset-kaair, .sheet-alch-construct-spec-cornue-kaair { - left: 282px; - top: 4px; -} - -.sheet-alch-construct-spec-athanor-kalune, .sheet-alch-construct-spec-aludel-kalune, .sheet-alch-construct-spec-alambic-kalune, .sheet-alch-construct-spec-creuset-kalune, .sheet-alch-construct-spec-cornue-kalune { - left: 91px; - top: 90px; -} - -.sheet-alch-construct-spec-athanor-kaeau, .sheet-alch-construct-spec-aludel-kaeau, .sheet-alch-construct-spec-alambic-kaeau, .sheet-alch-construct-spec-creuset-kaeau, .sheet-alch-construct-spec-cornue-kaeau { - left: 245px; - top: 21px; -} - -/* tab 9 : Fraternité */ -.sheet-tab9, .sheet-tab4, .sheet-tab5, .sheet-tab7 { - max-width: 1000px; - -} -.sheet-tab9 .sheet-main{ - margin-bottom: 30px; - padding: 5px; -} -.sheet-tab9 .sheet-bigtext { - width: 100px; -} - -.sheet-tab9 .sheet-descr .sheet-bigtext { - width: 250px; -} -.sheet-tab9 input[type=text] { - width: 550px; -} - - - -/* Roll Templates */ - -.sheet-rolltemplate-invoc .sheet-dice-box, .sheet-rolltemplate-vecu .sheet-dice-box, .sheet-rolltemplate-sort .sheet-dice-box, -.sheet-rolltemplate-formule .sheet-dice-box, .sheet-rolltemplate-opposition .sheet-dice-box, .sheet-rolltemplate-ka .sheet-dice-box{ - font-size: 1em; - font-family: 'Kalam', cursive; - border: 4px double #000; - padding: 4px ; -} - -.sheet-rolltemplate-invoc .sheet-dice-box h1, .sheet-rolltemplate-vecu .sheet-dice-box h1, .sheet-rolltemplate-sort .sheet-dice-box h1, -.sheet-rolltemplate-formule .sheet-dice-box h1, .sheet-rolltemplate-opposition .sheet-dice-box h1, .sheet-rolltemplate-ka .sheet-dice-box h1 { - font-size: 1.4em; - text-align: center; - letter-spacing: 2px; - border-bottom: dotted 1px dimgray; -} - -.sheet-rolltemplate-invoc .sheet-dice-subheader, .sheet-rolltemplate-vecu .sheet-dice-subheader, .sheet-rolltemplate-sort .sheet-dice-subheader, -.sheet-rolltemplate-formule .sheet-dice-subheader, .sheet-rolltemplate-opposition .sheet-dice-subheader, .sheet-rolltemplate-ka .sheet-dice-subheader{ - font-size: 1.2em; - margin: 5px auto; - text-align: center; - line-height: 20px; -} -.sheet-rolltemplate-invoc .sheet-dice-bold, .sheet-rolltemplate-vecu .sheet-dice-bold,.sheet-rolltemplate-sort .sheet-dice-bold, -.sheet-rolltemplate-formule .sheet-dice-bold, .sheet-rolltemplate-opposition .sheet-dice-bold, .sheet-rolltemplate-ka .sheet-dice-bold { - font-weight: bolder; - text-transform: capitalize; -} - -.sheet-rolltemplate-invoc .sheet-dice-main, .sheet-rolltemplate-vecu .sheet-dice-main, .sheet-rolltemplate-sort .sheet-dice-main, -.sheet-rolltemplate-formule .sheet-dice-main, .sheet-rolltemplate-opposition .sheet-dice-main, .sheet-rolltemplate-ka .sheet-dice-main { - border-top: dotted 1px dimgray; - margin-top: 5px; -} - -.sheet-rolltemplate-opposition .sheet-dice-main { - display: inline-flex; - align-items: center; - justify-content: center; - text-align: center; - width: 100%; -} -.sheet-rolltemplate-invoc .sheet-dice-effect, .sheet-rolltemplate-sort .sheet-dice-effect, .sheet-rolltemplate-formule .sheet-dice-effect { - margin: 5px auto; - border-top: dotted 1px dimgray; - padding: 5px 0; -} -.sheet-rolltemplate-invoc .sheet-dice-roll, .sheet-rolltemplate-vecu .sheet-dice-roll, .sheet-rolltemplate-sort .sheet-dice-roll, -.sheet-rolltemplate-formule .sheet-dice-roll, .sheet-rolltemplate-opposition .sheet-dice-roll, .sheet-rolltemplate-ka .sheet-dice-roll { - text-align: center; - line-height: 22px; -} - -.sheet-rolltemplate-invoc .sheet-dice-result-ko,.sheet-rolltemplate-vecu .sheet-dice-result-ko, .sheet-rolltemplate-sort .sheet-dice-result-ko, -.sheet-rolltemplate-formule .sheet-dice-result-ko, .sheet-rolltemplate-opposition .sheet-dice-result-ko, .sheet-rolltemplate-ka .sheet-dice-result-ko { - font-weight: bold; - text-align: center; - font-size: 1.4em; - color: red; - padding: 4px; -} - -.sheet-rolltemplate-invoc .sheet-dice-result-ok, .sheet-rolltemplate-vecu .sheet-dice-result-ok, .sheet-rolltemplate-sort .sheet-dice-result-ok, -.sheet-rolltemplate-formule .sheet-dice-result-ok, .sheet-rolltemplate-opposition .sheet-dice-result-ok, .sheet-rolltemplate-ka .sheet-dice-result-ok { - font-weight: bold; - text-align: center; - font-size: 1.4em; - color: green; - padding: 4px; -} - -.sheet-rolltemplate-invoc .inlinerollresult, .sheet-rolltemplate-vecu .inlinerollresult, .sheet-rolltemplate-sort .inlinerollresult, -.sheet-rolltemplate-formule .inlinerollresult, .sheet-rolltemplate-opposition .inlinerollresult, .sheet-rolltemplate-ka .inlinerollresult { - display: inline-block; - min-width: 1.5em; - font-size: x-large; - text-align: center; - border: none; - background: transparent; -} +div.sheet-fraternite > div > div > input[type="number"] +{ + width: 30px; + height: 30px; + border-radius: 25px; + border: 2px solid var(--brun); + text-align: center; + margin-bottom: -5px; +} + +div.sheet-fraternite > h1:not(:first-of-type) +{ + margin-top:10px; +} + +div.sheet-fraternite > .repcontainer, +div.sheet-fraternite > .repcontainer > .repitem +{ + width:100%; + flex-wrap:wrap; +} + +div.sheet-fraternite > .repcontainer > .repitem:not(:first-of-type) +{ + margin-top:5px; +} + +div.sheet-fraternite > .repcontainer > .repitem > div +{ + margin-bottom:2px; +} + +div.sheet-fraternite > .repcontainer > .repitem > div > textarea +{ + background:transparent; + border:1px dotted black; + padding-right:0px; +} + +div.sheet-fraternite > .repcontainer > .repitem > .itemcontrol > .btn +{ + padding-bottom:0px; +} + +.sheet-rolltemplate-base, +.sheet-rolltemplate-sort, +.sheet-rolltemplate-invocation, +.sheet-rolltemplate-opposition, +.sheet-rolltemplate-formule, +.sheet-rolltemplate-initiative +{ + background-image: radial-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5)), url("https://www.zupimages.net/up/20/31/g6nh.jpg"); + background-size: cover, cover, cover; + display:flex; + justify-content:space-between; + flex-wrap:wrap; + font-family: 'Kalam', cursive; + border: 4px double #000; + padding: 4px; +} + +.sheet-rolltemplate-base > h1, +.sheet-rolltemplate-sort > h1, +.sheet-rolltemplate-invocation > h1, +.sheet-rolltemplate-opposition > h1, +.sheet-rolltemplate-formule > h1, +.sheet-rolltemplate-initiative > h1 +{ + display:flex; + width:100%; + font-family: "Kodchasan"; + font-size: 18px; + justify-content:center; +} + +.sheet-rolltemplate-base > h2 +{ + display:flex; + width:100%; + font-family: "Kodchasan"; + font-size: 12px; + justify-content:center; + line-height:14px; +} + +.sheet-rolltemplate-base > div, +.sheet-rolltemplate-sort > div, +.sheet-rolltemplate-invocation > div, +.sheet-rolltemplate-opposition > div, +.sheet-rolltemplate-formule > div, +.sheet-rolltemplate-initiative > div +{ + display:flex; + width:100%; + justify-content:space-between; + flex-wrap:wrap; + border-top:1px dotted black; +} + +.sheet-rolltemplate-base > div > span, +.sheet-rolltemplate-sort > div > span, +.sheet-rolltemplate-invocation > div > span, +.sheet-rolltemplate-opposition > div > span, +.sheet-rolltemplate-formule > div > span, +.sheet-rolltemplate-initiative > div > span +{ + display:flex; + width:100%; + justify-content:center; +} + +.sheet-rolltemplate-base > div:first-of-type > span:first-of-type, +.sheet-rolltemplate-sort > div:first-of-type > span:first-of-type, +.sheet-rolltemplate-invocation > div:first-of-type > span:first-of-type, +.sheet-rolltemplate-opposition > div:first-of-type > span:first-of-type, +.sheet-rolltemplate-formule > div:first-of-type > span:first-of-type, +.sheet-rolltemplate-initiative > div:first-of-type > span:first-of-type +{ + margin-top:10px; +} + +.sheet-rolltemplate-base > div:first-of-type > span:nth-of-type(2), +.sheet-rolltemplate-sort > div:first-of-type > span:nth-of-type(2), +.sheet-rolltemplate-invocation > div:first-of-type > span:nth-of-type(2) +{ + font-weight:bold; + font-size:15px; + line-height:16px; + margin-top:5px; + font-style:italic; + color:black; + word-wrap:anywhere; +} + +.sheet-rolltemplate-sort > div:first-of-type > span:nth-of-type(2), +.sheet-rolltemplate-invocation > div:first-of-type > span:nth-of-type(2) +{ + width:50%; + justify-content:flex-end; +} + +.sheet-rolltemplate-sort > div:first-of-type > span:last-of-type, +.sheet-rolltemplate-invocation > div:first-of-type > span:last-of-type, +.sheet-rolltemplate-opposition > div:first-of-type > span:last-of-type, +.sheet-rolltemplate-formule > div:first-of-type > span:last-of-type +{ + width:calc(50% - 5px); + justify-content:flex-start; + font-weight:bold; + font-size:15px; + font-style:italic; + color:black; + word-wrap:anywhere; + margin-left:5px; +} + +.sheet-rolltemplate-base > div:first-of-type > span:last-of-type, +.sheet-rolltemplate-sort > div:first-of-type > span:last-of-type, +.sheet-rolltemplate-invocation > div:first-of-type > span:last-of-type, +.sheet-rolltemplate-opposition > div:first-of-type > span:last-of-type, +.sheet-rolltemplate-formule > div:first-of-type > span:last-of-type +{ + margin-top:5px; + margin-bottom:10px; +} + +.sheet-rolltemplate-base > div:last-of-type > span:first-of-type, +.sheet-rolltemplate-sort > div:nth-of-type(2) > span:first-of-type, +.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:first-of-type, +.sheet-rolltemplate-formule > div:nth-of-type(2) > span:first-of-type, +.sheet-rolltemplate-initiative > div > span:last-of-type +{ + margin-top:10px; +} + +.sheet-rolltemplate-base > div:last-of-type > span:last-of-type, +.sheet-rolltemplate-sort > div:nth-of-type(2) > span:last-of-type, +.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:last-of-type, +.sheet-rolltemplate-formule > div:nth-of-type(2) > span:last-of-type, +.sheet-rolltemplate-initiative > div > span:last-of-type +{ + margin-bottom:10px; +} + +.sheet-rolltemplate-base > div:last-of-type > span:not(:first-of-type):not(:last-of-type), +.sheet-rolltemplate-sort > div:nth-of-type(2) > span:not(:first-of-type):not(:last-of-type), +.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:not(:first-of-type):not(:last-of-type), +.sheet-rolltemplate-formule > div:nth-of-type(2) > span:not(:first-of-type):not(:last-of-type) +{ + width:calc(50% - 5px); + line-height:25px; +} + +.sheet-rolltemplate-base > div:last-of-type > span:nth-of-type(2), +.sheet-rolltemplate-sort > div:nth-of-type(2) > span:nth-of-type(2), +.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:nth-of-type(2), +.sheet-rolltemplate-formule > div:nth-of-type(2) > span:nth-of-type(2) +{ + justify-content:flex-end; + padding-right:5px; + margin-top:5px; +} + +.sheet-rolltemplate-base > div:last-of-type > span:nth-of-type(3), +.sheet-rolltemplate-sort > div:nth-of-type(2) > span:nth-of-type(3), +.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:nth-of-type(3), +.sheet-rolltemplate-formule > div:nth-of-type(2) > span:nth-of-type(3) +{ + justify-content:flex-start; + padding-left:5px; + margin-top:5px; + color:black; + font-weight:bold; + font-size:x-large; +} + +.sheet-rolltemplate-base > div:last-of-type > span:nth-of-type(4), +.sheet-rolltemplate-sort > div:nth-of-type(2) > span:nth-of-type(4), +.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:nth-of-type(4), +.sheet-rolltemplate-formule > div:nth-of-type(2) > span:nth-of-type(4) +{ + font-size:20px; + line-height:25px; + margin-top:5px; + font-weight:bold; + font-style:italic; +} + +.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(1), +.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(3), +.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(5), +.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(1), +.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(3), +.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(5), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(1), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(3), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(5), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(6) +{ + margin-top:10px; +} + +.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(2), +.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(4), +.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(2), +.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(4), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(2), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(4) +{ + font-weight: bold; + font-size: 15px; + line-height: 16px; + margin-top: 5px; + font-style: italic; + color: black; + word-wrap: anywhere; + text-align:justify; +} + +.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(5), +.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(5), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(5), +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(6) +{ + text-align:justify; +} + +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(5) > span +{ + display:contents; + font-weight:bold; +} + +.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(6) +{ + justify-content:flex-start; + word-wrap:anywhere; +} + +.sheet-rolltemplate-opposition > div:last-of-type > span +{ + width:25px; + height:25px; + margin:auto; + font-variant:small-caps; + font-weight:bold; + font-size:20px; + color:black; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div +{ + width:calc(50% - 12.5px); + flex-wrap:wrap; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div > span +{ + display:flex; + width:100%; + justify-content:center; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div > span:first-of-type +{ + margin-top:10px; + word-wrap:anywhere; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div > span:nth-of-type(2) +{ + line-height:25px; + margin-top:5px; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div > span:last-of-type +{ + font-size: 20px; + line-height: 25px; + margin-top: 5px; + font-weight: bold; + font-style: italic; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type +{ + display:flex; + width:100%; + border-top:1px dotted black; + margin-top:10px; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span +{ + display:flex; + width:100%; + justify-content:center; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span:first-of-type +{ + word-wrap:anywhere; +} + +.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span:nth-of-type(2) +{ + line-height:25px; + margin-top:5px; +} -.sheet-rolltemplate-invoc .inlinerollresult.fullfail, .sheet-rolltemplate-vecu .inlinerollresult.fullfail, .sheet-rolltemplate-sort .inlinerollresult.fullfail, -.sheet-rolltemplate-formule .inlinerollresult.fullfail, .sheet-rolltemplate-opposition .inlinerollresult.fullfail, .sheet-rolltemplate-ka .inlinerollresult.fullfail { - border: none; +.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span:last-of-type +{ + font-size: 20px; + line-height: 25px; + margin-top: 5px; + font-weight: bold; + font-style: italic; } -.sheet-rolltemplate-opposition .sheet-dice-col2 { - display: inline-block; - text-align: center; - margin-top: 5px; - line-height: 20px; +.sheet-rolltemplate-base .sheet-fail, +.sheet-rolltemplate-sort .sheet-fail, +.sheet-rolltemplate-invocation .sheet-fail, +.sheet-rolltemplate-opposition .sheet-fail, +.sheet-rolltemplate-formule .sheet-fail +{ + color:red; } -.sheet-rolltemplate-opposition .sheet-dice-col-inter { - display: inline-block; - width: 20px; - text-align: center; +.sheet-rolltemplate-base .sheet-success, +.sheet-rolltemplate-sort .sheet-success, +.sheet-rolltemplate-invocation .sheet-success, +.sheet-rolltemplate-opposition .sheet-success, +.sheet-rolltemplate-formule .sheet-success +{ + color:green; } -.sheet-rolltemplate-invoc .sheet-bg-invoc, .sheet-rolltemplate-vecu .sheet-bg-vecu, .sheet-rolltemplate-sort .sheet-bg-sort, -.sheet-rolltemplate-formule .sheet-bg-formule, .sheet-rolltemplate-opposition .sheet-bg-opposition, .sheet-rolltemplate-ka .sheet-bg-ka { - background-image: url("https://raw.githubusercontent.com/rwanoux/roll20-character-sheets/master/nephilimV5-vf/backgrd.png"); - background-size: cover; +.sheet-rolltemplate-base .inlinerollresult, +.sheet-rolltemplate-sort .inlinerollresult, +.sheet-rolltemplate-invocation .inlinerollresult, +.sheet-rolltemplate-opposition .inlinerollresult, +.sheet-rolltemplate-formule .inlinerollresult, +.sheet-rolltemplate-initiative .inlinerollresult +{ + padding:0px; + margin:0px; + background:transparent; + border:0px; + color:black; + font-weight:bold; + font-size:x-large; } -/* Suppression succès critique - jet de 100 */ +.sheet-rolltemplate-base .inlinerollresult.fullcrit, +.sheet-rolltemplate-sort .inlinerollresult.fullcrit, +.sheet-rolltemplate-invocation .inlinerollresult.fullcrit, .sheet-rolltemplate-opposition .inlinerollresult.fullcrit, .sheet-rolltemplate-formule .inlinerollresult.fullcrit, -.sheet-rolltemplate-sort .inlinerollresult.fullcrit, -.sheet-rolltemplate-vecu .inlinerollresult.fullcrit, -.sheet-rolltemplate-ka .inlinerollresult.fullcrit, -.sheet-rolltemplate-invoc .inlinerollresult.fullcrit { - border: none !important; +.sheet-rolltemplate-initiative .inlinerollresult.fullcrit +{ + color:red; + border:0px; +} + +.sheet-rolltemplate-base .inlinerollresult.fullfail, +.sheet-rolltemplate-sort .inlinerollresult.fullfail, +.sheet-rolltemplate-invocation .inlinerollresult.fullfail, +.sheet-rolltemplate-opposition .inlinerollresult.fullfail, +.sheet-rolltemplate-formule .inlinerollresult.fullfail, +.sheet-rolltemplate-initiative .inlinerollresult.fullfail +{ + color:green; + border:0px; +} + +.sheet-rolltemplate-base .inlinerollresult.importantroll, +.sheet-rolltemplate-sort .inlinerollresult.importantroll, +.sheet-rolltemplate-invocation .inlinerollresult.importantroll, +.sheet-rolltemplate-opposition .inlinerollresult.importantroll, +.sheet-rolltemplate-formule .inlinerollresult.importantroll, +.sheet-rolltemplate-initiative .inlinerollresult.importantroll +{ + color:blue; + border:0px; } \ No newline at end of file diff --git a/Nephilim-Legende/nephilim-legende.html b/Nephilim-Legende/nephilim-legende.html index cc1f603fd6..ec5b1187ac 100644 --- a/Nephilim-Legende/nephilim-legende.html +++ b/Nephilim-Legende/nephilim-legende.html @@ -1,1552 +1,3887 @@ - - -
+
+
+
+
+
+
+
+
+
+
+
+