API tools faq
paste
Advertisement
krphappyplace

witch!tae theme

krphappyplace
Mar 26th, 2017
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.35 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{favicon}">
  6. <link rel="stylesheet" type="text/css" href="">
  7.  
  8.  
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. //When you click on a link with class of poplight and the href starts with a #
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. //Pull Query & Variables from href URL
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  22.  
  23. //Fade in the Popup and add close button
  24. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  25. //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
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28.  
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34.  
  35. //Fade in Background
  36. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  37. $('#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
  38. return false;
  39. });
  40.  
  41. //Close Popups and Fade Layer
  42. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  43. $('#fade , .popup_block').fadeOut(function() {
  44. $('#fade, a.close').remove(); //fade them both out
  45. });
  46. return false;
  47. });
  48. });
  49. </script>
  50.  
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  52.  
  53. <script type="text/javascript">
  54. jQuery(document).ready(function() {
  55. jQuery(".sub").hide();
  56. //toggle the componenet with class msg_body
  57. jQuery(".icons").click(function()
  58. {
  59. jQuery(this).next(".sub").slideToggle(500);
  60. });});
  61. </script>
  62.  
  63.  
  64. <!---------
  65. stealing is bad. theme by alayna C:
  66.  
  67. video resize tutorial by shy themes !
  68. /post/134536748863/tutorial-resizing-videos
  69.  
  70. show/hide tutorial by LM Themes !
  71. http://lmthemeslp-tut.tumblr.com/hide
  72. ---------->
  73.  
  74.  
  75.  
  76. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:200,
  85. tip_fade_speed:300
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <!---- ** meta tags ** ---->
  92.  
  93. <meta name="text:blogURL" content="spellbks">
  94.  
  95.  
  96.  
  97. <style type="text/css">
  98. body { cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol59.cur), progress !important; background-color: #fefefe; color:#555; font-family: consolas, tahoma, arial; font-size: 10px; overflow: auto; overflow-x: hidden; margin: 0px;}
  99.  
  100. a {color: #555; text-decoration: none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  101. a:hover { color: #ddd;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  102.  
  103. ::-webkit-scrollbar-thumb{ background-color: #f8f8f8; border: solid 1px #ddd; padding: 1px; height:auto;}
  104. ::-webkit-scrollbar { height:auto; width:10px; background-color: #ddd;}
  105.  
  106. ::selection { background: #000; color: #fff;}
  107. ::-moz-selection {background: #000; color: #fff;}
  108. ::-webkit-selection { background: #000; color: #fff; }
  109.  
  110. #s-m-t-tooltip { max-width:300px; padding: 5px; text-transform: uppercase; font-size: 9px; font-family: consolas,arial,tahoma; background-color: #f8f8f8; color: #666}; margin: 50px 50px; z-index: 9999999999;}
  111.  
  112. h1 { font-size: 14px; letter-spacing: 2px; margin:1px; text-transform: uppercase; font-weight: 100; color:#ccc;}
  113. h2,big { font-size: 14px; letter-spacing: 2px; margin:1px; text-transform: uppercase; font-weight: 100; color:#ccc;}
  114. p, small, sub {font-size: inherit;}
  115. pre { white-space: pre-wrap; word-wrap: break-word; padding: 10px; line-height: 10px; display: block; background-color: #f8f8f8; letter-spacing: 2px; font-weight: 100; text-align: justify;}
  116. blockquote { margin: 0px; margin-left: 10px; padding-left: 5px; border-left: solid 1px #ddd; text-align: left; color: #999; font-size: 10px; text-align: justify;}
  117.  
  118. #links { width: 200px;}
  119. #links a {display: block; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  120. #links a:hover {letter-spacing: 2px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  121.  
  122. #cute a { display: inline-block; margin: 5px; padding: 10px; width: 20px; height: 20px; background-color: #f8f8f8;}
  123. #cute a:hover { background-color: #ddd;}
  124.  
  125. #side { position: fixed; top: 0%; left: 0%; margin-top: 150px; margin-left: 670px; width: 250px; height: auto; }
  126.  
  127. #container { position: relative; overflow: auto; width: 390px; height: 100%; margin-left: 300px; top: 0%; left: 0%; }
  128.  
  129. .post { width: 300px; margin-top: 0px; margin-bottom: 5px; margin-left: 30px; background-color: transparent; color: #666; padding:10px; text-align: justify; color: #666; z-index: 3;}
  130.  
  131. .post blockquote {max-width: 100%;}
  132. .post caption, .post li, { max-width: 100%;}
  133. .post img { max-width: 100%; height: auto; opacity: 0.7; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  134. .post img:hover { opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  135.  
  136. .iframe { opacity: 0.4; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  137. .iframe:hover { opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
  138.  
  139. .post li {list-style: circle;}
  140.  
  141. .post a { border-bottom: solid 1px #ccc; color: #666; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  142. .post a:hover { border-bottom: solid 1px #ddd; color: #555; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  143.  
  144. #audio_frame { width: 50px; height: 48px; padding: 5px; background: #f8f8f8; z-index: 1; float: left; }
  145. #audioplayer { margin-left: 4px; margin-top: 10px; width: 30px; height: 26px; opacity: 0.1; overflow: hidden; z-index: 4;}
  146. .audio { float: left; margin-left: -45px; margin-top: 8px; width: 26px; height: 26px; background-color: #f8f8f8; z-index: 2;}
  147. .audioinfo { margin-left: 60px; background-color: #f8f8f8; margin-bottom: 0px; height: 43px; padding-top: 15px; overflow: hidden; width:222px; color: #888; font-size: 12px; text-transform: uppercase; font-weight: 100;}
  148.  
  149. .chats { font-weight: 100; letter-spacing: 2px; text-align: justify;}
  150. .convo { list-style-type: none; }
  151. .convo li{ list-style-type: none;}
  152. .convo ul{ list-style-type: none; }
  153. .convo .label { text-transform: none; color: #ddd; list-style-type:none;}
  154.  
  155. .line_odd { background-color: transparent; padding: 3px; text-align: justify; list-style-type: none; margin-top: 2.5px; margin-bottom: 2.5;}
  156. .line_even { margin-top: 2.5px; margin-bottom: 2.5px; background-color: transparent; padding: 3px; text-align: justify; list-style-type: none; }
  157.  
  158. #etc { position: relative; background-color: #f8f8f8; font-family: consolas; font-size: 8px; color: #ddd; padding: 5px; width: 150px; text-decoration: none; text-transform: uppercase; text-align: center; margin-bottom: 0px; margin-top: -5px; margin-left: 40px;}
  159.  
  160. #etc a {color: #ddd; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
  161. #etc a:hover { color: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  162.  
  163. #tags { position: relative; background-color: transparent; font-size: 10px; color: #ccc; width: 120px; text-decoration: none; text-align: left; margin-top: -15px; margin-bottom: -80px; margin-left: 220px;}
  164.  
  165. #tags a { font-family: consolas, arial; font-size: 10px; color: #ccc; text-decoration: none; border-bottom: solid 1px #fefefe; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
  166. #tags a:hover { border-bottom: solid 1px #ddd; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  167.  
  168.  
  169. ol.notes { list-style: none; font-family: consolas, arial; font-size: 7px; color: {color:font}; text-align: justify; text-transform: uppercase; margin-left: 0px;}
  170. ol.notes li.note { list-style: none;font-family: consolas, arial; font-size: 7px background-color: #fefefe; padding: 10px;}
  171. ol.notes li.note img.avatar { list-style: none; vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px;}
  172. ol.notes li.note span.action {list-style: none; font-weight: 100;}
  173. ol.notes li.note .answer_content { list-style: none; font-weight: normal;}
  174. ol.notes li.note blockquote { list-style: none;font-family: consolas, arial; font-size: 7px padding: 4px 10px; margin: 0px;}
  175. ol.notes li.note blockquote a { list-style: none;text-decoration: none;}
  176. ol.notes a {list-style: none; color: {color:font};}
  177. ol.notes a:hover { list-style: none; color: #000; }
  178.  
  179. #fade {
  180. display: none;
  181. background: #000;
  182. position: fixed;
  183. left: 0;
  184. top: 0;
  185. width: 100%;
  186. height: 100%;
  187. opacity: 0.7;
  188. z-index: 9999;}
  189.  
  190. .popup_block{
  191. display: none;
  192. background: transparent;
  193. padding: 20px;
  194. float: left;
  195. position: fixed;
  196. top: 50%;
  197. left: 50%;
  198. z-index: 99999;}
  199.  
  200. *html #fade {
  201. position: absolute;}
  202.  
  203. *html .popup_block {
  204. position: absolute;}
  205.  
  206. </style>
  207. </head>
  208.  
  209.  
  210. <body>
  211.  
  212.  
  213.  
  214.  
  215.  
  216. <div ID="side">
  217. <h2>{title}</h2> <img src="http://static.tumblr.com/glbgmil/KXnonexss/200pxbat.png" style="float: right; width: 100px;">
  218. <p style="border-left: solid 1px #ddd; padding: 5px;">{description}</p>
  219.  
  220. <div ID="links">
  221. <a href="/">index</a>
  222. <a href="#?w=500" rel="askbox" class="poplight">message</a>
  223.  
  224. <a href="#" class="icons">navigate</a>
  225. <div class="sub" id="cute" style="margin: 10px; padding: 10px; width: 200px; height: auto; background-color: #fefefe;">
  226. <p><i>Adder's fork, and blind-worm's sting, Lizard's leg, and howlet's wing,-- For a charm of powerful trouble, Like a hell-broth boil and bubble.</i></p>
  227.  
  228. <a href="" title="one">
  229. <img src="http://static.tumblr.com/glbgmil/0Psoneyds/potion.png" style="width:20px;">
  230. </a>
  231.  
  232. <a href="" title="two">
  233. <img src="http://static.tumblr.com/glbgmil/NS7oneyda/oracle.png" style="width:20px;">
  234. </a>
  235.  
  236. <a href="" title="three">
  237. <img src="http://static.tumblr.com/glbgmil/nekoneyd0/skull.png" style="width:20px;">
  238. </a>
  239.  
  240. <a href="" title="four">
  241. <img src="http://static.tumblr.com/glbgmil/jfKoneycp/sage.png" style="width:20px;">
  242. </a>
  243.  
  244. <a href="" title="five">
  245. <img src="http://static.tumblr.com/glbgmil/a4Noneycd/beetle.png" style="width:20px;">
  246. </a>
  247.  
  248. <a href="" title="mmmmrp?">
  249. <img src="http://static.tumblr.com/glbgmil/Whqonfuly/cat.png" style="width:20px;">
  250. </a>
  251.  
  252. </div>
  253. </div>
  254. </div>
  255.  
  256. <div id="askbox" class="popup_block">
  257. <iframe frameborder="0"
  258. height="300"
  259. id="ask_form"
  260. scrolling="no"
  261. src="http://www.tumblr.com/ask_form/{text:blogURL}.tumblr.com"
  262. width="100%">
  263. </iframe>
  264. </div>
  265.  
  266.  
  267. <div style="position: fixed; bottom: 0%; left: 0%; margin-bottom: -5px; margin-left: 0px; height: auto; width: auto; background: transparent;">
  268. <img src="http://static.tumblr.com/glbgmil/CrKonfxlw/render.png">
  269. </div>
  270.  
  271.  
  272.  
  273.  
  274. <!---------
  275.  
  276. start taeil pop up
  277.  
  278. ------>
  279.  
  280. <div style="position: fixed; bottom: 0%; left: 0%; margin-bottom: 80px; margin-left: 220px; width: auto; height: auto; background: transparent; overflow: hidden;">
  281. <a href="#?w=300" rel="familiar" class="poplight"><img src="http://68.media.tumblr.com/057c12d60102ccac9a8d78bdc8f58f08/tumblr_inline_n2q4vepVNw1qbs47q.gif"></a>
  282. </div>
  283.  
  284.  
  285.  
  286.  
  287. <div id="familiar" class="popup_block"
  288. style="background: #f8f8f8; padding: 20px; width: 300px;">
  289. writing about the cat here (:
  290. </div>
  291.  
  292. <!--------
  293.  
  294. end taeil pop up
  295.  
  296. ------->
  297.  
  298.  
  299. <div ID="container">
  300.  
  301. {block:posts}
  302. <div class="post">
  303.  
  304. {block:Text}
  305. {block:Title}
  306. <h2>{Title}</h2>
  307. {/block:Title}
  308. <div style="padding: 10px; background-color: #fafafa;">
  309. {Body}
  310. </div>
  311. {/block:Text}
  312.  
  313. {block:Answer}
  314. <div style="padding: 15px; display: block; color: #555; background-color: #fefefef; border: solid 1px #ddd;">
  315. <b style="font-family: consolas, arial; font-style: bold; color:#555; text-transform: uppercase;">{Asker} asked:</b> {Question}
  316. </div>
  317. {Answer}{/block:Answer}
  318.  
  319. {block:Quote}
  320. <p style="font-size: 7px; text-align: justify; text-transform: uppercase; width: 300px;">- {source}</p>
  321. <p style="background-color: #fafafa; padding: 20px; font-weight: 100; font-size: 11px; font-style: bold; letter-spacing: 2px; margin:1px; text-transform: uppercase; font-weight: 100; color:#555; text-align: justify;">{Quote}</p>
  322. {/block:Quote}
  323.  
  324. {block:Link}
  325. <a href="{URL}">{Name}</a>
  326. {block:Description}
  327. {Description}
  328. {/block:Description}
  329. {/block:Link}
  330.  
  331. {block:Chat}
  332. {block:title}
  333. <h1>{Title}</h1>
  334. {/block:Title}
  335. <div class="chats">
  336. <div class="convo">
  337. {block:Lines}
  338. <li class="line_{Alt}">
  339. {block:Label}
  340. <span class="label">{Label}</span>
  341. {/block:Label}
  342. {Line}</li>
  343. {/block:Lines}
  344. </div>
  345. </div>
  346. {/block:Chat}
  347.  
  348. {block:Photo}
  349. <center><img src="{PhotoURL-1280}" width="300px"/></center>
  350. {block:Caption}
  351. {Caption}
  352. {/block:Caption}
  353. {/block:Photo}
  354.  
  355. {block:Photoset}
  356. <div class="iframe" style="width:300px;">
  357. <center>{Photoset}</center>
  358. </div>
  359. {block:Caption}
  360. {Caption}
  361. {/block:Caption}
  362. {/block:Photoset}
  363.  
  364. {block:Panorama}
  365. {LinkOpenTag}
  366. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  367. {LinkCloseTag}
  368. {block:Caption}
  369. {Caption}
  370. {/block:Caption}
  371. {/block:Panorama}
  372.  
  373. {block:Video}
  374. <div class="video">{Video-500}</div>
  375. {block:Caption}
  376. {Caption}
  377. {/block:Caption}
  378. {/block:Video}
  379.  
  380. {block:Audio}
  381. <div id="audio_frame"></div>
  382. <div class="audio">
  383. <div ID="audioplayer">
  384. {audioplayerblack}
  385. </div>
  386.  
  387. </div>
  388. <div class="audioinfo">
  389. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  390. {block:Artist}{Artist}{/block:Artist}
  391. </div>
  392. {block:permalinkpage}
  393. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  394. {/block:Audio}
  395.  
  396. </div>
  397.  
  398. <div id="etc">
  399. <a href="{permalink}" title="{TimeAgo}">{DayOfWeek}</a>, with
  400. <a href="{permalink}">{NoteCount} notes</a>.
  401.  
  402. </div>
  403. <div ID="tags">
  404. {block:permalinkpage}
  405. {block:ContentSource}
  406. + <a href="{SourceURL}">source,</a>
  407. {/block:ContentSource}
  408. {block:RebloggedFrom}
  409. <a href="{ReblogParentURL}">via,</a>
  410. {/block:RebloggedFrom}
  411. <a href="{ReblogURL}">reblog.</a>
  412. {/block:permalinkpage} {block:HasTags}{block:Tags}
  413. #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  414. </div>
  415.  
  416. <div style="margin-top: 100px; overflow: auto; width: 330px; padding: 10px; height: 150px;">
  417. {block:PostNotes}
  418. {PostNotes}
  419. {/block:PostNotes}
  420. </div>
  421.  
  422.  
  423. {/block:Posts}
  424.  
  425. {block:Pagination}
  426. <p style="text-align: center;">
  427. {block:PreviousPage}
  428. <a href="{PreviousPage}">previous</a>
  429. {/block:PreviousPage}
  430. {block:NextPage}
  431. <a href="{NextPage}">next</a>
  432. {/block:NextPage}
  433. </p>
  434. {/block:Pagination}
  435.  
  436. </div>
  437. </div>
  438.  
  439. <div style="position: fixed; bottom: 0%; left: 0%; margin-bottom: -5px; margin-left: -5px; width: 300px; height: auto; background: transparent; overflow: hidden">
  440. <img src="">
  441. </div>
  442.  
  443. <div style="bottom: 0%; right: 0%; margin-bottom: -3px; margin-right: 10px; position: fixed; width: auto; height: auto; background: transparent;"><a href="https://entraeils.tumblr.com/"><img src="http://static.tumblr.com/glbgmil/oPLonegx6/catrender2.png" style="width: 50px;" title=" &copy; images, codes, and just about everything else here is the work of my familiar; if you need help, ask. don't steal."></a></div>
  444.  
  445.  
  446.  
  447. </body>
  448. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!