Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------------------------
- DESIGN by SURDADDY - ORIGINAL ©
- ------------------------------------------------------------->
- <meta name="color:background" content="#fff" />
- <meta name="color:text" content="#999" />
- <meta name="color:texto" content="#000" />
- <meta name="color:links" content="#000" />
- <meta name="color:linkshover" content="#000" />
- <meta name="color:rolagem" content="#000" />
- <meta name="image:foto" content="" />
- <meta name="text:title" content="NAVIGATE" />
- <meta name="text:texto" content="EXCUSE ME, NO, I BELIEVE THE PROPER TERM'S EXCUSE YOU. I COULD SWITCH UP ON YOU NIGGAS AND START SHITTIN'. THEY SAY WEALTH IS IN THE MIND, NOT THE POCKET. MAKE NO MISTAKES, IT'S ALL A LEAP OF FAITH FOR LOVE." />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link 1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link 2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link 3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link 4" />
- <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}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
- <link href='https://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><i class="fa fa-chevron-up"></i></a>
- </head>
- <style type="text/css">
- #tumblr_controls, .tmblr-iframe{ z-index:9!important; -webkit-filter:invert(100%);position:fixed!important; top:0px!important; right:0px!important; ;opacity: 0.7;transition:0.8s}
- #tumblr_controls, .tmblr-iframe:hover{opacity:.9;transition:0.4s;-webkit-filter:invert(0%);}
- #s-m-t-tooltip {max-width:200px;line-height:17px;height:17px; font-size:8px; color:#fff; padding:3px 4px 3px 4px; margin:20px 0px 0px 20px; z-index:99999;transition: 0.5s;background:#000;text-transform:uppercase;}
- #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom:45px; right: 42px;}
- #scrollToTop i {font-size:13px;color:#000;}
- body {font-family:karla, sans-serif; font-size:10.5px; background:{color:background}; color:{color:text};text-align:justify;}
- a {color: #000; text-decoration: none; text-transform: none;cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}
- a:hover {color:;cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; transition:0.5s;}
- h1 {font-size:10px;text-align:center;text-transform:uppercase;letter-spacing:1px;}
- #content {margin-top:15px; margin-left:400px; width:813px;}
- .posts{float:left;width:220px;;margin:10px;{block:permalinkpage}width:500px;border:1px solid #000;margin-left:120px;{/block:permalinkpage};}
- .posts img {width:220px;transition: all 0.5s ease-in-out;}
- .postimage img {width:220px;{block:PermalinkPage}width:98%;padding:5px;{/block:PermalinkPage};}
- .efects {position:absolute;width:220px;height:99.9%;opacity:0;left:0px;background:rgba(0,0,0,0.8);transition:0.4s;{block:permalinkPage}width:0px;height:0px;opacity:0;{/block:permalinkPage};}
- .posts:hover .efects{opacity:1;transition:0.4s;;}
- .box {padding:10px;border:1px solid #000;background:#fff;}
- .quote:first-letter {font-size: 15px; line-height:15px; color:#000}
- .quote {text-align:left; line-height:15px; color:{color:text}; padding:3px;}
- .source {text-transform:uppercase; text-align:right;font-size:10px; margin-top:1px;}
- .perguntou {float:left;text-align:left; text-indent:3px;width:100px;text-transform:uppercase;margin-left:1px;margin-top:-5px;height:20px;line-height:28px;}
- .perguntou a {text-transform:uppercase;color:{color:text};font-size:9px;}
- .fotinha {float:left;text-align:left;width:20px;height:20px;margin-left:6px;margin-top:-5px;border-radius:20px;border:5px solid #fff;z-index:9;}
- .fotinha img {width:20px; height:20px;margin-left:0px;margin-top:0px;border-radius:20px;}
- .pergunta {background:#000;text-align:left; text-indent:-20px;width:96%;color:#fff;margin-left:0px;margin-top:17px;height:auto;line-height:18px;padding:5px;}
- .resposta{text-align:left;padding:5px; width:95%;height:auto;line-height:13px;margin-left:0px;margin-top:0px;color:{color:text};border:1px solid #000;}
- #audio {width:100px; height:80px;}
- #audio img {position:absolute; width:80px; height:80px; background-color:#fff;}
- #audiott {position:absolute;margin:12px 84px; width:110px;}
- #audiott span {color:{color:text};}
- #play {position:absolute; overflow:hidden; height:28px; width:28px; margin:10px;}
- #player {position:absolute; width:46px; height:46px; z-index:9; margin:17px; border-radius:40px; opacity:0.6; transition:1s; background:#fff;}
- #player:hover {opacity:1; transition:1s;}
- /******** NOTES POR SURDADDY / DON'T COPY *******/
- #notes {width:200px;position:absolute;left:15px;bottom:0px;height:30px;opacity:0;}
- #notes a {text-align:center;color:#fff;padding:3px;font-size:12px;width:15px;height:15px;bottom:0px;float:right;margin:2px;}
- #notes i {line-height:15px;}
- #notes a:hover {color:#000;font-weight:bold;}
- .posts:hover #notes {opacity:1;transition:0.4s;}
- #notes_n {width:200px; height:10px;position:relative;right:0px;top:0px;z-index:999;transition: all 0.5s ease-in-out;}
- #notes_n a {text-align:left;color:{color:text};padding:3px;font-size:10px;width:auto;bottom:0px;float:LEFT;margin-top:2px;}
- #notes_n a:hover {color:#999;transition:0.4s;}
- .posts:hover #notes_n {opacity:1;transition:0.4s;}
- /*** FRAGILEHELP ***/
- #lpermalink {padding:0px; margin-bottom:1px;overflow-x:hidden; overflow-y:auto;height:200px;border:1px solid #000;color:{color:text};}
- #lpermalink a {color:{color:text};margin-left:5px;}
- #lpermalink img {float:left; width:20px;}
- ol.notes li {list-style-type:none; margin:2px; line-height:18px; padding:5px; border-bottom:1px solid #000;margin-left:-30px;}
- #creditos {right:45px; bottom:25px; position:fixed;z-index:99999;}
- #creditos a {text-align:center; width:20px; height:20px;float:left;line-height:20px;color:#999;font-size:11px;}
- .vsanna{display: none;}
- blockquote {margin:0px;}
- #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:40%!important}
- .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;}
- ::-webkit-scrollbar {height:0px;width:19px;background: #eee;border:8px solid #fff;}
- ::-webkit-scrollbar-thumb:vertical{background: {color:rolagem};border:8px solid #fff;height:auto;}
- #side { width:160px; height:145px; position:fixed; margin-left:160px;margin-top:190px;border:1px solid #000;}
- #foto{position:fixed;margin-left:50px;margin-top:-30px;;}
- #foto img { width:50px;border:3px solid #000;border-radius:50px;}
- #frase {position:fixed;width:152px;height:62px;margin-top:27px; margin-left:5px; text-align:justify;color:{color:texto};font-family:karla, sans-serif;font-size:9px;letter-spacing:1px;line-height:13px;text-transform:uppercase;opacity:1;}
- #title {position:fixed;width:178px;padding:1px;background:#000; height:15px; margin-top:130px; margin-left:-10px; text-align:center;text-indent:5px;color:#fff;font-size:13px;font-family: 'Pathway Gothic One', sans-serif;letter-spacing:3px;text-transform:uppercase;cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;}
- #title:hover #menu {opacity:1;height:50px;transition:1s;}
- /* MENU POR SURDADDY, DON'T COPY. */
- #menu {position:fixed; margin-top:1px;margin-left:8px; width:160px;height:0px;transition:1s ease-in;border:1px solid #000;opacity:0;background:#fff;}
- #menu a {transition:0.5s; width:70px;height:15px;text-transform:uppercase; float: left;color:{color:links}; line-height:16px;font-size:11px; text-align:left;font-family: 'Pathway Gothic One', sans-serif;letter-spacing:1px;border:1px solid #eee;margin-left:5px;}
- #menu a:hover{box-shadow:inset -70px 0px 0px {color:linkshover}; color:#fff;transition:0.5s;}
- #menu i {margin-left:-2px;font-size:12px;line-height:16px;color:#000;width:20px;}
- #menu .l1 {transition-delay:0.2s;opacity:0;margin-top:5px;}
- #menu .l2 {transition-delay: 0.2s;opacity:0;margin-top:5px;}
- #menu .l3 {transition-delay: 0.2s;opacity:0;margin-top:5px;}
- #menu .l4 {transition-delay: 0.2s;opacity:0;margin-top:5px;}
- #title:hover #menu .l1 {transition-delay: 0.2s;opacity:1;}
- #title:hover #menu .l2 {transition-delay: 0.4s;opacity:1;}
- #title:hover #menu .l3 {transition-delay: 0.5s;opacity:1;}
- #title:hover #menu .l4 {transition-delay: 0.3s;opacity:1;}
- </style>
- <body>
- <div id="side">
- <div id="foto"><img src="{image:foto}"></div>
- <div id="frase">{text:texto}</div>
- <div id="title">{text:title}
- <div id="menu">
- <a class="l1" href="{text:Link1}"><i class="fa fa-home"></i>{text:Link1 Title}</a>
- <a class="l2" href="{text:Link2}"><i class="fa fa-comment"></i>{text:Link2 Title} </a>
- <a class="l3" href="{text:Link3}"><i class="fa fa-tag"></i>{text:Link3 Title}</a>
- <a class="l4" href="{text:Link4}"><i class="fa fa-flash"></i>{text:Link4 Title}</a>
- </div></div></div>
- <div id="content">{block:Posts} <div class="posts">
- {block:Text}
- <div class="box">
- {block:Title} <h1>{Title}</h1> {/block:Title}
- {Body}
- {block:indexpage}
- <div id="notes_n">
- <a href="{permalink}">POSTED: <span>{Month}, {DayofMonth}.</span></a>
- <a href="{ReblogURL}" style="float:right">REBLOG</a>
- </div></div>
- {/block:indexpage}
- {/block:Text}
- {block:Photo}
- <div class="efects"></div><div class="postimage"><img src="{PhotoURL-250}"></div>
- {block:indexpage}
- <div id="notes">
- <a href="{ReblogURL}" title="reblog"><i class="fa fa-refresh"></i></a>
- <a href="{permalink}" title="{Month}, {DayofMonth}."><i class="fa fa-share-alt"></i></a>
- <a title="{NoteCount} Notes"><i class="fa fa-heart-o"></i></a>
- </div>
- {/block:indexpage}
- {/block:Photo}
- {block:Photoset}
- {Photoset}
- {block:indexpage}
- <div id="notes">
- <a href="{ReblogURL}" title="reblog"><i class="fa fa-refresh"></i></a>
- <a href="{permalink}" title="{Month}, {DayofMonth}."><i class="fa fa-share-alt"></i></a>
- <a title="{NoteCount} Notes"><i class="fa fa-heart-o"></i></a>
- </div>
- {/block:indexpage}
- {/block:Photoset}
- {block:Quote}
- <div class="box">
- <div class="quote">{Quote}<div class="source">- <b>{Source}</b></div></div>
- {block:indexpage}
- <div id="notes_n">
- <a href="{permalink}">POSTED: <span>{Month}, {DayofMonth}.</span></a>
- <a href="{ReblogURL}" style="float:right">REBLOG</a>
- </div></div>
- {/block:indexpage}
- {/block:Quote}
- {block:Link}
- <div class="box">
- <a href="{URL}" {Target}>{Name}</a>
- {block:Description} {Description}{/block:Description}
- {block:indexpage}
- <div id="notes_n">
- <a href="{permalink}">POSTED: <span>{Month}, {DayofMonth}.</span></a>
- <a href="{ReblogURL}" style="float:right">REBLOG</a>
- </div></div>
- {/block:indexpage}
- {/block:Link}
- {block:Chat}
- <div class="box">
- {block:Title}{Title}{/block:Title}
- {block:Lines} {block:Label} <br> <b>{Label}</b> {/block:Label} {Line} {/block:Lines}
- {block:indexpage}
- <div id="notes_n">
- <a href="{permalink}">POSTED: <span>{Month}, {DayofMonth}.</span></a>
- <a href="{ReblogURL}" style="float:right">REBLOG</a>
- </div></div>
- {/block:indexpage}
- {/block:Chat}
- {block:Video}
- {Video-250}
- {block:indexpage}
- <div id="notes_n">
- <a href="{permalink}" title="{Month}, {DayofMonth}. {Year}"><span> <i class="fa fa-link"></i></span></a>
- <a href="{ReblogURL}" title="reblog"><i class="fa fa-retweet"></i></a>
- <a title="{NoteCount} Notes"><span><i class="fa fa-heart-o"></i></span></a>
- </div>
- {/block:indexpage}
- {/block:Video}
- {block:Audio}
- <div class="box">
- <div id="audio">
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- <div id="player"><div id="play">{AudioPlayerWhite}</div></div>
- <div id="audiott">
- Track: {block:TrackName}<span>{TrackName}</span>{/block:TrackName}
- <p>Artist: {block:Artist}<span>{Artist}</span>{/block:Artist}</p>
- <p>Album: {block:Album}<span>{Album}</span>{/block:Album}</p>
- </div></div>
- {block:indexpage}
- <div id="notes_n">
- <a href="{permalink}">POSTED: <span>{Month}, {DayofMonth}.</span></a>
- <a href="{ReblogURL}" style="float:right">REBLOG</a>
- </div></div>
- {/block:indexpage}
- {/block:Audio}
- {block:Answer}
- <div class="box">
- <div class="fotinha"><img src="{AskerPortraitURL-16}"></div>
- <div class="perguntou"><a>{Asker}:</a></div>
- <div class="pergunta">{Question}</div>
- <div class="resposta">{Answer}</div>
- {block:indexpage}
- <div id="notes_n">
- <a href="{permalink}">POSTED: <span>{Month}, {DayofMonth}.</span></a>
- <a href="{ReblogURL}" style="float:right">REBLOG</a>
- </div></div>
- {/block:indexpage}
- {/block:Answer}
- {block:PermalinkPage}
- <div class="box" style="border:1px solid #fff">
- {block:Caption}{Caption}{/block:Caption}
- {block:HasTags}
- <p><i class="fa fa-hashtag"></i> {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- <p>{block:Date}<i class="fa fa-clock-o"></i> {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}
- <p>{block:NoteCount}<i class="fa fa-heart-o"></i> {NoteCountWithLabel}.{/block:NoteCount}
- <p>{block:RebloggedFrom}<i class="fa fa-share"></i> Via <a href="{ReblogParentURL}">{ReblogParentName}</a>,by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{block:RebloggedFrom}
- {block:PostNotes}<div id="lpermalink" style="text-align:left">{PostNotes}</div>{/block:PostNotes}</div>{/block:PermalinkPage}</div>{/block:Posts}</div>
- <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script> <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script> <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script> <script type="text/javascript"> $(window).load(function () { $('#content').masonry(),
- $('.masonryWrap').infinitescroll({ navSelector : "div#navigation",
- nextSelector : "div#navigation a#nextPage", itemSelector : ".posts",
- bufferPx : 10000, extraScrollPx: 11000, loadingImg : "http://goo.gl/2RmWUx", loadingText : "<i> </i>",
- },function() { $('#content').masonry({ appendedContent: $(this) }); } ); }); </script> {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate"> {/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
- <div id="creditos">
- <a href="http://surdaddy.tumblr.com" title="by Surdaddy ">THEME</a>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement