@@ -47,9 +47,9 @@
<div id="side">
<ul id="shortcuts">
- <li><strong>G</strong>roup & ungroup cards in the battleground</li>
+ <li><strong>G</strong>roup & ungroup</li>
<li><strong>K</strong>ill a token</li>
- <li>If <strong>C</strong> is pressed over a card in the battleground, toggle power and toughness.</li>
+ <li>Toggle <strong>P</strong>ower & toughness</li>
</ul>
<div id="exiled" class="region">
index.html
@@ -395,8 +395,8 @@ document.observe('dom:loaded', function(){
mtg.targetWrapper.toggleClassName('zoomed');
}
- // if c pressed over a card in the battleground, toggle power and toughness
- if (e.charCode == 99 && mtg.targetWrapper && mtg.targetWrapper.descendantOf(battleground)) {
+ // if p pressed over a card in the battleground, toggle power and toughness
+ if (e.charCode == 112 && mtg.targetWrapper && mtg.targetWrapper.descendantOf(battleground)) {
if (!mtg.targetWrapper.retrieve('hasPowerAndToughness')){
mtg.targetWrapper.insert(powerAndToughnessMarkup).store('hasPowerAndToughness', true).down('.power').focus();
e.stop();
@@ -405,6 +405,11 @@ document.observe('dom:loaded', function(){
}
}
+ // if c is pressed, toggle counters
+ if (e.charCode == 99) {
+
+ }
+
// if g is pressed over a card in the battleground, group
if (e.charCode == 103 && mtg.targetCard && mtg.targetCard.descendantOf(battleground)){
if (!mtg.grouping){
javascripts/mtg.js
@@ -22,7 +22,7 @@ body
//:z-index 0
#shortcuts
- :color #ccc
+ :color #fff
:font-size 12px
:margin = 0 !gu
:padding 0
@@ -34,10 +34,10 @@ body
:padding 0
strong
- :color #fff
+ :color red
.region
- :background rgba(48, 0, 0, 0.5)
+ :background = !dark_red_brown
//:background none
+border
+tight_shadow
src/_layout.sass
@@ -21,6 +21,7 @@
!light_brown = #c8b472
!medium_brown = #9d7c41
!dark_brown = #693e1b
+!dark_red_brown = rgba(48, 0, 0, 0.5)
=text_shadow
//:text-shadow 0 0 3px #000
src/_symbols.sass
@@ -16,7 +16,10 @@ label
:top = !label_height * -1
strong
+ +round_corners
+ :background = !dark_red_brown
:font-style normal
+ :padding 0 3px
a
:position absolute
src/_type.sass
@@ -2,7 +2,7 @@ body { color: #fff; font-family: Georgia, Times, serif; font-size: 13px; line-he
label { font-weight: normal; }
.region label { height: 22px; margin: 0; padding: 0; position: absolute; top: -22px; }
-label strong { font-style: normal; }
+label strong { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: rgba(48, 0, 0, 0.5); font-style: normal; padding: 0 3px; }
label a { position: absolute; right: 0; }
#side label { display: block; right: 0; width: 100%; }
@@ -14,9 +14,9 @@ body { background: #1d170b url(../images/brown-texture.png); margin: 0; overflow
#main { height: 100%; position: fixed; width: 100%; }
#side { background: #61461c url(../images/medium-texture.png); border-left: 1px dotted #c8b472; bottom: 0; position: absolute; right: 0; top: 0; width: 140px; -webkit-box-shadow: #000 0 0 3px; }
-#side #shortcuts { color: #ccc; font-size: 12px; margin: 0 10px; padding: 0; }
+#side #shortcuts { color: #fff; font-size: 12px; margin: 0 10px; padding: 0; }
#side #shortcuts li { line-height: 1em; list-style: none; margin: 1em 0 0 0; padding: 0; }
-#side #shortcuts li strong { color: #fff; }
+#side #shortcuts li strong { color: red; }
.region { background: rgba(48, 0, 0, 0.5); border: 1px dashed #9d7c41; }
#side .region { right: 10px; position: absolute; height: 158.5px; width: 116px; }
stylesheets/screen.css
568341c12e6eaeef7966ea6b1721ddc93fe49146
Matt Garrett
mattga@gmail.com
http://github.com/deleteme/mtg-play-tester-ui/commit/e928068c140b45aef0c214ba156cda2fa64cc5c3
e928068c140b45aef0c214ba156cda2fa64cc5c3
2009-11-14T16:43:57-08:00
2009-11-14T16:43:57-08:00
Styling tweaks. Using the P character to toggle Power and Toughness over a card.
e489129cde9a7d19a147b3dfdb6ddd334d694d7a
Matt Garrett
mattga@gmail.com