Merge pull request #1 from haselkern/gh-pages

merge

index.htm

@@ -25,19 +25,13 @@
 
     <div id="gl"></div>
 
-    <div id="card">
+    <div class="right card">
 
         <h1>MINECRAFT ARMORSTAND</h1>
         <div class="padding">
             <center>
                 <a href="https://github.com/haselkern/Minecraft-ArmorStand" target="_blank"><img src="images/github.png" alt="GitHub" title="GitHub" /></a>
                 <a href="http://www.twitter.com/haselcode" target="_blank"><img src="images/twitter.png" alt="Twitter" title="Twitter" /></a>
-                <div id="donate">
-                  <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=RRRKAAH4JNBZ8" target="_blank" title="Like it? Donate :)">
-                    <img src="images/donate.png" alt="Donate" />
-                    <img class="colorful" src="images/donate-color.png" alt="Donate" />
-                  </a>
-                </div>
             </center>
                 <br>
                 <span class="padding" style="cursor: pointer;" onclick="javascript:$('#troubleshooting').slideToggle();">
@@ -184,7 +178,7 @@
 
     </div>
 
-    <div id="card">
+    <div class="right card">
         <span class="padding" style="cursor: pointer;" onclick="javascript:$('#getcommandblock').slideToggle();">
             + Obtain a command block
         </span>

style.css

@@ -30,22 +30,6 @@ a{
 	color: #000000;
 }
 
-#donate{
-	width: 64px;
-	height: 64px;
-	display: inline;
-	position: relative;
-}
-#donate .colorful{
-	opacity: 0;
-	position: absolute;
-	left: 0;
-	transition: 0.5s;
-}
-#donate:hover .colorful{
-	opacity: 1;
-}
-
 #gl{
 	width: 60%;
 	height: 100%;
@@ -54,10 +38,14 @@ a{
 	position: fixed;
 }
 
-#card{
+.card{
 	background-color: #ffffff;
 	box-shadow: 0 2px 4px #555555;
 	margin: 0.5em;
+	border-radius: 3px;
+}
+
+.right{
 	margin-left: 60%;
 }
 
@@ -70,6 +58,7 @@ a{
 	padding: 1em;
 	font-family: monospace;
 	background-color: #37474f;
+	border-radius: 3px;
 	color: #ffffff;
 }