diff --git a/Ironclaw/Ironclaw.css b/Ironclaw/Ironclaw.css index ea30a2f39a..bca49c7c20 100644 --- a/Ironclaw/Ironclaw.css +++ b/Ironclaw/Ironclaw.css @@ -8,32 +8,33 @@ .sheet-clear { background:none; } -/*-----tabs-----*/ +/*----------- Tabs Setup -------------*/ -input.sheet-tab1:not(:checked) ~ .sheet-tab1, -input.sheet-tab2:not(:checked) ~ .sheet-tab2, -input.sheet-tab3:not(:checked) ~ .sheet-tab3, -input.sheet-tab4:not(:checked) ~ .sheet-tab4, -input.sheet-tab5:not(:checked) ~ .sheet-tab5, -input.sheet-tab6:not(:checked) ~ .sheet-tab6 { - display: none; +div.sheet-core-content { + display: none; + width:840px; } -input.sheet-tab { - width: calc(20% - 4px); - max-width: 150px; - height: 20px; - - outline: none !important; - position: relative; - cursor: pointer; - z-index: 1; +.charsheet div[class^="sheet-section"] { + /*visibility: hidden; + opacity: 0; + max-height:0; + overflow: hidden;*/ + display: none; } -input.sheet-tab1 { - margin-left: 1px; +.charsheet input.sheet-tab1:checked ~ div.sheet-section-1, +.charsheet input.sheet-tab2:checked ~ div.sheet-section-2, +.charsheet input.sheet-tab3:checked ~ div.sheet-section-3, +.charsheet input.sheet-tab4:checked ~ div.sheet-section-4, +.charsheet input.sheet-tab5:checked ~ div.sheet-section-5, +.charsheet input.sheet-tab6:checked ~ div.sheet-section-6 { + display: block; } +.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { + display: block; +} input.sheet-tab::before { content: attr(title); display: inline-block; @@ -54,13 +55,41 @@ input.sheet-tab::before { input.sheet-tab:checked::before { border-bottom-color: white; } - -.sheet-tab-br { - border-bottom: 1px solid #a8a8a8; - margin-bottom: 5px; - margin-top: 1px; +.charsheet input.sheet-tab { + width: calc(20% - 4px); + max-width: 135px; + height: 20px; + + outline: none !important; + position: relative; + cursor: pointer; + z-index: 1; + opacity: 10; + z-index: 9999; } +.charsheet span.sheet-tab { + display: none; + +} + +.charsheet input.sheet-tab1:checked + span.sheet-tab1, +.charsheet input.sheet-tab2:checked + span.sheet-tab2, +.charsheet input.sheet-tab3:checked + span.sheet-tab3, +.charsheet input.sheet-tab4:checked + span.sheet-tab4, +.charsheet input.sheet-tab5:checked + span.sheet-tab5, +.charsheet input.sheet-tab6:checked + span.sheet-tab6, +.charsheet input.sheet-tab7:checked + span.sheet-tab7, +.charsheet input.sheet-tab8:checked + span.sheet-tab8, +.charsheet input.sheet-tab99:checked + span.sheet-tab99 { + + background: #dbc792; /*originally ab8b57*/ + color: #755b27; /*originally white*/ + border-radius: 4px; +} + +/*----------- End Tab Setup -----------*/ + /*-----Sheet Arrow-----*/ input.sheet-arrow { float: left; @@ -154,7 +183,7 @@ input.sheet-arrow[type="checkbox"]:checked + span::before .sheet-wrapper .sheet-select { border: 0 !important; - -webkit-appearance: none; + -webkit-appearance: none; -moz-appearance: none; background: transparent; text-overflow: ""; @@ -251,6 +280,10 @@ h2 { text-align: center; font-style: italic; } + +.sheet-hide { + display:none; +} /*====text box ====*/ .sheet-wrapper input[type="text"], .sheet-wrapper input[type="number"], .sheet-wrapper textarea { display: inline-block; @@ -533,4 +566,748 @@ input.sheet-roundcheck[type="checkbox"]:checked + span::before .sheet-careerroll button[type="roll"]:hover label { background-color: #A54885; color:black; -} \ No newline at end of file +} + +/* My adaptation of the Pathfinder Based Stuff*/ +/* Weapons */ +.sheet-rolltemplate-weapon .sheet-border { + border-color: #191970; + border-style: solid; + border-width: 1px; + border-top-width: 0px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.sheet-rolltemplate-weapon .sheet-header { + color: #191970; + padding: 2px 0px 2px 4px; + font-size: 1.2em; + font-weight: bold; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + letter-spacing: 1px; +} + +.sheet-rolltemplate-weapon .sheet-shadow { + font-family: "Times New Roman", Times, serif; +} + +.sheet-rolltemplate-weapon .sheet-shadow th, +.sheet-rolltemplate-weapon .sheet-shadow td { + padding-left: 5px; + padding-right: 5px; +} +.sheet-rolltemplate-weapon .sheet-header_background { + background-color: transparent; + border-color: #191970; + border-style: solid; + border-width: 0px; + border-bottom-width: 3px; + border-right-width: 4px; + border-top-right-radius: 16px; + background-size: auto; +} +.sheet-rolltemplate-weapon .sheet-header_background_down { + background-color: transparent; + border-color: #191970; + border-style: solid; + border-width: 0px; + border-top-width: 3px; + border-right-width: 4px; + border-bottom-right-radius: 16px; + background-size: auto; +} + +.sheet-rolltemplate-weapon .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-weapon .sheet-content { + padding: 1px 5px 1px 5px; + font-size: 0.9em; + text-align: center; +} + +.sheet-rolltemplate-weapon .inlinerollresult { + background-color: transparent; + border: none; +} + +.sheet-rolltemplate-weapon .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-weapon .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-weapon .inlinerollresult.importantroll { + color: #4A57ED; + border: none; +} + +.sheet-rolltemplate-weapon table.sheet-shadow { + background:white; + border-radius: 10px; + border-collapse: collapse; + border-spacing:0; + box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black; +} + +.sheet-rolltemplate-weapon .sheet-shadow td:last-child { + border-right: none; +} + +.sheet-rolltemplate-weapon .sheet-shadow th:first-child { + border-radius: 10px 0 0 0; +} + +.sheet-rolltemplate-weapon .sheet-shadow th:last-child { + border-radius: 0 10px 0 0; +} + +.sheet-rolltemplate-weapon .sheet-shadow tr:last-child td:first-child { + border-radius: 0 0 0 10px; +} + +/* Skill */ +.sheet-rolltemplate-skill .sheet-border { + border-color: #191970; + border-style: solid; + border-width: 1px; + border-top-width: 0px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.sheet-rolltemplate-skill .sheet-header { + color: #191970; + padding: 2px 0px 2px 4px; + font-size: 1.2em; + font-weight: bold; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + letter-spacing: 1px; +} + +.sheet-rolltemplate-skill .sheet-shadow { + font-family: "Times New Roman", Times, serif; + +} + +.sheet-rolltemplate-skill .sheet-shadow th, +.sheet-rolltemplate-skill .sheet-shadow td { + padding-left: 5px; + padding-right: 5px; +} +.sheet-rolltemplate-skill .sheet-header_background { + background-color: transparent; + border-color: #191970; + border-style: solid; + border-width: 0px; + border-bottom-width: 3px; + border-right-width: 4px; + border-top-right-radius: 16px; + background-size: auto; +} +.sheet-rolltemplate-skill .sheet-header_background_down { + background-color: transparent; + border-color: #191970; + border-style: solid; + border-width: 0px; + border-top-width: 3px; + border-right-width: 4px; + border-bottom-right-radius: 16px; + background-size: auto; +} + +.sheet-rolltemplate-skill .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-skill .sheet-content { + padding: 1px 5px 1px 5px; + font-size: 0.9em; + text-align: center; +} + +.sheet-rolltemplate-skill .inlinerollresult { + background-color: transparent; + border: none; +} + +.sheet-rolltemplate-skill .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-skill .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-skill .inlinerollresult.importantroll { + color: #4A57ED; + border: none; +} + +.sheet-rolltemplate-skill table.sheet-shadow { + background:white; + border-radius: 10px; + border-collapse: collapse; + border-spacing:0; + box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black; +} + +.sheet-rolltemplate-skill .sheet-shadow td:last-child { + border-right: none; +} + +.sheet-rolltemplate-skill .sheet-shadow th:first-child { + border-radius: 10px 0 0 0; +} + +.sheet-rolltemplate-skill .sheet-shadow th:last-child { + border-radius: 0 10px 0 0; +} + +.sheet-rolltemplate-skill .sheet-shadow tr:last-child td:first-child { + border-radius: 0 0 0 10px; +} + +/* Initiative */ +.sheet-rolltemplate-Initiative .sheet-border { + border-color: #191970; + border-style: solid; + border-width: 1px; + border-top-width: 0px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.sheet-rolltemplate-Initiative .sheet-header { + color: red; + padding: 2px 0px 2px 4px; + font-size: 1.2em; + font-weight: bold; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + letter-spacing: 1px; +} + +.sheet-rolltemplate-Initiative .sheet-shadow { + font-family: "Times New Roman", Times, serif; +} + +.sheet-rolltemplate-Initiative .sheet-shadow th, +.sheet-rolltemplate-Initiative .sheet-shadow td { + padding-left: 5px; + padding-right: 5px; +} +.sheet-rolltemplate-Initiative .sheet-header_background { + background-color: transparent; + border-color: red; + border-style: solid; + border-width: 0px; + border-bottom-width: 3px; + border-right-width: 4px; + border-top-right-radius: 16px; + background-size: auto; +} +.sheet-rolltemplate-Initiative .sheet-header_background_down { + background-color: transparent; + border-color: red; + border-style: solid; + border-width: 0px; + border-top-width: 3px; + border-right-width: 4px; + border-bottom-right-radius: 16px; + background-size: auto; +} + +.sheet-rolltemplate-Initiative .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-Initiative .sheet-content { + padding: 1px 5px 1px 5px; + font-size: 0.9em; + text-align: center; +} + +.sheet-rolltemplate-Initiative .inlinerollresult { + background-color: transparent; + border: none; +} + +.sheet-rolltemplate-Initiative .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-Initiative .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-Initiative .inlinerollresult.importantroll { + color: #4A57ED; + border: none; +} + +.sheet-rolltemplate-Initiative table.sheet-shadow { + background:white; + border-radius: 10px; + border-collapse: collapse; + border-spacing:0; + box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black; +} + +.sheet-rolltemplate-Initiative .sheet-shadow td:last-child { + border-right: none; +} + +.sheet-rolltemplate-Initiative .sheet-shadow th:first-child { + border-radius: 10px 0 0 0; +} + +.sheet-rolltemplate-Initiative .sheet-shadow th:last-child { + border-radius: 0 10px 0 0; +} + +.sheet-rolltemplate-Initiative .sheet-shadow tr:last-child td:first-child { + border-radius: 0 0 0 10px; +} +/* ========== Soak ========== */ +.sheet-rolltemplate-Soak .sheet-border { + border-color: black; + border-style: solid; + border-width: 1px; + border-top-width: 0px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.sheet-rolltemplate-Soak .sheet-header { + color: #191970; + padding: 2px 0px 2px 4px; + margin-left:10px; + font-size: 1.2em; + font-weight: bold; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + letter-spacing: 1px; +} + +.sheet-rolltemplate-Soak .sheet-shadow { + font-family: "Times New Roman", Times, serif; +} + +.sheet-rolltemplate-Soak .sheet-shadow th, +.sheet-rolltemplate-Soak .sheet-shadow td { + padding-left: 5px; + padding-right: 5px; +} +.sheet-rolltemplate-Soak .sheet-header_background { + background-color: transparent; + border-color: black; + border-style: solid; + border-width: 0px; + border-bottom-width: 3px; + border-left-width: 4px; + border-top-left-radius: 16px; + background-size: auto; +} +.sheet-rolltemplate-Soak .sheet-header_background_down { + background-color: transparent; + border-color: black; + border-style: solid; + border-width: 0px; + border-top-width: 3px; + border-left-width: 4px; + border-bottom-left-radius: 16px; + background-size: auto; +} + +.sheet-rolltemplate-Soak .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-Soak .sheet-content { + padding: 1px 5px 1px 5px; + font-size: 0.9em; + text-align: center; +} + +.sheet-rolltemplate-Soak .inlinerollresult { + background-color: transparent; + border: none; +} + +.sheet-rolltemplate-Soak .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-Soak .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-Soak .inlinerollresult.importantroll { + color: #4A57ED; + border: none; +} + +.sheet-rolltemplate-Soak table.sheet-shadow { + background:white; + border-radius: 10px; + border-collapse: collapse; + border-spacing:0; + box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black; +} + +.sheet-rolltemplate-Soak .sheet-shadow td:last-child { + border-right: none; +} + +.sheet-rolltemplate-Soak .sheet-shadow th:first-child { + border-radius: 10px 0 0 0; +} + +.sheet-rolltemplate-Soak .sheet-shadow th:last-child { + border-radius: 0 10px 0 0; +} + +.sheet-rolltemplate-Soak .sheet-shadow tr:last-child td:first-child { + border-radius: 0 0 0 10px; +} + +/* Scramble */ +.sheet-rolltemplate-Scramble .sheet-border { + border-color: #FFF100; + border-style: solid; + border-width: 1px; + border-top-width: 0px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.sheet-rolltemplate-Scramble .sheet-header { + color: #FFF100; + text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black; + padding: 2px 0px 2px 4px; + font-size: 1.2em; + font-weight: bold; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + letter-spacing: 1px; +} + +.sheet-rolltemplate-Scramble .sheet-shadow { + font-family: "Times New Roman", Times, serif; +} + +.sheet-rolltemplate-Scramble .sheet-shadow th, +.sheet-rolltemplate-Scramble .sheet-shadow td { + padding-left: 5px; + padding-right: 5px; +} +.sheet-rolltemplate-Scramble .sheet-header_background { + background-color: transparent; + border-color: #FFF100; + border-style: solid; + border-width: 0px; + border-bottom-width: 3px; + border-right-width: 4px; + border-top-right-radius: 16px; + background-size: auto; +} +.sheet-rolltemplate-Scramble .sheet-header_background_down { + background-color: transparent; + border-color: #FFF100; + border-style: solid; + border-width: 0px; + border-top-width: 3px; + border-right-width: 4px; + border-bottom-right-radius: 16px; + background-size: auto; +} + +.sheet-rolltemplate-Scramble .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-Scramble .sheet-content { + padding: 1px 5px 1px 5px; + font-size: 0.9em; + text-align: center; +} + +.sheet-rolltemplate-Scramble .inlinerollresult { + background-color: transparent; + border: none; +} + +.sheet-rolltemplate-Scramble .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-Scramble .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-Scramble .inlinerollresult.importantroll { + color: #4A57ED; + border: none; +} + +.sheet-rolltemplate-Scramble table.sheet-shadow { + background:white; + border-radius: 10px; + border-collapse: collapse; + border-spacing:0; + box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black; +} + +.sheet-rolltemplate-Scramble .sheet-shadow td:last-child { + border-right: none; +} + +.sheet-rolltemplate-Scramble .sheet-shadow th:first-child { + border-radius: 10px 0 0 0; +} + +.sheet-rolltemplate-Scramble .sheet-shadow th:last-child { + border-radius: 0 10px 0 0; +} + +.sheet-rolltemplate-Scramble .sheet-shadow tr:last-child td:first-child { + border-radius: 0 0 0 10px; +} + +/* Scramble */ +.sheet-rolltemplate-Dodge .sheet-border { + border-color: #00ADEF; + border-style: solid; + border-width: 1px; + border-top-width: 0px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.sheet-rolltemplate-Dodge .sheet-header { + color: #00ADEF; + text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black; + padding: 2px 0px 2px 4px; + font-size: 1.2em; + font-weight: bold; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + letter-spacing: 1px; +} + +.sheet-rolltemplate-Dodge .sheet-shadow { + font-family: "Times New Roman", Times, serif; +} + +.sheet-rolltemplate-Dodge .sheet-shadow th, +.sheet-rolltemplate-Dodge .sheet-shadow td { + padding-left: 5px; + padding-right: 5px; +} +.sheet-rolltemplate-Dodge .sheet-header_background { + background-color: transparent; + border-color: #00ADEF; + border-style: solid; + border-width: 0px; + border-bottom-width: 3px; + border-right-width: 4px; + border-top-right-radius: 16px; + background-size: auto; +} +.sheet-rolltemplate-Dodge .sheet-header_background_down { + background-color: transparent; + border-color: #00ADEF; + border-style: solid; + border-width: 0px; + border-top-width: 3px; + border-right-width: 4px; + border-bottom-right-radius: 16px; + background-size: auto; +} + +.sheet-rolltemplate-Dodge .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-Dodge .sheet-content { + padding: 1px 5px 1px 5px; + font-size: 0.9em; + text-align: center; +} + +.sheet-rolltemplate-Dodge .inlinerollresult { + background-color: transparent; + border: none; +} + +.sheet-rolltemplate-Dodge .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-Dodge .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-Dodge .inlinerollresult.importantroll { + color: #4A57ED; + border: none; +} + +.sheet-rolltemplate-Dodge table.sheet-shadow { + background:white; + border-radius: 10px; + border-collapse: collapse; + border-spacing:0; + box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black; +} + +.sheet-rolltemplate-Dodge .sheet-shadow td:last-child { + border-right: none; +} + +.sheet-rolltemplate-Dodge .sheet-shadow th:first-child { + border-radius: 10px 0 0 0; +} + +.sheet-rolltemplate-Dodge .sheet-shadow th:last-child { + border-radius: 0 10px 0 0; +} + +.sheet-rolltemplate-Dodge .sheet-shadow tr:last-child td:first-child { + border-radius: 0 0 0 10px; +} + +/* ========== random ========== */ +.sheet-rolltemplate-random .sheet-border { + border-color: black; + border-style: solid; + border-width: 1px; + border-top-width: 0px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.sheet-rolltemplate-random .sheet-header { + color: #191970; + padding: 2px 0px 2px 4px; + margin-left:10px; + font-size: 1.2em; + font-weight: bold; + text-align: left; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + letter-spacing: 1px; +} + +.sheet-rolltemplate-random .sheet-shadow { + font-family: "Times New Roman", Times, serif; +} + +.sheet-rolltemplate-random .sheet-shadow th, +.sheet-rolltemplate-random .sheet-shadow td { + padding-left: 5px; + padding-right: 5px; + font-size:0.8em; +} +.sheet-rolltemplate-random .sheet-header_background { + background-color: transparent; + border-color: black; + border-style: solid; + border-width: 0px; + border-bottom-width: 3px; + border-left-width: 4px; + border-top-left-radius: 16px; + border-right-width: 4px; + border-top-right-radius: 16px; background-size: auto; +} +.sheet-rolltemplate-random .sheet-header_background_down { + background-color: transparent; + border-color: black; + border-style: solid; + border-width: 0px; + border-top-width: 3px; + border-left-width: 4px; + border-bottom-left-radius: 16px; + border-right-width: 4px; + border-bottom-right-radius: 16px; + background-size: auto; +} + +.sheet-rolltemplate-random .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-random .sheet-content { + padding: 1px 5px 1px 5px; + font-size: 0.9em; + text-align: center; +} + +.sheet-rolltemplate-random .inlinerollresult { + background-color: transparent; + border: none; +} + +.sheet-rolltemplate-random .inlinerollresult.fullcrit { + color: #3FB315; + border: none; +} + +.sheet-rolltemplate-random .inlinerollresult.fullfail { + color: #B31515; + border: none; +} + +.sheet-rolltemplate-random .inlinerollresult.importantroll { + color: #4A57ED; + border: none; +} + +.sheet-rolltemplate-random table.sheet-shadow { + background:white; + border-radius: 10px; + border-collapse: collapse; + border-spacing:0; + box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black; +} + +.sheet-rolltemplate-random .sheet-shadow td:last-child { + border-right: none; +} + +.sheet-rolltemplate-random .sheet-shadow th:first-child { + border-radius: 10px 0 0 0; +} + +.sheet-rolltemplate-random .sheet-shadow th:last-child { + border-radius: 0 10px 0 0; +} + +.sheet-rolltemplate-random .sheet-shadow tr:last-child td:first-child { + border-radius: 0 0 0 10px; +}