footer tweaks

more themed + new type of div

footer.php

@@ -1,26 +1,26 @@
 <?php mysqli_close($link); ?>
-<div class="div center">
+<div class="icon smalldiv center">
 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" style="float:left; margin-left:5px;">
 <input type="hidden" name="cmd" value="_s-xclick">
 <input type="hidden" name="hosted_button_id" value="CJF8R55CJE9R4">
-<input type="image" src="<?php echo $site_url; ?>images/footer/paypal.png" border="0" name="submit" class="footer lighten" alt="PayPal" title="Donate using PayPal!">
+<input type="image" src="<?php echo $site_url; ?>images/footer/paypal.png" border="0" name="submit" class="icon lighten" alt="PayPal" title="Donate using PayPal!">
 </form>
-<a href="bitcoin:1Gpa3NKn8nR9ipXPZbwkjYxqZX3cmz7q97?label=Ancient%20Beast"><img src="<?php echo $site_url; ?>images/footer/bitcoin.png" class="footer lighten" alt="bitcoin" title="Donate some Bitcoins!"></a>
-<a href="https://www.bountysource.com/trackers/260151-ancient-beast"><img src="<?php echo $site_url; ?>images/footer/bountysource.png" class="footer lighten" alt="bountysource" title="Place some bounties!"></a>
-<a href="http://www.patreon.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/patreon.png" class="footer lighten" alt="patreon" title="Donate via Patreon!"></a>	
-<a href="https://flattr.com/thing/126547/Ancient-Beast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/flattr.png" class="footer lighten" alt="flattr" title="Donate via Flattr!"></a>
-<a href="http://steamcommunity.com/sharedfiles/filedetails/?id=195722359" target="_blank"><img src="<?php echo $site_url; ?>images/footer/steam.png" class="footer lighten" alt="steam" title="Steam"></a>
-<a href="http://www.indiedb.com/games/ancient-beast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/indiedb.png" class="footer lighten" alt="indiedb" title="IndieDB"></a>
-<a href="http://gamejolt.com/games/arcade/ancient-beast/15964/" target="_blank"><img src="<?php echo $site_url; ?>images/footer/gamejolt.png" class="footer lighten" alt="gamejolt" title="Game Jolt"></a>
-<a href="https://facebook.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/facebook.png" class="footer lighten" alt="facebook" title="Facebook"></a>
-<a href="https://twitter.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/twitter.png" class="footer lighten" alt="twitter" title="Twitter"></a>
-<a href="https://plus.google.com/+AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/google.png" class="footer lighten" alt="google" title="Google Plus"></a>
-<a href="https://www.youtube.com/AncientBeastGame" target="_blank"><img src="<?php echo $site_url; ?>images/footer/youtube.png" class="footer lighten" alt="youtube" title="Youtube"></a>
-<a href="https://github.com/FreezingMoon/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/github.png" class="footer lighten" alt="github" title="Github"></a>
-<a href="https://wuala.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/wuala.png" class="footer lighten" alt="wuala" title="Wuala"></a>
-<a href="https://Ancient-Beast.deviantart.com" target="_blank"><img src="<?php echo $site_url; ?>images/footer/deviantart.png" class="footer lighten" alt="deviantart" title="deviantArt"></a>
-<a href="http://www.reddit.com/r/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/reddit.png" class="footer lighten" alt="reddit" title="Reddit"></a>
-<a href="mailto:[email protected]?Subject=You%20Rock!" target="_blank"><img src="<?php echo $site_url; ?>images/footer/contact.png" class="footer lighten" alt="contact" title="Contact"></a>
+<a href="bitcoin:1Gpa3NKn8nR9ipXPZbwkjYxqZX3cmz7q97?label=Ancient%20Beast"><img src="<?php echo $site_url; ?>images/footer/bitcoin.png" class="icon lighten" alt="bitcoin" title="Donate some Bitcoins!"></a>
+<a href="https://www.bountysource.com/trackers/260151-ancient-beast"><img src="<?php echo $site_url; ?>images/footer/bountysource.png" class="icon lighten" alt="bountysource" title="Place some bounties!"></a>
+<a href="http://www.patreon.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/patreon.png" class="icon lighten" alt="patreon" title="Donate via Patreon!"></a>	
+<a href="https://flattr.com/thing/126547/Ancient-Beast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/flattr.png" class="icon lighten" alt="flattr" title="Donate via Flattr!"></a>
+<a href="http://steamcommunity.com/sharedfiles/filedetails/?id=195722359" target="_blank"><img src="<?php echo $site_url; ?>images/footer/steam.png" class="icon lighten" alt="steam" title="Steam"></a>
+<a href="http://www.indiedb.com/games/ancient-beast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/indiedb.png" class="icon lighten" alt="indiedb" title="IndieDB"></a>
+<a href="http://gamejolt.com/games/arcade/ancient-beast/15964/" target="_blank"><img src="<?php echo $site_url; ?>images/footer/gamejolt.png" class="icon lighten" alt="gamejolt" title="Game Jolt"></a>
+<a href="https://facebook.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/facebook.png" class="icon lighten" alt="facebook" title="Facebook"></a>
+<a href="https://twitter.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/twitter.png" class="icon lighten" alt="twitter" title="Twitter"></a>
+<a href="https://plus.google.com/+AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/google.png" class="icon lighten" alt="google" title="Google Plus"></a>
+<a href="https://www.youtube.com/AncientBeastGame" target="_blank"><img src="<?php echo $site_url; ?>images/footer/youtube.png" class="icon lighten" alt="youtube" title="Youtube"></a>
+<a href="https://github.com/FreezingMoon/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/github.png" class="icon lighten" alt="github" title="Github"></a>
+<a href="https://wuala.com/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/wuala.png" class="icon lighten" alt="wuala" title="Wuala"></a>
+<a href="https://Ancient-Beast.deviantart.com" target="_blank"><img src="<?php echo $site_url; ?>images/footer/deviantart.png" class="icon lighten" alt="deviantart" title="deviantArt"></a>
+<a href="http://www.reddit.com/r/AncientBeast" target="_blank"><img src="<?php echo $site_url; ?>images/footer/reddit.png" class="icon lighten" alt="reddit" title="Reddit"></a>
+<a href="mailto:[email protected]?Subject=You%20Rock!" target="_blank"><img src="<?php echo $site_url; ?>images/footer/contact.png" class="icon lighten" alt="contact" title="Contact"></a>
 </div>
 </body>
 </html>

