Add 150dpi Lord and Battle mats.

1 files changed, 33 insertions, 15 deletions

diff --git a/play.html b/play.html
index 952260d..80a8976 100644
--- a/play.html
+++ b/play.html
@@ -196,8 +196,12 @@ body.Teutons #plan_actions .russian { display: none }
 	border-style: solid;
 }
 
-.defender #battle_mat { background-image: url(images/mat_battle_defender.png); }
-.attacker #battle_mat { background-image: url(images/mat_battle_attacker.png); }
+.defender #battle_mat { background-image: url(mats.1x/mat_battle_defender.png); }
+.attacker #battle_mat { background-image: url(mats.1x/mat_battle_attacker.png); }
+@media (min-resolution: 97dpi) {
+.defender #battle_mat { background-image: url(mats.2x/mat_battle_defender.png); }
+.attacker #battle_mat { background-image: url(mats.2x/mat_battle_attacker.png); }
+}
 
 #mat_pursuit { position: absolute; }
 .defender #mat_pursuit { top: 150px; left: 139px; }
@@ -410,19 +414,33 @@ body.shift .mustered_vassals {
 .mat .ready_vassals { bottom: 22px; right: 22px; width: 94px; }
 .mat .mustered_vassals { bottom: 134px; right: 6px; width: 94px; }
 
-.mat.teutonic.andreas .background { background-image:url(images/mat_teutonic_andreas.png) }
-.mat.teutonic.heinrich .background { background-image:url(images/mat_teutonic_heinrich.png) }
-.mat.teutonic.hermann .background { background-image:url(images/mat_teutonic_hermann.png) }
-.mat.teutonic.knud_and_abel .background { background-image:url(images/mat_teutonic_knud_and_abel.png) }
-.mat.teutonic.rudolf .background { background-image:url(images/mat_teutonic_rudolf.png) }
-.mat.teutonic.yaroslav .background { background-image:url(images/mat_teutonic_yaroslav.png) }
+.mat.teutonic.andreas .background { background-image:url(mats.1x/mat_teutonic_andreas.png) }
+.mat.teutonic.heinrich .background { background-image:url(mats.1x/mat_teutonic_heinrich.png) }
+.mat.teutonic.hermann .background { background-image:url(mats.1x/mat_teutonic_hermann.png) }
+.mat.teutonic.knud_and_abel .background { background-image:url(mats.1x/mat_teutonic_knud_and_abel.png) }
+.mat.teutonic.rudolf .background { background-image:url(mats.1x/mat_teutonic_rudolf.png) }
+.mat.teutonic.yaroslav .background { background-image:url(mats.1x/mat_teutonic_yaroslav.png) }
+.mat.russian.aleksandr .background { background-image:url(mats.1x/mat_russian_aleksandr.png) }
+.mat.russian.andrey .background { background-image:url(mats.1x/mat_russian_andrey.png) }
+.mat.russian.domash .background { background-image:url(mats.1x/mat_russian_domash.png) }
+.mat.russian.gavrilo .background { background-image:url(mats.1x/mat_russian_gavrilo.png) }
+.mat.russian.karelians .background { background-image:url(mats.1x/mat_russian_karelians.png) }
+.mat.russian.vladislav .background { background-image:url(mats.1x/mat_russian_vladislav.png) }
 
-.mat.russian.aleksandr .background { background-image:url(images/mat_russian_aleksandr.png) }
-.mat.russian.andrey .background { background-image:url(images/mat_russian_andrey.png) }
-.mat.russian.domash .background { background-image:url(images/mat_russian_domash.png) }
-.mat.russian.gavrilo .background { background-image:url(images/mat_russian_gavrilo.png) }
-.mat.russian.karelians .background { background-image:url(images/mat_russian_karelians.png) }
-.mat.russian.vladislav .background { background-image:url(images/mat_russian_vladislav.png) }
+@media (min-resolution: 97dpi) {
+.mat.teutonic.andreas .background { background-image:url(mats.2x/mat_teutonic_andreas.png) }
+.mat.teutonic.heinrich .background { background-image:url(mats.2x/mat_teutonic_heinrich.png) }
+.mat.teutonic.hermann .background { background-image:url(mats.2x/mat_teutonic_hermann.png) }
+.mat.teutonic.knud_and_abel .background { background-image:url(mats.2x/mat_teutonic_knud_and_abel.png) }
+.mat.teutonic.rudolf .background { background-image:url(mats.2x/mat_teutonic_rudolf.png) }
+.mat.teutonic.yaroslav .background { background-image:url(mats.2x/mat_teutonic_yaroslav.png) }
+.mat.russian.aleksandr .background { background-image:url(mats.2x/mat_russian_aleksandr.png) }
+.mat.russian.andrey .background { background-image:url(mats.2x/mat_russian_andrey.png) }
+.mat.russian.domash .background { background-image:url(mats.2x/mat_russian_domash.png) }
+.mat.russian.gavrilo .background { background-image:url(mats.2x/mat_russian_gavrilo.png) }
+.mat.russian.karelians .background { background-image:url(mats.2x/mat_russian_karelians.png) }
+.mat.russian.vladislav .background { background-image:url(mats.2x/mat_russian_vladislav.png) }
+}
 
 .conquered + .conquered { margin-left: -44px; margin-bottom: 13px; }
 .conquered + .conquered + .conquered { margin-bottom: 26px; }
@@ -681,7 +699,7 @@ body.shift .mustered_vassals {
 
 #map { background-image: url(map75.jpg) }
 @media (min-resolution: 97dpi) {
-	#map { background-image: url(map150.jpg) }
+#map { background-image: url(map150.jpg) }
 }
 
 .box {