diff --git a/Exalted2e/exalted2e.css b/Exalted2e/exalted2e.css index fe705c0fe0..7e9730f272 100644 --- a/Exalted2e/exalted2e.css +++ b/Exalted2e/exalted2e.css @@ -1,91 +1,60 @@ -.charsheet { background-color: white; } +.charsheet +{ + background-color: #fff; + overflow: hidden; +} -.sheet-vspace { margin-top: 10px; } - -.sheet-center, -h3.sheet-ability, -h4 { text-align: center; } - -.sheet-right { text-align: right; } +.sheet-vspace { margin-top:10px; } h4 { - font-weight: normal; - margin-left: 0px; + font-weight: 400; + margin-left: 0; } -h1.sheet-separator, +h1, hr { - width: 100%; - text-align: center; - background-image: url('http://i.imgur.com/TwZ84rO.jpg'); - background-repeat: repeat-x; - background-size: auto 10px; + background-image: url(http://i.imgur.com/TwZ84rO.jpg); background-position: left 50%; + background-repeat: repeat-x; + background-size: auto 10px; + + text-align: center; + width: 100%; } hr { height: 10px; } label { font-size: 16px; } -button[type="roll"].sheet-blank-roll-button::before +h1 span { - content: ""; + background: #fff; + padding: 0 5px; } -h1.sheet-separator span -{ - background: white; - padding: 0 5px 0 5px; -} - -img.sheet-banner -{ - max-height: 100px; -} +img { max-height: 100px; } span.sheet-attribute, span.sheet-ability { display: inline-block; - font-weight: bold; - font-size: 14px; -} -span.sheet-attribute + div, -span.sheet-ability + div -{ - display: inline-block; -} - -div.sheet-attribute div, -div.sheet-ability div -{ - float: right; + font-size: 14px; + font-weight: 700; } div.sheet-attribute, div.sheet-ability, -ul.sheet-craft-types li -{ - clear: right; -} +ul.sheet-craft-types li { clear: right; } -.sheet-col .sheet-2colrow.sheet-sub2colrow -{ - width: 841px; -} +.sheet-col .sheet-2colrow.sheet-sub2colrow { width: 841px; } .sheet-span2 { + margin-left: 0; width: 543px; - margin-left: 0px; -} - -div[data-groupname="repeating_charms"] .repitem -{ - width: 100%; } .sheet-charm, @@ -98,520 +67,396 @@ div[data-groupname="repeating_charms"] .repitem .sheet-specialty, .sheet-intimacy, .sheet-merit, -.sheet-flaw -{ - margin-bottom: 5px; -} +.sheet-flaw { margin-bottom: 5px; } -textarea.sheet-four-lines -{ - height: 11ex; -} +.sheet-four-lines { height: 11ex; } -textarea.sheet-three-lines -{ - height: 8ex; -} +.sheet-three-lines { height: 8ex; } -textarea.sheet-two-lines -{ - height: 5ex; -} - -div.sheet-virtue -{ - display: inline-block; -} - -p.sheet-disclaimer -{ - font-size: 80%; - font-style: italic; - text-align: center; -} +.sheet-two-lines { height: 5ex; } .sheet-regular { width: 120px; } + .sheet-narrow { width: 80px; } + .sheet-very-narrow { width: 40px; } -span.sheet-span-header +.sheet-span-header { display: inline-block; + + font-size: 110%; + font-weight: 700; + + margin: 0; padding: 4px; - margin: 0px; - font-weight: bold; - font-size: 110%; } -div.sheet-2colrow.sheet-span2 div.sheet-col { width: 250px; } +.sheet-2colrow.sheet-span2 .sheet-col { width: 250px; } -div.sheet-2colrow.sheet-span2 div.sheet-col span.sheet-span-header:first-child { width: 200px; } +.sheet-2colrow.sheet-span2 .sheet-col .sheet-span-header:first-child { width: 200px; } -div.repcontrol { margin-top: 5px; } +[data-groupname=repeating_attack] div:not(:first-child) .sheet-attack { border-top: 1px solid #ccc; } -div[data-groupname="repeating_attack"] div:not(:first-child) div.sheet-attack -{ - border-top: 1px solid #ccc; -} +[data-groupname=repeating_intimacies] .repitem:nth-child(even) { margin-left: 40px; } -div[data-groupname="repeating_intimacies"] .repitem +.sheet-combat-equipment .sheet-weapons { display: inline-block; + vertical-align: top; } -div[data-groupname="repeating_intimacies"] .repitem:nth-child(even) +.sheet-weapons .sheet-rolls { padding: 5px; } + +.sheet-weapons span { - margin-left: 40px; + border-right: 1px solid #000; + border-top: 3px solid #000; } -div.sheet-combat-equipment div.sheet-weapons { display: inline-block; vertical-align: top; } -div.sheet-weapons div.sheet-rolls { padding: 5px; } -div.sheet-weapons span { border-top: 3px solid black; border-right: 1px solid black; } -div.sheet-weapons span:first-of-type, -div.sheet-weapons div.sheet-rolls, -div.sheet-weapons div.sheet-attack input:first-of-type { border-left: 3px solid black; } -div.sheet-weapons span:last-of-type, -div.sheet-weapons div.sheet-rolls, -div.sheet-weapons div.sheet-attack input:last-of-type{ border-right: 3px solid black; } -div.sheet-weapons div.sheet-attack select { height: 28px; vertical-align: top; } -div.sheet-weapons div.sheet-attack input, -div.sheet-weapons div.sheet-attack select +.sheet-weapons span:first-of-type, +.sheet-weapons .sheet-rolls, +.sheet-weapons .sheet-attack input:first-of-type { border-left: 3px solid #000; } + +.sheet-weapons span:last-of-type, +.sheet-weapons .sheet-rolls, +.sheet-weapons .sheet-attack input:last-of-type { border-right: 3px solid #000; } + +.sheet-weapons .sheet-attack select { - border: 1px solid black; - border-left: none; - margin: 0px; - border-radius: 0px; + height: 28px; + vertical-align: top; } -div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child div.sheet-rolls +.sheet-weapons .sheet-attack input, +.sheet-weapons .sheet-attack select { - border-bottom: 3px solid black; + border: 1px solid #000; + border-left: none; + border-radius: 0; + + margin: 0; } -div.sheet-weapons .repcontrol { width: 400px; } +.repcontainer[data-groupname=repeating_attacks] .repitem:last-child .sheet-rolls { border-bottom: 3px solid #000; } -div.sheet-combat-equipment div.sheet-armor -{ - display: inline-block; -} +.sheet-weapons .repcontrol { width: 400px; } -/* tables */ -table.sheet-anima, -table.sheet-familiar-attacks, -table.sheet-familiar-attacks > tbody > tr > td > input[type="text"] { width: 100%; } +.sheet-anima:first-of-type > tbody > tr > td:last-child, +.sheet-anima:last-of-type > thead > tr:last-child > th:last-child, +.sheet-anima:last-of-type > tbody > tr > td:first-child { padding-left: 10px; } -table.sheet-anima:first-of-type > tbody > tr > td:last-child, -table.sheet-anima:last-of-type > thead > tr:last-child > th:last-child, -table.sheet-anima:last-of-type > tbody > tr > td:first-child { padding-left: 10px; } +.sheet-anima:last-of-type { margin-top: 30px; } -table.sheet-anima:last-of-type { margin-top: 30px; } +.sheet-anima:last-of-type > thead > tr > td { width: 70px; } -table.sheet-anima:last-of-type > thead > tr > td { width: 70px; } - -table.sheet-anima th +.sheet-anima th { font-size: 18px; text-align: left; } -table.sheet-anima td { font-weight: bold; } +.sheet-anima td { font-weight: 700; } -table.sheet-anima > thead > tr:first-child > th { font-size: 20px; } +.sheet-anima > thead > tr:first-child > th { font-size: 20px; } -table.sheet-familiar-attacks > thead > tr > th:first-child { text-align: left; } +.sheet-familiar-attacks > thead > tr > th:first-child { text-align: left; } -table.sheet-familiar-attacks > tbody > tr > td:nth-child(2), -table.sheet-familiar-attacks > tbody > tr > td:nth-child(3), -table.sheet-familiar-attacks > tbody > tr > td:nth-child(5) { text-align: center; } - -table.sheet-familiar-attacks > tbody > tr:not(:first-child) > td > * { margin-top: 5px; } - -/* Align labels and input boxes */ label, -div.sheet-background, -div.sheet-charm, -div.sheet-combo, -div.sheet-sorcery, -div.sheet-artifacts, -div.sheet-hearthstones, -div.sheet-languages, -div.sheet-specialty, -div.sheet-intimacy, -div.sheet-familiar-row, -div.sheet-merit, -div.sheet-flaw +.sheet-background, +.sheet-charm, +.sheet-combo, +.sheet-sorcery, +.sheet-artifacts, +.sheet-hearthstones, +.sheet-languages, +.sheet-specialty, +.sheet-intimacy, +.sheet-familiar-row, +.sheet-merit, +.sheet-flaw { - display: -webkit-flex; display: flex; width: 100%; } -div.sheet-background input[type="text"], -div.sheet-charm input[type="text"]:not(.sheet-very-narrow), -div.sheet-combo input[type="text"]:not(.sheet-narrow), -div.sheet-sorcery input[type="text"]:not(.sheet-regular):not(.sheet-narrow), -div.sheet-artifacts input[type="text"], -div.sheet-hearthstones input[type="text"], -div.sheet-languages input[type="text"], -div.sheet-specialty input[type="text"], -div.sheet-intimacy input[type="text"], -div.sheet-merit input[type="text"], -div.sheet-flaw input[type="text"], -label input[type="text"], -label input[type="number"], +.sheet-background input[type=text], +.sheet-charm input, +.sheet-combo input:not(.sheet-narrow), +.sheet-sorcery input:not(.sheet-regular):not(.sheet-narrow), +.sheet-artifacts input, +.sheet-hearthstones input[type=text], +.sheet-languages input[type=text], +.sheet-specialty input[type=text], +.sheet-intimacy > input, +.sheet-merit input[type=text], +.sheet-flaw input[type=text], +label input, label select { -webkit-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; } -div.sheet-intimacy input[type="text"] { max-width: 220px; } -div.sheet-intimacy div.sheet-dots { width: 185px; } +.sheet-intimacy > input { max-width: 220px; } -div.sheet-sorcery input[type="text"].sheet-wide-flex:not(.sheet-regular):not(.sheet-narrow), -div.sheet-artifacts input[type="text"].sheet-wide-flex, -div.sheet-hearthstones input[type="text"].sheet-wide-flex +.sheet-intimacy .sheet-dots { width: 185px; } + +.sheet-sorcery .sheet-wide-flex, +.sheet-artifacts .sheet-wide-flex, +.sheet-hearthstones .sheet-wide-flex { -webkit-flex: 70%; - flex: 70%; + flex: 70%; } -div.sheet-sorcery input[type="text"], -div.sheet-artifacts input[type="text"], -div.sheet-artifacts select, -div.sheet-hearthstones input[type="text"], -div.sheet-hearthstones input[type="checkbox"], -div.sheet-hearthstones select, -div.sheet-charm select, -div.sheet-charm input[type="text"], -div.sheet-combo input[type="text"], -div.sheet-merit input[type="text"], -div.sheet-flaw input[type="text"] -{ - margin-right: 5px; -} +.sheet-sorcery input, +.sheet-artifacts input, +.sheet-artifacts select, +.sheet-hearthstones input, +.sheet-hearthstones select, +.sheet-charm select, +.sheet-charm input, +.sheet-combo input, +.sheet-merit input[type=text], +.sheet-flaw input[type=text] { margin-right: 5px; } -div.sheet-artifacts select, -div.sheet-hearthstones select:not(:first-of-type) -{ - font-size: 21px; -} +.sheet-artifacts select, +.sheet-hearthstones select:not(:first-of-type) { font-size: 21px; } label span { -webkit-flex: 0 1 auto; - flex: 0 1 auto; - margin-right: 20px; -} + flex: 0 1 auto; -div.sheet-background div.sheet-dots, -div.sheet-specialty div.sheet-dots, -div.sheet-intimacy div.sheet-dots -{ - text-align: right; + margin-right: 20px; } ul.sheet-craft-types { - list-style-type: none; - display: none; - position: absolute; - background-color: #fefefe; - z-index: 5; - width: 190px; - padding: 5px; - border: 1px solid #3f8ff3; - - border-radius: 5px; + -moz-border-radius: 5px; -webkit-border-radius: 5px; - -moz-border-radius: 5px; -} + border-radius: 5px; + border: 1px solid #3f8ff3; -div.sheet-craft-types:hover ul.sheet-craft-types { display: block; } + background-color: #fefefe; + display: none; + list-style-type: none; + padding: 5px; + position: absolute; + width: 190px; + z-index: 5; +} div.sheet-craft-types:hover ul.sheet-craft-types + div { opacity: 0.4; } -/* Style boxes */ -label input[type="text"], -label:not(.sheet-dv) input[type="number"], +label input[type=text], +label:not(.sheet-dv) input[type=number], label select, -div.sheet-ability input[type="text"], -div.sheet-background input[type="text"], -div.sheet-charm input[type="text"], -div.sheet-charm input[type="number"], -div.sheet-charm select, -div.sheet-combo input[type="text"], -div.sheet-sorcery input[type="text"], -div.sheet-artifacts input[type="text"], -div.sheet-artifacts select, -div.sheet-hearthstones input[type="text"], -div.sheet-hearthstones select, -div.sheet-languages input[type="text"], -div.sheet-intimacy input[type="text"], -div.sheet-familiar-health-row select, -div.sheet-merit input[type="text"], -div.sheet-merit input[type="number"], -div.sheet-flaw input[type="text"], -div.sheet-flaw input[type="number"], -table.sheet-familiar-attacks > tbody > tr > td > input[type="text"], -table.sheet-familiar-attacks > tbody > tr > td > input[type="number"], -select.sheet-health-label, -select.sheet-health-value, -div.sheet-essence input[type="number"]:not([disabled]), +.sheet-background > input, +.sheet-charm input, +.sheet-charm select, +.sheet-combo input, +.sheet-sorcery input, +.sheet-artifacts input, +.sheet-artifacts select, +.sheet-hearthstones > input, +.sheet-hearthstones select, +.sheet-languages input[type=text], +.sheet-specialty input[type=text], +.sheet-intimacy > input, +.sheet-familiar-health-row select, +.sheet-merit input, +.sheet-flaw input, +.sheet-familiar-attacks > tbody > tr > td > input, +.sheet-health-label, +.sheet-health-value, +.sheet-essence input:not([disabled]), .sheet-fancy { - border: 0px; - background: transparent; - -moz-box-shadow: none; + -moz-box-shadow: none; -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0px; - vertical-align: baseline; - + box-shadow: none; + + background: transparent; + + border: 0; border-bottom: 1px solid #000; + border-radius: 0; + + vertical-align: baseline; } -div.sheet-charm select, -div.sheet-artifacts select, -div.sheet-hearthstones select { margin-bottom: 0px; } +.sheet-charm select, +.sheet-artifacts select, +.sheet-hearthstones select { margin-bottom: 0; } -label input[type="text"]:focus, -label input[type="number"]:focus, -div.sheet-ability input[type="text"]:focus, -div.sheet-background input[type="text"]:focus, -div.sheet-charm input[type="text"]:focus, -div.sheet-charm input[type="number"]:focus, -div.sheet-combo input[type="text"]:focus, -div.sheet-sorcery input[type="text"]:focus, -div.sheet-artifacts input[type="text"]:focus, -div.sheet-hearthstones input[type="text"]:focus, -div.sheet-languages input[type="text"]:focus, -div.sheet-intimacy input[type="text"]:focus, -div.sheet-merit input[type="text"]:focus, -div.sheet-merit input[type="number"]:focus, -div.sheet-flaw input[type="text"]:focus, -div.sheet-flaw input[type="number"]:focus, -table.sheet-familiar-attacks > tbody > tr > td > input[type="text"]:focus, -table.sheet-familiar-attacks > tbody > tr > td > input[type="number"]:focus, -.sheet-fancy:focus -{ - box-shadow: rgba(83, 167, 235, 0.466667) 0px 0px 6px 0px; -} +label input:focus, +label.sheet-essence input:focus, +label.sheet-soak input:focus, +.sheet-background > input:focus, +.sheet-charm input:focus, +.sheet-combo input:focus, +.sheet-sorcery input:focus, +.sheet-artifacts input:focus, +.sheet-hearthstones > input:focus, +.sheet-languages input[type=text]:focus, +.sheet-specialty input[type=text]:focus, +.sheet-intimacy > input:focus, +.sheet-merit input:focus, +.sheet-flaw input:focus, +.sheet-familiar-attacks > tbody > tr > td > input:focus, +.sheet-essence input:focus, +.sheet-armor > label > input:focus, +.sheet-familiar-row > label > input:focus, +.sheet-fancy:focus { box-shadow: rgba(83, 167, 235, 0.466667) 0 0 6px 0; } -label.sheet-soak, -label.sheet-dv +.sheet-soak, +.sheet-dv { display: inline-block; max-width: 70px; } -label.sheet-dv { max-width: 100px; } - -input[type="number"] -{ - text-align: center; -} +.sheet-dv { max-width: 100px; } .sheet-essence label:not(.sheet-committed), -.sheet-essence input[type="number"] +.sheet-essence input[type=number] { display: inline; - padding-right: 0px; + padding-right: 0; } -/* Hide actual dot/checkbox */ -input[type="radio"], -input[type="checkbox"] +input[type=radio], +input[type=checkbox] { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -10px; cursor: pointer; + + top: 5px; + left: 6px; + width: 16px; + height: 16px; + + margin: -10px; + opacity: 0; + position: relative; z-index: 1; } -/* Styles common to fake dot and checkbox */ -input[type="radio"] + span::before, -input[type="checkbox"] + span::before +input[type=radio] + span::before, +input[type=checkbox] + span::before { - margin-right: 4px; + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + + background: radial-gradient(#f6f6f6,#dfdfdf); border: solid 1px #a8a8a8; - line-height: 14px; - text-align: center; display: inline-block; + line-height: 14px; + margin-right: 4px; + + text-align: center; vertical-align: middle; - - -moz-box-shadow: 0 0 2px #ccc; - -webkit-box-shadow: 0 0 2px #ccc; - box-shadow: 0 0 2px #ccc; - - background: #f6f6f6; - background: -moz-radial-gradient(#f6f6f6, #dfdfdf); - background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); - background: -ms-radial-gradient(#f6f6f6, #dfdfdf); - background: -o-radial-gradient(#f6f6f6, #dfdfdf); - background: radial-gradient(#f6f6f6, #dfdfdf); } -/* Styles unique to fake dot (checked or left of checked) */ -input[type="radio"] + span::before +input[type=radio] + span::before { - content: "•"; - width: 12px; - height: 12px; - font-size: 24px; - - -moz-border-radius: 50%; + -moz-border-radius: 50%; -webkit-border-radius: 50%; - border-radius: 50%; + border-radius: 50%; + + content:" •"; + font-size: 24px; + + width: 12px; + height: 12px; } -/* Styles unique to fake checkbox (unchecked) */ -input[type="checkbox"] + span::before +input[type=checkbox] + span::before { - content: ""; - width: 14px; - height: 14px; - font-size: 12px; - - -moz-border-radius: 3px; + -moz-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; + + content: ""; + font-size: 12px; + + width: 14px; + height: 14px; } -div.sheet-ability input[type="checkbox"]:first-child + span::before -{ - opacity: 1; -} +.sheet-dots input[type=checkbox]:first-child + span::before { opacity: 0.3; } -div.sheet-dots input[type="checkbox"]:first-child + span::before +.sheet-ability input[type=checkbox]:first-child:checked + span::before, +.sheet-will input[type=checkbox]:checked + span::before, +.sheet-hearthstones input[type=checkbox]:checked + span::before, +.sheet-languages input[type=checkbox]:checked + span::before, +.sheet-anima input[type=checkbox]:checked + span::before { - opacity: 0.3; -} - -/* Styles unique to fake checkbox (checked) */ -div.sheet-ability input[type="checkbox"]:first-child:checked + span::before, -div.sheet-will input[type="checkbox"]:checked + span::before, -div.sheet-hearthstones input[type="checkbox"]:checked + span::before, -div.sheet-languages input[type="checkbox"]:checked + span::before, -table.sheet-anima input[type="checkbox"]:checked + span::before -{ - content: "✓"; - color: #bea000; - - -moz-box-shadow: 0 0 2px #ccc; + -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; - box-shadow: 0 0 2px #ccc; - - background: #f6f6f6; - background: -moz-radial-gradient(#f6f6f6, #dfdfdf); - background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); - background: -ms-radial-gradient(#f6f6f6, #dfdfdf); - background: -o-radial-gradient(#f6f6f6, #dfdfdf); - background: radial-gradient(#f6f6f6, #dfdfdf); + box-shadow: 0 0 2px #ccc; + + background: radial-gradient(#f6f6f6,#dfdfdf); + color: #bea000; + content: "✓"; } -div.sheet-hearthstones input[type="checkbox"] + span::before +.sheet-hearthstones input[type=checkbox] + span::before { margin-left: -15px; - margin-top: 5px; + margin-top: 5px; } -div.sheet-dots input[type="checkbox"]:first-child:checked + span::before +.sheet-dots input[type=checkbox]:first-child:checked + span::before { - border: solid 1px transparent; - background: transparent; - content: "✖"; - color: #a00; - - -moz-box-shadow: 0 0 2px transparent; + -moz-box-shadow: 0 0 2px transparent; -webkit-box-shadow: 0 0 2px transparent; - box-shadow: 0 0 2px transparent; + box-shadow: 0 0 2px transparent; + + background: transparent; + border: solid 1px transparent; + color: #a00; + content: "✖"; } -div.sheet-dots input[type="checkbox"]:first-child:hover:checked + span::before, -div.sheet-ability input[type="checkbox"]:first-child + span::before +.sheet-dots input[type=checkbox]:first-child:hover:checked + span::before, +.sheet-ability input[type=checkbox]:first-child + span::before { - -moz-box-shadow: 0 0 2px #ccc; + -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; - box-shadow: 0 0 2px #ccc; - + box-shadow: 0 0 2px #ccc; + border: solid 1px #a8a8a8; margin-right: 4px; } -/* Remove dot from all radios _after_ selected one */ -input[type="radio"]:checked ~ input[type="radio"] + span::before -{ - content: ""; -} +.sheet-dots input[type=checkbox]:checked ~ input[type=radio] + span { opacity: 0.5; } -/* Show checkbox when hovering or when it's checked */ -div.sheet-dots input[type="checkbox"]:first-child:hover + span::before, -div.sheet-dots input[type="checkbox"]:first-child:checked + span::before -{ - opacity: 1; -} +.sheet-health-label,.sheet-health-value { width: 45px; } -/* Fade out dots when checkbox is checked */ -div.sheet-dots input[type="checkbox"]:checked ~ input[type="radio"] + span -{ - opacity: 0.5; -} +.sheet-familiar-health-row select.sheet-health-value { float: none; } -/* Hide checked dots when checkbox is checked */ -div.sheet-dots input[type="checkbox"]:checked ~ input[type="radio"] + span::before -{ - content: ""; -} - -/* Handle health boxes */ -select.sheet-health-label, -select.sheet-health-value -{ - width: 45px; -} - -select.sheet-health-value -{ - float: right; -} - -div.sheet-familiar-health-row select.sheet-health-value { float: none; } - -/* Tabs */ input.sheet-tab { - position: inherit; - width: 100px; + width: 100px; height: 18px; + + position:inherit; } input.sheet-tab:first-of-type { margin-left: 5px; } + input.sheet-tab:first-of-type + span::before { margin-left: -85px; } input.sheet-tab + span::before, input.sheet-tab:checked ~ input.sheet-tab + span::before { - content: attr(title); - margin-left: -90px; - margin-right: 10px; - padding-top: 2px; - border-radius: 3px; + -moz-border-radius: 3px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - width: 100px; - height: 18px; - font-size: 14px; - - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); - font-weight: bold; - color: #f8f8f8; - + border-radius: 3px; + background-color: #cbd600; background-image: -webkit-gradient(linear, left top, left bottom, from(#cbd600), to(#d9b84e)); background-image: -webkit-linear-gradient(top, #cbd600, #d9b84e); @@ -619,12 +464,26 @@ input.sheet-tab:checked ~ input.sheet-tab + span::before background-image: -ms-linear-gradient(top, #cbd600, #d9b84e); background-image: -o-linear-gradient(top, #cbd600, #d9b84e); background-image: linear-gradient(to bottom, #cbd600, #d9b84e); - filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cbd600, endColorstr=#d9b84e); + filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cbd600, endColorstr=#d9b84e); + + color: #f8f8f8; + content: attr(title); + + font-size: 14px; + font-weight: 700; + + width: 100px; + height: 18px; + + margin-left: -90px; + margin-right: 10px; + padding-top: 2px; + + text-shadow: -1px -1px 0 rgba(0,0,0,0.5); } input.sheet-tab:checked + span::before { - border: 1px solid #6a7000; background-color: #9ba300; background-image: -webkit-gradient(linear, left top, left bottom, from(#9ba300), to(#c9a32b)); background-image: -webkit-linear-gradient(top, #9ba300, #c9a32b); @@ -632,11 +491,54 @@ input.sheet-tab:checked + span::before background-image: -ms-linear-gradient(top, #9ba300, #c9a32b); background-image: -o-linear-gradient(top, #9ba300, #c9a32b); background-image: linear-gradient(to bottom, #9ba300, #c9a32b); - filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9ba300, endColorstr=#c9a32b); + filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9ba300, endColorstr=#c9a32b); + + border: 1px solid #6a7000; } -div.sheet-tab-content { display: none; } -input.sheet-tab[value="statistics"]:checked ~ div.sheet-statistics-tab { display: block; } -input.sheet-tab[value="combat"]:checked ~ div.sheet-combat-tab { display: block; } -input.sheet-tab[value="magic"]:checked ~ div.sheet-magic-tab { display: block; } -input.sheet-tab[value="background"]:checked ~ div.sheet-background-tab { display: block; } \ No newline at end of file +.sheet-tab-content { display: none; } + +.sheet-center, +h3.sheet-ability, +h4, +.sheet-familiar-attacks > tbody > tr > td:nth-child(2), +.sheet-familiar-attacks > tbody > tr > td:nth-child(3), +.sheet-familiar-attacks > tbody > tr > td:nth-child(5), +input[type=number] { text-align: center; } + +.sheet-right, +.sheet-background .sheet-dots, +.sheet-specialty .sheet-dots, +.sheet-intimacy .sheet-dots { text-align: right; } + +button[type=roll].sheet-blank-roll-button::before, +input[type=radio]:not(.sheet-tab):checked ~ input[type=radio] + span::before, +.sheet-dots input[type=checkbox]:checked ~ input[type=radio] + span::before { content: ""; } + +span.sheet-attribute + div, +span.sheet-ability + div, +.sheet-virtue, +[data-groupname=repeating_intimacies] .repitem, +.sheet-combat-equipment .sheet-armor { display: inline-block; } + +div.sheet-attribute div, +div.sheet-ability div, +.sheet-health-value { float: right; } + +[data-groupname=repeating_charms] .repitem, +.sheet-anima, +.sheet-familiar-attacks, +.sheet-familiar-attacks > tbody > tr > td > input[type=text] { width: 100%; } + +.repcontrol, +.sheet-familiar-attacks > tbody > tr:not(:first-child) > td > input { margin-top: 5px; } + +div.sheet-craft-types:hover ul.sheet-craft-types, +.sheet-tab[value=statistics]:checked ~ .sheet-statistics-tab, +.sheet-tab[value=combat]:checked ~ .sheet-combat-tab, +.sheet-tab[value=magic]:checked ~ .sheet-magic-tab, +.sheet-tab[value=background]:checked ~ .sheet-background-tab { display: block; } + +div.sheet-ability > input[type=checkbox]:first-child + span::before, +.sheet-dots input[type=checkbox]:first-child:hover + span::before, +.sheet-dots input[type=checkbox]:first-child:checked + span::before { opacity: 1; } \ No newline at end of file diff --git a/Exalted2e/exalted2e.html b/Exalted2e/exalted2e.html index 05eb7a06c1..886f2e6b5f 100644 --- a/Exalted2e/exalted2e.html +++ b/Exalted2e/exalted2e.html @@ -548,7 +548,7 @@
|
-
+

Athleticism

@@ -1564,7 +1564,7 @@

Experience

- +