dashboard theme

<!--dont delete the credit bitch!-->
<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}


 <meta name="image:icon" content=""/>
        <meta name="image:blog rec 1" content=""/>
        <meta name="image:blog rec 2" content=""/>
        <meta name="image:blog rec 3" content=""/>
        <meta name="image:blog rec 4" content=""/>
        <meta name="image:blog rec 5" content=""/>

        <meta name="text:blog rec 1 title" content=""/>
        <meta name="text:blog rec 2 title" content=""/>
        <meta name="text:blog rec 3 title" content=""/>
        <meta name="text:blog rec 4 title" content=""/>
        <meta name="text:blog rec 5 title" content=""/>

        <meta name="text:title" content=""/>
        <meta name="text:custom desc" content=""/>
        <meta name="text:link 1" content=""/>
        <meta name="text:link 2" content=""/>
        <meta name="text:link 1 url" content=""/>
        <meta name="text:link 2 url" content=""/>


         <style>

            body{
                font-family:arial;
                font-size:16px;
                background-color:#36465D;
                color:#A5ABB4;
                padding:0px;
            }

            a{
                color:black;
                text-decoration:none;
            }

            #topbar{
                min-width:100%;
                height:67px;
                float:left;
            }

            #topbar img1{
                height:48px;
                float:left;
            }

            #topbar img{
                height:40px;

                float:left;
            }

            #fakiesearch{
                width:436px;
                height:18px;
                background-color:#2F3D51;
                margin-top:8px;
                border-radius:10px;
                float:left;
                text-align:left;
                padding:7px;
                color:#9FA5AE;
                margin-left:10px;
            }

            #fakiesearch img{
                height:20px;
                float:left;
                }

            #buttons{

                float:left;
            }
          #buttons img{
                height:45px;
            }

            #buttonhell{
                overflow:hidden;
            }

            #div1 {
                margin-top:20px;
                display: inline-block;
                width:64px;
                height:64px;
                margin-left:187px;
                border-radius:5px;


            }

            #div1 img {
                display: inline-block;
                width:64px;
                height:64px;
                border-radius:5px;


            }

            #div2 {
                padding:5px;
                margin-top:20px;
                vertical-align:top;
                display: inline-block;
                width:420px;
                height:160px;
                margin-left:22px;
                background-color:white;
                border-radius:5px;
                color:gray;
            }

            .post {

             background:white;
             padding:10px;
            margin:0px 0px 20px 0px;
            width:400px;
            margin-left:277px;
            margin-top:22px;
            border-radius:5px;
            float:left;
            }

            .post photo{
                width:200px;
            }

             #rec{
                 color:#687485;
                 width:250px;
                 height:220px;
                 margin-left:720px;
                 margin-top:40px;
                 float:left;
                 display: inline-block;
                 vertical-align:top;
                 text-align:left;
             }

             #rec img{
                 width:52px;
                 height:52px;
                 border-radius:10px;
             }

             #rec text{
                 color:white;
             }



            </style>
            <script src="http://static.tumblr.com/c7cvhvu/mCZmb3z94/is.js"></script>
    </head>
    <body>

    <div id="topbar">
    <div id="topbar img">
        <img src="https://cdn.discordapp.com/attachments/385634165405515777/420082233920061440/Screenshot_3.png">
    </div>
    <div id="fakiesearch">
    <div id="fakiesearch img">
        <img src="https://cdn.discordapp.com/attachments/385634165405515777/420091144337096705/Screenshot_5.png">
        </div>
        Search Tumblr
        </div>
        <div id="buttonhell">
       <div id="buttons">
       <div id="space"></div>
        <div id="buttons img">
            <img src="https://cdn.discordapp.com/attachments/420720535572447232/420756710399934486/Screenshot_26.png">
            </div>
</div>
       </div>
       <div id="rec">
           RECCOMENDED BLOGS<hr>
           <div id="rec img">
           <img src="{image:blog rec 1}"><b>{text:blog rec 1 title}</b><br><br><br><hr>
           <img src="{image:blog rec 2}"><b>{text:blog rec 2 title}</b><br><br><br><hr>
           <img src="{image:blog rec 3}"><b>{text:blog rec 3 title}</b><br><br><br><hr>
           <img src="{image:blog rec 4}"><b>{text:blog rec 4 title}</b><br><br><br><hr>
           <img src="{image:blog rec 5}"><b>{text:blog rec 5 title}</b><br><br><br><hr>
           </div>
       </div>
        </div>
            <div id="div1">
            <img src="{image:icon}">
            </div>
            <div id="div2">
                <h1>{text:title}</h1>
                {text:custom desc}<br><br><br>
                <a href="{text:link 1 url}">#{text:link 1}</a>
                <a href="{text:link 2 url}">#{text:link 2}</a>
                <a href="http://sun.3beaches.co.za">#theme</a>
            </div>

         <div id="post">
            {block:Posts}{block:Text}
                    <div class="post text">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}{Body}
                    </div>
                {/block:Text}{block:Photo}
                    <div class="post photo">
                        <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Photo}{block:Panorama}
                    <div class="post panorama">
                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Panorama}{block:Photoset}
                    <div class="post photoset">
                        {Photoset-500}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Photoset}{block:Quote}
                    <div class="post quote">
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </div>
                {/block:Quote}{block:Link}
                    <div class="post link">
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </div>
                {/block:Link}{block:Chat}
                    <div class="post chat">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}{Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </div>
                {/block:Chat}{block:Video}
                    <div class="post video">
                        {Video-500}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Video}{block:Audio}
                    <div class="post audio">
                        {AudioEmbed}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </div>
                {/block:Audio}

                {block:PermalinkPage}
                {block:PostNotes}
                <div id="postnotes">
                {PostNotes}
                </div>
                {/block:PostNotes}
                {/block:PermalinkPage}
                </div>
                {/block:Posts}

        </p>
       </div>
    </body>
</html>