blue's profile

<!- // Coding (c) Owly 2014 // -!>
<style type="text/css">
#header, #search, #main-navbar, #sidebar, #sidetabs, #alerts, #navigation, #footer_bg, #breadcrumbs, #footer_bg, .wrapper{display: none;}div.wraper{ background:none;
}

body{
background:url(http://33.media.tumblr.com/cdedc082f3c7eeaf7c2e9ec30aacd283/tumblr_movdbcThVO1ru3nbdo1_250.png);
text-transform:lowercase;
}

#content{
font:12px Trebuchet MS;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
color:#A6A6A6;
background:#fff;
}

.head{
background:#faf9f8;
color:#ccc;
letter-spacing:2px;
border-bottom:1px solid #e0e0e0;
}

#content table, #content td{
border:none;
}

a, a:visited{
color:#a6a6a6;
letter-spacing:0.5px;
}

a:hover{
color:#f0ebe8;
text-decoration:none;
}

.tx{
padding:20px;
background:#faf9f8;
color:#a6a6a6;
text-align:justify;
}

h3{
font:15px Trebuchet MS;
font-weight:bold;
letter-spacing:2px;
text-align:right;
margin-top:30px;
color:#ccc;
}

.two{
text-transform:uppercase;
color:#a6a6a6;
}

b{
font-weight:bold;
color:#8C8C8C;
}

i{
color:#ccc;
letter-spacing:2px;
}

u{
text-decoration:none;
border-bottom:1px solid #f0ebe8;
}

.nav {
	width:600px;
	height:5px;
padding-bottom:3px;
position:fixed;
}

.nav .parts{
width:33.333%;
height:100%;
float:left;
}

.nav .parts span{
background:#f1f1f1;
padding:6px;
color:#a6a6a6;
font:11px consolas;
letter-spacing:2px;
opacity:0;
top:0px;
margin-left:65px;
position:relative;
display:block;
width:60px;
text-align:center;
    -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition:all 0.7s ease;
}

.nav .parts span::after{
 content: '';
  position: absolute;
  left: 30px;
top:-6px;
  width: 0; height: 0;
  border-bottom: 6px solid #f1f1f1;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  }

.nav .parts:hover span{
opacity:1;
top:20px;
}

::selection {
  background: #ccc; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #ccc; /* Gecko Browsers */
  color:#fff;
}
</style>
<div class="nav"><a href="hatchery"><div class="parts" style="border-top:15px solid #f0ebe8;"><span>hatchery</span></div></a>
<a href="forum"><div class="parts" style="border-top:15px solid #ccc;"><span>forums</span></div></a>
<a href="updates"><div class="parts" style="border-top:15px solid #a6a6a6;"><span>updates</span></div></a>
</div>

<h3>01: about <span class="two">blue</span></h3><div class="tx"><center><b>bold</b> <i>italic</i> <u>underline</u></center>
<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eleifend diam ac arcu gravida pellentesque. Duis sagittis erat sit amet ligula scelerisque, ac ultricies lorem egestas. Mauris dapibus auctor ornare. Duis ante metus, <i>convallis ac ornare</i> pellentesque, interdum quis ex. Morbi dapibus elit et leo pulvinar, et semper mi eleifend. Aliquam nisl erat, dapibus at erat nec, accumsan fermentum quam. Sed lectus ex, eleifend finibus semper dignissim, suscipit a massa. Maecenas interdum eu eros ut malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada <b>fames</b> ac turpis egestas. Etiam fermentum ut purus a tristique. Vestibulum lobortis, mauris maximus vestibulum consequat, magna dui posuere est, in fermentum lacus purus eget ipsum. Aenean congue ante pellentesque risus fringilla bibendum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque efficitur nec lorem in blandit. <u>Cras at imperdiet</u> justo. Vivamus in arcu eget lectus pulvina set qui ipsum taci magna interdum nisi. </div>