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">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <!---------------------------------
- __ __ _ __ __ __ ___ __
- |__| |__ |_| |__ |__ / | | /
- | |__ | \ | |__ \__ | | \__
- Alex Theme
- personal: perfectic.tumblr.com
- themes: perfecticthemes.tumblr.com
- please don't remove the credit.
- ---------------------------------->
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <meta name="color:Background" content="#FFF"/>
- <meta name="color:Description Background" content="#f7dfd9"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Navigation Links" content="#000"/>
- <meta name="color:Description" content="#000"/>
- <meta name="color:Title" content="#000"/>
- <meta name="color:Blogtitle" content="#deedfb"/>
- <meta name="color:Asker Url" content="#687cbd"/>
- <meta name="color:Links" content="#687cbd"/>
- <meta name="color:Links Hover" content="#000"/>
- <meta name="color:Side border" content="#f7dfd9"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar Image" content=""/>
- <meta name="if:Social tab" content="1" />
- <meta name="if:Stats tab" content="1" />
- <meta name="text:Link One Title" content="link1" />
- <meta name="text:Link One" content="" />
- <meta name="text:Link Two Title" content="link2" />
- <meta name="text:Link Two" content="" />
- <meta name="text:Link Three Title" content="link3" />
- <meta name="text:Link Three" content="" />
- <meta name="text:Link Four Title" content="link4" />
- <meta name="text:Link Four" content="" />
- <meta name="text:Link Five Title" content="link5" />
- <meta name="text:Link Five" content="" />
- <meta name="text:FacebookUrl" content="your facebook url" />
- <meta name="text:TwitterUrl" content="your twitter url" />
- <meta name="text:InstagramUrl" content="your instagram url" />
- <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Grand+Hotel);
- iframe#tumblr_controls {
- right:28px;
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:1;
- transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out; }
- .wrapper{
- margin: 0px auto;
- width: 100%;
- }
- body {
- position: relative;
- padding: 10px;
- margin: 0px;
- color:{color:text};
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-size: cover;
- }
- a:link, a:active, a:visited{
- color:{color:Links};
- text-decoration: none;
- -webkit-transition: color 0.6s ease-out;
- -moz-transition: color 0.6s ease-out;
- }
- a:hover{
- color:{color:Links Hover};
- -webkit-transition: color 0.6s ease-out;
- -moz-transition: color 0.6s ease-out;
- }
- #posts {
- width: 900px;
- margin-top: 10px;
- margin-left:360px;
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- .entry {
- width:220px;
- overflow: hidden;
- position:relative;
- margin: 60px;
- padding: 15px;
- font-family: 'calibri';
- font-size: 15px;
- line-height:15px;
- letter-spacing:1px;
- border:1px solid #ddd;
- background:white;
- opacity:0.9;
- {block:PermalinkPage}
- width:500px;
- margin-left:170px;
- opacity:1;
- {/block:PermalinkPage}
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #sidebar {
- position:fixed !important;
- width:140px;
- left:150px;
- top:150px;
- height:auto;
- padding:25px;
- padding-top:10px;
- overflow:hidden;
- border: 1px solid #ddd;
- font-family:'calibri';
- z-index:9999;
- }
- #navbar{
- position:fixed;
- width:65px;
- height: 10px;
- text-transform:uppercase;
- height:23px;
- top:172px;
- left:83px;
- padding-top:2px;
- border:1px solid #ddd;
- background-color:#ddd;
- font-family: 'calibri';
- z-index:999;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- overflow:visible;
- }
- #sideborder {
- width:15px;
- height:100%;
- position:fixed;
- right:0;
- bottom:0px;
- background-color:{color:Side border};
- z-index:5;}
- .title{
- font-family: 'calibri';
- font-size: 17px;
- line-height:15px;
- color: {color:Title};
- font-weight: normal;
- }
- .blogtitle{
- font-family: 'Grand Hotel';
- letter-spacing:2px;
- font-size: 25px;
- line-height: 35px;
- opacity:0.7;
- color: {color:Blogtitle};
- font-weight: normal;
- padding:0px 0px 0px 0px;
- }
- .askerportrait{
- width:auto;
- height:auto;
- position:absolute;
- background:white;
- padding:10px;
- padding-bottom:7px;
- z-index:99999999999999999999;
- border:#ddd solid 1px;
- }
- .nav a {
- font-family:'calibri';
- font-size:11px;
- letter-spacing:1px;
- line-height:27px;
- word-spacing:7px;
- opacity:0.7;
- text-align:right;
- padding-right:7px;
- padding-left:7px;
- color:{color:Navigation Links};
- -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- .nav:hover a{
- color: {color:Links Hover};
- -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- .portrait{
- width:70px;
- height:70px;
- background:white;
- padding:15px;
- z-index:99999999999999999999;
- border:#ddd solid 1px;
- }
- .asker {
- margin-left:60px;
- font-family:'calibri';
- font-size:13px;
- background-color:white;
- border:1px solid #ddd;
- padding-right:4px;
- padding-left:4px;
- padding-top:2px;
- padding-bottom:2px;
- }
- .asker a {
- margin-left:0px;
- font-family:'calibri';
- text-transform:uppercase;
- font-size:10px;
- border:0px;
- padding-right:4px;
- padding-left:4px;
- padding-top:2px;
- padding-bottom:2px;
- color: {color:Asker Url};
- }
- .asker:hover a{
- text-decoration:line-through;
- color: {color:Text};
- }
- .desc a {
- font-size:14px;
- font-family:'calibri';
- color:{color:Description};
- }
- highlight{
- background:{color:Description Background};
- line-height:15px;
- margin:0px;
- padding:0px;
- }
- .credit a {
- color:black;
- font-size: 13px;
- float: left;
- position: fixed;
- bottom: 10px;
- right: 30px;
- text-transform:lowercase;
- z-index:9999999999;
- border:1px solid #ddd;
- font-family:'calibri';
- padding:3px;
- }
- .credit:hover a{
- text-decoration:line-through;
- color:black;
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 2px solid {color:Blogtitle};
- background-color:#ddd;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- article {
- width: 41.5%;
- margin: 0 10px;
- }
- .entry:hover {
- opacity: 1;
- filter: alpha(opacity = 80);
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .reblogbutton {
- height: auto;
- text-transform: uppercase;
- overflow: hidden;
- width: 230px;
- left:10px;
- text-align: center;
- font-size: 11px;
- font-family:'cambria';
- background: white;
- color:#999999;
- line-height: 15px;
- opacity: 0;
- padding:4px 3px;
- position:absolute;
- border-top:1px solid #ddd;
- filter: alpha(opacity = 0);
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .entry:hover .reblogbutton {
- opacity: 1;
- bottom: 5px;
- left: 10px;
- font-family:'calibri';
- filter: alpha(opacity = 80);
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .textreblogbutton{
- font-family: 'calibri';
- font-size: 10px;
- text-align:right;
- text-transform: uppercase;
- }
- .entry .textreblogbutton{
- opacity: 1;
- width: 220px;
- margin-top: -14px;
- padding: 5px;
- position:absolute;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #boxiebox {
- font-size:8px;
- background-color:transparent;
- color:#777777;
- position:fixed;
- letter-spacing:2px;
- text-transform:uppercase;
- right:40px;
- padding:5px;
- height:auto;
- font-family:'consolas';
- width:120px;
- top:40px;
- z-index:4;}
- #tab1{
- text-align:center;
- height:16px;
- overflow:hidden;
- border-bottom:1px solid #ddd;
- z-index:4;
- opacity:1;
- font-family:'consolas';
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;}
- .tab1 img{
- opacity:1;
- }
- #tab1 a{
- text-decoration:underline; }
- #tab1 a:hover{
- text-decoration:none;}
- #tab1:hover{
- height:65px; }
- #tab2{
- padding-top:7px;
- height:16px;
- overflow:hidden;
- border-bottom:1px solid #ddd;
- z-index:4;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;}
- #tab2 a{
- text-align:center;
- text-decoration:none; }
- #tab2 a:hover{
- text-decoration:underline;}
- #tab2:hover{
- height:125px; }
- #tab3{
- padding-top:7px;
- height:14px;
- overflow:hidden;
- z-index:4;
- {block:ifNOTSocialtab}
- {block:ifNOTStatstab}
- opacity:0;
- {/block:ifNOTStatstab}
- {/block:ifNOTSocialtab}
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;}
- #tab3 a{
- color:#777777;
- text-decoration:none; }
- #tab3 a:hover{
- text-decoration:underline;}
- ::-webkit-scrollbar { width: 5px; height: 4px; }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
- ::-webkit-scrollbar-track-piece { background:#fff; }
- ::-webkit-scrollbar-thumb {height: 50px; background-color: #eae8e8; }
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <div id="sideborder"></div>
- <div id="sidebar">
- <center>
- <p><span class="blogtitle"><a href="/">{Title}</a></span></p>
- <div class="portrait"><a href="/"><img src="{image:Sidebar Image}"></a> </div>
- <p><div class="desc"><div style="font-size:14px; font-family:calibri;color:{color:Description}"><highlight>{Description}</highlight></div></div></p></center>
- </div>
- <div id="navbar">
- <center>
- LINKS<p>
- <span class="nav"><a href="/">home</a></span>
- <span class="nav"><a href="/ask">contact</a></span>
- {block:iflinkone} <span class="nav"><a href="{text:Link One}">{text:Link One Title}</a></span>{/block:iflinkone}
- {block:iflinktwo} <span class="nav"><a href="{text:Link Two}">{text:Link Two Title}</a></span>{/block:iflinktwo}
- {block:iflinkthree} <span class="nav"><a href="{text:Link Three}">{text:Link Three Title}</a></span>{/block:iflinkthree}
- {block:iflinkfour} <span class="nav"><a href="{text:Link Four}">{text:Link Four Title}</a></span>{/block:iflinkfour}
- {block:iflinkfive} <span class="nav"><a href="{text:Link Five}">{text:Link Five Title}</a></span>{/block:iflinkfive}
- {block:ifNOTSocialtab}{block:ifNOTStatstab}<span class="nav"><a href="http://perfectic.tumblr.com/">theme</a></span>{block:ifNOTStatstab}{block:ifNOTSocialtab}
- {block:HasPages} {block:Pages} <span class="nav"><a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}</span>
- </center>
- </div>
- <div class="wrapper">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}<strong>{block:Title}<span class="title">{Title}</span>{/block:Title}</strong>{Body}<br>{block:IndexPage}
- <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
- {/block:IndexPage}
- {/block:text}
- {block:Photo}
- {block:IndexPage}{LinkOpenTag}
- <div class="photo">
- <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
- {LinkCloseTag}
- <div class="reblogbutton">
- <div class="background"><a href="{ReblogURL}" target="_blank">Reblog</a> // <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
- {/block:IndexPage}
- {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}
- <div style="text-align:right;">{block:Caption}
- {Caption}
- {/block:Caption}</div>
- {/block:PermalinkPage}</center>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-250}
- <div class="reblogbutton">
- <div class="background"><a href="{ReblogURL}" target="_blank">REBLOG</a> // <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>{Photoset-400}</center>
- <div style="text-align:right;">
- {block:Caption}
- {Caption}
- {/block:Caption}</div>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a><br>{block:Description}{Description}{/block:Description}<br>
- {block:IndexPage}
- <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
- {/block:IndexPage}
- {/block:link}
- {block:Answer}
- <div class="askerportrait"><img src="{AskerPortraitURL-30}"/></div>
- <div class="asker">{Asker}: {Question}</div>
- <div style="margin-left:60px;">{Answer}</div>
- {block:IndexPage}
- <br><span class="textreblogbutton"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
- {/block:IndexPage}
- {/block:Answer}
- {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<i> - {Source}</i>{/block:Source}<br><br><br>{block:IndexPage}
- <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
- {/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</li>
- {/block:Lines}</ul><br>
- {block:IndexPage}
- <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}
- <div style="width:260px; height:auto; align:center;"><img src="{AlbumArtURL}"></div><br>{/block:AlbumArt}<div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div> {block:ExternalAudio}{/block:ExternalAudio}</div><br>
- {block:IndexPage}<span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>{/block:IndexPage}
- {block:PermalinkPage}
- <div style="text-align:right;">
- {block:Caption}
- {Caption}
- {/block:Caption}</div>
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- {Video-250}
- <br><br><br><br<br><span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>{Video-400}</center>
- <div style="text-align:right;">{block:Caption}
- {Caption}
- {/block:Caption}</div>
- {/block:PermalinkPage}
- {block:Video}
- {block:PermalinkPage}
- <center>
- <div style="text-align:right;"><p>{block:HasTags} tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</p></div>
- <br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- </body>
- <div id="boxiebox">
- {block:ifSocialtab}
- <div id="tab1">
- <div style="text-align:center;">social</div>
- <p>{block:ifFacebookUrl}<a href="{FacebookUrl}"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/46-facebook-32.png"></a> {/block:ifFacebookUrl}
- {block:ifTwitterUrl}<a href="{TwitterUrl}"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/43-twitter-32.png"></a> {/block:ifTwitterUrl}
- {block:ifInstagramUrl}<a href="{InstagramUrl}"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/78-instagram-32.png"></a> {/block:ifInstagramUrl}</p>
- </div>
- {/block:ifSocialtab}
- {block:ifStatstab}
- <div id="tab2">
- <div style="text-align:center;">stats</div>
- <br>
- <script language="JavaScript">
- var ref = (''+document.referrer+'');
- var w_h = window.screen.width + " x " + window.screen.height;
- document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4962316&e1=online&e2=online&r=' + ref + '&wh=' + w_h + '"><\/script>');
- </script> <br><br>
- your ip is <script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script> <br><br>
- today is <script language="JavaScript" src="http://freehostedscripts.net/date.php"></script>
- </div>
- {/block:ifStatstab}
- <div id="tab3">
- <div style="text-align:center;"><a href="http://perfectic.tumblr.com/">theme credit</a>
- </div>
- <span class="credit">
- <a href="http://perfectic.tumblr.com/">perfectic theme</a>
- </span>
- <html>
Add Comment
Please, Sign In to add comment