API tools faq
paste
dearhannibal

Exit

dearhannibal
Feb 23rd, 2014
915
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- oh hey look i made a theme *high five* edit all you want really, basically everything is customizable! as long as you leave the credit intact thank you -->
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!-- default variables -->
  16.  
  17. <meta name="color:background" content="#ffffff">
  18. <meta name="color:title" content ="#0e0e0e">
  19. <meta name="color:text" content="#3b3b3b">
  20. <meta name="color:tags" content="#3b3b3b">
  21. <meta name="color:permalink" content="#e0e0e0">
  22. <meta name="color:link" content="#b8b8b8">
  23. <meta name="color:link hover" content="#3b3b3b">
  24. <meta name="color:border" content="#cacaca">
  25. <meta name="color:scrollbar" content="#eeeeee">
  26. <meta name="color:scrollbar bg" content="#ffffff">
  27.  
  28. <meta name="if:show captions" content="1"/>
  29. <meta name="if:bubble" content="1"/>
  30. <meta name="text:Link 1 URL" content="" />
  31. <meta name="text:Link 1" content="" />
  32. <meta name="text:Link 2 URL" content="" />
  33. <meta name="text:Link 2" content="" />
  34. <meta name="text:Link 3 URL" content="" />
  35. <meta name="text:Link 3" content="" />
  36. <meta name="text:Link 4 URL" content="" />
  37. <meta name="text:Link 4" content=""/>
  38. <meta name="text:Link 5 URL" content="" />
  39. <meta name="text:Link 5" content="" />
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps|Romanesco' rel='stylesheet' type='text/css'>
  42.  
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'>
  45.  
  46.  
  47. <script type="text/javascript" src="http://laura-schmal.de/data/tumblr/lightbox/js/jquery-1.7.2.min.js"></script>
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50.  
  51.  
  52.  
  53. <!-- tooltip script -->
  54.  
  55. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  56.  
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:200,
  63. tip_fade_speed:300
  64. }
  65. );
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70.  
  71.  
  72.  
  73.  
  74. <!-- CSS styling aww yeah. This is the fun part. -->
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. #s-m-t-tooltip {
  80. max-width:300px;
  81. margin:26px 0px 0px 15px;
  82. text-transform:uppercase;
  83. font-family:helvetica;
  84. letter-spacing:1px;
  85. font-size:8px;
  86. color:#ffffff;
  87. background:#060606;
  88. border:0px double #ebe9e9;
  89. padding:5px;
  90. z-index:999
  91. }
  92.  
  93. ::-webkit-scrollbar {width:5px; height:auto; background:{color:scrollbar bg};}
  94. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  95. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  96. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  97.  
  98. #credit {position:fixed;
  99. float:right;
  100. opacity:0.7;
  101. bottom:18px;
  102. right:18px;
  103. padding:6px;
  104. font-size:10px;
  105. text-align:center;
  106. height:10px;
  107. width:10px;
  108. font-family:georgia;
  109. -webkit-transition:all 0.5s ease-in-out;
  110. -moz-transition:all 0.5s ease-in-out;
  111. transition:all 0.5s ease-in-out;}
  112. #credit a {color:black;}
  113.  
  114.  
  115.  
  116. body {
  117. margin:0px;
  118. padding:0px;
  119. width:auto;
  120. color:{color:text};
  121. background:{color:background};
  122. }
  123.  
  124. a:link, a, a:active, a:visited {
  125. text-decoration:none;
  126. color:{color:link};
  127. -webkit-transition: all 0.5s ease-in-out;
  128. -moz-transition: all 0.5s ease-in-out;
  129. -o-transition: all 0.5s ease-in-out;
  130. -ms-transition: all 0.5s ease-in-out;
  131. transition: all 0.5s ease-in-out;
  132. }
  133. a:hover {
  134. color:{color:link hover};
  135. cursor:help;
  136. }
  137.  
  138. #con {
  139. position:absolute;
  140. left:50%;
  141. margin-left:-265px;
  142. }
  143.  
  144. #entry {
  145. margin:auto;
  146. margin-top:-20px;
  147. margin-left:-20px;
  148. position:absolute;
  149. width:400px;
  150. font-family:sans-serif;
  151. font-size:12px;
  152. padding-bottom:130px;
  153. border:4px double {color:border};
  154. padding:80px;
  155. }
  156.  
  157. .post {
  158. float:center;
  159. text-align:center;
  160. margin-left:-10px;
  161. width:400px;
  162. margin-bottom:120px;
  163. border:4px double {color:border};
  164. padding:6px;
  165. -webkit-transition: all 0.5s ease-in-out;
  166. -moz-transition: all 0.5s ease-in-out;
  167. -o-transition: all 0.5s ease-in-out;
  168. -ms-transition: all 0.5s ease-in-out;
  169. transition: all 0.5s ease-in-out;
  170. }
  171.  
  172. .post img{
  173. width:auto;
  174. max-width:400px;
  175.  
  176. }
  177.  
  178. .post:hover{
  179. box-shadow: 7px 4px 10px #b8b8b8;
  180. -webkit-transition: all 0.5s ease-in-out;
  181. -moz-transition: all 0.5s ease-in-out;
  182. -o-transition: all 0.5s ease-in-out;
  183. -ms-transition: all 0.5s ease-in-out;
  184. transition: all 0.5s ease-in-out;
  185.  
  186. }
  187.  
  188.  
  189.  
  190. iframe.photoset {
  191. width:400px;
  192. }
  193.  
  194. .text img{
  195. width:auto;
  196. }
  197.  
  198.  
  199. #permalinkpage {
  200. position:absolute;
  201. width:392px;
  202. margin-bottom:-10px;
  203. margin-top:50px;
  204. margin-left:1px;
  205. font-family:arial;
  206. font-size:9px;
  207. text-align:center;
  208. text-transform:lowercase;
  209. letter-spacing:2px;
  210. padding:10px;
  211. }
  212.  
  213. #permalinkpage a {
  214. margin-top:10px;
  215. color:{color:bottompost link};
  216. }
  217.  
  218. #permalinkpage a:hover {
  219. color:{color:bottompost link hover};
  220. }
  221.  
  222. #permalinkpage:hover #tags {
  223. opacity:0;
  224. }
  225.  
  226. #bottompost {
  227. font-size:15px;
  228. position:absolute;
  229. width:392px;
  230. opacity:0;
  231. text-align:right;
  232. text-transform:lowercase;
  233. margin-left:-430px;
  234. padding:6px;
  235. margin-top:-15px;
  236. -webkit-transition: all 0.8s ease-in-out;
  237. -moz-transition: all 0.8s ease-in-out;
  238. -o-transition: all 0.8s ease-in-out;
  239. -ms-transition: all 0.8s ease-in-out;
  240. transition: all 0.8s ease-in-out;
  241.  
  242. }
  243.  
  244. #bottompost a {
  245. padding-top:5px;
  246. color:{color:bottompost link};
  247. }
  248.  
  249. #bottompost a:hover {
  250. color:{color:bottompost link hover};
  251. }
  252.  
  253. .post:hover #bottompost {
  254. opacity:1;
  255. margin-left:-530px;
  256. margin-top:-15px;
  257. margin-bottom:10px;
  258. -webkit-transition: all 0.8s ease-in-out;
  259. -moz-transition: all 0.8s ease-in-out;
  260. -o-transition: all 0.8s ease-in-out;
  261. -ms-transition: all 0.8s ease-in-out;
  262. transition: all 0.8s ease-in-out;
  263. }
  264.  
  265.  
  266. #tags {
  267. display:block;
  268. opacity:0;
  269. width:105px;
  270. position:absolute;
  271. font-family:georgia;
  272. font-style:italic;
  273. font-size:10px;
  274. padding:3px;
  275. margin-top:10px;
  276. margin-left:-140px;
  277. color:{color:tags};
  278. text-align:right;
  279. -webkit-transition: all 0.8s ease-in-out;
  280. -moz-transition: all 0.8s ease-in-out;
  281. -o-transition: all 0.8s ease-in-out;
  282. -ms-transition: all 0.8s ease-in-out;
  283. transition: all 0.8s ease-in-out;
  284.  
  285. }
  286. #tags a {
  287. color:{color:tags};
  288. }
  289. #tags a:hover {
  290. color:{color:link hover};
  291. }
  292.  
  293. .post:hover #tags {
  294. opacity:1;
  295. margin-left:-240px;
  296. -webkit-transition: all 0.8s ease-in-out;
  297. -moz-transition: all 0.8s ease-in-out;
  298. -o-transition: all 0.8s ease-in-out;
  299. -ms-transition: all 0.8s ease-in-out;
  300. transition: all 0.8s ease-in-out;
  301.  
  302. }
  303.  
  304.  
  305. h1 {
  306. font-size:14px;
  307. text-transform:none;
  308. font-weight:lighter;
  309. padding-left:10px;
  310. color:{color:title};
  311. }
  312. h1 a {
  313. color:{color:title};
  314. text-transform:none;
  315. }
  316.  
  317. /*SIDEBAR YO*/
  318.  
  319. #sidebar {
  320. position:relative;
  321. margin-bottom:100px;
  322. text-align:justify;
  323. width:200px;
  324. margin-top:-110px;
  325. z-index:1;
  326. border-bottom:0px solid {color:Border};
  327. margin-left:90px;
  328. border:0px double {color:border};
  329. padding:1px;
  330. -webkit-transition: all 0.5s ease-in-out;
  331. -moz-transition: all 0.5s ease-in-out;
  332. -o-transition: all 0.5s ease-in-out;
  333. -ms-transition: all 0.5s ease-in-out;
  334. transition: all 0.5s ease-in-out;
  335. }
  336.  
  337.  
  338.  
  339. .speechbubble {
  340. position: relative;
  341. margin-top:100px;
  342. width: 245px;
  343. height: 135px;
  344. padding: 2px;
  345. margin-left:-20px;
  346. background:#ffffff;
  347. border:1px solid {color:border};
  348. -webkit-border-radius: 90px;
  349. -moz-border-radius: 90px;
  350. border-radius: 90px;
  351. }
  352.  
  353. .speechbubble:hover {
  354. -webkit-transition: all 0.5s ease-in-out;
  355. -moz-transition: all 0.5s ease-in-out;
  356. -o-transition: all 0.5s ease-in-out;
  357. -ms-transition: all 0.5s ease-in-out;
  358. transition: all 0.5s ease-in-out;
  359. }
  360.  
  361. .speechbubble:after
  362. {
  363. content: "";
  364. position: absolute;
  365. bottom: -25px;
  366. left: 138px;
  367. border-style: solid;
  368. border-width: 25px 10px 0;
  369. border-color: #FFF transparent;
  370. display: block;
  371. width: 0;
  372. z-index: 1;
  373. }
  374.  
  375. .speechbubble:before
  376. {
  377. content: "";
  378. position: absolute;
  379. top: 140px;
  380. left: 138px;
  381. border-style: solid;
  382. border-width: 25px 10px 0;
  383. border-color: #7F7F7F transparent;
  384. display: block;
  385. width: 0;
  386. z-index: 0;
  387. }
  388.  
  389. #title {
  390. font-family:'libre baskerville';
  391. margin-bottom:-35px;
  392. margin-top:10px;
  393. font-style:italic;
  394. font-size:18px;
  395. color:{color:text};
  396. letter-spacing:1px;
  397. text-align:center;
  398. }
  399.  
  400. #links{
  401. position:absolute;
  402. font-size:0px;
  403. width:280px;
  404. text-transform:lowercase;
  405. margin-top:4px;
  406. margin-left:-15px;
  407. text-align:center;
  408. float:right;
  409. }
  410.  
  411.  
  412. #links a {
  413. display:inline-block;
  414. width:9px;
  415. height:9px;
  416. background:#f4f4f4;
  417. margin:-6px 7px;
  418. border:1px solid #909090;
  419. border-radius:100%;
  420. -webkit-transition:all 0.3s;
  421. -moz-transition:all 0.3s;
  422. -ms-transition:all 0.3s;
  423. -o-transition:all 0.3s;
  424. transition:all 0.3s;
  425. }
  426.  
  427. #links a:hover {
  428. border:1px solid black;
  429. background:black;
  430. -webkit-transition:all 0.3s;
  431. -moz-transition:all 0.3s;
  432. -ms-transition:all 0.3s;
  433. -o-transition:all 0.3s;
  434. transition:all 0.3s; }
  435.  
  436.  
  437.  
  438. .description{
  439. font-size:12px;
  440. text-align:center;
  441. margin-top:44px;
  442. width:190px;
  443. margin-left:25px;
  444. margin-bottom:10px;
  445. }
  446.  
  447.  
  448. #pagination {
  449. font-family:georgia;
  450. font-size:10px;
  451. font-style:italic;
  452. line-height:18px;
  453. width:120px;
  454. text-align:center;
  455. position:absolute;
  456. margin-top:-10px;
  457. margin-left:140px;
  458. border:0px solid {color:border};
  459. color:{link};
  460.  
  461. }
  462.  
  463. #pagination a {
  464. color:{color:title};
  465. margin-bottom:10px;
  466. background:#ffffff;
  467. padding:5px;
  468. -webkit-transition: all 0.5s ease-in-out;
  469. -moz-transition: all 0.5s ease-in-out;
  470. -o-transition: all 0.5s ease-in-out;
  471. -ms-transition: all 0.5s ease-in-out;
  472. transition: all 0.5s ease-in-out;
  473. }
  474.  
  475. #pagination a:hover {
  476. color:{color:link hover};
  477. }
  478.  
  479. .quote {
  480. font-family:sans-serif;
  481. font-weight:bold;
  482. font-size:12px;
  483. text-align:right;
  484. line-height:18px;
  485. padding-right:5px;
  486. padding-left:5px;
  487. padding-bottom:5px;
  488. }
  489.  
  490. #source {
  491. text-align:left;
  492. padding-left:20px;
  493. padding-right:5px;
  494. }
  495.  
  496. .audio{
  497. position:absolute;
  498. width:40px;
  499. margin-left:10px;
  500. height:40px;
  501. }
  502.  
  503. .button {
  504. width:30px;
  505. height:30px;
  506. overflow:hidden;
  507. position:relative;
  508. opacity:0.6;
  509. z-index:100;
  510. margin:19px 18px 7px 10px;
  511. border-radius:100%;
  512. }
  513.  
  514. .audioplayer {
  515. margin-left:50px;
  516. float:center;
  517. opacity:0.7;
  518. background-color:#ffffff;
  519. position:absolute;
  520. z-index:100;
  521. }
  522.  
  523. .audioimage{
  524. margin-top:-50px;
  525. position:absolute;
  526. width:70px;
  527. height:70px;
  528. }
  529.  
  530. .audioimage img{
  531. float:left;
  532. opacity:1;
  533. width:70px;
  534. }
  535.  
  536. .audiodata {
  537. background-color:{color:background};
  538. font-size:10px;
  539. letter-spacing:1px;
  540. padding:10px;
  541. height:55px;
  542. width:305px;
  543. margin-left:75px;
  544. text-align:center;
  545. }
  546.  
  547.  
  548. .video {
  549. width:390px;
  550. background:#f4f4f4;
  551. padding:5px;
  552. }
  553.  
  554. .data {
  555. background-color:{color:background};
  556. color:{color:text};
  557. text-transform:uppercase;
  558. height:10px; padding:6px 0px 5px 0px;
  559. width:401px;
  560. margin-bottom:-7px;
  561. margin-left:99px;
  562. text-align:center
  563. }
  564.  
  565. .data b {
  566. color:{color:source};
  567. line-height:7px;
  568. }
  569.  
  570.  
  571. .caption {
  572. text-align:center;
  573. margin-top:10px;
  574. padding-left:10px;
  575. padding-right:10px;
  576. font-family:sans-serif;
  577. display:block;
  578. padding:3px;
  579.  
  580. }
  581. .caption img {
  582. max-width:auto;
  583. }
  584.  
  585. blockquote {
  586. padding-left:5px;
  587. border-left:1px solid {color:border};
  588. }
  589.  
  590. #asker {
  591. padding:5px;
  592. font-family:georgia;
  593. text-align:left;
  594. margin-top:0px;
  595. font-size:11px;
  596. font-style:italic;
  597. opacity:0.8;
  598. }
  599.  
  600. #asker a {
  601. letter-spacing:1px;
  602. border-bottom:0px solid {color:link};
  603. }
  604.  
  605. .question {
  606. font-size:12px;
  607. line-height:18px;
  608. font-weight:bold;
  609. text-align:center;
  610. margin-top:8px;
  611. padding:2px;
  612. margin-left:-50px;
  613. margin-bottom:-10px;
  614. }
  615.  
  616.  
  617. .answer {
  618. font-family:sans-serif;
  619. font-size:12px;
  620. margin-left:2px;
  621. margin-top:0px;
  622. margin-bottom:0px;
  623. }
  624.  
  625. .answer img{
  626. width:auto;
  627. }
  628.  
  629. ol.notes {
  630. padding-left:13px;
  631. padding-bottom:2%;
  632. padding-top:15%;
  633. width:380px;
  634. list-style-type:none;
  635. text-align:center;
  636. }
  637.  
  638. ol.notes li.note{
  639. border-bottom:1px solid {color:border};
  640. padding:2%;
  641. }
  642.  
  643. ol.notes li.note img.avatar{
  644. width:0px;
  645. height:0px;}
  646.  
  647.  
  648.  
  649.  
  650. </style></head>
  651.  
  652.  
  653. {block:ifbubble}<!-- bubble effect -->
  654. <script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
  655.  
  656. // <![CDATA[
  657.  
  658. var colours=new Array("#bbd7db", "#6eacb5", "#bbd7db", "#6eacb5", "#bbd7db"); // colours for top, right, bottom and left borders and background of bubbles
  659.  
  660. var bubbles=80; // maximum number of bubbles on screen
  661.  
  662. /****************************
  663.  
  664. * JavaScript Bubble Cursor *
  665.  
  666. * (c) 2010 mf2fm web-design *
  667.  
  668. * http://www.mf2fm.com/rv *
  669.  
  670. * DON'T EDIT BELOW THIS BOX *
  671.  
  672. ****************************/
  673.  
  674. var x=ox=400;
  675.  
  676. var y=oy=300;
  677.  
  678. var swide=800;
  679.  
  680. var shigh=600;
  681.  
  682. var sleft=sdown=0;
  683.  
  684. var bubb=new Array();
  685.  
  686. var bubbx=new Array();
  687.  
  688. var bubby=new Array();
  689.  
  690. var bubbs=new Array();
  691.  
  692. window.onload=function() { if (document.getElementById) {
  693.  
  694. var rats, div;
  695.  
  696. for (var i=0; i<bubbles; i++) {
  697.  
  698. rats=createDiv("3px", "3px");
  699.  
  700. rats.style.visibility="hidden";
  701.  
  702. div=createDiv("auto", "auto");
  703.  
  704. rats.appendChild(div);
  705.  
  706. div=div.style;
  707.  
  708. div.top="1px";
  709.  
  710. div.left="0px";
  711.  
  712. div.bottom="1px";
  713.  
  714. div.right="0px";
  715.  
  716. div.borderLeft="1px solid "+colours[3];
  717.  
  718. div.borderRight="1px solid "+colours[1];
  719.  
  720. div=createDiv("auto", "auto");
  721.  
  722. rats.appendChild(div);
  723.  
  724. div=div.style;
  725.  
  726. div.top="0px";
  727.  
  728. div.left="1px";
  729.  
  730. div.right="1px";
  731.  
  732. div.bottom="0px"
  733.  
  734. div.borderTop="1px solid "+colours[0];
  735.  
  736. div.borderBottom="1px solid "+colours[2];
  737.  
  738. div=createDiv("auto", "auto");
  739.  
  740. rats.appendChild(div);
  741.  
  742. div=div.style;
  743.  
  744. div.left="1px";
  745.  
  746. div.right="1px";
  747.  
  748. div.bottom="1px";
  749.  
  750. div.top="1px";
  751.  
  752. div.backgroundColor=colours[4];
  753.  
  754. div.opacity=0.5;
  755.  
  756. if (document.all) div.filter="alpha(opacity=50)";
  757.  
  758. document.body.appendChild(rats);
  759.  
  760. bubb[i]=rats.style;
  761.  
  762. }
  763.  
  764. set_scroll();
  765.  
  766. set_width();
  767.  
  768. bubble();
  769.  
  770. }}
  771.  
  772. function bubble() {
  773.  
  774. var c;
  775.  
  776. if (x!=ox || y!=oy) {
  777.  
  778. ox=x;
  779.  
  780. oy=y;
  781.  
  782. for (c=0; c<bubbles; c++) if (!bubby[c]) {
  783.  
  784. bubb[c].left=(bubbx[c]=x)+"px";
  785.  
  786. bubb[c].top=(bubby[c]=y)+"px";
  787.  
  788. bubb[c].width="3px";
  789.  
  790. bubb[c].height="3px"
  791.  
  792. bubb[c].visibility="visible";
  793.  
  794. bubbs[c]=3;
  795.  
  796. break;
  797.  
  798. }
  799.  
  800. }
  801.  
  802. for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
  803.  
  804. setTimeout("bubble()", 40);
  805.  
  806. }
  807.  
  808. function update_bubb(i) {
  809.  
  810. if (bubby[i]) {
  811.  
  812. bubby[i]-=bubbs[i]/2+i%2;
  813.  
  814. bubbx[i]+=(i%5-2)/5;
  815.  
  816. if (bubby[i]>sdown && bubbx[i]>0) {
  817.  
  818. if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
  819.  
  820. bubb[i].width=bubbs[i]+"px";
  821.  
  822. bubb[i].height=bubbs[i]+"px";
  823.  
  824. }
  825.  
  826. bubb[i].top=bubby[i]+"px";
  827.  
  828. bubb[i].left=bubbx[i]+"px";
  829.  
  830. }
  831.  
  832. else {
  833.  
  834. bubb[i].visibility="hidden";
  835.  
  836. bubby[i]=0;
  837.  
  838. return;
  839.  
  840. }
  841.  
  842. }
  843.  
  844. }
  845.  
  846. document.onmousemove=mouse;
  847.  
  848. function mouse(e) {
  849.  
  850. set_scroll();
  851.  
  852. y=(e)?e.pageY:event.y+sleft;
  853.  
  854. x=(e)?e.pageX:event.x+sdown; }
  855.  
  856. window.onresize=set_width;
  857.  
  858. function set_width() {
  859.  
  860. if (document.documentElement && document.documentElement.clientWidth) {
  861.  
  862. swide=document.documentElement.clientWidth;
  863.  
  864. shigh=document.documentElement.clientHeight;
  865.  
  866. }
  867.  
  868. else if (typeof(self.innerHeight)=="number") {
  869.  
  870. swide=self.innerWidth;
  871.  
  872. shigh=self.innerHeight;
  873.  
  874. }
  875.  
  876. else if (document.body.clientWidth) {
  877.  
  878. swide=document.body.clientWidth;
  879.  
  880. shigh=document.body.clientHeight;
  881.  
  882. }
  883.  
  884. else {
  885.  
  886. swide=800;
  887.  
  888. shigh=600;
  889.  
  890. }
  891.  
  892. }
  893.  
  894. window.onscroll=set_scroll;
  895.  
  896. function set_scroll() {
  897.  
  898. if (typeof(self.pageYOffset)=="number") {
  899.  
  900. sdown=self.pageYOffset;
  901.  
  902. sleft=self.pageXOffset;
  903.  
  904. }
  905.  
  906. else if (document.body.scrollTop || document.body.scrollLeft) {
  907.  
  908. sdown=document.body.scrollTop;
  909.  
  910. sleft=document.body.scrollLeft;
  911.  
  912. }
  913.  
  914. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  915.  
  916. sleft=document.documentElement.scrollLeft;
  917.  
  918. sdown=document.documentElement.scrollTop;
  919.  
  920. }
  921.  
  922. else {
  923.  
  924. sdown=0;
  925.  
  926. sleft=0;
  927.  
  928. }
  929.  
  930. }
  931.  
  932. function createDiv(height, width) {
  933.  
  934. var div=document.createElement("div");
  935.  
  936. div.style.position="absolute";
  937.  
  938. div.style.height=height;
  939.  
  940. div.style.width=width;
  941.  
  942. div.style.overflow="hidden";
  943.  
  944. return (div);
  945.  
  946. }
  947.  
  948. // ]]>
  949.  
  950. </script>{/block:ifbubble}
  951.  
  952.  
  953.  
  954.  
  955. <body>
  956.  
  957.  
  958. <div id="credit"><a href="http://augustusmilverton.tumblr.com/"><img src="http://oi43.tinypic.com/11rryja.jpg"></a></div>
  959.  
  960. <div id="con">
  961.  
  962.  
  963. <div id="entry">
  964.  
  965. <div id="sidebar">
  966.  
  967.  
  968.  
  969. <div class="speechbubble">
  970. <div id="title">{title}</div>
  971. <div class="description">
  972. ❝&nbsp;{Description}&nbsp;❞
  973. </div>
  974.  
  975. <div id="links">
  976. {{block:ifLink1}<a href="/" title="home">{text:Link 1}</a>{/block:ifLink1}&nbsp;
  977. {block:ifLink2}<a href="{text:Link 2 URL}" title="message">{text:Link 2}</a>{/block:ifLink2}&nbsp;
  978. {block:ifLink3}<a href="{text:Link 3 URL}" title="about">{text:Link 3}</a>{/block:ifLink3}&nbsp;
  979. {block:ifLink4}<a href="{text:Link 4 URL}" title="links">{text:Link 4}</a>{/block:ifLink4}&nbsp
  980. {block:ifLink5}<a href="{text:Link 5 URL}" title="archive">{text:Link 5}</a>{/block:ifLink5}
  981. </div>
  982.  
  983. </div>
  984.  
  985.  
  986. </div>
  987.  
  988.  
  989.  
  990. {block:Posts}
  991. <div class="post">
  992. <div id="bottompost"><a href="{Permalink}">{NoteCount}</a></span><br></div>
  993.  
  994. <center><div id="tags">{block:HasTags}{block:Tags}
  995. <span style="opacity:0.5;"></span><a href="/tagged/{Tag}">{Tag}.<br></a>&nbsp;{/block:Tags}{/block:HasTags}</div></center>
  996.  
  997. <div class="text">{block:Text}
  998. {block:Title}<h1>{Title}</h1>{/block:Title}
  999. {Body}
  1000. {/block:Text}</div>
  1001.  
  1002.  
  1003. {block:Photo}
  1004. <a href="{Permalink}"><img src="{PhotoURL-400}"></a>
  1005. {block:Caption}
  1006. {block:ifshowcaptions}
  1007. <span class="caption">{Caption}</span>
  1008. {/block:ifshowcaptions}
  1009. {/block:Caption}
  1010. {/block:Photo}
  1011.  
  1012.  
  1013. {block:Photoset}
  1014. {Photoset-400}
  1015. {block:Caption}
  1016. {block:ifshowcaptions}
  1017. <span class="caption">{Caption}</span>
  1018. {/block:ifshowcaptions}
  1019. {/block:Caption}
  1020. {/block:Photoset}
  1021.  
  1022. {block:Quote}
  1023. <div class="quote">❝ {Quote} ❞</div>
  1024. {block:Source}
  1025. <div id="source">— {Source}</div>
  1026. {/block:Source}
  1027. {/block:Quote}
  1028.  
  1029.  
  1030. {block:Link}
  1031. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1032. {block:Description}
  1033. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  1034. {/block:Description}
  1035. {/block:Link}
  1036.  
  1037.  
  1038. {block:Chat}
  1039. {block:Title}<h1>{Title}</h1>{/block:Title}
  1040. {block:Lines}
  1041. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  1042. {/block:Lines}
  1043. {/block:Chat}
  1044.  
  1045. {block:Audio}
  1046. <div class="audio">
  1047. <div class="adioplayer"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1048. <div class="audioimage"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  1049. <div class="audiodata"><br><font style="text-transform:lowercase">{block:TrackName}{TrackName} - {/block:TrackName}
  1050. {block:Artist}{Artist}{/block:Artist}</font></div>
  1051. <br>
  1052.  
  1053. {block:Caption}
  1054. {block:ifshowcaptions}
  1055. <span class="caption">{Caption}</span>
  1056. {/block:ifshowcaptions}
  1057. {/block:Caption}
  1058. {/block:Audio}
  1059.  
  1060.  
  1061. {block:Video}
  1062. {Video-400}
  1063. {block:Caption}
  1064. {block:ifshowcaptions}
  1065. <span class="caption">{Caption}</span>
  1066. {/block:ifshowcaptions}
  1067. {/block:Caption}
  1068. {/block:Video}
  1069.  
  1070.  
  1071. {block:Answer}
  1072. <img src="{AskerPortraitURL-40}" align="left" style="padding:2px; border:1px dashed {color:button}"/><div class="question"><b>❝&nbsp;{Question}&nbsp;❞</b></div><br>
  1073. <div class="answer" style="width:390px; text-align:center;">{Answer} </div>
  1074. {/block:Answer}
  1075.  
  1076.  
  1077.  
  1078. {block:PermalinkPage}
  1079. <br><div id="permalinkpage">
  1080. {block:Date}{DayOfWeek} {DayofMonth} of {Month}, {Year},{/block:Date}
  1081. {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}
  1082. <br>{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a>
  1083. {/block:PermalinkPage}
  1084.  
  1085. </div>
  1086.  
  1087. {block:PermalinkPage}
  1088. {block:PostNotes}
  1089. <div id="notes" style="margin-top:40px;">{PostNotes}</div>
  1090. {/block:PostNotes}
  1091. {/block:permalinkpage}
  1092.  
  1093.  
  1094. {/block:Posts}
  1095. <div id="pagination">
  1096. {block:PreviousPage}
  1097. <a href="{PreviousPage}">the future</a>
  1098. {/block:PreviousPage}
  1099. {block:NextPage}
  1100. <a href="{NextPage}">the past</a>
  1101. {block:NextPage}
  1102. </div>
  1103.  
  1104. </div>
  1105.  
  1106.  
  1107. </div>
  1108. </div>
  1109.  
  1110. </body>
  1111. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!