Sort vassals by service length.

1 files changed, 25 insertions, 17 deletions

diff --git a/play.html b/play.html
index 1991f3e..24dee4a 100644
--- a/play.html
+++ b/play.html
@@ -33,6 +33,7 @@ header.your_turn { background-color: orange; }
 #log .card_tip { font-style: italic; }
 #log .card_tip:hover { text-decoration: underline; }
 #log .locale_tip:hover { cursor: pointer; text-decoration: underline; }
+#log .lord_tip:hover { cursor: pointer; text-decoration: underline; }
 
 .action {
 	cursor: pointer;
@@ -235,7 +236,7 @@ body.shift .mustered_vassals {
 }
 
 .mat .ready_vassals:hover .service_marker {
-	margin-top: 6px;
+	margin-top: 1px;
 }
 
 .mat .mustered_vassals .service_marker {
@@ -263,24 +264,31 @@ body.shift .mustered_vassals {
 .mat .ready_vassals { bottom: 22px; right: 22px; width: 94px; }
 .mat .mustered_vassals { bottom: 138px; right: 8px; width: 94px; }
 
-.mat.teutonic.andreas .background { background-image:url(images/mat_teutonic_andreas.opt.png) }
-.mat.teutonic.heinrich .background { background-image:url(images/mat_teutonic_heinrich.opt.png) }
-.mat.teutonic.hermann .background { background-image:url(images/mat_teutonic_hermann.opt.png) }
-.mat.teutonic.knud_and_abel .background { background-image:url(images/mat_teutonic_knud_and_abel.opt.png) }
-.mat.teutonic.rudolf .background { background-image:url(images/mat_teutonic_rudolf.opt.png) }
-.mat.teutonic.yaroslav .background { background-image:url(images/mat_teutonic_yaroslav.opt.png) }
+.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.russian.aleksandr .background { background-image:url(images/mat_russian_aleksandr.opt.png) }
-.mat.russian.andrey .background { background-image:url(images/mat_russian_andrey.opt.png) }
-.mat.russian.domash .background { background-image:url(images/mat_russian_domash.opt.png) }
-.mat.russian.gavrilo .background { background-image:url(images/mat_russian_gavrilo.opt.png) }
-.mat.russian.karelians .background { background-image:url(images/mat_russian_karelians.opt.png) }
-.mat.russian.vladislav .background { background-image:url(images/mat_russian_vladislav.opt.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) }
 
 .conquered + .conquered { margin-left: -44px; margin-bottom: 13px; }
 .conquered + .conquered + .conquered { margin-bottom: 26px; }
 .conquered + .conquered + .conquered + .conquered { margin-bottom: 39px; }
 
+/*
+.service_marker + .service_marker { margin-left: 4px; }
+.service_marker + .service_marker + .service_marker { margin-left: 8px; }
+.service_marker + .service_marker + .service_marker + .service_marker { margin-left: 12px; }
+.service_marker + .service_marker + .service_marker + .service_marker + .service_marker { margin-left: 16px; }
+*/
+
 /* TUCKED CARDS */
 
 .tuck_under_map {
@@ -809,10 +817,10 @@ body.shift .mustered_vassals {
 .service_marker.lord { background-size: 90px 252px }
 .service_marker.vassal { background-size: 270px 210px }
 
-.service_marker.lord.teutonic { background-image:url(images/service_lords_teutonic.opt.png) }
-.service_marker.lord.russian { background-image:url(images/service_lords_russian.opt.png) }
-.service_marker.vassal.teutonic { background-image:url(images/service_vassals_teutonic.opt.png) }
-.service_marker.vassal.russian { background-image:url(images/service_vassals_russian.opt.png) }
+.service_marker.lord.teutonic { background-image:url(images/service_lords_teutonic.png) }
+.service_marker.lord.russian { background-image:url(images/service_lords_russian.png) }
+.service_marker.vassal.teutonic { background-image:url(images/service_vassals_teutonic.png) }
+.service_marker.vassal.russian { background-image:url(images/service_vassals_russian.png) }
 
 .service_marker.lord.image0{background-position:0 -0px}
 .service_marker.lord.image1{background-position:0 -42px}