.charsheet { background-color:sienna; color:#333; min-width:820px; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } input, textarea { border-radius:0px; color:black; } input { border-top:0px; border-right:0px; border-left:0px; border-bottom-color:sienna; background-color:transparent; padding-bottom:0px; } textarea { border:none; width:100%; padding:0px; text-align:justify; } .repcontrol > .btn { border-radius:0px; } .sheet-flexBlock { display:flex; } div.sheet-autoex { line-height: 1.4em; min-height: 1.4em; cursor: text; text-align: left; position:relative; width:100%; } 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; } 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:2px; background:transparent; } 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; } div.sheet-autoex22 { min-height:22px; } div.sheet-autoex28 { min-height:28px; } div.sheet-autoex40 { min-height:40px; } input.sheet-tabMenu[value="1"] ~ div.sheet-tab1, input.sheet-tabMenu[value="2"] ~ div.sheet-tab2, input.sheet-tabMenu[value="3"] ~ div.sheet-tab3, input.sheet-tabMenu[value="4"] ~ div.sheet-tab4, input.sheet-tabMenu[value="5"] ~ div.sheet-tab5, input.sheet-tabMenu[value="6"] ~ div.sheet-tab6 { display: block; } .sheet-tab-content { display:none; } div.sheet-menu { display: flex; padding-left: 1px; padding-bottom: 1px; flex-wrap: wrap; align-content: baseline; justify-content: space-around; margin-top: 3px; } div.sheet-menu > label { margin: 0px; padding: 0px; width: 126px; margin-right:2px; height: 26px; margin-bottom:2px; } div.sheet-menu > label > input[type="radio"] { width: 127px; height: 26px; position: absolute; cursor: pointer; z-index: 1; opacity: 0; } div.sheet-menu > label > input[type="radio"] ~ span[title]::before { content: attr(title); width: 125px; text-align: center; display: inline-block; height: 24px; font-size: 18px; font-weight: bold; border: 1px solid BurlyWood; position: relative; background-color: burlywood; line-height: 24px; color: sienna; font-variant: small-caps; } div.sheet-menu > label > input[type="radio"]:checked ~ span[title]::before { box-shadow: 0px 0px 3px 0px #000000 inset; } div.sheet-menu > label:last-child { margin:0px; width:20px; height:20px; } div.sheet-menu > label:last-child > input[type="checkbox"] { margin: 0px; width: 20px; height: 20px; opacity: 0; position: absolute; z-index: 1; } div.sheet-menu > label:last-child > input[type="checkbox"] ~ span::before { margin: 0px; font-family: "Pictos"; content: "y"; position: relative; font-size: 20px; color: burlywood; } div.sheet-menu > label:last-child > input[type="checkbox"]:checked ~ span::before { text-shadow: 0px 0px 3px black; } div.sheet-menu > label:last-child > div { display:none; } div.sheet-menu > label:last-child > input[type="checkbox"]:checked ~ div { display: flex; width: 275px; border: 1px solid black; background-color: sienna; position: absolute; margin-left: -286px; padding: 10px; border-radius: 10px; flex-wrap:wrap; } div.sheet-menu > label:last-child > div > label { margin: 0px; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; background-color: burlywood; padding: 5px; border-radius: 10px; } div.sheet-menu > label:last-child > div > label:first-of-type > span { font-variant: small-caps; font-weight: bold; width: 50%; display: flex; font-size: 15px; align-self: center; } div.sheet-menu > label:last-child > div > label:last-of-type > span { font-variant: small-caps; font-weight: bold; width: 100%; display: flex; font-size: 15px; align-self: center; } div.sheet-menu > label:last-child > div > label:first-of-type > select { width: 50%; display: flex; margin: 0px; background: transparent; border: 1px solid sienna; border-radius: 0px; font-weight: bold; } div.sheet-menu > label:last-child > div > label:last-of-type > select { width: 100%; display: flex; margin: 0px; background: transparent; border: 1px solid sienna; border-radius: 0px; font-weight: bold; } div.sheet-menu > label:last-child > div > label:not(:first-of-type) { margin-top:5px; } .sheet-topBlock { justify-content:space-between; width:100%; border-bottom: 2px solid black; padding-bottom: 5px; min-width:800px; } .sheet-carBlock { width:335px; flex-wrap:wrap; justify-content: space-between; align-content:baseline; border-radius:5px; background-color:BurlyWood; padding:5px; margin-right:5px; margin-left:5px; } .sheet-carBlock > h3, .sheet-attrBlock > h3 { width:100%; display:flex; } .sheet-carBlock > label { width:50%; display:flex; padding:0px; margin:0px; } .sheet-carBlock > label > span { width:calc(100% - 70px); display:flex; font-weight:bold; padding:0px; margin:0px; font-size:13px; line-height: 26px; font-variant:small-caps; padding-left:2px; } .sheet-carBlock > label > button[type="roll"] { width:20px; display:flex; padding:0px; margin:0px; height: 25px; border-radius:0px; } .sheet-carBlock > label > button[type="roll"]:last-child { border-left:0px; } .sheet-carBlock > label > button[type="roll"]::before { margin:auto; } .sheet-carBlock > label > button[type="roll"]:last-child::before { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; content:"T"; } .sheet-carBlock > label > input[type="number"] { display: flex; width: 25px; text-align: center; border-radius: 0px; padding: 0px; } .sheet-attrBlock > label > input[type="number"] { display:flex; width:45px; text-align:center; border-radius:0px; height:27px; margin-right:21px; } .sheet-attrBlock { width:160px; flex-wrap:wrap; justify-content: space-between; align-content:baseline; border-radius:5px; background-color:BurlyWood; padding:5px; } .sheet-attrBlock > label { width:100%; display:flex; padding:0px; margin:0px; } .sheet-attrBlock > label > h6 { width:100%; display:flex; line-height:26px; font-variant:small-caps; font-size:13px; } .sheet-attrBlock > label > input[type="checkbox"] { width:15px; height:15px; position:absolute; opacity:0; opacity: 0; z-index: 1; margin-left: 142px; margin-top: 7px; } .sheet-attrBlock > label > input[type="checkbox"]:checked ~ span::before { content:"-"; } .sheet-attrBlock > label > span { width:15px; height:15px; position:absolute; margin-left: 141px; margin-top: 4px; opacity:0; } .sheet-attrBlock > label > input[type="checkbox"]:checked ~ span { opacity:1; } .sheet-attrBlock > label:hover > span { opacity:1; } .sheet-attrBlock > label > span::before { font-family: Pictos; content:"+"; } .sheet-attrBlock > label > div { display:none; flex-wrap:wrap; } .sheet-attrBlock > label > div > label { width:100%; padding:0px; margin:0px; font-size:13px; font-weight:normal; } .sheet-attrBlock > label:not(:last-child) > div > label:last-child { margin-bottom:2px; } .sheet-attrBlock > label > div > h5 { width:calc(100% - 21px); border-bottom:1px solid black; font-variant:small-caps; text-align:center; } .sheet-attrBlock > label > div > label > span { width:calc(100% - 66px); height:25px; align-items:center; } .sheet-attrBlock > label > div > label > input[type="number"] { width:45px; border-radius:0px; text-align:center; } .sheet-attrBlock > label > input[type="checkbox"]:checked ~ div, .sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label, .sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label > h5, .sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label > span, .sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label > input[type="number"] { display:flex; } .sheet-attrBlock > label > input[type="checkbox"]:checked ~ button[type="roll"], .sheet-attrBlock > label > input[type="checkbox"]:checked ~ input[type="number"], .sheet-attrBlock > label > input[type="checkbox"]:checked ~ h6 { display:none; } .sheet-idBlock { width:300px; flex-wrap:wrap; align-content: baseline; padding:5px; border-radius:5px; background-color:BurlyWood; padding:5px; } .sheet-idBlock > label:first-child { width:100%; margin-top:0px; } .sheet-idBlock > label:first-child > input[type="text"] { width:100%; border-radius:0px; border-top:0px; border-right:0px; border-left:0px; text-align:center; font-size:15px; font-variant:small-caps; margin:0px; background-color:transparent; border-bottom-color:sienna; } .sheet-idBlock > label:last-child { width:100%; flex-wrap:wrap; margin-top:0px; } .sheet-idBlock > label:last-child > input[type="text"] { width:100%; border-radius:0px; margin:0px; } .sheet-idBlock > label:last-child > span { width:auto; margin: auto; height:30px; align-items: end; } .sheet-idBlock > label { width:33.33%; display:flex; margin:0px; padding:0px; height: 30px; margin-top:5px; } .sheet-idBlock > label:nth-child(2) > input[type="text"]:last-child, .sheet-idBlock > label:nth-child(3) > input[type="text"]:last-child { margin-right:5px; } .sheet-idBlock > label > input[type="text"] { width:calc(100% - 50px); display:flex; border-radius:0px; } .sheet-idBlock > label > span { width:50px; font-size: 13px; font-weight: normal; display: flex; align-items:end; } .sheet-bodyBlock, .sheet-bottomBlock { width:calc(100% - 10px); margin-top:2px; border-radius:5px; background-color:BurlyWood; padding:5px; margin-bottom:5px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock { width:30%; flex-wrap:wrap; align-content: baseline; min-width: 252px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label { display:flex; width:100%; margin:0px; padding:0px; flex-wrap:wrap; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label:first-child { flex-wrap:nowrap; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label:first-child > span:first-child { margin-right:2px; align-items:center; height:auto; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > input[type="text"] { width:100%; border-radius:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > span, .sheet-tab2 > .sheet-bodyBlock > .sheet-leftBlock > div > span { display:flex; width:auto; height:30px; font-size:15px; font-variant:small-caps; align-items:end; font-weight: bold; color:#333; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="text"] { display:flex; width:calc(100% - 15px); border-radius:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div.repcontrol, .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div.repcontainer { width:100%; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"] { width:15px; height:15px; position:absolute; opacity:0; z-index: 1; right:0px; right: -1px; margin-top: 7px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > span { width:15px; height:15px; position:absolute; opacity:0; right:0px; margin-top: 5px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked + span::before { content:"-"; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked + span { opacity:1; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div:hover > input[type="checkbox"] + span { opacity:1; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"] + span::before { font-family: Pictos; content:"+"; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked ~ div { display:flex; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked ~ input[type="text"] { border-bottom:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > div { display:none; } .sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > div > textarea { display:flex; height: calc(100px - 2px); margin: 0px; border: 1px solid sienna; border-radius: 0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock { width:400px; flex-wrap:wrap; min-width: 400px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:first-child { display:flex; width:100%; font-size:13px; font-variant:small-caps; font-weight:normal; justify-content:center; flex-wrap:wrap; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div { margin:0px; padding:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > label { display:flex; margin-bottom:auto; justify-content:center; padding:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(2) { display:flex; width:100%; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(3) { display:flex; width:calc(50% - 90px); font-size:13px; font-variant:small-caps; font-weight:normal; justify-content:right; align-items:end; margin-top:30px; flex-wrap:wrap; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:first-child > label > button, .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(3) > label > button, .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(6) > label > button { display:flex; width:110px; justify-content:center; padding:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(4) { display:flex; width:60px; margin-right:30px; margin-top:30px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(5) { display:flex; width:60px; margin-left:30px; margin-top:30px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(6) { display:flex; width:calc(50% - 90px); font-size:13px; font-variant:small-caps; font-weight:normal; justify-content:left; align-items:end; margin-top:30px; flex-wrap:wrap; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > span, .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > div { display:flex; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > span { justify-content:center; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > div { flex-wrap:wrap; justify-content:space-around; width: 110px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > div > input[type="checkbox"] { display:flex; margin: 3px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > input[type="number"] { display:flex; width: 50px; height: 50px; border-radius: 30px; margin: auto; text-align: center; font-size: 40px; padding: 0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock, .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock { width:30%; flex-wrap:wrap; min-width:160px; align-content: baseline; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label:first-child { margin-bottom:5px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label, .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label { margin:0px; padding:0px; font-size:15px; font-weight:bold; font-variant:small-caps; width:100%; display:flex; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label > span:first-child, .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label > span:first-child { width:calc(100% - 62px); justify-content:left; padding-left:2px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label > span { width:5px; display:flex; align-items: center; justify-content: center; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:last-child) > input[type="number"], .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label > input[type="number"] { width:28px; display:flex; text-align:center; border-radius:0px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label:nth-child(4) > input[type="number"] { width:60px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div { width:100%; display:flex; flex-wrap:wrap; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > input[type="hidden"][value$="0}"] ~ div { display:none; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child, .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) { justify-content:space-between; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) { flex-wrap:nowrap; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > span { width:100%; display:flex; height: 23px; font-size: 15px; font-variant: small-caps; align-items: end; font-weight: bold; color: #333; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child > span { width:calc(100% - 50px); } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child > input[type="number"] { text-align:center; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > span { width:calc(100% - 40px); height:25px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label { width:100%; display:flex; margin:0px; padding:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > h6 { width: calc(100% - 40px); display: flex; line-height: 27px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button, .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button { width: 20px; display: flex; padding: 0px; margin: 0px; height: 25px; border-radius: 0px; line-height: 25px; justify-content:center; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button:last-child, .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button:last-child { border-left:0px; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button:last-child::before, .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button:last-child::before { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; content: "T"; } .sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button::before { font-size:1.2em; } .sheet-compBlock { justify-content: space-between; flex-wrap:wrap; } .sheet-compBlock > div { width:100%; flex-wrap:wrap; min-width:148.75px; justify-content:space-between; } .sheet-compBlock > div:last-child { margin-top:5px; } .sheet-compBlock > div > h3 { width:calc(25% - 15px); display:flex; padding-top:5px; padding-left:5px; padding-right:5px; color:BurlyWood; } .sheet-compBlock > div > div { width:calc(25% - 15px); border-radius:5px; background-color:BurlyWood; padding-right:5px; padding-left:5px; padding-bottom:5px; margin-bottom:auto; } .sheet-compBlock > div > div > span { display: flex; width: auto; height: 30px; font-size: 15px; font-weight:bold; font-variant: small-caps; align-items: end; } .sheet-compBlock > div > div > .repcontainer > .repitem > div, .sheet-compBlock > div > div > div { margin:0px; padding:0px; width:100%; display:flex; flex-wrap:wrap; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > label, .sheet-compBlock > div > div > div > label { margin: 0px; padding: 0px; width: calc(100% - 73px); margin-left: -5px; padding-left: 5px; margin-right: 3px; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > label > input[type="text"], .sheet-compBlock > div > div > div > label > input[type="text"] { width: 100%; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; font-size: 11px; font-variant: small-caps; color: #333; } .sheet-compBlock > div > div > div > span { width:calc(100% - 70px); font-variant:small-caps; display:flex; font-weight: normal; font-size: 11px; align-items:center; margin-left: -5px; padding-left: 5px; } .sheet-compBlock > div > div > div.sheet-compType > span { width:0px; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="number"], .sheet-compBlock > div > div > div > input[type="number"] { width:29px; display:flex; text-align:center; padding-right:0px; padding-left:0px; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > button, .sheet-compBlock > div > div > div > button[type="roll"] { width:13px; display:flex; justify-content: center; align-items: center; margin: 0px; border-radius:0px; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > button:nth-child(8), .sheet-compBlock > div > div > div:not(.sheet-compType) > button[type="roll"]:nth-child(7), .sheet-compBlock > div > div > div.sheet-compType > button[type="roll"]:nth-child(8) { border-left:0px; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > button:nth-child(4), .sheet-compBlock > div > div > div > button:nth-child(4) { margin: 0px; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > button:nth-child(8)::before, .sheet-compBlock > div > div > div > button[type="roll"]:nth-child(7)::before, .sheet-compBlock > div > div > div.sheet-compType > button[type="roll"]:nth-child(8)::before { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; content:"T"; } .sheet-compBlock > div > div > div.sheet-compType > button[type="roll"]:nth-child(7)::before { font-family: "dicefontd20"; content: "t"; } .sheet-compBlock > div > div > div > div.sheet-blockSpe, .sheet-compBlock > div > div > .repcontainer > .repitem > div > div.sheet-blockSpe { display:none; width:100%; flex-wrap:wrap; } .sheet-compBlock > div > div > .repcontainer, .sheet-compBlock > div > div > div > div.sheet-blockSpe > .repcontainer, .sheet-compBlock > div > div > .repcontainer > .repitem > div > div.sheet-blockSpe > .repcontainer { width:100%; } .sheet-compBlock > div > div > .repcontrol, .sheet-compBlock > div > div > div > div.sheet-blockSpe > .repcontrol, .sheet-compBlock > div > div > .repcontainer > .repitem > div > div.sheet-blockSpe > .repcontrol { width:100%; display:block; } .sheet-compBlock > div > div > div > input[type="checkbox"] { position:absolute; margin-left: -15px; opacity: 0; width: 10px; height: 10px; margin-top: 7px; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"] { position: absolute; margin-left: -14px; opacity: 0; width: 11px; height: 11px; margin-top: 6px; z-index:1; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"] ~ span { width:0px; font-size: 13px; } .sheet-compBlock > div > div > div > input[type="checkbox"] ~ span::before { margin-left: -15px; content: "+"; font-family: Pictos; width: 11px; height: 11px; margin-top: -4px; margin-right: 5px; opacity:0; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"] ~ span::before { margin-left: -15px; content: "+"; font-family: Pictos; width: 11px; height: 11px; margin-top: 3px; margin-right: 5px; opacity: 0; position: absolute; } .sheet-compBlock > div > div > .repcontainer > .repitem > div:hover > input[type="checkbox"] ~ span::before, .sheet-compBlock > div > div > div:hover > input[type="checkbox"] ~ span::before { opacity:1; color:black; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"]:checked ~ span::before, .sheet-compBlock > div > div > div > input[type="checkbox"]:checked ~ span::before { content:"-"; } .sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"]:checked ~ div.sheet-blockSpe, .sheet-compBlock > div > div > div > input[type="checkbox"]:checked ~ div.sheet-blockSpe { display:flex; } .sheet-compBlock > div > div > .repcontainer > .repitem { width:100%; } .sheet-compBlock > div > div > .repcontainer > .repitem > .itemcontrol { display:none; } div.sheet-subBlockSpe > button[type="roll"]:nth-child(4)::before { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; content:"T"; } div.sheet-subBlockSpe > input[type="text"] { width:calc(100% - 72px); display:flex; margin-right:3px; padding-right:0px; } div.sheet-subBlockSpe > input[type="number"] { width:28px; text-align:center; display:flex; padding-right:0px; padding-left:0px; } div.sheet-subBlockSpe > button[type="roll"] { width: 13px; display: flex; justify-content: center; align-items: center; margin: 0px; border-radius:0px; } div.sheet-subBlockSpe > button[type="roll"]:nth-child(4) { border-left:0px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-leftBlock { width:30%; min-width:300px; align-content:baseline; flex-wrap:wrap; } .sheet-tab2 > .sheet-bodyBlock > .sheet-leftBlock > div { width:100%; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock { width:36%; min-width:300px; align-content:baseline; flex-wrap:wrap; margin-right: 10px; margin-left: 10px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > *, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > * > * { display:flex; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > label { width:100%; height: 30px; font-size: 15px; font-variant: small-caps; align-items: end; font-weight: bold; color: #333; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > label > span { width:auto; text-align:left; margin-left:auto; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > label > input[type="number"] { margin-right:auto; text-align:center; padding-left: 0px; padding-right: 0px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div { width:100%; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > span:nth-child(1) { width:10%; min-width:65px; align-items:center; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > span:nth-child(2) { width:5%; min-width:50px; justify-content: center; align-items:center; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > input { margin:5px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > input:nth-child(3) { margin-left:auto; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > input.sheet-SB { display:none; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label > input[readonly] { width:60px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:last-child) { margin-bottom:5px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div { width:100%; display:flex; flex-wrap:wrap; align-items:baseline; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > input[type="text"] { width: calc(100% - 65px); margin-right: 5px; padding: 0px; font-size: 15px; font-weight: bold; font-variant: small-caps; padding-bottom:1px; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > input[type="number"]:nth-child(2) { font-weight:bold; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > input[type="number"] { width:60px; text-align:center; } .sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > span { width:calc(100% - 60px); } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="1"] + div > input.sheet-SB1, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="2"] + div > input.sheet-SB1, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB1, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB1, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB1, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="2"] + div > input.sheet-SB2, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB2, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB2, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB2, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB3, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB3, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB3, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB4, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB4, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB5 { display:flex; } .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="1"] + div > input.sheet-SB1, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="2"] + div > input.sheet-SB2, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB3, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB4, .sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB5 { margin-right:auto; } .sheet-subBlockArmes { flex-wrap:wrap; } .sheet-subBlockArmes > input[type="text"] { width:100%; } .sheet-subBlockArmes > div.sheet-initiative { width:20%; justify-content:space-between; flex-wrap:wrap; display:flex; align-content:baseline; } .sheet-subBlockArmes > div.sheet-initiative > h6, .sheet-subBlockArmes > div.sheet-dommages > h6 { width:100%; justify-content:center; display:flex; } .sheet-subBlockArmes > div.sheet-initiative > input[type="number"] { width: calc(50% - 1px); text-align:center; margin: 0px; height: 27px; display:flex; } .sheet-subBlockArmes > div.sheet-initiative > button[type="roll"] { width: calc(50% - 1px); justify-content: center; margin: 0px; height: 26px; padding: 0px; border-radius: 0px; display:flex; align-items: center; font-size: 13px; border-right:0px; } .sheet-subBlockArmes > div.sheet-initiative > button[type="roll"]:last-child { border-top:0px; } .sheet-subBlockArmes > div.sheet-initiative > button[type="roll"]::before { content:""; } .sheet-subBlockArmes > div.sheet-dommages { width:80%; justify-content:space-between; display:flex; flex-wrap: wrap; } .sheet-subBlockArmes > div.sheet-dommages > select { margin:0px; width:30%; text-align:center; display:flex; font-size:12px; padding: 0px; justify-content: center; } .sheet-subBlockArmes > div.sheet-dommages > span { width:10px; display:flex; align-items:center; } .sheet-subBlockArmes > div.sheet-dommages > input[type="number"] { width:calc(30% - 22px); text-align:center; display:flex; } .sheet-subBlockArmes > div.sheet-dommages > button[type="roll"] { width:15px; display: flex; margin: 0px; border-radius: 0px; justify-content: center; align-items: center; } .sheet-subBlockArmes > div.sheet-dommages > div { width: calc(100% - 3px); margin:0px; border: 1px solid sienna; font-size:13px; line-height:15px; } .sheet-tab3 > .sheet-bodyBlock, .sheet-tab4 > .sheet-bodyBlock { justify-content:space-between; } .sheet-tab3 > .sheet-bodyBlock { flex-wrap:wrap; } .sheet-tab3 > .sheet-bodyBlock > div { width:calc(30% - 5px); flex-wrap:wrap; border-right: 2px solid sienna; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock { width:calc(100% - 5px); flex-wrap:wrap; align-content: baseline; padding-right: 5px; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock { width:100%; flex-wrap:wrap; align-content: baseline; margin-top:auto; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > h4 { align-items:end; width:100%; display:flex; font-variant:small-caps; justify-content:center; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label { width:100%; display:flex; justify-content:space-between; padding:0px; margin:0px; align-items: baseline; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label:not(:last-child) { margin-bottom:10px; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label:last-child { border-top:2px solid sienna; margin:0px; padding:0px; display:flex; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label > h3, .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label > h3 { width:calc(75% - 5px); display:flex; align-items:end; font-variant:small-caps; min-width:175px; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label > input[type="number"] { width:calc(25% + 2px); display:flex; text-align:center; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label:last-child > input[type="number"] { width:calc(12.5% - 5px); display:flex; text-align:center; padding-right:0px; padding-left:0px; } .sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label:last-child > span { width:10px; display:flex; justify-content:center; align-items: end; font-size: 20px; padding-bottom:3px; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock { width:calc(70% - 5px); flex-wrap:wrap; align-content: baseline; justify-content:space-between; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > h3 { width:100%; display:flex; font-variant:small-caps; align-items:end; justify-content:center; margin-top:5px; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div { width:calc(33.33% - 20px); display:flex; flex-wrap:wrap; align-content:baseline; border:1px solid sienna; padding:5px; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(1), .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(2), .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(3), .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(4), .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(5), .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(6) { margin-bottom:20px; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label { display:flex; margin:0px; padding:0px; width:100%; justify-content:space-between; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label > h4 { display:flex; width:calc(70% - 5px); font-variant:small-caps; align-items:end; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label > span { display:flex; width:calc(70% - 5px); font-variant:small-caps; font-size:12px; align-items:end; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label > input[type="number"] { display:flex; width:calc(30% - 5px); text-align:center; } .sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label:first-child > input[type="number"] { font-weight:bold; } .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock, .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock { width:calc(50% - 50px); flex-wrap:wrap; align-content:baseline; } .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label { padding:0px; margin:0px; display:flex; } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock { width:100%; flex-wrap:wrap; } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > h3 { display:flex; width:100%; font-variant:small-caps; align-items:end; justify-content:center; } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div:nth-child(2) { display:flex; justify-content:space-between; } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div { width:100%; } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span { display:flex; width:calc(17.6% - 4px); justify-content: center; font-variant: small-caps; font-weight: bold; align-items:end; } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(7) { width:calc(17.6% - 4px); margin-right:27px; } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(5) { width:calc(17.6% - 25px); } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(4), .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(6) { width:calc(6% - 5px); } .sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div.repcontainer > div.repitem:not(:last-child) { margin-bottom:5px; } .sheet-subBlockSortilegesMaitrises { width:100%; flex-wrap:wrap; justify-content:space-between; } .sheet-subBlockSortilegesMaitrises > input[type="number"], .sheet-subBlockSortilegesMaitrises > input[type="text"], .sheet-subBlockSortilegesMaitrises > select { width:calc(17.6% - 5px); height:24px; margin:0px; } .sheet-subBlockSortilegesMaitrises > input[type="text"]:nth-child(5) { width:calc(17.6% - 25px); height:24px; margin:0px; } .sheet-subBlockSortilegesMaitrises > button { width:15px; height:18px; margin:0px !important; border-radius: 0px; margin-right:1px !important; } .sheet-subBlockSortilegesMaitrises > input[type="number"], .sheet-subBlockSortilegesMaitrises > select { text-align:center; } .sheet-subBlockSortilegesMaitrises > select { background:transparent; border:1px solid sienna; border-radius:0px; color:black; } .sheet-subBlockSortilegesMaitrises > textarea { width:calc(17.6% - 6px); background:transparent; border:1px solid sienna; height:22px; margin-bottom:0px; } .sheet-subBlockSortilegesMaitrises > div { margin-top:2px; width:calc(100% - 30px); margin-right:1px; font-size:13px; line-height:15px; border: 1px solid sienna; } .sheet-subBlockSortilegesMaitrises > input:nth-child(4), .sheet-subBlockSortilegesMaitrises > input:nth-child(6) { width:calc(6% - 5px); } .sheet-subBlockSortilegesMaitrises > button:last-child { width: 15px; display: flex; justify-content: center; align-items: center; margin: 0px; border-radius: 0px; margin-top:2px !important; } .sheet-subBlockSortilegesMaitrises > button:last-child::before { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; content: "T"; } .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > div, .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > span, .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > div { width:100%; } .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > span { font-size:14px; font-weight:bold; font-variant:small-caps; margin-top:2px; } .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label > h3, .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label > h4 { margin-right:2px; align-items:end; width:60px; display:flex; font-variant:small-caps; } .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label > input[type="text"] { height:auto; width:calc(100% - 62px); display:flex; padding-bottom:0px; padding-right:0px; padding-left:0px; } .sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > div.repcontainer > div.repitem:not(:last-child), .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > div.repcontainer > div.repitem:not(:last-child) { margin-bottom:1px; } .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label { display:flex; width:100%; padding:0px; margin:0px; } .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:first-of-type > span { width:135px; align-items:end; display:flex; font-size:12px; font-variant:small-caps; } .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:first-of-type > input[type="number"] { width:calc(100% - 145px); align-items:end; display:flex; padding-left:0px; padding-right:0px; text-align:center; padding-bottom:0px; } .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > h3 { width:calc(100% - 200px); margin-right:5px; align-items:end; display:flex; font-variant:small-caps; } .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > input[type="text"] { width:140px; text-align:center; font-weight:bold; padding-left:0px; padding-right:0px; margin-right:5px; } .sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > input[type="number"] { width:50px; text-align:center; font-weight:bold; padding-left:0px; padding-right:0px; } .sheet-subBlockCasteLien { flex-wrap:wrap; } .sheet-subBlockCasteLien > input[type="text"] { width: calc(100% - 1px); padding-right:0px; padding-left:0px; } .sheet-subBlockCasteLien > div { background: transparent; border: 1px solid sienna; margin: 0px; width: calc(100% - 3px); border-top: 0px; line-height:15px; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock { width:calc(70% - 5px); flex-wrap:wrap; align-content:baseline; justify-content:space-between; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child { width:100%; display:flex; flex-wrap:wrap; align-content:baseline; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > h3 { width:100%; align-items:end; display:flex; font-variant:small-caps; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) { width:100%; align-items:end; display:flex; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > span { width:calc(28.33% - 5px); margin-right:5px; align-items:end; display:flex; flex-wrap:wrap; justify-content:center; font-variant:small-caps; font-weight:bold; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > span:last-child { width:28.33%; margin-right:0px; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div { width:calc(15% - 3px); margin-right:3px; align-items:end; display:flex; flex-wrap:wrap; justify-content:center; font-variant:small-caps; font-weight:bold; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div > span:nth-child(2) { width:calc(50% - 3px); margin-right:5px; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div > span { width:calc(50% - 3px); align-items:end; display:flex; justify-content:center; font-variant:small-caps; font-weight:bold; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div > span:first-child, .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(4), .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(5) { width:100%; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > h3 { display:flex; width:100%; align-items:center; font-variant:small-caps; margin-top:10px; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:not(:first-child) { display:flex; width:calc(50% - 10px); flex-wrap:wrap; align-content:baseline; } .sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:not(:first-child) > div { width:100%; } .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock { width:calc(30% - 5px); align-items:baseline; margin-left:10px; flex-wrap:wrap; } .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div { display:flex; width:100%; flex-wrap:wrap; align-items: baseline; } .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div > h3 { display:flex; width:100%; align-items:center; font-variant:small-caps; height:22px; } .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:first-child > div, .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div { width:100%; } .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:not(:first-child) { margin-top:10px; } .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:not(:first-child) > input[type="number"] { width:calc(50% - 5px); margin-right:5px; display:flex; text-align:right; } .sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:not(:first-child) > span { width:calc(50% - 5px); margin-left:5px; display:flex; text-align:left; } .sheet-subBlockArmesEquipement { width:100%; display:flex; } .sheet-subBlockArmesEquipement > input[type="text"] { margin-right:7px; width:calc(28% - 5px); display:flex; padding-right:0px; padding-left:0px; } .sheet-subBlockArmesEquipement > div { width:calc(28% - 1px); margin:0px; border:1px solid sienna; background:transparent; display:flex; font-size:13px; line-height:15px; } .sheet-subBlockArmesEquipement > input[type="number"] { width:calc(7.5% - 5px); text-align:center; display:flex; margin-right:5px; padding-right:0px; padding-left:0px; } .sheet-subBlockArmuresEquipement { width:100%; display:flex; } .sheet-subBlockArmuresEquipement > input[type="text"] { width:100%; display:flex; padding-right:0px; padding-left:0px; height:28px; padding-top:4px; } .sheet-subBlockMaterielEquipement { width:100%; display:flex; } .sheet-subBlockMaterielEquipement > input[type="text"] { width:100%; height:28px; padding-top:4px; padding-right:0px; padding-left:0px; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock { width:100%; flex-wrap:wrap; justify-content:space-between; align-items:baseline; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > h3, .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > h3, .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > h3 { width: 100%; align-items: center; display: flex; font-variant: small-caps; justify-content:center; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div { width:calc(33.33% - 20px); margin:0px; padding:0px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div:first-child { margin-bottom:10px; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > button { width:70%; padding:0px; display:flex; justify-content:center; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > input[type="number"] { width:calc(30% - 6px); padding:0px; display:flex; text-align:center; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > div { display:flex; width:100%; justify-content:space-between; padding-right: 5px; padding-left: 5px; margin-top: 3px; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > div > input[type="checkbox"] { display:flex; } .sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > input[type="text"] { width:100%; display:flex; margin-left:1px; } .sheet-tab6 > .sheet-bottomBlock { justify-content:space-between; align-items:baseline; } .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock, .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock { width:calc(50% - 5px); display:flex; flex-wrap:wrap; align-items:baseline; } .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label, .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label { align-items:baseline; width:100%; margin:0px; padding:0px; display:flex; flex-wrap:wrap; } .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label:not(:last-child), .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:not(:last-child) { margin-bottom:5px; } .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > h4 { align-items:end; width:100%; display:flex; font-variant:small-caps; } .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > div, .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > input[type="text"] { width:100%; } .sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > div { margin: 0px; background: transparent; border: 1px solid sienna; width: calc(100% - 3px); font-size:13px; line-height:15px; } .sheet-subBlockCompagnons { width:100%; } .sheet-subBlockCompagnons > input[type="text"] { width:100%; display:flex; height:28px; } .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label { flex-wrap:wrap; justify-content:space-between; } .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > input[type="number"] { text-align:center; } .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:first-child > h4, .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > h5 { align-items:end; width:100%; display:flex; font-variant:small-caps; } .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:nth-child(2) > input[type="text"], .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > div { width:100%; } .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:not(:first-child) > h4 { align-items:end; width:calc(70% - 5px); display:flex; font-variant:small-caps; } .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:not(:first-child) > input[type="number"] { width:calc(30% - 5px); display:flex; } .sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > div.repcontainer > div.repitem:not(:last-child) { margin-bottom:5px; } .sheet-subBlockPouvoirsEclat { width:100%; } .sheet-subBlockPouvoirsEclat > input[type="text"] { width:100%; border-bottom:0px; padding-right:0px; padding-left:0px; font-variant:small-caps; } .sheet-subBlockPouvoirsEclat > div { margin: 0px; background: transparent; border: 1px solid sienna; width: calc(100% - 3px); font-size:13px; line-height:15px; } .sheet-rolltemplate-standard .sheet-mainBlock, .sheet-rolltemplate-magie .sheet-mainBlock, .sheet-rolltemplate-tendance .sheet-mainBlock, .sheet-rolltemplate-relance .sheet-mainBlock, .sheet-rolltemplate-verdict .sheet-mainBlock, .sheet-rolltemplate-combat .sheet-mainBlock { width:100%; display:flex; flex-wrap:wrap; background-color:BurlyWood; border-radius:10px; } .sheet-rolltemplate-standard .sheet-mainBlock > *, .sheet-rolltemplate-standard .sheet-mainBlock > * > *, .sheet-rolltemplate-magie .sheet-mainBlock > *, .sheet-rolltemplate-magie .sheet-mainBlock > * > *, .sheet-rolltemplate-tendance .sheet-mainBlock > *, .sheet-rolltemplate-tendance .sheet-mainBlock > * > *, .sheet-rolltemplate-relance .sheet-mainBlock > *, .sheet-rolltemplate-verdict .sheet-mainBlock > *, .sheet-rolltemplate-combat .sheet-mainBlock > * { display:flex; } .sheet-rolltemplate-standard .sheet-mainBlock > h3, .sheet-rolltemplate-magie .sheet-mainBlock > h3, .sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-relance > h4, .sheet-rolltemplate-tendance .sheet-mainBlock > h3, .sheet-rolltemplate-relance .sheet-mainBlock > h3, .sheet-rolltemplate-combat .sheet-mainBlock > h3, .sheet-rolltemplate-standard .sheet-mainBlock > div > h4, .sheet-rolltemplate-tendance .sheet-mainBlock > h4 { width:100%; justify-content:center; font-variant:small-caps; } .sheet-rolltemplate-standard .sheet-mainBlock > h3, .sheet-rolltemplate-magie .sheet-mainBlock > h3, .sheet-rolltemplate-tendance .sheet-mainBlock > h3, .sheet-rolltemplate-relance .sheet-mainBlock > h3, .sheet-rolltemplate-verdict .sheet-mainBlock > h3, .sheet-rolltemplate-combat .sheet-mainBlock > h3 { border-bottom:1px solid black; } .sheet-rolltemplate-standard .sheet-mainBlock > div > h4, .sheet-rolltemplate-magie .sheet-mainBlock > div > h4, .sheet-rolltemplate-tendance .sheet-mainBlock > h4:not(:nth-child(2)) { border-top:1px solid black; } .sheet-rolltemplate-magie .sheet-mainBlock > div > h4 { width:100%; padding-right:2px; padding-left:2px; } .sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-resume > span { height: auto !important; word-break: break-all; width: 100% !important; text-align: justify; padding-right: 2px; } .sheet-rolltemplate-initiative .sheet-mainBlock > span, .sheet-rolltemplate-combat .sheet-mainBlock > span { height: 25px; align-items: center; justify-content:left; width:50%; padding-left:2px; } .sheet-rolltemplate-combat .sheet-mainBlock > span:last-child { width:100%; padding:2px; justify-content:justify; } .sheet-rolltemplate-combat .sheet-mainBlock > span:nth-child(3), .sheet-rolltemplate-combat .sheet-mainBlock > span:nth-child(5) { height: 25px; align-items: center; justify-content:center; width:calc(50% - 6px); } .sheet-rolltemplate-standard .sheet-mainBlock > div > span, .sheet-rolltemplate-magie .sheet-mainBlock > span, .sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-relance > span, .sheet-rolltemplate-relance .sheet-mainBlock > span { height: 25px; align-items: center; justify-content:center; width:30%; } .sheet-rolltemplate-standard .sheet-mainBlock > div.sheet-result > span:nth-child(odd), .sheet-rolltemplate-standard .sheet-mainBlock > div.sheet-relance > span:nth-child(even), .sheet-rolltemplate-magie .sheet-mainBlock > span:nth-child(even), .sheet-rolltemplate-relance .sheet-mainBlock > span:nth-child(even) { align-items:center; width:calc(70% - 2px); justify-content:left; padding-left:2px; height: 25px; } .sheet-rolltemplate-magie .sheet-mainBlock > div > span:nth-child(even) { align-items:center; width:calc(70% - 6px); justify-content:left; padding-left:2px; height: 25px; } .sheet-rolltemplate-standard .sheet-mainBlock > div, .sheet-rolltemplate-standard .sheet-mainBlock > div > div, .sheet-rolltemplate-magie .sheet-mainBlock > div, .sheet-rolltemplate-magie .sheet-mainBlock > div > div, .sheet-rolltemplate-tendance .sheet-mainBlock > div, .sheet-rolltemplate-relance .sheet-mainBlock > div { width:100%; flex-wrap:wrap; } .sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-relance > span { } .sheet-rolltemplate-standard .sheet-mainBlock > div > div, .sheet-rolltemplate-magie .sheet-mainBlock > div > div, .sheet-rolltemplate-relance .sheet-mainBlock > div { border-top:1px solid black; justify-content:center; align-items:center; height:25px; } .sheet-rolltemplate-standard .sheet-mainBlock > h4, .sheet-rolltemplate-tendance .sheet-mainBlock > h4 { justify-content:center; width:100%; } .sheet-rolltemplate-relance .sheet-mainBlock > span:nth-child(even) { align-items:center; width:calc(70% - 2px); justify-content:left; padding-left:2px; height: 25px; } .sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-score { justify-content:center; margin-bottom:2px; } .sheet-rolltemplate-tendance .sheet-mainBlock > div > span:nth-child(odd) { align-items:center; width:calc(70% - 2px); justify-content:left; padding-left:2px; height: 30px; } .sheet-rolltemplate-tendance .sheet-mainBlock > div > span:nth-child(even) { align-items:center; width:30%; justify-content:center; height: 30px; } .sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-tendance > span:nth-child(even) { width:calc(30% - 27px); } .sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-tendance > span:last-child { width:25px; } .sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-resume > h4 { width:100%; } .sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-resume > span { word-break: break-all; width: 100%; text-align: justify; padding-right: 2px; height:auto; } .sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-cpc { justify-content:center; } .sheet-rolltemplate-tendance .sheet-mainBlock > div > span { height: 25px; align-items: center; justify-content:center; width:calc(30% - 25px); height:30px; } .sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-score > span { justify-content:right; align-items:center; padding-right:5px; padding-left:5px; width:calc(50% - 10px); } .sheet-rolltemplate-verdict .sheet-mainBlock > h4 { width:100%; text-align:center; font-variant:small-caps; border-bottom:1px solid black; } .sheet-rolltemplate-verdict .sheet-mainBlock > span { width:100%; } .sheet-rolltemplate-verdict .sheet-mainBlock > span:nth-child(even) { font-variant:small-caps; font-weight:bold; justify-content:center; text-align: center; } .sheet-rolltemplate-verdict .sheet-mainBlock > span:nth-child(odd) { text-align:justify; margin-bottom:5px; padding-right: 2px; padding-left: 2px; } .sheet-rolltemplate-tendance .sheet-mainBlock > div > span:nth-child(even) { justify-content:left; } .sheet-rolltemplate-standard .sheet-Green, .sheet-rolltemplate-magie .sheet-Green, .sheet-rolltemplate-relance .sheet-Green { color:Green; font-weight:bold; } .sheet-rolltemplate-standard .sheet-Red, .sheet-rolltemplate-magie .sheet-Red, .sheet-rolltemplate-relance .sheet-Red { color:Red; font-weight:bold; } .sheet-rolltemplate-standard .inlinerollresult, .sheet-rolltemplate-magie .inlinerollresult, .sheet-rolltemplate-tendance .inlinerollresult, .sheet-rolltemplate-relance .inlinerollresult, .sheet-rolltemplate-combat .inlinerollresult, .sheet-rolltemplate-combat .inlinerollresult.fullcrit, .sheet-rolltemplate-combat .inlinerollresult.fullfail, .sheet-rolltemplate-combat .inlinerollresult.importantroll { background-color: transparent; border: none; } .sheet-rolltemplate-standard .inlinerollresult.fullcrit, .sheet-rolltemplate-magie .inlinerollresult.fullcrit, .sheet-rolltemplate-tendance .inlinerollresult.fullcrit, .sheet-rolltemplate-relance .inlinerollresult.fullcrit { border: none; color:Green; } .sheet-rolltemplate-standard .inlinerollresult.fullfail, .sheet-rolltemplate-magie .inlinerollresult.fullfail, .sheet-rolltemplate-tendance .inlinerollresult.fullfail, .sheet-rolltemplate-relance .inlinerollresult.fullfail { border: none; color:Red; } .sheet-rolltemplate-standard .inlinerollresult.importantroll, .sheet-rolltemplate-magie .inlinerollresult.importantroll, .sheet-rolltemplate-tendance .inlinerollresult.importantroll, .sheet-rolltemplate-relance .inlinerollresult.importantroll { border: none; } .sheet-rolltemplate-standard a[href^="~"], .sheet-rolltemplate-magie a[href^="~"], .sheet-rolltemplate-tendance a[href^="~"], .sheet-rolltemplate-relance a[href^="~"] { background-color:Chocolate; color:black; font-weight:bold; font-variant:small-caps; }