Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme by gnarlybarbies
- made for justynn
- -->
- <!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 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>
- <link href='http://fonts.googleapis.com/css?family=Ruluko|Schoolbell|Amatic+SC|Annie+Use+Your+Telescope' 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>
- $(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://media.tumblr.com/tumblr_lprqb3zExH1qcn2vb.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>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $('li.drawer div:nth-child(2)').hide();
- $('li.drawer h4').click(function () {
- if ($(this).hasClass('open')) {
- $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
- else {
- $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
- $(this).next().slideDown();
- $(this).addClass('open');}
- });
- });
- </script>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:Text" content="#130C11"/>
- <meta name="color:Hover" content="#130C11"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:Scrollbar" content="#130C11"/>
- <meta name="color:Permalink" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="if:Rainbow Links" content=""/>
- <meta name="if:Shadow Links" content="1"/>
- <meta name="if:Custom Scrollbar" content=""/>
- <meta name="if:Show Sidebar Image" content="0"/>
- <meta name="text:hover name" content="H O V E R" />
- <style type="text/css">
- .popup_block{
- display: none;
- background: #D3D3D3;
- background-image: url();
- padding: 10px;
- font-family: Garamond;
- float: left;
- font-size: 10px;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 2;
- border: 2px solid #363636;
- -moz-box-shadow: 0 0 5px #CFCFCF;
- -webkit-box-shadow: 0 0 5px #CFCFCF;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- *html .popup_block {
- position: absolute;
- }
- .popup_block{
- display: none;
- background: #D3D3D3;
- background-image: url();
- padding: 10px;
- font-family: 'Ruluko', sans-serif;
- float: left;
- font-size: 14px;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 2;
- -moz-box-shadow: 0 0 5px #CFCFCF;
- -webkit-box-shadow: 0 0 5px #CFCFCF;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;
- }
- *html .popup_block {
- position: absolute;
- }
- #bite
- #bite a{
- display:block
- }
- #bite .meh {
- margin-top:-40px;filter: alpha(opacity = 0);
- opacity:0;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #bite:hover .meh {
- margin-top:2px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);
- opacity:100;
- }
- iframe#tumblr_controls{position:fixed !important;}
- ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
- ul#drawers a {text-decoration: none; color: #000;}
- ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
- transition: background-color 0.2s ease-out;}
- h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
- li.drawer h4.open {background-color: ; border-top: 0px;}
- li.drawer div {padding: 0px; margin: 0px; line-height: 10px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
- li.drawer div li {list-style-type: disc;}
- li.drawer div ul {-webkit-padding-start: 12px;}
- @font-face {
- font-family: "tinytots";
- src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
- }
- @font-face {
- font-family: "kg luck of the irish";
- src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
- }
- @font-face {
- font-family: "nayu pixel";
- src: url('http://static.tumblr.com/nsunyax/2zhlyudbt/nayupixel.ttf');
- }
- {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
- ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
- {block:ifinfinitescrolling}<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
- #tumblr_controls{
- position:fixed !important;
- }
- .wrapper{
- margin: 0px auto;
- width: 802px;
- }
- .header{
- float: left;
- width: 100%;
- }
- .yourposts{
- float: left;
- margin-right: 20px;
- width: 802px;
- }
- .right{
- float: right;
- width: 200px;
- background-color: {color:Background};
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family: 'Ruluko', sans-serif;
- font-size: 14px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- a:hover{
- color:{color:Hover};
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- text-shadow:0px 0px 1px #696969;
- }
- .title{
- font-family: 'Ruluko', sans-serif;
- font-size: 19px;
- line-height: 16px;
- color: {color:Title};
- letter-spacing: 1;
- font-weight: normal;
- }
- .blogtitle{
- font-family:'Amatic SC', cursive;
- font-size: 40px;
- line-height: 30px;
- text-shadow: 2px 2px 2px #888;
- letter-spacing: 0;
- font-weight: normal;
- }
- .entry {
- margin:2px;
- padding-top: 1px;
- padding-left: 1px;
- padding-right: 1px;
- float:left;
- background-color: white;
- font-family: 'Ruluko', sans-serif;
- font-size: 14px;
- line-height:10px;
- {block:IndexPage}
- width:400px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:400px;
- margin-left: 357x;
- {/block:PermalinkPage}
- }
- .entry .perma{
- position:absolute;
- margin-right:0px;
- width:auto;
- height:auto;
- padding-top:2px;
- background-color:#b3b3b3;
- overflow:hidden;
- font-family: 'Ruluko', sans-serif;
- text-transform: uppercase;
- font-size: 12px;
- line-height:px;
- text-align:center;
- opacity:0.0;
- -webkit-transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .entry:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8;
- -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; margin-top:3px; margin-left: 3px; width: auto; height:auto; padding:2px;}
- .perm{display: block;
- margin-top: 4px;
- font-family: 'Ruluko', sans-serif;
- font-size: 9px;
- line-height: 11px;
- text-align:center;
- background-color: {color:permalink};
- border-bottom:1px solid white;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 1px;
- border-left: 1px solid {color:Text};}
- blockquote p, ul{margin:0px; padding:0px;}
- #links {
- position:fixed !important;
- width: 30px;
- height: auto;
- margin-top: 90px;
- margin-left: -167px;
- padding: 1px;
- text-align: center;
- margin-bottom: 5px;
- background-color:transparent;
- }
- #links2 {
- position:fixed !important;
- width: 33px;
- height: auto;
- margin-top: 90px;
- margin-left: -106px;
- padding: 1px;
- text-align: center;
- margin-bottom: 5px;
- background-color:transparent;
- }
- #links3 {
- position:fixed !important;
- width: 33px;
- height: auto;
- margin-top: 90px;
- margin-left: -45px;
- padding: 1px;
- text-align: center;
- margin-bottom: 5px;
- background-color:transparent;
- }
- #links4 {
- position:fixed !important;
- width: 33px;
- height: auto;
- margin-top: 90px;
- margin-left: 16px;
- padding: 1px;
- text-align: center;
- margin-bottom: 5px;
- background-color:transparent;
- }
- .navigate{
- width: 55px;
- height: 15px;
- height: auto;
- background-color:#fff;
- font-size:10px;
- font-family:'Ruluko', sans-serif;
- margin-top:3px;
- margin-left:1px;
- padding: 2px;
- line-height:13px;
- text-align:center;
- -webkit-transition-duration: 1s;
- border-top-right-radius:40px;
- border-bottom-right-radius:0px;
- border-top-left-radius:40px;
- border-bottom-left-radius:0px;
- display: inline-block;
- }
- .navigate:hover {
- background-color: {color:background};
- }
- .blogtitle{
- font-family:
- font-size: 50px;
- line-height: 50px;
- color: {color:Blog Title};
- font-weight: bold;}
- @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
- div#sidebar{
- position:fixed !important;
- margin-left: 900px;
- margin-top: 130px;
- background-color: transparent;
- height: auto;
- width: 250px;
- padding: 2px;
- text-align: center;
- }
- #credit a{
- color:#b3b !important;
- }
- #credit{
- font-family: "littlefont";
- font-size: 10px;
- line-height:10px;
- position:fixed !important;
- width:auto;
- height:auto;
- background-color: #ffffff;
- padding: 3px;
- left:2px;
- bottom:2px;
- }
- #posts {
- width: 820px;
- margin-left:90px;
- margin-top:2px;
- float:left;
- font-family: 'Ruluko', sans-serif;
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- .title{
- font-family: 'Ruluko', sans-serif;
- font-size: 16px;
- line-height:8px;
- color: {color:Text};
- font-weight: normal;
- }
- .ask{
- padding: 1px;
- color:#000;
- background-color:{color:ask};
- }
- @font-face {
- font-family: "pupcat";
- src: url('http://static.tumblr.com/chrrjbz/xCAlzys5e/pupcat_rg.ttf');
- }
- @font-face {
- font-family: "tinytots";
- src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
- }
- ul, ol, li{list-style:bullet; margin-left:10px; padding-top:2px; padding-bottom: 2px;}
- .blank
- <!-kb->
- </style>
- {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/dbek3sy/pX1lrx8xv/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}
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- </head>
- {block:ifrainbowlinks}<script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
- "></script>{/block:ifrainbowlinks}
- <body>
- <div class="header">
- </div>
- <div id="sidebar"><br /><br />
- <div class="blogtitle"><a href="/"><font color="000">{title}</font></a></div><br /><p>
- <div id="bite">{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=200px></a>{/block:ifshowsidebarimage}<br />
- </br>
- {description}
- </br></br>
- {text:hover name}
- </br>
- <div class="meh">
- </br>
- <a href="/">home</a> </br></br>
- <a href="#?w=500" rel="02" class="poplight">ask+faq</a></br></br>
- <a href="#?w=500" rel="03" class="poplight">quote categories</a></br></br>
- <a href="#?w=500" rel="04" class="poplight">photo categories</a></br></br>
- <a href="#?w=500" rel="05" class="poplight">etc</a></br></br>
- <a href="http://gnarlybarbies.tumblr.com">theme</a><br /><br />
- </div></div></div>
- </div>
- <div class="yourposts">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span><span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:text}
- {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:link}
- {block:Photo}
- {block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{NoteCountWithLabel}</a></span></div>
- {/block:IndexPage}<center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/></a>{LinkCloseTag}</center>{/block:Photo}
- {block:Photoset}{block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{NoteCountWithLabel}</a> </span></div>
- {/block:IndexPage}<center>{Photoset-400}</center></span>{/block:Photoset}
- {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<i> - {Source}</i>{/block:Source}<br><span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a> </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"><b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ul><span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:Chat}
- {block:Answer}
- <div class="ask"><u>{Asker} asked:</u> <b>{Question}</b></div>
- {Answer}
- {block:IndexPage}<span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecount} notes</a></span>{/block:IndexPage}
- {/block:Answer}
- {block:Audio}<center><div style="width:400px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div></div></center><br>
- {/block:Audio}
- {block:Video}{block:IndexPage}
- <div class="permalink">
- <a href="{permalink}">{NoteCountWithLabel}</a></div>
- <div class="reblog">
- <a href="{ReblogURL}">Reblog</a></div>
- {/block:IndexPage}<center>{Video-400}<br>{block:permalinkpage}on}{/block:permalinkpage}</center>{/block:Video}
- {block:PermalinkPage}
- <center>
- <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:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/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}
- </div>
- </body>
- <div id="02" class="popup_block">
- <Center><font size="5" color="#1C1C1C">FAQ STUFF HERE<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>
- <div id="03" class="popup_block">
- <Center><font size="5" color="#1C1C1C">QUOTE CATEGORIES TITLE<p></font><br>QUOTE CONTENT HEREEE
- </center></div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="04" class="popup_block">
- <Center><font size="5" color="#1C1C1C">PPHOTO CATEGORIES TITLE<p></font><br>PHOTO CONTENT HEREEE
- </center></div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="05" class="popup_block">
- <Center><font size="5" color="#1C1C1C">ETC TITLE<p></font><br>ETC CONTENT
- </center></div>
- </div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement