Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- Theme by HIGH-ASTRONAUTS
- please don't remove the credit!
- >> THEME TWEAKED BY
- >> ---------------------------------------------
- >> HTTP://THEMESBYC.TUMBLR.COM ||| HTTP://CREAMIFY.TUMBLR.COM
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <style>
- .shakeimage{
- position:relative}
- </style>
- <script language="JavaScript1.2">
- //configure shake degree (where larger # equals greater shake)
- var rector=3
- var stopit=0
- var a=1
- function init(which){
- stopit=0
- shake=which
- shake.style.left=0
- shake.style.top=0}
- function rattleimage(){
- if ((!document.all&&!document.getElementById)||stopit==1) return
- if (a==1){
- shake.style.top=parseInt(shake.style.top)+rector+"px"}
- else if (a==2){
- shake.style.left=parseInt(shake.style.left)+rector+"px"}
- else if (a==3){
- shake.style.top=parseInt(shake.style.top)-rector+"px"}
- else{
- shake.style.left=parseInt(shake.style.left)-rector+"px"} if (a<4)
- a++
- else
- a=1
- setTimeout("rattleimage()",50)}
- function stoprattle(which){
- stopit=1
- which.style.left=0
- which.style.top=0}
- </script>
- <title>{title}</title>
- <meta name="color:Text" content="#706958"/>
- <meta name="color:Background" content="#fffff"/>
- <meta name="color:Link" content="#4B4B4B" />
- <meta name="color:Link Hover" content="#F7F7F7" />
- <meta name="color:Header Background" content="#e6ded3"/>
- <meta name="color:Navigation Link Color" content="#b6a78b"/>
- <meta name="color:ScrollBar" content="#8f7b5b"/>
- <meta name="color:Description Background Hover" content="#e6ded3"/>
- <meta name="color:Perma Background" content="#e6ded3"/>
- <meta name="color:Entry Background" content="#ffffff"/>
- <meta name="font:Body" content="Arial" />
- <meta name="font:Header" content="Arial"/>
- <meta name="text:Custom Link One" content="/" />
- <meta name="text:Custom Link One Title" content="LINK 1" />
- <meta name="text:Custom Link Two" content="/" />
- <meta name="text:Custom Link Two Title" content="LINK 2" />
- <meta name="text:Custom Link Three" content="/" />
- <meta name="text:Custom Link Three Title" content="LINK 3" />
- <meta name="text:Custom Link Four" content="/" />
- <meta name="text:Custom Link Four Title" content="LINK 4" />
- <meta name="if:Shadows On Posts" content="" />
- <meta name="if:Infinite Scrolling" content="1"/>
- <meta name="image:Background" content="0"/>
- <meta name="image:Title" content=""/>
- <link href='http://fonts.googleapis.com/css?family=Raleway:100&v1' rel='stylesheet' type='text/css'>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
- {block:IndexPage}
- <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
- <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script>
- {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScrolling}
- <script type="text/javascript">
- $(window).load(function () {
- $('#posts').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "#pagination",
- nextSelector : "#pagination a#next",
- itemSelector : ".entry",
- bufferPx : 10000,
- extraScrollPx: 11000,
- loadingImg : "http://www.phonebook.com.pk/images/loading3.gif",
- loadingText : "<em></em>",
- },
- function() { $('#posts').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:IndexPage}
- <style type="text/css">
- {block:IndexPage}
- img:hover {
- opacity:1.0;
- -moz-transition: 0.2s ease-in;
- -webkit-transition: 0.2s ease-in;
- -o-transition: 0.2s ease-in;
- transition: 0.2s ease-in;
- }
- img {
- -webkit-transition: opacity 0.8s linear;
- opacity: 0.8;
- }{/block:IndexPage}
- {block:IndexPage}{block:ifImagePop}img, img a {border: none; -webkit-transition-duration: .4s;}
- img:hover {-webkit-transform: scale(1.0);}{/block:ifImagePop}{/block:IndexPage}
- body {font-family:{font:body}; font-size: 9px; color: {color:text}; background-color: {color:background};background-image:url('{image:Background}'); background-attachment: fixed;}
- {block:IndexPage}#center {margin:auto; width: 960px; margin-top: 150px; margin-bottom: -8px;}{/block:IndexPage}
- {block:PermalinkPage}#center {margin:auto; width: 960px; margin-top: 150px; margin-bottom: -8px;}{/block:PermalinkPage}
- .entry { padding:10px; float:left; position: relative; margin:10px; width: 270px; float: left; background-color:{color:Entry Background};}
- .entry img {width: 270px; height: auto;}
- .navigations{
- margin-top:1px;
- margin-bottom:20px;
- text-align: center;
- text-transform: uppercase;
- margin-left:1px;
- }
- .navigations a{
- color: {color:Navigation Link Color};
- padding: 3px;
- }
- .navigations a:hover{
- color: #fff;
- background-color: #000;
- }
- .posttitle{
- color:{font:color};
- font-family:{font:body};
- font-size:10px;
- line-height:19px;
- letter-spacing:1px;
- border-bottom:1px solid #000000;
- font-weight:bold;
- text-transform:Uppercase;
- margin:0px;
- padding:0px;
- text-align:;
- }
- .permalink {opacity:1; text-align:left; font-family:{font:body}; font-size:10px; text-transform:Uppercase; padding:3px; }
- .permalink:hover {background-color:{color:Perma Background}; font-weight:bold; opacity:1; -moz-transition: 0.9s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.9s ease-in; transition: 0.9s ease-in; padding:3px; width:70px;}
- a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -moz-transition: 0.9s ease-in; -webkit-transition: 0.9s ease-in; -o-transition: 0.9s ease-in; transition: 0.9s ease-in;}
- a:hover{ color:{color:link hover}; -moz-transition: 0.9s ease-in; -webkit-transition: 0.9s ease-in; -o-transition: 0.9s ease-in; transition: 0.9s ease-in;}
- @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
- .label {font-weight: bold; margin-right: 10px;}
- #posts {padding: 10px; margin-top:-60px;}
- #links {z-index:1000; position:fixed;letter-spacing:3px; top:30px; margin-left:140px; width:800px; text-align:right;}
- #links a {text-transform: lowercase;
- font-family: {font:body};
- font-weight: bold; font-size: 13px; opacity: .8;
- -webkit-transition-duration: .3s;}
- .notes img{ top:1px; width:10px; position:relative;}
- ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
- iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
- .permacap {text-transform:uppercase; font-size:11px; font-weight:bold;}
- #bottom{position: fixed; margin: 8px; width: auto; bottom: 0px; right: 0px; background-color:#FFF; padding: 5px; color:#777; font-family: Arial; font-size: 10px; line-height: 10px; opacity: 0.8;}
- #bottom a{color:#555;}
- #pagination{
- text-align: center;
- position:fixed;
- bottom:5px;
- {block:IfInfiniteScrolling}display: none;{/block:IfInfiniteScrolling}
- }
- #pagination a{
- background-color: #fff;
- padding: 3px;
- color: #000;
- {block:IfInfiniteScrolling}display: none;{/block:IfInfiniteScrolling}
- }
- ::-webkit-scrollbar-thumb:vertical { border-radius:15px; -moz-border-radius:15px; background-color: {color:scrollbar}; height:100px;}
- ::-webkit-scrollbar-thumb:horizontal {border-radius:15px; -moz-border-radius:15px; background-color: {color:Scrollbar}; height:10px !important;}
- ::-webkit-scrollbar { border-radius:15px; -moz-border-radius:15px; height:10px; width:7px; background-color: {color:background};}
- {block:PermalinkPage}
- .entry {margin: 10px; width: 500px; float: left;}
- .entry img {width: 500px; height: auto;}
- .audio {width: 500px; background-color:#000000; padding:0px;}
- {/block:PermalinkPage}
- {block:indexpage} .photoset{width:270px; heigh:auto;}{/block:Indexpage}
- {block:Indexpage}.album img{width:270px; height:auto;}
- .audio {width: 270px; background-color:#000000; padding:0px;}{/block:Indexpage}
- {block:Permalinkpage}.album img{width:500px; height:auto;}
- .audio {width: 500px; background-color:#000000; padding:0px;}{/block:Permalinkpage}
- .header {z-index:500; position:fixed; opacity:0.8; filter:alpha(opacity=90); background:{color:header background}; padding: 10px 0 25px 0; text-transform:uppercase; top:-4px; margin:auto; width:910px; padding:20px; height:60px;}
- .header a, .header a:hover { border:none; color:#000;}
- .blogtitle {
- margin-top:-18px;
- width: 450px;
- letter-spacing:-1px;
- -webkit-text-stroke: 1px transparent;
- font-size: 25px;
- font-weight:700;
- font-family: "caviardreams";
- }
- .description{ text-align:right; padding: 20px 0 15px 0; top:50px; margin-left: 620px; width:300px; position:fixed; padding:5px; z-index:1000; }
- .description:hover {background-color:{color:Description Background Hover}; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in; }
- .header img {margin-left:0px; padding:0px; max-width:450; max-height:60px;}
- #credits {
- text-align: left;
- font-size: 11px;
- position:fixed;
- left:5px;
- bottom:-65px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #credits:hover {bottom:0px;}
- #credit {
- border-right-style:solid;
- border-bottom-style:none;
- border-left-style:none;
- border-top-style:solid;
- border-width:0px;
- border-color:#000;
- padding: 5px 0 5px 0;
- background: #fff;
- width:140px;
- height:50px;
- border-top-right-radius: 3px;
- -moz-border-radius-topright: 5px;
- -webkit-border-top-right-radius: 120px;
- z-index: 9999;
- }
- #credittab {
- border-top-style:none;
- border-right-style:solid;
- border-bottom-style:solid;
- border-left-style:solid;
- border-width:0px;
- border-color:#929292;
- text-align: center;
- height:14px;
- padding: 2px 0 8px 0;
- background:#fff;
- border-top-left-radius: 0px;
- -moz-border-radius-topleft: 0px;
- -webkit-border-top-left-radius: 0px;
- border-top-right-radius: 0px;
- -moz-border-radius-topright: 0px;
- -webkit-border-top-right-radius: 0px;
- width: 41px;
- }
- .entry:hover .permalink{
- opacity:1; z-index:500;
- filter: alpha(opacity = 100);
- -webkit-transition: 0.3s ease-in;
- }
- .reblog{z-index:1000;
- position:absolute;
- margin-top:0px;
- margin-left:0px;
- background-color:#fff;
- -webkit-transition-duration: 0.4s;
- opacity:0.3;
- filter: alpha(opacity = 100);
- }
- .p_entry:hover .reblog{
- opacity:0.9;
- filter: alpha(opacity = 100);
- webkit-transition-duration: 0.4s;
- }
- {customcss}
- </style>
- </head>
- <body>
- <div id="center">
- <div class="header" class="left">{block:IfTitleImage}<a href="/"><img src="{image:Title}" alt="{Title}" border="0" /></a>{/block:IfTitleImage}<div class="blogtitle">{block:IfNotTitleImage}<h1><a href="/">{Title}</a></h1>{/block:IfNotTitleImage}</a></div></div>
- <div id="links">
- <a href="/">Home</a> // {block:AskEnabled}<a href="/ask">{AskLabel}</a> // {/block:AskEnabled} <a href="/archive">Archive</a>
- {block:IfCustomLinkOneTitle} //
- <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> //
- {/block:ifCustomLinkOneTitle}
- {block:ifCustomLinkTwoTitle}
- <a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> //
- {/block:ifCustomLinkTwoTitle}
- {block:ifCustomLinkThreeTitle}
- <a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> // {/block:ifCustomLinkThreeTitle}
- {block:ifCustomLinkFourTitle}
- <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}</center>
- </div>
- <div class="description">
- {block:Description}{Description}{/block:Description}
- </div>
- <div id="credits">
- <div id="credittab">THEME</div>
- <div id="credit"> <left><br>
- Theme by <a href="http://high-astronauts.tumblr.com/" target="_blank">high-astronauts</a>
- <br>
- Tweaked by <a href="http://creamify.tumblr.com" target="_blank">creamify</a><br><br><br>
- </left></div>
- </div>
- <br>
- <div id="posts">
- {block:Posts}
- {block:Text}
- <div class="entry">
- {block:Title}<a href="{Permalink}"><div class="posttitle">{Title}</a></div>{/block:Title}<div class="bod">{Body}</div>
- {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:Permalinkpage}<b>{timeago} | This post has {NoteCountWithLabel}</b><br><br>{/block:Permalinkpage}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="entry">
- {block:IndexPage}<h1><div class="p_entry"><div class="reblog"><a href="{ReblogURL}" target="_blank" class="details"> ♥ </a></div><a href="{Permalink}" target="new"></h1><a href="{Permalink}" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
- <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:PermalinkPage}width="200px"{/block:PermalinkPage}/>
- {block:IndexPage}</a>{/block:IndexPage}
- {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>
- {block:Permalinkpage}{block:Caption}{Caption}{/block:Caption}<div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:Permalinkpage}
- {/block:Photo}
- {block:Photoset}
- <div class="entry">
- <div class="photoset">{block:Indexpage}{Photoset-250}{/block:Indexpage}</div>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- <a href="{Permalink}"><div class="permalink">Photoset</div></a>
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>
- {/block:Caption}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
- </div>
- {/block:Photoset}
- {block:Answer}
- <div class="entry" id="answer">
- <div style="padding-bottom:15px"><span style="font-weight: bold; margin-right: 10px;">{Asker}:</span> "{Question}"</div>
- <div style="border-top: 1px solid #0000">{Answer}</div>
- {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
- </div>
- {/block:Answer}
- {block:Quote}
- <div class="entry" id="quote">
- <span style="margin-left: 13px;">{Quote}</span>
- {block:Source}<div style="font-size: 10px;">— {Source}</div>{/block:Source}
- {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}<br>{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="entry">
- <a href="{URL}" class="link" {Target}><div class="posttitle">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="entry" id="chat">
- {block:Title}<a href="{Permalink}"><div class="posttitle">{Title}</div></a>{/block:Title}
- {block:Lines}<span style="align:left"><div class="{Alt} user_{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</span>
- {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}
- {block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
- </div>
- {/block:Chat}
- {block:Video}
- <div class="entry">
- {block:IndexPage}{Video-250}{block:IndexPage}
- {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}</div>
- {/block:Video}
- {block:Audio}
- <div class="entry">
- <div class="album">{block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}</div>
- <div class="audio">{AudioPlayerBlack}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:IndexPage}<a href="{Permalink}"><div class="permalink">Permalink</div></a>{/block:IndexPage}{block:PermalinkPage}<b><div class="permacap">{timeago} | This post has {NoteCountWithLabel}</div></b><br><br>{/block:PermalinkPage}
- </div>
- {/block:Audio}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:posts}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
- </div>
- <div id="pagination">
- {block:IndexPage}
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"id="previous">p r e v i o u s</a>
- {/block:PreviousPage}
- <br><br>
- {block:NextPage}
- <a href="{NextPage}"id="next">n e x t</a>
- {/block:NextPage}
- {/block:Pagination}
- {/block:IndexPage}
- <br><br></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement