Page 01

<!---
BY SIMPLETHEMES.TUMBLR.COM
EDIT BUT DO NOT REMOVE CREDIT
--->

<html>
    <head>

        <title>{title}</title>
        <link rel="shortcut icon" href="https://i11.photobucket.com/albums/a168/evelynregly/minigifs/minichuva.gif">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

        <link href="https://fonts.googleapis.com/css?family=Lato|Lora|Open+Sans|Raleway|Roboto" rel="stylesheet">

        <style type="text/css">

            ::-webkit-scrollbar {
                width:17px;
                height:17px;
            }
            ::-webkit-scrollbar {
                background-color:rgb(255,255,255); /* background color */
            }
            ::-webkit-scrollbar-track {
               border:8px solid rgb(255,255,255); /* background color */
               background-color:rgb(230,230,230); /* light border color */
            }
            ::-webkit-scrollbar-thumb {
               border:8px solid rgb(255,255,255); /* background color */
               background-color:rgb(144,144,144); /* dark border color */
               min-height:24px;
               min-width:24px;
            }

            body{
                background:#fff;/*BACKGROUND COLOR*/
                /*SELECT YOUR FONT HERE
                font-family: 'Roboto', sans-serif;
                font-family: 'Open Sans', sans-serif;
                font-family: 'Lato', sans-serif;
                font-family: 'Raleway', sans-serif;
                font-family: 'Lora', serif;*/
                font-family:'Open Sans', sans-serif;
                color:#a4a4a4;/*TEXT COLOR*/
                font-size:11px;/*FONT SIZE*/
            }

            a{
                text-decoration:none;
                color:#666;/*LINKS COLOR*/
                border-bottom:1px solid #ebebeb;/*LINK BORDERS*/
            }

            a:hover{
                text-decoration:none;
                color:#a4a4a4;/*LINK HOVER*/
                border-bottom:1px solid #ebebeb;/*LINK BORDERS*/
                cursor:help;
            }

            .container{
                margin-left:250px;
                width:700px;
            }

            .sidebar{
                background:#fff;/*SIDEBAR BACKGROUND*/
                width:190px;
                position:fixed;
                top:0;
                left:0;
                font-size:12px;
                height:100%;
                padding:20px;
                border-right:1px solid #ebebeb;/*BORDER COLOR*/
            }

            .sidebar img{
                padding-bottom:20px;
                /*HERE YOU CAN CHANGE THE SIZE OF YOUR SIDEBAR PICTURE MAKE SURE YOU CHANGE BOTH WIDTH AND HEIGHT IF YOU WANT IT TO BE SQUARE*/
                width:70px;
                height:70px;
            }

            .ttl{
                color:#a4a4a4;
                font-size:15px;
                margin-top:15px;
            }

            .box{
                background:#fff;
                float:left;
                border:1px solid #ebebeb;
                margin:20px;
                padding:10px;
                width:150px;}
            .box img{
                max-width:150px;}
            .ttldata{
                color:#a4a4a4;
                font-size:20px;}
            .price{
                font-size:25px;
                margin-top:15px;
                float:right;}

            h2{
                font-size:15px;
                font-weight:100;
                text-align:center;
            }

            h2 a:hover{
                font-size:19px;
                text-decoration:none;
            }

            li{
                list-style:none;
                padding:0;
                margin:0;
            }

            li:before{
                content:">";
                padding-right:5px;
            }

            blockquote{
                margin-top:10px;
                margin-left:0px;
                max-width:100%;
                border-left:1px solid #ebebeb;
                padding-left:15px;
                padding-top:2px;
            }

            .posts img {
                max-width:100%;
            }

            pre{
                white-space:pre-wrap;
                white-space:-moz-pre-wrap;
                white-space:-pre-wrap;
                white-space:-o-pre-wrap;
                word-wrap:break-word;
            }

            .cred{
                position:fixed;
                right:15px;
                font-size:.9em;
                bottom:10px;
            }

            .cred a{
                color:{color:text};
            }

            .pagination {
                display: none;
            }

        </style>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('.container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.box',
});
});
$container.infinitescroll({
itemSelector : ".box",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>

    </head>

    <body>

        <div class="cont">
            <div class="sidebar">
                <!--SIDEBAR IMAGE HERE-->
                <img src="https://static.tumblr.com/szhljla/wtOosfx8y/3ba97d2aee39cfe531080895cc1f3316.jpg"/>
                <!--DESCRIPTION HERE-->
                <div class="desc">This is a description</div>
                <div class="links">
                    <div class="ttl">⋯ Links</div>
                     <!--SOME LINKS GO HERE-->
                    <a href="/">index</a><br>
                    <a href="/ask">inbox</a><br>
                    <a href="/about">about the artist</a><br>
                    <a href="https://tumblr.com/dashboard">dash</a>
                </div><!--links-->
                <div class="info">
                    <div class="ttl">⋯ Info</div>
                    <!--IMPORTANT ARTIST INFO THINGS-->
                    comissions: open/closed<br>
                    contact @ [email protected]<br>
                    I WILL NOT DRAW:<br>
                    example<br>
                    example<br>
                    <a href="/">redbubble shop</a><br>
                    <a href="/">tictail shop</a> [closed!]<br>
                    <a href="/">ko-fi</a><br>
                    <a href="/">instagram</a>
                </div>
                <div class="upd">
                    <div class="ttl">⋯ Updates</div>
                    <!--HERE IS A PLACE FOR UPDATES-->
                    Insert update here<br>
                    Another update
                </div>
            </div><!--sidebar-->

        </div><!--cont-->

        <a class="cred" href="https://simplethemes.tumblr.com" target="_blank">S</a>

        <div class="container">

<!--COPY PASTE THIS TO ADD A BOX

<div class="box">
<img src="YOUR IMAGE GOES HERE"/>
<div class="price">THIS IS THE PRICE</div>
<div class="data">
<div class="ttldata">TITLE FOR EXAMPLE DOODLE ICON ETC</div>
THIS IS THE DESCRIPTION OF THE TYPE OF COMISSION
</div>
</div><!--box-->

                <!--EXAMPLE BOX-->
                <div class="box">
                    <img src="https://static.tumblr.com/szhljla/RXZosftdz/a64aa739f9d4f981d919523364302ed0.jpg"/>
                    <div class="price">$5</div>
                    <div class="data">
                        <div class="ttldata">Doodle</div>
                        This is the description of the art there we go
                    </div>
                </div><!--box-->

                <div class="box">
                    <img src="https://static.tumblr.com/wgcmeok/Pawptw3gm/1h5pra6.png"/>
                    <div class="price">$3</div>
                    <div class="data">
                        <div class="ttldata">Icons</div>
                        Fully colored
                    </div>
                </div><!--box-->

                <div class="box">
                    <img src="https://static.tumblr.com/wgcmeok/D7Sptw3ol/meiying-ng-420410-unsplash.jpg"/>
                    <div class="price">$20</div>
                    <div class="data">
                        <div class="ttldata">Full image</div>
                        Image with a background fully colored
                    </div>
                </div><!--box-->

                <div class="box">
                    <img src="https://static.tumblr.com/wgcmeok/oYUptw3ty/icon__2_.jpg"/>
                    <div class="price">$10</div>
                    <div class="data">
                        <div class="ttldata">Character</div>
                        Each additional character is $5
                    </div>
                </div><!--box-->

                <div class="box">
                    <img src="https://static.tumblr.com/wgcmeok/T2mptw4oj/946c16c65f112ad2dc7d3ea12c58d045.jpg"/>
                    <div class="price">$10</div>
                    <div class="data">
                        <div class="ttldata">Picture</div>
                        Each additional character is $5
                    </div>
                </div><!--box-->

</div>

    </body>
</html>