API tools faq
paste
Advertisement
Seedfawn

Theme 20

Seedfawn
Oct 5th, 2015
290
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.82 KB | None | 0 0
raw download clone embed print report
  1. <!-- THIS THEME WAS MADE BY SEEDFAWN. PLEASE KEEP THE CREDIT AND HAVE A NICE DAY!-->
  2.  
  3. <html lang="en">
  4. <script type="text/javascript">
  5. <!--
  6.  
  7.  
  8.  
  9. // Disable Right Click Script
  10.  
  11. function IE(e)
  12. {
  13. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  14. {
  15. return false;
  16. }
  17. }
  18. function NS(e)
  19. {
  20. if (document.layers || (document.getElementById && !document.all))
  21. {
  22. if (e.which == "2" || e.which == "3")
  23. {
  24. return false;
  25. }
  26. }
  27. }
  28. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  29.  
  30. //-->
  31. </script>
  32.  
  33. <script type="text/javascript">
  34. // <![CDATA[
  35. var speed=50; // speed colours change, 1 second = 1000
  36. var delay=100; // how long to wait for each wipe
  37. var alink=""; // page to link text to (set to ="" for no link)
  38.  
  39. /****************************
  40. * Wipe Out Text Effect *
  41. *(c) 2003-6 mf2fm web-design*
  42. * http://www.mf2fm.com/rv *
  43. * DON'T EDIT BELOW THIS BOX *
  44. ****************************/
  45. var w_txt;
  46. window.onload=function() { if (document.getElementById) {
  47. var wiper=document.getElementById("wipe");
  48. w_txt=wiper.firstChild.nodeValue;
  49. while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
  50. for (var i=0; i<w_txt.length; i++) {
  51. var wipei=document.createElement("span");
  52. wipei.setAttribute("id", "wipe"+i);
  53. wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
  54. if (alink) {
  55. wipei.style.cursor="pointer";
  56. wipei.onclick=function() { top.location.href=alink; }
  57. }
  58. wiper.appendChild(wipei);
  59. }
  60. wipe(0);
  61. }}
  62.  
  63. function wipe(c) {
  64. if (!c) for (var w=0; w<w_txt.length; w++) document.getElementById("wipe"+w).style.visibility="hidden";
  65. else if (c<=w_txt.length) document.getElementById("wipe"+(c-1)).style.visibility="visible";
  66. setTimeout("wipe("+(++c%(w_txt.length+delay))+")", speed);
  67. }
  68. // ]]>
  69. </script>
  70.  
  71. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  72. <script>
  73. $(document).ready(function() {
  74. //
  75. $('a.poplight[href^=#]').click(function() {
  76. var popID = $(this).attr('rel'); //Get Popup Name
  77. var popURL = $(this).attr('href'); //Get Popup href to define size
  78. var query= popURL.split('?');
  79. var dim= query[1].split('&');
  80. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  81. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://38.media.tumblr.com/30853fe6c9b10e246922a5953db4d1a0/tumblr_inline_nl8j0gMXwf1ry72eo.gif" class="btn_close" title="Close" alt="Close" /></a>');
  82. var popMargTop = ($('#' + popID).height() + 60) / 2;
  83. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  84. //Apply Margin to Popup
  85. $('#' + popID).css({
  86. 'margin-top' : -popMargTop,
  87. 'margin-left' : -popMargLeft
  88. });
  89. $('body').append('<div id="fade"></div>');
  90. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  91. return false;
  92. });
  93. $('a.close, #fade').live('click', function() {
  94. $('#fade , .popup_block').fadeOut(function() {
  95. $('#fade, a.close').remove(); //fade them both out
  96. });
  97. return false;
  98. });
  99. });
  100. </script>
  101.  
  102. <script>
  103. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  104.  
  105. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  106. "mp3": "audio/mpeg",
  107. "mp4": "audio/mp4",
  108. "ogg": "audio/ogg",
  109. "wav": "audio/wav"
  110. }
  111. function createsoundbite(sound){
  112. var html5audio=document.createElement('audio')
  113. if (html5audio.canPlayType){ //check support for HTML5 audio
  114. for (var i=0; i<arguments.length; i++){
  115. var sourceel=document.createElement('source')
  116. sourceel.setAttribute('src', arguments[i])
  117. if (arguments[i].match(/\.(\w+)$/i))
  118. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  119. html5audio.appendChild(sourceel)
  120. }
  121. html5audio.load()
  122. html5audio.playclip=function(){
  123. html5audio.pause()
  124. html5audio.currentTime=0
  125. html5audio.play()
  126. }
  127. return html5audio
  128. }
  129. else{
  130. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  131. }
  132. }
  133.  
  134. var mouseoversound1=createsoundbite("http://www.javascriptkit.com/script/script2/click.ogg", "http://www.javascriptkit.com/script/script2/click.mp3")
  135. var clicksound1=createsoundbite("http://www.javascriptkit.com/script/script2/click.ogg", "http://www.javascriptkit.com/script/script2/click.mp3")
  136.  
  137. </script>
  138.  
  139. <link href='https://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
  140. <link href='https://fonts.googleapis.com/css?family=Oxygen:300|Lato:300' rel='stylesheet' type='text/css'>
  141.  
  142. <meta name="image:Background" content=""/>
  143. <meta name="image:Sidebar" content=""/>
  144. <meta name="image:Transparent" content=""/>
  145. <meta name="if:Stats Updates Credits" content="1"/>
  146. <meta name="if:Click Noise" content="1"/>
  147. <meta name="color:Background" content="#f5f5f5"/>
  148. <meta name="color:Title" content="#970f21"/>
  149. <meta name="color:Text" content="#444"/>
  150. <meta name="color:Link" content="#970f21"/>
  151. <meta name="color:Hover" content="#bf152b"/>
  152. <meta name="color:Blogtitle" content="#fff"/>
  153. <meta name="color:Navigation" content="#970f21"/>
  154. <meta name="color:Navigation Hover" content="#bf152b"/>
  155. <meta name="color:Sidebar" content="#bf152b"/>
  156. <meta name="color:Permalink" content="#bf152b"/>
  157. <meta name="color:Quote Bar" content="#bf152b"/>
  158. <meta name="color:Scrollbar" content="#970f21"/>
  159. <meta name="color:Selection" content="#970f21"/>
  160. <meta name="text:Blogtitle" content="Trouble"/>
  161. <meta name="text:Quote" content="And California never felt like home to me, until I had you on the open road"/>
  162. <meta name="text:Link One Title" content="Refresh" />
  163. <meta name="text:Link Two Title" content="Inbox" />
  164. <meta name="text:Link Three Title" content="Links" />
  165. <meta name="text:Link Four Title" content="Themes" />
  166. <meta name="text:Link One" content="/" />
  167. <meta name="text:Link Two" content="" />
  168. <meta name="text:Link Three" content="" />
  169. <meta name="text:Link Four" content="http://kara-themes.tumblr.com" />
  170. </script>
  171.  
  172. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  173.  
  174. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  175.  
  176. <script>
  177. (function($){
  178. $(document).ready(function(){
  179. $("[title]").style_my_tooltips();
  180. });
  181. })(jQuery);
  182. </script>
  183.  
  184. <style type="text/css">
  185.  
  186. #s-m-t-tooltip {
  187. height:8px;
  188. padding: 4px 7px 4px 8px;
  189. display:block;
  190. text-align:center;
  191. font-size:8px;
  192. font-family:calibri;
  193. line-height:8px;
  194. letter-spacing:1px;
  195. background:#fff;
  196. border-radius:0px;
  197. z-index: 9999999999!important;
  198. color:{color:text};
  199. text-transform:uppercase;
  200. letter-spacing:1px;
  201. margin: 15px 14px 7px 12px;
  202. -webkit-transition:all 0.7s ease-in-out;
  203. -moz-transition:all 0.7s ease-in-out;
  204. transition:all 0.7s ease-in-out;
  205. }
  206.  
  207. .popup_block{
  208. display: none; /*--hidden by default--*/
  209. background: #fff;
  210. background-image: url(URL OF BACKGROUND PICTURE);
  211. background-attachment: fixed;
  212. background-size: contain;
  213. background-position: center;
  214. padding: 10px;
  215. border: 4px solid {color:navigation}; /*--change your border here--*/
  216. font-size: 8px;
  217. text-align:justify;
  218. font-family:calibri;
  219. text-transform:uppercase;
  220. line-height:12px;
  221. letter-spacing:2px;
  222. position: fixed;
  223. top: 50%; left: 50%;
  224. z-index: 9999999999999999999999999;
  225. }
  226. img.btn_close {
  227. float: right;
  228. margin: -5px -5px 0 0;
  229. }
  230. /*--Making IE6 Understand Fixed Positioning--*/
  231. *html #fade {
  232. position: absolute;
  233. background:black;
  234. }
  235. *html .popup_block {
  236. position: absolute;
  237. }
  238.  
  239. body {
  240. padding:0px;
  241. margin:0px;
  242. color:{color:Text};
  243. font-family:calibri;
  244. font-size:10px;
  245. line-height:12px;
  246. text-transform:normal;
  247. background-size:repeat;
  248. background-color:{color:Background};
  249. background-image:url({image:Background});
  250. background-attachment:fixed;
  251. background-repeat:cover;
  252. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  253.  
  254. .tmblr-iframe{
  255. z-index:9999999999!important;
  256. opacity:.2 !important;
  257. -webkit-filter:invert(100%);
  258. top:25px !important;
  259. right:5px !important;
  260. position:fixed!important;
  261. }
  262.  
  263. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  264. a:link, a:active, a:visited{
  265. color:{color:Link};
  266. text-decoration:none;
  267. -webkit-transition:all 0.6s ease-out;
  268. -moz-transition:all 0.6s ease-out;
  269. -o-transition:all 0.6s ease-out;
  270. transition:all 0.6s ease-out;
  271. }
  272.  
  273. a:hover{
  274. color:{color:Hover};
  275. text-decoration:none;
  276. -webkit-transition:all 0.3s ease-out;
  277. -moz-transition:all 0.3s ease-out;
  278. -o-transition:all 0.3s ease-out;
  279. transition:all 0.3s ease-out;
  280. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  281. }
  282.  
  283. ::-webkit-scrollbar {/*your scrollbar*/
  284. height:7px;
  285. width:7px;
  286. background-color:{color:background};
  287. }
  288.  
  289. ::-webkit-scrollbar-thumb {
  290. height:auto;
  291. background-color:{color:scrollbar};
  292. }
  293.  
  294. ::selection {
  295. background:transparent;
  296. color:{color:selection};
  297. }
  298.  
  299. ::-moz-selection {
  300. background:transparent;
  301. color:{color:selection};
  302. }
  303.  
  304.  
  305. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  306. #audio {
  307. width:200px;
  308. height:auto;
  309. min-height:60px;
  310. padding-bottom:0px;
  311. }
  312.  
  313. .cover {
  314. position:absolute;
  315. z-index:1;
  316. width:80px;
  317. height:80px;
  318. }
  319.  
  320. .cover img {
  321. float:left;
  322. margin-top:-20px;
  323. margin-left:-20px;
  324. width:80px;
  325. height:80px;
  326. padding:10px;
  327. outline:3px solid #fff;
  328. outline-offset:-15px;
  329. }
  330.  
  331. .playbox {
  332. opacity:0.6;
  333. width:27px;
  334. height:30px;
  335. overflow:hidden;
  336. position:absolute;
  337. z-index:1000;
  338. margin-left:22px;
  339. margin-top:20px;
  340. text-align:center;
  341. }
  342.  
  343. .info {
  344. margin-left:85px;
  345. margin-top:4px;
  346. line-height:20px;
  347. text-align:center;
  348. }
  349.  
  350. #cunt{width:250px; height:auto;}
  351. {block:PermalinkPage}
  352. width:10px;
  353. {/block:PermalinkPage}
  354. }
  355.  
  356. #center{
  357. padding-top:3px;
  358. padding-bottom:3px;
  359. position:fixed !important;
  360. width:250px;
  361. height:207px;
  362. background-color:#fff;
  363. {block:PermalinkPage}
  364. width:410px;
  365. height:207px;
  366. {/block:PermalinkPage}
  367. }
  368.  
  369. #posts{
  370. {block:indexpage}
  371. width:800px;
  372. {/block:indexpage}
  373. {block:permalinkpage}
  374. width:600px;
  375. {/block:permalinkpage}
  376. margin-left:420px;
  377. margin-top:0px;
  378. padding-top:50px;
  379. }
  380.  
  381. #entry img{
  382. {block:indexpage}
  383. max-width:250px;
  384. background:#fff;
  385. display:block;
  386. -webkit-transition:all 0.7s ease-out;
  387. -moz-transition:all 0.7s ease-out;
  388. transition:all 0.7s ease-out;
  389. {/block:indexpage}
  390. {block:PermalinkPage}
  391. outline:1px solid #fff;
  392. outline-offset:-2px;
  393. {/block:PermalinkPage}
  394. }
  395.  
  396. #entry img:hover{
  397. opacity:1;
  398. }
  399.  
  400. #entry{
  401. position:relative;
  402. margin:20px;
  403. float:left;
  404. background:white;
  405. font-size:8px;
  406. line-height:13px;
  407. text-transform:uppercase;
  408. font-family:calibri;
  409. letter-spacing:1px;
  410. width:250px;
  411. padding:20px;
  412. border:1px solid #ddd;
  413. box-shadow:rgba(0,0,0,.03) 6px 6px;
  414. {block:PermalinkPage}
  415. opacity:1;
  416. width:560px;
  417. margin-top:15px;
  418. margin-left:30px;
  419. z-index:9;
  420. box-shadow:rgba(0,0,0,.01) 6px 6px;
  421. padding-bottom:20px;
  422. {/block:PermalinkPage}
  423. -moz-transition: all 1s ease-out;
  424. -o-transition: all 1s ease-out;
  425. -webkit-transition: all 1s ease-out;
  426. transition: all 1s ease-out;
  427. }
  428.  
  429. #entry .perma{
  430. overflow:hidden;
  431. width:15px;
  432. height:15px;
  433. margin-top:-45px;
  434. margin-left:-50px;
  435. position:absolute;
  436. padding:5px;
  437. opacity:0;
  438. z-index:99;
  439. -webkit-transition:all 0.5s ease-in-out;
  440. -moz-transition:all 0.5s ease-in-out;
  441. transition:all 0.5s ease-in-out;
  442. }
  443.  
  444. #entry:hover .perma{
  445. overflow:visible;
  446. opacity:1;
  447. margin-left:-20px;
  448. }
  449.  
  450. #entry .perma2{
  451. overflow:hidden;
  452. width:15px;
  453. height:15px;
  454. margin-top:-45px;
  455. margin-left:-50px;
  456. position:absolute;
  457. padding:5px;
  458. opacity:0;
  459. z-index:99;
  460. -webkit-transition:all 0.5s ease-in-out;
  461. -moz-transition:all 0.5s ease-in-out;
  462. transition:all 0.5s ease-in-out;
  463. }
  464.  
  465. #entry:hover .perma2{
  466. overflow:visible;
  467. opacity:1;
  468. margin-left:0px;
  469. }
  470.  
  471. #entry .perma3{
  472. position:absolute;
  473. width:15px;
  474. height:15px;
  475. margin-top:-45px;
  476. margin-left:260px;
  477. padding:5px;
  478. opacity:0;
  479. text-align:center;
  480. line-height:10px;
  481. z-index:99;
  482. -webkit-transition:all 0.5s ease-in-out;
  483. -moz-transition:all 0.5s ease-in-out;
  484. transition:all 0.5s ease-in-out;
  485. }
  486.  
  487. #entry:hover .perma3{
  488. overflow:visible;
  489. opacity:1;
  490. color:white;
  491. margin-left:245px;
  492. }
  493.  
  494. #entry .perma5{
  495. position:absolute;
  496. width:100px;
  497. height:15px;
  498. margin-top:-45px;
  499. margin-left:240px;
  500. padding:5px;
  501. opacity:0;
  502. font-size:13px;
  503. text-align:right;
  504. color:white;
  505. font-family: 'Lato', sans-serif;
  506. line-height:15px;
  507. z-index:99;
  508. -webkit-transition:all 0.5s ease-in-out;
  509. -moz-transition:all 0.5s ease-in-out;
  510. transition:all 0.5s ease-in-out;
  511. }
  512.  
  513. #entry:hover .perma5{
  514. overflow:visible;
  515. opacity:1;
  516. color:white;
  517. margin-left:138px;
  518. }
  519.  
  520. #entry .perma4{
  521. position:absolute;
  522. width:282px;
  523. height:15px;
  524. margin-top:-45px;
  525. margin-left:-21px;
  526. background:{color:permalink};
  527. color:white;
  528. font-size:8px;
  529. padding:5px;
  530. opacity:1;
  531. text-align:center;
  532. line-height:10px;
  533. z-index:99;
  534. -webkit-transition:all 0.5s ease-in-out;
  535. -moz-transition:all 0.5s ease-in-out;
  536. transition:all 0.5s ease-in-out;
  537. }
  538.  
  539. #entry:hover .perma4{
  540. overflow:visible;
  541. }
  542.  
  543. .permalinktext{
  544. position:absolute;
  545. width:282px;
  546. height:10px;
  547. margin-left:-21px;
  548. margin-top:1px;
  549. background:{color:permalink};
  550. color:white;
  551. font-size:8px;
  552. padding:5px;
  553. opacity:1;
  554. text-align:center;
  555. line-height:10px;
  556. z-index:9999;
  557. -webkit-transition:all 0.5s ease-in-out;
  558. -moz-transition:all 0.5s ease-in-out;
  559. transition:all 0.5s ease-in-out;
  560. }
  561.  
  562. #entry .fade{
  563. position:absolute;
  564. width:125px;
  565. height:calc(100% - 40px);
  566. background:#fff;
  567. opacity:.2;
  568. z-index:9;
  569. -webkit-transform: scale(1);
  570. -webkit-transition:all 0.7s ease-in-out;
  571. -moz-transition:all 0.7s ease-in-out;
  572. transition:all 0.7s ease-in-out;
  573. }
  574.  
  575. #entry:hover .fade{;
  576. height:0px;
  577. -webkit-transform: scale(1);
  578. }
  579.  
  580. #entry .fade2{
  581. position:absolute;
  582. width:125px;
  583. margin-left:125px;
  584. height:calc(100% - 40px);
  585. background:#fff;
  586. opacity:.2;
  587. z-index:9;
  588. -webkit-transform: scale(1);
  589. -webkit-transition:all 0.9s ease-in-out;
  590. -moz-transition:all 0.9s ease-in-out;
  591. transition:all 0.9s ease-in-out;
  592. }
  593.  
  594. #entry:hover .fade2{
  595. height:0px;
  596. -webkit-transform: scale(1);
  597. }
  598.  
  599. .title{
  600. width:260px;
  601. margin-left:-8px;
  602. line-height:12px;
  603. color:{color:title};
  604. font-family: 'Raleway', sans-serif;
  605. font-size:30px;
  606. text-transform:none;
  607. }
  608.  
  609. #blogtitle{
  610. position: fixed !important;
  611. width:auto;
  612. height:auto;
  613. margin-top:2px;
  614. margin-left:20px;
  615. padding:8px;
  616. background:{color:sidebar};
  617. color:{color:blogtitle};
  618. font-family: 'Raleway', sans-serif;
  619. font-size:30px;
  620. text-transform:uppercase;
  621. opacity:1;
  622. z-index:9999;
  623. }
  624.  
  625. #sidebar{
  626. position:fixed !important;
  627. width:200px;
  628. height:235px;
  629. margin-top:150px;
  630. margin-left:100px;
  631. background: {color:sidebar};
  632. border-bottom:30px solid {color:background};
  633. z-index:999;
  634. -webkit-transition:all 0.7s ease-in-out;
  635. -moz-transition:all 0.7s ease-in-out;
  636. transition:all 0.7s ease-in-out;
  637. }
  638.  
  639. #desc{
  640. position:fixed !important;
  641. margin-top:0px;
  642. margin-left:10px;
  643. text-align:center;
  644. font-size:8px;
  645. line-height:15px;
  646. font-family:calibri;
  647. text-transform:uppercase;
  648. letter-spacing:2px;
  649. opacity:0;
  650. z-index:9999;
  651. color:white;
  652. -webkit-transition:all .7s ease-in-out;
  653. -moz-transition:all .7s ease-in-out;
  654. transition:all .7s ease-in-out;
  655. }
  656.  
  657. #sidebar:hover #desc{
  658. margin-top:40px;
  659. opacity:1;
  660. }
  661.  
  662. #link1{
  663. position:fixed;
  664. margin-top:237px;
  665. margin-left:77px;
  666. z-index:9;
  667. }
  668.  
  669. #linkone{
  670. width:20px;
  671. height:20px;
  672. background:{color:navigation};
  673. padding:3px;
  674. opacity:1;
  675. z-index:9;
  676. -webkit-transition: all 0.5s ease-in-out;
  677. -moz-transition: all 0.5s ease-in-out;
  678. -o-transition: all 0.5s ease-in-out;
  679. }
  680.  
  681. #linkone:hover{
  682. box-shadow:inset 0px 0px 0px 15px {color:navigation hover};
  683. }
  684.  
  685. #onebox{
  686. position:fixed;
  687. width:auto;
  688. height:auto;
  689. margin-top:700px;
  690. margin-left:-5px;
  691. color:#fff;
  692. font-family:calibri;
  693. font-size:8px;
  694. text-transform:uppercase;
  695. text-align:center;
  696. letter-spacing:1px;
  697. opacity:0;
  698. color:white;
  699. z-index:9;
  700. -webkit-transition: all 1s ease-in-out;
  701. -moz-transition: all 1s ease-in-out;
  702. -o-transition: all 1s ease-in-out;
  703. }
  704.  
  705. #link1:hover #onebox{
  706. margin-top:18px;
  707. opacity:1;
  708. }
  709.  
  710. #link2{
  711. position:fixed;
  712. margin-top:237px;
  713. margin-left:109px;
  714. z-index:9;
  715. }
  716.  
  717. #linktwo{
  718. width:20px;
  719. height:20px;
  720. background:{color:navigation};
  721. padding:3px;
  722. opacity:1;
  723. z-index:9;
  724. -webkit-transition: all 0.5s ease-in-out;
  725. -moz-transition: all 0.5s ease-in-out;
  726. -o-transition: all 0.5s ease-in-out;
  727. }
  728.  
  729. #linktwo:hover{
  730. box-shadow:inset 0px 0px 0px 15px {color:navigation hover};
  731. }
  732.  
  733. #twobox{
  734. position:fixed;
  735. width:auto;
  736. height:auto;
  737. margin-top:700px;
  738. margin-left:-5px;
  739. color:#fff;
  740. font-family:calibri;
  741. font-size:8px;
  742. text-transform:uppercase;
  743. text-align:center;
  744. letter-spacing:1px;
  745. opacity:0;
  746. color:white;
  747. z-index:9;
  748. -webkit-transition: all 1s ease-in-out;
  749. -moz-transition: all 1s ease-in-out;
  750. -o-transition: all 1s ease-in-out;
  751. }
  752.  
  753. #link2:hover #twobox{
  754. margin-top:18px;
  755. opacity:1;
  756. }
  757.  
  758. #link3{
  759. position:fixed;
  760. margin-top:237px;
  761. margin-left:141px;
  762. z-index:9;
  763. }
  764.  
  765. #linkthree{
  766. width:20px;
  767. height:20px;
  768. background:{color:navigation};
  769. padding:3px;
  770. opacity:1;
  771. z-index:9;
  772. -webkit-transition: all 0.5s ease-in-out;
  773. -moz-transition: all 0.5s ease-in-out;
  774. -o-transition: all 0.5s ease-in-out;
  775. }
  776.  
  777. #linkthree:hover{
  778. box-shadow:inset 0px 0px 0px 15px {color:navigation hover};
  779. }
  780.  
  781. #threebox{
  782. position:fixed;
  783. width:auto;
  784. height:auto;
  785. margin-top:700px;
  786. margin-left:-5px;
  787. color:#fff;
  788. font-family:calibri;
  789. font-size:8px;
  790. text-transform:uppercase;
  791. text-align:center;
  792. letter-spacing:1px;
  793. opacity:0;
  794. color:white;
  795. z-index:9;
  796. -webkit-transition: all 1s ease-in-out;
  797. -moz-transition: all 1s ease-in-out;
  798. -o-transition: all 1s ease-in-out;
  799. }
  800.  
  801. #link3:hover #threebox{
  802. margin-top:18px;
  803. opacity:1;
  804. }
  805.  
  806. #link4{
  807. position:fixed;
  808. margin-top:237px;
  809. margin-left:174px;
  810. z-index:9;
  811. }
  812.  
  813. #linkfour{
  814. width:20px;
  815. height:20px;
  816. background:{color:navigation};
  817. padding:3px;
  818. opacity:1;
  819. z-index:9;
  820. -webkit-transition: all 0.5s ease-in-out;
  821. -moz-transition: all 0.5s ease-in-out;
  822. -o-transition: all 0.5s ease-in-out;
  823. }
  824.  
  825. #linkfour:hover{
  826. box-shadow:inset 0px 0px 0px 15px {color:navigation hover};
  827. }
  828.  
  829. #fourbox{
  830. position:fixed;
  831. width:auto;
  832. height:auto;
  833. margin-top:700px;
  834. margin-left:-5px;
  835. color:#fff;
  836. font-family:calibri;
  837. font-size:8px;
  838. text-transform:uppercase;
  839. text-align:center;
  840. letter-spacing:1px;
  841. opacity:0;
  842. color:white;
  843. z-index:9;
  844. -webkit-transition: all 1s ease-in-out;
  845. -moz-transition: all 1s ease-in-out;
  846. -o-transition: all 1s ease-in-out;
  847. }
  848.  
  849. #link4:hover #fourbox{
  850. margin-top:18px;
  851. opacity:1;
  852. }
  853.  
  854. #l1{
  855. position:fixed;
  856. margin-left:5px;
  857. margin-top:15px;
  858. width:190px;
  859. height:1px;
  860. background:white;
  861. z-index:99;
  862. }
  863.  
  864. #quotebar{
  865. position:fixed;
  866. margin-top:0px;
  867. margin-left:0px;
  868. width:100%;
  869. height:25px;
  870. line-height:25px;
  871. color:white;
  872. font-size:8px;
  873. text-transform:uppercase;
  874. text-align:center;
  875. letter-spacing:3px;
  876. border-bottom:3px solid white;
  877. font-family:calibri;
  878. background:{color:quote bar};
  879. -moz-box-shadow: 0 0 5px #AFAFAF;
  880. -webkit-box-shadow: 0 0 5px #AFAFAF;
  881. box-shadow: 0 0 5px #AFAFAF;
  882. z-index:9999;
  883. }
  884.  
  885. #ltitle{
  886. position: fixed !important;
  887. width:auto;
  888. height:auto;
  889. margin-top:235px;
  890. margin-left:-10px;
  891. padding:8px;
  892. color:#3E3E3E;
  893. text-transform:uppercase;
  894. font-family: 'Raleway', sans-serif;
  895. font-size:25px;
  896. opacity:1;
  897. z-index:9999;
  898. }
  899.  
  900. .t1{
  901. position:absolute;
  902. width: 0px;
  903. height: 0px;
  904. margin-left:6px;
  905. margin-top:700px;
  906. opacity:0;
  907. border-top: 12px solid transparent;
  908. border-bottom: 12px solid transparent;
  909. border-right: 12px solid {color:navigation};
  910. transform: rotate(90deg);
  911. -ms-transform: rotate(90deg);
  912. -webkit-transform: rotate(90deg);
  913. -o-transform: rotate(90deg);
  914. -moz-transform: rotate(90deg);
  915. -webkit-transition: all 1s ease-in-out;
  916. -moz-transition: all 1s ease-in-out;
  917. -o-transition: all 1s ease-in-out;
  918. }
  919.  
  920. #link1:hover .t1{
  921. margin-top:25px;
  922. opacity:1;
  923. }
  924.  
  925. .t2{
  926. position:absolute;
  927. width: 0px;
  928. height: 0px;
  929. margin-left:6px;
  930. margin-top:700px;
  931. opacity:0;
  932. border-top: 12px solid transparent;
  933. border-bottom: 12px solid transparent;
  934. border-right: 12px solid {color:navigation};
  935. transform: rotate(90deg);
  936. -ms-transform: rotate(90deg);
  937. -webkit-transform: rotate(90deg);
  938. -o-transform: rotate(90deg);
  939. -moz-transform: rotate(90deg);
  940. -webkit-transition: all 1s ease-in-out;
  941. -moz-transition: all 1s ease-in-out;
  942. -o-transition: all 1s ease-in-out;
  943. }
  944.  
  945. #link2:hover .t2{
  946. margin-top:25px;
  947. opacity:1;
  948. }
  949.  
  950. .t3{
  951. position:absolute;
  952. width: 0px;
  953. height: 0px;
  954. margin-left:6px;
  955. margin-top:700px;
  956. opacity:0;
  957. border-top: 12px solid transparent;
  958. border-bottom: 12px solid transparent;
  959. border-right: 12px solid {color:navigation};
  960. transform: rotate(90deg);
  961. -ms-transform: rotate(90deg);
  962. -webkit-transform: rotate(90deg);
  963. -o-transform: rotate(90deg);
  964. -moz-transform: rotate(90deg);
  965. -webkit-transition: all 1s ease-in-out;
  966. -moz-transition: all 1s ease-in-out;
  967. -o-transition: all 1s ease-in-out;
  968. }
  969.  
  970. #link3:hover .t3{
  971. margin-top:25px;
  972. opacity:1;
  973. }
  974.  
  975. .t4{
  976. position:absolute;
  977. width: 0px;
  978. height: 0px;
  979. margin-left:6px;
  980. margin-top:700px;
  981. opacity:0;
  982. border-top: 12px solid transparent;
  983. border-bottom: 12px solid transparent;
  984. border-right: 12px solid {color:navigation};
  985. transform: rotate(90deg);
  986. -ms-transform: rotate(90deg);
  987. -webkit-transform: rotate(90deg);
  988. -o-transform: rotate(90deg);
  989. -moz-transform: rotate(90deg);
  990. -webkit-transition: all 1s ease-in-out;
  991. -moz-transition: all 1s ease-in-out;
  992. -o-transition: all 1s ease-in-out;
  993. }
  994.  
  995. #link4:hover .t4{
  996. margin-top:25px;
  997. opacity:1;
  998. }
  999.  
  1000. #stat{
  1001. position:fixed;
  1002. bottom:10px;
  1003. left:10px;
  1004. z-index:9;
  1005. }
  1006.  
  1007. #stats{
  1008. width:auto;
  1009. height:20px;
  1010. background:{color:navigation};
  1011. padding:3px;
  1012. opacity:1;
  1013. font-family:calibri;
  1014. font-size:8px;
  1015. text-transform:uppercase;
  1016. letter-spacing:2px;
  1017. line-height:20px;
  1018. z-index:9;
  1019. -webkit-transition: all 0.5s ease-in-out;
  1020. -moz-transition: all 0.5s ease-in-out;
  1021. -o-transition: all 0.5s ease-in-out;
  1022. }
  1023.  
  1024. #update{
  1025. position:fixed;
  1026. bottom:10px;
  1027. left:55px;
  1028. z-index:9;
  1029. }
  1030.  
  1031. #updates{
  1032. width:auto;
  1033. height:20px;
  1034. background:{color:navigation};
  1035. padding:3px;
  1036. opacity:1;
  1037. font-family:calibri;
  1038. font-size:8px;
  1039. text-transform:uppercase;
  1040. letter-spacing:2px;
  1041. line-height:20px;
  1042. z-index:9;
  1043. -webkit-transition: all 0.5s ease-in-out;
  1044. -moz-transition: all 0.5s ease-in-out;
  1045. -o-transition: all 0.5s ease-in-out;
  1046. }
  1047.  
  1048. #cred{
  1049. position:fixed;
  1050. bottom:10px;
  1051. left:115px;
  1052. z-index:9;
  1053. }
  1054.  
  1055. #creds{
  1056. width:auto;
  1057. height:20px;
  1058. background:{color:navigation};
  1059. padding:3px;
  1060. opacity:1;
  1061. font-family:calibri;
  1062. font-size:8px;
  1063. text-transform:uppercase;
  1064. letter-spacing:2px;
  1065. line-height:20px;
  1066. z-index:9;
  1067. -webkit-transition: all 0.5s ease-in-out;
  1068. -moz-transition: all 0.5s ease-in-out;
  1069. -o-transition: all 0.5s ease-in-out;
  1070. }
  1071.  
  1072. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  1073. #infscr-loading{
  1074. bottom: -70px;
  1075. position: absolute;
  1076. left: 50%;
  1077. margin-left:-8px;
  1078. width:16px;
  1079. height:11px;
  1080. overflow:hidden;
  1081. margin-bottom: 50px;
  1082. }
  1083.  
  1084. #postnotes{
  1085. text-align: justify;}
  1086.  
  1087. #postnotes blockquote{
  1088. border: 0px;}
  1089.  
  1090. blockquote{
  1091. padding:0px 0px 2px 5px;
  1092. margin:0px 0px 2px 10px;
  1093. border-left: 1px dotted #eee;
  1094. }
  1095.  
  1096. blockquote p, ul{
  1097. margin:0px;
  1098. padding:0px;
  1099. }
  1100.  
  1101. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1102. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  1103. </style>
  1104.  
  1105. <title>{Title}</title>
  1106.  
  1107. <link rel="shortcut icon" href="{favicon}">
  1108.  
  1109. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  1110. <meta name="viewport" content="width=720" />
  1111. </head>
  1112.  
  1113. <body>
  1114.  
  1115. {block:ifstatsupdatescredits}
  1116. <div id="02" class="popup_block">
  1117. <font style="font-family: 'Raleway', sans-serif; font-size:20px; border-bottom:1px solid #ddd; padding:5px; background:transparent; color:navigation; text-align:center;">STATS:</font><br><br>
  1118. — YOUR STATS HERE<BR>
  1119. — USE <BR> TO MAKE A NEW LINE
  1120. — LINK: <a href="LINK URL">LINK TITLE</a>
  1121. </div>
  1122.  
  1123. <div id="stat">
  1124. <div id="stats">{block:ifclicknoise}<a href="#?w=500" rel="02" class="poplight" onclick="clicksound1.playclip()">{/block:ifclicknoise}<font color="white">stats</font></a></div></div>
  1125.  
  1126. <div id="03" class="popup_block">
  1127. <font style="font-family: 'Raleway', sans-serif; font-size:20px; border-bottom:1px solid #ddd; padding:5px; background:transparent; color:navigation; text-align:center;">UPDATES:</font><br><br>
  1128. — YOUR UPDATES HERE<BR>
  1129. — USE <BR> TO MAKE A NEW LINE
  1130. — LINK: <a href="LINK URL">LINK TITLE</a>
  1131. </div>
  1132.  
  1133. <div id="update">
  1134. <div id="updates">{block:ifclicknoise}<a href="#?w=500" rel="03" class="poplight" onclick="clicksound1.playclip()">{/block:ifclicknoise}<font color="white">updates</font></a></div></div>
  1135.  
  1136. <div id="04" class="popup_block">
  1137. <font style="font-family: 'Raleway', sans-serif; font-size:20px; border-bottom:1px solid #ddd; padding:5px; background:transparent; color:navigation; text-align:center;">CREDITS:</font><br><br>
  1138. — YOUR CREDITS HERE<BR>
  1139. — USE <BR> TO MAKE A NEW LINE
  1140. — LINK: <a href="LINK URL">LINK TITLE</a>
  1141. </div>
  1142.  
  1143. <div id="cred">
  1144. <div id="creds">{block:ifclicknoise}<a href="#?w=500" rel="04" class="poplight" onclick="clicksound1.playclip()">{/block:ifclicknoise}<font color="white">credits</font></a></div></div>
  1145. {/block:ifstatsupdatescredits}
  1146.  
  1147. <div id="quotebar"><span id="wipe">{text:quote}</span></div>
  1148.  
  1149. <div id="center">
  1150. <div id="content"></div>
  1151.  
  1152. <img style="position:fixed; opacity:1; width:300px; height:auto; margin-top:125px; margin-left:40px; z-index:1;" src="{image:transparent}">
  1153.  
  1154. <div id="sidebar">
  1155.  
  1156. <div id="blogtitle">{text:Blogtitle}</div>
  1157. <div id="ltitle">links:</div>
  1158.  
  1159. <div id="l1"></div>
  1160.  
  1161. <div id="desc"><div style="width:170px; height:auto;padding:5px; text-align:justify;">— {Description} —
  1162. </div>
  1163. </div>
  1164.  
  1165.  
  1166. <div id="link1">
  1167. <div class="t1"></div>
  1168. <div id="linkone" style="text-align:center; line-height:17px;"><a href="{text:Link One}" {block:ifclicknoise}onclick="clicksound1.playclip()"{/block:ifclicknoise}><img src="http://static.tumblr.com/p3mk1pa/3G7ntvd0y/refresh.png" style="width:20px; height:20px;"></a></div>
  1169. <div id="onebox">
  1170. <font style="font-size:17px; line-height:30px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#3E3E3E; padding:2px;">{text:link one title}</font>
  1171. </div>
  1172. </div>
  1173.  
  1174. <div id="link2">
  1175. <div class="t2"></div>
  1176. <div id="linktwo" style="text-align:center; line-height:17px;"><a href="{text:Link Two}" {block:ifclicknoise}onclick="clicksound1.playclip()"{/block:ifclicknoise}><img src="http://static.tumblr.com/p3mk1pa/s6Rntvd8x/ask.png" style="width:20px; height:20px;"></a></div>
  1177. <div id="twobox">
  1178. <font style="font-size:17px; line-height:30px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#3E3E3E; padding:2px;">{text:link two title}</font>
  1179. </div>
  1180. </div>
  1181.  
  1182. <div id="link3">
  1183. <div class="t3"></div>
  1184. <div id="linkthree" style="text-align:center; line-height:17px;"><a href="{text:Link Three}" {block:ifclicknoise}onclick="clicksound1.playclip()"{/block:ifclicknoise}><img src="http://static.tumblr.com/p3mk1pa/w1Zntvda5/links.png" style="width:20px; height:20px;"></a></div>
  1185. <div id="threebox">
  1186. <font style="font-size:17px; line-height:30px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#3E3E3E; padding:2px;">{text:link three title}</font>
  1187. </div>
  1188. </div>
  1189.  
  1190. <div id="link4">
  1191. <div class="t4"></div>
  1192. <div id="linkfour" style="text-align:center; line-height:17px;"><a href="{text:Link Four}" {block:ifclicknoise}onclick="clicksound1.playclip()"{/block:ifclicknoise}><img src="http://static.tumblr.com/p3mk1pa/MvDntvdam/heart.png" style="width:20px; height:20px;"></a></div>
  1193. <div id="fourbox">
  1194. <font style="font-size:17px; line-height:30px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#3E3E3E; padding:2px;">{text:link four title}</font>
  1195. </div>
  1196. </div>
  1197.  
  1198. <img src="{image:sidebar}" style="position:fixed !important; width:200px; height:200px; margin-top:30px; margin-left:0px; background-color:transparent; z-index:9; outline:5px solid #fff; outline-offset:-12px;"></div>
  1199.  
  1200. </div></div></div></div></div>
  1201.  
  1202. <div id="posts">
  1203. <div class="autopagerize_page_element">
  1204. {block:Posts}
  1205. <div id="entry">
  1206.  
  1207. {block:Text}
  1208. {block:IndexPage}
  1209. <div class="perma4" style="margin-top:-45px"></div>
  1210. <div class="perma" style="margin-top:-45px">
  1211. <a href="{Like}" title="Like" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/D7Entvc7e/like.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1212. <div class="perma2" style="margin-top:-45px">
  1213. <a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/KHNntvbvi/reblog.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1214. <div class="perma3" style="margin-top:-45px">
  1215. <a href="{Permalink}" target="blank" title="permalink page"><img src="http://static.tumblr.com/p3mk1pa/6jWntvbk0/plus_sign_add_additional-256.png" style="width:15px; height:15px; background:transparent;"></a></div>
  1216. <div class="perma5" style="margin-top:-45px">{notecount}</div>
  1217. {/block:IndexPage}
  1218. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1219. <span class="entrytext">{Body}</span></a>
  1220. {/block:Text}
  1221.  
  1222. {block:Link}
  1223. <a href="{URL}" class="title">{Name}</a>
  1224. {block:Description}{Description}{/block:Description}
  1225. {block:IndexPage}
  1226.  
  1227. <div class="permalinktext">
  1228. <a href="{permalink}">posted {timeago}</a> with
  1229. <a href="{permalink}">{notecountwithlabel}</a>
  1230. </div>
  1231. {/block:IndexPage}
  1232. {block:Link}
  1233.  
  1234. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  1235. <div class="fade"></div>
  1236. <div class="fade2"></div>
  1237. <div class="perma4"></div>
  1238. <div class="perma">
  1239. <a href="{Like}" title="Like" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/D7Entvc7e/like.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1240. <div class="perma2">
  1241. <a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/KHNntvbvi/reblog.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1242. <div class="perma3">
  1243. <a href="{Permalink}" target="blank" title="permalink page"><img src="http://static.tumblr.com/p3mk1pa/6jWntvbk0/plus_sign_add_additional-256.png" style="width:15px; height:15px; background:transparent;"></a></div>
  1244. <div class="perma5">
  1245. <a href="{Permalink}" target="blank"><font color="white">{notecount}</font></a></div>
  1246. {/block:IndexPage}
  1247.  
  1248. {block:IndexPage}
  1249. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=270px; style="outline:5px solid #fff; outline-offset:-10px;">
  1250. {/block:IndexPage}
  1251. {block:permalinkpage}{LinkOpenTag}<center>
  1252. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=560px;/>
  1253. {LinkCloseTag}</center>{/block:permalinkpage}
  1254. {/block:Photo}
  1255.  
  1256. {block:Quote}
  1257. <div class="quote">❝ {quote} ❝</div>
  1258. {block:IndexPage}
  1259.  
  1260. <div class="permalinktext">
  1261. <a href="{permalink}">posted {timeago}</a> with
  1262. <a href="{permalink}">{notecountwithlabel}</a>
  1263. </div>
  1264. {/block:IndexPage}
  1265. {/block:Quote}
  1266.  
  1267. {block:Chat}
  1268. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1269. <ul class="chat">
  1270. {block:Lines}
  1271. <li class="user_{UserNumber}">
  1272. {block:Label}
  1273. <span class="label">{Label}</span>
  1274. {/block:Label}
  1275.  
  1276. {Line}<br>
  1277. {/block:Lines}
  1278. {block:IndexPage}
  1279.  
  1280. <div class="permalinktext">
  1281. <a href="{permalink}">posted {timeago}</a> with
  1282. <a href="{permalink}">{notecountwithlabel}</a>
  1283. </div>
  1284. {/block:IndexPage}
  1285. {/block:Chat}
  1286.  
  1287. {block:Audio}
  1288. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><div style="background:{color:sidebar top}; padding:8px; font-family: 'Ek Mukta', sans-serif; color:white; width:155px; font-size:15px;"> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist} <font style="font-size:10px;"><span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</font></div><div style="width:150px; margin-left:0px;">Album: <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}</div></div></div>
  1289. {block:IndexPage}
  1290. <div class="permalinktext">
  1291. <a href="{permalink}">posted {timeago}</a> with
  1292. <a href="{permalink}">{notecountwithlabel}</a>
  1293. </div>
  1294. {/block:IndexPage}
  1295. {/block:Audio}
  1296.  
  1297. {block:Video}
  1298. <center>{block:IndexPage}
  1299. <div class="perma4" style="margin-top:-45px"></div>
  1300. <div class="perma" style="margin-top:-45px">
  1301. <a href="{Like}" title="Like" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/D7Entvc7e/like.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1302. <div class="perma2" style="margin-top:-45px">
  1303. <a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/KHNntvbvi/reblog.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1304. <div class="perma3" style="margin-top:-45px">
  1305. <a href="{Permalink}" target="blank" title="permalink page"><img src="http://static.tumblr.com/p3mk1pa/6jWntvbk0/plus_sign_add_additional-256.png" style="width:15px; height:15px; background:transparent;"></a></div>
  1306. <div class="perma5" style="margin-top:-45px">
  1307. <a href="{Permalink}" target="blank"><font color="white">{notecount}</font></a></div>
  1308. <div style="width:250px; overflow-x:hidden; overflow-y:hidden; opacity:.9">{Video-250}</div>
  1309. {/block:IndexPage}</center>
  1310. <center><center>{block:PermalinkPage}<div style="width:450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center></center></div>
  1311. {block:Video}
  1312.  
  1313. {block:Answer}
  1314. {block:IndexPage}
  1315. <div class="perma4" style="margin-top:-45px"></div>
  1316. <div class="perma" style="margin-top:-45px">
  1317. <a href="{Like}" title="Like" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/D7Entvc7e/like.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1318. <div class="perma2" style="margin-top:-45px">
  1319. <a href="{ReblogURL}" title="Reblog" target="_blank"><img src="http://static.tumblr.com/p3mk1pa/KHNntvbvi/reblog.png" style="width:16px; height:16px; background:transparent;"></a></div>
  1320. <div class="perma3" style="margin-top:-45px">
  1321. <a href="{Permalink}" target="blank" title="permalink page"><img src="http://static.tumblr.com/p3mk1pa/6jWntvbk0/plus_sign_add_additional-256.png" style="width:15px; height:15px; background:transparent;"></a></div>
  1322. <div class="perma5" style="margin-top:-45px">{notecount}</div>
  1323.  
  1324. <div style="margin:3px; margin-top:-8px; text-align:justify; margin-left:-10px; min-height:33px;">
  1325.  
  1326. <askk><font style="font-family: 'Raleway', sans-serif; margin-left:5px; font-size:18px; text-transform:none;">{Asker}</font></askk>-
  1327.  
  1328. <div style="overflow-x:hidden; padding:5px; width:258px; max-height:50px; margin-left:0px; height:auto; border-radius:10px; background-color:#fbfbfb; border:1px solid #ddd; text-align:justify;">{Question}</div></div>
  1329.  
  1330. <div style="font-family:calibri; margin-top:5px; margin-left:-10px; background:{color:sidebar}; color:white; border-radius:10px; width:260px; padding:5px;">{Answer}</div>
  1331. {/block:IndexPage}
  1332. {block:PermalinkPage}
  1333. <div style="margin:3px; margin-top:-5px; text-align:justify; margin-left:55px; min-height:30px;">
  1334. <img src="{AskerPortraitURL-30}" width="30" align="left"
  1335. style="margin-top:0px; margin-left:-56px; border:1px solid #ddd; padding:7px; background:#fff;">
  1336. <askk><div style="overflow-x:hidden; padding:3px; max-height:80px; height:auto; background-color:#ffffff; text-align:justify;"><font style="font-family: 'Playball', cursive; font-size:18px; text-transform:none;">{Asker}</font></askk>: {Question}</div></div><br>
  1337. <div style="font-family:calibri; background:#fbfbfb; padding:5px; border:1px solid #ddd;">{Answer}</div>
  1338. {/block:PermalinkPage}
  1339. {/block:Answer}
  1340.  
  1341. {block:PermalinkPage}
  1342. <justify><br>
  1343. {block:caption}<div style="background:#fbfbfb; width:552px; padding:5px;">{caption}</div>{/block:caption}<br>
  1344. {block:Date}<div style="background:#eee; width:552px; padding:5px;">posted {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {/block:Date} {block:NoteCount}with {NoteCount} notes<br></div>{/block:NoteCount}<br>
  1345. {block:RebloggedFrom}<div style="background:#fbfbfb; width:552px; padding:5px;">source: <a href="{ReblogRootURL}">{ReblogRootName}</a> | Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</div></a><br>{/block:RebloggedFrom}
  1346. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</justify>
  1347. {/block:PermalinkPage}
  1348. {block:PostNotes}
  1349. <div id="postnotes"> <div style="overflow:auto; width:562px; height:300px; background-color:#eee; text-align:justify;">{PostNotes}</div></div>
  1350. {/block:PostNotes}</div>{/block:Posts}
  1351. </div></div></div>{/block:NextPage}{/block:Pagination}
  1352.  
  1353. {block:indexpage}
  1354. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1355. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1356. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1357. <script type="text/javascript">
  1358. $(window).load(function(){
  1359. var $wall = $('#posts');
  1360. $wall.imagesLoaded(function(){
  1361. $wall.masonry({
  1362. itemSelector: '#entry, #entry_photo',
  1363. isAnimated : false
  1364. });
  1365. });
  1366.  
  1367. $wall.infinitescroll({
  1368. navSelector : '#page-nav',
  1369. nextSelector : '#page-nav a',
  1370. itemSelector : '#entry, #entry_photo',
  1371. bufferPx : 2000,
  1372. debug : false,
  1373. errorCallback: function() {
  1374. $('#infscr-loading').fadeOut('normal');
  1375. }},
  1376. function( newElements ) {
  1377. var $newElems = $( newElements );
  1378. $newElems.hide();
  1379. $newElems.imagesLoaded(function(){
  1380. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1381. });
  1382. }); $('#content').show(500);
  1383. });
  1384. </script>
  1385. {/block:indexpage}
  1386.  
  1387. <body onkeydown="return false">
  1388. </body>
  1389.  
  1390. <div style="z-index:9999; position:fixed; bottom:5px; right:5px; opacity:1"><a href="http://seedfawn.tumblr.com" title="Theme made by Seedfaw"><img src="http://static.tumblr.com/iqvfzph/DyZnm91nx/tumblr_inline_mpa4u8ch0b1r5q3xq.png" width="auto"></a></div>
  1391. </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!