username

 

<link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'><style>.glenn-sig {position: relative;margin: 0 auto;background-image: url('//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1475605039_11.jpg');width: 500px;height: 160px;color: #ccc;text-shadow: 1px 1px 1px #000;font-family: muli;}#hover-box-bottom table {color: #ccc;text-shadow: 1px 1px 1px #000;font-family: muli;font-size: 11px;}.glenn-sig h1 {color: #395165;font-family: playfair display;text-align: center;font-style: italic;font-weight: lighter;line-height: 20px;font-size: 30px;}.glenn-sig h2 {font-family: muli;font-size: 9px;text-transform: uppercase;text-align: center;margin-top: -15px;}.glenn-sig a {width: 74px;height: 17px;display: inline-block;background: #395165;color: #ccc;padding: 2px;margin-bottom: 3px;text-align: center;text-decoration: none;text-transform: uppercase;font-size: 8px;line-height: 17px;}#hover-box-top {position: absolute;top: -90px;width: 480px;padding: 10px;height: 70px;background: #141414;opacity: 0;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-webkit-transition-delay: 1.5s; transition-delay: 1.5s;}#hover-box-bottom {position: absolute;top: 160px;width: 480px;padding: 10px;height: 50px;background: #0e0e0e;opacity: 0;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-webkit-transition-delay: 1.5s; transition-delay: 1.5s;}.glenn-sig:hover #hover-box-top {opacity: 1;top: 0px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}.glenn-sig:hover #hover-box-bottom {opacity: 1;top: 90px;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}</style><div class="glenn-sig"><div id="hover-box-top"><h1>username</h1><h2>name &middot; age &middot; location</h2></div><div id="hover-box-bottom"><table style="background: none; width: 500px; height: 50px;"><tr><td valign="top"><div style="background: #111; padding: 3px; width: 300px; height: 40px; overflow: auto; line-height: 11px;text-align: justify; color: #ccc; font-family: muli; font-size: 10px;">You can put something here about yourself. Maybe even updates, or perhaps some lyrics or quotes. You can put something here about yourself. Maybe even updates, or perhaps some lyrics or quotes.You can put something here about yourself. Maybe even updates, or perhaps some lyrics or quotes.</div></td><td valign="top" style="background: none; width: 200px; padding: 3px; text-align: center;"><a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a></td>

</tr></table></div></div>