ABOUT PAGE #5 - DER ENGEL

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!--

ABOUT PAGE #5 'der Engel' -  BY NAMJOONEH (http://namjooneh.tumblr.com) [prev. protectmccall]
-DONT USE AS BASE OR STEAL THE BITS P PLEASE
-ASK ME FOR HELP IF U STRUGGLE
-IM OPEN FOR COMMISSIONS IF YOU WANT A SPECIAL PAGE JUST FOR YOU~~ (check http://namjooneh.tumblr.com/rules for more info)
-HOPE U HAVE A GREAT DAY TODAY BUTTERCUP ♥

-->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
<title>About.</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!----jquery----->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!----google fonts---->
<link href='http://fonts.googleapis.com/css?family=Cousine:400,700' rel='stylesheet' type='text/css'>
<!---tooltip--->
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:300,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>


<style type="text/css">

::selection {
background: #c2b6b6; /* COLOUR OF THE TEXT WHEN SELECTED */
color: #111111;
}

::-moz-selection {
background: #c2b6b6;/* COLOUR OF THE TEXT WHEN SELECTED */
color: #111111;
}

::-webkit-selection {
background: #c2b6b6;/* COLOUR OF THE TEXT WHEN SELECTED */
color: #111111;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:#c2b6b6; /* COLOUR OF THE LINKS */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


 ul {
     margin-left:-10px;
 }


body {
    background:#fff; /* COLOUR OF BACKGROUND, #fff for white, or you can just type 'white', 'black' etcetc w/o '#' */
font-family:Georgia;
line-height:120%;
letter-spacing:0px;
/*text-align:justify;*/
background-image:url(PUT THE URL OF THE PIC U WANT AS BACKGROUND HERE);
background-attachment: fixed;
background-repeat: repeat; /* if you dont want the pic repeated change 'repeat' to 'no-repeat'*/
color:#000;
}

::-webkit-scrollbar-thumb:vertical {
background:#dfe9ed;
height: 80px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
}


#s-m-t-tooltip { /* tooltip is what styles the hover title="" of the link */
margin-top:15px;
background-color:#fff;
font-size:8px;
color:#333;
letter-spacing:1px;
text-transform:lowercase;
padding:3px;
padding-bottom:3px;
z-index:999999999999999999999999999999999999;
border: 3px solid #c2b6b6 ; /* COLOUR OF THE ON HOVER FRAME OF THE TEXT */
font-weight:500;
}


#container {
background-color: #ffffff; /* COLOUR OF THE BOX */
width:640px;
height:380px;
position:absolute;
left:50%;
top:50%;
margin-left:-310px;
margin-top:-190px;
}


#pic img {
width:290px;
height:380px;
background:#ffffff;
overflow: auto;
position:absolute;
}


#text {
    margin-top:0px;
    margin-left:290px;
    width:255px;
height:360px;
background:#eee;/* BACKGROUND COLOR OF THE TEXT SECTION */
padding-left:25px;
padding-right:70px;
padding-top:10px;
padding-bottom:10px;
position: absolute;
font-size: 14px; /* SIZE OF THE FONT */
line-height:97%;
}

#title {
    font-weight:bold;
    font-size:30px;
    margin-top:70px;
    padding-left:10px;

}


#links {
    font-size:10px;
    margin-left:25px;
    margin-top:5px;
}


  #links a {
      color: #000; /* COLOUR OF THE LINK CIRCLES */
       -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}

#links a:hover {
    color:#fff; /* COLOUR OF THE LINK CIRCLES ON HOVER */
       -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


 #credit {
position:fixed;
font-size:14px;
letter-spacing:1px;
right:10px;
bottom:15px;
}
#credit a {
padding:3px;
color:#000;
background-color:#ffffff;
}
#credit a:hover {
color:#ffffff;
background-color:#000;
}

 #text ol ul li {
     list-style-type: none;
     margin-left:-25px;
     font-size:10px;
     margin-bottom:0px;
 }

 #text ol {
     margin-left:-24px
 }

 #text ol li {
     font-size:20px;
     margin-bottom:8px;
 }


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

<div id="container">


<div id="pic"><img src="http://68.media.tumblr.com/ce968c4c60e27c01f7ab761a5c406228/tumblr_of4swvmjAs1vyq0lso4_540.png"></div> <!-- CHANGE THE PIC HERE, IT SHOULD BE SQUARE AND NOT SMALLER THAN 300X300PX THO SO BEWARE-->

<div id="text">
    <div id="title">about</div>
    <div id="links">
        <a href="http://protectmccall.tumblr.com" title="back to blog">ho·me</a> <a href="http://protectmccall.tumblr.com" title="yo">ask</a> <a href="https://www.youtube.com/watch?v=tVj0ZTS4WF4" title="no one should know">yi·ke</a>
    </div>

 <ol>
     <li>
         <ul>
             <li><strong>a</strong> name : marina</li>
             <li><strong>b</strong> general : belarus, 21, she/her, scorpio, pan</li>
         </ul>
     </li>
     <!------------------------------------------->
     <li>
         <ul>
             <li><strong>a</strong> a graphic design transfer student</li>
             <li><strong>b</strong> !!!kim seokjin!!!</li>
             <li><strong>c</strong> likes : Lorem ipsum dolor sit amet, elit.</li>
             <li><strong>d</strong> dislikes : Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
         </ul>
     </li>
     <!------------------------------------------->
      <li>
         <ul>
             <li><strong><u>blog content</u></strong>: aesthetic. renaissance memes. cats and soft communism. sufjan stevens x reader fanfiction.
                 <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3222193";
fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
</script>
             </li>
         </ul>
     </li>


 </ol>


</div>
</div>

<div id="credit"><a href="http://protectmccall.tumblr.com" title="code by protectmccall">©</a></div> <!--DONT TOUCH THIS BROS-->


</body>
</html>