Page #3 Snow's Secrets - Codes by the girl 0n fire

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

<!----------

Snow's secrets, an Ask page by the girl 0n fire.

----------->

<html>

<head>

<title>fire is catching</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<script src="https://kit.fontawesome.com/a076d05399.js"></script>

<link href="https://static.tumblr.com/ta26uqw/UcYnarnsw/simptip-small.css" rel="stylesheet" type="text/css">

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Vampiro+One&display=swap" rel="stylesheet">

<style type="text/css">

body {
    background: #fff;
    color: #888;
    overflow: hidden;
    word-wrap: break-word;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-family: 'Roboto Mono', monospace;
}

#s-m-t-tooltip{
    max-width: 250px;
    margin: 12px;
    padding: 13px 16px 13px 16px;
    z-index: 9999999999999999999999999999999999999999999999;
    text-align: center;
    background: #f12333;
    color: #fff;
    border: 10px solid #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease    -in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease    -in-out; transition: all .2s ease-in-out;
}


#all {
    position: absolute;
    top:0px;
    width: 900px;
    height: 100%!important;
    left: calc(50% - 435px);
}

.container {
    position: absolute;
    top: calc(50% - 120px);
    margin: 0px;
    width: 870px;
    height: 240px;
    padding: 0px;
    border-top: 1px solid #ddd;
}

.contdotleft {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.contdotright {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.side {
    position: absolute;
    width: 300px;
    height: 240px;
    border-right: 1px solid #ddd;
}

.main {
    width: 100px;
    height: 150px;
    left: 236px;
    top: 30px;
    position: absolute;
}

.main a {
    width: 100px;
    display: inline-block;
    height: 30px;
    margin: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    text-transform:uppercase;
    line-height: 30px;
    border: 10px solid #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.main a:hover {
    transform: scale(1.1);
}

    /* 🔥 The following three items are the background colors for
    the navigation (Index is .one, Archive is .two, and Theme is .three).
    Change the code if you want a different color on your links */
.one a {
    background: #F12333;
}

.two a {
    background: #AD0005;
}

.three a {
    background: #6D0000;
}

.maindot {
    position: absolute;
    bottom: -2px;
    right: -3px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pichold {
    width: 170px;
    height: 170px;
    padding: 10px;
    margin: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pic {
    width: 170px;
    height: 170px;

    /* 🔥 Delete the following URL, and paste the URL of your
    wished sidebar image */
    background-image: url('https://static.tumblr.com/cwl660j/Bg0qncb67/dise__o_sin_t__tulo.png');

    background-size:cover;
    background-position: center;
}

.picline {
    width: 10px;
    height: 20px;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0px;
    left: 105px;
}

.askbox {
    position: absolute;
    top: 20px;
    left: 390px;
    width: 460px;
    height: 190px;
}

.askline {
    width: 10px;
    height: 20px;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0px;
    left: 605px;
}

.iframe-controls--desktop {
    display: none;
}

.controlline {
    width: 10px;
    height: 40px;
    border-right: 1px solid #ddd;
    position: absolute;
    top: -40px;
    left: 105px;
}

.controllines {
    width: 120px;
    height: 20px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: absolute;
    top: -40px;
    left: 55px;
}

.controls {
    width: 230px;
    height: 20px;
    position: absolute;
    top: -84px;
    left: 40px;
}

.controls a {
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin-right: 27px;
    display: inline-block;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.controls i {
    line-height: 30px;
    color: #aaa;
}

.controldot1 {
    position: absolute;
    top: -2px;
    left: -3px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.controldot2 {
    position: absolute;
    top: -2px;
    left: 57px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.controldot3 {
    position: absolute;
    top: -2px;
    right: -3px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rules {
    position: absolute;
    top: -80px;
    right: 20px;
    width: 300px;
    height:40px;
    padding: 10px;
    overflow:auto;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ruleline {
    width: 10px;
    height: 18px;
    border-right: 1px solid #ddd;
    position: absolute;
    top: -18px;
    right: 175px;
}

a { color: #f12333; text-decoration: none;
    -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease    -in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease    -in-out; transition: all .4s ease-in-out; } /*link color*/

b, strong { color: #AD0005; font-weight: bold; } /*bold text color*/

i, em { color: #AD0005; font-style: italic; } /*italic text color*/


::-webkit-scrollbar-thumb:vertical {
    background: #6D0000; /*scrollbar thumb color*/
    height: auto;}

::-webkit-scrollbar-thumb:horizontal {
    background: #6D0000; /*scrollbar thumb color*/
    height: auto;}

::-webkit-scrollbar {
    height: 2px;
    width: 2px;
    background: #fff;
}

.rulestitle {
    position: absolute;
    top: -62px;
    right: 347px;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;

    /* 🔥 Here is where you change the background and text color of the "Rules" title */
    background: #f12333;
    color: #fff;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transform:rotate(-90deg);
    letter-spacing: 2px;
}

.rulestitleline {
    width: 10px;
    height: 18px;
    border-top: 1px solid #ddd;
    position: absolute;
    top: -48px;
    right: 342px;
}

.title {
    position: absolute;
    top: -70px;
    left: 240px;
    width: 200px;
    height: 40px;
    line-height: 20px;
    padding-bottom: 11px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    font-family: 'Vampiro One', cursive;

    /* 🔥 Here is where you change the text color of the main title */
    color: #444;
}

.titleline {
    width: 10px;
    height: 18px;
    border-right: 1px solid #ddd;
    position: absolute;
    top: -18px;
    left: 325px;
}

.titledot1 {
    position: absolute;
    bottom: -3px;
    left: -3px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.titledot2 {
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 5px;
    height: 5px;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

</style>

<script src="https://static.tumblr.com/ta26uqw/yqQn9iy9c/jquery-1.7.1.min.js"></script>

<!-- Style my tooltips -->
<script src="https://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:0,
tip_fade_speed:0,
attribute:"title"
});
});
})(jQuery);
</script>


</head>

<body>

<div id="all">

    <div class="container">
            <div class="contdotleft"></div>
            <div class="contdotright"></div>

        <div class="side">
            <div class="main">
                <div class="one"><a href="/">Index</a></div>
                <div class="two"><a href="/archive">Archive</a></div>
                <div class="three"><a href="https://girl0nfire.tumblr.com">Theme</a></div>
            </div><!-- /div main -->
            <div class="maindot"></div>
            <div class="pichold">
                <div class="picline"></div>
                <div class="pic"></div>
            </div><!-- /div pichold -->
        </div><!-- /div side -->

                <div class="askline"></div>

        <div class="askbox">
            <iframe frameborder="0" height="250" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe>
        </div>

        <div class="controlline"></div>
        <div class="controllines">
            <div class="controldot1"></div>
            <div class="controldot2"></div>
            <div class="controldot3"></div>
        </div>
        <div class="controls">
            <a href="https://tumblr.com/dashboard" title="dashboard">
                <i class="fab fa-tumblr"></i>
            </a>
            <a href="https://www.tumblr.com/message/{name}" title="message">
                <i class="fas fa-envelope-open-text"></i>
            </a>
            <a href="https://tumblr.com/follow/{name}" title="follow {name}">
                <i class="fas fa-plus"></i>
            </a>
        </div>

        <div class="title">

        <!-- 🔥 Delete the following text and type in your
        wished Page title -->
            Fire is catching... and if we burn, you burn with us.


        <div class="titledot1"></div>
        <div class="titledot2"></div>
        </div>
        <div class="titleline"></div>

        <div class="rules">

            <b>1.</b>
            <!-- 🔥 Delete the following text and type in your
        first rule -->
        Hate comments won't get an answer.


            <br><b>2.</b>
            <!-- 🔥 Delete the following text and type in your
        second rule -->
        No <i>personal or intimate</i> questions allowed.


            <br><b>3.</b>
            <!-- 🔥 Delete the following text and type in your
        third rule -->
        Check out my <a href="/">Help</a> page before sending a message.


            <!-- 🔥 Delete the following text and type in your
        fourth rule -->
            <br><b>4.</b> Replies may take up to 24 hours.


        </div>
        <div class="ruleline"></div>
        <div class="rulestitle">Rules</div>
        <div class="rulestitleline"></div>

    </div><!-- /div container -->

</div>

<div style="position: fixed; bottom: 8px; right: 8px;">coded by the <a href="https://girl0nfire.tumblr.com">girl 0n fire</a></div>

</body>

</html>