* chance.

<style>
    /*

        ╳  ╳  ╳  : (  ── C0DES BY EUFLEURIC! ) ▰ ▰ ▰ ♚ ♚ ♚
 ▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰

UNDER NO CIRCUMSTANCES MUST YOU REMOVE THE CREDIT. THE ONLY EXCEPTION IS IF YOU SWEAR THAT YOU WILL PROPERLY LINK MY TUMBLR/TWITTER (@EUFLEURIC) SOMEWHERE ON YOUR PAGE THAT IS HYPERLINKED AND EASY TO SPOT.

THIS IS YOUR ONLY WARNING.
I WILL NOT GIVE ANY MORE.
YOU WILL BE IN A LOT OF TROUBLE.
IF I FIND YOU, I WILL DROP YOUR ASS LIKE THE BASS.

DO NOT JOCK, REDISTRIBUTE OR COPY ANYTHING OFF MY STYLESHEET.

HELP/CREDIT FOR THE TOGGLE+JAVASCRIPT GOES TO THESE PEOPLE:
http://stackoverflow.com/questions/20128515/javascript-toggle-visibility-of-multiple-divs

STYLE TOOLTIP GOES TO:
http://manos.malihu.gr/tuts/style-my-tooltips.html

HAVE FUN, AND IF YOU NEED ANY HELP CONTACT ME HERE:
http://eufleuric.tumblr.com/ask
https://twitter.com/eufleuric

 ▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰
        ╳  ╳  ╳  : (  ── C0DES BY EUFLEURIC! ) ▰ ▰ ▰ ♚ ♚ ♚

*/
</style>

<script>
    var divs = ["kofuku", "shunshuu", "aikei", "ketsui", "chuusei"];
    var visibleDivId = null;

    function toggleVisibility(divId) {
        if (visibleDivId === divId) {
            visibleDivId = null;
        } else {
            visibleDivId = divId;
        }

        hideNonVisibleDivs();
    }

    function hideNonVisibleDivs() {
        var i, divId, div;

        for (i = 0; i < divs.length; i++) {
            divId = divs[i];
            div = document.getElementById(divId);

            if (visibleDivId === divId) {
                div.style.display = "block";
            } else {
                div.style.display = "none";
            }
        }
    }
</script>
<link href="http://static.tumblr.com/xxxtcim/vBXncagbd/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/xxxtcim/PfUncagat/jquery.style-my-tooltips.js"></script>
<script>
    (function($) {
        $(document).ready(function() {
            $("[title]").style_my_tooltips({
                tip_follows_cursor: true,
                tip_delay_time: 200,
                tip_fade_speed: 300,
                attribute: "title"
            });
        });
    })(jQuery);
</script>
<style>
    #s-m-t-tooltip {
        /* basic */
        width: 70px;
        z-index: 10;
        margin: 24px 14px 7px 12px;
        /* style and design */
        padding: 3px;
        background-color: #842c78;
        /* font */
        font-family: consolas;
        text-transform: uppercase;
        font-size: 9px;
        line-height: 16px;
        color: #FFFFFF;
        text-align: center;
</style>
<style>
    body {
        background-color: #f5f5f5;
        font-family: arial;
        font-size: 10px;
        color: #842c78;
    }
    i {
        font-style: italic;
        font-size: 10px;
        font-family: georgia;
        text-transform: lowercase;
        font-weight: bold italics;
        color: #842c78;
        letter-spacing: 1px;
    }
    b, strong {
        color: #e989c4;
        font-family: corbel;
        font-size: 9px;
        text-transform: uppercase;
        text-decoration: none;
    }
    ::-webkit-scrollbar {
        width: 5px;
        height: 10px;
        padding-top: 40px;
    }
    ::-webkit-scrollbar-track {
        background-color: #FFFFFF;
    }
    ::-webkit-scrollbar-thumb {
        height: 30px;
        width: 5px;
        background-color: #84e2f6;
    }
    ::-webkit-scrollbar-track-piece {
        height: 30px;
        width: 30px;
    }
    ::-moz-selection, ::selection {
        background: #84e2f6;
        color: #ffffff;
        !important
    }
    ::selection {
        background: #84e2f6;
        color: #ffffff;
        !important
    }
    a {
        text-decoration: none;
        color: #84e2f6;
        line-height: 5px;
        font-family: calibri;
        font-size: 10px;
        text-transform: uppercase;
        -webkit-transition: all .5s ease-in-out;
    }
    a:hover {
        color: #842c78;
    }
    .DISK0RD {
        background-color: #e989c4;
        position: fixed;
        bottom: 300px;
        left: 20px;
        padding: 4px;
        width: 380px;
        height: 10px;
        font-family: calibri;
        font-size: 10px;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 10px;
    }
    .VI0LET {
        background-color: #e989c4;
        position: fixed;
        bottom: 28px;
        left: 20px;
        padding: 4px;
        width: 380px;
        height: 10px;
        font-family: calibri;
        font-size: 10px;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 10px;
    }
    .PR0CESS {
        position: fixed;
        width: 150px;
        height: 215px;
        padding: 4px;
        background-color: #fff;
        left: 20px;
        bottom: 60px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 1;
    }
    .sidelinks {
        position: fixed;
        width: 150px;
        height: 215px;
        padding: 4px;
        background-color: #ffffff;
        left: 20px;
        bottom: 60px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 2;
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
    }
    .sidelinks:hover {
        opacity: 1;
    }
    .lione {
        display: block;
        background-color: #84e2f6;
        color: #FFFFFF;
        font-family: corbel;
        font-size: 10px;
        line-height: 20px;
        height: 20px;
        margin-bottom: 5px;
        text-align: center;
        -webkit-transition: all .5s ease-in-out;
    }
    .lione:hover {
        background-color: #FFFFFF;
        color: #84e2f6;
    }
    .litwo {
        display: block;
        background-color: #e989c4;
        color: #FFFFFF;
        font-family: corbel;
        font-size: 10px;
        line-height: 20px;
        height: 20px;
        margin-bottom: 5px;
        text-align: center;
        -webkit-transition: all .5s ease-in-out;
    }
    .litwo:hover {
        background-color: #FFFFFF;
        color: #e989c4;
    }
    .lithree {
        display: block;
        background-color: #842c78;
        color: #FFFFFF;
        font-family: corbel;
        font-size: 10px;
        line-height: 20px;
        height: 20px;
        margin-bottom: 5px;
        text-align: center;
        -webkit-transition: all .5s ease-in-out;
    }
    .lithree:hover {
        background-color: #FFFFFF;
        color: #842c78;
    }
    .lifour {
        display: block;
        background-color: #e6fbaa;
        color: #FFFFFF;
        font-family: corbel;
        font-size: 10px;
        line-height: 20px;
        height: 20px;
        margin-bottom: 5px;
        text-align: center;
        -webkit-transition: all .5s ease-in-out;
    }
    .lifour:hover {
        background-color: #FFFFFF;
        color: #e6fbaa;
    }
    .GL0RY {
        position: fixed;
        width: 210px;
        height: 120px;
        padding: 4px;
        background-color: #fff;
        left: 190px;
        bottom: 60px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 1;
    }
    .toggleoda {
        position: fixed;
        width: 210px;
        height: 80px;
        padding: 4px;
        background-color: #transparent;
        left: 190px;
        bottom: 185px;
    }
    .toggleoda a {
        display: inline-block;
        background-color: #000000;
        color: #FFFFFF;
        font-family: calibri;
        font-size: 10px;
        width: 100px;
        height: 30px;
        margin-bottom: 3px;
        line-height: 25px;
        text-align: center;
    }
    .toggleoda a:hover {
        background-color: #FFFFFF;
    }
    #kofuku {
        position: fixed;
        width: 210px;
        height: 120px;
        padding: 4px;
        background-color: #fff;
        left: 190px;
        bottom: 60px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 2;
        -webkit-transition: all .5s ease-in-out;
    }
    #kofuku:hover {
        height: 215px;
    }
    #shunshuu {
        position: fixed;
        width: 210px;
        height: 120px;
        padding: 4px;
        background-color: #fff;
        left: 190px;
        bottom: 60px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 2;
        -webkit-transition: all .5s ease-in-out;
    }
    #shunshuu:hover {
        height: 215px;
    }
    #aikei {
        position: fixed;
        width: 210px;
        height: 120px;
        padding: 4px;
        background-color: #fff;
        left: 190px;
        bottom: 60px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 2;
        -webkit-transition: all .5s ease-in-out;
    }
    #aikei:hover {
        height: 215px;
    }
    #ketsui {
        position: fixed;
        width: 210px;
        height: 120px;
        padding: 4px;
        background-color: #fff;
        left: 190px;
        bottom: 60px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 2;
        -webkit-transition: all .5s ease-in-out;
    }
    #ketsui:hover {
        height: 215px;
    }
    h2 {
        font-family: consolas;
        text-transform: uppercase;
        font-weight: lighter;
        font-size: 9px;
        color: #e989c4;
        margin: 0px 0px 0px 0px;
        text-align: center;
    }
    ul {
        list-style-type: hiragana;
        margin: 0px;
        font-size: 9px;
    }
    .icimg {
        width: 25px;
        height: 25px;
        border: solid 3px #84e2f6;
        padding: 1px;
        opacity: .5;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }
    .icimg:hover {
        opacity: .8;
    }
    .CHANCE {
        background-color: #ffffff;
        border-right: 20px solid #84e2f6;
        position: fixed;
        bottom: 300px;
        left: 210px;
        padding: 4px;
        width: 180px;
        height: 10px;
        font-family: calibri;
        font-size: 10px;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 10px;
        -webkit-transition: all .5s ease-in-out;
        border-radius: 0px 60px 60px 0px;
        -moz-border-radius: 0px 60px 60px 0px;
        -webkit-border-radius: 0px 60px 60px 0px;
    }
    .CHANCE:hover {
        left: 420px;
    }
