Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme #8
- Zayn Malik Theme by Abigail @ Dec0der | Tumblr
- Please, do NOT remove the credits! Thank You.
- -->
- <!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" xml:lang="en" lang="en">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <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://static.tumblr.com/iddq6cw/Atplvofrt/tooltip-closebutton.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>
- <head>
- <meta name="color:Post Background" content="#FFFFFF" />
- <meta name="color:Background" content="#FFFFFF" />
- <meta name="color:Bordering" content="#e7d7c5" />
- <meta name="color:Text" content="#2E2E2E" />
- <meta name="color:Link" content="#777" />
- <meta name="color:LinkHover" content="#e7d7c5" />
- <meta name="image:Icon Image" content="">
- <meta name="image:Background" content="">
- <meta name="text:Custom Link One" content="" />
- <meta name="text:Custom Link One Title" content="link 1" />
- <meta name="text:Custom Link Two" content="" />
- <meta name="text:Custom Link Two Title" content="link 2" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="{Favicon}">
- <title>Untitled Document</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold' rel='stylesheet' type='text/css'>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <style type="text/css">
- #tumblr_controls{position:fixed !important; }
- ::-webkit-scrollbar {width: 8px; height:auto; background:{color:Background};}
- ::-webkit-scrollbar-corner {background:{color:Bordering};}
- ::-webkit-scrollbar-thumb:vertical {background:{color:Bordering};}
- ::-webkit-scrollbar-thumb:horizontal {background:{color:Bordering};}
- /* BODY ENTRIES */
- body{ color:{color:text}; background-color:{color:Background}; background-image:url('{image:Background}'); background-repeat:no-repeat; background-position: left bottom; background-attachment:fixed; font-family:Cambria; font-size:10px; line-height: 12px; text-align:justify; margin:auto;}
- #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: 20px solid {color:Background};
- float:left;
- font-size:11px;
- 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:10px;
- }
- img.btn_close {
- float: right;
- margin: -50px -50px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #content{ width:600px; margin: auto auto auto auto; margin-top:120px; position: relative; }
- #content .posts { width:600px; margin:auto; position:relative;}
- #content .posts img {}
- #content .entry {{block:IndexPage} border:1px solid {color:Bordering}; width: 250px; margin:16px; padding:8px; float:left; position: relative;{/block:IndexPage}{block:PermalinkPage}margin-top:18px; width:500px; padding:6px; margin-left:42px;{/block:PermalinkPage} background-color:{color:PostBackground}; }
- .arrow { left:50%; margin-left:308px; position:fixed; font-size:16px; color:{color:header}; }
- .disphoto {background-image: url({PortraitURL-64}); -moz-border-radius: 64px; -webkit-border-radius: 64px; width: 62px; height: 62px; margin: 7px;}
- #wmyb {height:100px; width:100px; background-color: #f6f6e3; line-height:100px; text-transform:uppercase; float:left; border-top: 10px solid #f6f6e3; border-bottom: 10px solid #f6f6e3; font-family:Consolas;}
- #wmyb a {height:100px; width:100px; line-height:100px; color: #5f4642; background-color: #f6f6e3; border-top: 10px solid #f6f6e3; border-bottom: 10px solid #f6f6e3; letter-spacing:1px;}
- #wmyb:hover {letter-spacing:2px; -webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; border-bottom: 10px solid {color:Bordering};}
- #wmyb2 {height:100px; width:100px; background-color: #fbfbea; line-height:100px; text-transform:uppercase; float:left; border-bottom: 10px solid #fbfbea; border-top: 10px solid #fbfbea; font-family:Consolas;}
- #wmyb2 a {height:100px; width:100px; line-height:100px; color: #5f4642; background-color: #fbfbea; border-bottom: 10px solid #fbfbea; border-top: 10px solid #fbfbea; letter-spacing:1px;}
- #wmyb2:hover {letter-spacing:2px; -webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; border-top: 10px solid {color:Bordering};}
- #harry {width:600px; height:auto; top:0px; position:fixed; text-align:center; margin:auto; background:{color:Background};}
- #des {text-align:center;}
- .zayn {background-color:transparent;width:86px; bottom: 22px; margin-left:610px; text-align:center;opacity:1; font-size:9px; text-transform:lowercase; font-family:Helvetica, Arial, sans-serif; position:fixed;}
- .zayn img {opacity:0.9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;}
- .zayn a:hover {-webkit-transition:0.3s linear}
- .malik a {display:block; background-color:#fff1e0; margin:2px 0 2px 0; font-size:9px; font-family:Helvetica, Arial, sans-serif; text-transform:lowercase; color:#af887c; text-decoration:none; text-align:center; padding:4px; letter-spacing:1px;opacity:0.9}
- .malik a:hover {opacity:0.7;}
- .slinks {margin-bottom:4px; padding:4px; font-family:times new roman; background-color: #FFF; text-align: left; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in; color: {color:link}; font-size:11px; text-transform:uppercase; -webkit-box-shadow: 3px 3px 3px #dcdcdc;}
- .slinks:hover {background-color: #FFF; color: {color:link}; font-style:italic; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}
- #navigation {width:100px; margin:auto; position:absolute; font-family:times new roman; font-size:11px; bottom:30px; }
- /* TEXT PROPS */
- a:link, a:active, a:visited{ color: {color:link}; text-decoration:none; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}
- a:hover{ color:{color:link hover}; -moz-transition: 0.8s ease-in; -webkit-transition: 0.8s ease-in; -o-transition: 0.8s ease-in; transition: 0.8s ease-in;}
- .ptitle { color:{color:text}; font-family:Courier; font-size: 12px; padding:3px; letter-spacing:1px; border-bottom:1px solid {color:text}; background-color:{color:Background};}
- .right { margin: 0 0 px 0; padding: px; overflow:hidden; -moz-border-radius:3px; border-radius:3px; text-align: left; text-transform:; }
- .totalright {float:right; margin-top:0px;}
- .permalink {position:absolute; width:240px; background-color:{color:Post Background}; padding:5px; opacity:0; z-index:1; {block:permalinkpage}display:none;{/block:permalinkpage} -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in;
- }
- .entry:hover .permalink {opacity:0.9;}
- /* POST SPECIFICS */
- .quote {background-color:{color:Background}; padding:2px; font-family:Courier; font-size:12px; letter-spacing:1px; font-style:italic;}
- .quotem{ position:absolute; margin-left:0px; margin-top:20px; font-size:40px; opacity:0.3; filter: alpha(opacity = 30); }
- .source {font-family:times new roman; font-size:11px; font-weight:bold; text-align:left; text-transform:none; }
- .audio {{block:IndexPage}width:244px;{/block:IndexPage} {block:PermalinkPage}width:494px;{/block:PermalinkPage} background-color:#e0e0e0; padding:3px;}
- .audi img {max-width:100px; overflow:hidden; float:left; {block:permalinkpage} margin-right:5px; {/block:permalinkpage}}
- div.video embed, div.post div.video object { width:250px !important; height:180px !important;}
- .question { background-color:{color:Background}; padding:3px; border-bottom:1px solid {color:text}; font-family:courier; font-size:11px; letter-spacing:1px;}
- .answer { background-color:{color:Post Background}; padding:3px; border-radius:3px; -moz-border-radius:3px;}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:2px; }
- ol.notes { width:500px; padding: 0px; margin: 25px 0px; border-bottom: solid 1px {color:Bordering}; }
- ol.notes li.note { border-top: solid 1px {color:Bordering}; padding: 2px;}
- ol.notes li.note img.avatar {margin-right: 10px; width:0px; height: 0px;}
- iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.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 () {
- $('.posts').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div#navigation",
- // selector for the paged navigation (it will be hidden)
- nextSelector : "div#navigation a#nextPage",
- // selector for the NEXT link (to page 2)
- itemSelector : ".entry",
- // selector for all items you'll retrieve
- bufferPx : 10000,
- extraScrollPx: 11000,
- loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
- loadingText : "<em></em>",
- },
- // call masonry as a callback.
- function() { $('.posts').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- <script type="text/javascript">
- $(window).load(function(){
- $("p").remove(":contains('Source:')");
- });
- </script>
- <script type="text/javascript">
- $(window).load(function(){
- $("p").remove(":contains('Source:')");
- $("p").remove(":contains('via ')");
- });
- </script>
- </head>
- <body>
- <a style="position:fixed;bottom:5px;right:5px;opacity:0.9;color:#3d3d3d;background-color:#FFF;font-family:consolas;font-size:9px;letter-spacing:2px;" href="http://dec0der.tumblr.com" title="theme by dec0der">CREDIT</a>
- <div id="content">
- <div class="zayn">
- <img src="{image:Icon Image}" width=86><br>
- <div class="malik"><div style="border-left:{color:Bordering} 2px solid;"><a href="/">index</a></div>
- <div style=" border-left:{color:Bordering} 2px solid;"><a href="#?w=500" rel="description" class="poplight">description</a></div></div>
- </div>
- <div class="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- {block:Title} <div class="ptitle">{Title}</div> {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
- <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="250"{/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>{block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHideCaptions}
- {block:IndexPage}</a>{/block:IndexPage}
- {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- <div class="quote">{Quote}</div>
- {block:Source} <div class="source">{Source}</div> {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- <div class="ptitle"><a href="{URL}"{Target}>→ {Name}</a></div>
- {block:Description} {Description} {/block:Description}
- {/block:Link}
- {block:Chat}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- <div style="background-color:{color:MainBackground}; padding:3px;">
- {block:Title}
- <div class="ptitle">{Title}</div>
- {/block:Title}{block:Lines}{block:Label}<i><b>{Label}</b></i> {/block:Label}{Line}<br>{/block:Lines}
- </div>
- {/block:Chat}
- {block:AudioPlayer}
- <div class="post">
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- {block:indexpage}
- <div style="background-color:#e7e7e7;width:100%;float:left;margin-bottom:5px;">{audioplayergrey}</div>
- {block:albumart}
- <div class="audi"><img src="{albumartURL}"></div>
- {/block:albumart}
- <div style="float:left;margin-left:5px;width:140px;">
- {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
- {block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br>
- {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}</p>
- <b>PLAYS:</b> {Playcountwithlabel}
- </div>
- {/block:indexpage}
- {block:permalinkpage}
- <div style="background-color:#e7e7e7;width:100%;float:left;margin-bottom:5px;">{audioplayergrey}</div>
- <br>
- {block:albumart}
- <div class="audi">
- <img src="{albumarturl}">
- </div>
- {/block:albumart}
- <div style="float:left;">
- {playcountwithlabel}<br>
- {block:artist}{artist}{/block:artist}<br>
- {block:album}{album}{/block:album}<br>
- {block:trackname}{trackname}{/block:trackname}<br>
- </div>
- {/block:permalinkpage}
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- <div style="float:left;">
- {caption}
- </div>
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:AudioPlayer}
- {block:Answer}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- <div class="question">{Asker}: {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Video}
- <div class="permalink">
- {DayOfWeek} • {Month} {DayOfMonth}{DayOfMonthSuffix}
- <br>
- <a href="{Permalink}">{NoteCountWithLabel}</a> • <a href="{ReblogURL}" title="reblog this post">reblog</a>
- </div>
- {block:IndexPage}{Video-250}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Video}
- </div>
- {block:PermalinkPage}
- <div style="float:left;width:500px; margin-left:48px;">
- {block:Date}
- <div style="font-weight:bold;font-size:12px;border-bottom:1px solid {color:bordering};margin-bottom:3px;text-transform:uppercase;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>
- {/block:Date}
- {block:PostNotes}
- {NoteCountWithLabel}
- <br>
- {/block:PostNotes}
- {block:HasTags}
- tagged:{block:Tags}#<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}
- <br>
- {/block:HasTags}
- {block:RebloggedFrom}
- via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
- original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date}
- {/block:Date}
- {block:NoteCount}
- <div style="border-bottom:1px solid {color:bordering};padding-top:3px;"></div>
- <div class="notes">
- {PostNotes}
- </div>
- {/block:NoteCount}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div id="harry">
- <div id="wmyb"><a href="/ask">questions</a></div>
- <div id="wmyb2"><a href="/archive">archive</a></div>
- <div id="wmyb">{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}</div>
- <div id="wmyb2">{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}</div>
- <div id="wmyb"><a href="#?w=500" rel="blogroll" class="poplight">blogroll</a></div>
- <div id="wmyb2"><a href="http://www.themesbydec0der.tumblr.com">theme</a></div>
- </div>
- </div>
- {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}
- </body>
- <div id="blogroll" class="popup_block">
- <div style="max-height:400px; overflow-y:scroll">
- <div style="font-family:courier;font-size:30px; text-align:center; line-height:40px; margin-top:5px; letter-spacing:2px;">Blogs I Follow</div><center>
- {block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" />{block:Followed}{/block:Following}
- </center>
- </div>
- </div>
- <div id="description" class="popup_block">
- <div id="des">
- {Description}
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment