King's Landing Theme

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

    <html>
    <head>

    <!--
    KING'S LANDING THEME BY WESTERUS FOR DRACARYSTHEMES
    I don't recommend putting a sidebar image, first edit the text
    -->



    <meta name="color:Background" content="#cccccc" />
    <meta name="color:Primary Colour" content="#03999b" />
    <meta name="color:Secondary Colour" content="#4cc3c5" />
    <meta name="font:Body" content="Cambria" />
    <meta name="image:Left Background" content=""/>
    <meta name="image:Right Background" content="" />
    <meta name="image:Sidebar" content="" />
    <meta name="if:Sidebar Image" content="" />
    <meta name="if:Infinite Scroll" content="0">

    <meta name="text:Link1 Url" content="/" />
    <meta name="text:Link1 Title" content="Link 1" />
    <meta name="text:Link2 Url" content="/" />
    <meta name="text:Link2 Title" content="Link 2" />
    <meta name="text:Link3 Url" content="/" />
    <meta name="text:Link3 Title" content="Link 3" />
    <meta name="text:Link4 Url" content="/" />
    <meta name="text:Link4 Title" content="Link 4" />


    <meta name="color:updates title background" content="#b8b8b8"/>
<meta name="color:updates arrow background" content="#b8b8b8"/>
<meta name="color:updates text colour" content="#b8b8b8"/>
<meta name="color:updates arrow on hover" content="#b8b8b8"/>



    <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />

    <!--Custom font-->

    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>



    <style type="text/css">


    body {
            background-color: {color:Background};
            font-family: {font:Body};
            background-image: url({image:Left Background}), url({image:Right Background});
            background-attachment:fixed;
            background-repeat:no-repeat, no-repeat;
            background-position:bottom 0px left 0px, bottom -50px right -50px;
            margin: 0;
            word-wrap: break-word;
            font-size:12px;
    }



    #sidebar {
            background-color: white;
            width: 260px;
            position: fixed;
            top: 150px;
            left: 100px;
    }

    #links {width:262px;
          background-color:transparent;
          padding:5px;
          margin-bottom:-90px;
          text-decoration:none;
          float:left;
          border-left:2px #aaa solid;
          text-align:left;
          font-size:10px;
          font-family:cambria;}

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




    #sidebar .title {
            font-family: 'MedievalSharp', cursive;
            border-bottom:2px;
            font-size: 30px;
            margin-bottom:-250px;
            text-align: center;
            padding: 10px;
    }

    #sidebar .title a {
            color: {color:Primary Colour};
            text-decoration: none;
    }

    #sidebar .title a:hover {
            color: {color:Secondary Colour};
    }



    #sidebar .image {
            width: 260px;
            height: auto;
    }



    #sidebar .description {
            color: black;
            font-size: 11px;
            text-align: justify;
            padding:10px;
            border:1px dashed;
            margin-bottom:10px;
            line-height:100%;
    }

    #sidebar .description a {
            color: {color:Primary Colour};
            text-decoration: none;
    }

    #sidebar .description a:hover {
            color: {color:Secondary Colour};
    }






    #content {
        width:300px;
        background-color: rgba(255, 255, 255, 0.4);
        margin: 0px 0 0px 460px;
        padding: 20px 0;
        color: black;
    }



    #content a {
      color: {color:Primary Colour};
      text-decoration: none;
}

#content a:hover {
      color: {color:Secondary Colour};
}

#content blockquote {
      border-left: solid 2px black;
      margin: 0;
      padding-left: 10px;
}

{block:IfSidebarImage}
img {
      border-radius:10px;
      margin-bottom:-7px;
      max-width: 100%;
}
{/block:IfSidebarImage}

#content
#posts {
      background-color: white;
      width:300px;
      margin:0 auto 20px;
      margin-bottom:7px;
      margin-top:0px;
      padding:10px;
      border:1px #aaa dashed;
      border-radius:10px;
      padding:4px;
}

#content #posts .perma a{
color:;}

.permalink {
display: block;
border-top: 1px solid #ddd;
padding: 3px;
margin: 4px 8px 0px 8px;
font-family: cambria;
font-size: 8px;
color: #424242;
line-height: 18px;
text-align: center;
text-decoration: none;
-webkit-transition: color 0.9s ease-out;
-moz-transition: color 0.9s ease-out;
}

#content #posts .perma a{
color:;
-webkit-transition: color 0.9s ease-out;
-moz-transition: color 0.9s ease-out;
}


#content #posts .perma{
width:300px;
height: 15px;
font-family:cambria;
font-size: 10px;
text-transform:lowercase;
position: absolute;
line-height: 15px;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:#fff;
letter-spacing:0px;
margin-top:20px;
margin-left: 0px;
padding-bottom:1px;
padding:3px;padding:5px;
border-radius: 0px;
-webkit-transition: opacity 0.5s linear; opacity: 0.0;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#content #posts:hover .perma{
overflow:hidden;
margin-top:10px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-transition: all 0.5s linear; opacity: 1;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.permalinktext {
display: block;
padding: 1px;
margin: 0px 0px 0px 0px;
font-family: arial;
font-size: 10px;
color: #424242;
line-height: 10px;
text-align: right;
text-decoration: none;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;

}





#content #posts .title {
      font-size: 14px;
      font-family:cambria;
}

#content #posts .text {
      font-size:11px;
      font-family:cambria;
}

#content #posts #permalink {
      font-size:9px;
      margin-top:10px;


#content #posts #tags {
      font-size:9px;
}

#content #posts #tags .comma:last-child {
      display: none;
}



#content #notecontainer {
      margin: 20px auto;
      width: 500px;
      font-size: 11px;
}

#content #notecontainer ol.notes {
      list-style-type: none;
      margin: 0;
      padding: 0;
}

#content #notecontainer img.avatar {
      margin-right: 10px;
      width: 16px;
      height: 16px;
}

#sidebar .pagination {
      width: 260px;
      text-align: center;
      padding: 3px 0;
}

#sidebar .pagination a {
      color: {color:Primary Colour};
      text-decoration: none;
}

#sidebar .pagination a:hover {
      color: {color:Secondary Colour};
}





    </style>

    {block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}

    </head>
    <body>




    <div id="sidebar">
    <div class="title"><a href="/">{Title}</a></div>
    <img class="image" src="{image:Sidebar}" />
    <div class="description">{Description}</div>
  <div id="links"><a href="{text:Link1 Url}">i. {text:Link1 Title}</a> <br> <a href="{text:Link2 Url}">ii. {text:Link2 Title}</a> <br> <a href="{text:Link3 Url}">iii. {text:Link3 Title}</a> <br> <a href="">iv. {text:Link4 Title}</a> <br> </div>
</div>


</div>





    {block:IfNotInfiniteScroll}
<div class="pagination">
{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}
</div>
{/block:IfNotInfiniteScroll}



    </div> <!--sidebar-->

<div id="content">

<div class="autopagerize_page_element">





{block:Posts}



<div id="posts">





{block:Photo}{block:IndexPage}
<div class="perma">
<a href="{permalink}">{NoteCountWithLabel}</a>  / <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
{/block:IndexPage}
{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=300px/>{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}

{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Audio}
{AudioPlayer}
<br />{PlayCountWithLabel}
{block:Caption}<br />{Caption}{/block:Caption}
{/block:Audio}

{block:Quote}
<div class="title">“{Quote}”</div>
{block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
{/block:Quote}

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
<div class="permalinktext"> <a href="{permalink}">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}"></a> </div>
{/block:Text}

{block:Answer}
<div class="text">{Asker} asked: {Question}<br></div>
<div class="text">{Answer}</div>
{/block:Answer}

{block:Chat}
{block:Title}{Title}<br />{/block:Title}
{block:Lines}
{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br  />
{/block:Lines}
{/block:Chat}

{block:Link}
<a href="{URL}" >{Name}</a>
{block:Description}<br />{Description}{/block:Description}
{/block:Link}


<div id="permalink">
<a href="{Permalink}">


</a>
</div>

{block:HasTags}<div id="tags">
{block:Tags}

{/block:Tags}
</div>
{/block:HasTags}

</div>


{block:PostNotes}
{PostNotes}
{/block:PostNotes}





{/block:Posts}
     </div>

    </body>
<div style="position:fixed;bottom:10px;right:10px;">
<a href="http://westerus.tumblr.com/"><img src="http://www.cherylteachmusic.com/wp-content/uploads/2013/01/codasmall.gif" alt="Smiley face"> </a>
    </html>