diff --git a/Court Of Blades/CourtOfBlades.css b/Court Of Blades/CourtOfBlades.css index 00098bea0f..89c7cc2ab8 100644 --- a/Court Of Blades/CourtOfBlades.css +++ b/Court Of Blades/CourtOfBlades.css @@ -1,181 +1,148 @@ -@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,500;0,700;1,500;1,700&display=swap"); - -/* || +@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,500;0,700;1,500;1,700&display=swap"); /* || Disables Roll20's styling where necessary */ - .charsheet .court-of-blades .page { - font-family: "EB Garamond", serif; - font-size: 12px; - line-height: 16px; - font-weight: 500; - color: black; - z-index: -13; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 115px, transparent 115px), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Court%20Of%20Blades/Images/bg-web.png"); - background-repeat: repeat; + font-family: "EB Garamond", serif; + font-size: 12px; + line-height: 16px; + font-weight: 500; + color: black; + z-index: -13; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 115px, transparent 115px), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Court%20Of%20Blades/Images/bg-web.png"); + background-repeat: repeat; } - .charsheet .court-of-blades .page .hidden { - display: none; + display: none; } - .charsheet .court-of-blades .page *, .charsheet .court-of-blades .page div { - box-sizing: border-box; + box-sizing: border-box; } - .charsheet .court-of-blades .page button { - padding: 2px; - font-size: 12px; - margin: 0px; - border: none; - color: black; + padding: 2px; + font-size: 12px; + margin: 0px; + border: none; + color: black; +} +.charsheet .court-of-blades .page button.button-action, .charsheet .court-of-blades .page button.button-attr { + appearance: none; + text-shadow: none; + background: none; + box-shadow: none; } - -.charsheet .court-of-blades .page button.button-action, .charsheet .court-of-blades .page button.button-attr { - appearance: none; - text-shadow: none; - background: none; - box-shadow: none; + color: lightgray; } - -.charsheet .court-of-blades .page button.button-attr { - color: lightgray; -} - .charsheet .court-of-blades .page button[type=roll]::after, .charsheet .court-of-blades .page button[type=roll]::before { - content: none; + content: none; } - .charsheet .court-of-blades .page .itemcontrol { - z-index: 2; + z-index: 2; } - .charsheet .court-of-blades .page .itemcontrol .repcontrol_move { - z-index: 5; + z-index: 5; } - .charsheet .court-of-blades .page .repblock .repcontainer { - display: block; + display: block; } - .charsheet .court-of-blades .page .repcol2 .repcontainer { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-flow: row; + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-flow: row; } - .charsheet .court-of-blades .page .repcol3 .repcontainer { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-auto-flow: row; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-flow: row; } - .charsheet .court-of-blades .page .repcontainer { - display: flex; + display: flex; } - .charsheet .court-of-blades .page .repcontrol { - padding: 3px; + padding: 3px; } - .charsheet .court-of-blades .page .item-list .repcontainer, .charsheet .court-of-blades .page .contact-list .repcontainer, .charsheet .court-of-blades .page .ability-list .repcontainer, .charsheet .court-of-blades .page .xp-list .repcontainer { - flex-direction: column; + flex-direction: column; } - .charsheet .court-of-blades .page ul { - padding: 0; - margin: 2px; - list-style-type: none; + padding: 0; + margin: 2px; + list-style-type: none; } - .charsheet .court-of-blades .page fieldset, .charsheet .court-of-blades .page p, .charsheet .court-of-blades .page select, .charsheet .court-of-blades .page label, .charsheet .court-of-blades .page textarea, .charsheet .court-of-blades .page input { - height: auto; - width: 100%; - padding: 0; - margin: 0; - border-color: none; - border-style: none; - border-width: 0; - border: none; - border-radius: 0; - background: none; - border-image: none; - font-size: 12px; - line-height: 16px; - display: inline-block; - font-family: "EB Garamond", serif; - color: black; + height: auto; + width: 100%; + padding: 0; + margin: 0; + border-color: none; + border-style: none; + border-width: 0; + border: none; + border-radius: 0; + background: none; + border-image: none; + font-size: 12px; + line-height: 16px; + display: inline-block; + font-family: "EB Garamond", serif; + color: black; } - .charsheet .court-of-blades .page p, .charsheet .court-of-blades .page label { - width: auto; + width: auto; } - .charsheet .court-of-blades .page img { - width: min-content; - max-width: min-content; + width: min-content; + max-width: min-content; } - .charsheet .court-of-blades .page input:not([type=text]) { - appearance: none; - outline: none; + appearance: none; + outline: none; } - .charsheet .court-of-blades .page p { - margin: 2px; + margin: 2px; } - .charsheet .court-of-blades .page textarea { - width: 100%; - height: 100%; - border: none; - resize: vertical; - color: black; + width: 100%; + height: 100%; + border: none; + resize: vertical; + color: black; } - .charsheet .court-of-blades .page button.customsetting { - margin: 2px 0px; + margin: 2px 0px; } - .charsheet .court-of-blades .page .b { - font-weight: 700; + font-weight: 700; } - .charsheet .court-of-blades .page .i { - font-style: italic; + font-style: italic; } - .charsheet .court-of-blades .page select.customsetting { - width: max-content; + width: max-content; } - .charsheet .court-of-blades .page input.customsetting { - width: 10em; + width: 10em; } - .charsheet .court-of-blades .page input.attribute-for-label { - display: inline; - width: max-content; + display: inline; + width: max-content; } - .charsheet .court-of-blades .page .grid-gmturn-row input[type=text], .charsheet .court-of-blades .page .grid-gmturn-row button { - z-index: 5; + z-index: 5; } - /* || Classes for using grids @@ -190,1108 +157,878 @@ gapw-n Sets the grid gap width (row-width) of the grid container to n gaph-n Sets the grid gap heigh (row-width) of the grid container to n */ - .charsheet .court-of-blades .page .gw-1 { - grid-column: span 1; + grid-column: span 1; } - .charsheet .court-of-blades .page .gh-1 { - grid-row: span 1; + grid-row: span 1; } - .charsheet .court-of-blades .page .gtw-1 { - grid-template-columns: repeat(1, minmax(1em, 1fr)); + grid-template-columns: repeat(1, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-1 { - grid-template-rows: repeat(1, minmax(1em, max-content)); + grid-template-rows: repeat(1, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-2 { - grid-column: span 2; + grid-column: span 2; } - .charsheet .court-of-blades .page .gh-2 { - grid-row: span 2; + grid-row: span 2; } - .charsheet .court-of-blades .page .gtw-2 { - grid-template-columns: repeat(2, minmax(1em, 1fr)); + grid-template-columns: repeat(2, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-2 { - grid-template-rows: repeat(2, minmax(1em, max-content)); + grid-template-rows: repeat(2, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-3 { - grid-column: span 3; + grid-column: span 3; } - .charsheet .court-of-blades .page .gh-3 { - grid-row: span 3; + grid-row: span 3; } - .charsheet .court-of-blades .page .gtw-3 { - grid-template-columns: repeat(3, minmax(1em, 1fr)); + grid-template-columns: repeat(3, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-3 { - grid-template-rows: repeat(3, minmax(1em, max-content)); + grid-template-rows: repeat(3, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-4 { - grid-column: span 4; + grid-column: span 4; } - .charsheet .court-of-blades .page .gh-4 { - grid-row: span 4; + grid-row: span 4; } - .charsheet .court-of-blades .page .gtw-4 { - grid-template-columns: repeat(4, minmax(1em, 1fr)); + grid-template-columns: repeat(4, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-4 { - grid-template-rows: repeat(4, minmax(1em, max-content)); + grid-template-rows: repeat(4, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-5 { - grid-column: span 5; + grid-column: span 5; } - .charsheet .court-of-blades .page .gh-5 { - grid-row: span 5; + grid-row: span 5; } - .charsheet .court-of-blades .page .gtw-5 { - grid-template-columns: repeat(5, minmax(1em, 1fr)); + grid-template-columns: repeat(5, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-5 { - grid-template-rows: repeat(5, minmax(1em, max-content)); + grid-template-rows: repeat(5, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-6 { - grid-column: span 6; + grid-column: span 6; } - .charsheet .court-of-blades .page .gh-6 { - grid-row: span 6; + grid-row: span 6; } - .charsheet .court-of-blades .page .gtw-6 { - grid-template-columns: repeat(6, minmax(1em, 1fr)); + grid-template-columns: repeat(6, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-6 { - grid-template-rows: repeat(6, minmax(1em, max-content)); + grid-template-rows: repeat(6, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-7 { - grid-column: span 7; + grid-column: span 7; } - .charsheet .court-of-blades .page .gh-7 { - grid-row: span 7; + grid-row: span 7; } - .charsheet .court-of-blades .page .gtw-7 { - grid-template-columns: repeat(7, minmax(1em, 1fr)); + grid-template-columns: repeat(7, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-7 { - grid-template-rows: repeat(7, minmax(1em, max-content)); + grid-template-rows: repeat(7, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-8 { - grid-column: span 8; + grid-column: span 8; } - .charsheet .court-of-blades .page .gh-8 { - grid-row: span 8; + grid-row: span 8; } - .charsheet .court-of-blades .page .gtw-8 { - grid-template-columns: repeat(8, minmax(1em, 1fr)); + grid-template-columns: repeat(8, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-8 { - grid-template-rows: repeat(8, minmax(1em, max-content)); + grid-template-rows: repeat(8, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-9 { - grid-column: span 9; + grid-column: span 9; } - .charsheet .court-of-blades .page .gh-9 { - grid-row: span 9; + grid-row: span 9; } - .charsheet .court-of-blades .page .gtw-9 { - grid-template-columns: repeat(9, minmax(1em, 1fr)); + grid-template-columns: repeat(9, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-9 { - grid-template-rows: repeat(9, minmax(1em, max-content)); + grid-template-rows: repeat(9, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-10 { - grid-column: span 10; + grid-column: span 10; } - .charsheet .court-of-blades .page .gh-10 { - grid-row: span 10; + grid-row: span 10; } - .charsheet .court-of-blades .page .gtw-10 { - grid-template-columns: repeat(10, minmax(1em, 1fr)); + grid-template-columns: repeat(10, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-10 { - grid-template-rows: repeat(10, minmax(1em, max-content)); + grid-template-rows: repeat(10, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-11 { - grid-column: span 11; + grid-column: span 11; } - .charsheet .court-of-blades .page .gh-11 { - grid-row: span 11; + grid-row: span 11; } - .charsheet .court-of-blades .page .gtw-11 { - grid-template-columns: repeat(11, minmax(1em, 1fr)); + grid-template-columns: repeat(11, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-11 { - grid-template-rows: repeat(11, minmax(1em, max-content)); + grid-template-rows: repeat(11, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-12 { - grid-column: span 12; + grid-column: span 12; } - .charsheet .court-of-blades .page .gh-12 { - grid-row: span 12; + grid-row: span 12; } - .charsheet .court-of-blades .page .gtw-12 { - grid-template-columns: repeat(12, minmax(1em, 1fr)); + grid-template-columns: repeat(12, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-12 { - grid-template-rows: repeat(12, minmax(1em, max-content)); + grid-template-rows: repeat(12, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-13 { - grid-column: span 13; + grid-column: span 13; } - .charsheet .court-of-blades .page .gh-13 { - grid-row: span 13; + grid-row: span 13; } - .charsheet .court-of-blades .page .gtw-13 { - grid-template-columns: repeat(13, minmax(1em, 1fr)); + grid-template-columns: repeat(13, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-13 { - grid-template-rows: repeat(13, minmax(1em, max-content)); + grid-template-rows: repeat(13, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-14 { - grid-column: span 14; + grid-column: span 14; } - .charsheet .court-of-blades .page .gh-14 { - grid-row: span 14; + grid-row: span 14; } - .charsheet .court-of-blades .page .gtw-14 { - grid-template-columns: repeat(14, minmax(1em, 1fr)); + grid-template-columns: repeat(14, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-14 { - grid-template-rows: repeat(14, minmax(1em, max-content)); + grid-template-rows: repeat(14, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-15 { - grid-column: span 15; + grid-column: span 15; } - .charsheet .court-of-blades .page .gh-15 { - grid-row: span 15; + grid-row: span 15; } - .charsheet .court-of-blades .page .gtw-15 { - grid-template-columns: repeat(15, minmax(1em, 1fr)); + grid-template-columns: repeat(15, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-15 { - grid-template-rows: repeat(15, minmax(1em, max-content)); + grid-template-rows: repeat(15, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-16 { - grid-column: span 16; + grid-column: span 16; } - .charsheet .court-of-blades .page .gh-16 { - grid-row: span 16; + grid-row: span 16; } - .charsheet .court-of-blades .page .gtw-16 { - grid-template-columns: repeat(16, minmax(1em, 1fr)); + grid-template-columns: repeat(16, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-16 { - grid-template-rows: repeat(16, minmax(1em, max-content)); + grid-template-rows: repeat(16, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-17 { - grid-column: span 17; + grid-column: span 17; } - .charsheet .court-of-blades .page .gh-17 { - grid-row: span 17; + grid-row: span 17; } - .charsheet .court-of-blades .page .gtw-17 { - grid-template-columns: repeat(17, minmax(1em, 1fr)); + grid-template-columns: repeat(17, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-17 { - grid-template-rows: repeat(17, minmax(1em, max-content)); + grid-template-rows: repeat(17, minmax(1em, max-content)); } - .charsheet .court-of-blades .page .gw-18 { - grid-column: span 18; + grid-column: span 18; } - .charsheet .court-of-blades .page .gh-18 { - grid-row: span 18; + grid-row: span 18; } - .charsheet .court-of-blades .page .gtw-18 { - grid-template-columns: repeat(18, minmax(1em, 1fr)); + grid-template-columns: repeat(18, minmax(1em, 1fr)); } - .charsheet .court-of-blades .page .gth-18 { - grid-template-rows: repeat(18, minmax(1em, max-content)); + grid-template-rows: repeat(18, minmax(1em, max-content)); } .charsheet .court-of-blades .page .gapw-2 { - column-gap: 2px; + column-gap: 2px; } - .charsheet .court-of-blades .page .gaph-2 { - row-gap: 2px; + row-gap: 2px; } - .charsheet .court-of-blades .page .gapw-4 { - column-gap: 4px; + column-gap: 4px; } - .charsheet .court-of-blades .page .gaph-4 { - row-gap: 4px; + row-gap: 4px; } - .charsheet .court-of-blades .page .gapw-6 { - column-gap: 6px; + column-gap: 6px; } - .charsheet .court-of-blades .page .gaph-6 { - row-gap: 6px; + row-gap: 6px; } - .charsheet .court-of-blades .page .gapw-8 { - column-gap: 8px; + column-gap: 8px; } - .charsheet .court-of-blades .page .gaph-8 { - row-gap: 8px; + row-gap: 8px; } - .charsheet .court-of-blades .page .gapw-10 { - column-gap: 10px; + column-gap: 10px; } - .charsheet .court-of-blades .page .gaph-10 { - row-gap: 10px; + row-gap: 10px; } .charsheet .court-of-blades .page .grid { - display: grid; - grid-auto-flow: row; - width: auto; - place-self: stretch; - grid-auto-rows: minmax(1em, max-content); - z-index: auto; + display: grid; + grid-auto-flow: row; + width: auto; + place-self: stretch; + grid-auto-rows: minmax(1em, max-content); + z-index: auto; } - /* || A series of grids with differently sized columns. For grids with columns with equal widths, use .grid, .gth, and .gitw. */ - .charsheet .court-of-blades .page .grid-ability-row { - display: grid; - grid-template-columns: 1.5em 1fr; + display: grid; + grid-template-columns: 1.5em 1fr; } - .charsheet .court-of-blades .page .grid-ability-row-named { - display: grid; - grid-template-columns: 1.5em 3fr 7fr; + display: grid; + grid-template-columns: 1.5em 3fr 7fr; } - .charsheet .court-of-blades .page .grid-stat-row { - display: grid; - grid-template-columns: auto 1fr; - margin: -2px 0px; + display: grid; + grid-template-columns: auto 1fr; + margin: -2px 0px; } - .charsheet .court-of-blades .page .grid-favor-row { - display: grid; - grid-template-columns: 1fr max-content max-content 1fr; - justify-items: center; - padding-bottom: 5px; + display: grid; + grid-template-columns: 1fr max-content max-content 1fr; + justify-items: center; + padding-bottom: 5px; } - .charsheet .court-of-blades .page .grid-gmturn-row { - display: grid; - grid-template-columns: 200px 135px 1fr 370px; - column-gap: 10px; + display: grid; + grid-template-columns: 200px 135px 1fr 370px; + column-gap: 10px; } - .charsheet .court-of-blades .page .grid-gmnotes { - display: grid; - grid-template-columns: 1fr 575px; - column-gap: 6px; + display: grid; + grid-template-columns: 1fr 575px; + column-gap: 6px; } - .charsheet .court-of-blades .page .grid-favoured-contact { - display: grid; - grid-template-columns: max-content 1fr max-content; + display: grid; + grid-template-columns: max-content 1fr max-content; } - .charsheet .court-of-blades .page .grid-faction-row { - display: grid; - grid-template-columns: 48px 1fr 64px; + display: grid; + grid-template-columns: 48px 1fr 64px; } - .charsheet .court-of-blades .page .grid-faction-row select { - font-size: 18px; - font-weight: bold; - text-align: center; - vertical-align: middle; + font-size: 18px; + font-weight: bold; + text-align: center; + vertical-align: middle; } - .charsheet .court-of-blades .page .grid-faction-row .titlebox-title { - font-size: 24px; - line-height: 28px; - padding: 0px; - padding-top: 8px; + font-size: 24px; + line-height: 28px; + padding: 0px; + padding-top: 8px; } - .charsheet .court-of-blades .page .grid-faction-row input[type=text]:not(.titlebox-title) { - font-size: 16px; - height: 100%; - text-align: left; - vertical-align: middle; + font-size: 16px; + height: 100%; + text-align: left; + vertical-align: middle; } - .charsheet .court-of-blades .page .grid-xp-row { - display: grid; - grid-template-columns: 1em 1fr; + display: grid; + grid-template-columns: 1em 1fr; } - .charsheet .court-of-blades .page .grid-paramour { - display: grid; - grid-template-columns: auto 1fr max-content; + display: grid; + grid-template-columns: auto 1fr max-content; } - .charsheet .court-of-blades .page .grid-harm { - grid-template-columns: auto 40px/15px auto auto 40px; + grid-template-columns: auto 40px/15px auto auto 40px; } - .charsheet .court-of-blades .page .grid-harm textarea { - height: 100%; - overflow: hidden; - text-align: center; - font-size: 14px; - line-height: 16px; - color: rgb(200, 0, 0); - resize: none; + height: 100%; + overflow: hidden; + text-align: center; + font-size: 14px; + line-height: 16px; + color: rgb(200, 0, 0); + resize: none; } - /* || Various classes used for formatting */ - .charsheet .court-of-blades .page .ability-label { - font-weight: bold; - text-transform: uppercase; + font-weight: bold; + text-transform: uppercase; } - .charsheet .court-of-blades .page .round-borders { - border-radius: 1em; + border-radius: 1em; } - .charsheet .court-of-blades .page .round-borders-top { - border-top-right-radius: 1em; - border-top-left-radius: 1em; + border-top-right-radius: 1em; + border-top-left-radius: 1em; } - .charsheet .court-of-blades .page .round-borders-bottom { - border-bottom-right-radius: 1em; - border-bottom-left-radius: 1em; + border-bottom-right-radius: 1em; + border-bottom-left-radius: 1em; } - .charsheet .court-of-blades .page .xp-bullet { - margin-top: 8px; - margin-left: 5px; + margin-top: 8px; + margin-left: 5px; } - .charsheet .court-of-blades .page .font-med { - font-size: 18px; - line-height: 20px; + font-size: 18px; + line-height: 20px; } - .charsheet .court-of-blades .page input[type=text].mylabel, .charsheet .court-of-blades .page textarea.mylabel { - font-size: 14px; + font-size: 14px; } - .charsheet .court-of-blades .page textarea.mylabel { - margin-top: 2px; + margin-top: 2px; } - .charsheet .court-of-blades .page span.mylabel { - vertical-align: middle; - padding-left: 2px; + vertical-align: middle; + padding-left: 2px; } - .charsheet .court-of-blades .page .paramour-name { - height: 16px; - align-self: end; - font-size: 14px; - line-height: 16px; - border-bottom: 1px solid black; + height: 16px; + align-self: end; + font-size: 14px; + line-height: 16px; + border-bottom: 1px solid black; } - .charsheet .court-of-blades .page .min-h { - min-height: 2em; + min-height: 2em; } - .charsheet .court-of-blades .page .titlebox { - z-index: 1; + z-index: 1; } - .charsheet .court-of-blades .page .titlebox img { - width: 400px; - z-index: 3; + width: 400px; + z-index: 3; } - .charsheet .court-of-blades .page .upcase { - text-transform: uppercase; + text-transform: uppercase; } - .charsheet .court-of-blades .page .downcase { - text-transform: lowercase; + text-transform: lowercase; } - .charsheet .court-of-blades .page .capitalise { - text-transform: capitalize; + text-transform: capitalize; } - .charsheet .court-of-blades .page .bordered { - border: 1px solid black; - border-collapse: collapse; + border: 1px solid black; + border-collapse: collapse; } - .charsheet .court-of-blades .page .border-bold-left { - border-left: solid 3px black; + border-left: solid 3px black; } - .charsheet .court-of-blades .page .border-bold-top { - border-top: solid 3px black; + border-top: solid 3px black; } - .charsheet .court-of-blades .page .border-bold-right { - border-right: solid 3px black; + border-right: solid 3px black; } - .charsheet .court-of-blades .page .border-bold-bottom { - border-bottom: solid 3px black; + border-bottom: solid 3px black; } - .charsheet .court-of-blades .page .bg-light { - background-color: lightgray; - z-index: 2; + background-color: lightgray; + z-index: 2; } - .charsheet .court-of-blades .page .bg-med { - background-color: #999999; - z-index: 0; + background-color: #999999; + z-index: 0; } - .charsheet .court-of-blades .page .bg-black { - background-color: black; - color: white; - z-index: 1; + background-color: black; + color: white; + z-index: 1; } - .charsheet .court-of-blades .page .bg-white { - background-color: white; - color: black; + background-color: white; + color: black; } - .charsheet .court-of-blades .page .notes { - height: 100%; + height: 100%; } - .charsheet .court-of-blades .page .titlebox-subtitle { - font-weight: 700; - font-size: 14px; - line-height: 18px; - font-style: italic; - text-align: center; + font-weight: 700; + font-size: 14px; + line-height: 18px; + font-style: italic; + text-align: center; } - .charsheet .court-of-blades .page .border-left { - border-left-style: solid; - border-left-color: black; - border-left-width: 1px; + border-left-style: solid; + border-left-color: black; + border-left-width: 1px; } - .charsheet .court-of-blades .page .border-right { - border-right-style: solid; - border-right-color: black; - border-right-width: 1px; + border-right-style: solid; + border-right-color: black; + border-right-width: 1px; } - .charsheet .court-of-blades .page .border-top { - border-top-style: solid; - border-top-color: black; - border-top-width: 1px; + border-top-style: solid; + border-top-color: black; + border-top-width: 1px; } - .charsheet .court-of-blades .page input[type=text].border-bottom, .charsheet .court-of-blades .page .border-bottom { - border-bottom-style: solid; - border-bottom-color: black; - border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: black; + border-bottom-width: 1px; } - .charsheet .court-of-blades .page .emphasis { - font-weight: bold; - font-size: 20px; - line-height: 22px; + font-weight: bold; + font-size: 20px; + line-height: 22px; } - .charsheet .court-of-blades .page .skillname { - background: #333333; - color: lightgray; - font-weight: 700; - vertical-align: middle; + background: #333333; + color: lightgray; + font-weight: 700; + vertical-align: middle; } - .charsheet .court-of-blades .page .heading { - font-size: 18px; - line-height: 20px; - font-weight: 700; + font-size: 18px; + line-height: 20px; + font-weight: 700; } - .charsheet .court-of-blades .page .logo-title { - left: 40px; - max-height: 50px; - z-index: 3; + left: 40px; + max-height: 50px; + z-index: 3; } - .charsheet .court-of-blades .page .titlebox-title { - font-size: 48px; - line-height: 61px; - font-weight: 700; - font-style: italic; - text-align: center; - padding: 8px 2px; + font-size: 48px; + line-height: 61px; + font-weight: 700; + font-style: italic; + text-align: center; + padding: 8px 2px; } - .charsheet .court-of-blades .page .full-width { - width: 100%; + width: 100%; } - .charsheet .court-of-blades .page .paramourname { - font-size: 20px; - line-height: 22px; - font-style: italic; - font-weight: bold; + font-size: 20px; + line-height: 22px; + font-style: italic; + font-weight: bold; } - .charsheet .court-of-blades .page .pcdetail { - vertical-align: bottom; - background: none; - min-height: 2em; - font-size: 20px; - line-height: 22px; - width: 100%; - padding-top: 8px; - border-bottom-style: solid; - border-bottom-color: black; - border-bottom-width: 1px; + vertical-align: bottom; + background: none; + min-height: 2em; + font-size: 20px; + line-height: 22px; + width: 100%; + padding-top: 8px; + border-bottom-style: solid; + border-bottom-color: black; + border-bottom-width: 1px; } - .charsheet .court-of-blades .page .stat-grid { - grid-column-gap: 1px; - grid-row-gap: 4px; + grid-column-gap: 1px; + grid-row-gap: 4px; } - .charsheet .court-of-blades .page .row-cb-holder { - margin-top: 1px; + margin-top: 1px; } - .charsheet .court-of-blades .page .xptriggers input { - width: 100%; + width: 100%; } - .charsheet .court-of-blades .page .item-boxes { - display: none; - align-items: center; + display: none; + align-items: center; } - .charsheet .court-of-blades .page .item-boxes input { - display: none; + display: none; } - -.charsheet .court-of-blades .page .item-show-size[value="0"]~input, -.charsheet .court-of-blades .page .item-show-size[value="0"]~.item-boxes, -.charsheet .court-of-blades .page .item-show-style[value="0"]~input, -.charsheet .court-of-blades .page .item-show-style[value="0"]~.item-boxes { - display: none; +.charsheet .court-of-blades .page .item-show-size[value="0"] ~ input, .charsheet .court-of-blades .page .item-show-size[value="0"] ~ .item-boxes, +.charsheet .court-of-blades .page .item-show-style[value="0"] ~ input, +.charsheet .court-of-blades .page .item-show-style[value="0"] ~ .item-boxes { + display: none; } - -.charsheet .court-of-blades .page .item-show-size[value="0"]~.item-style-selector, -.charsheet .court-of-blades .page .item-show-size[value="0"]~.item-size-selector, -.charsheet .court-of-blades .page .item-show-style[value="0"]~.item-style-selector, -.charsheet .court-of-blades .page .item-show-style[value="0"]~.item-size-selector { - display: flex; +.charsheet .court-of-blades .page .item-show-size[value="0"] ~ .item-style-selector, .charsheet .court-of-blades .page .item-show-size[value="0"] ~ .item-size-selector, +.charsheet .court-of-blades .page .item-show-style[value="0"] ~ .item-style-selector, +.charsheet .court-of-blades .page .item-show-style[value="0"] ~ .item-size-selector { + display: flex; } - -.charsheet .court-of-blades .page .item-show-size:not([value="0"])+.item-show-style:not([value="0"])~.item-name, -.charsheet .court-of-blades .page .item-show-size:not([value="0"])+.item-show-style:not([value="0"])~.item-boxes { - display: flex; +.charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-name, .charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-boxes { + display: flex; } - -.charsheet .court-of-blades .page .item-show-size:not([value="0"])+.item-show-style:not([value="0"])~.item-style-selector, -.charsheet .court-of-blades .page .item-show-size:not([value="0"])+.item-show-style:not([value="0"])~.item-size-selector { - display: none; +.charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-style-selector, .charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-size-selector { + display: none; } - -.charsheet .court-of-blades .page .item-list .item-show-size[value="1"]~.item-boxes input:nth-child(1) { - display: block; +.charsheet .court-of-blades .page .item-list .item-show-size[value="1"] ~ .item-boxes input:nth-child(1) { + display: block; } - -.charsheet .court-of-blades .page .item-list .item-show-size[value="2"]~.item-boxes input:nth-child(1), -.charsheet .court-of-blades .page .item-list .item-show-size[value="2"]~.item-boxes input:nth-child(2) { - display: block; +.charsheet .court-of-blades .page .item-list .item-show-size[value="2"] ~ .item-boxes input:nth-child(1), +.charsheet .court-of-blades .page .item-list .item-show-size[value="2"] ~ .item-boxes input:nth-child(2) { + display: block; } - -.charsheet .court-of-blades .page .item-list .item-show-size[value="3"]~.item-boxes input { - display: block; +.charsheet .court-of-blades .page .item-list .item-show-size[value="3"] ~ .item-boxes input { + display: block; } - -.charsheet .court-of-blades .page .item-list .item-show-style[value*=b]~.item-name { - font-weight: bold; +.charsheet .court-of-blades .page .item-list .item-show-style[value*=b] ~ .item-name { + font-weight: bold; } - -.charsheet .court-of-blades .page .item-list .item-show-style[value*=i]~.item-name { - font-style: italic; +.charsheet .court-of-blades .page .item-list .item-show-style[value*=i] ~ .item-name { + font-style: italic; } - .charsheet .court-of-blades .page .factionnotesheader { - margin-top: 50px; + margin-top: 50px; } - .charsheet .court-of-blades .page .factionnotesheader span { - min-height: 10em; + min-height: 10em; } - .charsheet .court-of-blades .page .majorfactionlist input[type=text] { - padding-left: 12px; + padding-left: 12px; } .charsheet .court-of-blades .page [class^=flex-], .charsheet .court-of-blades .page [class*=" flex-"] { - display: flex; - flex-direction: row; - flex-wrap: nowrap; + display: flex; + flex-direction: row; + flex-wrap: nowrap; } - .charsheet .court-of-blades .page .flex-vert { - flex-direction: column; + flex-direction: column; } - .charsheet .court-of-blades .page .flex-left { - justify-content: flex-start; + justify-content: flex-start; } - .charsheet .court-of-blades .page .flex-right { - justify-content: flex-end; + justify-content: flex-end; } - .charsheet .court-of-blades .page .flex-center { - justify-content: center; + justify-content: center; } - .charsheet .court-of-blades .page .flex-vert-center { - align-items: center; + align-items: center; } - .charsheet .court-of-blades .page .flex-vert-bottom { - align-items: flex-end; + align-items: flex-end; } - .charsheet .court-of-blades .page .flex-spaced { - justify-content: space-between; - align-content: space-between; + justify-content: space-between; + align-content: space-between; } - .charsheet .court-of-blades .page .flex-grow { - flex-grow: 4; + flex-grow: 4; } - /* || Various classes used for layout */ - .charsheet .court-of-blades .page abso { - position: absolute; + position: absolute; } - .charsheet .court-of-blades .page .rela { - position: relative; + position: relative; } - .charsheet .court-of-blades .page div.content { - height: max-content; - width: max-content; + height: max-content; + width: max-content; } - .charsheet .court-of-blades .page .center-item { - display: flex; - justify-content: center; - align-items: center; + display: flex; + justify-content: center; + align-items: center; } - .charsheet .court-of-blades .page .max-width { - width: 100%; + width: 100%; } - .charsheet .court-of-blades .page .offset-for-title { - /* 0.83 400*/ - top: -54px; - left: 31px; - position: relative; + /* 0.83 400*/ + top: -54px; + left: 31px; + position: relative; } - .charsheet .court-of-blades .page .offset-innerpanel-left { - width: 435px; + width: 435px; } - .charsheet .court-of-blades .page .offset-innerpanel-full { - width: 998px; + width: 998px; } - .charsheet .court-of-blades .page .offset-from-top { - position: relative; - top: 48px; + position: relative; + top: 48px; } - .charsheet .court-of-blades .page .clock-size-selector select { - width: min-content; + width: min-content; } - .charsheet .court-of-blades .page .top-box { - height: 87px; + height: 87px; } - .charsheet .court-of-blades .page .text-left { - text-align: left; + text-align: left; } - .charsheet .court-of-blades .page .text-center { - text-align: center; + text-align: center; } - .charsheet .court-of-blades .page .text-right { - text-align: right; + text-align: right; } - .charsheet .court-of-blades .page .vert-top { - vertical-align: top; + vertical-align: top; } - .charsheet .court-of-blades .page .vert-middle { - vertical-align: middle; + vertical-align: middle; } - .charsheet .court-of-blades .page .vert-bottom { - vertical-align: bottom; + vertical-align: bottom; } - .charsheet .court-of-blades .page .marg-left { - margin-left: 0.5em; + margin-left: 0.5em; } - .charsheet .court-of-blades .page .marg-right { - margin-right: 0.5em; + margin-right: 0.5em; } - .charsheet .court-of-blades .page .marg-top { - margin-top: 0.5em; + margin-top: 0.5em; } - .charsheet .court-of-blades .page .marg-bottom { - margin-bottom: 0.5em; + margin-bottom: 0.5em; } - .charsheet .court-of-blades .page .pad-left { - padding-left: 0.5em; + padding-left: 0.5em; } - .charsheet .court-of-blades .page .pad-right { - padding-right: 0.5em; + padding-right: 0.5em; } - .charsheet .court-of-blades .page .pad-top { - padding-top: 0.5em; + padding-top: 0.5em; } - .charsheet .court-of-blades .page .pad-bottom { - padding-bottom: 0.5em; + padding-bottom: 0.5em; } - .charsheet .court-of-blades .page .align-center { - align-self: center; + align-self: center; } - .charsheet .court-of-blades .page .align-start { - align-self: start; + align-self: start; } - .charsheet .court-of-blades .page .align-end { - align-self: end; + align-self: end; } - .charsheet .court-of-blades .page .align-baseline { - align-self: baseline; + align-self: baseline; } - .charsheet .court-of-blades .page .align-stretch { - align-self: stretch; + align-self: stretch; } - .charsheet .court-of-blades .page .justify-center { - justify-self: center; + justify-self: center; } - .charsheet .court-of-blades .page .justify-left { - justify-self: left; + justify-self: left; } - .charsheet .court-of-blades .page .justify-right { - justify-self: right; + justify-self: right; } - .charsheet .court-of-blades .page .justify-stretch { - justify-self: stretch; + justify-self: stretch; } .charsheet .court-of-blades .page .z--5 { - z-index: -5; + z-index: -5; } - .charsheet .court-of-blades .page .z--4 { - z-index: -4; + z-index: -4; } - .charsheet .court-of-blades .page .z--3 { - z-index: -3; + z-index: -3; } - .charsheet .court-of-blades .page .z--2 { - z-index: -2; + z-index: -2; } - .charsheet .court-of-blades .page .z--1 { - z-index: -1; + z-index: -1; } - .charsheet .court-of-blades .page .z-0 { - z-index: 0; + z-index: 0; } - .charsheet .court-of-blades .page .z-1 { - z-index: 1; + z-index: 1; } - .charsheet .court-of-blades .page .z-2 { - z-index: 2; + z-index: 2; } - .charsheet .court-of-blades .page .z-3 { - z-index: 3; + z-index: 3; } - .charsheet .court-of-blades .page .z-4 { - z-index: 4; + z-index: 4; } - .charsheet .court-of-blades .page .z-5 { - z-index: 5; + z-index: 5; } - /* || Classes for css-only tooltips. The element with the .tooltip-custom class is the container. The element with the .tooltip-custom-text class is the tooltip itself, and must be a child of the container. */ - .charsheet .court-of-blades .tooltip-custom { - display: inline-block; - opacity: 100%; - z-index: auto; + display: inline-block; + opacity: 100%; + z-index: auto; } - .charsheet .court-of-blades .tooltip-custom-text { - visibility: hidden; - background-color: black; - color: #fff; - min-width: 10em; - text-align: center; - padding: 5px; - border-radius: 6px; - position: absolute; - font-weight: normal; - font-style: normal; - z-index: 6; - transition: visibility 0s linear 1s; + visibility: hidden; + background-color: black; + color: #fff; + min-width: 10em; + text-align: center; + padding: 5px; + border-radius: 6px; + position: absolute; + font-weight: normal; + font-style: normal; + z-index: 6; + transition: visibility 0s linear 1s; } - .charsheet .court-of-blades .tooltip-expand { - position: absolute; + position: absolute; } - .charsheet .court-of-blades .tooltip-expand span { - visibility: hidden; - white-space: pre-wrap; - display: block; + visibility: hidden; + white-space: pre-wrap; + display: block; } - .charsheet .court-of-blades .tooltip-expand textarea { - position: absolute; - z-index: 1; - top: 0; - left: 0; - margin: 0; - overflow: hidden; - resize: none; - height: 100%; - width: 100%; - display: block; - box-sizing: border-box; - border-radius: 0; - box-shadow: none; - color: inherit; - font: inherit; + position: absolute; + z-index: 1; + top: 0; + left: 0; + margin: 0; + overflow: hidden; + resize: none; + height: 100%; + width: 100%; + display: block; + box-sizing: border-box; + border-radius: 0; + box-shadow: none; + color: inherit; + font: inherit; } - .charsheet .court-of-blades .tooltip-custom:hover .tooltip-custom-text, -.charsheet .court-of-blades .tooltip-custom:hover+.tooltip-custom-text, +.charsheet .court-of-blades .tooltip-custom:hover + .tooltip-custom-text, .charsheet .court-of-blades .tooltip-custom-text:hover { - visibility: visible; - transition: visibility 0s linear 0.5s; + visibility: visible; + transition: visibility 0s linear 0.5s; } .charsheet .court-of-blades { - min-width: 1056px; - max-width: 1056px; - width: fit-content; + min-width: 1056px; + max-width: 1056px; + width: fit-content; } - .charsheet .court-of-blades [class^=panel-], .charsheet .court-of-blades [class*=" panel-"] { - display: inline-block; + display: inline-block; } - .charsheet .court-of-blades .panel-left { - width: 475px; - min-width: 475px; + width: 475px; + min-width: 475px; } - .charsheet .court-of-blades .panel-centre { - width: 375px; - min-width: 375px; - margin-left: 2px; - margin-right: 10px; + width: 375px; + min-width: 375px; + margin-left: 2px; + margin-right: 10px; } - .charsheet .court-of-blades .panel-right { - max-width: 285px; - min-width: 190px; + max-width: 285px; + min-width: 190px; } - .charsheet .court-of-blades .page { - display: none; - flex-wrap: nowrap; - flex-direction: row; - width: 100%; - padding: 6px 4px 6px 4px; - border: 2px solid #333333; + display: none; + flex-wrap: nowrap; + flex-direction: row; + width: 100%; + padding: 6px 4px 6px 4px; + border: 2px solid #333333; } - .charsheet .court-of-blades .page.sheet-footer { - display: block; - border: none; - background: none; + display: block; + border: none; + background: none; } - -.charsheet .court-of-blades #page-selector[value="0"]~#page-pc, -.charsheet .court-of-blades #page-selector[value="1"]~#page-house, -.charsheet .court-of-blades #page-selector[value="2"]~#page-factions, -.charsheet .court-of-blades #page-selector[value="3"]~#page-gmturn, -.charsheet .court-of-blades #page-selector[value="4"]~#page-settings { - display: flex; +.charsheet .court-of-blades #page-selector[value="0"] ~ #page-pc, +.charsheet .court-of-blades #page-selector[value="1"] ~ #page-house, +.charsheet .court-of-blades #page-selector[value="2"] ~ #page-factions, +.charsheet .court-of-blades #page-selector[value="3"] ~ #page-gmturn, +.charsheet .court-of-blades #page-selector[value="4"] ~ #page-settings { + display: flex; } - /* || Base styles for shapes. */ - .charsheet .court-of-blades .page [class^=shape], .charsheet .court-of-blades .page [class*=" shape"] { - appearance: none; - display: inline-block; - position: relative; - margin: 1px; - padding: 1px; + appearance: none; + display: inline-block; + position: relative; + margin: 1px; + padding: 1px; } - .charsheet .court-of-blades .page input[class^=shape], .charsheet .court-of-blades .page input[class*=" shape"] { - cursor: pointer; + cursor: pointer; } - .charsheet .court-of-blades .page [class*=shape-].shape-hidden { - opacity: 0; - cursor: default; + opacity: 0; + cursor: default; } - /* || Basic shapes .shape-square-small @@ -1300,212 +1037,174 @@ .shape-diamond-med .shape-dot */ - - /* Squares/Diamonds */ - .charsheet .court-of-blades .page [class*=shape-square], .charsheet .court-of-blades .page [class*=shape-diamond] { - border: 2px solid black; + border: 2px solid black; } - .charsheet .court-of-blades .page [class*=shape-diamond] { - transform: rotate(45deg); + transform: rotate(45deg); } - .charsheet .court-of-blades .page .shape-square-small, .charsheet .court-of-blades .page .shape-diamond-small { - width: 2px; - height: 2px; + width: 2px; + height: 2px; } - .charsheet .court-of-blades .page .shape-square-med { - width: 10px; - height: 10px; + width: 10px; + height: 10px; } - .charsheet .court-of-blades .page .shape-diamond-med { - width: 10px; - height: 10px; + width: 10px; + height: 10px; } - .charsheet .court-of-blades .page .shape-diamond-big { - width: 14px; - height: 14px; + width: 14px; + height: 14px; } - /* Dots/Circles */ - .charsheet .court-of-blades .page [class^=shape-dot], .charsheet .court-of-blades .page [class*=" shape-dot"] { - border: 2px solid black; - border-radius: 50%; - width: 14px; - height: 14px; + border: 2px solid black; + border-radius: 50%; + width: 14px; + height: 14px; } - /* || Complex shapes utilising psuedo-elements */ - - /* Vertical divider */ - .charsheet .court-of-blades .page .shape-divider { - width: 0px; - height: 15px; + width: 0px; + height: 15px; } - .charsheet .court-of-blades .page .shape-divider:after { - content: ""; - width: 1px; - height: 27px; - background: none; - border-left: 1px solid black; - border-right: 1px solid black; - position: absolute; - top: 0px; - left: 0px; + content: ""; + width: 1px; + height: 27px; + background: none; + border-left: 1px solid black; + border-right: 1px solid black; + position: absolute; + top: 0px; + left: 0px; } - /* Circle with a cross through it */ - .charsheet .court-of-blades .page .shape-cross { - width: 9px; - height: 9px; - border: 1px solid black; - border-radius: 50%; - background-color: white; + width: 9px; + height: 9px; + border: 1px solid black; + border-radius: 50%; + background-color: white; } - .charsheet .court-of-blades .page .shape-cross:before, .charsheet .court-of-blades .page .shape-cross:after { - content: ""; - position: absolute; - height: 1px; - width: 9px; - top: 3px; - left: -1px; - background-color: black; + content: ""; + position: absolute; + height: 1px; + width: 9px; + top: 3px; + left: -1px; + background-color: black; } - .charsheet .court-of-blades .page .shape-cross:before { - transform: rotate(45deg); + transform: rotate(45deg); } - .charsheet .court-of-blades .page .shape-cross:after { - transform: rotate(-45deg); + transform: rotate(-45deg); } - /* Horizontal line connecting one simple shape to another to its left. */ - .charsheet .court-of-blades .page [class^=shape-link]:before, .charsheet .court-of-blades .page [class*=" shape-link"]:before { - content: ""; - display: none; - position: absolute; - z-index: -1; - width: 20px; - height: 5px; - background-color: black; + content: ""; + display: none; + position: absolute; + z-index: -1; + width: 20px; + height: 5px; + background-color: black; } - .charsheet .court-of-blades .page .shape-link-left::before { - display: inline-block; - left: -20px; - top: 2px; + display: inline-block; + left: -20px; + top: 2px; } - /* Arrows */ - .charsheet .court-of-blades .page [class^=shape-arrow], .charsheet .court-of-blades .page [class*=" shape-arrow"] { - width: 10px; - height: 10px; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - background: none; - padding: 0; - margin: 2px; + width: 10px; + height: 10px; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + background: none; + padding: 0; + margin: 2px; } - .charsheet .court-of-blades .page [class^=shape-arrow]:after, .charsheet .court-of-blades .page [class*=" shape-arrow"]:after { - content: ""; - width: 0; - height: 0; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - position: absolute; - z-index: -1; + content: ""; + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + position: absolute; + z-index: -1; } - /* Down arrows */ - .charsheet .court-of-blades .page .shape-arrowdown { - border-top: 10px solid black; + border-top: 10px solid black; } - .charsheet .court-of-blades .page .shape-arrowdown:after { - border-top: 15px solid black; - top: -11.5px; - left: -8px; + border-top: 15px solid black; + top: -11.5px; + left: -8px; } - /* Up arrows */ - .charsheet .court-of-blades .page .shape-arrowup { - border-bottom: 10px solid black; + border-bottom: 10px solid black; } - .charsheet .court-of-blades .page .shape-arrowup:after { - border-bottom: 15px solid black; - top: -3.5px; - left: -8px; + border-bottom: 15px solid black; + top: -3.5px; + left: -8px; } - /* Hearts */ - .charsheet .court-of-blades .page .shape-heart { - background-color: gray; - display: inline-block; - height: 10px; - margin: 0 5px; - position: relative; - top: 0; - transform: rotate(-45deg); - width: 10px; + background-color: gray; + display: inline-block; + height: 10px; + margin: 0 5px; + position: relative; + top: 0; + transform: rotate(-45deg); + width: 10px; } - .charsheet .court-of-blades .page .shape-heart:before, .charsheet .court-of-blades .page .shape-heart:after { - content: ""; - position: absolute; - background-color: gray; - border-radius: 50%; - height: 10px; - width: 10px; + content: ""; + position: absolute; + background-color: gray; + border-radius: 50%; + height: 10px; + width: 10px; } - .charsheet .court-of-blades .page .shape-heart:before { - top: -5px; - left: 0; + top: -5px; + left: 0; } - .charsheet .court-of-blades .page .shape-heart:after { - left: 5px; - top: 0; + left: 5px; + top: 0; } - /* || Classes for trackers. .tracker Enables the tracker behaviour @@ -1514,1028 +1213,854 @@ .tracked-light Radio buttons are dark by default and light when checked .tracked-red Radio buttons are light by default and red when checked */ - .charsheet .court-of-blades .page .tracker { - z-index: 3; - vertical-align: middle; - position: relative; - flex-shrink: 0; + z-index: 3; + vertical-align: middle; + position: relative; + flex-shrink: 0; } - .charsheet .court-of-blades .page .tracker input { - vertical-align: middle; - margin: 2px; + vertical-align: middle; + margin: 2px; } - .charsheet .court-of-blades .page .tracker input[class*=-big] { - margin: 4px; + margin: 4px; } - .charsheet .court-of-blades .page .tracker input.shape-heart { - margin: 4px; + margin: 4px; } - .charsheet .court-of-blades .page .tracker.tracked-dark input:not(.track-zero) { - background: #333333; - border-color: black; + background: #333333; + border-color: black; } - .charsheet .court-of-blades .page .tracker.tracked-dark input:not(.track-zero):before, .charsheet .court-of-blades .page .tracker.tracked-dark input:not(.track-zero):after { - background: #333333; + background: #333333; } - -.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked~input[type=radio]:not(.track-zero) { - background: #EEEEEE; +.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked ~ input[type=radio]:not(.track-zero) { + background: #EEEEEE; } - -.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked~input[type=radio]:not(.track-zero):after, -.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked~input[type=radio]:not(.track-zero):before { - background: #EEEEEE; +.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked ~ input[type=radio]:not(.track-zero):after, +.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked ~ input[type=radio]:not(.track-zero):before { + background: #EEEEEE; } - -.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked~input[type=radio]:not(.track-zero):after, -.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked~input[type=radio]:not(.track-zero):before { - background: #333333; +.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked ~ input[type=radio]:not(.track-zero):after, +.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked ~ input[type=radio]:not(.track-zero):before { + background: #333333; } - .charsheet .court-of-blades .page .tracker.tracked-light input:not(.track-zero) { - background: #EEEEEE; + background: #EEEEEE; } - .charsheet .court-of-blades .page .tracker.tracked-light input:not(.track-zero):before, .charsheet .court-of-blades .page .tracker.tracked-light input:not(.track-zero):after { - background: #EEEEEE; + background: #EEEEEE; } - -.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked~input[type=radio]:not(.track-zero) { - background: #333333; +.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked ~ input[type=radio]:not(.track-zero) { + background: #333333; } - -.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked~input[type=radio]:not(.track-zero):after, -.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked~input[type=radio]:not(.track-zero):before { - background: #EEEEEE; +.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked ~ input[type=radio]:not(.track-zero):after, +.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked ~ input[type=radio]:not(.track-zero):before { + background: #EEEEEE; } - .charsheet .court-of-blades .page .tracker.tracked-red input:not(.track-zero) { - background: red; + background: red; } - .charsheet .court-of-blades .page .tracker.tracked-red input:not(.track-zero):before, .charsheet .court-of-blades .page .tracker.tracked-red input:not(.track-zero):after { - background: red; + background: red; } - -.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked~input[type=radio]:not(.track-zero) { - background: #EEEEEE; +.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked ~ input[type=radio]:not(.track-zero) { + background: #EEEEEE; } - /* || Classes modifying the behaviour of shapes representing radio buttons and checkboxes. */ - .charsheet .court-of-blades .page .checked-hidden:checked { - opacity: 0; + opacity: 0; } - .charsheet .court-of-blades .page .checked-red:checked:not([class*=shape-arrow]) { - background: red; + background: red; } - -.charsheet .court-of-blades .page .checked-red.shape-heart:checked:before, -.charsheet .court-of-blades .page .checked-red.shape-heart:checked:after { - background: red; +.charsheet .court-of-blades .page .checked-red.shape-heart:checked:before, .charsheet .court-of-blades .page .checked-red.shape-heart:checked:after { + background: red; } - .charsheet .court-of-blades .page .checked-red[class*=shape-arrow]:checked { - border-top-color: red; - border-bottom-color: red; - background: none; + border-top-color: red; + border-bottom-color: red; + background: none; } - .charsheet .court-of-blades .page .checked-light:not([class*=shape-arrow]) { - background: #333333; + background: #333333; } - .charsheet .court-of-blades .page .checked-light:checked:not([class*=shape-arrow]) { - background: #EEEEEE; + background: #EEEEEE; } - -.charsheet .court-of-blades .page .checked-light.shape-heart:checked:before, -.charsheet .court-of-blades .page .checked-light.shape-heart:checked:after { - background: #EEEEEE; +.charsheet .court-of-blades .page .checked-light.shape-heart:checked:before, .charsheet .court-of-blades .page .checked-light.shape-heart:checked:after { + background: #EEEEEE; } - -.charsheet .court-of-blades .page .checked-light.shape-heart:before, -.charsheet .court-of-blades .page .checked-light.shape-heart:after { - background: #333333; +.charsheet .court-of-blades .page .checked-light.shape-heart:before, .charsheet .court-of-blades .page .checked-light.shape-heart:after { + background: #333333; } - .charsheet .court-of-blades .page .checked-light[class*=shape-arrow] { - border-top-color: #333333; - border-bottom-color: #333333; - background: none; + border-top-color: #333333; + border-bottom-color: #333333; + background: none; } - .charsheet .court-of-blades .page .checked-light[class*=shape-arrow]:checked { - border-top-color: #EEEEEE; - border-bottom-color: #EEEEEE; - background: none; + border-top-color: #EEEEEE; + border-bottom-color: #EEEEEE; + background: none; } - .charsheet .court-of-blades .page .checked-dark .checked-dark[class*=shape-arrow] { - border-top-color: #EEEEEE; - border-bottom-color: #EEEEEE; - background: none; + border-top-color: #EEEEEE; + border-bottom-color: #EEEEEE; + background: none; } - .charsheet .court-of-blades .page .checked-dark .checked-dark[class*=shape-arrow]:checked { - border-top-color: #333333; - border-bottom-color: #333333; - background: none; + border-top-color: #333333; + border-bottom-color: #333333; + background: none; } - .charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:checked:before, .charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:checked:after { - background: #333333; + background: #333333; } - .charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:before, .charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:after { - background: #EEEEEE; + background: #EEEEEE; } - .charsheet .court-of-blades .page .checked-dark .checked-dark:not([class*=shape-arrow]) { - background: #EEEEEE; + background: #EEEEEE; } - .charsheet .court-of-blades .page .checked-dark .checked-dark:checked:not([class*=shape-arrow]) { - background: #333333; + background: #333333; } - .charsheet .court-of-blades .page .unchecked-dark:not([class*=shape-arrow]) { - background: #333333; + background: #333333; } - .charsheet .court-of-blades .page .unchecked-dark[class*=shape-arrow] { - border-top-color: #333333; - border-bottom-color: #333333; + border-top-color: #333333; + border-bottom-color: #333333; } - -.charsheet .court-of-blades .page .unchecked-dark.shape-heart:before, -.charsheet .court-of-blades .page .unchecked-dark.shape-heart:after { - background: #333333; +.charsheet .court-of-blades .page .unchecked-dark.shape-heart:before, .charsheet .court-of-blades .page .unchecked-dark.shape-heart:after { + background: #333333; } - .charsheet .court-of-blades .page .unchecked-light:not([class*=shape-arrow]) { - background: #EEEEEE; + background: #EEEEEE; } - .charsheet .court-of-blades .page .unchecked-light[class*=shape-arrow] { - border-top-color: #EEEEEE; - border-bottom-color: #EEEEEE; + border-top-color: #EEEEEE; + border-bottom-color: #EEEEEE; } - -.charsheet .court-of-blades .page .unchecked-light.shape-heart:before, -.charsheet .court-of-blades .page .unchecked-light.shape-heart:after { - background: #EEEEEE; +.charsheet .court-of-blades .page .unchecked-light.shape-heart:before, .charsheet .court-of-blades .page .unchecked-light.shape-heart:after { + background: #EEEEEE; } - /* || Classes for the dynamic clocks */ - .charsheet .court-of-blades .page .flex-clocks { - display: block; + display: block; } - .charsheet .court-of-blades .page .flex-clocks .repcontainer { - width: auto; - display: flex; - flex-flow: row wrap; - justify-content: left; + width: auto; + display: flex; + flex-flow: row wrap; + justify-content: left; } - .charsheet .court-of-blades .page .clock-subcontainer { - padding: 4px; - width: fit-content; - height: fit-content; - display: grid; - grid-template-columns: 55px 120px; - z-index: 0; + padding: 4px; + width: fit-content; + height: fit-content; + display: grid; + grid-template-columns: 55px 120px; + z-index: 0; } - .charsheet .court-of-blades .page .clock-subcontainer .clock-label { - width: 100%; - height: 100%; - font-size: 14px; - text-align: center; - vertical-align: bottom; - border: 1px solid black; - background: white; - border-radius: 3px; - overflow-y: auto; - word-wrap: break-word; - resize: none; + width: 100%; + height: 100%; + font-size: 14px; + text-align: center; + vertical-align: bottom; + border: 1px solid black; + background: white; + border-radius: 3px; + overflow-y: auto; + word-wrap: break-word; + resize: none; } - .charsheet .court-of-blades .page .clock-container { - padding: 2px; - margin: 2px; - min-height: 50px; - min-width: 50px; - box-sizing: border-box; - position: relative; - justify-self: center; - z-index: 0; + padding: 2px; + margin: 2px; + min-height: 50px; + min-width: 50px; + box-sizing: border-box; + position: relative; + justify-self: center; + z-index: 0; } - .charsheet .court-of-blades .page .clock-container div { - display: none; + display: none; } - .charsheet .court-of-blades .page .clock-container input[type=radio] { - display: none; - cursor: pointer; + display: none; + cursor: pointer; } - .charsheet .court-of-blades .page .clock-container .clock-image { - background-color: none; - border: 3px solid black; - border-radius: 50%; - width: 44px; - height: 44px; - display: block; - position: absolute; - z-index: -1; + background-color: none; + border: 3px solid black; + border-radius: 50%; + width: 44px; + height: 44px; + display: block; + position: absolute; + z-index: -1; } -.charsheet .court-of-blades .page .clock-size-selector-controller:not([value="0"])~.clock-size-selector, -.charsheet .court-of-blades .page .clock-size-selector-controller[value="0"]~div textarea { - display: none; +.charsheet .court-of-blades .page .clock-size-selector-controller:not([value="0"]) ~ .clock-size-selector, +.charsheet .court-of-blades .page .clock-size-selector-controller[value="0"] ~ div textarea { + display: none; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="0"]~.clock-image { - border-style: none; +.charsheet .court-of-blades .page .clock-container .clock-size[value="0"] ~ .clock-image { + border-style: none; } - .charsheet .court-of-blades .page .clock-container .clock-selector, .charsheet .court-of-blades .page .clock-container .clock-image .clock-all, -.charsheet .court-of-blades .page .clock-container .clock-size[value="2"]~.clock-2, -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~.clock-4, -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~.clock-6, -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-8, -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-10, -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-12 { - display: block; +.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ .clock-2, +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-4, +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-6, +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-8, +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-10, +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-12 { + display: block; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="2"]~div.clock-image, -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~div.clock-image, -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~div.clock-image, -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~div.clock-image, -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~div.clock-image, -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~div.clock-image { - background-color: white; +.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ div.clock-image, +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ div.clock-image, +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ div.clock-image, +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ div.clock-image, +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ div.clock-image, +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ div.clock-image { + background-color: white; } .charsheet .court-of-blades .page .clock-container .clock-progress.clock-zero { - height: 11px; - width: 11px; - margin-top: 1px; - margin-right: 2px; - position: absolute; - left: -8px; - top: -3px; - display: block; - z-index: 1; + height: 11px; + width: 11px; + margin-top: 1px; + margin-right: 2px; + position: absolute; + left: -8px; + top: -3px; + display: block; + z-index: 1; } - .charsheet .court-of-blades .page .clock-container input.clock-progress { - position: absolute; - opacity: 0; + position: absolute; + opacity: 0; } - .charsheet .court-of-blades .page .clock-container .clock-size[value=""], .charsheet .court-of-blades .page .clock-container .clock-size[value="0"] { - display: none; + display: none; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="2"]~input:not(.clock-zero) { - height: 20px; - width: 20px; - margin-top: 12px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ input:not(.clock-zero) { + height: 20px; + width: 20px; + margin-top: 12px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="2"]~input[value="1"] { - margin-left: 22px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ input[value="1"] { + margin-left: 22px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="2"]~input[value="2"] { - left: -1px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ input[value="2"] { + left: -1px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~input:not(.clock-zero) { - height: 17px; - width: 17px; - left: 3px; - top: 4px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input:not(.clock-zero) { + height: 17px; + width: 17px; + left: 3px; + top: 4px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~input[value="1"] { - margin-left: 20px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input[value="1"] { + margin-left: 20px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~input[value="2"] { - margin: 20px 0 0 20px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input[value="2"] { + margin: 20px 0 0 20px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~input[value="3"] { - margin-top: 20px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input[value="3"] { + margin-top: 20px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~input:not(.clock-zero) { - height: 17px; - width: 14px; - left: 4px; - top: 3px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input:not(.clock-zero) { + height: 17px; + width: 14px; + left: 4px; + top: 3px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~input[value="1"] { - margin-left: 21px; - transform: rotate(30deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="1"] { + margin-left: 21px; + transform: rotate(30deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~input[value="2"] { - margin: 12px 0 0 25px; - transform: rotate(90deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="2"] { + margin: 12px 0 0 25px; + transform: rotate(90deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~input[value="3"] { - margin: 22px 0 0 21px; - transform: rotate(150deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="3"] { + margin: 22px 0 0 21px; + transform: rotate(150deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~input[value="4"] { - margin: 22px 0 0 8px; - transform: rotate(210deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="4"] { + margin: 22px 0 0 8px; + transform: rotate(210deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~input[value="5"] { - margin: 12px 0 0 1px; - transform: rotate(270deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="5"] { + margin: 12px 0 0 1px; + transform: rotate(270deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~input[value="6"] { - margin-left: 8px; - transform: rotate(330deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="6"] { + margin-left: 8px; + transform: rotate(330deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input:not(.clock-zero) { - height: 14px; - width: 11px; - top: 3px; - left: 4px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input:not(.clock-zero) { + height: 14px; + width: 11px; + top: 3px; + left: 4px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="1"] { - margin-left: 20px; - transform: rotate(22.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="1"] { + margin-left: 20px; + transform: rotate(22.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="2"] { - margin: 8px 0 0 26px; - transform: rotate(67.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="2"] { + margin: 8px 0 0 26px; + transform: rotate(67.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="3"] { - margin: 18px 0 0 26px; - transform: rotate(112.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="3"] { + margin: 18px 0 0 26px; + transform: rotate(112.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="4"] { - margin: 25px 0 0 20px; - transform: rotate(157.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="4"] { + margin: 25px 0 0 20px; + transform: rotate(157.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="5"] { - margin: 25px 0 0 9px; - transform: rotate(202.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="5"] { + margin: 25px 0 0 9px; + transform: rotate(202.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="6"] { - margin: 18px 0 0 2px; - transform: rotate(247.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="6"] { + margin: 18px 0 0 2px; + transform: rotate(247.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="7"] { - margin: 8px 0 0 2px; - transform: rotate(292.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="7"] { + margin: 8px 0 0 2px; + transform: rotate(292.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~input[value="8"] { - margin-left: 9px; - transform: rotate(337.5deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="8"] { + margin-left: 9px; + transform: rotate(337.5deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input:not(.clock-zero) { - height: 14px; - width: 10px; - left: 3.5px; - top: 3px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input:not(.clock-zero) { + height: 14px; + width: 10px; + left: 3.5px; + top: 3px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="1"] { - transform: rotate(18deg); - margin-left: 20px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="1"] { + transform: rotate(18deg); + margin-left: 20px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="2"] { - transform: rotate(54deg); - margin: 5px 0 0 27px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="2"] { + transform: rotate(54deg); + margin: 5px 0 0 27px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="3"] { - transform: rotate(90deg); - margin: 13px 0 0 30px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="3"] { + transform: rotate(90deg); + margin: 13px 0 0 30px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="4"] { - transform: rotate(126deg); - margin: 21px 0 0 27px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="4"] { + transform: rotate(126deg); + margin: 21px 0 0 27px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="5"] { - transform: rotate(162deg); - margin: 26px 0 0 20px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="5"] { + transform: rotate(162deg); + margin: 26px 0 0 20px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="6"] { - transform: rotate(198deg); - margin: 26px 0 0 12px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="6"] { + transform: rotate(198deg); + margin: 26px 0 0 12px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="7"] { - transform: rotate(234deg); - margin: 21px 0 0 5px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="7"] { + transform: rotate(234deg); + margin: 21px 0 0 5px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="8"] { - transform: rotate(270deg); - margin: 13px 0 0 1px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="8"] { + transform: rotate(270deg); + margin: 13px 0 0 1px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="9"] { - transform: rotate(306deg); - margin: 5px 0 0 5px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="9"] { + transform: rotate(306deg); + margin: 5px 0 0 5px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~input[value="10"] { - transform: rotate(342deg); - margin-left: 12px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="10"] { + transform: rotate(342deg); + margin-left: 12px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input:not(.clock-zero) { - height: 12px; - width: 8px; - top: 4px; - left: 4px; +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input:not(.clock-zero) { + height: 12px; + width: 8px; + top: 4px; + left: 4px; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="1"] { - margin-left: 20px; - transform: rotate(15deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="1"] { + margin-left: 20px; + transform: rotate(15deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="2"] { - margin: 4px 0 0 26px; - transform: rotate(45deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="2"] { + margin: 4px 0 0 26px; + transform: rotate(45deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="3"] { - margin: 10px 0 0 29px; - transform: rotate(75deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="3"] { + margin: 10px 0 0 29px; + transform: rotate(75deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="4"] { - margin: 18px 0 0 29px; - transform: rotate(105deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="4"] { + margin: 18px 0 0 29px; + transform: rotate(105deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="5"] { - margin: 24px 0 0 26px; - transform: rotate(135deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="5"] { + margin: 24px 0 0 26px; + transform: rotate(135deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="6"] { - margin: 28px 0 0 20px; - transform: rotate(165deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="6"] { + margin: 28px 0 0 20px; + transform: rotate(165deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="7"] { - margin: 28px 0 0 12px; - transform: rotate(195deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="7"] { + margin: 28px 0 0 12px; + transform: rotate(195deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="8"] { - margin: 24px 0 0 6px; - transform: rotate(225deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="8"] { + margin: 24px 0 0 6px; + transform: rotate(225deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="9"] { - margin: 18px 0 0 3px; - transform: rotate(255deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="9"] { + margin: 18px 0 0 3px; + transform: rotate(255deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="10"] { - margin: 10px 0 0 3px; - transform: rotate(295deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="10"] { + margin: 10px 0 0 3px; + transform: rotate(295deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="11"] { - margin: 4px 0 0 6px; - transform: rotate(315deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="11"] { + margin: 4px 0 0 6px; + transform: rotate(315deg); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~input[value="12"] { - margin-left: 12px; - transform: rotate(345deg); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="12"] { + margin-left: 12px; + transform: rotate(345deg); } - .charsheet .court-of-blades .page .clock-container .clock-zero { - position: absolute; - top: 37px; - left: -5px; + position: absolute; + top: 37px; + left: -5px; } - -.charsheet .court-of-blades .page .clock-container .clock-zero+span { - height: 11px; - width: 11px; - margin-top: 1px; - margin-right: 2px; - vertical-align: top; - border: 1px solid black; - background: white; - border-radius: 50%; - position: absolute; - left: -4px; - top: -4px; - display: block; +.charsheet .court-of-blades .page .clock-container .clock-zero + span { + height: 11px; + width: 11px; + margin-top: 1px; + margin-right: 2px; + vertical-align: top; + border: 1px solid black; + background: white; + border-radius: 50%; + position: absolute; + left: -4px; + top: -4px; + display: block; } - -.charsheet .court-of-blades .page .clock-container .clock-zero:checked+span { - display: none; +.charsheet .court-of-blades .page .clock-container .clock-zero:checked + span { + display: none; } - -.charsheet .court-of-blades .page .clock-container .clock-zero+span::before { - transform: translate(4px, -1px) rotate(45deg); +.charsheet .court-of-blades .page .clock-container .clock-zero + span::before { + transform: translate(4px, -1px) rotate(45deg); } - -.charsheet .court-of-blades .page .clock-container .clock-zero+span::after { - transform: translate(4px, -1px) rotate(-45deg); +.charsheet .court-of-blades .page .clock-container .clock-zero + span::after { + transform: translate(4px, -1px) rotate(-45deg); } - -.charsheet .court-of-blades .page .clock-container .clock-zero+span::before, -.charsheet .court-of-blades .page .clock-container .clock-zero+span::after { - position: absolute; - width: 1px; - content: ""; - left: 0px; - top: 0px; - background: black; - height: 11px; +.charsheet .court-of-blades .page .clock-container .clock-zero + span::before, .charsheet .court-of-blades .page .clock-container .clock-zero + span::after { + position: absolute; + width: 1px; + content: ""; + left: 0px; + top: 0px; + background: black; + height: 11px; } .charsheet .court-of-blades .page .clock-container div[class^=spoke], .charsheet .court-of-blades .page .clock-container div[class*=" stroke"] { - height: 44px; - width: 2px; - display: none; - background: black; - z-index: 1; - position: absolute; + height: 44px; + width: 2px; + display: none; + background: black; + z-index: 1; + position: absolute; } - .charsheet .court-of-blades .page .clock-container .spoke-0, .charsheet .court-of-blades .page .clock-container .spoke-0-half { - transform: translateX(21px); + transform: translateX(21px); } - .charsheet .court-of-blades .page .clock-container .spoke-30 { - transform: translateX(21px) rotate(30deg); + transform: translateX(21px) rotate(30deg); } - .charsheet .court-of-blades .page .clock-container .spoke-36 { - transform: translateX(21px) rotate(36deg); + transform: translateX(21px) rotate(36deg); } - .charsheet .court-of-blades .page .clock-container .spoke-45 { - transform: translateX(21px) rotate(45deg); + transform: translateX(21px) rotate(45deg); } - .charsheet .court-of-blades .page .clock-container .spoke-60 { - transform: translateX(21px) rotate(60deg); + transform: translateX(21px) rotate(60deg); } - .charsheet .court-of-blades .page .clock-container .spoke-72 { - transform: translateX(21px) rotate(72deg); + transform: translateX(21px) rotate(72deg); } - .charsheet .court-of-blades .page .clock-container .spoke-90 { - transform: translateX(21px) rotate(90deg); + transform: translateX(21px) rotate(90deg); } - .charsheet .court-of-blades .page .clock-container .spoke-108 { - transform: translateX(21px) rotate(108deg); + transform: translateX(21px) rotate(108deg); } - .charsheet .court-of-blades .page .clock-container .spoke-120 { - transform: translateX(21px) rotate(120deg); + transform: translateX(21px) rotate(120deg); } - .charsheet .court-of-blades .page .clock-container .spoke-135 { - transform: translateX(21px) rotate(135deg); + transform: translateX(21px) rotate(135deg); } - .charsheet .court-of-blades .page .clock-container .spoke-144 { - transform: translateX(21px) rotate(144deg); + transform: translateX(21px) rotate(144deg); } - .charsheet .court-of-blades .page .clock-container .spoke-150 { - transform: translateX(21px) rotate(150deg); + transform: translateX(21px) rotate(150deg); } -.charsheet .court-of-blades .page .clock-container .clock-progress[value="0"]:checked~.clock-image { - background: white; +.charsheet .court-of-blades .page .clock-container .clock-progress[value="0"]:checked ~ .clock-image { + background: white; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="2"]~.clock-progress[value="1"]:checked~.clock-image { - background-image: linear-gradient(90deg, transparent 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ .clock-progress[value="1"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, transparent 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="2"]~.clock-progress[value="2"]:checked~.clock-image { - background-color: red; +.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ .clock-progress[value="2"]:checked ~ .clock-image { + background-color: red; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~.clock-progress[value="1"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="1"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~.clock-progress[value="2"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="2"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~.clock-progress[value="3"]:checked~.clock-image { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="3"]:checked ~ .clock-image { + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="4"]~.clock-progress[value="4"]:checked~.clock-image { - background: red; +.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="4"]:checked ~ .clock-image { + background: red; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~.clock-progress[value="1"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="1"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~.clock-progress[value="2"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="2"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~.clock-progress[value="3"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="3"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~.clock-progress[value="4"]:checked~.clock-image { - background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="4"]:checked ~ .clock-image { + background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~.clock-progress[value="5"]:checked~.clock-image { - background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="5"]:checked ~ .clock-image { + background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="6"]~.clock-progress[value="6"]:checked~.clock-image { - background: red; +.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="6"]:checked ~ .clock-image { + background: red; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="1"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="1"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="2"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="2"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="3"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="3"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="4"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="4"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="5"]:checked~.clock-image { - background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="5"]:checked ~ .clock-image { + background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="6"]:checked~.clock-image { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="6"]:checked ~ .clock-image { + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="7"]:checked~.clock-image { - background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="7"]:checked ~ .clock-image { + background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="8"]~.clock-progress[value="8"]:checked~.clock-image { - background: red; +.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="8"]:checked ~ .clock-image { + background: red; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="1"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="1"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="2"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="2"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="3"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="3"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="4"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="4"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="5"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="5"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="6"]:checked~.clock-image { - background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="6"]:checked ~ .clock-image { + background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="7"]:checked~.clock-image { - background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="7"]:checked ~ .clock-image { + background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="8"]:checked~.clock-image { - background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="8"]:checked ~ .clock-image { + background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="9"]:checked~.clock-image { - background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="9"]:checked ~ .clock-image { + background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="10"]~.clock-progress[value="10"]:checked~.clock-image { - background: red; +.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="10"]:checked ~ .clock-image { + background: red; } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="1"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="1"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="2"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="2"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="3"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="3"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="4"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="4"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="5"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="5"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="6"]:checked~.clock-image { - background-image: linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="6"]:checked ~ .clock-image { + background-image: linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="7"]:checked~.clock-image { - background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="7"]:checked ~ .clock-image { + background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="8"]:checked~.clock-image { - background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="8"]:checked ~ .clock-image { + background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="9"]:checked~.clock-image { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="9"]:checked ~ .clock-image { + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="10"]:checked~.clock-image { - background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="10"]:checked ~ .clock-image { + background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="11"]:checked~.clock-image { - background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="11"]:checked ~ .clock-image { + background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); } - -.charsheet .court-of-blades .page .clock-container .clock-size[value="12"]~.clock-progress[value="12"]:checked~.clock-image { - background: red; +.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="12"]:checked ~ .clock-image { + background: red; } .charsheet .court-of-blades .page *[class^=visibility-], .charsheet .court-of-blades .page *[class*=" visibility-"] { - display: none; + display: none; } - -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-1, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-2, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-3, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-4, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-5, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-5, -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-gte-1, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-1, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-2, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-1, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-2, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-3, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-1, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-2, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-3, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-4, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-1, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-2, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-3, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-4, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-5, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-1, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-2, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-3, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-4, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-5, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-6 { - display: block; +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5, +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6 { + display: block; } - -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-1.grid, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-2.grid, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-3.grid, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-4.grid, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-5.grid, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-5.grid, -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-gte-1.grid, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-1.grid, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-2.grid, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-1.grid, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-2.grid, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-3.grid, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-1.grid, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-2.grid, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-3.grid, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-4.grid, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-1.grid, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-2.grid, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-3.grid, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-4.grid, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-5.grid, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-1.grid, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-2.grid, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-3.grid, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-4.grid, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-5.grid, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-6.grid { - display: grid; +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1.grid, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2.grid, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3.grid, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4.grid, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5.grid, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5.grid, +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1.grid, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1.grid, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2.grid, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1.grid, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2.grid, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3.grid, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1.grid, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2.grid, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3.grid, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4.grid, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1.grid, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2.grid, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3.grid, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4.grid, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5.grid, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1.grid, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2.grid, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3.grid, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4.grid, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5.grid, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6.grid { + display: grid; } - -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-1[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-1[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-2[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-2[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-3[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-3[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-4[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-4[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-5[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-5[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-5[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-5[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-gte-1[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-gte-1[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-1[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-1[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-2[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-2[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-1[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-1[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-2[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-2[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-3[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-3[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-1[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-1[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-2[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-2[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-3[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-3[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-4[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-4[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-1[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-1[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-2[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-2[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-3[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-3[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-4[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-4[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-5[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-5[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-1[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-1[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-2[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-2[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-3[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-3[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-4[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-4[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-5[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-5[class*=" flex-"], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-6[class^=flex-], -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-6[class*=" flex-"] { - display: flex; +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1[class^=flex-], .charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5[class*=" flex-"], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6[class^=flex-], +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6[class*=" flex-"] { + display: flex; } - -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-1.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-2.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-3.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-4.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-5.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-5.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="1"]~.visibility-gte-1.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-1.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="2"]~.visibility-gte-2.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-1.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-2.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="3"]~.visibility-gte-3.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-1.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-2.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-3.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="4"]~.visibility-gte-4.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-1.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-2.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-3.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-4.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="5"]~.visibility-gte-5.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-1.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-2.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-3.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-4.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-5.tracker-box, -.charsheet .court-of-blades .page .visibility-control[value="6"]~.visibility-gte-6.tracker-box { - display: inline-block; +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5.tracker-box, +.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6.tracker-box { + display: inline-block; } .charsheet .court-of-blades .page .auto-expand { - position: relative; - cursor: text; - word-wrap: break-word; - min-height: 1em; + position: relative; + cursor: text; + word-wrap: break-word; + min-height: 1em; } - .charsheet .court-of-blades .page .auto-expand span { - visibility: hidden; - white-space: pre-wrap; - font: inherit; - display: block; + visibility: hidden; + white-space: pre-wrap; + font: inherit; + display: block; } - .charsheet .court-of-blades .page .auto-expand textarea { - position: absolute; - z-index: 1; - top: 0; - left: 0; - margin: 0; - overflow: hidden; - resize: none; - height: 100%; - width: 100%; - display: block; - box-sizing: border-box; - background: transparent; - border: none; - border-radius: 0; - box-shadow: none; - color: inherit; - font: inherit; + position: absolute; + z-index: 1; + top: 0; + left: 0; + margin: 0; + overflow: hidden; + resize: none; + height: 100%; + width: 100%; + display: block; + box-sizing: border-box; + background: transparent; + border: none; + border-radius: 0; + box-shadow: none; + color: inherit; + font: inherit; } .sheet-rolltemplate-cob-fortune { - text-align: center; - padding: 8px; + text-align: center; + padding: 8px; } - .sheet-rolltemplate-cob-fortune .sheet-lower { - padding: 8px 8px 0px 8px; + padding: 8px 8px 0px 8px; } .sheet-rolltemplate-cob-action .sheet-lower { - padding: 24px 8px 8px 8px; + padding: 24px 8px 8px 8px; } .sheet-rolltemplate-cob-resist, @@ -2543,73 +2068,89 @@ .sheet-rolltemplate-cob-action, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode, .sheet-rolltemplate-cob-fortune, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Court%20Of%20Blades/Images/bg-web.png"); - height: max-content; - font-family: "EB Garamond", serif; - color: black; - display: block; - border: double black 5px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode, +.sheet-rolltemplate-cob-indulge, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Court%20Of%20Blades/Images/bg-web.png"); + height: max-content; + font-family: "EB Garamond", serif; + color: black; + display: block; + border: double black 5px; +} +.sheet-rolltemplate-cob-resist .sheet-b, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-b, +.sheet-rolltemplate-cob-action .sheet-b, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-b, +.sheet-rolltemplate-cob-fortune .sheet-b, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-b, +.sheet-rolltemplate-cob-indulge .sheet-b, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-b { + font-weight: bold; } - .sheet-rolltemplate-cob-resist .sheet-zerodice3, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-zerodice3, .sheet-rolltemplate-cob-action .sheet-zerodice3, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-zerodice3, .sheet-rolltemplate-cob-fortune .sheet-zerodice3, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-zerodice3 { - text-transform: uppercase; - text-indent: 3px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-zerodice3, +.sheet-rolltemplate-cob-indulge .sheet-zerodice3, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-zerodice3 { + text-transform: uppercase; + text-indent: 3px; } - .sheet-rolltemplate-cob-resist .sheet-template-container, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-template-container, .sheet-rolltemplate-cob-action .sheet-template-container, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-template-container, .sheet-rolltemplate-cob-fortune .sheet-template-container, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-template-container { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: max-content 1fr; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-template-container, +.sheet-rolltemplate-cob-indulge .sheet-template-container, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-template-container { + display: grid; + grid-template-columns: 1fr; + grid-template-rows: max-content 1fr; } - .sheet-rolltemplate-cob-resist .sheet-name, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-name, .sheet-rolltemplate-cob-action .sheet-name, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-name, .sheet-rolltemplate-cob-fortune .sheet-name, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-name { - font-size: 14px; - font-weight: bold; - line-height: normal; - text-transform: capitalize; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-name, +.sheet-rolltemplate-cob-indulge .sheet-name, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-name { + font-size: 14px; + font-weight: bold; + line-height: normal; + text-transform: capitalize; } - .sheet-rolltemplate-cob-resist .sheet-stat, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-stat, .sheet-rolltemplate-cob-action .sheet-stat, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-stat, .sheet-rolltemplate-cob-fortune .sheet-stat, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-stat { - font-size: 26px; - line-height: normal; - text-transform: uppercase; - vertical-align: bottom; - font-weight: bold; - text-shadow: 1px 1px grey; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-stat, +.sheet-rolltemplate-cob-indulge .sheet-stat, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-stat { + font-size: 26px; + line-height: normal; + text-transform: uppercase; + vertical-align: bottom; + font-weight: bold; + text-shadow: 1px 1px grey; } - .sheet-rolltemplate-cob-resist .sheet-detail, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail, .sheet-rolltemplate-cob-action .sheet-detail, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail, .sheet-rolltemplate-cob-fortune .sheet-detail, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail { - display: grid; - grid-template-columns: 1fr 1fr; - margin-top: 16px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail, +.sheet-rolltemplate-cob-indulge .sheet-detail, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail { + display: grid; + grid-template-columns: 1fr 1fr; + margin-top: 16px; } - .sheet-rolltemplate-cob-resist .sheet-detail .sheet-effect, .sheet-rolltemplate-cob-resist .sheet-detail .sheet-position, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect, @@ -2621,12 +2162,15 @@ .sheet-rolltemplate-cob-fortune .sheet-detail .sheet-effect, .sheet-rolltemplate-cob-fortune .sheet-detail .sheet-position, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position { - display: grid; - grid-template-rows: 1fr 1fr; - grid-template-columns: auto; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position, +.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-effect, +.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-position, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-position { + display: grid; + grid-template-rows: 1fr 1fr; + grid-template-columns: auto; } - .sheet-rolltemplate-cob-resist .sheet-detail .sheet-effect div:first-child, .sheet-rolltemplate-cob-resist .sheet-detail .sheet-position div:first-child, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:first-child, @@ -2638,13 +2182,16 @@ .sheet-rolltemplate-cob-fortune .sheet-detail .sheet-effect div:first-child, .sheet-rolltemplate-cob-fortune .sheet-detail .sheet-position div:first-child, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:first-child, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:first-child { - text-transform: uppercase; - font-size: 18px; - line-height: normal; - font-weight: bold; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:first-child, +.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-effect div:first-child, +.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-position div:first-child, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:first-child, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:first-child { + text-transform: uppercase; + font-size: 18px; + line-height: normal; + font-weight: bold; } - .sheet-rolltemplate-cob-resist .sheet-detail .sheet-effect div:last-child, .sheet-rolltemplate-cob-resist .sheet-detail .sheet-position div:last-child, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:last-child, @@ -2656,128 +2203,196 @@ .sheet-rolltemplate-cob-fortune .sheet-detail .sheet-effect div:last-child, .sheet-rolltemplate-cob-fortune .sheet-detail .sheet-position div:last-child, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:last-child, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:last-child { - text-transform: capitalize; - line-height: normal; - font-size: 16px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:last-child, +.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-effect div:last-child, +.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-position div:last-child, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:last-child, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:last-child { + text-transform: capitalize; + line-height: normal; + font-size: 16px; } - .sheet-rolltemplate-cob-resist .sheet-mask, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-mask, .sheet-rolltemplate-cob-action .sheet-mask, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-mask, .sheet-rolltemplate-cob-fortune .sheet-mask, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-mask { - max-height: 75px; - object-fit: contain; - margin-bottom: 8px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-mask, +.sheet-rolltemplate-cob-indulge .sheet-mask, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-mask { + max-height: 75px; + object-fit: contain; + margin-bottom: 8px; } - .sheet-rolltemplate-cob-resist .sheet-sword, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-sword, .sheet-rolltemplate-cob-action .sheet-sword, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-sword, .sheet-rolltemplate-cob-fortune .sheet-sword, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword { - -webkit-transform: scaleX(-1); - transform: scaleX(-1); - display: block; - position: absolute; - right: 16px; - width: 300px; - min-width: 300px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword, +.sheet-rolltemplate-cob-indulge .sheet-sword, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-sword { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + display: block; + position: absolute; + right: 16px; + width: 300px; + min-width: 300px; } - .sheet-rolltemplate-cob-resist .sheet-sword.sheet-zero, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero, .sheet-rolltemplate-cob-action .sheet-sword.sheet-zero, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero, .sheet-rolltemplate-cob-fortune .sheet-sword.sheet-zero, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero { - bottom: 71px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero, +.sheet-rolltemplate-cob-indulge .sheet-sword.sheet-zero, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero { + bottom: 71px; } - .sheet-rolltemplate-cob-resist .sheet-sword.sheet-nonzero, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero, .sheet-rolltemplate-cob-action .sheet-sword.sheet-nonzero, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero, .sheet-rolltemplate-cob-fortune .sheet-sword.sheet-nonzero, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero { - bottom: 54px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero, +.sheet-rolltemplate-cob-indulge .sheet-sword.sheet-nonzero, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero { + bottom: 54px; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-upper, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-upper, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-upper, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-upper, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-upper, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper { - padding: 8px 8px 0px 8px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper { + padding: 8px 8px 0px 8px; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-lower, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-lower, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-lower, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-lower, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-lower, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower { - margin-top: 16px; - padding-left: 8px; - padding-right: 8px; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower { + margin-top: 16px; + padding-left: 8px; + padding-right: 8px; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult { - font-size: 26px; - font-family: "EB Garamond", serif; - background: none; - border: none; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult { + font-size: 26px; + font-family: "EB Garamond", serif; + background: none; + border: none; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-resist-desc, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-resist-desc, .sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-resist-desc, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc, .sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc, +.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-resist-desc, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-resist-desc, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc { - padding: 8px; - margin-top: 16px; - background-color: rgba(0, 0, 0, 0.2); - border-top: 3px black solid; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc, +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc { + padding: 8px; + margin-top: 16px; + background-color: rgba(0, 0, 0, 0.2); + border-top: 3px black solid; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-upper, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-upper, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper, @@ -2797,20 +2412,24 @@ .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper { - background-color: rgba(0, 0, 0, 0.2); - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: space-between; - padding: 8px; - border-bottom: 3px black solid; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper { + background-color: rgba(0, 0, 0, 0.2); + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: space-between; + padding: 8px; + border-bottom: 3px black solid; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-upper::after, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-upper::after, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper::after, @@ -2830,17 +2449,21 @@ .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper::after, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper::after, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after { - width: 200px; - height: 3px; - display: block; - background-color: black; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper::after, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after { + width: 200px; + height: 3px; + display: block; + background-color: black; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-lower, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-lower, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower, @@ -2860,18 +2483,22 @@ .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower { - display: flex; - flex-direction: column; - flex-wrap: nowrap; - justify-content: space-evenly; - z-index: 10; +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: space-evenly; + z-index: 10; } - -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult, -.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult, @@ -2891,9 +2518,17 @@ .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult, -.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult { - font-size: 26px; - font-family: "EB Garamond", serif; - background: none; - border: none; -} \ No newline at end of file +.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult, +.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult { + font-size: 26px; + font-family: "EB Garamond", serif; + background: none; + border: none; +} diff --git a/Court Of Blades/CourtOfBlades.html b/Court Of Blades/CourtOfBlades.html index abf638c5e7..9a6856f6f8 100644 --- a/Court Of Blades/CourtOfBlades.html +++ b/Court Of Blades/CourtOfBlades.html @@ -6,6 +6,7 @@ + - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + @@ -896,8 +897,10 @@ -
- +
@@ -1128,7 +1131,7 @@
-
@@ -2716,7 +2719,7 @@    (www.acoupleofdrakes.com).
-
 1.0.3
+
 1.1.0
@@ -2780,7 +2783,8 @@
- + +
@@ -2806,10 +2810,37 @@ + +
+
+
{{name}}
+
{{stat}}
+
+
+
+ {{^zerodice}} +
+ +
+
{{dice}}
+ {{/zerodice}} + {{#zerodice}} +
+
{{zerodice}}
+
+ {{/zerodice}} +
+
+
+ + +
+
+