</style>
<div class="CHANCE">
    <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k007.kiwi6.com/hotlink/c31l862qt0/chance.mp3&t0=time is precious!&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>
<div class="DISK0RD">TIME IS PRECIOUS!</div>
<div class="PR0CESS">
    <img src="http://i.imgur.com/6GUKkqY.png">
</div>
<div class="sidelinks">
    <br> <a href="/" class="lione">HOME</a>
 <a href="/ask" class="litwo">MESSAGE</a>
 <a href="/archive" class="lithree">ARCHIVE</a>
 <a href="/" class="lifour">LINK</a>
 <a href="/" class="lione">LINK</a>
 <a href="/" class="litwo">LINK</a>
 <a href="/" class="lithree">LINK</a>
 <a href="/" class="lifour">LINK</a>

</div>
<div class="VI0LET">GET A CHANCE LIKE THIS, PUMP UP THE VOLUME!</div>
<div class="GL0RY"> <font style="font-family: times; font-size: 27; letter-spacing: -1px;"><font color="#e6fbaa">❥</font>  <font color="#e989c4">000.</font>

    <br>
    <center>
        <div style="margin-top: -15px;"><font style="font-family: times new roman; font-weight: lighter; font-size: 23px; letter-spacing: -1px; font-style: italic;"><font color="#84e2f6">that's right!</font></font>
            </font>
        </div>
    </center>
    <fieldset style="float: center; width: 89%; height: 60px; overflow: auto; overflow-x: hidden; border: solid 1px #f5f5f5; background-color: #f5f5f5;"> <b>NAME:</b> Ricky
        <br> <b>AGE:</b> 69
        <br> <b>GENDER:</b> Female
        <br> <b>ASTROLOGICAL SIGN:</b> Pisces
        <br>I don't know. Add more stuff.</fieldset>
</div>
<div class="toggleoda"> <a href="#" onclick="toggleVisibility('kofuku');" title="TAGS" style="background-color: #e989c4">ONE</a>
 <a href="#" onclick="toggleVisibility('shunshuu');" title="BIAS" style="background-color: #e6fbaa">TWO</a>
 <a href="#" onclick="toggleVisibility('aikei');" title="EXTRA" style="background-color: #84e2f6">THREE</a>
 <a href="#" onclick="toggleVisibility('ketsui');" title="BLOGROLL" style="background-color: #842c78">FOUR</a>

