Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <!---------
- ᴄᴏᴅᴇs ʙᴇʟᴏɴɢ ᴛᴏ krphappyplace.
- ᴅᴏ ɴᴏᴛ ʀᴇᴅɪsᴛʀɪʙᴜᴛᴇ.
- ᴅᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ ᴡᴏʀᴋ.
- ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴄʀᴇᴅɪᴛ ᴀᴅᴅᴇᴅ ʙʏ ᴍᴇ.
- ᴅᴏ ɴᴏᴛ ᴜsᴇ ᴍʏ ᴄᴏᴅᴇs ᴀs ᴀ ʙᴀsᴇ ᴡɪᴛʜᴏᴜᴛ ᴘᴇʀᴍɪssɪᴏɴ.
- ---------->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!---- ** meta tags ** ---->
- <meta name="text:yourURL" content="put your url here: ex. krphappyplace">
- <meta name="color:background" content="#fefefe">
- <meta name="color:posts" content="#fff">
- <meta name="color:font" content="#555">
- <meta name="color:blockquote" content="#333">
- <meta name="select:font" content="calibri" title="calibri">
- <meta name="select:font" content="consolas" title="consolas">
- <meta name="select:font" content="courier" title="courier">
- <meta name="text:biography link" content="biography link">
- <meta name="text:link 1 url" content="link one url">
- <meta name="text:link 1 title" content="link one title">
- <meta name="text:link 2 url" content="link two url">
- <meta name="text:link 2 title" content="link two title">
- <meta name="text:link 3 url" content="link three url">
- <meta name="text:link 3 title" content="link three title">
- <meta name="text:link 4 url" content="link four url">
- <meta name="text:link 4 title" content="link four title">
- <meta name="text:link 5 url" content="link five url">
- <meta name="text:link 5 title" content="link five title">
- <meta name="text:link 6 url" content="link six url">
- <meta name="text:link 6 title" content="link six title">
- <style type="text/css">
- #s-m-t-tooltip { max-width:250px; margin-top:25px; margin-left:15px; padding: 10px; text-transform: uppercase; font-style: italic; font-size: 8px; font-family: {select:font}; background-color: #fff; border: solid 1px #f0f0f0; color: #666; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 9999999999;}
- ::-webkit-scrollbar-thumb{ background-color: #fff; border: solid 1px #eee; padding: 1px; height:auto;}
- ::-webkit-scrollbar { height:auto; width:10px; background-color: #f9f9f9; }
- ::selection { background: #000; color: #fff;}
- ::-moz-selection {background: #000; color: #fff;}
- ::-webkit-selection { background: #000; color: #fff; }
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
- iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
- body { background-color: {color:background}; overflow: auto; overflow-x: hidden; margin: 0px; font-family: {select:font}; font-size: 9px; color: {color:font}; cursor: crosshair;}
- a {color: #666; text-decoration: none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- a:hover{ color: #000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- h1 { color:#444; font-size: 10px; text-transform: uppercase; font-weight: 700; margin: 1px;}
- h2 { color:#888; font-size: 9px; text-transform: uppercase; font-weight: 400; margin: 1px;}
- p, small, sub { font-family: {select:font}; font-size: inherit;}
- pre { font-family: {select:font}; white-space: pre-wrap; padding: 10px; line-height: 10px; display: block; background-color: #fafafa; text-align: center;}
- blockquote { margin: 0px; margin-left: 10px; padding-left: 5px; border-left: solid 1px #f0f0f0; text-align: justify; font-size: 8px; font-color: {color:blockquote};}
- #sidebar { position: fixed; top: 0%; left: 0%; margin-top: 50px; margin-left: 430px; width: 150px; height: auto; padding: 0px; background-color: #fff; border: solid 1px #f0f0f0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 3; }
- #sidebar_link { margin: 0px; }
- #sidebar_link a { font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: {color:font}; background-color: transparent; padding: 5px; display: block; margin-left: 0px; border-top: solid 1px #f0f0f0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #sidebar_link a:hover { color: #000; letter-spacing: 3px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #sidebar h1 { font-size: 8px; letter-spacing: 2px; text-align: center; text-transform: uppercase; color: {color:font}; background-color: transparent; padding: 5px; display: block; margin-left: 0px; border-bottom: solid 1px #f0f0f0;}
- #sidebar_description { padding: 5px; }
- #sidebar_explore { height: 10px; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: {color:font}; background-color: transparent; padding: 5px; display: block; margin-left: 0px; overflow: hidden; border-top: solid 1px #f0f0f0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #sidebar_explore:hover { height: 130px; color: #000; letter-spacing: 3px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #explore_links { margin: 0px; margin-top: 5px;}
- #explore_links a { padding: 5px; font-size: 7px; letter-spacing: 1px; text-align: left; display: block; border-bottom: solid 1px #f8f8f8; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #explore_links a:hover { color: #000; background-color: #fafafa; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #container { width: 280px; height: 100%; top: 0%; left: 0%; margin-top: 10px; margin-left: 110px; position: relative; overflow-x: hidden; z-index: 2; }
- .post { width: 250px; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; background-color: {color:posts}; padding:10px; text-align: justify; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: solid 1px #f0f0f0; z-index: 4;}
- .post blockquote {max-width: 100%;}
- .post caption, .post li, { max-width: 100%;}
- .post img { max-width: 100%; height: auto;}
- .post li {list-style: square;}
- .convo { list-style-type: none; }
- .convo li{ list-style-type: none;}
- .convo ul{ list-style-type: none; }
- .convo .label { text-transform: none; font-style: bold; list-style-type: none; }
- .line_odd { background-color: #fff; padding: 3px; text-align: justify; list-style-type: none; margin-top: 2.5px; margin-bottom: 2.5;}
- .line_even { margin-top: 2.5px; margin-bottom: 2.5px; background-color: #fff; padding: 3px; text-align: justify; list-style-type: none; }
- #portrait { float: left; margin-top: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
- #portrait img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
- .bubble { background: #fafafa; margin:3px 0px 5px 30px; padding:10px; position: relative;}
- .bubble p {margin:1px 0px;}
- .bubble span {display: inline-block; position:absolute; width:1px;height:1px; font-size: 0;line-height: 1px; left:-10px; top:10px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid #fafafa; float: left;}
- .bubble a { border-bottom: solid 1px #888; text-transform: uppercase; color: #333; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- .bubble a:hover { color: #000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- #etc {background-color: transparent; font-size: 7px; color: #555; padding: 10px; text-decoration: none; text-transform: uppercase; text-align: left; margin-bottom: 50px;}
- #etc a {font-size: 7px; color: #555; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
- #etc a:hover { color: #000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
- .quote { color:#444; font-size: 10px; text-transform: uppercase; font-weight: 700; text-align: justify; margin: 1px;}
- .audioplayer { width: 26px; height: 26px; opacity: 0.5; overflow: hidden;}
- .audio { float: left; width: 26px; height: 26px; background-color: #fafafa;}
- .audioinfo { margin-left: 31px; height: 26px; padding: 5px; overflow: hidden; width:200px; }
- #fade {
- display: none;
- background: #111;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0.8;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: transparent;
- padding: 20px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- }
- *html #fade {position: absolute;}
- *html .popup_block { position: absolute;}
- ol.notes { list-style: none; font-size: 7px; color: #555; text-align: justify; text-transform: uppercase; margin-left: -40px;}
- ol.notes li.note { border-top: solid 1px #fafafa; background-color: #fff; padding: 10px;}
- ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
- ol.notes li.note span.action {font-weight: 100;}
- ol.notes li.note .answer_content { font-weight: normal;}
- ol.notes li.note blockquote { padding: 4px 10px; margin: 0px;}
- ol.notes li.note blockquote a {text-decoration: none;}
- .crdt {position: fixed; bottom: 0%; right: 0%; margin-bottom:35px; margin-right:15px; padding: 5px; height: auto; width: auto; background-color: transparent; overflow: hidden; z-index: 99999;}
- </style>
- </head>
- <body>
- <div id="sidebar">
- <h1>{title}</h1>
- <div id="sidebar_description">
- {description}
- </div>
- <div id="sidebar_link">
- <a href="/"><img src="http://static.tumblr.com/ap7kizz/C0Qnyl94d/home-outline.png" style="float: left; padding-right: 5px; height: 10px;">home</a>
- <a href="#?w=500" rel="asking" class="poplight"><img src="http://static.tumblr.com/ap7kizz/lmVnyl94k/mail.png" style="float: left; padding-right: 5px; height: 10px;">message</a>
- <a href="{text:biography link}" rel="profile" class="poplight"><img src="http://static.tumblr.com/ap7kizz/01anyl94u/clipboard.png" style="float: left; padding-right: 5px; height: 10px;">profile</a>
- </div>
- <div id="sidebar_explore">
- <img src="http://static.tumblr.com/ap7kizz/mYynyl95k/cog-outline.png" style="float: left; padding-right: 5px; height: 10px;">explore
- <div id="explore_links">
- <a href="{text:link 1 url}">{text:link 1 title}</a>
- <a href="{text:link 2 url}">{text:link 2 title}</a>
- <a href="{text:link 3 url}">{text:link 3 title}</a>
- <a href="{text:link 4 url}">{text:link 4 title}</a>
- <a href="{text:link 5 url}">{text:link 5 title}</a>
- <a href="{text:link 6 url}">{text:link 6 title}</a>
- </div>
- </div>
- </div>
- <div id="asking" class="popup_block">
- <iframe frameborder="0"
- height="200"
- id="ask_form"
- scrolling="no"
- src="http://www.tumblr.com/ask_form/{text:yourURL}.tumblr.com/"
- width="100%">
- </iframe>
- </div>
- <div ID="container">
- {block:posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!--------
- ASK BUBBLE TUTORIAL FOUND AT TIPPING-TUTORIALS.TUMBLR.COM
- -------->
- {block:Answer}<div id="portrait"><img src="{AskerPortraitURL-16}"></div><div class="bubble"><span></span>{Asker}: {Question} </div>{Answer}{/block:Answer}
- {block:Quote}
- <div class="quote">
- {Quote}
- <p style="font-size: 7px; text-align: center; border-top: solid 1px #f0f0f0; width: 270px; margin-left: -11px; padding-top: 5px; padding-bottom: -10px;">{source}</p>
- </div>
- {/block:Quote}
- {block:Link}
- <a href="{URL}">{Name}</a>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="convo">
- {block:Lines}
- <li class="line_{Alt}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}</li>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Photo}
- <img src="{PhotoURL-250}">
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {block:Panorama}
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Panorama}
- {block:Video}
- <center>
- {Video-250}
- </center>
- {block:ifShowCaptionsOnIndex}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptionsOnIndex}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audio"><center><div class="audioplayer">{AudioPlayerWhite}</div></center></div>
- <div class="audioinfo">
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
- {block:Artist}<i>{Artist}</i>{/block:Artist} <br>
- {block:PlayCount}{FormattedPlayCount} plays{/block:PlayCount}
- </div>
- {block:permalinkpage}
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
- {/block:Audio}
- </div>
- <div id="etc">
- <img src="http://static.tumblr.com/ap7kizz/ynynyl97q/tags.png" style="float: left; height: 9px;">
- {block:Date}
- <a href="{permalink}" title="{TimeAgo}"><strong>{DayOfWeek}</strong></a>
- {/block:Date}
- {block:NoteCount}
- <a href="{permalink}"><strong>{NoteCount} N</strong></a>
- {/block:NoteCount}
- <a href="{ReblogURL}"><strong>reblog</strong></a>
- {block:permalinkpage}
- {block:ContentSource}
- <a href="{SourceURL}"><strong>source</strong></a>
- {/block:ContentSource}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"><strong>via</strong></a>
- {/block:RebloggedFrom}
- {/block:permalinkpage}
- <br>
- {block:HasTags}{block:Tags}
- #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Posts}
- {block:Pagination}
- <p style="padding: 10px; text-align: center;">
- {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</p>
- {/block:Pagination}
- </div>
- </div>
- <div class="crdt">
- <a href="http://krphappyplace.tumblr.com/" title="made with love"><img src="http://38.media.tumblr.com/tumblr_mexmflLMdS1r52dl9.gif"></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement