diff options
Diffstat (limited to 'blocks/index.html')
| -rw-r--r-- | blocks/index.html | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/blocks/index.html b/blocks/index.html new file mode 100644 index 0000000..2205856 --- /dev/null +++ b/blocks/index.html @@ -0,0 +1,89 @@ +<html> +<title>Crusader Rex - Blocks</title> +<link rel="stylesheet" href="../blocks.css"> +<style> +body { + margin: 80px; + background-color: slategray; + display: flex; + flex-wrap: wrap; +} +div.block { + width: 55px; + height: 55px; + margin: 15px; + background-size: cover; + box-shadow: 0 0 6px 4px black; +} +div.block:hover { + transform: scale(2); + box-shadow: 0 0 3px 4px black; +} +div.frank { outline: 4px solid orange; } +div.saracen { outline: 4px solid green; } +div.assassin { outline: 4px solid purple; } +</style> +<body> +<div class="frank block block_11"></div> +<div class="frank block block_12"></div> +<div class="frank block block_13"></div> +<div class="frank block block_14"></div> +<div class="frank block block_15"></div> +<div class="frank block block_16"></div> +<div class="frank block block_17"></div> +<div class="frank block block_21"></div> +<div class="frank block block_22"></div> +<div class="frank block block_23"></div> +<div class="frank block block_24"></div> +<div class="frank block block_25"></div> +<div class="frank block block_26"></div> +<div class="frank block block_27"></div> +<div class="frank block block_31"></div> +<div class="frank block block_32"></div> +<div class="frank block block_33"></div> +<div class="frank block block_34"></div> +<div class="frank block block_35"></div> +<div class="frank block block_36"></div> +<div class="frank block block_37"></div> +<div class="frank block block_41"></div> +<div class="frank block block_42"></div> +<div class="frank block block_43"></div> +<div class="frank block block_44"></div> +<div class="frank block block_45"></div> +<div class="frank block block_46"></div> +<div class="frank block block_47"></div> +<div class="frank block block_51"></div> +<div class="frank block block_52"></div> +<div class="frank block block_53"></div> +<div class="assassin block block_54"></div> +<div class="saracen block block_55"></div> +<div class="saracen block block_56"></div> +<div class="saracen block block_57"></div> +<div class="saracen block block_61"></div> +<div class="saracen block block_62"></div> +<div class="saracen block block_63"></div> +<div class="saracen block block_64"></div> +<div class="saracen block block_65"></div> +<div class="saracen block block_66"></div> +<div class="saracen block block_67"></div> +<div class="saracen block block_71"></div> +<div class="saracen block block_72"></div> +<div class="saracen block block_73"></div> +<div class="saracen block block_74"></div> +<div class="saracen block block_75"></div> +<div class="saracen block block_76"></div> +<div class="saracen block block_77"></div> +<div class="saracen block block_81"></div> +<div class="saracen block block_82"></div> +<div class="saracen block block_83"></div> +<div class="saracen block block_84"></div> +<div class="saracen block block_85"></div> +<div class="saracen block block_86"></div> +<div class="saracen block block_87"></div> +<div class="saracen block block_91"></div> +<div class="saracen block block_92"></div> +<div class="saracen block block_93"></div> +<div class="saracen block block_94"></div> +<div class="saracen block block_95"></div> +<div class="saracen block block_96"></div> +<div class="saracen block block_97"></div> |