</div>
<div id="kofuku" style="display: none;">
<font style="font-family: times; font-size: 27; letter-spacing: -1px;"><font color="#e6fbaa">❥</font>  <font color="#e989c4">001.</font>

    <br>
    <center>
        <div style="margin-top: -15px;"><font style="font-family: times new roman; font-weight: lighter; font-size: 23px; letter-spacing: -1px; font-style: italic;"><font color="#84e2f6">keep that smile, nice!</font></font>
            </font>
        </div>
    </center>

<h2>ANIME/MANGA </h2>
    <ul class="a">
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
    </ul>

<h2>MOVIE </h2>

    <ul class="a">
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
    </ul>

<h2>MUSIC </h2>

    <ul class="a">
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
    </ul>
</div>
<div id="shunshuu" style="display: none;">
<font style="font-family: times; font-size: 27; letter-spacing: -1px;"><font color="#e6fbaa">❥</font>  <font color="#e989c4">002.</font>

    <br>
    <center>
        <div style="margin-top: -15px;"><font style="font-family: times new roman; font-weight: lighter; font-size: 23px; letter-spacing: -1px; font-style: italic;"><font color="#84e2f6">always take that chance!</font></font>
            </font>
        </div>
    </center>

<h2>ANIME BIAS</h2>

    <ul class="a">
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
    </ul>

<h2>CELEBRITY BIAS</h2>

    <ul class="a">
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
        <li>Name</li>
    </ul>
</div>
<div id="aikei" style="display: none;">
<font style="font-family: times; font-size: 27; letter-spacing: -1px;"><font color="#e6fbaa">❥</font>  <font color="#e989c4">003.</font>

    <br>
    <center>
        <div style="margin-top: -15px;"><font style="font-family: times new roman; font-weight: lighter; font-size: 23px; letter-spacing: -1px; font-style: italic;"><font color="#84e2f6">there's no end!</font></font>
            </font>
            </font>
        </div>
    </center>>yeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or somethingyeah text or something</div>
<div id="ketsui" style="display: none;">
<font style="font-family: times; font-size: 27; letter-spacing: -1px;"><font color="#e6fbaa">❥</font>  <font color="#e989c4">004.</font>

    <br>
    <center>
        <div style="margin-top: -15px;"><font style="font-family: times new roman; font-weight: lighter; font-size: 23px; letter-spacing: -1px; font-style: italic;"><font color="#84e2f6">stay bright and smiling!</font></font>
            </font>
        </div>
    </center>
    <center>{block:Following} {block:Followed}
<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}" class="icimg"></a>
{/block:Followed} {/block:Following}</center>
</div>





















    <style>
#bellafleur{position: absolute;width: 20px;height: 20px;background-color: #FFFFFF;right: 10px;bottom: 10px;z-index: 1;border: solid #f1efec 2px;outline: 2px solid #FFFFFF;}
#precipitation {position: absolute;bottom: 560px;right: 40px;padding: 5px;background-color: #FFFFFF;width: 200px;z-index: 3;opacity: 0;border: solid #FFFFFF 4px;-webkit-transition: all 1s ease-in-out;font-weight: lighter;font-family: consolas; text-transform: uppercase; font-size: 8px;color: #c7bfbb;text-align: center;}
#bellafleur:hover + #precipitation {opacity: 1;bottom: 8px;}
#bellafleur a {text-transform: lowercase;text-decoration: none;color: #d6cdc9;font-family: georgia;font-size: 20px;line-height: 17px;margin-left: 5px;font-style: italic;-webkit-transition: all .5s ease-in-out;}
#bellafleur a:hover {color: #aaa19c;}
</style>
<div id="bellafleur"> <a href="http://eufleuric.tumblr.com/">e</a> </div>
<div id="precipitation">Everything was typed and coded by Ricky <font color="ffb6cb">@eufleuric</font> on Twitter and Tumblr unless stated otherwise. <br><br>Do not remove credit or redistribute parts of my codes as your own, please.</div>