From 7bde4625517c6dfe73dee117d3eb55b26a47f2a3 Mon Sep 17 00:00:00 2001 From: jweweiler <36315787+jweweiler@users.noreply.github.com> Date: Mon, 7 May 2018 07:02:43 -0700 Subject: [PATCH] Update starcraft.css --- Starcraft RPG/starcraft.css | 615 ++++++++++++++++++++++++++++++++++-- 1 file changed, 596 insertions(+), 19 deletions(-) diff --git a/Starcraft RPG/starcraft.css b/Starcraft RPG/starcraft.css index 3b34bc7006..5391d2ecdd 100644 --- a/Starcraft RPG/starcraft.css +++ b/Starcraft RPG/starcraft.css @@ -1,22 +1,599 @@ -hr +/* ----------------------- classes for area display toggles -----------------------*/ +.sheet-pc-psionics-show:not(:checked)~.sheet-pc-psionics {display:none;} +.sheet-pc-summon-attacks-show:not(:checked)~.sheet-pc-summon-attacks {display:none;} +.sheet-pc-evolution-show:not(:checked)~.sheet-pc-evolution {display:none;} +.sheet-pc-charrpinfo-show:not(:checked)~.sheet-pc-charrpinfo {display:none;} +.sheet-pc-combat-show:not(:checked)~.sheet-pc-combat {display:none;} +.sheet-pc-charnotes-show:not(:checked)~.sheet-pc-charnotes {display:none;} +.sheet-pc-saveblock-show:not(:checked)~.sheet-pc-saveblock {display:none;} +.sheet-pc-wounds-show:not(:checked)~.sheet-pc-wounds {display:none;} +.sheet-pc-baseattackmacros-show:not(:checked)~.sheet-pc-baseattackmacros {display:none;} +.sheet-pc-statblock-show:not(:checked)~.sheet-pc-statblock {display:none;} +.sheet-pc-abilitymacros-show:not(:checked)~.sheet-pc-abilitymacros {display:none;} +.sheet-pc-equipment-show:not(:checked)~.sheet-pc-equipment {display:none;} +.sheet-pc-acequipment-show:not(:checked)~.sheet-pc-acequipment {display:none;} +.sheet-pc-acother-show:not(:checked)~.sheet-pc-acother {display:none;} +.sheet-pc-equippedequipment-show:not(:checked)~.sheet-pc-equippedequipment {display:none;} +.sheet-pc-belt1equipment-show:not(:checked)~.sheet-pc-belt1equipment {display:none;} +.sheet-pc-belt2equipment-show:not(:checked)~.sheet-pc-belt2equipment {display:none;} +.sheet-pc-belt3equipment-show:not(:checked)~.sheet-pc-belt3equipment {display:none;} +.sheet-pc-packequipment-show:not(:checked)~.sheet-pc-packequipment {display:none;} +.sheet-pc-caseequipment-show:not(:checked)~.sheet-pc-caseequipment {display:none;} +.sheet-pc-encumbrance-show:not(:checked)~.sheet-pc-encumbrance {display:none;} +.sheet-pc-weapons-show:not(:checked)~.sheet-pc-weapons {display:none;} +.sheet-pc-skills-show:not(:checked)~.sheet-pc-skills {display:none;} +.sheet-pc-pronouns-show:not(:checked)~.sheet-pc-pronouns {display:none;} +.sheet-pc-summons-show:not(:checked)~.sheet-pc-summons {display:none;} +.sheet-pc-controlled-show:not(:checked)~.sheet-pc-controlled {display:none;} +.sheet-pc-vehicles-show:not(:checked)~.sheet-pc-vehicles {display:none;} +.sheet-pc-notes-show:not(:checked)~.sheet-pc-notes {display:none;} +.sheet-pc-traits-show:not(:checked)~.sheet-pc-traits {display:none;} +.sheet-pc-purchases-show:not(:checked)~.sheet-pc-purchases {display:none;} +.sheet-pc-rolltemplates-show:not(:checked)~.sheet-pc-rolltemplates {display:none;} +.sheet-pc-deflectioncalc-show:not(:checked)~.sheet-pc-deflectioncalc {display:none;} +.sheet-pc-armorbonuscalc-show:not(:checked)~.sheet-pc-armorbonuscalc {display:none;} +.sheet-pc-dodgecalc-show:not(:checked)~.sheet-pc-dodgecalc {display:none;} +.sheet-pc-abilityaccalc-show:not(:checked)~.sheet-pc-abilityaccalc {display:none;} +.sheet-pc-naturalarmorcalc-show:not(:checked)~.sheet-pc-naturalarmorcalc {display:none;} +.sheet-pc-miscaccalc-show:not(:checked)~.sheet-pc-miscaccalc {display:none;} +.sheet-pc-vehiclespecials-show:not(:checked)~.sheet-pc-vehiclespecials {display:none;} +.sheet-pc-summonspecials-show:not(:checked)~.sheet-pc-summonspecials {display:none;} + +.sheet-pc-weapon1-show:not(:checked)~.sheet-pc-weapon1 {display:none;} +.sheet-pc-weapon2-show:not(:checked)~.sheet-pc-weapon2 {display:none;} +.sheet-pc-weapon3-show:not(:checked)~.sheet-pc-weapon3 {display:none;} +.sheet-pc-weapon4-show:not(:checked)~.sheet-pc-weapon4 {display:none;} +.sheet-pc-weapon5-show:not(:checked)~.sheet-pc-weapon5 {display:none;} +.sheet-pc-weapon6-show:not(:checked)~.sheet-pc-weapon6 {display:none;} +.sheet-pc-weapon7-show:not(:checked)~.sheet-pc-weapon7 {display:none;} +.sheet-pc-weapon8-show:not(:checked)~.sheet-pc-weapon8 {display:none;} +.sheet-pc-weapon9-show:not(:checked)~.sheet-pc-weapon9 {display:none;} +.sheet-pc-weapon10-show:not(:checked)~.sheet-pc-weapon10 {display:none;} +.sheet-pc-weapon11-show:not(:checked)~.sheet-pc-weapon11 {display:none;} + +.sheet-pc-psionics0-show:not(:checked)~.sheet-pc-psionics0 {display:none;} +.sheet-pc-psionics1-show:not(:checked)~.sheet-pc-psionics1 {display:none;} +.sheet-pc-psionics2-show:not(:checked)~.sheet-pc-psionics2 {display:none;} +.sheet-pc-psionics3-show:not(:checked)~.sheet-pc-psionics3 {display:none;} +.sheet-pc-psionics4-show:not(:checked)~.sheet-pc-psionics4 {display:none;} +.sheet-pc-psionics5-show:not(:checked)~.sheet-pc-psionics5 {display:none;} +.sheet-pc-psionics6-show:not(:checked)~.sheet-pc-psionics6 {display:none;} +.sheet-pc-psionics7-show:not(:checked)~.sheet-pc-psionics7 {display:none;} +.sheet-pc-psionics8-show:not(:checked)~.sheet-pc-psionics8 {display:none;} +.sheet-pc-psionics9-show:not(:checked)~.sheet-pc-psionics9 {display:none;} +.sheet-pc-psionics10-show:not(:checked)~.sheet-pc-psionics10 {display:none;} + +.sheet-pc-evolution0-show:not(:checked)~.sheet-pc-evolution0 {display:none;} +.sheet-pc-evolution1-show:not(:checked)~.sheet-pc-evolution1 {display:none;} +.sheet-pc-evolution2-show:not(:checked)~.sheet-pc-evolution2 {display:none;} +.sheet-pc-evolution3-show:not(:checked)~.sheet-pc-evolution3 {display:none;} +.sheet-pc-evolution4-show:not(:checked)~.sheet-pc-evolution4 {display:none;} +.sheet-pc-evolution5-show:not(:checked)~.sheet-pc-evolution5 {display:none;} +.sheet-pc-evolution6-show:not(:checked)~.sheet-pc-evolution6 {display:none;} +.sheet-pc-evolution7-show:not(:checked)~.sheet-pc-evolution7 {display:none;} +.sheet-pc-evolution8-show:not(:checked)~.sheet-pc-evolution8 {display:none;} +.sheet-pc-evolution9-show:not(:checked)~.sheet-pc-evolution9 {display:none;} +.sheet-pc-evolution10-show:not(:checked)~.sheet-pc-evolution10 {display:none;} + +.sheet-pc-other1-show:not(:checked)~.sheet-pc-other1 {display:none;} +.sheet-pc-other2-show:not(:checked)~.sheet-pc-other2 {display:none;} +.sheet-pc-other3-show:not(:checked)~.sheet-pc-other3 {display:none;} +.sheet-pc-other4-show:not(:checked)~.sheet-pc-other4 {display:none;} + +.sheet-pc-notes1-show:not(:checked)~.sheet-pc-notes1 {display:none;} +.sheet-pc-notes2-show:not(:checked)~.sheet-pc-notes2 {display:none;} +.sheet-pc-notes3-show:not(:checked)~.sheet-pc-notes3 {display:none;} +.sheet-pc-notes4-show:not(:checked)~.sheet-pc-notes4 {display:none;} + +.sheet-pc-rolltemplates-show:not(:checked)~.sheet-pc-rolltemplates {display:none;} + +.charsheet label { + display: inline-block; + width: 75px; + text-align: left; +} + +.charsheet input { + background-color: transparent; + border-style: solid; + border-color: black; + border-width: 0px 0px 2px 0px; +} + +.charsheet input.sheet-inputbox { + background-color: transparent; + border-style: solid; + border-color: black; + border-width: 1px 1px 1px 1px; +} + +.even { + border: 1px solid black; + background-color: #AAA; +} + +.odd { + border: 1px solid black; + background-color: #DDD; +} + +fieldset { + display: none; +} + +.charsheet { + background-color: white; + background-image: none; +} + +.charsheet table th { + font-size: 0.8em; + text-align: center; +} + +.charsheet table td.sheet-statlabel-big-gray { + background-color: gray; + color: white; + font-size: 0.9em; + text-align: center; +} + +.charsheet table td.sheet-statlabel-big { + border: 1px solid white; + background-color: black; + color: white; + font-size: 0.9em; + text-align: center; +} +.charsheet table td.sheet-statlabel { + border: 1px solid white; + background-color: black; + color: white; + font-size: 0.7em; + text-align: center; +} +.charsheet table td { + font-weight: bold; + text-align: center; +} + +select.sheet-dtype { + width: 60px; + vertical-align: top; +} + +.sheet-input-noborder { + background-color: transparent; + border-style: solid; + border-color: transparent; + border-width: 0px 0px 0px 0px; +} + +.sheet-statlabel-encumbrance { + border: 1px solid white; + background-color: black; + color: white; + font-size: 0.65em; + text-align: center; +} + +.sheet-statlabel-weapons { + display: table-cell; + border: 1px solid white; + background-color: black; + color: white; + font-size: 0.7em; + vertical-align: bottom; +} + +.sheet-table-name { + display: table-caption; + text-align: center; + font-weight: bold; + color: white; + background-color: black; + width: 100%; +} + +.sheet-table-header { + display: table-cell; + text-align: center; + font-weight: bold; + vertical-align: bottom; +} + +.sheet-table-header-left { + display: table-cell; + text-align: left; + font-weight: bold; +} + +.sheet-table-header2-left { + display: table-cell; + text-align: left; + font-weight: bold; + font-size: 0.7em; +} + +.sheet-table-header-right { + display: table-cell; + text-align: right; + font-weight: bold; +} + +.sheet-table-header2 { + display: table-cell; + text-align: center; + font-weight: bold; + font-size: 0.7em; + vertical-align: bottom; +} + +.sheet-table-header3 { + display: table-cell; + text-align: center; + font-weight: bold; + font-size: 0.7em; + vertical-align: top; +} + +.sheet-table-encumbrance { + display: table-cell; + font-size: 0.65em; + width: 133px; +} + +.sheet-table-load { + display: table-cell; + font-size: 0.65em; + width: 95px; +} + +.sheet-table-left { + display: table-cell; + text-align: left; +} + +.sheet-table-right { + display: table-cell; + text-align: right; +} + +.sheet-table-center { + margin-left: auto; + margin-right: auto; +} + +.sheet-table-data-left { + display: table-cell; + text-align: left; + vertical-align: top; +} + +.sheet-table-data-right { + display: table-cell; + text-align: right; + vertical-align: top; +} + +.sheet-table-data-center { + display: table-cell; + text-align: center; + vertical-align: top; +} + +.sheet-table-data-center-sm { + display: table-cell; + text-align: center; + font-size: 0.7em; + vertical-align: top; +} + +.sheet-table-data-center-skills { + display: table-cell; + width: 28px; +} + +.sheet-table-data-center-skills-rep { + display: table-cell; + width: 31px; +} + +.sheet-table-col { + display: table-col; + vertical-align: center; + width: 100%; +} + +.sheet-table-row { + display: table-row; + vertical-align: top; + width: 100%; +} + +.sheet-table-row-name { + display: table-cell; + text-align: center; + color: white; + background-color: black; + font-weight: bold; +} + +.sheet-table-row-small { + display: table-cell; + width: 40px; +} + +textarea { height: auto; } + +input, select { + width:100%; +} + +/* Take out the spinner arrows on number inputs. */ +input[type=number] { + -moz-appearance: textfield; +} +input[type=number]::-webkit-outer-spin-button, +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; +} + +/* -----------------------Skinned checkbox for Arrow toggles (►/▼)----------------------- */ +/* Hide actual checkbox */ +input.sheet-arrow[type="checkbox"]{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* Fake checkbox */ +input.sheet-arrow[type="checkbox"] + span::before{ + margin-right: 4px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + + content: "►"; + width: 14px; + height: 14px; + font-size: 12px; +} +input.sheet-arrow[type="checkbox"]:checked + span::before { content: "▼"; } + +/* -----------------------Skinned checkbox for Y/N toggles----------------------- */ +/* Hide actual checkbox */ +input.sheet-yesno[type="checkbox"]{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* Fake checkbox */ +input.sheet-yesno[type="checkbox"] + span::before{ + margin-right: 4px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + + content: "N"; + width: 14px; + height: 14px; + font-size: 12px; +} +input.sheet-yesno[type="checkbox"]:checked + span::before { content: "Y"; } + +/* -----------------------Skinned Radio button for PC/NPC button----------------------- */ +/* Hide actual radio button */ +input.sheet-switch[type="radio"]{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* Fake radio button */ +input.sheet-switch[type="radio"] + span::before{ + margin-right: 4px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + + content: "◇"; + width: 14px; + height: 14px; + font-size: 12px; +} +input.sheet-switch[type="radio"]:checked + span::before { content: "◆"; } + +/* -----------------------Fake tabs style1 (reskinned radio button; fixed to work properly in firefox----------------------- */ +div.sheet-tab-content { display: none; } + +input.sheet-terran:checked ~ div.sheet-terran, +input.sheet-protoss:checked ~ div.sheet-protoss, +input.sheet-zerg:checked ~ div.sheet-zerg, { display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; - border-color: black; } -div.sheet-combat, -div.sheet-skills, -div.sheet-powers, -div.sheet-equipment, -div.sheet-traits, -div.sheet-notes { display: none; } -input.sheet-tab1:checked ~ div.sheet-combat { display: block; } -input.sheet-tab2:checked ~ div.sheet-skills { display: block; } -input.sheet-tab3:checked ~ div.sheet-powers { display: block; } -input.sheet-tab4:checked ~ div.sheet-equipment { display: block; } -input.sheet-tab5:checked ~ div.sheet-traits { display: block; } -input.sheet-tab6:checked ~ div.sheet-notes { display: block; } + + +input.sheet-tab1:checked ~ div.sheet-tab1, +input.sheet-tab2:checked ~ div.sheet-tab2, +input.sheet-tab3:checked ~ div.sheet-tab3, +input.sheet-tab4:checked ~ div.sheet-tab4, +input.sheet-tab5:checked ~ div.sheet-tab5, +input.sheet-tab6:checked ~ div.sheet-tab6, +input.sheet-tab7:checked ~ div.sheet-tab7, +input.sheet-tab8:checked ~ div.sheet-tab8, +input.sheet-tab9:checked ~ div.sheet-tab9, +input.sheet-tab10:checked ~ div.sheet-tab10, +input.sheet-tab99:checked ~ div.sheet-tab99 +{ + display: block; +} + +input.sheet-tab1:checked + span.sheet-tab1, +input.sheet-tab2:checked + span.sheet-tab2, +input.sheet-tab3:checked + span.sheet-tab3, +input.sheet-tab4:checked + span.sheet-tab4, +input.sheet-tab5:checked + span.sheet-tab5, +input.sheet-tab6:checked + span.sheet-tab6, +input.sheet-tab7:checked + span.sheet-tab7, +input.sheet-tab8:checked + span.sheet-tab8, +input.sheet-tab9:checked + span.sheet-tab9, +input.sheet-tab10:checked + span.sheet-tab10, +input.sheet-tab99:checked + span.sheet-tab99 +{ + background: gray; + color: white; +} + +input.sheet-tab +{ + width: 70px; + height: 20px; + position: relative; + top: 5px; + left: 6px; + margin: -1.5px; + cursor: pointer; + opacity: 0; + z-index: 9999; +} +span.sheet-tab { + text-align: center; + display: inline-block; + font-size: 13px; + background: white; + color: gray; + font-weight: bold; + width: 70px; + height: 20px; + cursor: pointer; + position: relative; + margin-left: -75px; +} +input.sheet-tab::before +{ + content: attr(title); + + border: solid 1px #a8a8a8; + border-bottom-color: black; + text-align: center; + display: inline-block; + + background: #fff; + background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); + + width: 50px; + height: 20px; + font-size: 18px; +} + +input.sheet-tab:checked::before +{ + background: #dcdcdc; + background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); + border-bottom-color: #fff; +} + +input.sheet-tab:not(:first-child)::before +{ + border-left: none; +} + +div.sheet-tab-content +{ + border: 1px solid #a8a8a8; + border-top-color: #000; /* black */ + margin: 2px 0 0 5px; + padding: 5px; +} + +/* -----------------------tabs style2 (with label) works even in firefox ----------------------- */ +.sheet-character-sheet, +.sheet-expand +{ + display: none; + padding: 3px; +} + +.sheet-expand:checked ~ .sheet-show +{ + display: block; + background-color: white; + margin: 1px 0px 0px -2px; +} + +.sheet-tab +{ + display: inline-block; + text-align: center; + margin: -2px; + padding: 2px; + width: 124px; + height: 24px; + background-color: gray; + border-top-left-radius: 1em 3em; + border-top-right-radius: 1em 3em; + border: solid thin gray; + border-bottom: none; +} + +.sheet-expand:checked ~ .sheet-tab +{ + background-color: white; +} + +label +{ + display: inline; +} + +label, +label div +{ + font-size: 12px; + font-weight: normal; +} + +textarea { + height: auto; + color: black; +} + +input { + color: black; +} + +input, select { + width:100%; +}