gistfile1.html

@@ -45,9 +45,9 @@
   padding: 2px;
   padding-bottom: 30px;
   background-color: black;
-  box-shadow: -10px 10px 5px #777;
-  -webkit-box-shadow: -10px 10px 15px #777;
-  -moz-box-shadow: -10px 10px 15px #777;
+  box-shadow: -10px 10px 5px #222;
+  -webkit-box-shadow: -10px 10px 15px #222;
+  -moz-box-shadow: -10px 10px 15px #222;
 }
 
 /* front pane, placed above back */
@@ -65,7 +65,12 @@
   text-align: center;
   padding: 15px;
   padding-top: 5px;
-  border: 1px gray solid;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #333;
+  border-right-color: #555;
+  border-top-color: #555;
+
   color: white;
 }
 
@@ -103,7 +108,7 @@
     <div class="flipper">
       <div class="front">
         <!-- front content -->
-        <img width="180" height="180" src="http://1.bp.blogspot.com/-u19-E3_AuGI/UIH9pgHT0VI/AAAAAAAAAFg/NFwtLZUOF24/s1600/Homer-Mr+X1.jpg" class="sticky" id="avatar" />
+        <img width="180" height="180" src="http://1.bp.blogspot.com/-u19-E3_AuGI/UIH9pgHT0VI/AAAAAAAAAFg/NFwtLZUOF24/s1600/Homer-Mr+X1.jpg" class="sticky" id="avatar">
       </div>
       <div class="back">
         <!-- back content -->