Site



<!DOCTYPE html>

    <html><head>
    <link rel="icon" type="image/png" href="?"/>
        <title>suae quisque fortuna faber est.</title>
</head>

<!---------------------------------- script &+; ---------------------------------->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//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:25,
tip_fade_speed:120,
attribute:"title"
});
});
})(jQuery);
</script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
<!------------------------------------------------------------------------>

<style type="text/css">

/*---- Remoção do iFrame Tumblr ----*/
.tmblr-iframe {
    display: none;
}
.tmblr-iframe--desktop-loggedin-controls {
    display: none;
}

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

/*---- Tooltip (Customizável) ----*/
#s-m-t-tooltip {
    padding: 5px 9px;
    margin: 20px;
    background-color: #000; /* Fundo da Tooltip */
    border: 1px solid #1f1f1f; /* Borda da Tooltip */
    font-family: 'Crimson Text', serif;
    font-size: 8.5px; /* Tamanho da Fonte */
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff; /* Cor da Fonte */
    z-index: 9999 !important;
    max-width: 300px;
}

/*---- Seleção de Texto (Customizável) ----*/
::-moz-selection {
    color: #000; /* Cor da Fonte */
    background-color: #adff8a; /* Cor da Seleção */
}

    /* AVISO IMPORTANTE [!]: É necessário ter a mesma cor de fundo nos dois elementos, caso o contrário, não irá funcionar. */

::selection {
    color: #000; /* Cor da Fonte */
    background-color: #adff8a; /* Cor da Seleção */
}

/*---- Barra de Rolamento (Scrollbar, Customizável) ----*/
::-webkit-scrollbar-thumb {
    width: 0px; /* Largura da Barrinha */
    height: 0px; /* Altura da Barrinha */
    background-color: #fff; /* Cor do Fundo */
}

    /* AVISO IMPORTANTE [!]: É necessário trocar a cor do fundo nos dois elementos, caso o contrário, não irá funcionar. */

::-webkit-scrollbar {
    width: 0px; /* Largura da Barrinha */
    height: 0px; /* Altura da Barrinha */
    background-color: #fff; /* Cor do Fundo */
}

/*---- Título & Principais Estilos ----*/
body {
    background-color: #fff;
    background-image: url("https://i.imgur.com/GP1ryzi.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -250px;
    margin: 0px;
    color: #ddd;
}

b, strong {
    color: #e2c183;
    font-weight: 1000;
}

#titulo {
    color: #fff;
    font-family: "Cardo", serif;
    font-size: 40px;
    font-weight: none;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    position: relative;
}

/*---- Pré-Menu ----*/

a {
    color: #000; /* Cor da Fonte no Menu */
    text-decoration: none; /* Decoração de Texto do Menu */
    -webkit-transition: all 0.3s ease-in-out; /* Daqui para bixo: Transição de Menus (Tag "A") */
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover, a:active {
    color: #1f1f1f; /* Cor da Fonte */
    -webkit-transition: all 0.3s ease-in-out; /* Daqui para bixo: Transição de Menus (Tag "A") no Hover */
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

u {
    font-family: crimson text;
    font-size: 8px;
    text-transform: uppercase;
    color: #d9d9d9;
    text-decoration: none;
}

/*---- CSS ----*/

#menu {
    width: 150px;
    height: 100%;
    padding: 125px;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 73%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 73%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 73%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1);
    opacity: 0;
    transition: 0.5s;
    position: fixed;
}


#menu:hover {
    left: -0px;
    opacity: 1;
}

#botao {
    padding-top: 0px;
    font-family: crimson text;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    left: -30px;
    top: -15px;
    padding: 7px;
    line-height: 14px;
    margin-bottom: 7.5px;
    width: 100px;
    text-align: center;
    border-radius: 4px;
    transition: 1s;
    background-image: url("https://i.imgur.com/QPQ9wIk.png");
    background-size: cover;
}

#botao:hover {
    left: -30px;
    top: -15px;
}

</style>

    <div id="menuzao"></div>
    <div id="menu">
        <center><img src="https://i.imgur.com/x76tL8r.png" style="height: 100px; width: 116px; position: relative; left: -47.5px; top: -20px; margin-bottom: 10px;"><br></center>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
        <div id="botao"><a href="/">teste</a></div>
    </div>
</html>