About Me Page 04-Miniature

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

    <!---


888           8888888      888b     d888      8888888888       .d8888b.
888             888        8888b   d8888      888             d88P  Y88b
888             888        88888b.d88888      888             Y88b.
888             888        888Y88888P888      8888888          "Y888b.
888             888        888 Y888P 888      888                 "Y88b.
888             888        888  Y8P  888      888                   "888
888             888        888   "   888      888             Y88b  d88P
88888888      8888888      888       888      8888888888       "Y8888P"



ABOUT ME PAGE 04 BY OFCUTEBOYS/LIMESTHEMES/CAROLINE --MINIATURE/KAWAII--

This is the fourth about me page in my Triple Page Pack

It's type #3-Miniature/kawaii

You can write as much as you want, essentially! Try to fill up the space and use paragraph tags to separate things.

Inspired by Heidi/Ladmilk

Enjoy it! If this doesn't suit your fancy, check out the rest of the pack.

Make sure to follow the rules, and if you have any questions, go to http://limesthemes.tumblr.com/support !    --->

    <meta name="image:icon" content="http://stephanielouie.comule.com/material/x5.gif">


    <style type="text/css">


body {
    background-color:#fff;
    font-family:Helvetica;
    font-size:11px;
    color:{color:text};
}

a {
    color:{color:link};
    text-decoration:none;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
}

a:hover {
    color:{color:hover};
}

h1 {
    font-size:18px;
    font-weight:normal;
    letter-spacing:2px;
    color:{color:text};
}


blockquote {
    padding:10px;
    background-color:#F5F5F5;
    text-align:justify;
}

blockquote blockquote {
    padding-left:10px;
    border-left:2px solid {color:accent};
}


::selection {
    background-color:{color:accent};
}


::-webkit-scrollbar {
    width:1px;
    background-color:transparent;
}



#credit {
    bottom:3px;
    position:fixed;
    right:10px;
    float:right;
    font-family:calibri;
    color:black;
    font-size:9px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:5px;
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    -o-transition-duration:.8s;
    -ms-transition-duration:.8s;
}

#credit img {
    color:black;
    background-color:white;
    transform:scale(.7);
    -webkit-transform:scale(.7);
    padding:5px;
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    -o-transition-duration:.8s;
    -ms-transition-duration:.8s;
}

#credit img:hover {
    -webkit-transform:rotate(180deg);
}

#aboutme {
    width:250px;
    height:300px;
    border:1px solid #ccc;
    position:fixed;
    margin-left:-310px;
    left:50%;
    margin-top:-150px;
    top:50%;
    z-index:9999;
    background-color:white;
}

.leftop {
    left:0%;
    top:0%;
    margin-top:-7px;
    margin-left:-6px;
        position:absolute;

}

.righttop {
    margin-left:243px;
    margin-top:-7px;
        position:absolute;

}

.leftbottom {
    margin-top:291px;
    margin-left:-6px;
        position:absolute;

}

.rightbottom {
    margin-top:291px;
    margin-left:244px;
    position:absolute;
}

.interior {
    width:230px;
    padding:10px;
    letter-spacing:1px;
    height:295px;
    overflow:scroll;
    z-index:-999;
    line-height:140%;
    text-align:center;
    font-size:10px;
    font-family:Consolas;
    color:#b1b1b1;
    font-weight:100;
}

.interior img {
    width:150px;
    border:1px solid #ccc;
}

.interior b {
    color:#ff66aa;
}

#rightblock {
    width:250px;
    height:300px;
    border:1px solid #ccc;
    position:fixed;
    margin-left:50px;
    left:50%;
    margin-top:-150px;
    top:50%;
    background-color:white;
}


#links {
    border-left:1px solid #ccc;
    height:100px;
    position:fixed;
    left:50%;
    margin-left:-30px;
    width:50px;
    margin-top:250px;
}

#links a {
    font-family:consolas;
    display:block;
    padding-left:5px;
    padding-bottom:2px;
    height:10px;
    margin-top:10px;
    color:#888;
    border-bottom:1px solid white;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    -o-transition-duration:.3s;
    -ms-transition-duration:.3s;

}

#links a:hover {
    padding-left:25px;
    width:40px;
    border-color:#ccc;
}

    </style>

</head>
<body>
<div id="aboutme">
    <div class="leftop"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div><div class="righttop"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div><div class="leftbottom"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div><div class="rightbottom"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div>

    <div class="interior">
        <p>This is the 3rd about me page in my page pack "Wanna talk about me". The other two are classic and simple, but this one is a little different. I'd like to say it's kind of kawaii.</p>
        <p>You can put as much as you want in here-fill up the box!</p>
        <p>put in something cool, like a quote or song lyrics! If you overflow the box, it will scroll even though the scrollbar is transparent.
        </p>
        <p>There is ice in place of answers,
and a cold that chills the bones,
When September came and went without an answer,
we were left to Fall for Winter on our own...

Now I am only me when I'm without you,

All I ever wanted was a part of you that I couldn't break,
a piece of you that I couldn't take apart, but we're in pieces now,
and all you ever wanted was a part of me that I couldn't fake,
I never made it easy to shape my heart, but it's not beating now,
I have to let you down...
</p>
    </div>

</div>

<div id="links">
    <a href="/">home</a>
    <a href="/">face</a>
    <a href="/friends">friends</a>
    <a href="http://ofcuteboys.tumblr.com">credit</a>
</div>

<div id="rightblock">
    <div class="leftop"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div><div class="righttop"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div><div class="leftbottom"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div><div class="rightbottom"><img src="https://31.media.tumblr.com/tumblr_lskgky4NnA1qmbson.gif"></div>

    <div class="interior">
        <p>In this box, you can put cool things like pictures of yourself, or of things you like! You could also make a little description like:</p>
        <p><b>Name:</b> Caroline</p>
        <p><b>Age:</b> 16</p>
        <p><b>Hometown:</b> Baltimore</p>
        <p>If you put an image inside this box, it will look like this-</p>
        <p><img src="http://25.media.tumblr.com/fbd0c43a7ef10788eae57d5648250d54/tumblr_mp9lkfiRnh1qee6d2o1_400.png"></p>
        <p><blockquote>This is a blockquote, I recommend using them for descriptions of pictures. Above, you can see Jack and Alex from All Time Low.</blockquote></p>
        <p><img src="http://25.media.tumblr.com/8969b92707a4eec5fce9b46bcb525ed7/tumblr_n2us9kK9z81spl43uo1_400.png"></p>
        <p><blockquote>This is Alex Gaskarth, cutie extraordinare.</blockquote></p>
    </div>


</div>


    <div id="credit"><a href="http://ofcuteboys.tumblr.com/"><img src="https://31.media.tumblr.com/tumblr_lpo58f43q31qlzq96.gif"></a></div>


</body></html>