Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- WELBECK THEME V2 - RELEASED 18.03.13
- ----------------------------------------
- CREATED BY SUNRISEN - THEME BLOG: SUNRISENTHEMES
- ----------------------------------------
- THIS THEME AND ALL OTHER THEMES BY SUNRISEN
- ARE USED SUBJECT TO THE AGREEMENT OF THE TERMS
- FOR MORE INFORMATION, VISIT
- HTTP://THEMES.SUNRISEN.CO/TERMS
- -->
- <html lang="en">
- <head>
- <!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 prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#000000"/>
- <meta name="color:hover" content="#ffffff"/>
- <meta name="color:blogtitle" content="#000"/>
- <meta name="font:body" content="courier new"/>
- <meta name="image:sidebar" content=""/>
- <meta name="if:show sidebar image" content="0"/>
- <meta name="if:show captions" content="0"/>
- <meta name="if:image fade" content="1"/>
- <meta name="if:animated post entry" content="1"/>
- <meta name="if:rounded corners" content="0"/>
- <meta name="text:link one" content=""/>
- <meta name="text:link one title" content=""/>
- <meta name="text:link two" content=""/>
- <meta name="text:link two title" content=""/>
- <meta name="text:link three" content=""/>
- <meta name="text:link three title" content=""/>
- <meta name="text:link four" content=""/>
- <meta name="text:link four title" content=""/>
- <style type="text/css">
- #tumblr_controls{
- position:fixed !important;
- margin-top:0px;
- }
- .wrapper{{block:indexpage}width:800px;{/block:indexpage}{block:permalinkpage}width:770px;{/block:permalinkpage}margin:0px auto;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color: rgba(0, 0, 0, 0.5);
- height:10px;width:10px;border:3px #fff solid;
- -webkit-border-radius:0px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- height:10px !important;
- -webkit-border-radius:0px;
- }
- ::-webkit-scrollbar {
- height:10px;
- width:10px;
- background-color: white;
- -webkit-border-radius:0px;
- }
- body{
- margin:0px;
- background-attachment: fixed;
- background-repeat: repeat;
- background-color:{color:background};
- background-attachment: fixed;
- background-repeat: repeat;
- font-size: 11px;
- font-family: {font:body};
- line-height:9px;
- text-transform:lowercase;
- color: {color:text};
- }
- a:link, a:active, a:visited{
- color: {color:link};
- text-decoration: none;
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
- }
- a:hover{
- color: {color:hover};
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
- }
- .entry {
- margin:10px;
- padding: 10px;
- float:left;
- background-color:transparent;
- {block:IndexPage}
- width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:550px;
- {/block:PermalinkPage}
- padding-bottom: 5px;
- font-family:{font:body};
- font-size: 9px;
- text-transform:lowercase;
- line-height:14px;
- overflow:hidden;
- {block:ifanimatedpostentry}
- -webkit-transition-duration:2s;
- {/block:ifanimatedpostentry}
- }
- #sidebar{
- opacity:1;
- background-color:transparent;
- margin-top: 20px;
- margin-left: 20px;
- overflow:hidden;
- font-size: 9px;
- font-family:{font:body};
- text-transform:lowercase;
- padding-top:0px;
- width: 200px;
- padding: 0px;
- height:auto;
- z-index:1;
- margin:0px auto;
- padding-bottom:4px;
- padding-top:10px;
- position:fixed;
- text-align:center;
- }
- #posts {
- {block:indexpage}
- width: 580px;
- {/block:indexpage}
- {block:permalinkpage}
- width:550px;
- {/block:permalinkpage}
- background: transparent;
- margin-left:220px;
- padding-left: 2px;
- padding-right: 2px;
- padding-top:7px;
- margin-top:0px;
- float:left;
- }
- #infscr-loading{
- bottom: 10px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:auto;
- height:auto;
- overflow:hidden;
- margin-bottom: 50px;
- font-size:10px;
- font-family:{font:body};
- }
- .img{{block:ifimagefade}opacity:.8;{/block:ifimagefade}-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- .img:hover{opacity:1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- .title{
- font-family:{font:body};
- font-size: 10px;
- line-height:15px;
- text-transform:uppercase;
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- .perma {position:absolute; text-decoration:none; margin-top:7px; margin-left:-10px; padding:2px; background:white;opacity:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index:10;font-family:{font:body};width:auto;text-align:center;color:black;}
- .perma a {text-transform:uppercase;color:#000;}
- .perma:hover a{color:white;}
- .entry:hover .perma {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; position:absolute; padding:2px; opacity:.8;margin-left:7px;}
- .entry:hover .perma:hover{opacity:1;z-index:100;border:0px;background:black;color:white;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
- .perma2 {position:absolute; text-decoration:none; margin-top:25px; margin-left:-10px; padding:2px; background:white;opacity:0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;z-index:10;font-family:{font:body};width:auto;text-align:center;color:black;text-transform:uppercase;}
- .perma2 a {text-decoration:none;text-transform:uppercase;color:black;}
- .perma2 a:hover{color:white;}
- .entry:hover .perma2 {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; position:absolute; padding:2px; opacity:.8;margin-left:7px;}
- .entry:hover .perma2:hover{opacity:1;z-index:100;border:0px;background:black;color:white;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
- .perma3 {position:absolute; text-decoration:none; margin-top:43px; margin-left:-10px; padding:2px; background:white;opacity:0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;z-index:10;font-family:{font:body};width:auto;text-align:center;color:black;text-transform:uppercase;}
- .perma3 a {text-decoration:none;text-transform:uppercase;color:black;}
- .perma3 a:hover{color:white;}
- .entry:hover .perma3 {-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; position:absolute; padding:2px; opacity:.8;margin-left:7px;}
- .entry:hover .perma3:hover{opacity:1;z-index:100;border:0px;background:black;color:white;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
- 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:#130C11;}
- .notes img{width:15px;height:15px;border-radius:10000px; position:relative; top:3px;}
- .notes{font-size:9px;text-transform:uppercase;}
- @font-face{font-family:marketing script;src:url('http://static.tumblr.com/hcocigh/GkVm9pnt3/marketingscript.ttf');}
- .blogtitle{
- font-family: 'marketing script';
- font-size:35px;
- color: {color:blogtitle};
- line-height: 35px;
- text-transform:lowercase;
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
- }
- .perm{margin-top:-10px;font-family:{font:body};font-size:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3 ease-in-out;}
- .entry:hover .perm{margin-top:5px;opacity:1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
- .permm{margin-top:-10px;font-family:{font:body};font-size:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;opacity:0;-webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3 ease-in-out;}
- .entry:hover .permm{margin-top:-5px;opacity:1;-webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- .navi{text-align:center;letter-spacing:2px;font-family:{font:body};text-transform:uppercase;font-size:9px;line-height:17px;}
- .navi a{opacity:.8;border-top:2px solid {color:background};border-bottom:2px solid {color:background};padding-top:1px;}
- .navi a:hover{opacity:1;border-top:2px solid {color:link};border-bottom:2px solid {color:link};}
- {CustomCSS}
- </style>
- <script type="text/javascript">
- $(document).ready(function(){ //hide the all of the element with class msg_body
- $(".msg_body").hide(); //toggle the component with class msg_body
- $(".msg_head").click(function()
- {
- $(this).next(".msg_body").slideToggle();
- });});
- </script>
- <style>
- .my-like {text-align:center;
- float:left;
- margin-left:-4px;
- cursor:pointer;-webkit-transition-duration:0.2s;
- }
- .my-liked, .my-like:hover {
- float:left;color:#f75459;
- cursor:pointer;
- margin-left:-4px;
- }
- </style>
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLike = event.target;
- if( myLike.className.indexOf( 'my-like' ) > -1 ) {
- var frame = document.getElementById( 'my-like-frame' ),
- liked = ( myLike.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLike.getAttribute( 'data-reblog' ),
- id = myLike.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 );
- frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
- liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
- };
- }, false );
- };
- </script>
- <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
- {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/ejm8w78/KZjlxxt0d/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}
- <meta name="viewport" content="width=800" />
- </head>
- <body>
- <div class="wrapper">
- <div id="sidebar">
- {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" style="width:200px;"/></a>{/block:ifshowsidebarimage}
- {block:ifnotshowsidebarimage}<div style="border-bottom:0px solid #000;"><span class="blogtitle"><a href="/">{Title}</a></span></div>{/block:ifnotshowsidebarimage}
- <div style="border-bottom:1px solid #aaa;"><span class="msg_head" style="font-size:18px;font-family:lato;line-height:30px;text-transform:uppercase;font-weight:normal;">about</span>
- <div class="msg_body" style="line-height:12px;padding-bottom:5px;">{Description}</div></div>
- <div style="border-bottom:1px solid #aaa;"><span class="msg_head" style="font-size:18px;font-family:lato;line-height:30px;text-transform:uppercase;font-weight:normal;">navigate</span>
- <div class="msg_body" style="line-height:12px;padding-bottom:5px;overflow:hidden;"><div class="navi"><a href="/">home</a> {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled} {block:iflinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle} {block:iflinktwotitle}<a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle} {block:iflinkthreetitle}<a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle} {block:iflinkfourtitle}<a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle} <a href="http://sunrisen.tumblr.com">theme</a></div></div></div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:IndexPage}
- {/block:IndexPage}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
- {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Text}
- {block:Link}
- {block:IndexPage}
- {/block:IndexPage}<a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a> | <a href="{permalink}">{notecountwithlabel}</a></div>
- <div class="perma2">{DayOfWeek} at {formattedtime}</div>
- <div class="perma3"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like" style="float:left;padding-left:5px;">like this post</span></div>
- {/block:IndexPage}
- {block:IndexPage}{LinkOpenTag}<div class="img"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250" style="{block:ifroundedcorners}border-radius:5px;{/block:ifroundedcorners}"/></a></div>{LinkCloseTag}{block:ifshowcaptions}{caption}<div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div>{/block:ifshowcaptions}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="550px"/></a>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:indexpage}
- {Photoset-250}
- {/block:indexpage}
- {block:PermalinkPage}{Photoset-410}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {block:IndexPage}
- {/block:IndexPage}
- {Quote}</span>
- {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:IndexPage}
- {/block:IndexPage}
- {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}
- </ul>
- {block:IndexPage}<div class="perm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="{block:indexpage}width:27px;height:27px;{/block:indexpage}{block:permalinkpage}width:47px;height:47px;{/block:permalinkpage}position:relative;">{/block:AlbumArt}</div><div style="{block:indexpage}width:221px;height:27px;margin-top:-31px;{/block:indexpage}{block:permalinkpage}float:left;text-align:left;width:500px;height:27px;padding-top:10px;padding-bottom:10px;margin-top:-51px;{/block:permalinkpage}float:right;background-color:#e3e3e3;">{AudioPlayerGrey}
- {block:ExternalAudio}{/block:ExternalAudio}</div>{block:IndexPage}<br><div class="permm"><a href="{Permalink}">{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</a></div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- {/block:IndexPage}
- <center>
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- </center>
- <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
- {block:IndexPage}<div class="permm"><a href="{reblogurl}" target="_blank">reblog</a> : <a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {block:Video}
- {block:Answer}
- {block:IndexPage}
- {/block:IndexPage}
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:500px;"/>
- <b>{Asker}</b>: <b>{Question}</b>{Answer}
- {block:IndexPage}<div class="perm"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}
- {block:Date}
- <center>
- {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
- <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- {/block:Date}
- {/block:PermalinkPage}
- {block:PostNotes}<div class="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div class="right">
- </div>
- <div class="footer">
- <br>
- </div>
- </div>
- </body>
- </html>
- <div style="position:fixed;right:0px;bottom:-425px;">
- <---DONT REMOVE---->
- {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>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement