<!--HTML--><link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<style type="text/css">
 
#adelaide-header {
 width: 400px;
 height: 100px;
 background-color: #4f4b54;
 padding: 10px 10px 10px 10px;
 position: relative;
 margin-top: 20px;
}

#adelaide-slidingtime {
 float: right;
 width: 100px;
 height: 100px;
 overflow: hidden;
 position: relative;
 border-radius: 100%;
 margin-right: 10px;
 border: 3px #f2eee1 solid;
 margin-top: -2px;
 background-position: center;
 background-color: #e0d1bc;
}
#adelaide-slidingtime .slider {
 transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition-duration: 1s;
 -ms-transition-duration: 1s;
 -o-transition-duration: 1s;
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100px;
 height: 100px;
}

.adelaide-tag {
 width: 80px;
 padding: 10px 10px 10px 10px;
 font: normal normal normal 18px/100% 'Montserrat';
 color: #4f4b54;
 text-transform: uppercase;
 margin-bottom: -25px;
}

.adelaide-tag a:link,
.adelaide-tag a:visited,
.adelaide-tag a:active {
 text-decoration: none;
 color: #4f4b54;
 transition: color .1s linear; 
 -webkit-transition: color .1s linear; 
 -moz-transition: color .1s linear; 
 -o-transition: color .1s linear; 
 -ms-transition: color .1s linear; 
}
.adelaide-tag a:hover {
 transition: color .1s linear; 
 -webkit-transition: color .1s linear; 
 -moz-transition: color .1s linear; 
 -o-transition: color .1s linear; 
 -ms-transition: color .1s linear; 
 text-decoration: none;
 color: #b39b88;
}

#adelaide-slidingtime:hover .slider {
 transition-duration: 1s;
 -moz-transition-duration: 1s;
 -webkit-transition-duration: 1s;
 -ms-transition-duration: 1s;
 -o-transition-duration: 1s;
 left: -150px;
}
.adelaide-title {
 width: 280px;
 height: 50px;
 font: normal normal normal 45px/90% 'Montserrat';
 color: #f2eee1;
 text-transform: uppercase;
 text-align: center;
 float: left;
 letter-spacing: -5px;
 margin-top: 10px;
 clear: left;
}

#adelaide-container {
 width: 400px;
 padding: 25px 10px 10px 10px;
 background-color: #f2eee1;
 border-bottom: 20px #4f4b54 solid;
}

.adelaide-text {
 width: 350px;
 font: normal normal normal 12px/100% 'times new roman';
 text-align: justify;
 color: #4f4b54;
 padding: 10px 10px 5px 12px;
}

.adelaide-text b {
 font: bold normal normal 13px/100% 'times new roman';
 color: #918a96;
}

.adelaide-text i {
 font: italic normal normal 13px/100% 'times new roman';
 color: #918a96;
}

.adelaide-text img {
 width: 100px;
 height: 100px;
 padding: 0px 10px 10px 0px;
}

#adelaide-container h1 {
 font: normal normal normal 20px/100% 'Montserrat';
 color: #4f4b54;
 text-transform: uppercase;
 text-align: center;
 letter-spacing: -2px;
 margin-bottom: 8px;
 margin-top: 5px;
}

.adelaide-credits {
 width: 420px;
 text-align: right;
 font: normal normal normal 10px/90% 'Montserrat';
 color: #b39b88;
 text-decoration: none;
 text-transform: uppercase;
 margin-top: 3px;
 margin-bottom: 20px;
}

.adelaide-credits a:link,
.adelaide-credits a:active,
.adelaide-credits a:visited,
.adelaide-credits a:hover {
 font: normal normal normal 10px/90% 'Montserrat';
 color: #b39b88;
 text-decoration: none;
 text-transform: uppercase;
}

</style>

<center>
 <div id="adelaide-header">
   <div id="adelaide-slidingtime"><div class="slider">
   <img src="https://33.media.tumblr.com/df7098862aac0a94b645bde03442ee66/tumblr_nkxurhxyi91unmuu0o7_250.gif" width="100" height="100">
   </div>
     <div class="adelaide-tag" style="margin-top: 10px;">Роуг</div>
     <p>
     <div class="adelaide-tag">25</div>
     <p>
     <div class="adelaide-tag"><a href="urlhere">X-MEN</a>
     
     </div>
   </div>
   <div class="adelaide-title">
    Anna Marie
<br>  Rogue
   </div>
 </div>
 
 <div id="adelaide-container">
 <div class="adelaide-text">
   
   text goes here, no scroll, <b>this is bold</i> and <i>this is italics</i>
 </div>
 
 <h1>one line of lyrics, don't stretch over the one line!!!!</h1>
 </div>
 
 <div class="adelaide-credits"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=24756">thanks</a> <a href="http://shine.b1.jcink.com/index.php?showuser=9451">dino!</a></div>
</center>