base codes #1

<html>

<!----------------------------------------------------------------------

                    BASE CODE #01 /// BASE SINGLE COLUMN
                             by WOLFTHEMES

                     rules:
                        1. do not claim as your own
                        2. if you want to use any part
                        of the code in your own theme
                        please ask
                        3. don't remove the credit
                        4. enjoy :)


Credit:
Icons - linearicons
Dashboard Captions - neothm.com & magnusthemes.tumblr.com
resize - shythemes.tumblr.com


-----------------------------------------------------------------------

----------------------------------------------------------------------->

    <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=""/>


<link href="https://fonts.googleapis.com/css?family=Barlow|Crimson+Text|David+Libre|IM+Fell+English|Jaldi|Magra|Merriweather|Muli|Nunito|Open+Sans|Oswald|Playfair+Display|Poppins|Rasa|Roboto|Sarala" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$('a[title]').style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:700,
attribute:'title'
});
});
})(jQuery);
</script>

<script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
<script>
!function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".cap",wrapName:".rebloguser",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".avtar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),console.info(h),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);
$('#captions').unnest({
     yourCaption: ".cap", //your caption selector, the div wrapping
     wrapName: ".rebloguser", //the name of the captions’ new wrapper
     newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
     originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
     tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
     tumblrAvatarClass: ".avatr", //class of the avatar next to the username
     usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
});
$('#captions').unnest({
     newCaptionUsername: false,
     tumblrAvatars: false,
     usernameColon: true
});
</script>

<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script>
$(document).ready(function(){
   $('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '0px',
       borderRadius: '0px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   });
});
</script>



</head>

<style type="text/css">


/*-------------- SCROLLBAR ----------------*/

::-webkit-scrollbar {
   width:8px;
}
::-webkit-scrollbar {
background: #f2f2f2;
}
::-webkit-scrollbar-track {
   background: #f2f2f2;
}
::-webkit-scrollbar-thumb {
    background: #ff99cc  ;
}

/*-------------- TOOLTIP ----------------*/

#s-m-t-tooltip {
   max-width:300px;
   padding:3px 6px 3px 6px;
   margin:20px 20px 10px 6px;
   font-family: 'Sarala', sans-serif;
   font-size:9px;
   background: #f2f2f2;color:#888;
   text-transform: uppercase;
   z-index:9999999;}

::selection {
  background: #ff99cc; /* WebKit/Blink Browsers */
  color: #000;
}
::-moz-selection {
  background: #ff99cc; /* Gecko Browsers */
  color: #000;
}


/*-------------- BASIC HTML ----------------*/


html {
    overflow-x:hidden;
    background: #f2f2f2;
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;
}


a:hover, img:hover {
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;
}

body {
    font-size: 11px;
    color: #333;
    font-family:'Open Sans', sans-serif;
}

hr {
    border: none;
    height: 1px;
    background: #eee;
}

a {
    text-decoration: none;
    color: #333;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

a:hover, a:active {
    color:#ff99cc;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

b {
    color: #333;
    font-weight: 1500;
}

blockquote {
   border-left: 2px solid #ff99cc;
   padding: 0px 10px;
   margin: 0;
   background: #f9f9f9;
   margin-right: 10px;
}

/*------------------------------------------*/


/*------------------------------------------*/

iframe.tmblr-iframe {
    z-index:1!important;
    top:0!important;
    right:0!important;
    opacity:0.4;
    /* delete invert(1) from here */
        filter:invert(1) contrast(150%);
        -webkit-filter:invert(1) contrast(150%);
        -o-filter:invert(1) contrast(150%);
        -moz-filter:invert(1) contrast(150%);
        -ms-filter:invert(1) contrast(150%);
    /* to here if your blog has a dark background */
    transform:scale(0.65);
    transform-origin:100% 0;
    -webkit-transform:scale(0.65);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.65);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.65);
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.65);
    -ms-transform-origin:100% 0;}

iframe.tmblr-iframe:hover {
    opacity:0.6!important;}


/*------------------------------------------*/
.postcontainer {
    position: absolute;
    margin-top: 70px;
    {block:IndexPage}width: 350px; left: calc(50% - 350px/2);{/block:IndexPage}
    {block:PermalinkPage}width: 500px;left: calc(50% - 500px/2);{/block:PermalinkPage}
    height: auto;
    z-index: 1;
    margin-bottom: 80px;
}

.posts {
    margin-top: 50px;
    {block:IndexPage}width: 350px;{/block:IndexPage}
    {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
    background: #fff;
    color: #555;
}

ol{
    list-style-type: lower-roman;
    width: 75%;
}

ul {
    list-style-type: square;
    width: 75%;
}

#captions a {
    padding-left: 5px;
    padding-right: 5px;
    color: #333;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

#captions a:hover {
    color: #000;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

#captions {
    width: 100%;
    margin-top: 10px;
    background: #fff;
    color: #555;
    border: 1px solid #ddd;
}

#captionhome {
    margin-top: 10px;
    padding-left: 10px;
}

#spacetime {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

#tags {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #555;
    font-size: 10px;
}

#tags a {
    margin-right: 10px;
}

#tags .lnr {
    margin-right: 3px;
    font-weight:bold;
}

.notes {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #555;
}

.notes img {
    border-radius: 5px;
}

.marginoferror {
    margin: 5px;
}

a.via {
    margin-left: 10px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

a.src {
    margin-left: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

a.permas{
    font-weight: bold;
    position: absolute;
    right: 10px;
    margin-top: 3px;
}

a.permas .lnr, a.reblog .lnr {
    font-weight: bold;
}

a.reblog {
    font-weight: bold;
    position: absolute;
    margin-top: 3px;
    right: 30px;
}

.avatr{
    display: inline;
    margin-top: 30px;
    margin-right: 5px;
    font-weight: bold;
}

.avatr .lnr{
    font-weight: bold;
}

.cap {
    margin-left: 10px;
}

.rebloguser a {
    background: #f2f2f2;
    padding: 2px 5px;
}

.ask, .quest {
    display: inline;
    z-index: 99;
}

.quest {
    margin-left: 10px;z-index: 99;
}

.ask a {
    background: #f9f9f9;
    padding: 2px 15px;
}

.ask a:hover {
    color: #000;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

.question {
    border-radius: 10px;
    padding: 10px;
    width: 80%;
    margin: 10px;
}

.question img {
    position: absolute;
    left: 5px;
    margin-top: -10px;
    border-top: 5px solid #ddd;
    border-radius: 100%;
}

.posttitle {
    text-align: center;
    margin: 5px;
}

.quote {
    width: 50%;
    margin-left: 25%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sourceq {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 20px;
}

.sourceq a {
    background: #f9f9f9;
}

.sourceq a:hover {
    background: #ff99cc;
    color: #000;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

#pagination {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 250px;
    height: 40px;
    z-index: 9;
    font-size: 10px;
    word-spacing: 6px;
    text-align: center;
}

.current, .jump {
    margin-top: 45px;
}

.current {
    color: #ff99cc;
}

.jump {
    color: #333;
}

.jump:hover {
    color: #ff99cc;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

a.next:hover , a.prev:hover {
    color: #ff99cc;
    -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

</style>

<body>



{block:IndexPage}
<div id="postbar"></div>
<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a class="prev" href="{PreviousPage}" title="back">back</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current">X</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump" href="{URL}"  title="page {PageNumber}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}
<a class="next" href="{NextPage}" title="next">next</a>
{/block:NextPage}
{/block:Pagination}
</div>
{/block:IndexPage}



<div class="postcontainer">
{block:Posts}
<div class="posts">



{block:Answer}
<div class="question"><div class="ask"> {Asker} asked:</div><div class="quest">{Question}</div></div>
{/block:Answer}

{block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{/block:Text}

{block:Photo}<img src="{PhotoURL-500}" width="{block:IndexPage}{text:Post Width}px{/block:IndexPage}{block:PermalinkPage}{text:Permalink Post Width}px{/block:PermalinkPage}" max-height="100%">{block:Photo}

{block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div>{/block:Photoset}

{block:Quote}<div class="quote">{Quote}</div>{/block:Quote}

{block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{/block:Link}

{block:Chat}{block:Title}<div class="posttitle">{Title}</div></a>{/block:Title}{/block:Chat}

{block:Video}<div class="video">{Video-500}</div>{block:Video}

{block:Audio}{AudioEmbed}{/block:Audio}

</div>

<div id="captions">

{block:Answer}
<div id="captionhome">
<div class="answer"><img src="{AnswererPortraitURL-24}">{block:Answerer}{Answerer} said: {/block:Answerer}{Answer}</div></div>
{/block:Answer}

{block:Text}<div id="captionhome">{block:Reblogs}
        <div class="rebloguser">
        {block:IsNotOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsNotOriginalEntry}
        {block:IsOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>{/block:IsOriginalEntry}
        </div>
        <div class="cap">
        {Body}
        </div>
        {/block:Reblogs}
        {block:NotReblog}
        <div class="cap">
        {Body}
        </div>
        {/block:NotReblog}</div>
{/block:Text}
{block:Photo}
 <div id="captionhome">
        {block:Reblogs}
        <div class="rebloguser">
        {block:IsNotOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsNotOriginalEntry}
        {block:IsOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsOriginalEntry}
        </div>
        <div class="cap">
        {Body}
        </div>
        {/block:Reblogs}
        {block:NotReblog}
        {block:Caption}
        <div class="cap">
        {Caption}
        </div>
        {/block:Caption}
        {/block:NotReblog}
</div>
{/block:Photo}
{block:Photoset}
 <div id="captionhome">
        {block:Reblogs}
        <div class="rebloguser">
        {block:IsNotOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsNotOriginalEntry}
        {block:IsOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsOriginalEntry}
        </div>
        <div class="cap">
        {Body}
        </div>
        {/block:Reblogs}
        {block:NotReblog}
        {block:Caption}
        <div class="cap">
        {Caption}
        </div>
        {/block:Caption}
        {/block:NotReblog}
</div>
{/block:Photoset}
{block:Video}
 <div id="captionhome">
        {block:Reblogs}
        <div class="rebloguser">
        {block:IsNotOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsNotOriginalEntry}
        {block:IsOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsOriginalEntry}
        </div>
        <div class="cap">
        {Body}
        </div>
        {/block:Reblogs}
        {block:NotReblog}
        {block:Caption}
        <div class="cap">
        {Caption}
        </div>
        {/block:Caption}
        {/block:NotReblog}
</div>
{/block:Video}
{block:Audio}
 <div id="captionhome">
        {block:Reblogs}
        <div class="rebloguser">
        {block:IsNotOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsNotOriginalEntry}
        {block:IsOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsOriginalEntry}
        </div>
        <div class="cap">
        {Body}
        </div>
        {/block:Reblogs}
        {block:NotReblog}
        {block:Caption}
        <div class="cap">
        {Caption}
        </div>
        {/block:Caption}
        {/block:NotReblog}
</div>
{/block:Audio}

{block:Quote}<div id="captionhome">{block:Reblogs}
        <div class="rebloguser">
        {block:IsNotOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsNotOriginalEntry}
        {block:IsOriginalEntry}
        <a href="{Permalink}"><div class="avatr"><span class="lnr lnr-bubble"></span></div>{Username}</a>
        {/block:IsOriginalEntry}
        </div>
        <div class="sourceq">{Source}</div>
        {/block:Reblogs}
        {block:NotReblog}
        <div class="sourceq">{Source}</div>
        {/block:NotReblog}</div>
{/block:Quote}

{block:Link}{block:Description}<div id="captionhome">{Description}</div>{/block:Description}{/block:Link}

{block:Chat}<div id="captionhome">{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}</div>{/block:Chat}

 <div id="spacetime">
     <div class="marginoferror">
        {block:RebloggedFrom}
        <a class="via" href="{ReblogParentURL}" title="{ReblogParentTitle}	">{ReblogParentName}</a>
        {/block:RebloggedFrom}<span class="lnr lnr-sync" style="font-weight: bold;"></span>
        {block:ContentSource}
        <a class="src" href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
        {/block:ContentSource}
        <a class="reblog" href="{ReblogURL}" title="reblog"><span class="lnr lnr-sync"></span></a>
        <a class="permas" href="{Permalink}" title="{NoteCountWithLabel} : {DayofMonth} {Month}"><span class="lnr lnr-heart"></span></a>
</div></div>

{block:HasTags}
<div id="tags">
    {block:Tags}<a href="{TagUrl}" title="{Tag}"><span class="lnr lnr-bookmark"></span>{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}


</div>

{/block:Posts}

</div>




</body>
</html>