stylesheet.css

@@ -11,6 +11,7 @@ img{border:none;vertical-align:bottom;}
 *:focus{outline:none;}
 #wrapper{text-align:left;}
 .div{border:20px solid transparent;border-image:url('images/div.png') 20 fill stretch;margin:0;margin-bottom:10px;padding:0 10px;position:relative;overflow:hidden;}
+.smalldiv{border:20px solid transparent;border-image:url('images/smalldiv.png') 20 fill stretch;margin:0;margin-bottom:10px;padding:0 10px;padding-top:5px;position:relative;overflow:hidden;}
 .warning{padding:20px 0; margin-bottom:10px; background:rgba(0,0,0,0.5); border-radius:15px; border:4px ridge red;}
 .confirmation{padding:20px 0; margin-bottom:10px; background:rgba(0,0,0,0.5); border-radius:15px; border:4px ridge green;}
 a:link{text-decoration:none;color:#b7b7b7;}
@@ -19,5 +20,5 @@ a:active{text-decoration:none;color:#b7b7b7;}
 a:hover,.active a,a.active{text-decoration:none;color:#e6e6e6;cursor:pointer;text-shadow:black 0.1em 0.1em 0.2em, red 0 0 10px;}
 #scroll{bottom:0;display:block;left:96%;position:fixed;z-index:999;}
 iframe{border:0;}
-.footer{width:48px; height:48px;}
+
 @import url(https://fonts.googleapis.com/css?family=Play:400,700);