About me theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-----------------
About me theme by Dagmar -
╭╮╱╱╭╮╭╮╱╱╱╱╱╱╱╱╱╭╮
┃┃╱╱┃┃┃┃╱╱╱╱╱╱╱╱╱┃┃
┃╰━┳┫┃┃┃╭┳━━┳━╮╭━╯┣━━┳╮╱╭┳━━╮
┃╭╮┣┫┃┃┃┣┫╭╮┃╭╮┫╭╮┃╭╮┃┃╱┃┃━━┫
┃╰╯┃┃╰┫╰┫┃╰╯┃┃┃┃╰╯┃╭╮┃╰━╯┣━━┃
╰━━┻┻━┻━┻┻━━┻╯╰┻━━┻╯╰┻━╮╭┻━━╯
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯

Do not remove credit please.
------------->


<style type="text/css">

::-webkit-scrollbar-thumb {background-color: #000; border: 3px solid #fff; height:auto;}

::-webkit-scrollbar {height:9px;width:9px;background-color: #000;border:4px solid #fff;}

::selection {background-color:#fff;}

a {
    color:#000;
    text-decoration:none;
    -moz-outline-style:none;

}

#theme {
    margin-left:390px;
    margin-top:-30px;
}

#image {
    position:fixed;
    margin-left:100px;
    margin-top:390px;
    width:200px;
            -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

#title1 {
    position:fixed;
    width:500px;
    text-transform:uppercase;
    margin-top:335pX;
    border-bottom:4px double #000;
    font-size:45px;
    color:black;
    margin-left:-240px;
            -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

#title2 {
    position:fixed;
    font-style:italic;
    font-size:25pX;
    margin-left:-180px;
        margin-top:365pX;
            -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

#links {
     margin-top:875px;
    margin-left:85px;
    font-family:cambria;
    font-size:12px;
    font-style:italic;
    position:fixed;
         -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#links a{
    opacity:.7;
    height:20px;
    line-height:170%;
    box-shadow:2px 2px 3px #aaa;
    text-align:center;
    padding:5px;
    width:60px;
    display:block;
    letter-spacing:1px;
    background-color:#fff;
         -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#links a:hover {
    text-decoration:line-through;
    opacity:.9;
         -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#info {
    position:fixed;
    background-color:#000;
    margin-top:120px;
    margin-left:345px;
    padding:12px;
    width:200px;
    color:#fff;
    font-size:14px;
    font-family:cambria;
    word-spacing:2px;
    letter-spacing:1px;
    border:10px;
    border-style:double;
}

#extra {
    position:fixeD;
    text-transforM:uppercase;
    font-family:cambria;
    font-size:12px;
    text-align:justify;
    margin-top:240px;
    padding:18px;
    border:4px double;
    width:190px;
    height:320px;
    overflow:scroll;
    margin-left:350px;


{CustomCSS}</style></head><body>

<div id="theme">


 <div id="image"><img src="http://media.tumblr.com/f45d30e48619dc0a3cbe4745f62ee54d/tumblr_inline_mqkbuw0Q631qz4rgp.png"></div>


 <div id="links">
 <a href="/">index</a>
 <br><a href="/">ask</a>
 <br><a href="/">link 1</a>
  <br><a href="/">link 2</a>
 <br><a href="/">credit</a>
 </div>


 <div id="info">
 <span style="text-transform:uppercase;text-decoration:underline;"><b>Name:</b></span><span style="font-style:italic;">

 Daggie

 </span>

 <br><span style="text-transform:uppercase;text-decoration:underline;"><b>Age:</b></span><span style="font-style:italic;">

 16 years old

 </span>
 <br><span style="text-transform:uppercase;text-decoration:underline;"><b>location:</b></span><span style="font-style:italic;">

 Iceland

 </span>
 <br><span style="text-transform:uppercase;text-decoration:underline;"><b>birthday:</b></span><span style="font-style:italic;">
 September 20th


     </span>
 </div>

 <div id="extra">

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum mattis nulla vitae venenatis. Pellentesque accumsan metus vitae diam vehicula, quis dapibus turpis iaculis. Donec porttitor leo et ante feugiat, a mattis nisi blandit. Mauris scelerisque diam enim, vitae molestie lorem hendrerit ut. Pellentesque ac dui eu nisi consequat ultricies dignissim eu urna. Sed varius quam dictum lacinia volutpat. Vivamus id dui nisi. Nullam nunc lacus, pharetra quis hendrerit in, vestibulum ut odio. Nunc adipiscing massa vel dui feugiat, in sollicitudin velit auctor. Aenean molestie nunc in augue convallis, quis pharetra odio suscipit volutpat a eget ligula.

Bold. Italic. Underline. Link. Aenean eros leo, laoreet id orci ut, convallis mollis nunc. Donec euismod leo turpis, aliquam tincidunt dui viverra in. Integer metus velit, molestie sollicitudin suscipit ut, congue at odio. Vestibulum tempus sapien tincidunt, suscipit felis eu, ornare sapien. Quisque non viverra enim. Nam sagittis mattis sapien, ac porta sapien ullamcorper eu. Sed vitae massa eget magna suscipit tristique. In viverra ornare erat, eleifend pulvinar magna condimentum sit amet. Duis vestibulum dictum enim. In non erat diam. Etiam vehicula pretium justo eget ornare. Phasellus id metus lectus. Pellentesque tortor risus, luctus ut mi sit amet, porttitor auctor dolor. Morbi id porttitor sapien. Nulla magna quam, pulvinar sollicitudin placerat sed, consequat ut neque. Pellentesque ac leo nec diam semper.
</div>

 <div id="title1">Trust nobody;</div>
 <div id="title2">even your own shadow disappears in the dark</div>

</body></html>