API tools faq
paste
faluvtha

[#26] — Rabbit-Yellow [RETIRED]

faluvtha
Oct 21st, 2012
18,911
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.78 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. <!-- Themes by Faluvtha@tumblr.com
  4.  
  5. -------[ Rabbit-Yellow Themes ]-------
  6.  
  7. ———————————————--- RULES! ---—————————————————————
  8.  
  9. - Do not remove credit!
  10. - Do not use this code as your base.
  11. - Do not claim as your own.
  12. - If you have a special customization about the codes, I won't help you unless you know what you have to do.
  13. - You can edit it likely and whatever you want but leave the credit alone.
  14. - If you have any problems regarding customization , code or anything else. Feel free to put a lovely message at Fukuo@tumblr
  15.  
  16. ———————————————--- THANK YOU! ---——————————————————
  17.  
  18. -->
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <meta name="if:Custom Small Cursor" content="1"/>
  30. <meta name="if:Bigger Post" content="0"/>
  31. <meta name="if:Lazy Load Post" content="1"/>
  32. <meta name="if:Post Shadow" content="0"/>
  33. <meta name="if:Show Caption" content="0"/>
  34. <meta name="if:Infinite Scrolling" content="0"/>
  35. <meta name="image:Sidebar Picture" content="http://25.media.tumblr.com/tumblr_lned3srIOU1qa8ipco1_500.png"/>
  36. <meta name="image:Background" content="http://subtlepatterns.com/patterns/noise_pattern_with_crosslines.png"/>
  37. <meta name="color:Background" content="#eee" />
  38. <meta name="color:Post" content="#fff" />
  39. <meta name="color:Post Shadow" content="#ccc" />
  40. <meta name="color:Sidebar Background" content="#ffffff" />
  41. <meta name="color:Body" content="#777777" />
  42. <meta name="color:description text" content="#000000" />
  43. <meta name="color:Blockquote" content="#eeeeee" />
  44. <meta name="color:Border Blockquote" content="#777777" />
  45. <meta name="color:Left Background" content="#554433" />
  46. <meta name="color:Title" content="#ffffff"/>
  47. <meta name="color:Title background" content="#554433"/>
  48. <meta name="color:Title Line" content="#F2EA8A"/>
  49. <meta name="color:Title Post" content="#554433"/>
  50. <meta name="color:Title background Post" content="#FFFFFF"/>
  51. <meta name="color:Ask background" content="#554433"/>
  52. <meta name="color:Ask body" content="#fff"/>
  53. <meta name="color:Links" content="#111111" />
  54. <meta name="color:Links Hover" content="#aaa" />
  55. <meta name="color:Bold text" content="#101010" />
  56. <meta name="color:Italic text" content="#101010" />
  57. <meta name="color:Chat Odd" content="#FBFBFB"/>
  58. <meta name="color:Chat Even" content="#F0F0F0"/>
  59. <meta name="color:Menu Text Background" content="#ffffff" />
  60. <meta name="color:Menu Text Background Hover" content="#ffffff" />
  61. <meta name="color:Menu Background" content="#554433" />
  62. <meta name="color:Menu Icons Background" content="#ffee77" />
  63. <meta name="color:Permalink Line" content="#F2EA8A" />
  64. <meta name="color:Permalink Background" content="#554433" />
  65. <meta name="color:Permalink Text" content="#ffffff" />
  66. <meta name="color:Scrollbar" content="#000000" />
  67. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  68. <meta name="text:Font" content="cambria"/>
  69. <meta name="text:Font Size" content="9.5"/>
  70. <meta name="text:Line height" content="12"/>
  71. <meta name="text:Custom Link One" content=""/>
  72. <meta name="text:Custom Link One URL" content=""/>
  73. <meta name="text:Custom Link Two" content=""/>
  74. <meta name="text:Custom Link Two URL" content=""/>
  75. <meta name="text:Custom Link Three" content=""/>
  76. <meta name="text:Custom Link Three URL" content=""/>
  77. <meta name="text:Custom Link Four" content=""/>
  78. <meta name="text:Custom Link Four URL" content=""/>
  79. <meta name="text:Custom Link Five" content=""/>
  80. <meta name="text:Custom Link Five URL" content=""/>
  81. <meta name="text:Custom Link Six" content=""/>
  82. <meta name="text:Custom Link Six URL" content=""/>
  83.  
  84. <style type="text/css">
  85. {customCSS}
  86.  
  87. {block:IfCustomSmallCursor}
  88. *, body, a, a:hover {cursor: url('http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png'), auto;}
  89. {/block:IfCustomSmallCursor}
  90.  
  91. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  92.  
  93. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  94.  
  95. ::-webkit-scrollbar {width: 4px;}
  96.  
  97. ::-webkit-scrollbar-track-piece
  98. {background-color: {color:Scrollbar Background};}
  99.  
  100. ::-webkit-scrollbar-thumb:vertical
  101. {width:4px;
  102. background-color: {color:Scrollbar};}
  103.  
  104.  
  105. body{
  106. font-family: {text:Font};
  107. font-size: {text:Font size}px;
  108. line-height:{text:Line height}px;
  109. background-color:{color:Background};
  110. background-image:url('{image:Background}');
  111. background-position: fixed;
  112. background-attachment:fixed;
  113. background-repeat:repeat;}
  114.  
  115. a
  116. {text-decoration:none;
  117. color:{color:Links};}
  118.  
  119. a:link, a:visited, a:active
  120. {text-decoration:none;
  121. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  122. }
  123. a:hover{
  124. color:{color:Links hover};
  125. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  126. }
  127.  
  128. blockquote{
  129. padding:5px;
  130. margin-top:5px;
  131. margin-bottom:5px;
  132. border-left:5px solid {color:border blockquote};
  133. background-color:{color:blockquote};
  134. }
  135.  
  136. #line {
  137. background-color:{color:Left Background};
  138. height:100%;
  139. left:0px;
  140. top:0px;
  141. width:30px;
  142. position:fixed;
  143. }
  144.  
  145.  
  146. #sidebar
  147. {position:fixed;
  148. display:block;
  149. bottom:150px;
  150. left:220px;
  151. width:240px;
  152. padding:7px;
  153. text-align:center;
  154. border-top:5px solid {color:Title line};
  155. z-index:2;
  156. background-color:{color:Sidebar Background};}
  157.  
  158. .titles {
  159. font-size:20px;
  160. font-style:normal;
  161. font-weight:lighter;
  162. font-family:'Open Sans Condensed';
  163. text-align:left;
  164. padding-left:10px;
  165. border-left:25px solid {color:Title Post};
  166. background-color:{color:Title Background Post};
  167. padding:8px;
  168. }
  169.  
  170. #caption{
  171. height:14px;
  172. width:20px;
  173. margin-left:210px;
  174. margin-top:-18px;
  175. padding-bottom:6px;
  176. padding-top:8px;
  177. padding-right:5px;
  178. padding-left:5px;
  179. background-color:{color:Menu Icons Background};
  180. -webkit-transition: all 0.5s ease;
  181. -moz-transition: all 0.5s ease;
  182. -o-transition: all 0.5s ease;
  183. }
  184.  
  185. .menu:hover #caption {
  186. margin-left:413px;
  187. }
  188.  
  189. #menu{
  190. position:fixed;
  191. width:75px;
  192. padding:5px;
  193. margin-top:-290px;
  194. margin-left:-300px;
  195. z-index:-1;
  196. }
  197.  
  198. .menu {
  199. width:65px;
  200. display:block;
  201. height:12px;
  202. margin-bottom:6px;
  203. text-align:center;
  204. background-color:{color:Menu Background};
  205. padding-bottom:10px;
  206. padding-top:6px;
  207. padding-right:150px;
  208. padding-left:10px;
  209. text-decoration:none;
  210. font-family:consolas;
  211. font-size:8px;
  212. text-transform:uppercase;
  213. letter-spacing:2px;
  214. -webkit-transition: all 0.5s ease;
  215. -moz-transition: all 0.5s ease;
  216. -o-transition: all 0.5s ease;}
  217.  
  218. .menu:hover{
  219. width:47px;
  220. padding-bottom:10px;
  221. padding-top:6px;
  222. padding-right:110px;
  223. padding-left:130px;
  224. -webkit-transition: all 0.5s ease;
  225. -moz-transition: all 0.5s ease;
  226. -o-transition: all 0.5s ease;}
  227.  
  228.  
  229. .menu a {
  230. color:{color:Menu Text Background};
  231. }
  232.  
  233. .menu a:hover {
  234. color:{color:Menu Text Background Hover};
  235. }
  236.  
  237. #title {
  238. width:120px;
  239. position:absolute;
  240. font-family:'Open Sans Condensed';
  241. font-size:18px;
  242. font-weight:lighter;
  243. padding:8px;
  244. line-height:15px;
  245. background-color:{color:Title Background};
  246. text-transform:none;
  247. letter-spacing:1px;
  248. margin-top:-25px;
  249. margin-left:10px;
  250. color:{color:Title};
  251. }
  252.  
  253. #description {
  254. position:absolute;
  255. padding:9px;
  256. background-color:{color:Sidebar Background};
  257. color:{color:description text};
  258. text-align:justify;
  259. font-family: {text:Font};
  260. font-size: {text:Font size}px;
  261. width:150px;
  262. margin-top:-120px;
  263. margin-left:-190px;
  264. }
  265.  
  266. #distance-post {
  267. border-bottom:3px dotted {color:Permalink Line};
  268. margin:5px;
  269. }
  270.  
  271. #posts{
  272. {block:IndexPage}
  273. {block:IfNotBiggerPost}
  274. width:430px;
  275. {/block:IfNotBiggerPost}
  276. {block:IfBiggerPost}
  277. width:530px;
  278. {/block:IfBiggerPost}
  279. margin-left:530px;
  280. {/block:IndexPage}
  281. {block:PermalinkPage}
  282. width:530px;
  283. margin-left:530px;
  284. {/block:PermalinkPage}
  285. }
  286.  
  287. .post {
  288. {block:IndexPage}
  289. {block:IfNotBiggerPost}
  290. width:400px;
  291. {/block:IfNotBiggerPost}
  292. {block:IfBiggerPost}
  293. width:500px;
  294. {/block:IfBiggerPost}
  295. {/block:IndexPage}
  296. {block:PermalinkPage}
  297. width:500px;
  298. {/block:PermalinkPage}
  299. margin-top:10px;
  300. margin-bottom:52px;
  301. padding:12px;
  302. border-bottom:5px solid {color:Permalink Line};
  303. {block:IfPostShadow}
  304. box-shadow:2px 2px 3px {color:Post Shadow};
  305. {/block:IfPostShadow}
  306. background-color:{color:Post};
  307. color:{color:Body};
  308. }
  309.  
  310. post img { max-width:100%;}
  311.  
  312. b, em, strong{
  313. color: {color:Bold text};
  314. font-weight:bold;
  315. }
  316.  
  317. i, em {
  318. color: {color:Italic text};
  319. font-weight:lighter;
  320. font-style:italic;
  321. }
  322.  
  323.  
  324. #credit {
  325. position:fixed;
  326. width:130px;
  327. padding:5px;
  328. background-color:{color:left background};
  329. bottom:0px;
  330. right:-120px;
  331. font-family:calibri;
  332. font-size:13px;
  333. font-weight:lighter;
  334. text-transform:uppercase;
  335. -webkit-transition: all 0.7s ease;
  336. -moz-transition: all 0.7s ease;
  337. -o-transition: all 0.7s ease;
  338. }
  339.  
  340.  
  341. #credit:hover {
  342. right:0px;
  343. color:#FFF;
  344.  
  345. }
  346.  
  347. #credit a{
  348. color:#FFF;
  349. text-decoration:none;
  350. opacity:1;
  351. -webkit-transition: all 0.7s ease;
  352. -moz-transition: all 0.7s ease;
  353. -o-transition: all 0.7s ease;
  354. }
  355.  
  356. #credit a:hover {
  357. text-decoration:none;
  358. opacity:1;
  359. }
  360.  
  361. .audioplayer {
  362. position:absolute;
  363. margin-left:5px;
  364. margin-top:-105px;
  365. padding-bottom:7px;
  366. }
  367.  
  368. .artist , .track , .play {
  369. width:200px;
  370. margin-top:-7px;
  371. margin-left:10px;
  372. padding:5px;
  373. background-color: {color:Blockquote};
  374. }
  375.  
  376.  
  377. .playbutton {
  378. width:25px;
  379. height:40px;
  380. overflow:hidden;
  381. position:relative;
  382. z-index:1000;
  383. margin:70px 40px 40px 40px;
  384. }
  385.  
  386.  
  387. .cover {
  388. margin-left:220px;
  389. border:8px solid {color:Border Blockquote};
  390. width:150px;
  391. position:relative;
  392. z-index:1
  393. }
  394.  
  395. .playbox {
  396. background-color:#000;
  397. position: absolute;
  398. z-index:1000;
  399. margin-top:8px;
  400. margin-left:227px;
  401. opacity:0.5;
  402. -webkit-transition: all 0.7s ease;
  403. -moz-transition: all 0.7s ease;
  404. -o-transition: all 0.7s ease;
  405. }
  406.  
  407.  
  408. .playbox:hover {
  409. opacity:1;
  410. }
  411.  
  412. .chats .chat {
  413. background: {color:Chat Odd};
  414. padding: 5px;
  415. margin-bottom:0px;
  416. }
  417.  
  418. .chats .chat.even {
  419. background: {color:Chat Even};
  420. }
  421.  
  422. .source{
  423. font-style:italic;
  424. text-align:right;
  425. margin:5px;
  426. }
  427.  
  428.  
  429.  
  430.  
  431. #fade {
  432. display: none;
  433. background: #000;
  434. position: fixed;
  435. left: 0;
  436. top: 0;
  437. width: 100%;
  438. height: 100%;
  439. opacity: .80;
  440. z-index: 9999;
  441. }
  442.  
  443. .popup_block{
  444. display: none;
  445. background: #FFFFFF;
  446. padding:20px;
  447. float: left;
  448. position: fixed;
  449. top: 50%;
  450. left: 50%;
  451. z-index: 99999;
  452. }
  453.  
  454. img.btn_close {
  455. background-color:#FFFFFF;
  456. padding:7px;
  457. border-radius:100px;
  458. -moz-border-radius:100px;
  459. float: right;
  460. margin: -55px -55px 0 0;
  461. }
  462.  
  463. *html #fade {
  464. position: absolute;
  465. }
  466.  
  467. *html .popup_block {
  468. position: absolute;
  469. }
  470.  
  471.  
  472. .link {
  473. float:left;
  474. width:60px;
  475. height:10px;
  476. font-size:8px;
  477. letter-spacing:1px;
  478. display:inline-block;
  479. text-align:center;
  480. font-family:consolas;
  481. text-transform:uppercase;
  482. padding:8px;
  483. background-color:{color:Menu Background};
  484. color:#FFFFFF;
  485. border-bottom:6px solid {color:Menu Icons Background};
  486. margin:2px;
  487. margin-top:5px;
  488. -webkit-transition: all 0.5s ease-out;
  489. -moz-transition: all 0.5s ease-out;
  490. -o-transition: all 0.5s ease-out;
  491. }
  492.  
  493. .link:hover {
  494. background-color:#FFFFFF;
  495. color:#000000;
  496. text-align:center;
  497. -webkit-transition: all 0.5s ease-in;
  498. -moz-transition: all 0.5s ease-in;
  499. -o-transition: all 0.5s ease-in;
  500. }
  501.  
  502. .ask{
  503. padding:5px;
  504. background-color: {color:Ask background};
  505. color:{color:Ask Body};
  506. font-family:calibri;
  507. font-size:9.5px;
  508. }
  509.  
  510.  
  511. .asker {
  512. margin-top:8px;
  513. font-size:8px;
  514. font-family:consolas;
  515. text-transform: uppercase;
  516. margin-left:25px;
  517. letter-spacing: 1px;
  518. }
  519.  
  520. .askera {
  521. margin-top:8px;
  522. margin-left:45px;
  523. -moz-border-radius:5px;
  524. border-radius:5px;
  525. -o-border-radius:5px;
  526. }
  527.  
  528. .uh {
  529. color: {color:Ask Background};
  530. margin-top:-20px;
  531. font-size:40px;
  532. margin-left:10px;
  533. }
  534.  
  535.  
  536. .links{
  537. font-size:15px;
  538. font-style:normal;
  539. font-weight:lighter;
  540. font-family:'Open Sans Condensed';
  541. padding:9px;
  542. line-height:12px;
  543. text-align:center;
  544. border-bottom:1px solid {color:border blockquote};
  545. }
  546.  
  547. .sa{
  548. font-size:20px;
  549. font-style:normal;
  550. font-weight:lighter;
  551. font-family:'Open Sans Condensed';
  552. text-align:left;
  553. padding-left:10px;
  554. border-left:25px solid {color:Title Post};
  555. background-color:{color:Title Background Post};
  556. padding:8px;
  557. }
  558.  
  559. .si {
  560. font-size:20px;
  561. font-style:normal;
  562. font-weight:lighter;
  563. font-family:'Open Sans Condensed';
  564. text-align:left;
  565. padding-left:10px;
  566. border-left:25px solid {color:Title Post};
  567. background-color:{color:Title Background Post};
  568. padding:8px;
  569. }
  570.  
  571. .pagination {
  572. position:fixed;
  573. left:40px;
  574. bottom:30px;
  575. font-size:17px;
  576. font-family:'Open Sans Condensed';
  577. }
  578.  
  579. .current_page {
  580. padding:7px;
  581. color:{color:Permalink background};
  582. }
  583.  
  584. .jump_page {
  585. padding:4px 4px 4px 4px;
  586. background-color:{color:Title Line};
  587. color:{color:left background};
  588. }
  589.  
  590.  
  591.  
  592. #permalinks
  593. {width:500px;
  594. z-index:999;
  595. padding:13px;
  596. font-family:calibri;
  597. font-size:8px;
  598. text-transform:uppercase;
  599. color:{color:Body};
  600. }
  601.  
  602. #permalinks li {list-style-type:none;}
  603.  
  604. #permalinks img {
  605. width:10px;
  606. opacity:0.7;
  607. margin:2px;
  608. }
  609.  
  610.  
  611. #permalink {
  612. display:block;
  613. position:absolute;
  614. margin-top:17px;
  615. margin-left:10px;
  616. width:50px;
  617. padding:8px;
  618. text-align:center;
  619. background-color:{color:Permalink Background};
  620. }
  621.  
  622.  
  623. #permalink a {
  624. color:{color:Permalink Text};
  625. }
  626.  
  627.  
  628. #info {
  629. width:500px;
  630. padding:12px;
  631. font-family:calibri;
  632. font-size:8px;
  633. text-transform:uppercase;
  634. background-color:{color:Post};
  635. background-image:url('http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto12_r1_100.png');
  636. color:{color:Body};
  637. margin-bottom:5px;
  638. margin-top:5px;
  639. border-radius:0px;
  640. margin-left:9px;
  641. }
  642.  
  643. #info a {
  644. color:#585858;
  645. }
  646.  
  647. #permalinku {
  648. display:block;
  649. font-family:calibri;
  650. font-size:8px;
  651. text-transform:uppercase;
  652. position:absolute;
  653. margin-top:17px;
  654. margin-left:80px;
  655. width:300px;
  656. padding:8px;
  657. }
  658.  
  659.  
  660. #permalinku a {
  661. border-bottom:1px solid {color:Permalink Line};
  662. color:{color:Description Text};
  663. }
  664.  
  665.  
  666. </style>
  667.  
  668.  
  669. <script type="text/javascript"
  670. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  671.  
  672. <script>
  673.  
  674.  
  675.  
  676. $(document).ready(function() {
  677.  
  678. //
  679.  
  680.  
  681.  
  682. //When you click on a link with class of poplight and the href starts with a #
  683.  
  684. $('a.poplight[href^=#]').click(function() {
  685.  
  686. var popID = $(this).attr('rel'); //Get Popup Name
  687.  
  688. var popURL = $(this).attr('href'); //Get Popup href to define size
  689.  
  690.  
  691.  
  692. //Pull Query & Variables from href URL
  693.  
  694. var query= popURL.split('?');
  695.  
  696. var dim= query[1].split('&');
  697.  
  698. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  699.  
  700.  
  701.  
  702. //Fade in the Popup and add close button
  703.  
  704. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://dl.dropboxusercontent.com/u/36901456/pixelated-light/x.gif" class="btn_close" title="Close Window" alt="Close" /></a>');
  705.  
  706.  
  707. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  708.  
  709. var popMargTop = ($('#' + popID).height() + 80) / 2;
  710.  
  711. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  712.  
  713.  
  714.  
  715. //Apply Margin to Popup
  716.  
  717. $('#' + popID).css({
  718.  
  719. 'margin-top' : -popMargTop,
  720.  
  721. 'margin-left' : -popMargLeft
  722.  
  723. });
  724.  
  725.  
  726.  
  727. //Fade in Background
  728.  
  729. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  730.  
  731. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  732.  
  733.  
  734.  
  735. return false;
  736.  
  737. });
  738.  
  739.  
  740.  
  741. //Close Popups and Fade Layer
  742.  
  743. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  744.  
  745. $('#fade , .popup_block').fadeOut(function() {
  746.  
  747. $('#fade, a.close').remove(); //fade them both out
  748.  
  749. });
  750.  
  751. return false;
  752.  
  753. });
  754.  
  755.  
  756.  
  757.  
  758.  
  759. });
  760.  
  761. </script>
  762.  
  763.  
  764. {block:IfInfiniteScrolling}
  765. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  766. {/block:IfInfiniteScrolling}
  767.  
  768.  
  769. {block:IfLazyLoadPost}
  770. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/bSRlru5tz/jquery.js"></script>
  771. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/jPqlru5uc/lazyload.js"></script>
  772. <script type="text/javascript" charset="utf-8">
  773. var $j = jQuery.noConflict();
  774. $j(function() {
  775. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  776. $j("img").lazyload({
  777. placeholder : "http://static.tumblr.com/bsabj7h/UV0lru5uq/holder.gif",
  778. effect: "fadeIn",});});
  779. </script>
  780. {/block:IfLazyLoadPost}
  781.  
  782. </head>
  783. <body>
  784.  
  785.  
  786. <div id="popup_name" class="popup_block">
  787. <center>
  788. {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}" class="link">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  789. {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}" class="link">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  790. {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}" class="link">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  791. {block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}" class="link">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  792. {block:IfCustomLinkFive}<a href="{text:Custom Link Five URL}" class="link">{text:Custom Link Five}</a>{/block:IfCustomLinkFive}
  793. {block:IfCustomLinkSix}<a href="{text:Custom Link Six URL}" class="link">{text:Custom Link Six}</a>{/block:IfCustomLinkSix}
  794. </center>
  795. </div>
  796.  
  797.  
  798. <div id="line">
  799. </div>
  800. <div id="sidebar">
  801. <div id="title">{title}</div>
  802. <img src="{image:Sidebar Picture}"width="240px">
  803.  
  804. <div id="description">
  805. {description}
  806. </div>
  807.  
  808.  
  809. <div id="menu">
  810. <div class="menu">
  811. <a href="/">home</a>
  812. <div id="caption"><a href="/"><img src="http://media.tumblr.com/tumblr_m7jletF4bL1r5i3j5.gif"></a>
  813. </div></div>
  814.  
  815. <div class="menu">
  816. <a href="/ask">message</a>
  817. <div id="caption"><a href="/ask"><img src="http://media.tumblr.com/tumblr_m7jlh56uEm1r5i3j5.gif"></a>
  818. </div></div>
  819.  
  820. <div class="menu">
  821. <a href="/archive">archive</a>
  822. <div id="caption"><a href="/archive"><img src="http://static.tumblr.com/enu0pq1/5krm80fie/document.png"></a>
  823. </div></div>
  824.  
  825.  
  826. <div class="menu">
  827. <a href="#?w=500" rel="popup_name" class="poplight">more</a>
  828. <div id="caption"><a href="#?w=500" rel="popup_name" class="poplight"><img src="http://media.tumblr.com/tumblr_m7jlk8emkG1r5i3j5.gif"></a>
  829. </div></div>
  830. </div>
  831.  
  832.  
  833. {block:IfNotInfiniteScrolling}
  834. {block:Pagination}
  835.  
  836. <div class="pagination">
  837. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page" >←</a>{/block:PreviousPage}
  838. {block:JumpPagination length="5"}
  839. {block:CurrentPage}
  840. <span class="current_page" >{PageNumber}</span>
  841. {/block:CurrentPage}
  842. {block:JumpPage}
  843. <a class="jump_page" href="{URL}">{PageNumber}</a>
  844. {/block:JumpPage}
  845. {/block:JumpPagination}
  846. {block:NextPage}<a href="{NextPage}" class="jump_page" >→</a>{/block:NextPage}
  847. </div> {/block:Pagination}
  848. {/block:IfNotInfiniteScrolling}
  849. </div>
  850.  
  851. <div id="posts">
  852.  
  853. {block:IfInfiniteScrolling}
  854. <div class="autopagerize_page_element">
  855. {/block:IfInfiniteScrolling}
  856.  
  857. {block:Posts}
  858.  
  859. <div id="distance-post">
  860. <div class="post">
  861.  
  862. {block:Text}
  863. {block:Title}
  864. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  865. {/block:Title}
  866. {Body}
  867. {/block:Text}
  868.  
  869. {block:Photo}
  870. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag} {/block:PermalinkPage}
  871. {block:IndexPage}
  872.  
  873. {block:IfBiggerPost}
  874. {LinkOpenTag}
  875. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  876. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  877. {linkCloseTag}
  878. {/block:IfBiggerPost}
  879.  
  880.  
  881. {block:IfNotBiggerPost}
  882. {LinkOpenTag}
  883. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  884. <img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>
  885. {linkCloseTag}
  886. {/block:IfNotBiggerPost}
  887.  
  888. {/block:IndexPage}
  889.  
  890. {block:IfShowCaption}
  891. {block:Caption}{Caption}{/block:Caption}
  892. {/block:IfShowCaption}
  893.  
  894. {block:IfNotShowCaption}{block:PermalinkPage}
  895. {block:Caption}{Caption}{/block:Caption}
  896. {block:PermalinkPage}{/block:IfNotShowCaption}
  897. {/block:Photo}
  898.  
  899. {block:Photoset}
  900. {block:PermalinkPage}{Photoset-500} {/block:PermalinkPage}
  901. {block:IndexPage} {block:IfBiggerPost}
  902. {Photoset-500}
  903. {/block:IfBiggerPost}
  904.  
  905. {block:IfNotBiggerPost}
  906. {Photoset-400}
  907. {/block:IfNotBiggerPost}{/block:IndexPage}
  908. {block:IfShowCaption}
  909. {block:Caption}{Caption}{/block:Caption}
  910. {/block:IfShowCaption}
  911.  
  912. {block:IfNotShowCaption}{block:PermalinkPage}
  913. {block:Caption}{Caption}{/block:Caption}
  914. {block:PermalinkPage}{/block:IfNotShowCaption}
  915. {/block:Photoset}
  916.  
  917. {block:Quote}
  918. <div class="links">❝{Quote}❞</div>
  919. {block:Source}
  920. <div class="source"> — {Source} </div>
  921. {/block:Source}
  922. {/block:Quote}
  923.  
  924. {block:Link}
  925. <div class="sa">
  926. &rarr; <a href="{URL}" {Target}>{Name}</a>
  927. </div>
  928. {block:Description}
  929. {Description}
  930. {/block:Description}{/block:Link}
  931.  
  932. {block:Chat}{block:Title}
  933. <div class="si">{Title}</div>
  934. {/block:Title}
  935. <div class="chats">
  936. {block:Lines}
  937. <div class="chat {Alt}">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div>
  938. {/block:Lines}
  939. </div>
  940. {/block:Chat}
  941.  
  942. {block:Audio}
  943. <div class="playbox">
  944. <div class="playbutton">
  945. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  946. </div></div>
  947. {block:AlbumArt}
  948. <img src="{AlbumArtURL}" class="cover">
  949. {/block:AlbumArt}
  950.  
  951. <div class="audioplayer">
  952. <div class="artist"> {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}</div> <br /> <div class="track"><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div> <br /> <b> <div class="play">Plays: </b> {PlayCountWithLabel} </div> </div>
  953. {/block:Audio}
  954.  
  955. {block:Video}
  956. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  957. {block:IndexPage}{block:IfBiggerPost}
  958. {video-500}
  959. {/block:IfBiggerPost}
  960.  
  961. {block:IfNotBiggerPost}
  962. {video-400}
  963. {/block:IfNotBiggerPost}{/block:IndexPage}
  964. {block:IfShowCaption}
  965. {block:Caption}{Caption}{/block:Caption}
  966. {/block:IfShowCaption}
  967.  
  968. {block:IfNotShowCaption}{block:PermalinkPage}
  969. {block:Caption}{Caption}{/block:Caption}
  970. {block:PermalinkPage}{/block:IfNotShowCaption}
  971. {/block:Video}
  972.  
  973. {block:Answer}
  974. <div class="ask">{Question}</div>
  975. <div style="margin-left:45px;margin-top:5px;"><img src="{AskerPortraitURL-16}" style="padding:2px; border:1px solid #ccc;"></div><div style="margin-left:75px;margin-top:-20px;font-family:consolas;font-size:8px;text-transform:uppercase;">{asker}</div>
  976. <div class="uh">◥</div>
  977. <br>
  978. <br>
  979. {Answer}
  980. {/block:Answer}
  981. {block:IndexPage}
  982. <div id="permalink">
  983. <a href="{Permalink}"> {NoteCount}</a>
  984. </div>
  985.  
  986. <div id="permalinku">
  987. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  988. </div>
  989.  
  990. {/block:IndexPage}
  991.  
  992.  
  993.  
  994. </div>
  995. </div>
  996.  
  997. {block:PermalinkPage}
  998. <div id="info">
  999. {block:RebloggedFrom}{block:Date}<center>
  1000. <span style="text-transform:uppercase; font-family:calibri;font-size:15px;margin-top:5px;margin-bottom:5px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span></center>{/block:Date}<br/>
  1001. <div style="border-bottom:2px solid {color:border blockquote};margin-top:5px;margin-bottom:5px;"></div>
  1002. <b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> |
  1003. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  1004. {/block:RebloggedFrom}
  1005. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/aicon_79.gif">
  1006. <br>
  1007. {block:HasTags}
  1008. {block:Tags}
  1009. <a href="{TagURL}">#{Tag}</a>
  1010. {/block:Tags}
  1011. {/block:HasTags}
  1012. </div>
  1013. <div id="permalinks">
  1014. {block:PostNotes}
  1015. {PostNotes}
  1016. {/block:PostNotes}
  1017. </div>
  1018. {/block:PermalinkPage}
  1019. {/block:Posts}
  1020.  
  1021. </div>
  1022.  
  1023.  
  1024. <!-- DO NOT REMOVE -->
  1025. <div id="credit">
  1026. <a href="http://faluvtha.tumblr.com">✂ Theme by Faluvtha</a>
  1027. </div>
  1028.  
  1029. </body>
  1030. </html>
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!