Advertisement
kawaiibuu

Enchantment

Aug 27th, 2014
6,232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.37 KB | None | 0 0
  1. <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2.  
  3. <!--
  4.  
  5. Enchantment Theme
  6. by softwaring.tumblr.com
  7. download at jubileethemes.tumblr.com
  8.  
  9. Do not use as a base, do not remove credits,
  10. do not take bits of coding, thank you.
  11.  
  12. -->
  13.  
  14. <title>{title}</title>
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  16. <link rel="shortcut icon" href="{Favicon}"/><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);
  21. </script>
  22. <meta name="color:background" content="#b9babf"/>
  23. <meta name="color:background gradient top" content="#FF7F7A"/>
  24. <meta name="color:background gradient bottom" content="#B56089"/>
  25. <meta name="color:blog frame" content="#FFF"/>
  26. <meta name="color:text" content="#FFF"/>
  27. <meta name="color:links" content="#FFF"/>
  28. <meta name="color:links hover" content="#a9cdf2"/>
  29. <meta name="image:background" content=""/>
  30. <meta name="if:gradient background" content="1"/>
  31. <meta name="text:message info" content=""/>
  32. <meta name="if:background cover" content=""/>
  33. <meta name="if:infinite scroll" content="0"/>
  34. <meta name="if:captions" content="1"/>
  35. <meta name="if:tags" content="0"/>
  36. <meta name="if:250px" content="0"/>
  37.  
  38. <meta name="text:link 1 title" content="link 1" />
  39. <meta name="text:link 1 url" content="" />
  40. <meta name="text:link 2 title" content="link 2" />
  41. <meta name="text:link 2 url" content="" />
  42. <meta name="text:link 3 title" content="" />
  43. <meta name="text:link 3 url" content="" />
  44. <meta name="text:link 4 title" content="" />
  45. <meta name="text:link 4 url" content="" />
  46. <meta name="text:link 5 title" content="" />
  47. <meta name="text:link 5 url" content="" />
  48. <meta name="text:link 6 title" content="" />
  49. <meta name="text:link 6 url" content="" />
  50. <style>
  51. iframe#tumblr_controls { top: 0px !important; margin: 0 0 0 0; -webkit-filter: invert(100%); right: 0px !important; position: fixed !important; padding: 10px!important; } body { {block:ifgradientbackground} background:fixed; background-image: -o-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top} ); background-image: -moz-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: -webkit-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: -ms-linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); background-image: linear-gradient(bottom, {color:background gradient bottom}, {color:background gradient top}); {/block:ifgradientbackground} {block:ifnotgradientbackground}background: {color:background} url({image:background})top left fixed repeat; {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover} {/block:ifnotgradientbackground} color: {color:text}; letter-spacing: 1px; font: 11px 'Roboto'; } .caption { padding: 0px 5px 5px; {block:ifnotcaptions}display:none;{/block:ifnotcaptions} text-transform: normal; } a { text-decoration:none; color: {color:links}; } a:hover { color: {color:links hover}; } .permalinks { padding: 5px; text-transform: uppercase; border-top: 1px solid rgba({RGBcolor:blog frame}, 0.4); } #post { {block:if250px} width: 250px; {/block:if250px} {block:ifnot250px} width: 400px; {/block:ifnot250px} margin: 50px 0 150px 0; } #wrapper { {block:if250px} width: 250px; {/block:if250px} {block:ifnot250px} width: 400px; {/block:ifnot250px} margin: auto; } #post img { width: 100%; margin-bottom: -3px; } .top { height: 2px; background: {color:background gradient top}; width: 0px; position:fixed; top: 0px; z-index: 999999999999999999999999; left: 0px;} .bubble { margin-top: 50px; } #sidebar { position:fixed; bottom: 10px; left: 10px; } button { display: inline-block; margin: 0 1em; z-index: 9999999999; border: none; outline:none; background: none; } button span { display: block; } .lines-button { padding: 2rem 1rem; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143rem; /* */ } .lines-button:hover { opacity: 1; } .lines-button:active { transition: 0; } .lines { display: inline-block; width: 2rem; height: 0.3rem; background: {color:blog frame}; transition: 0.3s; position: relative; } .lines:before, .lines:after { display: inline-block; width: 2rem; height: 0.3rem; background: {color:blog frame}; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; } .lines:before { top: .51rem; } .lines:after { top: -.51rem; } .pagenotes img { display:none; } .lines-button.x.close .lines { background: transparent; } .lines-button.x.close .lines:before, .lines-button.x.close .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2rem; } .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .tabb { position:fixed; top: 0px; left: 0px; height:100%; background: rgba({RGBcolor:blog frame}, 0.4); padding: 15px; text-align: center; width: 80px; display:none; } .tabb li { border-bottom: 1px solid rgba({RGBcolor:blog frame},0.4); list-style:none; padding: 10px; text-transform: uppercase; font: 10px Roboto; } .tabb li:last-child { border-bottom: none; } .askk, #profile { height: 100%; overflow: auto; display:none; position:absolute; margin-left: 96px; padding: 5px; background: rgba({RGBcolor:blog frame}, 0.4); width: 200px; bottom: 0px; } ::-webkit-scrollbar{ background: {color:blog frame}; width: 8px; } ::-webkit-scrollbar-thumb { background: {color:background gradient top}; border: 2px solid {color:blog frame}; border-top: 10px solid {color:blog frame} } #s-m-t-tooltip { padding: 4px; border-radius: 3px; background: rgba({RGBcolor:blog frame}, 0.4); font: 8px helvetica; letter-spacing:2px; text-transform:uppercase; color: {color:text}; z-index:999999999999999999999999999999999999; margin-top:-35px; margin-left: -20px; border:none;} #s-m-t-tooltip:after { content:"▼"; color: rgba({RGBcolor:blog frame}, 0.4); position:absolute; float:right; font-size: 14px; } .pagenotes img { display:none; } .avatar-style-square img{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:rgba({RGBcolor:blog frame}, 0.4); border:4px solid rgba({RGBcolor:blog frame}, 0.4); } .avatar-style-circle img{ background:rgba({RGBcolor:blog frame}, 0.4); border:4px solid rgba({RGBcolor:blog frame}, 0.4); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .t, .b, .l, .r { z-index: 99999; background: {color:blog frame}; position:fixed;} .t { top:0px; left: 0px; width: 100%; height: 10px;}.r { top:0px; right: 0px; height: 100%; width: 5px;}.l { top:0px; left: 0px; height: 100%; width: 10px;}.b { bottom:0px; left: 0px; width: 100%; height: 10px;} h3 { text-transform:uppercase;border-bottom: 1px solid rgba({RGBcolor:blog frame}, 0.4); padding: 10px; font: 16px roboto; font-weight: 300; font-style:italic;}
  52. </style>
  53. <script src="http://static.tumblr.com/mqkrxog/C8zn5nmho/modernizr-2.5.3.min.js"></script><script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/mqkrxog/1GOn9k01b/loader.js"></script><script type="text/javascript" src="http://static.tumblr.com/mqkrxog/hIinazdhk/tabbed.js"></script><script type="text/javascript" src="http://static.tumblr.com/mqkrxog/wyRnazdhg/sliders.js"></script><script type="text/javascript" src="http://static.tumblr.com/mqkrxog/R05n9k05f/masonry.js"></script></head><body><div class="top"></div><div class="t"></div><div class="b"></div><div class="l"></div>
  54. <div class="r"></div>
  55. <div id="wrapper">
  56. <div class="tabb">
  57. <div style="margin-top: 10%;">
  58. <div class="avatar-style-{AvatarShape}">
  59. <img src="{PortraitURL-48}"/></div>
  60. <li><a href="/">refresh</a></li>
  61. <li><a href="/archive">index</a></li>
  62. <li><a class="profile" style="cursor:pointer;">profile</a></li>
  63. <li><a class="ask" style="cursor:pointer;">message</a></li>
  64. {block:iflink1title}<li><a href="{text:link 1 url}">{text:link 1 title}</a></li>{/block:iflink1title}
  65. {block:iflink2title}<li><a href="{text:link 2 url}">{text:link 2 title}</a></li>{/block:iflink2title}
  66. {block:iflink3title}<li><a href="{text:link 3 url}">{text:link 3 title}</a></li>{/block:iflink3title}
  67. {block:iflink4title}<li><a href="{text:link 4 url}">{text:link 4 title}</a></li>{/block:iflink4title}
  68. {block:iflink5title}<li><a href="{text:link 5 url}">{text:link 5 title}</a></li>{/block:iflink5title}
  69. {block:iflink6title}<li><a href="{text:link 6 url}">{text:link 6 title}</a></li>{/block:iflink6title}
  70. <li><a href="http://jubileethemes.tumblr.com">theme</a></li></div>
  71. <div class="askk"><br><br>
  72. <iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--><br><br>
  73. {text:message info}
  74. </div>
  75. <div id="profile"><br><br>
  76. {description}
  77. </div>
  78. </div><div id="sidebar"><button type="button" role="button" aria-label="Toggle Navigation" class="lines-button x"><span class="lines"></span></button></div>
  79. {block:Posts}
  80.  
  81. <!-- the area below removes the VIA and SOURCES of posts -->
  82. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  83. <div id="post">
  84. {block:Text}
  85. {block:Title}<h3>{title}</h3>{/block:Title} <div class="body">{body}</div>
  86. {/block:Text}
  87.  
  88. {block:Link}
  89. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3> {block:Description} <div class="body">{Description}</div> {/block:Description}
  90. {/block:Link}
  91.  
  92. {block:Quote}
  93. <h3>{Quote}</h3> {block:Source} <p style="padding:5px;">&mdash; {Source}</p> {/block:Source}
  94. {/block:Quote}
  95.  
  96. {block:Photo}
  97. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {block:IndexPage}</a>{/block:IndexPage}
  98. {/block:Photo}
  99.  
  100. {block:Chat} <div class="body"> {block:Title} {Title} {/block:Title} {block:Lines} {block:Label} <h3>{Label}</h3> {/block:Label} <div class="line"> <li>{Line}</li></div> {/block:Lines} </div>
  101. {/block:Chat}
  102.  
  103. {block:Video}
  104. {block:if250px} {Video-250} {/block:if250px}
  105. {block:ifnot250px} {Video-400} {/block:ifnot250px}
  106. {/block:Video}
  107.  
  108. {block:Photoset}
  109. {block:if250px} {Photoset-250} {/block:if250px}
  110. {block:ifnot250px} {Photoset-400} {/block:ifnot250px}
  111. {/block:Photoset}
  112.  
  113. {block:Audio} <div style="padding: 10px; background: black; color: white;"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt} <center>{AudioPlayerBlack} {block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</center> </div>
  114. {/block:Audio}
  115.  
  116. {block:Answer} <h3 style="font-size: 12px;"> {Question} <p align="right" style="margin: 0px;padding:2px;">&mdash; {Asker}</p> </h3> {Answer}
  117. {/block:Answer}
  118.  
  119. {block:IndexPage}
  120. <div class="permalinks">{block:caption}
  121. <div class="caption">{Caption}</div>
  122. {/block:caption}
  123.  
  124. <a href="{Permalink}" title="{Month} {DayofMonth} {12Hour}:{Minutes} {AmPm}">{NoteCount} N</a>
  125. <a href="{ReblogURL}" target="_blank" class="details" style="float: right;" title="reblog">r</a>
  126. <div style="{block:ifnottags}display:none;{/block:ifnottags}">{block:HasTags}<br>T
  127. {block:Tags}<a href="{TagURL}" target="blank">{Tag}</a> {/block:Tags}
  128. {/block:HasTags}</div>
  129. </div>
  130. {/block:IndexPage}
  131.  
  132. {block:PermalinkPage} <div style="padding: 25px;"> {Caption} </div> Posted {TimeAgo} with {NoteCountWithLabel}<br>{block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes} {/block:PermalinkPage} </div>
  133. {/block:Posts}
  134. </div>
  135. {block:ifnotinfinitescroll}<div style="padding: 20px; text-align: center; padding-bottom: 100px; text-transform: uppercase;">{block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">past</a> {/block:PreviousPage}{block:JumpPagination length="7"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage} <a href="{NextPage}">forward</a> {/block:NextPage}{/block:Pagination}<br><a href="http://jubileethemes.tumblr.com">theme by jubilee</a></div>{/block:ifnotinfinitescroll}
  136. {block:ifinfinitescroll}{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a>{/block:NextPage}</div>{/block:ifinfinitescroll}
  137. <script>
  138. var anchor = document.querySelectorAll('button');
  139. [].forEach.call(anchor, function(anchor){
  140. var open = false;
  141. anchor.onclick = function(event){
  142. event.preventDefault();
  143. if(!open){
  144. this.classList.add('close');
  145. open = true;
  146. }
  147. else{
  148. this.classList.remove('close');
  149. open = false;
  150. }
  151. }
  152. });
  153. </script>
  154. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement