diff --git a/CypherSystem/CypherSystem.css b/CypherSystem/CypherSystem.css index 9215267a32..a315183756 100644 --- a/CypherSystem/CypherSystem.css +++ b/CypherSystem/CypherSystem.css @@ -11,22 +11,22 @@ td, th{ box-sizing: border-box; } -span.sheet-smallspan{ - font-size:11px; - color: #888888; - text-align:left; -} input[type=radio].sheet-styleCypher, input[type=radio].sheet-styleNumenera, input[type=radio].sheet-styleTheStrange, -input[type=radio].sheet-styleNpc{ - margin-left: 10px; - margin-right: 2px; +input[type=radio].sheet-styleNpc, +input[type=radio].sheet-actionRoll, +input[type=radio].sheet-macroRoll{ + margin-left: 2px; + margin-right: 1px; + display: inline-block; } input[type=radio].sheet-styleCypher + span, input[type=radio].sheet-styleNumenera + span, input[type=radio].sheet-styleTheStrange + span, -input[type=radio].sheet-styleNpc + span{ +input[type=radio].sheet-styleNpc + span, +input[type=radio].sheet-actionRoll + span, +input[type=radio].sheet-macroRoll + span{ font-size:11px; color: #888888; text-align:left; @@ -55,7 +55,19 @@ input[type=radio].sheet-styleTheStrange:checked ~ .sheet-npc{ display: none; } input[type=radio].sheet-styleNpc:checked ~ .sheet-npc{ - display: inherit; + display: inherit; +} +button[type=roll].sheet-btDesc{ + font-family: inherit; + color: inherit; + font-size:inherit; + height:20px; + line-height: 11px; + vertical-align: middle; + padding:none; +} +button[type=roll].sheet-btDesc:before{ + content:none; } button[type=roll].sheet-basicbt { padding: 2px 0px 0px 1px; @@ -80,6 +92,70 @@ button[type=roll].sheet-basicbt:hover{ border-color:#22428F; font-weight: bold; } +button[type=roll].sheet-actionbt { + padding: 2px 0px 0px 1px; + margin: 0px 0px 0px 0px; + text-shadow: none; + box-shadow: none; + text-align:center; + vertical-align: middle; + line-height: 0px; + height: 20px; + width: 20px; + font-size: 1.2em; + font-weight: normal; + color:#22428F; + border-width: 1px; + border-style: solid; + border-color: rgba(34,66,143,0.5); + border-radius: 10px; +} +button[type=roll].sheet-actionbt:hover{ + border-width: 2px; + border-color:#22428F; + font-weight: bold; +} +button[type=roll].sheet-macrobt { + padding: 2px 0px 0px 1px; + margin: 0px 0px 0px 0px; + text-shadow: none; + box-shadow: none; + text-align:center; + vertical-align: middle; + line-height: 0px; + height: 20px; + width: 20px; + font-size: 1.2em; + font-weight: normal; + color:#22428F; + border-width: 1px; + border-style: solid; + border-color: rgba(34,66,143,0.5); + border-radius: 3px; +} +button[type=roll].sheet-macrobt:hover{ + border-width: 2px; + border-color:#22428F; + font-weight: bold; +} +input[type=radio].sheet-macroRoll:checked ~ div.sheet-main button[type=roll].sheet-actionbt{ + display: none; +} +input[type=radio].sheet-actionRoll:checked ~ div.sheet-main button[type=roll].sheet-actionbt{ + display: inline-block; +} +input[type=radio].sheet-macroRoll:checked ~ div.sheet-main button[type=roll].sheet-macrobt{ + display: inline-block; +} +input[type=radio].sheet-actionRoll:checked ~ div.sheet-main button[type=roll].sheet-macrobt{ + display: none; +} +input[type=radio].sheet-actionRoll:checked ~ div.sheet-main div.sheet-divaction{ + display: inline-block; +} +input[type=radio].sheet-macroRoll:checked ~ div.sheet-main div.sheet-divaction{ + display: none; +} input[type=radio].sheet-styleNumenera:checked ~ div.sheet-main button[type=roll].sheet-basicbt { padding: 2px 0px 0px 1px; margin: 0px 0px 0px 0px; @@ -104,6 +180,54 @@ input[type=radio].sheet-styleNumenera:checked ~ div.sheet-main button[type=roll] border-color:#53628A; font-weight: bold; } +input[type=radio].sheet-styleNumenera:checked ~ div.sheet-main button[type=roll].sheet-actionbt { + padding: 2px 0px 0px 1px; + margin: 0px 0px 0px 0px; + text-shadow: none; + box-shadow: none; + text-align:center; + vertical-align: middle; + line-height: 0px; + height: 20px; + width: 20px; + font-size: 1.2em; + font-weight: bold; + color: #A09C90; + border-width: 1px; + border-style: solid; + border-color: #A09C90; + border-radius: 10px; +} +input[type=radio].sheet-styleNumenera:checked ~ div.sheet-main button[type=roll].sheet-actionbt:hover{ + border-width: 2px; + color: #53628A; + border-color:#53628A; + font-weight: bold; +} +input[type=radio].sheet-styleNumenera:checked ~ div.sheet-main button[type=roll].sheet-macrobt { + padding: 2px 0px 0px 1px; + margin: 0px 0px 0px 0px; + text-shadow: none; + box-shadow: none; + text-align:center; + vertical-align: middle; + line-height: 0px; + height: 20px; + width: 20px; + font-size: 1.2em; + font-weight: bold; + color: #A09C90; + border-width: 1px; + border-style: solid; + border-color: #A09C90; + border-radius: 3px; +} +input[type=radio].sheet-styleNumenera:checked ~ div.sheet-main button[type=roll].sheet-macrobt:hover{ + border-width: 2px; + color: #53628A; + border-color:#53628A; + font-weight: bold; +} input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main button[type=roll].sheet-basicbt { padding: 2px 0px 0px 1px; margin: 0px 0px 0px 0px; @@ -128,6 +252,54 @@ input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main button[type=rol border-color:#050E29; font-weight: bold; } +input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main button[type=roll].sheet-actionbt { + padding: 2px 0px 0px 1px; + margin: 0px 0px 0px 0px; + text-shadow: none; + box-shadow: none; + text-align:center; + vertical-align: middle; + line-height: 0px; + height: 20px; + width: 20px; + font-size: 1.2em; + font-weight: normal; + color: #050E29; + border-width: 1px; + border-style: solid; + border-color: rgba(5,14,41,0.5); + border-radius: 10px; +} +input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main button[type=roll].sheet-actionbt:hover{ + border-width: 2px; + color: #050E29; + border-color:#050E29; + font-weight: bold; +} +input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main button[type=roll].sheet-macrobt { + padding: 2px 0px 0px 1px; + margin: 0px 0px 0px 0px; + text-shadow: none; + box-shadow: none; + text-align:center; + vertical-align: middle; + line-height: 0px; + height: 20px; + width: 20px; + font-size: 1.2em; + font-weight: normal; + color: #050E29; + border-width: 1px; + border-style: solid; + border-color: rgba(5,14,41,0.5); + border-radius: 3px; +} +input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main button[type=roll].sheet-macrobt:hover{ + border-width: 2px; + color: #050E29; + border-color:#050E29; + font-weight: bold; +} button[type=roll].sheet-apibt{ padding: 2px 0px 0px 0px; margin: 0px 0px 0px 0px; @@ -534,6 +706,38 @@ input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main img.sheet-game border-bottom-left-radius:0px; margin-bottom: 6px; } +.sheet-rolltemplate-cyphDesc table { + width: 189px; + padding: 2px; + border-top-left-radius:6px; + border-top-right-radius:6px; + border-bottom-right-radius:0px; + border-bottom-left-radius:0px; + border: none; + background-color: #FAF4FA; + border-bottom: 1px solid #702082; +} +.sheet-rolltemplate-cyphDesc tr { + border-left: 1px solid #702082; + border-right: 1px solid #702082; +} +.sheet-rolltemplate-cyphDesc th { + background-color: #702082; + color : #FBFCFC; + line-height: 1.4em; + font-size: 1.2em; + text-align: center; + font-family: "Times New Roman", Times, serif; + font-variant: small-caps; + border-top-left-radius:6px; + border-top-right-radius:6px; + border-bottom-right-radius:0px; + border-bottom-left-radius:0px; + margin-bottom: 6px; +} +.sheet-rolltemplate-cyphDesc span { + font-weight: bold; +} .sheet-rolltemplate-cyphBasicRoll table { width: 189px; padding: 2px; @@ -548,7 +752,8 @@ input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main img.sheet-game .sheet-rolltemplate-cyphBasicRoll tr:first-child , .sheet-rolltemplate-cyphRecovery tr:first-child , .sheet-rolltemplate-cyphInit tr:first-child -, .sheet-rolltemplate-cyphMsg tr:first-child { +, .sheet-rolltemplate-cyphMsg tr:first-child +, .sheet-rolltemplate-cyphDesc tr:first-child { border:none; } .sheet-rolltemplate-cyphBasicRoll tr { @@ -572,24 +777,14 @@ input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main img.sheet-game .sheet-rolltemplate-cyphBasicRoll td , .sheet-rolltemplate-cyphRecovery td , .sheet-rolltemplate-cyphInit td -,.sheet-rolltemplate-cyphMsg td { +, .sheet-rolltemplate-cyphMsg td +, .sheet-rolltemplate-cyphDesc td{ padding-left: 5px; font-family: "Verdana"; font-size: 0.9em; } -.sheet-rolltemplate-cyphBasicRoll hr -, .sheet-rolltemplate-cyphRecovery hr -, .sheet-rolltemplate-cyphInit hr -,.sheet-rolltemplate-cyphMsg hr { - margin: 4px 0 4px 0; - border: 0; - height: 1px; - background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); - background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); - background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); - background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); -} -.sheet-rolltemplate-cyphMsg .inlinerollresult { +.sheet-rolltemplate-cyphMsg .inlinerollresult +,.sheet-rolltemplate-cyphDesc .inlinerollresult{ font-weight:normal; background-color: transparent; border: none; @@ -605,3 +800,15 @@ input[type=radio].sheet-styleTheStrange:checked ~ div.sheet-main img.sheet-game font-size: 1em; border: 1px solid LightGray; } +.sheet-rolltemplate-cyphBasicRoll hr +, .sheet-rolltemplate-cyphRecovery hr +, .sheet-rolltemplate-cyphInit hr +,.sheet-rolltemplate-cyphMsg hr { + margin: 4px 0 4px 0; + border: 0; + height: 1px; + background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); + background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); + background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); + background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(5,109,161,1.75), rgba(0,0,0,0)); +} diff --git a/CypherSystem/CypherSystem.htm b/CypherSystem/CypherSystem.htm index 288912542c..17e4697113 100644 --- a/CypherSystem/CypherSystem.htm +++ b/CypherSystem/CypherSystem.htm @@ -1,11 +1,16 @@ -Version 1.3 (2015-10-25) - Style: +
|
SPEED
-
+ name="roll_actionSpeedCheck">
+
|
INTELLECT
-
+ name="roll_actionIntellectCheck">
+
|
@@ -143,7 +172,8 @@
-