Clean up common play.css file.

New battle CSS.

2 files changed, 82 insertions, 75 deletions

diff --git a/info/blocks.html b/info/blocks.html
index a9eda36..afacb0c 100644
--- a/info/blocks.html
+++ b/info/blocks.html
@@ -17,7 +17,6 @@ div.block {
 	width: 60px;
 	height: 60px;
 	margin: 10px;
-	background-size: cover;
 	border-radius: 6px;
 	box-shadow: 0 0 4px 0px black;
 }
@@ -25,69 +24,86 @@ div.frank { border: 3px solid darkkhaki; }
 div.saracen { border: 3px solid seagreen; }
 div.assassins { border: 3px solid rebeccapurple; }
 div.block:hover { transform: scale(2); }
-.block_11{background-image:url(../blocks/block_11.png)}
-.block_12{background-image:url(../blocks/block_12.png)}
-.block_13{background-image:url(../blocks/block_13.png)}
-.block_14{background-image:url(../blocks/block_14.png)}
-.block_15{background-image:url(../blocks/block_15.png)}
-.block_16{background-image:url(../blocks/block_16.png)}
-.block_17{background-image:url(../blocks/block_17.png)}
-.block_21{background-image:url(../blocks/block_21.png)}
-.block_22{background-image:url(../blocks/block_22.png)}
-.block_23{background-image:url(../blocks/block_23.png)}
-.block_24{background-image:url(../blocks/block_24.png)}
-.block_25{background-image:url(../blocks/block_25.png)}
-.block_26{background-image:url(../blocks/block_26.png)}
-.block_27{background-image:url(../blocks/block_27.png)}
-.block_31{background-image:url(../blocks/block_31.png)}
-.block_32{background-image:url(../blocks/block_32.png)}
-.block_33{background-image:url(../blocks/block_33.png)}
-.block_34{background-image:url(../blocks/block_34.png)}
-.block_35{background-image:url(../blocks/block_35.png)}
-.block_36{background-image:url(../blocks/block_36.png)}
-.block_37{background-image:url(../blocks/block_37.png)}
-.block_41{background-image:url(../blocks/block_41.png)}
-.block_42{background-image:url(../blocks/block_42.png)}
-.block_43{background-image:url(../blocks/block_43.png)}
-.block_44{background-image:url(../blocks/block_44.png)}
-.block_45{background-image:url(../blocks/block_45.png)}
-.block_46{background-image:url(../blocks/block_46.png)}
-.block_47{background-image:url(../blocks/block_47.png)}
-.block_51{background-image:url(../blocks/block_51.png)}
-.block_52{background-image:url(../blocks/block_52.png)}
-.block_53{background-image:url(../blocks/block_53.png)}
-.block_54{background-image:url(../blocks/block_54.png)}
-.block_55{background-image:url(../blocks/block_55.png)}
-.block_56{background-image:url(../blocks/block_56.png)}
-.block_57{background-image:url(../blocks/block_57.png)}
-.block_61{background-image:url(../blocks/block_61.png)}
-.block_62{background-image:url(../blocks/block_62.png)}
-.block_63{background-image:url(../blocks/block_63.png)}
-.block_64{background-image:url(../blocks/block_64.png)}
-.block_65{background-image:url(../blocks/block_65.png)}
-.block_66{background-image:url(../blocks/block_66.png)}
-.block_67{background-image:url(../blocks/block_67.png)}
-.block_71{background-image:url(../blocks/block_71.png)}
-.block_72{background-image:url(../blocks/block_72.png)}
-.block_73{background-image:url(../blocks/block_73.png)}
-.block_74{background-image:url(../blocks/block_74.png)}
-.block_75{background-image:url(../blocks/block_75.png)}
-.block_76{background-image:url(../blocks/block_76.png)}
-.block_77{background-image:url(../blocks/block_77.png)}
-.block_81{background-image:url(../blocks/block_81.png)}
-.block_82{background-image:url(../blocks/block_82.png)}
-.block_83{background-image:url(../blocks/block_83.png)}
-.block_84{background-image:url(../blocks/block_84.png)}
-.block_85{background-image:url(../blocks/block_85.png)}
-.block_86{background-image:url(../blocks/block_86.png)}
-.block_87{background-image:url(../blocks/block_87.png)}
-.block_91{background-image:url(../blocks/block_91.png)}
-.block_92{background-image:url(../blocks/block_92.png)}
-.block_93{background-image:url(../blocks/block_93.png)}
-.block_94{background-image:url(../blocks/block_94.png)}
-.block_95{background-image:url(../blocks/block_95.png)}
-.block_96{background-image:url(../blocks/block_96.png)}
-.block_97{background-image:url(../blocks/block_97.png)}
+
+.block.frank{
+	background-image:url(../blocks_franks.png);
+	background-size: 800% 400%;
+}
+
+.block.saracen{
+	background-image:url(../blocks_saracens.png);
+	background-size: 800% 400%;
+}
+
+.block.assassins{
+	background-image:url(../blocks_assassins.png);
+	background-size: 100%;
+}
+
+.block_11{background-position:0px 0px}
+.block_12{background-position:-60px 0px}
+.block_13{background-position:-120px 0px}
+.block_14{background-position:-180px 0px}
+.block_15{background-position:-240px 0px}
+.block_16{background-position:-300px 0px}
+.block_17{background-position:-360px 0px}
+.block_21{background-position:-420px 0px}
+.block_22{background-position:0px -60px}
+.block_23{background-position:-60px -60px}
+.block_24{background-position:-120px -60px}
+.block_25{background-position:-180px -60px}
+.block_26{background-position:-240px -60px}
+.block_27{background-position:-300px -60px}
+.block_31{background-position:-360px -60px}
+.block_32{background-position:-420px -60px}
+.block_33{background-position:0px -120px}
+.block_34{background-position:-60px -120px}
+.block_35{background-position:-120px -120px}
+.block_36{background-position:-180px -120px}
+.block_37{background-position:-240px -120px}
+.block_41{background-position:-300px -120px}
+.block_42{background-position:-360px -120px}
+.block_43{background-position:-420px -120px}
+.block_44{background-position:0px -180px}
+.block_45{background-position:-60px -180px}
+.block_46{background-position:-120px -180px}
+.block_47{background-position:-180px -180px}
+.block_51{background-position:-240px -180px}
+.block_52{background-position:-300px -180px}
+.block_53{background-position:-360px -180px}
+.block_54{background-position:-420px -180px}
+.block_55{background-position:0px 0px}
+.block_56{background-position:-60px 0px}
+.block_57{background-position:-120px 0px}
+.block_61{background-position:-180px 0px}
+.block_62{background-position:-240px 0px}
+.block_63{background-position:-300px 0px}
+.block_64{background-position:-360px 0px}
+.block_65{background-position:-420px 0px}
+.block_66{background-position:0px -60px}
+.block_67{background-position:-60px -60px}
+.block_71{background-position:-120px -60px}
+.block_72{background-position:-180px -60px}
+.block_73{background-position:-240px -60px}
+.block_74{background-position:-300px -60px}
+.block_75{background-position:-360px -60px}
+.block_76{background-position:-420px -60px}
+.block_77{background-position:0px -120px}
+.block_81{background-position:-60px -120px}
+.block_82{background-position:-120px -120px}
+.block_83{background-position:-180px -120px}
+.block_84{background-position:-240px -120px}
+.block_85{background-position:-300px -120px}
+.block_86{background-position:-360px -120px}
+.block_87{background-position:-420px -120px}
+.block_91{background-position:0px -180px}
+.block_92{background-position:-60px -180px}
+.block_93{background-position:-120px -180px}
+.block_94{background-position:-180px -180px}
+.block_95{background-position:-240px -180px}
+.block_96{background-position:-300px -180px}
+.block_97{background-position:-360px -180px}
+
 </style>
 <body>
 <h1>
diff --git a/info/cards.html b/info/cards.html
index c7f813a..64a6511 100644
--- a/info/cards.html
+++ b/info/cards.html
@@ -2,17 +2,8 @@
 <html>
 <title>Crusader Rex - Cards</title>
 <style>
-body {
-	background-color: slategray;
-	margin: 80px;
-}
-img {
-	width: 225px;
-	height: 350px;
-	margin: 10px;
-	border-radius: 15px;
-	box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
-}
+body { background-color: slategray; margin: 40px; text-align: center; color: white; }
+img { margin: 12px; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); width: 224px; height: 348px; border-radius: 12px; }
 </style>
 <body>
 <img src="../cards/card_assassins.jpg">