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">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <!---------------------------------
- __ __ _ __ __ __ ___ __
- |__| |__ |_| |__ |__ / | | /
- | |__ | \ | |__ \__ | | \__
- Olga Theme
- personal: perfectic.tumblr.com
- themes: perfecticthemes.tumblr.com
- please don't remove the credit.
- if you do, i'll report you.
- ---------------------------------->
- <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="#FDFAF80"/>
- <meta name="color:Text" content="#030303"/>
- <meta name="color:Links" content="#030303"/>
- <meta name="color:Links Hover" content="#6fabdd"/>
- <meta name="color:Sidebar Background" content="#fff"/>
- <meta name="color:Scrollbar background colour" content="#fff"/>
- <meta name="color:Scrollbar colour" content="#000"/>
- <meta name="color:Posts Background" content="#fff"/>
- <meta name="image:Sidebar Background" content=""/>
- <meta name="image:Sidebar Photo" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="image:Posts Background" content=""/>
- <meta name="if:show blogtitle" content="1"/>
- <meta name="if:show home link" content="1"/>
- <meta name="if:show ask link" content="1"/>
- <meta name="if:show archive link" content="0"/>
- <meta name="if:show photo" content="0"/>
- <meta name="if:three columns" content="0"/>
- <meta name="if:custom scrollbar" content="1"/>
- <meta name="if:pop up ask box" 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="" />
- {block:ifpopupaskbox}
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- {/block:ifpopupaskbox}
- <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Happy+Monkey::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Miniver::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Happy+Monkey);
- @import url(http://fonts.googleapis.com/css?family=Miniver);
- #tumblr_controls{
- position:fixed !important;
- -webkit-filter: invert(100%)
- }
- .wrapper{
- margin: 0px auto;
- width: 802px;
- }
- .header{
- float: left;
- width: 100%;
- }
- body {
- position: relative;
- padding: 10px;
- margin: 0px;
- color:{color:text};
- font-family: 'Happy Monkey', cursive;
- font-size:13px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:active, a:visited{
- color:{color:Links};
- text-decoration: none;
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- a:hover{
- color:{color:Links Hover};
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- #posts {
- width: 900px;
- margin-top: 12px;
- margin-left:360px;
- border: 3px;
- {block:PermalinkPage}
- margin-left:100px;
- padding-top:0px;
- {/block:PermalinkPage}
- top: 0px;
- float:left;
- font-family: 'Happy Monkey', cursive;
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- left:100px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- .entry {
- width:300px;
- overflow: hidden;
- position:relative;
- margin: 10px;
- padding: 10px;
- float:left;
- border: 1px solid #cccccc;
- text-align: justify;
- background-color: {color:Posts Background};
- background-image:URL({image:Posts Background});
- font-family: 'Happy Monkey', cursive;
- font-size: 12px;
- line-height:11px;
- letter-spacing:1px;
- {block:ifthreecolumns}
- width:250px;
- {/block:ifthreecolumns}
- {block:PermalinkPage}
- margin-top:4px;
- margin-left:400px;
- width:400px;
- {/block:PermalinkPage}
- -o-border-radius: 3px
- }
- .entry .perma{
- position:absolute;
- width:auto;
- height:15px;
- padding-top:2px;
- margin-left: 0px;
- margin-top: 0px;
- font-family: 'Happy Monkey'
- text-transform: uppercase;
- font-size: 8px;
- line-height:14px;
- text-align:center;
- padding-left: 10px;
- padding-right: 10px;
- opacity:0.0;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- .entry:hover .perma{
- overflow:visible;
- -webkit-transition: opacity 0.5s linear; opacity: 0.6;
- transition: all 0.4s linear;
- margin-left: 6px;
- width: auto;
- height: 15px;
- margin-top: 6px;
- padding-left: 10px;
- padding-right: 10px;
- }
- .entry:hover .perma:hover{
- opacity: 1;
- padding-top:2px;
- height: 15px;
- width: auto;
- padding-left: 10px;
- }
- .entry .perma2{
- position:absolute;
- width:auto;
- height:15px;
- padding-top:2px;
- background-color:#fff;
- overflow:hidden;
- margin-top: 0px;
- font-family: littlefont;
- text-transform: uppercase;
- font-size: 8px;
- line-height:17px;
- text-align:center;
- padding-right: 0px;
- opacity:0.0;
- padding-left: 10px;
- padding-right: 10px;
- }
- .entry:hover .perma2{
- overflow:visible;
- -webkit-transition: opacity 0.5s linear; opacity: 0.6;
- transition: all 0.4s linear;
- right: 6px;
- width: auto;
- height: 15px;
- margin-top: 6px;
- padding-left: 10px;
- padding-right: 10px;
- }
- .entry:hover .perma2:hover{
- opacity: 1;
- padding-top:2px;
- height: 15px;
- width: auto;
- padding-left: 10px;
- padding-right:10px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- .perm{
- margin-top: 0px;
- font-family: 'Happy Monkey', cursive;
- font-size: 8px;
- line-height: 0px;
- text-transform: uppercase;
- }
- .entry .perm{
- opacity: 0;
- width: 100%;
- margin-bottom: 14px;
- text-align:center;
- position:absolute;
- -webkit-transition: all 0.4s linear;
- }
- .entry:hover .perm{
- overflow:visible;
- text-align:center;
- opacity: 0.8;
- -webkit-transition: all 0.4s linear;
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 1px;
- border-left: 1px solid #130C11;}
- blockquote p, ul{margin:0px; padding:0px;}
- #sidebar {
- position:fixed;
- height: auto;
- width: 230px;
- left:85px;
- top:120px;
- z-index:100;
- text-align: center;
- border: 1px solid #cccccc;
- padding: 4px;
- padding-right: 10px;
- padding-left:10px;
- background:{color:Sidebar Background};
- background-image:url({image:Sidebar Background});
- font-family: 'Happy Monkey', cursive;
- font-size:14px;
- line-height:13px;
- color: {color:text};
- }
- .sidelinks a {
- text-transform: normal;
- line-height: 20px;
- }
- .title{
- font-family: 'Happy Monkey', cursive;
- font-size: 17px;
- line-height:11px;
- color: black;
- font-weight: normal;
- }
- .blogtitle{
- font-family: 'Miniver', cursive;
- font-size: 37px;
- line-height: 22px;
- color: {color:Title};
- letter-spacing: 0px;
- font-weight: normal;
- padding:0px 0px 0px 0px;
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- {block:ifpopupaskbox}
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 20px;
- border: 3px solid #ddd;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 0px;
- }
- img.btn_close {
- float: right;
- margin:-5px -5px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- {/block:ifpopupaskbox}
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- article {
- width: 41.5%;
- margin: 0 10px;
- }
- {CustomCSS}
- {block:ifcustomscrollbar}
- ::-webkit-scrollbar { width: 8px; height: 4px; }
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
- ::-webkit-scrollbar-track-piece { background: {color:Scrollbar background}; }
- ::-webkit-scrollbar-thumb {height: 50px; background-color: {color:Scrollbar colour}; }
- {/block:ifcustomscrollbar}
- </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>
- </div>
- <div class="wrapper">
- <div class="header">
- </div>
- <div id="sidebar">
- <p>{block:ifshowblogtitle}<a href="/"><span class="blogtitle">{Title}</span></a>{/block:ifshowblogtitle}</P>
- {block:ifshowphoto}<a href="/"><img src="{image:Sidebar Photo}" width=190px; height:auto; ></a>{/block:ifshowphoto}
- <br>
- <p>{Description}</p>
- <center>
- {block:ifshowhomelink}<span class="sidelinks"><a href="/">home</a></span> {/block:ifshowhomelink}
- {block:ifshowasklink} ~
- {block:ifpopupaskbox}<span class="sidelinks"><a href="#?w=500" rel="02" class="poplight">message</a></span>{/block:ifpopupaskbox}{block:ifnotpopupaskbox}<span class="sidelinks"><a href="/ask">message</a></span>{/block:ifnotpopupaskbox} {/block:ifshowasklink}
- {block:iflinkone} ~ <span class="sidelinks"><a href="{text:Link One}">{text:Link One Title}</a></span> {/block:iflinkone}
- {block:iflinktwo} ~ <span class="sidelinks"><a href="{text:Link Two}">{text:Link Two Title}</a></span>{/block:iflinktwo}
- {block:iflinkthree} ~ <span class="sidelinks"><a href="{text:Link Three}">{text:Link Three Title}</a></span> {/block:iflinkthree}
- {block:HasPages} {block:Pages} ~ <span class="sidelinks"><a href="{URL}">{Label}</a></span> {/block:Pages} {/block:HasPages}
- ~ <span class="sidelinks"><a href="http://perfectic.tumblr.com/">theme</a></span></div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}<strong>{block:Title}<span class="title">{Title}</span>{/block:Title}</strong><span class="entrytext">{Body}<br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> ☯ <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>{/block:IndexPage}{/block:text}
- {block:Photo}
- {block:IndexPage}
- <div class="perma">
- <a href="{permalink}"><a href="{ReblogURL}" target="_blank"><img src="http://assets.tumblr.com/images/iframe_reblog_alpha.png?4"></a></div>
- {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a></div>{LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}</center>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{NoteCount} Notes</a><a href="{ReblogURL}" target="_blank">Reblog</a></div>
- {/block:IndexPage}
- <center>{Photoset-250}</center></span>
- {/block:Photoset}
- {block:Link}<a href="{URL}" class="title">{Name}</a><br><br>{block:Description}{Description}{/block:Description}<br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> ☯ <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a> {/block:IndexPage}{/block:link}
- {block:Answer}
- <div class="ask">{Asker} whispered: <b>{Question}</b></div>
- {Answer}<br>
- {block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a>{/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="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> ☯ <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>{/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="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> ☯ <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>
- {block:IndexPage}
- {/block:Chat}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
- {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br><br>{block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> ☯ <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> ☯ <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>
- {Video-250}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-500}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:PermalinkPage}
- <center>
- <p>{block:HasTags} tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</p>
- <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 style="font-size: 12px; float: right; position: fixed; bottom: 1px; right: 5px; text-transform:lowercase;"><a href="http://perfectic.tumblr.com/">credit</a></div>
- {block:ifpopupaskbox}
- <div id="02" class="popup_block">
- <Center><font size="2" color="#1C1C1C">Ask Me Anything<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
- </center></div>
- </div></div></div></div></div></div></div></div></div></div>
- {/block:ifpopupaskbox}
- <html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement