cool

<!DOCTYPE html>
<html>

    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">


            <meta name="color:Background" content="#ffffff"/>
            <meta name="color:Link" content="#a7a4a4"/>
            <meta name="color:shadow" content="#7e7b7b"/>
            <meta name="color:Description" content="#a5a5a3"/>
            <meta name="color:Title" content="#a5a5a3"/>
             <meta name="color:border" content="#d85bf6"/>





            <meta name="image:Background" content=""/>
            <meta name="image:sidebar" content=""/>

            <meta name="text:Link 1 URL" content="">
             <meta name="text:Link 1" content="Link 1">
             <meta name="text:Link 2 URL" content="">
             <meta name="text:Link 2" content="Link 2">
             <meta name="text:Link 3 URL" content="">
             <meta name="text:Link 3" content="Link 3">
             <meta name="text:Link 4 URL" content="http://niallsdicks.tumblr.com">
             <meta name="text:Link 4" content="theme">
        <style>

        body {
            margin: 0;
            padding: 0;
            background-image: url('{image:Background}');
            background-attachment: fixed;
            background-color: {color:Background};
            color: {color:Text};
            }



       #content {
             position: relative;
             left: 55%;
             border-radius:10px;
             margin-left: -200px;
             width: 650px;
             {block:PermalinkPage}
             width: 510px;
             left: 50%;
             margin-left: -200px;
             position: relative;
             {/block:PermalinkPage}
            }





       .item iframe, img, embed, object, video {
           max-width: 100%;
       }


     a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;}

a:hover {
    color:{color:hover};
    text-decoration:underline;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;}

      .sidebar {
          border:2px solid {color:border};
          background-color:#fff;
          border-radius:10px;
         width: 180px;
         height:auto;
         position: fixed;
         margin-left: 230px;
         top: 172px;
        box-shadow: 5px 5px {color:shadow};
       }

      .sidebar #sidebarimage{
         width: 95%;
         padding: 5px 5px 5px 5px;
         text-align: center;

       }




       .sidebar #description {
            font-size: 12px;
            width: 90%;

            text-align: center;
            padding-top: 5px;
            top: -20px;
            position: relative;
           left:10px;
            font-family:'calibri';
            color: {color:Description};

        }

      .sidebar #links {
           text-decoration:underline;
          margin-left:100px;
        display:block;
     text-align:center;
    margin-top:20px;}
        }



     .stuff {
        width: 480px;
        padding: 10px;
        margin-top: 12px;
        background-color: #FFF;
        font-family: {font:Text};
        color: {color:Text} !important;
        overflow: hidden;
       }

      blockquote {
           display: block;
           -webkit-margin-before: 5px !important;
           -webkit-margin-after: 5px !important;
           -webkit-margin-start: 8px !important;
           -webkit-margin-end: 8px !important;
           border-left: 3px solid rgb(230, 230, 230);
           padding-left: 2px;
          }



       {block:IndexPage}
      .stuff {
          -moz-box-shadow: 5px 5px {color:shadow};
-webkit-box-shadow: 5px 5px {color:shadow};
box-shadow: 5px 5px {color:shadow};
          border:2px solid {color:border};
          border-radius:10px;
        width: 500px;
        padding: 10px;
        margin-top: 10px;
        margin-left: 0.4%;
        margin-right: 0.4%;
        text-align: justify;
        background-color: #FFF;
        word-wrap: break-word;
        font-family: {font:Text};
        min-width: 1px;

       }

        {/block:IndexPage}


        {block:IndexPage}
        {block:ifThreeRows}

        .stuff {
        width: 31%;
        padding: 0.5%;
        margin-top: 10px;
        margin-left: 0.4%;
        margin-right: 0.4%;
        text-align: justify;
        background-color: #FFF;
        word-wrap: break-word;
        font-family: {font:Text};
        min-width: 1px;

       }

       {/block:ifThreeRows}
       {/block:IndexPage}


       .PremlinkPageContainer {
          width: 480px;
          padding: 10px;
          margin-top: 15px;
          float: left;
          font-weight: 100;
          font-size: 11px;
          background-color: #FFF;
          position: relative;
          color: #000 !important;
          font-family: {font:Text};
          color: {color:Text} !important;
       }

       .PremlinkPageContainer a{
          color: {color:Text} !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
          text-decoration: none !important;
       }

       .PremlinkPageContainer #date {
          width: 480px;
          color: {color:Text} !important;
          text-align: center;
          font-size: 14px;
       }

       .PremlinkPageContainer #line {
          height: 1px;
          background-color: {color:Text} !important;
          border: none;
       }

        .PremlinkPageContainer ol {
          margin-bottom: 80px;
       }

       .PremlinkPageContainer li {
          margin-top: 8px;
          margin-left: -20px;
          list-style-type: none;
       }

       .PremlinkPageContainer li a{
          color: {color:Text} !important;
       }


