API tools faq
paste
Advertisement
skittlezbro

3/19/16

skittlezbro
Mar 19th, 2016
98
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.07 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  15.  
  16. <meta name="if:darkaudiopostdetails" content="0"/>
  17.  
  18. <meta name="color:scrollbar" content="#666"/>
  19. <meta name="color:scrollbarbackground" content="#fff"/>
  20. <meta name="color:tooltip" content="#fff"/>
  21. <meta name="color:tooltiptext" content="#999"/>
  22. <meta name="color:oddchattext" content="#999"/>
  23. <meta name="color:oddchat" content="#fafafa"/>
  24.  
  25. <meta name="color:selection" content="#E8FFE8"/>
  26. <meta name="color:selectiontext" content="#333"/>
  27.  
  28. <meta name="if:invertedtumblrcontrols" content="1"/>
  29.  
  30. <meta name="if:darkcredit" content="0"/>
  31.  
  32. <meta name="if:tagsonindex" content="0"/>
  33.  
  34. <meta name="image:background" content=""/>
  35. <meta name="if:backgroundcover" content="1"/>
  36. <meta name="if:backgroundrepeat" content="0"/>
  37.  
  38. <meta name="image:sidebar" content=""/>
  39. <meta name="if:sidebarimagecover" content="1"/>
  40. <meta name="if:sidebarimagerepeat" content="0"/>
  41.  
  42.  
  43. <meta name="if:saturatedposts" content="0"/>
  44. <meta name="if:greyscaleposts" content="0"/>
  45.  
  46. <meta name="font:font" content="calibri"/>
  47.  
  48. <meta name="color:blockquote" content="#ddd"/>
  49. <meta name="color:text" content="#999"/>
  50. <meta name="color:background" content="#fff"/>
  51. <meta name="color:link" content="#777"/>
  52. <meta name="color:borders" content="#ddd"/>
  53. <meta name="color:sidebar" content="#fff"/>
  54. <meta name="color:sidebarbox" content="#fff"/>
  55.  
  56. <meta name="color:title" content="#333"/>
  57. <meta name="color:posts" content="#fff"/>
  58. <meta name="color:infolink" content="#333"/>
  59. <meta name="color:infobox" content="#fff"/>
  60. <meta name="color:postinfolink" content="#333"/>
  61.  
  62. <meta name="color:sidebarlinks" content="#fff"/>
  63. <meta name="color:sidebarlinkstext" content="#333"/>
  64. <meta name="color:ask" content="#333"/>
  65. <meta name="color:asktext" content="#fff"/>
  66. <meta name="color:posttitle" content="#333"/>
  67. <meta name="color:audio" content="#fff"/>
  68.  
  69. <meta name="if:blacknotebox" content="0"/>
  70.  
  71. <meta name="if:5links" content="1"/>
  72.  
  73. <meta name="text:link1" content="Link1"/>
  74. <meta name="text:link1url" content=""/>
  75. <meta name="text:link2" content="Link2"/>
  76. <meta name="text:link2url" content=""/>
  77. <meta name="text:link3" content="Link3"/>
  78. <meta name="text:link3url" content=""/>
  79. <meta name="text:link4" content="Link4"/>
  80. <meta name="text:link4url" content=""/>
  81. <meta name="text:link5" content="Link5"/>
  82. <meta name="text:link5url" content=""/>
  83. <meta name="text:link6" content="Link6"/>
  84. <meta name="text:link6url" content=""/>
  85. <meta name="text:link7" content="Link7"/>
  86. <meta name="text:link7url" content=""/>
  87. <meta name="text:link8" content="Link8"/>
  88. <meta name="text:link8url" content=""/>
  89. <meta name="text:link9" content="Link9"/>
  90. <meta name="text:link9url" content=""/>
  91. <style type ="text/css">
  92.  
  93. {block:ifinvertedtumblrcontrols}
  94. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  95. {/block:ifinvertedtumblrcontrols}
  96.  
  97. ::-webkit-scrollbar-thumb {
  98. height:auto;
  99. background-color: {color:scrollbar};
  100. z-index: 9999;
  101. }
  102. ::-webkit-scrollbar {
  103. height:6px;
  104. width:8px;
  105. padding:4px;
  106. background: {color:scrollbarbackground} ;
  107. background-color: {color:scrollbarbackground} ;
  108. }
  109.  
  110.  
  111. ::-moz-selection { /* Code for Firefox */
  112. color: {color:selectiontext};
  113. background: {color:selection};
  114. }
  115.  
  116. ::selection {
  117. color: {color:selectiontext};
  118. background: {color:selection};
  119. }
  120.  
  121. #s-m-t-tooltip{
  122. position:fixed;
  123. margin-top: -10px;
  124. margin-left: 15px;
  125. z-index:99999999999999999999;
  126. padding-top: 2px;
  127. padding-left: 5px;
  128. padding-bottom: 2px;
  129. padding-right: 5px;
  130. font-size:8px;
  131. text-transform:uppercase;
  132. background: {color:tooltip}; color: {color:tooltiptext};
  133. }
  134.  
  135.  
  136. blockquote {
  137. border-left: solid 1px {color:blockquote};
  138. padding-left: 10px;
  139. }
  140.  
  141. body {
  142. font-family: {font:font};
  143. font-size: 11px;
  144. color: {color:text};
  145. height: 100%;
  146. width: 100%;
  147. padding: 0px;
  148. margin: 0px;
  149. overflow-x: hidden;
  150. background-color: {color:background};
  151. background-image: url('{image:background}');
  152. background-position: center;
  153. background-position: center;
  154. {block:ifbackgroundrepeat}
  155. background-repeat: repeat;
  156. {/block:ifbackgroundrepeat}
  157. {block:ifbackgroundcover}
  158. background-size: cover;
  159. background-repeat: no-repeat;
  160. {/block:ifbackgroundcover}
  161. background-attachment: fixed;
  162. }
  163.  
  164. a {
  165. text-decoration: none;
  166. color: {color:link};
  167. }
  168.  
  169. #info {
  170. width: 25%;
  171. height: 100%;
  172. left: 0px;
  173. top: 0px;
  174. bottom: 0px;
  175. margin-top: 0px;
  176. position: fixed;
  177. z-index: 999;
  178. border-right: solid 1px {color:borders};
  179. background-color: {color:sidebar};
  180. background-image: url('{image:sidebar}');
  181. {block:ifsidebarimagerepeat}
  182. background-repeat: repeat;
  183. {/block:ifsidebarimagerepeat}
  184. {block:ifsidebarimagecover}
  185. background-size: cover;
  186. background-repeat: no-repeat;
  187. {/block:ifsidebarimagecover}
  188. background-attachment: fixed;
  189. }
  190.  
  191.  
  192.  
  193. @media screen and (max-width: 480px) {
  194. #info {
  195. width: 100%;
  196. left: 0px;
  197. top: 0px;
  198. right: 0px;
  199. position: relative;
  200. border-bottom: solid 1px transparent;
  201. }
  202. }
  203.  
  204. #infobox {
  205. width: 80%;
  206. margin-left: 10%;
  207. padding-top: 50px;
  208. }
  209.  
  210. @media screen and (max-width: 480px) {
  211. #infobox {
  212. padding-top: 5px;
  213. padding-bottom: 5px;
  214. }
  215. }
  216.  
  217. #title {
  218. color: {color:title};
  219. font-weight: 900;
  220. padding: 20px;
  221. font-size: 25px;
  222. border: solid 1px {color:borders};
  223. background: {color:sidebarbox};
  224. }
  225.  
  226. @media screen and (max-width: 480px) {
  227. #title {
  228. font-size: 20px;
  229. padding: 10px;
  230. text-align: center;
  231. }
  232. }
  233.  
  234. @media screen and (max-width: 480px) {
  235. #desc {
  236. padding: 10px;
  237. }
  238. }
  239.  
  240. #desc {
  241. border-left: solid 1px {color:borders};
  242. border-right: solid 1px {color:borders};
  243. padding: 20px;
  244. line-height: 125%;
  245. background: {color:sidebarbox};
  246. font-size: 12px;
  247.  
  248. }
  249.  
  250. #box {
  251. width: 75%;
  252. left: 25%;
  253. position: relative;
  254. top: 0px;
  255. right: 0px;
  256. bottom: 0px;
  257. height: 100%;
  258. min-height: 100%;
  259. }
  260.  
  261.  
  262.  
  263. #extrascroll {
  264. {block:indexpage}
  265. height: 2500px;
  266. right: 0px;
  267. position: relative;
  268. bottom: 0px;
  269. z-index: -9;
  270. {/block:indexpage}
  271. }
  272.  
  273.  
  274. #post {
  275. {block:permalinkpage}
  276. margin: auto;
  277. margin-top: 50px;
  278. margin-bottom: 50px;
  279. {/block:permalinkpage}
  280. border: solid 1px {color:borders};
  281. background: {color:posts};
  282. position: relative;
  283. overflow: hidden;
  284. padding: 5px;
  285. word-wrap: break-word;
  286. overflow-x: auto;
  287. {block:ifsaturatedposts}
  288. -webkit-filter: saturate(150%);
  289. {/block:ifsaturatedposts}
  290. {block:ifgreyscaleposts}
  291. -webkit-filter: grayscale(100%);
  292. {/block:ifgreyscaleposts}
  293. -moz-transition-duration:0.5s;
  294. -webkit-transition-duration:0.5s;
  295. -o-transition-duration:0.5s;
  296. }
  297.  
  298. @media screen and (min-width: 600px) {
  299. #post {
  300. width: 400px;
  301. margin-left: 15%;
  302. }
  303. }
  304.  
  305. @media screen and (min-width: 481px) {
  306. #post {
  307. {block:indexpage}
  308. width: 250px;
  309. float: left!important;
  310. margin-left: 25px;
  311. margin-top: 25px;
  312. {/block:indexpage}
  313. }
  314. }
  315.  
  316. @media screen and (max-width: 480px) {
  317. #box {
  318. position: relative;
  319. width: 250px;
  320. left: auto;
  321. right: auto;
  322. margin:auto;
  323. margin-top: 25px;
  324. }
  325. }
  326.  
  327. @media screen and (max-width: 480px) {
  328. #post {
  329.  
  330. {block:indexpage}
  331. width: 250px;
  332. margin: auto;
  333. margin-top: 25px;
  334. {/block:indexpage}
  335. {block:permalinkpage}
  336. width: 250px;
  337. {/block:permalinkpage}
  338. }
  339. }
  340.  
  341.  
  342. .photo img {
  343. {block:indexpage}
  344. width: 250px;
  345. {/block:indexpage}
  346. {block:permalinkpage}
  347. width: 400px;
  348. {/block:permalinkpage}
  349. margin-bottom: -3px;
  350. {block:ifsaturatedposts}
  351. -webkit-filter: saturate(150%);
  352. {/block:ifsaturatedposts}
  353. {block:ifgreyscaleposts}
  354. -webkit-filter: grayscale(100%);
  355. {/block:ifgreyscaleposts}
  356. }
  357.  
  358.  
  359.  
  360.  
  361. #pagination {
  362. text-align: center;
  363. }
  364.  
  365. .chat .odd {
  366. padding: 5px;
  367. left: 0px;
  368. list-style: none;
  369. }
  370.  
  371. .chat .even {
  372. padding: 5px;
  373. list-style: none;
  374. }
  375.  
  376.  
  377. #notebox{
  378. position: absolute;
  379. top: 0px;
  380. left: 0px;
  381. right: 0px;
  382. width: 100%;
  383. height: 100%;
  384. {block:ifnotblacknotebox}
  385. background: rgba(255,255,255, 0.5);
  386. {/block:ifnotblacknotebox}
  387. {block:ifblacknotebox}
  388. background: rgba(0,0,0, 0.75);
  389. {/block:ifblacknotebox}
  390. opacity: 0;
  391. margin-top: 0px;
  392. -moz-transition-duration:0.5s;
  393. -webkit-transition-duration:0.5s;
  394. -o-transition-duration:0.5s;
  395. }
  396.  
  397. #extrabox {
  398. position: absolute;
  399. width: 50%;
  400. top: 50%;
  401. left: 50%;
  402. text-align:center;
  403. background: {color:infobox};
  404. padding: 10px;
  405. -webkit-transform: translate(-50%, -50%);
  406. -ms-transform: translate(-50%, -50%);
  407. transform: translate(-50%, -50%);
  408. }
  409.  
  410. #note {
  411.  
  412. padding: 5px;
  413. text-align: center;
  414. }
  415.  
  416. #note a {
  417. font-weight: 900;
  418. color: {color:infolink};
  419.  
  420. font-size: 12px;
  421. text-transform: uppercase;
  422. }
  423.  
  424. #tag {
  425. padding-top: 5px;
  426. text-align: center;
  427. border-top: solid 1px {color:borders};
  428. }
  429.  
  430. #tag a {
  431. font-weight: 900;
  432. color: {color:infolink};
  433. font-size: 10px;
  434. text-transform: uppercase;
  435. }
  436.  
  437. #post:hover #notebox {
  438. opacity: 1;
  439. margin-top: 0px;
  440. -moz-transition-duration:0.5s;
  441. -webkit-transition-duration:0.5s;
  442. -o-transition-duration:0.5s;
  443. }
  444.  
  445. #post:hover #tagbox {
  446. opacity: 1;
  447. margin-bottom: 0px;
  448. -moz-transition-duration:0.5s;
  449. -webkit-transition-duration:0.5s;
  450. -o-transition-duration:0.5s;
  451. }
  452.  
  453.  
  454.  
  455.  
  456.  
  457. .photoset {
  458. margin-bottom: -1px;
  459. {block:ifsaturatedposts}
  460. -webkit-filter: saturate(150%);
  461. {/block:ifsaturatedposts}
  462. {block:ifgreyscaleposts}
  463. -webkit-filter: grayscale(100%);
  464. {/block:ifgreyscaleposts}
  465. }
  466.  
  467. .quote {
  468. padding: 5px;
  469. line-height: 150%;
  470. text-transform: uppercase;
  471. font-size: 12px;
  472. text-align: justify;
  473. }
  474.  
  475. .textpost {
  476. padding: 5px;
  477. line-height: 125%;
  478. }
  479.  
  480. #ask {
  481. padding: 10px;
  482. background: {color:ask};
  483. color: {color:asktext};
  484. }
  485.  
  486. #ask a {
  487. color: {color:asktext};
  488. }
  489.  
  490. #asker {
  491. margin-right: 2.5px;
  492. }
  493.  
  494. #asker:first-letter {
  495. text-transform: uppercase;
  496. }
  497.  
  498. .title {
  499. padding: 5px;
  500. border-bottom: solid 1px {color:borders};
  501. color: {color:posttitle};
  502. font-weight: 900;
  503. text-align: center;
  504. font-size: 14px;
  505. }
  506.  
  507. .audio {
  508. }
  509.  
  510. .albumart {
  511. width: 50px;
  512. height: 50px;
  513. padding: 5px;
  514. background: {color:audio};
  515. position: relative;
  516. border: solid 1px {color:borders};
  517. margin-bottom: 5px;
  518. }
  519.  
  520. .albumart img {
  521. width: 50px;
  522. height: 50px;
  523. }
  524.  
  525. .audio li {
  526. list-style: none;
  527. padding: 5px;
  528. background: {color:audio};
  529. border: solid 1px {color:borders};
  530. margin-top: 5px;
  531. }
  532.  
  533. .audioinfo {
  534. list-style: none;
  535. }
  536.  
  537.  
  538.  
  539. #playerbox {
  540.  
  541. }
  542.  
  543. #audioplayer {
  544. width: 100%;
  545. height: 100px;
  546. position: absolute;
  547. overflow: hidden;
  548. left: 0px;
  549. top: 0px;
  550. right: 0px;
  551. bottom: 0px;
  552.  
  553. }
  554.  
  555. #audiopadding {
  556. padding-top: 35px;
  557. padding-left: 20px;
  558. }
  559.  
  560. #playerbox2 {
  561. width: 19px;
  562. height: 20px;
  563. overflow: hidden;
  564. margin-top: -5px;
  565. margin-left: -5px;
  566. padding-top: 3.5px;
  567. padding-left: 3.5px;
  568. top:45%;
  569. left: 45%;
  570. }
  571.  
  572. #player {
  573. padding: 5px;
  574. opacity: 0.5;
  575. {block:ifnotdarkaudiopostdetails}
  576. background: #fff;
  577. {/block:ifnotdarkaudiopostdetails}
  578. {block:ifdarkaudiopostdetails}
  579. background: #000;
  580. {/block:ifdarkaudiopostdetails}
  581. position: absolute;
  582. width: 25px;
  583. height:25px;
  584. top:50%;
  585. left: 50%;
  586. -webkit-transform: translate(-50%, -50% );
  587. -ms-transform: translate(-50%, -50%);
  588. transform: translate(-50%, -50%);
  589. -moz-transition-duration:0.5s;
  590. -webkit-transition-duration:0.5s;
  591. -o-transition-duration:0.5s;
  592.  
  593. }
  594.  
  595. #player:hover {
  596. opacity: 1;
  597. -moz-transition-duration:0.5s;
  598. -webkit-transition-duration:0.5s;
  599. -o-transition-duration:0.5s;
  600. }
  601.  
  602. #notphoto {
  603. padding-top: 5px;
  604. margin-top: 10px;
  605. border-top: solid 1px {color:borders};
  606. }
  607.  
  608. #note2 {
  609. padding-bottom: 2px;
  610. }
  611.  
  612. #note2 a {
  613. font-weight: 900;
  614. color: {color:postinfolink};
  615. font-size: 10px;
  616. text-transform: uppercase;
  617. }
  618.  
  619. #tag2 {
  620. padding-top: 1px;
  621. border-top: dashed 1px {color:borders};
  622. }
  623.  
  624. #tag2 a {
  625. font-weight: 400;
  626. color: {color:text};
  627. font-size: 10px;
  628. }
  629.  
  630. #postnotes {
  631. margin-top: 10px;
  632. font-size: 9px;
  633. }
  634.  
  635. ol.notes {
  636. text-align: left;
  637. padding: 0px;
  638. margin: 0px 0px;
  639. list-style: none;
  640. }
  641.  
  642. ol.notes li.note {
  643. padding: 5px;
  644. list-style: none;
  645. margin-top: 5px;
  646. }
  647.  
  648. ol.notes li.note img.avatar {
  649. vertical-align: -4px;
  650. margin-right: 10px;
  651. width: 16px;
  652. border-radius: 100%;
  653. height: 16px;
  654. }
  655.  
  656. ol.notes li.note span.action {
  657. font-weight: normal;
  658. }
  659.  
  660. ol.notes li.note .answer_content {
  661. font-weight: normal;
  662. }
  663.  
  664. ol.notes li.note blockquote {
  665. padding: 4px 10px;
  666. margin: 10px 0px 0px 25px;
  667. }
  668.  
  669. ol.notes li.note blockquote a {
  670. text-decoration: none;
  671. }
  672.  
  673.  
  674. /* don't touch credit thanks! */
  675. #credit {
  676. position: fixed; font-family: helvetica; bottom: 20px; z-index: 99999999; color: #333; right: 30px;
  677. } #credit a { line-height: 135%; position: fixed; bottom: 7.5px; color: transparent; letter-spacing: px; left: 7.5px; font-weight: 700; font-size: 10px; background: #eee; width: 12px; height: 9px; overflow: hidden; text-transform: uppercase; color: #333; font-size: 8px; padding: 5px; {block:ifdarkcredit} color: #fff; background: #222; {/block:ifdarkcredit}
  678. }
  679.  
  680. #openlinks {
  681. padding: 0px;
  682. border:solid 1px {color:borders};
  683. background: {color:sidebarlinks};
  684. cursor: help;
  685. color: {color:sidebarlinkstext};
  686. }
  687.  
  688. #openlinks a {
  689. font-weight: 900;
  690. color: {color:sidebarlinkstext};
  691. font-size: 12px;
  692. letter-spacing: 1px;
  693. text-transform: uppercase;
  694. display: block;
  695. padding: 10px;
  696. -moz-transition-duration:0.5s;
  697. -webkit-transition-duration:0.5s;
  698. -o-transition-duration:0.5s;
  699. }
  700.  
  701. #links {
  702. border-left: solid 1px {color:borders};
  703. border-right: solid 1px {color:borders};
  704. display: none;
  705. padding: 0px;
  706. }
  707.  
  708. #links a {
  709. background: {color:sidebarlinks};
  710. font-weight: 900;
  711. color: {color:sidebarlinkstext};
  712. font-size: 12px;
  713. text-transform: uppercase;
  714. display: block;
  715. padding: 10px;
  716. border-bottom: solid 1px {color:borders};
  717. -moz-transition-duration:0.5s;
  718. -webkit-transition-duration:0.5s;
  719. -o-transition-duration:0.5s;
  720. }
  721.  
  722. @media screen and (max-width: 480px) {
  723. #links a {
  724. font-size: 10px;
  725. }
  726. }
  727.  
  728. @media screen and (max-width: 480px) {
  729. #links {
  730. margin-bottom: 10px;
  731. }
  732. }
  733.  
  734.  
  735. #push {
  736. -moz-transition-duration:0.5s;
  737. -webkit-transition-duration:0.5s;
  738. -o-transition-duration:0.5s;
  739. }
  740.  
  741. #host {
  742. font-size: 13px;
  743. padding-bottom: 5px;
  744. border-bottom: dashed 1px {color:borders};
  745. }
  746.  
  747. #host:first-letter {
  748. text-transform: uppercase;
  749. }
  750.  
  751. #host a:first-letter {
  752. text-transform: uppercase;
  753. }
  754.  
  755. #linkpostexcerpt {
  756. padding-top: 5px;
  757. }
  758.  
  759. #caption {
  760. padding: 10px;
  761. }
  762.  
  763. #permapageinfo {
  764. padding: 10px;
  765.  
  766. }
  767.  
  768. #permapageinfo a {
  769. margin-right: 2.5px;
  770. color: {color:postinfolink};
  771.  
  772. }
  773.  
  774. .arrow {
  775. float: right;
  776. -moz-transition-duration:0.5s;
  777. -webkit-transition-duration:0.5s;
  778. -o-transition-duration:0.5s;
  779.  
  780. }
  781.  
  782. .rotate {
  783. -moz-transition-duration:0.5s;
  784. -webkit-transition-duration:0.5s;
  785. -o-transition-duration:0.5s;
  786.  
  787. -webkit-transform: rotateX(180deg); /* Chrome, Safari, Opera */
  788. transform: rotateX(180deg);
  789. }
  790.  
  791. </style>
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804. </head>
  805.  
  806.  
  807.  
  808. <body>
  809.  
  810.  
  811. <div id="credit">
  812. <a href="http://sethscodes.tumblr.com" title="Theme by sethscodes">SC</a></div>
  813.  
  814.  
  815.  
  816.  
  817. <div id="info">
  818. <div id="infobox">
  819. <div id="title">{title}</div>
  820.  
  821. {block:description} <div id="desc">{description}</div> {/block:description}
  822. <div id="openlinks"><a id="open">Links <span class="arrow"><i class="fa fa-chevron-down"></i></span></a></div>
  823. <div id="links">
  824. <a href="{text:link1url}">{text:link1}</a>
  825. <a href="{text:link2url}">{text:link2}</a>
  826. <a href="{text:link3url}">{text:link3}</a>
  827. {block:if5links}
  828. <a href="{text:link4url}">{text:link4}</a>
  829. <a href="{text:link5url}">{text:link5}</a>
  830. <a href="{text:link6url}">{text:link6}</a>
  831. <a href="{text:link7url}">{text:link7}</a>
  832. <a href="{text:link8url}">{text:link8}</a>
  833. <a href="{text:link9url}">{text:link9}</a>
  834. {/block:if5links}
  835. </div>
  836. </div>
  837. </div>
  838.  
  839. <div id="box">
  840. <div id="entries">
  841.  
  842. {block:IndexPage}<div class="column navigation" id="navigation">
  843. {block:Pagination}
  844. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  845. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  846. </div>{/block:IndexPage}
  847.  
  848. {block:posts}
  849.  
  850.  
  851. <!-- {block:NoRebloggedFrom}
  852. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  853. {/block:NoRebloggedFrom} -->
  854.  
  855. {block:ContentSource}<!-- {SourceURL}
  856. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  857. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  858. {/block:ContentSource}
  859.  
  860. <div id="post">
  861.  
  862. {block:title}
  863. <div class="title">{title}</div>
  864. {/block:title}
  865.  
  866. {block:photo}
  867. <div class="photo">
  868. {block:indexpage}
  869. <img src="{photoUrl-250}">
  870. {/block:indexpage}
  871. {block:permalinkpage}
  872. <img src="{photoUrl-400}">
  873. {/block:permalinkpage}
  874. {block:indexpage}
  875. <div id="notebox">
  876. <div id="extrabox">
  877. <div id="note">
  878. <a href="{permalink}">{timeago}</a>
  879. </div>
  880. {block:iftagsonindex}
  881. <div id="tag">
  882. {block:HasTags}
  883. {block:tags}
  884. <a href="{TagURL}">#{tag}</a>
  885. {/block:tags}
  886. {/block:HasTags}
  887. </div>
  888. {/block:iftagsonindex}
  889. </div>
  890. </div>
  891. {/block:indexpage}
  892. </div>
  893. {/block:photo}
  894.  
  895. {block:Photoset}
  896. <div class="photoset">
  897. {block:indexpage}
  898. {Photoset-250}
  899. {/block:indexpage}
  900. {block:permalinkpage}
  901. {Photoset-400}
  902. {/block:permalinkpage}
  903. {block:indexpage}
  904. <div id="notebox">
  905. <div id="extrabox">
  906. <div id="note">
  907. <a href="{permalink}">{timeago}</a>
  908. </div>
  909. {block:iftagsonindex}
  910. <div id="tag">
  911. {block:HasTags}
  912. {block:tags}
  913. <a href="{TagURL}">#{tag}</a>
  914. {/block:tags}
  915. {/block:HasTags}
  916. </div>
  917. {/block:iftagsonindex}
  918. </div>
  919. </div>
  920. {/block:indexpage}
  921. </div>
  922.  
  923. {/block:Photoset}
  924.  
  925. {block:quote}
  926. <div class="quote">{quote}-{source}</div>
  927.  
  928. {block:indexpage}
  929. <div id="notphoto">
  930. <div id="note2"> <a href="{permalink}">{timeago}</a></div>
  931.  
  932. {block:iftagsonindex}
  933. {block:HasTags}
  934.  
  935. <div id="tag2">
  936. {block:tags}
  937. <a href="{TagURL}">#{tag}</a>
  938. {/block:tags}
  939. </div>
  940. {/block:HasTags}
  941. {/block:iftagsonindex}
  942.  
  943. </div>
  944. {/block:indexpage}
  945.  
  946. {/block:quote}
  947.  
  948. {block:text}
  949. <div class="textpost">{body}</div>
  950.  
  951. {block:indexpage}
  952. <div id="notphoto">
  953. <div id="note2"> <a href="{permalink}">{timeago}</a></div>
  954.  
  955. {block:iftagsonindex}
  956. {block:HasTags}
  957. <div id="tag2">
  958. {block:tags}
  959. <a href="{TagURL}">#{tag}</a>
  960. {/block:tags}
  961. </div>
  962. {/block:HasTags}
  963. {/block:iftagsonindex}
  964.  
  965. </div>
  966. {/block:indexpage}
  967.  
  968. {/block:text}
  969.  
  970. {block:panorama}
  971. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  972. {/block:panorama}
  973.  
  974. {block:video}
  975.  
  976.  
  977. {block:indexpage}
  978. {video-250}
  979. {/block:indexpage}
  980. {block:permalinkpage}
  981. {video-400}
  982. {/block:permalinkpage}
  983.  
  984. {block:indexpage}
  985. <div id="notphoto">
  986. <div id="note2"> <a href="{permalink}">{timeago}</a></div>
  987.  
  988. {block:iftagsonindex}
  989. {block:HasTags}
  990. <div id="tag2">
  991. {block:tags}
  992. <a href="{TagURL}">#{tag}</a>
  993. {/block:tags}
  994. </div>
  995. {/block:HasTags}
  996. {/block:iftagsonindex}
  997.  
  998. </div>
  999. {/block:indexpage}
  1000.  
  1001. {/block:video}
  1002.  
  1003. {block:Answer}
  1004.  
  1005. <div id="ask"> <span id="asker"> {Asker} said:</span>{Question} </div>
  1006.  
  1007. <div class="answer"> {Answer} </div>
  1008.  
  1009.  
  1010. {block:indexpage}
  1011. <div id="notphoto">
  1012. <div id="note2"> <a href="{permalink}">{timeago}</a></div>
  1013.  
  1014. {block:iftagsonindex}
  1015. {block:HasTags}
  1016. <div id="tag2">
  1017. {block:tags}
  1018. <a href="{TagURL}">#{tag}</a>
  1019. {/block:tags}
  1020. </div>
  1021. {/block:HasTags}
  1022. {/block:iftagsonindex}
  1023.  
  1024. </div>
  1025. {/block:indexpage}
  1026.  
  1027. {/block:Answer}
  1028.  
  1029. {block:Link}
  1030. <div id="linkpost">
  1031. {block:Host}
  1032. <div id="host">
  1033. <a href="{URL} "> {Host} </a>
  1034. </div>
  1035. {/block:Host}
  1036. {block:Excerpt} <div id="linkpostexcerpt">{Excerpt}</div> {/block:Excerpt}
  1037. {block:Description} <div id="linkdescription"> {Description} </div> {/block:Description}
  1038. </div>
  1039.  
  1040.  
  1041. {block:indexpage}
  1042. <div id="notphoto">
  1043. <div id="note2"> <a href="{permalink}">{timeago}</a></div>
  1044.  
  1045. {block:iftagsonindex}
  1046. {block:HasTags}
  1047. <div id="tag2">
  1048. {block:tags}
  1049. <a href="{TagURL}">#{tag}</a>
  1050. {/block:tags}
  1051. </div>
  1052. {/block:HasTags}
  1053. {/block:iftagsonindex}
  1054.  
  1055. </div>
  1056. {/block:indexpage}
  1057.  
  1058. {/block:Link}
  1059.  
  1060.  
  1061. {block:chat}
  1062. <div class="chat">
  1063. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  1064. </div>
  1065.  
  1066.  
  1067. {block:indexpage}
  1068. <div id="notphoto">
  1069. <div id="note2"> <a href="{permalink}">{timeago}</a></div>
  1070.  
  1071. {block:iftagsonindex}
  1072. {block:HasTags}
  1073. <div id="tag2">
  1074. {block:tags}
  1075. <a href="{TagURL}">#{tag}</a>
  1076. {/block:tags}
  1077. </div>
  1078. {/block:HasTags}
  1079. {/block:iftagsonindex}
  1080.  
  1081. </div>
  1082. {/block:indexpage}
  1083.  
  1084.  
  1085. {/block:chat}
  1086.  
  1087. {block:audio}
  1088. <div class="audio">
  1089.  
  1090.  
  1091. <div id="playerbox">
  1092.  
  1093. {block:ifnotdarkaudiopostdetails}
  1094. {block:AlbumArt}
  1095. <div class="albumart"><img src="{AlbumArtURL}"><div id="player"><div id="playerbox2">{AudioPlayerWhite}</div></div></div>
  1096. {/block:AlbumArt}
  1097. {/block:ifnotdarkaudiopostdetails}
  1098.  
  1099. {block:ifdarkaudiopostdetails}
  1100. {block:AlbumArt}
  1101. <div class="albumart"><img src="{AlbumArtURL}"><div id="player"><div id="playerbox2">{AudioPlayerBlack}</div></div></div>
  1102. {/block:AlbumArt}
  1103. {/block:ifdarkaudiopostdetails}
  1104.  
  1105.  
  1106.  
  1107.  
  1108. </div>
  1109. <div class="audioinfo">
  1110.  
  1111. {block:AudioPlayer}
  1112.  
  1113.  
  1114.  
  1115. {/block:AudioPlayer}
  1116.  
  1117. {block:Artist}
  1118. <li>Artist: {Artist}</li>
  1119. {/block:Artist}
  1120.  
  1121. {block:Album}
  1122. <li>Album: {Album}</li>
  1123. {/block:Album}
  1124.  
  1125. {block:TrackName}
  1126. <li>Track: {TrackName}</li>
  1127. {/block:TrackName}
  1128.  
  1129. </div>
  1130.  
  1131. </div>
  1132.  
  1133.  
  1134. {block:indexpage}
  1135. <div id="notphoto">
  1136. <div id="note2"> <a href="{permalink}">{timeago}</a></div>
  1137.  
  1138. {block:iftagsonindex}
  1139. {block:HasTags}
  1140. <div id="tag2">
  1141. {block:tags}
  1142. <a href="{TagURL}">#{tag}</a>
  1143. {/block:tags}
  1144. </div>
  1145. {/block:HasTags}
  1146. {/block:iftagsonindex}
  1147.  
  1148. </div>
  1149. {/block:indexpage}
  1150.  
  1151. {/block:audio}
  1152.  
  1153.  
  1154.  
  1155. {block:permalinkpage}
  1156. {block:caption}
  1157. <div id="caption">{caption}</div>
  1158. {/block:caption}
  1159. {/block:permalinkpage}
  1160.  
  1161.  
  1162.  
  1163. {block:date}
  1164.  
  1165.  
  1166.  
  1167. {block:permalinkpage}
  1168. <div id="permapageinfo">
  1169. <a href="{permalink}">{timeago}</a>
  1170.  
  1171. {block:NoteCount}
  1172. <a href="{permalink}">{NoteCountWithLabel}</a>
  1173. {/block:NoteCount}
  1174.  
  1175. {block:RebloggedFrom}
  1176. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  1177. {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:ContentSource}
  1178. {/block:RebloggedFrom}
  1179.  
  1180.  
  1181. {block:HasTags}
  1182. {block:tags}
  1183. <a href="{TagURL}">#{tag}</a>
  1184. {/block:tags}
  1185. {/block:HasTags}
  1186. </div>
  1187. {/block:permalinkpage}
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193. {/block:date}
  1194.  
  1195. {block:PostNotes} <div id="postnotes"> {PostNotes} </div> {/block:PostNotes}
  1196.  
  1197. </div>
  1198.  
  1199. {/block:posts}
  1200.  
  1201.  
  1202.  
  1203. </div>
  1204.  
  1205. <div id="extrascroll"></div>
  1206.  
  1207. </div>
  1208.  
  1209.  
  1210.  
  1211.  
  1212. </body>
  1213.  
  1214. <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  1215. <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  1216. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  1217.  
  1218. <script>
  1219. $(document).ready(function(){
  1220. $("#open").click(function(){
  1221. $(".arrow").toggleClass("rotate");
  1222. $("#links").slideToggle(500);
  1223. });
  1224. });
  1225. </script>
  1226.  
  1227. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1228.  
  1229. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1230.  
  1231. <script>
  1232.  
  1233. (function($){
  1234.  
  1235. $(document).ready(function(){
  1236.  
  1237. $("a[title]").style_my_tooltips({
  1238.  
  1239. tip_follows_cursor:true,
  1240.  
  1241. tip_delay_time:30,
  1242.  
  1243. tip_fade_speed:300,
  1244.  
  1245. attribute:"title"
  1246.  
  1247. });
  1248.  
  1249. });
  1250.  
  1251. })(jQuery);
  1252.  
  1253. </script>
  1254.  
  1255.  
  1256. <!------ S C R I P T S! ------>
  1257.  
  1258. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1259. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1260. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  1261.  
  1262. <script type="text/javascript">
  1263. $(window).load(function(){
  1264. var $wall = $('#box');
  1265. $wall.imagesLoaded(function(){
  1266. $wall.masonry({
  1267. itemSelector: '#post',
  1268. isAnimated : true
  1269. });
  1270. });
  1271. $wall.infinitescroll({
  1272. navSelector : "div#navigation",
  1273. nextSelector : "div#navigation a#nextPage",
  1274. itemSelector : '#post',
  1275. loadingImg : "",
  1276. loadingText : " ",
  1277. donetext : " ",
  1278. extraScrollPx : 1000,
  1279. bufferPx : 5000,
  1280. debug : false,
  1281. errorCallback: function() {
  1282. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  1283. }},
  1284. function( newElements ) {
  1285. var $newElems = $( newElements );
  1286. $newElems.hide();
  1287. $newElems.imagesLoaded(function(){
  1288. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  1289. });
  1290. }); $('#box').show(500);
  1291. });
  1292. </script>
  1293.  
  1294. <script language="JavaScript">
  1295. function function1(){
  1296. window.scrollTo(0,5);
  1297. }
  1298. function function2(){
  1299. window.scroll(0,2);
  1300. }
  1301. </script>
  1302. <!---- end masonry scripts -->
  1303.  
  1304.  
  1305. </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!