From 04bd6f688a047ccaa804c4e32f64405873b2f49b Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Wed, 16 Nov 2022 11:57:24 +0100 Subject: Clean up common play.css file. New battle CSS. --- info/blocks.html | 144 ++++++++++++++++++++++++++++++------------------------- 1 file changed, 80 insertions(+), 64 deletions(-) (limited to 'info/blocks.html') 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} +

-- cgit v1.2.3