PAGEPACK #1 (ABOUT)

<!DOCTYPE HTML>
<html>
<head>

<!--


PAGE PACK - #1 ABOUT PAGE BY KIMTYS.TUMBLR.COM

edit as much as you want but please don't hide or remove credits!


-->

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <meta name="description" content="{MetaDescription}" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

<script>
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:0,
tip_fade_speed:0,
attribute:"title"
});
});
</script>

<style type="text/css">


::-webkit-scrollbar-thumb:vertical {
    background: #ffc3d4; /* SCROLL COLOR */
    height: 5px;
    width:9px;
    border-radius: 0px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;
}


::-webkit-scrollbar {
    height: 0px;
    width: 3px;
    background: #fff; /* SCROLLBAR COLOR (SAME AS ABOUT) */
}


::-moz-selection {
    background:#ffc3d4; /* SELECT BACKGROUND COLOR */
    color:#fff; /* SELECT TEXT COLOR */
}
::selection {
    background:#ffc3d4; /* SELECT BACKGROUND COLOR */
    color:#fff; /* SELECT TEXT COLOR */
}


body {
    background:#f5f5f5; /* BACKGROUND COLOR */
    font-family:arial;
    font-size:11px;
}

hr {
  border: 0;
  height: 2px;
  background: #f5f5f5; /* BREAK LINE COLOR */
  margin-bottom:10px;
  margin-top:10px;
}


#s-m-t-tooltip {
    z-index: 9999;
    background: #fff; /* TOOLTIP COLOR */
    line-height:150%;
    font: 9px tunga;
    font-style: normal;
    letter-spacing: 1px;
    font-weight:bold;
    text-transform: uppercase;
    border: 2px solid #f5f5f5; /* TOOLTIP BORDER 1 COLOR */
    outline:2px solid #fff; /* TOOLTIP BORDER 2 COLOR */
    max-width: 300px;
    color:#bbb; /* TOOLTIP TEXT COLOR */
    text-align: justify;
    padding: 3px 6px 2px 6px;
    display: block;
    margin: 24px 14px 7px 12px;
}


a {
   color:#aaa; /* LINK COLOR */
   text-decoration:underline;
}


a:hover {
    color:#aaa; /*LINK HOVER COLOR */
    cursor:help;
    text-decoration:none;
}

b, bold, strong {
    color:#aaa; /* BOLD COLOR */
}

#box1 {
    margin-top:200px; /* ABOUT TOP POSITION */
    margin-left:600px; /* ABOUT LEFT POSITION */
}

#box2 {
    padding:0px;
    width:330px; /* ABOUT WIDTH */
    max-height:210px; /* ABOUT MAX HEIGHT */
    overflow:scroll;
    overflow:auto;
    border:2px solid #f5f5f5; /* ABOUT BORDER 1 COLOR */
    outline:2px solid #fff; /* ABOUT BORDER 2 COLOR */
}

#box3 {
    background:#fff; /* ABOUT BACKGROUND */
    color:#bbb; /* TEXT COLOR */
    font-family:tunga;
    font-size:9px;
    letter-spacing:1px;
    font-weight:bold;
    width:100%;
    text-transform: uppercase;
    line-height:150%;
    padding:8px 8px;
    text-align:justify;
}

#title{
    font-family: 'Oswald', sans-serif;
    line-height:90%;
    font-size:30px;
    font-weight:300;
    text-transform:uppercase;
    word-spacing:3px;
    letter-spacing:-1px;
    color: #ccc; /* TITLE COLOR */
    padding: 5px;
    text-align:left;
    width:330px; /* IF YOU CHANGE THE ABOUT WIDTH, CHANGE THIS TOO */
    margin-left:-1px;
    margin-bottom:3px;}

#title span {
    font-weight:300;
    color:#ffc3d4; /* TITLE SECOND COLOR */
}

#link {
    display:inline-block;
    font:9px tunga;
    text-transform:uppercase;
    font-weight:bold;
    text-align:right;
    letter-spacing:1px;
    Width:330px; /* IF YOU CHANGE THE ABOUT WIDTH, CHANGE THIS TOO */
    margin-left:6px;
    margin-top:5px;
}

#link a {
    color:#bbb; /* BOTTOM LINKS COLOR */
    padding: 1px 4px 0px 4px;
    text-decoration:none;
}

#link a:hover {
    background:#fff; /* BOTTOM LINKS HOVER BACKGROUND */
    color:#bbb; /* BOTTOM LINKS HOVER COLOR */
    text-decoration:none;
}


#sub {
    color:#ffc3d4; /* SUBTITLES COLOR */
    letter-spacing:3px;
    margin-bottom:0px;
}

ul, li {
    list-style: none;
    font-size: 9px;
    margin-left:-12px;
    padding-top:0px;
}

li:before {
    content:"●";
    font-size:7px;
    vertical-align:middle;
    color:#ffc3d4; /* BULLET COLOR */
}

#cr {
    bottom:10px;
    right:10px;
    font-weight:bold;
    color:#ffc3d4; /* CR LINK COLOR */
    font-size:12px;
    position:fixed;
    background:#fff; /* CR BACKGROUND COLOR */
    padding:5px 7px;
    border: 2px solid #f5f5f5; /* CR BORDER 1 COLOR */
    outline:2px solid #fff; /* CR BORDER 2 COLOR */
}


</style>

</head><body>

<!-- RENDER IMAGE - IF YOU DON'T WANT IT PLEASE DELETE -->

<img src="IMG URL HERE"
style="position:fixed;
bottom:0px; /* IMAGE BOTTOM POSITION */
left:0px; /* IMAGE LEFT POSITION */
opacity:0.8;
z-index:-999"/>

<!-- TITLE -->

<div id="box1">
<div id="title">YOUR <span>TITLE</span></div>
<div id="box2">
<table id="box3"><tr><td>

<!-- TEXT 1 -->

<div id="sub">title 1</div>

stuff here


<!-- BREAK LINE -->
<hr>

<!-- TEXT 2 -->

<div id="sub">title 2</div>

stuff here


<!-- BREAK LINE -->
<hr>

<!-- TEXT 3 -->

<div id="sub">title 3</div>

stuff here

<ul>
<li> some</li>
<li> bullets</li>
</ul>

<!-- END TEXT -->


</tr></td></table>
</div>

<!-- LINKS -->

<div id="link"><a href="/">back</a> <a href="/ask">ask</a></div>
</div>


<!-- CREDIT -->


<a href="https://kimtys.tumblr.com" title="theme by kimtys"><div id="cr">k.</div></a>


</body>
</html>

<!--