Navegation Page #1

<!--Theme made by rokuthemes6.tumblr.com-->
<!--DO NOT CLAIM THIS PAGE AS YOURS-->
<!--Any problem or request mail me rokuthemes@sapo.pt or ask in my blog rokuthemes6.tumblr.com-->

<head>


<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{rss}">

<title>Navegation page#1</title>

<style type="text/css">


a{
    text-decoration: none;
    position: static;
}


 img {
     width:500px;
     height:500px;
    border-radius: 100%;
    margin: 150px 0px 0px 580px;
    border: 10px solid #FFB6C1; /*change the border color*/
    position: static;
}


body{
    background-color:#FFCCFF;
    position: static;
    overflow:hidden;
}


#first {
    height: 19px;
    width:500px;
    background-color: #FFB6C1; /*change the first link color*/
    text-decoration: none;
    margin: -514px -10px 0px -10px;
    padding:20px 25px;25px;25px;
        border-bottom-right-radius: 100px;
}

#second {
    height: 25px;
    width:450px;
    background-color: #FFB6C1; /*change the second link color*/
    text-decoration: none;
    margin: 9px 0px 0px -10px;
    padding:20px 25px;25px;25px;
      border-bottom-right-radius: 100px;
      position: static;
}

#third {
    height: 25px;
    width:400px;
    background-color: #FFB6C1; /*change the third link color*/
    text-decoration: none;
   margin: 9px 0px 0px -10px;
    padding:20px 25px;25px;25px;
      border-bottom-right-radius: 100px;
      position: static;
}
#fourth {
    height: 25px;
    width:350px;
    background-color: #FFB6C1; /*change the fourfth link color*/
    text-decoration: none;
   margin: 9px 0px 0px -10px;
    padding:20px 25px;25px;25px;
      border-bottom-right-radius: 100px;
       border-top-right-radius: 100px;
       position: static;
}
#fifth {
    height: 25px;
    width:400px;
    background-color: #FFB6C1; /*change the fifth link color*/
    text-decoration: none;
    margin: 9px 0px 0px -10px;
    padding:20px 25px;25px;25px;
     border-top-right-radius: 100px;
     position: static;
}

#sixth{
    height: 25px;
    width:450px;
    background-color: #FFB6C1; /*change the first link color*/
    text-decoration: none;
    margin: 9px 0px 0px -10px;
    padding:20px 25px;25px;25px;
     border-top-right-radius: 100px;
}
#seventh{
    height: 25px;
    width:500px;
    background-color: #FFB6C1; /*change the seventh link color*/
    text-decoration: none;
    margin: 9px 0px 0px -10px;
    padding:20px 25px;25px;25px;
     border-top-right-radius: 100px;
     position: static;
}
#link{
    height: 100px;
    width:500px;
    margin-top: -50px;
    margin-left: 700px;
   background-color: #FFB6C1; /*change the links color*/
    border-radius: 100%;
    border-bottom-style:solid;
    position: static;

}

#head{
    background-color: #FFB6C1;  /*change the header color*/
    height: 70px;
    width: 1262px;
    padding:1px 10px;5px;5px;
    font-size: 30px; /*change the header letter-size*/
    font-family: Edwardian Script ITC; /*change the header font-family*/
    border: #E05285; /*change the header border color*/
    border-bottom-style: solid;
    position: static;
     margin: -10px 0px 0px -10px;
}


#home{
    height: 20px;
    width: 70px;
    font-size: 15px;
    text-align: center;
    background-color: #E05285; /*change the first link hover color*/
    margin-top: -720px;
    margin-left: 800px;
     border-bottom-right-radius: 100px;
     position: static;
}
#ask{
    height: 20px;
    width: 70px;
    text-align: center;
    font-size: 15px;
    background-color:  #E05285; /*change the second link hover color*/
    margin-top: -20px;
    margin-left: 875px;
     border-bottom-left-radius: 100px;
     position: static;
}

#archive{
    height: 20px;
    width: 70px;
    text-align: center;
    font-size: 15px;
    background-color: #E05285; /*change the  link color*/
    margin-top: -20px;
    margin-left: 950px;
     border-top-right-radius: 100px;
     position: static;
}

#credits{
    height: 20px;
    width: 70px;
    text-align: center;
    font-size: 15px;
    background-color:  #E05285; /*change the first link color*/
    margin-top: -20px;
    margin-left: 1025px;
     border-top-left-radius: 100px;
     position: static;
}

#first:hover {
    background-color: #FFB6C1; /*change the first link hover color*/
    -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding-right: 320px
}

#second:hover {
    background-color: #FFB6C1; /*change the second link hover color*/
    -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding-right: 400px
}
#third:hover {
    background-color: #FFB6C1; /*change the third link hover color*/
    -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding-right: 400px;
         color: #FFB6C1;
}
#fourth:hover {/*change the foruth link hover color*/
    background-color:#FFB6C1;
    -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding-right: 400px
}
#fifth:hover {
    background-color: #FFB6C1;/*change the fifth link hover color*/
    -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding-right: 400px
}
#sixth:hover {
    background-color:#FFB6C1; /*change the sixth link hover color*/
    -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding-right: 400px
}

#seventh:hover {
    background-color:#FFB6C1; /*change the seventh link hover color*/
    -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding-right: 280px
}


</style>
</head>
<body background= "http://s.wallpaperhere.com/wallpapers/2560x1600/20110626/Soft-pink.jpg">

<div id = "head">

  <thead>
 <p><font color="#E05285"><td id = "head">Navegation page</p></td>
  </div>

<div id = "link">

  <thead>
 <td id = "desc"></td>
  </div>

<div>
<img src ="http://static.zerochan.net/BLEACH.full.871385.jpg" >
</div>
<div id = "first">

<thead>
<a href= "/"><font color="#E05285"><td id = "first">Link One</td>
</div>

<div id = "second">
<thead>
<a href= "/"><font color="#E05285"><font color="#E05285"><td id = "second">Link Two</td>
</div>


<div id = "third">
<thead>
<a href= "/"><font color="#E05285"><td id = "third">Link Tree</td>
</div>

<div id = "fourth">
<thead>
<a href= "/"><font color="#E05285"><td id = "fourth">Link Four</td>
  </div>

<div id = "fifth">
<thead>
<a href= "/"><font color="#E05285"><td id = "fifth">Link Five</td>
</div>

<div id = "sixth">
<thead>
<a href= "/"><font color="#E05285"><td id = "sixth">Link Six</td>
</div>

<div id = "seventh">
<thead>
<a href= "/"><font color="#E05285"><td id = "seventh">Link Seven</td>
</div>

<div id = "home">

 <thead>
 <a href= "/"><font color="#FFB6C1"><td id = "home">Home</td></font>
  </div>

  <div id = "ask">

 <thead>
 <a href= "/ask"><font color="#FFB6C1"><td id = "ask">Ask</td></font>
  </div>

   <div id = "archive">

 <thead>
 <a href= "/archive"><font color="#FFB6C1"><td id = "home">Archive</td></font>
  </div>

   <div id = "credits">

 <thead>
 <a href= "rokuthemes.tumblr.com"><font color="#FFB6C1"><td id = "home">Theme</td></font>
  </div>


</body>
</html>
</head>
<body></body>
</html>