Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <!--- Theme #50 by Heidi @ladmilk - Inspired by Selkas ---->
- <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"></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://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="https://www.kissofnaturesoap.com/shop/images/pointer_blue.gif" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <meta name="image:Background" content="" />
- <meta name="color:Background" content="#0f0f0f" />
- <meta name="color:Posts" content="#131313" />
- <meta name="color:Text" content="#474747" />
- <meta name="color:Links" content="#43324e" />
- <meta name="color:Blockquote" content="#191919" />
- <meta name="color:Posttitle" content="#222222" />
- <meta name="color:Bold" content="#4d3760" />
- <meta name="color:Italic" content="#271933"/>
- <meta name="color:Border" content="#191919" />
- <meta name="color:Permalink" content="#191919" />
- <meta name="color:PermaText" content="#474747" />
- <meta name="color:NoteText" content="#474747" />
- <meta name="color:NoteBackground" content="#f6f6f6" />
- <meta name="color:Scroll" content="#0f0f0f" />
- <meta name="color:Scrollbar" content="#0f0f0f" />
- <meta name="color:Scrollbarborder" content="#191919" />
- <meta name="if:250px" content="1" />
- <meta name="if:ShowCaptions" content="0" />
- <meta name="if:ShowDescription" content="1" />
- <meta name="if:WhiteTumblrControls" content="1" />
- <meta name="if:Infinitescroll" content="1" />
- <meta name="text:PostPadding" content="0px" />
- <meta name="text:MP3 Link" content=""/>
- <style type="text/css">
- @font-face
- { font-family:"lovenote"; src: url('https://dl.dropbox.com/s/lg0biqm7jqlyfaq/ck-love-note.ttf?dl=1'); format(“truetype”);}
- /* Tumblr Controls */
- iframe#tumblr_controls {
- top:0%!important;
- right:0%!important;
- position:fixed!important;
- z-index:999999999!important;
- {block:ifWhiteTumblrControls}
- opacity:0.3;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter:invert(100%);
- filter:invert(100%);
- {/block:ifWhiteTumblrControls}
- }
- /* Scroll */
- ::-webkit-scrollbar { width:5px; height:5px;}
- ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
- ::-webkit-scrollbar-thumb {
- background-color:{color:Scrollbar};
- border:1px solid {color:Scrollbarborder};
- -webkit-border-radius: 10%;
- -moz-border-radius: 10%;
- border-radius: 10%;}
- /* Tooltips */
- #s-m-t-tooltip{
- max-width:210px;
- margin-top:25px;
- margin-left:15px;
- padding:2px 5px;
- z-index:999999;
- background:{color:posts};
- border:1px solid {color:Border};
- -webkit-border-radius: 10%;
- -moz-border-radius: 10%;
- border-radius: 10%;
- color:{color:text};
- font-family:calibri, arial, sans-serif;
- font-size:8px;
- line-height:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- /*Body*/
- body {
- margin:0;
- padding:0;
- border:0;
- background:url('{image:Background}');
- background-attachment:fixed;
- background-repeat:repeat;
- background-color:{color:Background};
- color:{color:Text};
- font-family:arial, sans-serif;
- font-size:10px;
- line-height:12px;
- word-wrap:break-word;
- }
- pre {
- width:95%;
- margin-left:auto;
- margin-right:auto;
- padding:4px;
- background:#f4f4f4;
- white-space:pre-wrap;
- word-wrap:break-word;
- }
- blockquote {
- width:88%;
- margin-left:auto;
- margin-right:auto;
- padding-left:10px;
- padding-right:10px;
- padding-top:1px;
- padding-bottom:1px;
- border-left:1px solid {color:Blockquote};
- }
- ul, ol {
- margin-left:-15px;
- }
- /* Typo */
- p { margin:3px 0px; }
- a {
- color:{color:Links};
- text-decoration:none;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- a:hover{ color:transparent; }
- b, strong {
- color:{color:Bold};
- font-weight:bold;
- }
- i, em {
- color:{color:Italic};
- font-style:italic;
- }
- h2 {
- font-family:helvetica;
- font-size:30px;
- letter-spacing:-2px;
- color:{color:PostTitle}; margin:0 0 10px 0;}
- /* Center Wrapper */
- #wrapper {
- {block:if250px}
- width:250px;
- {/block:if250px}
- height:auto;
- margin-left:800px;
- margin-right:auto;
- margin-top:20px;
- margin-bottom:80px;
- padding:0;
- border:0;
- -webkit-animation:fadeInDown 3s;
- -moz-animation:fadeInDown 3s;
- -o-animation:fadeInDown 3s;
- }
- /* Posts */
- .post_outer {
- {block:if250px}
- width:270px;
- {/block:if250px}
- margin-bottom:70px;
- background:transparent;
- border:1px solid {color:Border};
- position:relative;
- background:{color:Posts};
- }
- .posts {
- {block:if250px}
- width:250px;
- {/block:if250px}
- height:auto;
- padding:10px 10px 0px ;
- position:relative;
- background:{color:Posts};
- color:{color:Text};
- font-family:arial, sans-serif;
- font-size:10px;
- line-height:12px;
- text-align:left;
- }
- .post_inner { padding:{text:Postpadding}; }
- .posts img { max-width:100%;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; opacity:.5; transition-duration:0.8s; -o-transition-duration:0.8s;}
- img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
- #photo img { max-width:100%; display:block;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
- img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
- #pset, #vid { margin-bottom:-3px;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; opacity:.5; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
- img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
- #tumblr_lightbox {
- background-color:rgba(255,255,255,1)!important;
- opacity:1;
- }
- #tumblr_lightbox img { opacity:0; }
- #tumblr_lightbox_caption {
- padding-left:17px;
- background:none!important;
- color:#aaa!important;
- font-family:arial!important;
- font-size:10.5px!important;
- font-weight:normal!important;
- text-transform:normal!important;
- text-shadow:none!important;
- }
- #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
- padding:0px!important;
- opacity:1!important;
- -moz-box-shadow:none!important;
- -webkit-box-shadow:none!important;
- box-shadow:none!important;
- -moz-border-radius:0px!important;
- -webkit-border-radius:0px!important;
- border-radius:0px!important;
- }
- /* Perma - Indexpage */
- #perma {
- position:relative;
- top:15px;
- text-align:right;
- color:{color:Border};
- }
- #perma a {
- color:{color:Permalink};
- font-family:calibri, arial, sans-serif;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #perma a:hover {
- padding-right:5px;
- font-style:italic;
- }
- /* Perma - Permalinkpage */
- .perma2 {
- color:{color:PermaText};
- font-family:calibri, arial, sans-serif;
- font-size:8px;
- text-transform:uppercase;
- line-height:14px;
- letter-spacing:1px;
- padding-top: 15px;
- padding-left: 10px;
- padding-bottom:15px;
- border-bottom:1px solid {color:Border};
- }
- ol.notes {
- height:204px;
- overflow:auto;
- padding:0px;
- margin:15px 10px;
- list-style-type:none;
- text-align:left;
- }
- li.note {
- {block:if250px}
- width:224px;
- {/block:if250px}
- padding:5px 8px;
- margin:0px 5px 4px 0px;
- background:{color:NoteBackground};
- color:{color:NoteText};
- font-family:calibri, arial, sans-serif;
- font-size:8px;
- text-transform:uppercase;
- line-height:10px;
- letter-spacing:1px;
- }
- li.note a { color:{color:NoteText}; }
- img.avatar { display:none; }
- /* Ask */
- .question {
- padding:10px 0px;
- border-bottom:1px dotted {color:Border};
- margin-bottom:10px;
- color:{color:AskText};
- font-style:italic;
- }
- .q {
- width:20px;
- height:20px;
- position:relative;
- background:#191919;
- color:#aaa;
- font-size:12px;
- font-weight:bold;
- text-align:center;
- line-height:20px;
- -webkit-border-radius: 10%;
- -moz-border-radius: 10%;
- border-radius: 10%;
- }
- .askr a { color:{color:text} }
- .askr {
- margin-top:-20px;
- margin-left:26px;
- position:absolute;
- color:{color:text};
- font-family:calibri, arial, sans-serif;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:10px;
- }
- /* Chat */
- #chat {
- font-size:8px;
- font-family:calibri, arial, sans-serif;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- /* Audio */
- .audi {
- padding:15px 20px;
- overflow:hidden;
- opacity:.2;
- background:#000;
- }
- .audi_info {
- padding-top:5px;
- color:{color:text};
- font-size:8px;
- font-family:calibri, arial, sans-serif;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:14px;
- }
- .kasse {
- height:8px;
- width:8px;
- margin-top:2px;
- margin-bottom:2px;
- margin-right:5px;
- float:left;
- border:1px solid {color:Border};
- -webkit-border-radius: 10%;
- -moz-border-radius: 10%;
- border-radius: 10%;
- }
- #border {
- position: fixed;
- bottom:-100px;
- margin-left:100px;
- background-color:{color:posts};
- width:150px;
- height: 120%;
- opacity: 1;
- z-index:0;
- transform: rotate(-30deg);
- -ms-transform: rotate(-30deg);
- -webkit-transform: rotate(-30deg);
- -o-transform: rotate(-30deg);
- -moz-transform: rotate(-30deg);
- }
- /* Sidebar */
- #sidewrap {
- position:fixed;
- bottom:50px;
- left:50px;
- width:400px;
- height:400px;
- background:transparent;
- padding: 5px;
- border: solid 1px red;
- }
- .one {
- position: fixed;
- margin-left: 10px;
- margin-top: -5px;
- width: 100px;
- height: 100px;
- z-index:99;
- }
- .infobox1 {
- position:fixed;
- margin-left:0px;
- margin-top: 320px;
- width: 180px;
- height: 60px;
- z-index: 9px;
- background-color:{color:posts};
- padding: 5px;
- text-align: justify;
- }
- .titlebox {
- position:fixed;
- margin-left:130px;
- margin-top: 50px;
- width: 180px;
- height: 15px;
- z-index: 9px;
- background-color:{color:posts};
- padding: 10px;
- font-family: helvetica;
- text-align: right;
- font-size: 25px;
- line-height: 15px;
- text-transform: uppercase;
- font-weight: bold;
- letter-spacing: -4px;
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.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:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- {block:ifInfinitescroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/ytzm5f1ke/infinitescrolling.js"></script>
- {/block:ifInfinitescroll}
- </head>
- <body>
- <div id="border"></div>
- <div id="sidewrap">
- <div class="one"><img src='http://o.aolcdn.com/hss/storage/fss/6301b2ff91b5ef1195eb886a6f6ec217/CxzaGFHUQAAAHsS.png'/></div>
- <div class="infobox1">"long qoute here' something something haaah okay bunch of words i cant really know what to put here, but hi i love hyuna so much, im jamming while im sitting here.</div>
- <div class="titlebox">tangled web</div>
- </div>
- <div id="wrapper">
- <div class="autopagerize_page_element" >
- {block:Posts}
- <div class="post_outer">
- <div class="posts">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Photo}
- {block:IndexPage}
- <div id="photos">
- <center>{LinkOpenTag}
- <img src="{PhotoURL-500}" alt='{PhotoAlt}' />
- {LinkCloseTag}</center>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="photos">
- <center>{LinkOpenTag}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
- {LinkCloseTag}</center>
- </div>
- {/block:PermalinkPage}
- {block:ifShowCaptions}
- {block:Indexpage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:Indexpage}
- {/block:ifShowCaptions}
- {block:PermalinkPage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div id="pset">
- {Photoset}
- </div>
- {block:ifShowCaptions}
- {block:Indexpage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:Indexpage}
- {/block:ifShowCaptions}
- {block:PermalinkPage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Video}
- <div id="vid">
- {block:if250px}
- <center>{Video-250}</center>
- {/block:if250px}
- </div>
- {block:ifShowCaptions}
- {block:Indexpage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:Indexpage}
- {/block:ifShowCaptions}
- {block:PermalinkPage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Audio}
- <div class="audi">{AudioPlayerBlack} </div>
- <div class="post_inner">
- <div class="audi_info">
- {block:TrackName}
- <div><div class="kasse"></div> <b>Track:</b> {TrackName}</div>
- {/block:TrackName}
- {block:Artist}
- <div><div class="kasse"></div><b>Artist:</b> {Artist}</div>
- {/block:Artist}
- {block:Album}
- <div><div class="kasse"></div><b>Album:</b> {Album}</div>
- {/block:Album}
- <div><div class="kasse"></div><b>Plays:</b> {PlayCount}</div>
- </div>
- </div>
- {block:ifShowCaptions}
- {block:Indexpage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:Indexpage}
- {/block:ifShowCaptions}
- {block:PermalinkPage}
- {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Text}
- <div class="post_inner">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Link}
- <div class="post_inner">
- <h2><a href="{URL}" {Target}>{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- </div>
- {/block:Link}
- {block:Answer}
- <div class="post_inner">
- <div class="q">?</div><div class="askr">question from <br/> {Asker}</div>
- <div class="question">{Question}</div>
- {Answer}
- </div>
- {/block:Answer}
- {block:Quote}
- <div class="post_inner">
- <span style="font-size:12px;">{Quote}</span>
- {block:Source}<div style="font-style:italic; padding-top:5px;">{Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Chat}
- <div class="post_inner">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:Lines}<p id="chat">
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}</p>
- {/block:Lines}
- </div>
- {/block:Chat}
- </div>
- {block:IndexPage}
- <div id="perma">
- <a href="{Permalink}" title="{NoteCountWithLabel}">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> ——
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="perma2">
- {block:Date}
- <div><div class="kasse"></div> {DayOfMonth} {Month} {Year} | {12Hour}:{Minutes} {CapitalAmPm}</div>
- {block:RebloggedFrom}<div><div class="kasse"></div><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}
- <div><div class="kasse"></div>{NoteCountWithLabel}</div>
- {/block:Date}
- {block:HasTags}<div><div class="kasse"></div>{block:Tags}<a href="{TagURL}" style="margin-right:4px;">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- {block:ifnotInfinitescroll}
- {block:Pagination}
- <div class="pagination">
- <div class="pg">{CurrentPage} of {TotalPages}</div>
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:ifnotInfinitescroll}
- </div>
- <div id="box4" class="popup_block">
- <center>Credits.
- <br>Base Code - gifted to me by weekndkr.tumblr.com for my use and my use only, do not say i stole it or vice versa, thank you.
- <br>Sidebar, Navigation, and posts all coded by myself, ask if you have questions.
- <br>Graphics - Also me.
- <br>Music player - Borrowed with permission from Galaxias.
- <br>Anything else is by me, for me, and should not be used on any other theme. If you desire help, please ask!
- </center>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement