Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
- <script src="http://static.tumblr.com/thpaaos/Oznkoyc5z/jquery.scale.js"></script>
- <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
- <script type="text/javascript">
- {block:IndexPage}
- $(window).load(function () {
- $('.posts').masonry();
- });
- {/block:IndexPage}
- </script>
- <link href='http://static.tumblr.com/gfiuv4c/BFem7ncuo/flipiny.css' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Warnes' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Armata' rel='stylesheet' type='text/css'>
- <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://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://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>
- <!--- THEME BY ADORABUHL,remove credit and the theme wont work --->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="image:Background" content="http://24.media.tumblr.com/tumblr_ma67hsTMuu1r3qdeoo1_500.jpg"/>
- <meta name="color:Posts" content="#fcfcfc"/>
- <meta name="color:Links"="#000"/>
- <meta name="color:Links Hover"="#000"/>
- <style>
- @-webkit-keyframes reblawg {
- 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
- 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
- 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
- 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
- }
- @-moz-keyframes reblawg {
- 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
- 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
- 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
- 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
- }
- @-o-keyframes reblawg {
- 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
- 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
- 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
- 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
- }
- @keyframes reblawg {
- 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
- 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
- 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
- 100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
- }
- @font-face { font-family:fromwhere;
- src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');
- }
- .reblawg { {
- -webkit-animation-name: reblawg;
- -moz-animation-name: reblawg;
- -o-animation-name: reblawg;
- animation-name: reblawg;
- -webkit-animation-timing-function: ease-out;
- -moz-animation-timing-function: ease-out;
- -o-animation-timing-function: ease-out;
- animation-timing-function: ease-out;
- }
- .animated.reblawg {
- -webkit-animation-duration: 0.5s;
- -moz-animation-duration: 0.5s;
- -o-animation-duration: 0.5s;
- animation-duration: 0.5s;
- }
- </style>
- </head>
- <style type="text/css">
- .menu {
- display : block;
- text-align: center;
- background : #fff;
- font-size: 10px;
- width: 70px;
- height: 23px;
- letter-spacing:0px;
- margin-top:5px;
- margin-left:3px;
- line-height:25px;
- color: #000;
- font-family: courier new;
- font-size: 13px;
- text-align:center;
- -webkit-transition-duration: .6s;
- -webkit-border-radius:2px;
- moz-border-radius:2px;
- -o-border-radius:2px;
- border-radius:2px;
- border-top-right-radius:0px;
- border-bottom-right-radius:60px;
- border-top-left-radius:60px;
- border-bottom-left-radius:0px;
- display: inline-block;
- border-style: 3px solid #000;
- }
- .menu:hover {
- -moz-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- transition: all .2s ease-in-out;
- -webkit-transition: all .2s ease-in-out;
- -webkit-transition-duration: .8s;
- -webkit-border-radius:2px;
- moz-border-radius:2px;
- -o-border-radius:2px;
- border-radius:2px;
- border-top-right-radius:600px;
- border-bottom-right-radius:0px;
- border-top-left-radius:0px;
- border-bottom-left-radius:600px;
- -webkit-transition-duration: 1s;
- -webkit-transition-duration: 1s;
- }
- menu:a{
- font-family: 'Armata', sans-serif;
- font-size: 10px;
- }
- a {
- font-family: 'Armata', sans-serif;
- text-transform: uppercase;
- font-size: 14px;
- color: {color:Links};
- }
- a:hover {
- color: {color:Links Hover};
- }
- div#sidebar{
- position:fixed !important;
- width: 600px;
- margin-left: 18%;
- height: auto;
- margin-top: 300px;
- padding-top:3px;
- padding: 2px;
- z-index: 9999999;
- opacity:0.85;
- background-color: {color:Background};
- text-align: center;
- float: center;
- }
- #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: 9999999;
- }
- .popup_block{
- -webkit-animation: flipInY 2s;
- -moz-animation: flipInY 2s;
- -ms-animation: flipInY 2s;
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 20px;
- border: 20px 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: 10px;
- z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- body {
- background-image: {image:Background};
- background-color: {color:Background};
- background-size: cover;
- font-family: helvetica;
- }
- .title2{font-size:22px;
- text-align: center;
- letter-spacing:1px;
- line-height:37px;
- color:#2B2B2B;
- font-family:'fromwhere', cursive;
- font-weight: 800;
- text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.1);
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
- }
- .title2:hover{
- color:#2B2B2B;
- text-shadow:0px 0px 0px rgba(0,0,0,0.1);
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
- }
- .titlee2{font-size:18px;
- text-align: center;
- letter-spacing:1px;
- line-height:40px;
- color:#2B2B2B;
- font-family:'fromwhere', cursive;
- font-weight: 800;
- text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.1);
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
- }
- .titlee2:hover{
- color:#2B2B2B;
- text-shadow:0px 0px 0px rgba(0,0,0,0.1);
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
- }
- #permalink {
- position: absolute;
- margin-top: 8px;
- opacity: 0;
- }
- #entry:hover #permalink {
- margin-top: 8px;
- opacity: 1;
- }
- #permalink {
- position: absolute;
- margin-top: 8px;
- }
- #entry:hover #permalink {
- margin-top: 8px;
- margin-left: 205px;
- opacity: 1;
- -webkit-animation: reblawg 0.6s;
- -moz-animation: reblawg 0.6s;
- -ms-animation: reblawg 0.6s;
- }
- .countreblog {
- -webkit-animation: reblawg 1s;
- -moz-animation: reblawg 1s;
- -ms-animation: reblawg 1s;
- color: #FFFFFF;
- letter-spacing:4px;
- font-family: 'Armata', sans-serif;
- text-transform: uppercase;
- font-size:8px;
- line-height:20px;
- background-color: transparent;
- padding:5px;
- }
- .countreblog a { color: {color:link}; text-shadow: 0px 0px 5px {color:text shadow}; }
- .perma{
- opacity: 0.0;
- filter: alpha(opacity = 0);
- width: 60px;
- height: 30px;
- line-height: 30px;
- font-size: 9px;
- position:absolute;
- text-align: center;
- z-index:9999991;
- margin-top: -7px;
- -webkit-animation: reblawg 0.5s;
- -moz-animation: reblawg 0.5s;
- -ms-animation: reblawg 0.5s;
- }
- #entry:hover .perma {
- opacity: 0.9;
- margin-top: -7px;
- margin-left: -197px;
- -webkit-animation: reblawg 0.5s;
- -moz-animation: reblawg 0.5s;
- -ms-animation: reblawg 0.5s;
- }
- .likep {
- display: inline;
- width: 21px;
- float: right;
- height: 20px;
- margin-left:-4px;
- overflow: hidden;
- position: relative;
- z-index: 9999999;
- }
- .likep a {
- background-image:
- url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
- background-position: 0px 0px;
- display: block;
- z-index: 9999999;
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- transition: all .4s ease;
- }
- .likep img {
- width: 21px;
- height: 20px;
- -webkit-transition: all .4s ease;
- -moz-transition: all .4s ease;
- -o-transition: all .4s ease;
- transition: all .4s ease;
- }
- .rep img{
- width: 24px;
- height: 20px;
- line-height: 30px;
- display: inline;
- }
- .permatext{
- background-color:#eee;
- display: block;
- text-transform:uppercase;
- font-family: tinytots;
- font-size: 8px;
- text-align: center;
- letter-spacing:1px;
- }
- #posts{
- float:center;
- {block:indexpage}
- width:522px;
- {/block:indexpage}
- {block:permalinkpage}
- width:522;
- {/block:permalinkpage}
- margin-left: 20%;
- margin-top: 90px;
- }
- #entry{
- opacity:1.0;
- font-size: 14px;
- line height: 17px;
- text-align:center;
- z-index:9999;
- float:left;
- width: 240px;
- height: auto;
- {block:PermalinkPage}
- width: 514px;
- height: auto;
- {/block:PermalinkPage}
- line-height:14px;
- background-color:{color:Posts};
- margin-right:3px;
- overflow:hidden;
- margin-top: 0px;
- padding: 3px;
- }
- #entry:hover{
- opacity: 1.0;
- transition: all 0.5s ease-out;
- }
- </style>
- <body>
- <div id="sidebar">
- <center><span class="title2">{Title}</span></center>
- <center><span class="menu"><a href="/">Home</a></span> <span class="menu"><a href="#?w=500" rel="02" class="poplight">Message</a></span></span> {block:Pages}{block:HasPages}<span class="menu"><a href="{URL}">{Label}</a></span>{/block:HasPages}{/block:Pages}
- <span class="menu"><a href="http://adorabuhl.tumblr.com">Theme</a></span><br></center>
- {Description}
- </div></div></span>
- <div id="posts">
- {block:Posts}
- <div id="entry">
- {block:IndexPage}
- <div class="perma">
- <div id="permalink">
- <span class="countreblog"><a href="{reblogurl}" target="_blank"><img src="http://narnia.tcs3.co.uk/themes/narnia/reblog.png"</a></a>
- </div></span></div>
- {/block:IndexPage}
- {block:Photo}
- {block:IndexPage}
- <center>
- <div class="perma">
- <div id="permalink">
- <span class="countreblog"><a href="{reblogurl}" target="_blank"><br> <span style="background-color: #fff;">REBLOG</a></span></a>
- </div></span></div>
- {/block:IndexPage}
- {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=240px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=512px/>{LinkCloseTag}{/block:PermalinkPage}
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div style="padding-top:30px; padding-bottom:30px;"><a href="{permalink}">
- {Photoset-250}</a></div>
- {/block:Photoset}
- </a>
- {block:Text}
- {block:Title}<span class="titlee2">{Title}</span>{/block:Title}
- <span class="entrytext">{Body}</span>
- <span class="permalink">
- </span>
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="titlee2">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Quote}
- <span class="title">{Quote}</span>
- {block:Source}<strong>{Source}</strong>{/block:Source}
- <span class="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}
- <span class="permalink">
- </span>
- {/block:Chat}
- {block:Answer}
- <br>
- <div style="border-radius:20px; border: 1px solid #000; margin: 3px; min-height:40px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 5px 3px #E6DFDF; font-family: 'Warnes', cursive; font-size: 18px; line-height: 29px;">
- <img src="{AskerPortraitURL-30}" width="50" align="left" style="margin-right:3px; border-radius: 20px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 30px;"/>
- <askk>{Asker}</askk>: {Question}<br></div>
- <div style="font-size: 18px; font-family: 'Armata', sans-serif;">
- {Answer}
- </div>
- {/block:Answer}
- {block:Audio}
- <div style="padding-top:0px; padding-bottom:0px;">
- <div style="float:center">
- {AudioPlayerBlack}
- </div>
- </div>
- <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
- <hr size="1" width="270">
- <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount} Plays</a></div>
- <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- </a> - <a href="{Permalink}">{DayOfMonth} {Month}, {Year}
- </a></div>{/block:indexpage}
- {/block:Audio}
- {block:Video}
- <div style="padding-top:0px; padding-bottom:2px;">
- {Video-250}</div>
- <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
- {block:indexpage}<hr size="1" width="270">
- <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- </a> - <a href="{Permalink}">{DayOfMonth} {Month}, {Year}
- </a></div>{/block:indexpage}
- {/block:Video}
- {block:PermalinkPage}</a>
- <div id="permapage"><br>
- {block:notecount}
- {notecountwithlabel}
- {/block:notecount} {block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} {block:RebloggedFrom} Reblogged from
- <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
- <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- <br><br>
- <div align="left">
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- </div>
- </center>
- </div>
- </div>
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
- <div style="position:fixed !important;right:3px;top:26px;"><a href="http://adorabuhl.tumblr.com"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a></div>
- </body>
- <div id="02" class="popup_block">
- <Center><font size="5" color="#1C1C1C"><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>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement