polaroid tumblr theme

15
<!---- ╭━━━┳╮╱╭┳━━━┳━━━╮╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━╮ ┃╭━╮┃┃╱┃┃╭━╮┃╭━━╯┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━╯ ┃╰━╯┃┃╱┃┃╰━╯┃╰━━╮╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━╮ ┃╭━━┫┃╱┃┃╭╮╭┫╭━━╯╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━╯ ┃┃╱╱┃╰━╯┃┃┃╰┫╰━━╮╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━╮ ╰╯╱╱╰━━━┻╯╰━┻━━━╯╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━╯ POLAROID THEME BY PUREFECTIONIST.TUMBLR.COM By using this theme you agree to the following terms and conditions: -Not steal, distribute any parts. -Tweak it and claim as your own. -Remove/Replace ANY credits, they should stay where they are. -Use as a base code. -Steal the css. ----> <html lang="en"> <!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"> <head> <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script> <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'> <style type="text/css"> ::-webkit-scrollbar { height: 12px; width: 7px; background: {color:header}; } ::-webkit-scrollbar-thumb { background-color:#151515; border:0px solid #151515; -webkit-border-radius: 5ex;

Upload: jp-morales

Post on 22-Dec-2015

212 views

Category:

Documents


0 download

DESCRIPTION

Polaroid Tumblr Theme

TRANSCRIPT

Page 1: Polaroid Tumblr Theme

<!----╭━━━┳╮╱╭┳━━━┳━━━╮╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━╮┃╭━╮┃┃╱┃┃╭━╮┃╭━━╯┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━╯┃╰━╯┃┃╱┃┃╰━╯┃╰━━╮╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━╮┃╭━━┫┃╱┃┃╭╮╭┫╭━━╯╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━╯┃┃╱╱┃╰━╯┃┃┃╰┫╰━━╮╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━╮╰╯╱╱╰━━━┻╯╰━┻━━━╯╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━╯

POLAROID THEME BY PUREFECTIONIST.TUMBLR.COMBy using this theme you agree to the following terms and conditions:-Not steal, distribute any parts.-Tweak it and claim as your own.-Remove/Replace ANY credits, they should stay where they are.-Use as a base code.-Steal the css.----><html lang="en"><!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"><head>

<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script><link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'><style type="text/css">

::-webkit-scrollbar {

height: 12px;

width: 7px;

background: {color:header};

}

::-webkit-scrollbar-thumb {

background-color:#151515;

border:0px solid #151515;

-webkit-border-radius: 5ex;

-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);

}

::-webkit-scrollbar-corner {

background:#151515;

}

Page 2: Polaroid Tumblr Theme

</style><script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>{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/nihqh7v/AbJmrbz0j/jqueryinfintescroll.js"></script><script type="text/javascript">$(window).load(function () {var $content = $('#posts');$content.masonry({itemSelector: '.entry'}),$content.infinitescroll({navSelector : '#pagination',nextSelector : '#pagination a#nextPage',itemSelector : '.entry',loading: {finishedMsg: '',img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'},bufferPx : 600,debug : false,},function( newElements ) {var $newElems = $( newElements );$newElems.hide();$newElems.imagesLoaded(function(){$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>

{/block:IndexPage}

<!--META TAGS YO--><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="color:background" content="#fff"/><meta name="color:body links" content="#5f5b5b"/><meta name="color:reblog links" content="#1c1c1c"/><meta name="color:footer links" content="#5f5b5b"/><meta name="color:link border" content="#fff"/><meta name="color:text" content="#5f5b5b"/><meta name="color:title" content="#5f5b5b"/><meta name="color:header" content="#000"/><meta name="color:header links" content="#fff"/><meta name="color:hover" content="#fff"/><meta name="image:header" content=""/><meta name="image:banner" content=""/><meta name="image:background" content=""/><meta name="if:banner" content="0"/>

<style type="text/css">#tumblr_controls{position:fixed !important;

Page 3: Polaroid Tumblr Theme

opacity:0.5;

-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}#tumblr_controls:hover{position:fixed !important;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;opacity:0.9;}p {margin:0px;margin-top:0px;}body {padding: 0px;margin: 0px;color:{color:text};font-family: arial;line-height:12px;font-size:11px;background-color: {color:background};background-image:url('{image:background}');background-attachment: fixed;background-repeat: repeat;}a:link, a:active, a:visited{text-decoration: none;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;transition: color 0.3s ease-out;color:{color:body links};}

a:hover {text-decoration: none;font-style:;color: {color:Hover};}

div#center{margin:auto;position:relative;width:auto;background-color:;overflow:auto;overflow:hidden;}.media img {width: 210px;}.entry {

Page 4: Polaroid Tumblr Theme

float:left;margin:27px;padding:12px;display: block;overflow:hidden;width:210px;{block:PermalinkPage}width:400px;text-align:left;line-height:10px;{/block:PermalinkPage}background:#F2F2F2;background-image:URL("");}.perma{width:150px;height:auto;padding:1px;margin-top:-5px;opacity:0;background:transparent;z-index:999;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}.perma a{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}.entry:hover .perma{margin-top:0px;opacity:1;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

#posts {width:880px;margin-top:20px;z-index:99;margin-left:auto;margin-right:auto;

background:transparent;position:relative;overflow: hidden;}

#footer {font-size: 11px;position:fixed;

Page 5: Polaroid Tumblr Theme

background:{color:header} url('{image:header}') repeat;color:{color:title}; /*change this color for the text color*/left:0px;bottom:-85px;text-align:center;width:100%;heigh:auto;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}#footer:hover {bottom:0px;}

#footer1 {border-top:none;background:{color:header} url('{image:header}') repeat;width:100%;height:70px;z-index: 9999;text-align:center;padding:5px;line-height:12px;}

#footertit {border-top:none;background:{color:header} url('{image:header}') repeat;color:{color:title};font-family:title;font-size:30px;border-width:1px;{block:ifnotbanner}height:20px;{/block:ifnotbanner}{block:ifbanner}max-height:100px;{/block:ifbanner}text-align:center;padding:10px;width:100%;}#footer a:link, a:active, a:visited{text-decoration: none;color:{color:footer links};-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}#header{position:fixed;width:100%;padding-top:6px;padding-bottom:6px;height: auto;line-height:20px;margin-top:0px;

Page 6: Polaroid Tumblr Theme

margin-left:auto;margin-right:auto;opacity:1;background:{color:header} url('{image:header}') repeat;text-align:center;-webkit-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;z-index:9999;}

#header a{color:{color:header links};

-webkit-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;

}#header a:hover{color:{color:hover};

-webkit-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;

}#lefty{position:fixed;height:100%;width:15px;margin-top:0px;margin-left:0px;opacity:1;background:{color:header} url('{image:header}') repeat;text-align:center;-webkit-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;z-index:9999;}#righty{position:fixed;height:100%;width:15px;margin-left:99%;margin-bottom:0px;opacity:1;background:{color:header} url('{image:header}') repeat;text-align:center;-webkit-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;

Page 7: Polaroid Tumblr Theme

transition: all 0.6s linear;z-index:9999;}#side{position:absolute;padding-top:8px;padding-bottom:8px;width:100%;line-height:10px;margin-top:45px;margin-left:auto;margin-right:auto;opacity:1;font-family:arial;font-size:30px;background:transparent;text-align:center;text-transform:uppercase;-webkit-transition: all 0.6s linear;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;transition: all 0.6s linear;z-index:9999;}

@font-face{font-family:'title'; src:url('https://dl.dropboxusercontent.com/u/100427052/FONTS/dotsallfornow.ttf');}

.title{line-height: 25px;font-size:20px;color:{color:text};font-weight: normal;}

.permalink{text-transform: normal;display: block;text-align: right;text-decoration: none;}

/*I RECCOMMEND TO NOT TOUCH ANY OF THE CODES BELOW OR THE THEME WILL MESS UP*/#infscr-loading{bottom: -70px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:11px;overflow:hidden;margin-bottom: 50px;}

#postnotes{

Page 8: Polaroid Tumblr Theme

text-align: justify;}

#postnotes blockquote{border: 0px;}

blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 10px;border-left: 1px dotted #555555;}

blockquote p, ul{margin:0px;padding:0px;}

a img{border: 0px;}

ul, ol, li{list-style:none; margin:0px; padding:0px;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,.user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}

.notes img{width:10px; position:relative; top:3px;}<--ses-->small{font-size: 90%;}

#links{font-size:11px;font-weight:normal;font-family:arial;line-height:14px;text-align:center;word-spacing:5px;text-transform:uppercase;}#links a{text-align:center;padding:1px;border:1px solid transparent;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}#links a:hover{padding:1px;border:1px solid {color:link border};-webkit-transition: all .9s ease;-moz-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;}{CustomCSS}.bubble {

Page 9: Polaroid Tumblr Theme

align:right;background: #FAFAFA; border:1px solid #FAFAFA; margin:3px 0px 10px 45px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}.bubble p {margin:1px 0px;}.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #FAFAFA;}

.askborder {float: left;margin: 1px 2px 0 0;padding: 2px; background: #FAFAFA}

</style>

<title>{title}</title>

<link rel="shortcut icon" href="{Favicon}" /><meta name="viewport" content="width=820" />

</head>

<body> <div id="footer"><div id="footertit">{block:Ifbanner}<center><img style="max-height:50px; width:auto; margin-top:0px;" src="{image:banner}">{/block:Ifbanner}{block:Ifnotbanner}<center>{title}<br><br></center>{/block:Ifnotbanner}<br><br></div><div id="footer1"><center><p>{description}</p></center>

</div></div><div class="wrapper"></div><div id="cage"><div id="center">

<div id="lefty"></div><div id="righty"></div><div id="header"><div id="links"><a href="/">HOME</a><a href="/ask">CONTACT</a><a href="/archive">PAST</a><a href="http://purefectionist.tumblr.com">theme</a></div></div>

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

Page 10: Polaroid Tumblr Theme

<div class="entry"> {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><center><div class="perma"><br><a href="{ReblogURL}" target="_blank"><font color="{color:reblog links}">↺</font></a><font color="{color:reblog links}"> | </font><a href="{Permalink}"><font color="{color:reblog links}">{notecount}</font></a></div></center><br>{/block:HasTags}</span></align>{/block:Text}

{block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span

class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}

{block:Photo}{block:IndexPage}<center><div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div><br><div class="perma"><a href="{ReblogURL}" target="_blank"><font color="{color:reblog links}">↺</font></a><font color="{color:reblog links}"> | </font><a href="{Permalink}"><font color="{color:reblog links}">{notecount}</font></a></div>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>

{LinkCloseTag}{/block:PermalinkPage}

{/block:Photo}

{block:Photoset}{block:Photos}<div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{/block:Photos}<center><div class="perma"><br><a href="{ReblogURL}" target="_blank"><font color="{color:reblog links}">↺</font></a><font color="{color:reblog links}"> | </font><a href="{Permalink}"><font color="{color:reblog links}">{notecount}</font></a></div></center>{/block:Photoset}

{block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a

Page 11: Polaroid Tumblr Theme

href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/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">{Label}</span>{/block:Label}

{Line}</li>{/block:Lines}<p align=right><a href="{ReblogURL}" target="_blank"><font color="{color:reblog links}">↺</font></a><font color="{color:reblog links}"> | </font><a href="{Permalink}"><font color="{color:reblog links}">{notecount}</font></a>{/block:Chat}

{block:Audio}<div id="player">{AudioPlayerWhite} </div> <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="200">{/block:AlbumArt}</div><br><center><div class="perma"><a href="{ReblogURL}" target="_blank"><font color="{color:reblog links}">↺</font></a><font color="{color:reblog links}"> | </font><a href="{Permalink}"><font color="{color:reblog links}">{notecount}</font></a></div></center>{/block:Audio}

{block:Video}<center>{Video-250}</center><br><center><div class="perma"><a href="{ReblogURL}" target="_blank"><font color="{color:reblog links}">↺</font></a><font color="{color:reblog links}"> | </font><a href="{Permalink}"><font color="{color:reblog links}">{notecount}</font></a></div></center>{/block:Video}

{block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}<br><div align="right"><center><div class="perma"><br><a href="{ReblogURL}" target="_blank"><font color="{color:reblog links}">↺</font></a><font color="{color:reblog links}"> | </font><a href="{Permalink}"><font color="{color:reblog links}">{notecount}</font></a></div></center></div>{/block:Answer}{block:PostNotes}<div align="middle">{caption}</div><center>

{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}

{block:HasTags}

Page 12: Polaroid Tumblr Theme

tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}{block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>

{/block:RebloggedFrom}</center></span><br><div id="postnotes">{PostNotes}</div><br>

<center>{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</center>

{/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}

</body></html>