.info {
    border: 1px dashed {color:border};
     font-family:consolas;
    width:97%;
    margin-top:-5px;
    padding:5px;
    font-size:10px;
    color:{color:link};
    text-transform:uppercase;
    text-align:left;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

.info a {
      color:{color:link};
    text-align:center;
    letter-spacing:1px;}

.info a:hover {
  color:{color:hover};
    }

  .source {
    width:480px;
    padding:1px;
    font-size:8px;
    margin-top:-10px;
    color:#fff;
    text-transform:uppercase;
    font-style:normal;
    letter-spacing:1px;
    text-align:right;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    .source a {

    color:{color:link};
    letter-spacing:2px;
    padding:4px;
      -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    -o-transition-duration:0.4s;
    }

    .source a:hover {
    color:{color:hover};
    -moz-transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
    -o-transition-duration:0.4s;}




.tags a {
    display:inline-block;
    margin-right:5px; }

       /* Text */

      .text {
          font-size: 12px;
          text-align: left;
          padding-left: 5px;
        }

      .text #head{
          font-size: 20px;
          text-align: center;
          font-weight: 100 !important;
          color: {color:Text} !important;
        }

       .text #date{
          font-size: 10px;
          text-align: center;
          font-weight: 100;
          margin-top: -16px;
          margin-bottom: 20px;
        }

       .text #line{
          height: 1px;
          width: 80%;
          background-color: rgba(30, 30, 30, 0.3);
          border: none;
        }

       /* Photo */

       .photo {
          font-size: 10px;
          text-align: left;
          padding-bottom: 0%;


        }



        .single {
          width: 480px;
          margin-top: 12px;
          background-color: #FFF;
          padding: 10px 10px 10px 10px;
          position: relative;
        }



        .quote {
          font-size: 10px;
          text-align: left;
          padding-top: 3px;
          color:{color:Text};
          padding-bottom: 20px;

        }

        .quote #quote{
          font-size: 24px;
        }

        .quote #source {
          font-size: 11px;
          position: relative;
          text-align: right;
          margin-top: 10px;
          width: 95%;
          margin-bottom: 10px;
        }

        .quote #description {
          font-size: 11px;
          position: absolute;
          right: 10px;
          bottom: 10px;
          text-align: left !important;
        }

        .photosettheme {
          width: 100%;
          position: relative;
          padding-top: 30px;
          padding-bottom: 30px;
          border: 1px solid rgba(100, 100, 100, 0.1);
          background-color: rgba(180, 180, 180, 0.2);
        }

        .photosettheme .photoset{
          margin: 0 auto;
        }

        .photosettheme #reblog{
          color: rgb(150, 150, 150);
          text-decoration: none;
          text-align: center;
          position: relative;
          top: 20px;
        }



       .link {
          font-size: 10px;
          text-align: left;
          padding-top: 3px;

        }

      .link #link{
          font-size: 24px;
          text-align: center;
          color: {color:Text} !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }


        .chat {
          font-size: 13px;
          text-align: left;
          padding-top: 0px;
          line-height: 24px;
        }

        .chat #head{
          font-size: 20px;
          text-align: center;
          font-weight: 100;
          margin-top: -0px;
        }

        .chat li{
          font-size: 15px;
          margin-left: -14px;
        }

       .chat #line{
          height: 1px;
          width: 80%;
          margin-top: -10px;
          background-color: rgba(30, 30, 30, 0.3);
          border: none;
        }


       #infscr-loading {
          display: none;
          font-size: 0px;
          position: absolute;
          top: -300px;
        }
        {block:IndexPage}
      .item a, a:link, a:hover, a:active, a:visited{
         color: {color:Link} !important;
         text-decoration: none;
       }
      {/block:IndexPage}

     </style>

    </head>

    <body>


       <div class="sidebar">
    <div id="sidebarimage">
        <img src="{image:sidebar}"/></div><br>
        <div id="description">
        {Description}<br><br>
<select onChange="location=this.options[this.selectedIndex].value;" style="  font-family:'calibri';   font-size: 13px; color:{color:Text}; border: 1px solid {color:MenuBorder}; background-color: {color:background}; margin-bottom:2px; -webkit-appearance: none;text-align:center;margin-top:1px; border: 1px solid {color:border}; border-raius:8px; ">


<option value="">navigation</option> {/block:iflink1}
{block:iflink1}<option value="{text:link 1 URL}">{text:link 1}</option>{/block:iflink1}
{block:iflink2}<option value="{text:link 2 URL}">{text:link 2}</option>{/block:iflink2}
{block:iflink3}<option value="{text:link 3 URL}">{text:link 3}</option>{/block:iflink3}
{block:iflink4}<option value="http://niallsdicks.tumblr.com">theme</option>{/block:iflink4}  </select></form>

</div></div><div id="content">
    {block:Posts}
    {block:Text}
    <article class="stuff">
    <div class="text">{block:Title}
    <a href="{Permalink}" id="head"><h3>{Title}</h3></a>
    {block:IndexPage}  <div id="date">  </div >  {/block:IndexPage}
    <hr id="line">
    {/block:Title}
    {Body}{block:IndexPage}
    <div id="controls">
     <a href="{Permalink}" title="Permalink Page">
    <div id="link"></div></a>
    <a target="_blank" href="{ReblogURL}" title="Reblog">
    <div id="reblog"></div></a></div>{/block:IndexPage}   </div></article>
    {/block:Text}

    {block:Photo}{block:IndexPage}<article class="stuff">{/block:IndexPage}
     <div class="photo">{block:IndexPage} <a id="index" href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:IndexPage}{block:PermalinkPage} <img class="single" src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:PermalinkPage}
      <br><br>
<div class="info">
{block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month}  &nbsp;{DayOfMonth}</a>
{/block:Date}
<font color=#f371b1>♥</font> {NoteCountWithLabel}</a>

{block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
{/block:HasTags}
     </div></div> </article>



     {/block:Photo}


{block:Photoset}<article class="stuff"> <center>{block:IndexPage}  {Photoset-500} {/block:IndexPage}  {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} </center>{block:IndexPage}{/block:IndexPage}<div class="info">
{block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month}  &nbsp;{DayOfMonth}</a>
{/block:Date}
<font color=#f371b1>♥</font> {NoteCountWithLabel}</a>

{block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
{/block:HasTags}  </article>  {/block:Photoset}


 {block:Answer}<article class="stuff"> <center>
  <div class="question"><img src="{AskerPortraitURL-30}"/> {Asker} whispered: {Question}</div>
 <div class="text">{Answer}</div> </article>
{/block:Answer}

{block:Quote}<article class="stuff"><div class="quote"><a href="{Permalink}" style="color: {color:Text} !important;" id="quote">"{Quote}"</a> <br /> {block:Source}<br /> <div id="source">{Source}</div> {/block:Source}{block:IndexPage}{/block:IndexPage}<div class="info">
{block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month}  &nbsp;{DayOfMonth}</a>
{/block:Date}
<font color=#f371b1>♥</font> {NoteCountWithLabel}</a>

{block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
{/block:HasTags} </article>{/block:Quote}

{block:Link}<article class="stuff"><div class="link"> <a href="{URL}" id="link" {Target}>{Name}</a>{block:Description}<div id="description">{Description}</div>{/block:Description}{block:IndexPage} {/block:IndexPage} <div class="info">
{block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month}  &nbsp;{DayOfMonth}</a>
{/block:Date}
<font color=#f371b1>♥</font> {NoteCountWithLabel}</a>

{block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
{/block:HasTags} </article> {/block:Link}

{block:Chat}<article class="stuff"><div class="chat">{block:Title}<h3 id="head"><a href="{Permalink}">{Title}</a></h3><hr id="line">{/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>{block:IndexPage}{/block:IndexPage}<div class="info">
{block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month}  &nbsp;{DayOfMonth}</a>
{/block:Date}
<font color=#f371b1>♥</font> {NoteCountWithLabel}</a>

{block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
{/block:HasTags} </article class="item"> {/block:Chat}

{block:Video}<article class="stuff"><center>{block:IndexPage}{Video-250} {/block:IndexPage}{block:PermalinkPage}{Video-500} {/block:PermalinkPage}</center>  {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:IndexPage}<div id="controls"><a href="{Permalink}" title="Permalink Page" ><div id="link"></div></a> <a target="_blank" href="{ReblogURL}" title="Reblog this"><div id="reblog"></div> </a></div>{/block:IndexPage} </article>{/block:Video}

{block:Audio}<article class="stuff"><center>{AudioPlayerBlack} </center>{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}{block:IndexPage}{/block:IndexPage}<div class="info">
{block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month}  &nbsp;{DayOfMonth}</a>
{/block:Date}
<font color=#f371b1>♥</font> {NoteCountWithLabel}</a>

{block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
{/block:HasTags}  </article> {/block:Audio}

{block:PermalinkPage}<div class="PremlinkPageContainer"> <div id="date">{DayOfWeek}, {DayOfMonth} - {MonthNumberWithZero} -  {Year}</div><hr id="line"/><hr id="line"/><center>{block:NoteCount}{notecountwithlabel}{/block:NoteCount}</center>{block:Posts}{PostNotes}{/block:Posts} </div>{/block:PermalinkPage} {/block:Posts}
 </div>


     <div id="hide"><div id="hide"><nav class="pagination">


            {block:NextPage}
              <next><a class="nextSelector" href="{NextPage}">Next »</a></next>
            {/block:NextPage}
        </nav>



        <script>

(function () {
    var $tumblelog = $('#content');
    $tumblelog.infinitescroll({
        navSelector: ".pagination",
        nextSelector: ".pagination a:last-child",
        itemSelector: "article",
    },

    function (newElements) {
        var $newElems = $(newElements).css({
            opacity: 0
        });
        $newElems.imagesLoaded(function () {
            $newElems.animate({
                opacity: 1
            });
            $tumblelog.masonry('appended', $newElems);
        });
    });
    $tumblelog.imagesLoaded(function () {
        $tumblelog.masonry({
            columnWidth: function (containerWidth) {
                return containerWidth / 100;
            }
        });
    });
})();
(function () {var $tumblelog = $('#content');
})();
var $tumblelog = $('#content');
$tumblelog.infinitescroll({
    navSelector: ".pagination",
    nextSelector: ".pagination a:last-child",
    itemSelector: "article",
},function (newElements) {
    var $newElems = $(newElements).css({
        opacity: 0
    });
    $newElems.imagesLoaded(function () {
        $newElems.animate({
            opacity: 1
        });
        $tumblelog.masonry('appended', $newElems);
    });
});
$tumblelog.imagesLoaded(function () {
    $tumblelog.masonry({
        columnWidth: function (containerWidth) {
            return containerWidth / 100;
        }
    });
});


</script>

        </div>

    </body>


</html>