API tools faq
paste
Advertisement
Mikaela

Return Home

Mikaela
Sep 19th, 2014
171
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- THEME #41 'RETURN HOME' BY HRRYS
  4. I WORKED HARD ON THIS SO IF YOU REMOVE THE CREDIT OR EDIT AND CLAIM IT AS YOUR OWN, I'LL GET HARRY TO STRANGLE YOU.
  5. OKAY ENJOY NOW
  6. -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. {block:Description}<meta name="description" content="{MetaDescription}"/>
  16. {/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19.  
  20. <meta name="color:bg" content="#ffffff">
  21. <meta name="color:link" content="#4f4c4c">
  22. <meta name="color:sb" content="#000">
  23. <meta name="color:text" content="#9a9a9a">
  24. <meta name="color:tags" content="##b9b7b7">
  25. <meta name="color:hover" content="#eeeeee">
  26. <meta name="color:border" content="#e7e7e7">
  27. <meta name="color:scrollbar" content="#000">
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="text:title1" content="">
  32. <meta name="text:title2" content="">
  33. <meta name="text:link 1" content="">
  34. <meta name="text:link 1 url" content="/">
  35. <meta name="text:link 2" content="">
  36. <meta name="text:link 2 url" content="/">
  37. <meta name="text:link 3" content="">
  38. <meta name="text:link 3 url" content="/">
  39. <meta name="text:link 4" content="">
  40. <meta name="text:link 4 url" content="/">
  41.  
  42. <script type="text/javascript">
  43. <!--
  44. /* This script and many more are available free online at
  45. The JavaScript Source :: http://javascript.internet.com
  46. Created by: Brian McAllister :: http://www.frequency-decoder.com/ */
  47.  
  48. /*
  49. Animated miniTabs by frequency decoder
  50. Further information on this script can be located
  51. on the authors Web site http://www.frequency-decoder.com/
  52.  
  53. Based on an idea by Rob L Glazebrook
  54. (http://www.rootarcana.com/test/smartmini/)
  55. which was derived from the original idea of Stephen Clark
  56. (http://www.sgclark.com/sandbox/minislide/)
  57.  
  58. Changes
  59. =======
  60. 05/03/06 : Creation
  61. 08/03/06 : Added the cleanUp method to stop IE memory leaks.
  62.  
  63. This script is distributed under a "Attribution-NonCommercial-ShareAlike 2.0" license
  64.  
  65. You are free:
  66. 1. to copy, distribute, display, and perform the work.
  67. 2. to make derivative works.
  68.  
  69. Under the following conditions:
  70.  
  71. 1. **Attribution*: You must attribute the work in the manner specified
  72. by the author or licensor.
  73. 2. Noncommercial*: You may not use this work for commercial purposes.*
  74. 3. Share Alike*: If you alter, transform, or build upon this work,
  75. you may distribute the resulting work only under a license identical to this one.
  76. */
  77.  
  78.  
  79. var miniTab = {
  80. currentTab: 0,
  81. activeTab: 0,
  82. destX: 0,
  83. destW: 0,
  84. t: 0,
  85. b: 0,
  86. c: 0,
  87. d: 20,
  88. animInterval: null,
  89. sliderObj: null,
  90. aHeight: 0,
  91.  
  92. init: function() {
  93. if(!document.getElementById || !document.getElementById("miniflex")) return;
  94.  
  95. var ul = document.getElementById("miniflex");
  96. var liArr = ul.getElementsByTagName("li");
  97. var aArr = ul.getElementsByTagName("a");
  98.  
  99. for(var i = 0, li; li = liArr[i]; i++) {
  100. liArr[i].onmouseover = aArr[i].onfocus = function(e) {
  101. var pos = 0;
  102. var elem = this.nodeName == "LI" ? this : this.parentNode;
  103. while(elem.previousSibling) {
  104. elem = elem.previousSibling;
  105. if(elem.tagName && elem.tagName == "LI") pos++;
  106. }
  107. miniTab.initSlide(pos);
  108. }
  109. }
  110.  
  111. ul.onmouseout = function(e) {
  112. miniTab.initSlide(miniTab.currentTab);
  113. };
  114.  
  115. for(var i = 0; i < aArr.length; i++) {
  116. if(document.location.href.indexOf(aArr[i].href)>=0) {
  117. miniTab.activeTab = miniTab.currentTab = i;
  118. }
  119. aArr[i].style.borderBottom = "0px";
  120. aArr[i].style.paddingBottom = "6px";
  121. }
  122.  
  123. miniTab.slideObj = ul.parentNode.appendChild(document.createElement("div"));
  124. miniTab.slideObj.appendChild(document.createTextNode(String.fromCharCode(160)));
  125. miniTab.slideObj.id = "animated-tab";
  126. miniTab.slideObj.style.top = (ul.offsetTop + liArr[miniTab.activeTab].offsetTop + aArr[miniTab.activeTab].offsetTop) + "px";
  127. miniTab.slideObj.style.left = (ul.offsetLeft + + liArr[miniTab.activeTab].offsetLeft + aArr[miniTab.activeTab].offsetLeft) + "px";
  128. miniTab.slideObj.style.width = aArr[miniTab.activeTab].offsetWidth + "px";
  129. miniTab.aHeight = ul.offsetTop + liArr[miniTab.activeTab].offsetTop + aArr[miniTab.activeTab].offsetTop;
  130.  
  131. miniTab.initSlide(miniTab.activeTab, true);
  132.  
  133. var intervalMethod = function() { miniTab.slideIt(); }
  134. miniTab.animInterval = setInterval(intervalMethod,10);
  135. },
  136.  
  137. cleanUp: function() {
  138. clearInterval(miniTab.animInterval);
  139. miniTab.animInterval = null;
  140. },
  141.  
  142. initSlide: function(pos, force) {
  143. if(!force && pos == miniTab.activeTab) return;
  144. miniTab.activeTab = pos;
  145. miniTab.initAnim();
  146. },
  147.  
  148. initAnim: function() {
  149. var ul = document.getElementById("miniflex");
  150. var liArr = ul.getElementsByTagName("li");
  151. var aArr = ul.getElementsByTagName("a");
  152. miniTab.destX = parseInt(liArr[miniTab.activeTab].offsetLeft + liArr[miniTab.activeTab].getElementsByTagName("a")[0].offsetLeft + ul.offsetLeft);
  153. miniTab.destW = parseInt(liArr[miniTab.activeTab].getElementsByTagName("a")[0].offsetWidth);
  154. miniTab.t = 0;
  155. miniTab.b = miniTab.slideObj.offsetLeft;
  156. miniTab.c = miniTab.destX - miniTab.b;
  157. miniTab.bW = miniTab.slideObj.offsetWidth;
  158. miniTab.cW = miniTab.destW - miniTab.bW;
  159. miniTab.slideObj.style.top = (ul.offsetTop + liArr[miniTab.activeTab].offsetTop + aArr[miniTab.activeTab].offsetTop) + "px";
  160. },
  161.  
  162. slideIt:function() {
  163. var ul = document.getElementById("miniflex");
  164. var liArr = ul.getElementsByTagName("li");
  165. var aArr = ul.getElementsByTagName("a");
  166.  
  167. // Has the browser text size changed?
  168. if(miniTab.aHeight != ul.offsetTop + liArr[miniTab.activeTab].offsetTop + aArr[miniTab.activeTab].offsetTop) {
  169. miniTab.initAnim();
  170. miniTab.aHeight = ul.offsetTop + liArr[miniTab.activeTab].offsetTop + aArr[miniTab.activeTab].offsetTop
  171. };
  172.  
  173. if(miniTab.t++ < miniTab.d) {
  174. var x = miniTab.animate(miniTab.t,miniTab.b,miniTab.c,miniTab.d);
  175. var w = miniTab.animate(miniTab.t,miniTab.bW,miniTab.cW,miniTab.d);
  176. miniTab.slideObj.style.left = parseInt(x) + "px";
  177. miniTab.slideObj.style.width = parseInt(w) + "px";
  178. } else {
  179. miniTab.slideObj.style.left = miniTab.destX + "px";
  180. miniTab.slideObj.style.width = miniTab.destW +"px";
  181. }
  182. },
  183.  
  184. animate: function(t,b,c,d) {
  185. if ((t/=d/2) < 1) return c/2*t*t + b;
  186. return -c/2 * ((--t)*(t-2) - 1) + b;
  187. }
  188. }
  189.  
  190. window.onload = miniTab.init;
  191. window.onunload = miniTab.cleanUp;
  192.  
  193. //-->
  194. </script>
  195.  
  196. <style type="text/css">
  197.  
  198. /*--scrollbar--*/
  199.  
  200. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  201. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  202. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  203. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  204. }
  205. /*--body--*/
  206.  
  207.  
  208. body {
  209. font-style:none;
  210. background-color:{color:bg};
  211. font-family:calibri;
  212. color:{color:text};
  213. font-size:9px;
  214. }
  215.  
  216.  
  217. a {
  218. color:{color:link};
  219. text-decoration:none;
  220. -webkit-transition: all 0.5s ease-out;
  221. -moz-transition: all 0.5s ease-out;
  222. transition: all 0.5s ease-out;
  223. }
  224.  
  225. a:hover {
  226. text-decoration:none;
  227. -webkit-transition: all 0.8s ease-out;
  228. -moz-transition: all 0.8s ease-out;
  229. transition: all 0.8s ease-out;
  230. color:{color:hover};
  231. }
  232.  
  233. img {
  234. border:none;
  235. }
  236.  
  237. blockquote {
  238. padding-left:5px;
  239. border-left:2px solid {color:border};
  240. }
  241.  
  242. h1 {
  243. font-size:10px;
  244. }
  245.  
  246.  
  247. /*--sidebar--*/
  248.  
  249. #sidebar {
  250. position:fixed;
  251. width:140px;
  252. margin-left:100px;
  253. margin-top:120px;
  254. }
  255.  
  256. /*--sidebar img--*/
  257.  
  258. #sidebarimage {
  259. width:140px;
  260. }
  261.  
  262. #sidebarimage img {
  263. width:120px;
  264. height:120px;
  265. padding:3px;
  266. -webkit-filter: grayscale(100%);
  267. border:solid 37px {color:sb};
  268. }
  269.  
  270. /*--links--*/
  271.  
  272.  
  273. /*--links--*/
  274.  
  275. #miniflex {
  276. width:180px;
  277. float: left;
  278. font-size: small; /* could be specified at a higher level */
  279. margin: 0 0 0 0px;
  280. padding: 0 10px 0 10px;
  281. border-bottom: 1px solid #000;
  282. position:relative;
  283. z-index:2;
  284. }
  285.  
  286. #miniflex li {
  287. float: left;
  288. margin: 0;
  289. padding: 0;
  290. display: inline;
  291. list-style: none;
  292. position:relative;
  293. }
  294.  
  295. #miniflex a:link, #miniflex a:visited {
  296. float: left;
  297. font-size: 85%;
  298. line-height: 20px;
  299. font-weight: bold;
  300. margin: 0 10px 0 10px;
  301. text-decoration: none;
  302. color: #000;
  303. }
  304.  
  305. #miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
  306. border-bottom: 4px solid #000;
  307. padding-bottom: 2px;
  308. color: #000;
  309. }
  310.  
  311. #animated-tab {
  312. position: absolute;
  313. z-index: 1;
  314. font-size: 85%;
  315. line-height: 20px;
  316. padding-bottom: 2px;
  317. border-bottom: 4px solid #000;
  318. }
  319.  
  320. .circle, .text {
  321. font: 12px Verdana, Arial, sans-serif;
  322. color: blue;
  323. position: absolute;
  324. }
  325.  
  326. .circle { z-index: 2 }
  327. .circle img {border: 0 }
  328.  
  329. .text {
  330. text-align: left;
  331. top: 180px;
  332. left:140px;
  333. width: 225px;
  334. z-index: 0;
  335. visibility: hidden;
  336. }
  337.  
  338. /*--title--*/
  339.  
  340. #title{
  341. font-size:15px;
  342. margin-top:-20px;
  343. margin-left:0px;
  344. position:fixed;
  345. color:black;
  346. font-family:Gautami;
  347. -webkit-transition: all 0.5s ease-out;
  348. -moz-transition: all 0.5s ease-out;
  349. transition: all 0.5s ease-out;
  350. }
  351.  
  352. #sidebar:hover #title{
  353. opacity:0;
  354. margin-top:30px;
  355. -webkit-transition: all 0.5s ease-out;
  356. -moz-transition: all 0.5s ease-out;
  357. transition: all 0.5s ease-out;
  358. }
  359.  
  360. #title2{
  361. font-size:15px;
  362. margin-top:30px;
  363. margin-left:0px;
  364. opacity:0;
  365. position:fixed;
  366. color:black;
  367. font-family:Gautami;
  368. -webkit-transition: all 0.5s ease-out;
  369. -moz-transition: all 0.5s ease-out;
  370. transition: all 0.5s ease-out;
  371. }
  372.  
  373. #sidebar:hover #title2{
  374. opacity:1;
  375. margin-top:-20px;
  376. -webkit-transition: all 0.5s ease-out;
  377. -moz-transition: all 0.5s ease-out;
  378. transition: all 0.5s ease-out;
  379. }
  380.  
  381.  
  382. /*--description--*/
  383.  
  384. #description {
  385. margin-top:-162px;
  386. height:120px;
  387. margin-left:40px;
  388. background-color:white;
  389. opacity:0;
  390. width:120px;
  391. color:black;
  392. font-family:'Tahoma';
  393. font-size:11px;
  394. text-align:center;
  395. -webkit-transition: all 0.5s ease-out;
  396. -moz-transition: all 0.5s ease-out;
  397. transition: all 0.5s ease-out;
  398. }
  399.  
  400. #sidebar:hover #description{
  401. opacity:0.75;
  402. -webkit-transition: all 0.5s ease-out;
  403. -moz-transition: all 0.5s ease-out;
  404. transition: all 0.5s ease-out;
  405. }
  406.  
  407. /*--pagination--*/
  408.  
  409. #pagination {
  410. margin-top:8px;
  411. width:50px;
  412. margin-left:75px;
  413. font-weight:bold;
  414. text-align:center;
  415. font-size:12px;
  416. font-family:calibri;
  417. color:#000;
  418. }
  419.  
  420. #pagination a{
  421. color:#000;
  422. }
  423. #pagination a:hover {
  424. color:{color:hover};
  425. }
  426.  
  427. /*--posts--*/
  428.  
  429. .postscontainer {
  430. max-width:500px;
  431. margin: auto;
  432. margin-top:70px;
  433. margin-left:400px;
  434. }
  435.  
  436. .posts {
  437. width:500px;
  438. line-height:100%;
  439. font-size:10px;
  440. font-family:calibri;
  441. margin-top:30px;
  442. text-align:justify;
  443. }
  444.  
  445. .posts img {
  446. max-width:500px;
  447. }
  448.  
  449. .info {
  450. margin-top:20px;
  451. padding-top:3px;
  452. margin-bottom:1px;
  453. text-align:left;
  454. font-size:10px;
  455. font-family:calibri;
  456. color:{color:text};
  457. border-top:1px solid {color:border};
  458. }
  459.  
  460. .info a {
  461. color:{color:link};
  462. }
  463.  
  464. .info a:hover {
  465. text-decoration:underline;
  466. color:{color:link Hover};
  467. }
  468.  
  469. .tags {
  470. width:500px;
  471. position:absolute;
  472. margin-top:1px;
  473. line-height:100%;
  474. font-family:calibri;
  475. font-size:10px;
  476. text-align:left;
  477. }
  478.  
  479. .tags a {
  480. color:{color:link};
  481. }
  482.  
  483. .tags a:hover {
  484. text-decoration:underline;
  485. color:{color:hover};
  486. }
  487.  
  488. .postnote {
  489. width:500px;
  490. font-family:calibri;
  491. text-transform:lowercase;
  492. font-size:10px;
  493. text-align:left;
  494. line-height:90%;
  495. margin-top:40px;
  496. }
  497.  
  498. .postnote li {
  499. list-style-type:none;
  500. border-bottom:1px solid {color:border};
  501. padding:37px 0px 3px 0px;
  502. text-align:left;
  503. margin:0px;
  504. -moz-transition-duration:0.5s;
  505. -webkit-transition-duration:0.5s;
  506. -o-transition-duration:0.5s;
  507. }
  508.  
  509. .postnote img {
  510. width:20px;
  511. padding: 3px;
  512. margin:2px 7px -3px 6px;
  513. text-align:left;
  514. }
  515.  
  516. /*--ask--*/
  517.  
  518. .question {
  519. width:500px;
  520. letter-spacing:0px;
  521. margin-top:3px;
  522. padding-bottom:4px;
  523. text-align:justify;
  524. color:{color:Text};
  525. font-size:10px;
  526. font-family:calibri;
  527. border-bottom: 2px solid {color:border};
  528. }
  529.  
  530. .answer {
  531. width:400px;
  532. letter-spacing:0px;
  533. text-align:justify;
  534. padding-top:5px;
  535. margin-bottom:1px;
  536. font-size:10px;
  537. font-family:calibri;
  538. color:{color:text};
  539. }
  540.  
  541. .askimg {
  542. padding: 3px;
  543. margin:2px 7px -3px 6px;
  544. }
  545.  
  546. /*--credit--*/
  547.  
  548. #cred {
  549. right:0px;
  550. bottom:-2px;
  551. color:{color:text};
  552. position:fixed;
  553. -webkit-transition: all 0.5s ease-out;
  554. -moz-transition: all 0.5s ease-out;
  555. transition: all 0.5s ease-out;
  556. }
  557.  
  558. {CustomCSS}
  559.  
  560. </style>
  561. </head>
  562.  
  563.  
  564. <body>
  565.  
  566. <div id="sidebar">
  567. <div id="title">{text:title1}</div>
  568. <div id="title2">{text:title2}</div>
  569. <div id="sidebarimage">
  570. <img src="{image:sidebar}"></div>
  571.  
  572. <div id="description">{description}</div>
  573.  
  574. <p style="text-align:center; width:200px; margin-top:45px;">
  575. <ul id="miniflex">
  576. <li><a href="{text:link 1 url}">{text:link 1}</a></li>
  577. <li><a href="{text:link 2 url}">{text:link 2}</a></li>
  578. <li><a href="{text:link 3 url}">{text:link 3}</a></li>
  579. <li><a href="{text:link 4 url}">{text:link 4}</a></li>
  580. </ul>
  581. </p>
  582. <br style="clear: both;">
  583.  
  584. {block:Pagination}
  585. <div id="pagination">
  586. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage}
  587. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  588. </div>{/block:Pagination}
  589. </div></div>
  590.  
  591. <div class="postscontainer">
  592. {block:Posts}
  593.  
  594. <div class="posts">
  595.  
  596. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  597.  
  598.  
  599. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  600.  
  601. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  602.  
  603. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  604.  
  605. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  606.  
  607. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  608.  
  609. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  610.  
  611. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  612.  
  613. {block:Answer}<img src="{AskerPortraitURL-48}" width="20px" align="left" class="askimg"> <div class="ask"><span style="text-transform:lowercase;">{Asker} asked:</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  614.  
  615. {block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} © <a href="{SourceURL}"></a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource} /<a href="{ReblogURL}">reblog</a>{/block:RebloggedFrom}</div>{/block:Date}
  616.  
  617. {block:HasTags}
  618. <div class="tags">
  619. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  620. </div>
  621. {/block:HasTags}
  622.  
  623. <div class="postnote">
  624. {block:PostNotes}{PostNotes}{/block:PostNotes}
  625. </div>
  626. {/block:Posts}
  627.  
  628.  
  629. <div id="cred"><a href="http://hrrys.tumblr.com"><img src="http://i.imgur.com/o7oww2G.png"></a></div>
  630. </body>
  631. </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!