API tools faq
paste
Advertisement
kingdap

Let's Fly!

kingdap
Aug 20th, 2013
980
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.09 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Let's Fly! by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Link Hover Text: pohroro
  6. Link Hover Code: soonjunthemes
  7. Background: B1A4 Site
  8. Inspiration: B1A4 Site
  9.  
  10. Please keep the credits intact! You're free to make changes to the theme, but only for personal use.
  11.  
  12. -------------------------------------------------------------------------->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18. <head>
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/f209461601b9a23da9fc44ceb1fdff2f/fp8s385/gpAmqww5b/tumblr_static_b1a4.jpg">
  21. <meta name="image:Topbar BG" content="">
  22.  
  23. <meta name="color:Post" content="#fff">
  24. <meta name="color:Post Border" content="#ccc">
  25. <meta name="color:Background" content="#fff">
  26. <meta name="color:Font" content="#5f5e5e">
  27. <meta name="color:Link" content="#33485c">
  28. <meta name="color:Link Shadow" content="#ff587f">
  29. <meta name="color:Emphasis Text" content="#686868">
  30.  
  31. <meta name="color:Post Title" content="#777">
  32. <meta name="color:Link Post Hover" content="#ffed00">
  33. <meta name="color:Icon Border" content="#ececec">
  34.  
  35. <meta name="color:Topbar Link" content="#b6b5b5">
  36. <meta name="color:Topbar Link Hover" content="#fff">
  37. <meta name="color:Topbar BG" content="#000">
  38. <meta name="color:Description" content="#818180">
  39.  
  40. <meta name="color:Blog Title" content="#ffffff">
  41.  
  42. <meta name="color:Scrollbar" content="#727070">
  43. <meta name="color:Scrollbar Background" content="#fff">
  44.  
  45. <meta name="color:Permalink" content="#6f6f6f">
  46. <meta name="color:Permalink BG" content="#fff">
  47. <meta name="color:Permalink Hover" content="#ccc">
  48. <meta name="color:PermaInfo BG" content="#e2e0df">
  49. <meta name="color:PermaInfo" content="#9b9a99">
  50. <meta name="color:PermaInfo BG Hover" content="#fdfdb5">
  51. <meta name="color:PermaInfo Hover" content="#ccc">
  52. <meta name="color:Tag" content="#777">
  53. <meta name="color:Tag Hover" content="#ccc">
  54.  
  55. <meta name="text:Link 1" content="Link 1">
  56. <meta name="text:Link 1 URL" content="/">
  57. <meta name="text:Link 2" content="Link 2">
  58. <meta name="text:Link 2 URL" content="/">
  59. <meta name="text:Link 3" content="Link 3">
  60. <meta name="text:Link 3 URL" content="/">
  61. <meta name="text:Link 4" content="Link 4">
  62. <meta name="text:Link 4 URL" content="/">
  63.  
  64. <meta name="if:Fixed Top Bar" content="1">
  65. <meta name="if:250 Posts" content="1">
  66. <meta name="if:400 Posts" content="0">
  67. <meta name="if:500 Posts" content="0">
  68. <meta name="if:Captions" content="0">
  69. <meta name="if:Infinite Scroll" content="1">
  70. <meta name="if:Month Day Year" content="0">
  71. <meta name="if:Day Month Year" content="0">
  72. <meta name="if:Year Month Day" content="1">
  73. <meta name="if:12 Hour Time" content="0">
  74. <meta name="if:Black Music Player" content="0">
  75.  
  76. <title>{Title}</title>
  77.  
  78. <link rel="shortcut icon" href="{Favicon}" />
  79.  
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81.  
  82. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  83.  
  84. <style type= "text/css">
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {
  87. background-color:{color:Scrollbar};
  88. height: 30px;
  89. }
  90.  
  91. ::-webkit-scrollbar-thumb:horizontal {
  92. background-color:{color:Scrollbar};
  93. width: 30px;
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. background-color:{color:Scrollbar Background};
  98. height: 4px;
  99. width: 4px;
  100. }
  101.  
  102. body {
  103. background-attachment: fixed;
  104. background-image: url('{image:Background}');
  105. background-color: {color:Background};
  106. font-family: Calibri;
  107. font-size: 11px;
  108. margin-left: 0px;
  109. margin-top: 0px;
  110. }
  111.  
  112. div#qTip {
  113. font-family: calibri;
  114. text-transform: UPPERCASE;
  115. font-size: 8px;
  116. display: none;
  117. text-align: left;
  118. position: absolute;
  119. z-index: 99;
  120. letter-spacing: 1px;
  121. background: {color:Permalink BG};
  122. padding: 3px;
  123. color: {color:Font};
  124. border: 1px solid {color:Post Border};
  125. opacity: 0.9;
  126. }
  127.  
  128. @font-face {
  129. font-family: Dinpro Black;
  130. src:url(https://dl.dropboxusercontent.com/u/81174604/dinpro-black.ttf);
  131. }
  132.  
  133. @font-face {
  134. font-family: Nanum Gothic;
  135. src:url(https://dl.dropboxusercontent.com/u/81174604/nanumgothic.ttf);
  136. }
  137.  
  138. a:link, a:active, a:visited {
  139. text-decoration:none;
  140. color: {color:Link};
  141. text-shadow: 0px 0px {color:Link Shadow}, 0px 0px {color:Link};
  142. -webkit-transition: all 0.5s ease-in-out;
  143. -moz-transition: all 0.5s ease-in-out;
  144. -o-transition: all 0.5s ease-in-out;
  145. }
  146.  
  147. a:hover {
  148. text-shadow: 10px 0px transparent, -10px 0px transparent;
  149. }
  150.  
  151. b, strong, .strong, i, em, .em {
  152. color:{color:Emphasis Text};
  153. }
  154.  
  155. blockquote {
  156. margin-top: -3px;
  157. margin-bottom: -3px;
  158. border-left: 2px solid {color:Text};
  159. padding-left: 5px;
  160. }
  161.  
  162. /*DESCRIPTION*/
  163. .desccont {
  164. display: inline-block;
  165. height: 0px;
  166. position: absolute;
  167. margin-left: 50px;
  168. z-index: 9999999999999;
  169. border-left: 1px solid {color:Blog Title};
  170. text-align: left;
  171. display: inline-block;
  172. padding: 10px 20px 10px 10px;
  173. max-height: 100px;
  174. overflow: auto;
  175. padding-bottom: 100px;
  176. }
  177.  
  178. .desc {
  179. font-family: Nanum Gothic;
  180. font-size: 10px;
  181. margin-top: 0px;
  182. margin-bottom: -100px;
  183. width: 150px;
  184. height: 90px;
  185. max-height: 95px;
  186. letter-spacing: 1px;
  187. line-height: 12px;
  188. color: {color:Description};
  189. -webkit-transition: all 0.6s;
  190. -moz-transition: all 0.6s;
  191. -o-transition: all 0.6s ;
  192. }
  193.  
  194. /*TOPBAR*/
  195. #bar {
  196. height: 100px;
  197. {block:if250Posts}
  198. {block:IndexPage}
  199. width: 805px;
  200. {/block:IndexPage}
  201. {block:PermalinkPage}
  202. margin-left: -152px;
  203. width: 805px;
  204. {/block:PermalinkPage}
  205. {/block:if250Posts}
  206. {block:if400Posts}
  207. {block:IndexPage}
  208. width: 800px;
  209. margin-left: -200px;
  210. {/block:IndexPage}
  211. {block:PermalinkPage}
  212. margin-left: -150px;
  213. width: 800px;
  214. {/block:PermalinkPage}
  215. {/block:if400Posts}
  216. {block:if500Posts}
  217. width: 800px;
  218. margin-left: -150px;
  219. {/block:if500Posts}
  220. padding: 0px 0px 10px 0px;
  221. top: 0px;
  222. {block:ifFixedTopBar}
  223. position: fixed;
  224. {/block:ifFixedTopBar}
  225. {block:ifnotFixedTopBar}
  226. position: absolute;
  227. {/block:ifnotFixedTopBar}
  228. text-align: center;
  229. opacity: 0.8;
  230. background-image: url('{image:Topbar BG}');
  231. background-color: {color:Topbar BG};
  232. z-index: 9001;
  233. }
  234.  
  235. .title {
  236. overflow: auto;
  237. max-width: 210px;
  238. max-height: 50px;
  239. margin-left: 10px;
  240. margin-top: 20px;
  241. text-align: left;
  242. font-size: 33px;
  243. font-family: Dinpro Black;
  244. letter-spacing: -3px;
  245. padding: 7px 33px 0px 33px;
  246. z-index: 1000;
  247. text-transform: UPPERCASE;
  248. {block:ifFixedTopBar}
  249. position: fixed;
  250. {/block:ifFixedTopBar}
  251. {block:ifnotFixedTopBar}
  252. position: absolute;
  253. {/block:ifnotFixedTopBar}
  254. }
  255.  
  256. .title a {
  257. color: {color:Blog Title};
  258. }
  259.  
  260. .title a:hover {
  261. color: {color:Blog Title};
  262. }
  263.  
  264.  
  265. /*LINKS*/
  266. .linkcont {
  267. display: inline-block;
  268. margin-left: 250px;
  269. height:50px;
  270. width: 75px;
  271. opacity: 0.7;
  272. z-index: 3;
  273. border-left: 1px solid {color:Blog Title};
  274. -webkit-transition: all 0.6s ease-out;
  275. -moz-transition: all 0.6s ease-out;
  276. -o-transition: all 0.6s ease-out;
  277. }
  278.  
  279. .link {
  280. line-height: 17px;
  281. opacity: 1;
  282. text-align: left;
  283. width: 50px;
  284. font-family: Nanum Gothic;
  285. font-size: 10px;
  286. color: {color:Topbar Link};
  287. -webkit-transition: all 0.5s ease-out;
  288. -moz-transition: all 0.5s ease-out;
  289. -o-transition: all 0.5s ease-out;
  290. }
  291.  
  292.  
  293. .link:hover a {
  294. color: {color:Topbar Link Hover};
  295. }
  296.  
  297. .link a {
  298. text-shadow: 0px 0px transparent, 0px 0px transparent;
  299. color: {color:Topbar Link};
  300. }
  301.  
  302. .boxofdoom {
  303. text-transform: UPPERCASE;
  304. position: absolute;
  305. display: inline-block;
  306. margin-left: 25px;
  307. height: 50px;
  308. width: 75px;
  309. opacity: 0.7;
  310. z-index: 3;
  311. border-left: 1px solid {color:Blog Title};
  312. -webkit-transition: all 0.6s ease-out;
  313. -moz-transition: all 0.6s ease-out;
  314. -o-transition: all 0.6s ease-out;
  315. }
  316.  
  317. /*POSTS*/
  318. #content {
  319. margin-right: -9px;
  320. text-align: left;
  321. margin-top: 140px;
  322. margin-bottom: 20px;
  323. z-index: 99;
  324. {block:IndexPage}
  325. {block:if250Posts}
  326. width: 813px;
  327. {/block:if250Posts}
  328. {block:if400Posts}
  329. width: 420px;
  330. {/block:if400Posts}
  331. {block:if500Posts}
  332. width: 520px;
  333. {/block:if500Posts}
  334. {/block:IndexPage}
  335. {block:PermalinkPage}
  336. width: 520px;
  337. {/block:PermalinkPage}
  338. }
  339.  
  340. .post {
  341. text-align: left;
  342. float: left;
  343. margin-bottom: 20px;
  344. padding: 5px;
  345. font-family: Nanum Gothic;
  346. font-size: 11px;
  347. letter-spacing: 0px;
  348. line-height: 18px;
  349. {block:IndexPage}
  350. {block:if250Posts}
  351. margin-right: 9px;
  352. margin-bottom: 9px;
  353. width: 250px;
  354. {/block:if250Posts}
  355. {block:if400Posts}
  356. width: 400px;
  357. {/block:if400Posts}
  358. {block:if500Posts}
  359. width: 500px;
  360. {/block:if500Posts}
  361. {/block:IndexPage}
  362. {block:PermalinkPage}
  363. width: 500px;
  364. {/block:PermalinkPage}
  365. color: {color:Font};
  366. z-index: 100;
  367. float: left;
  368. border: solid 1px {color:Post Border};
  369. background-color: {color:Post};
  370. {block:if250Posts}
  371. overflow: hidden;
  372. {/block:if250Posts}
  373. {block:ifnot250Posts}
  374. overflow: visible;
  375. {/block:ifnot250Posts}
  376. }
  377.  
  378. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  379. display:none;
  380. }
  381.  
  382. #infscr-loading {
  383. display:none;
  384. }
  385.  
  386. .nav {
  387. display:none!important;
  388. }
  389.  
  390. /*TITLE*/
  391. .ttitle {
  392. font-family: Nanum Gothic;
  393. font-size: 11px;
  394. line-height: 20px;
  395. letter-spacing: 1px;
  396. text-align: left;
  397. padding-right: 5px;
  398. text-transform: UPPERCASE;
  399. }
  400.  
  401. .plus {
  402. text-align: right;
  403. padding-bottom: 0px;
  404. border-bottom: 1px solid {color:Text};
  405. }
  406.  
  407. .ltitle {
  408. font-family: Nanum Gothic;
  409. font-size: 11px;
  410. line-height: 20px;
  411. letter-spacing: 1px;
  412. text-align: left;
  413. padding-right: 5px;
  414. text-transform: UPPERCASE;
  415. }
  416.  
  417. .ltitle a {
  418. color: {color:Post Title};
  419. text-shadow: 0px 0px transparent, 0px 0px transparent;
  420. -webkit-transition: all 0.4s linear;
  421. -moz-transition: all 0.4s linear;
  422. -o-transition: all 0.4s linear;
  423. }
  424.  
  425. .ltitle a:hover {
  426. color: {color:Link Post Hover};
  427. }
  428.  
  429. /*AUDIO*/
  430. .placeholder {
  431. width: 75px;
  432. height: 75px;
  433. background-color: transparent;
  434. margin-bottom: 8px;
  435. }
  436.  
  437. .placeholder img {
  438. width: 75px;
  439. height:75px;
  440. overflow: hidden;
  441. padding: 2px;
  442. border: 2px solid {color:Post Border};
  443. }
  444.  
  445. .player {
  446. width: 11px;
  447. height: 17px;
  448. overflow: hidden;
  449. padding-left: 0px;
  450. padding-right: 16px;
  451. padding-top: 1px;
  452. padding-bottom: 10px;
  453. position: absolute;
  454. opacity: 0.8;
  455. margin-left: 29px;
  456. margin-top: 28px;
  457. {block:ifBlackMusicPlayer}
  458. background-color: #000;
  459. {/block:ifBlackMusicPlayer}
  460. {block:ifnotBlackMusicPlayer}
  461. background-color: #fff;
  462. {/block:ifnotBlackMusicPlayer}
  463. z-index: 10;
  464. }
  465.  
  466. .track {
  467. overflow: auto;
  468. float: left;
  469. margin-top: -82px;
  470. margin-left: 90px;
  471. color: {color:Font};
  472. {block:IndexPage}
  473. {block:if250Posts}
  474. width: 162px;
  475. {/block:if250Posts}
  476. {block:if400Posts}
  477. width: 312px;
  478. {/block:if400Posts}
  479. {block:if500Posts}
  480. width: 312px;
  481. {/block:if500Posts}
  482. {/block:IndexPage}
  483. }
  484.  
  485. /*ANSWER*/
  486. .portrait img {
  487. width:33px;
  488. border: 3px solid {color:Icon Border};
  489. }
  490.  
  491. /*CAPTION*/
  492. .caption {
  493. line-height: 12px;
  494. text-align: left;
  495. {block:if250Posts}
  496. margin-top: -5px;
  497. {/block:if250Posts}
  498. {block:if400Posts}
  499. margin-top: -5px;
  500. {/block:if400Posts}
  501. {block:if500Posts}
  502. margin-top: -5px;
  503. {/block:if500Posts}
  504. }
  505.  
  506. /*TAG*/
  507. #tag {
  508. color:{color:Tag};
  509. line-height: 12px;
  510. margin-bottom: 10px;
  511. }
  512.  
  513. .tags {
  514. display: inline-block;
  515. color:{color:Tag};
  516. }
  517.  
  518. .tags a {
  519. color:{color:Tag};
  520. }
  521.  
  522. .tags a:hover {
  523. color:{color:Tag Hover};
  524. }
  525.  
  526. /*PERMALINK*/
  527. #perm {
  528. font-family: trebuchet ms;
  529. font-size: 8px;
  530. letter-spacing: 2px;
  531. margin-top: 0px;
  532. padding: 0px 5px 0px 5px;
  533. opacity: 0;
  534. z-index: 9000;
  535. text-transform: UPPERCASE;
  536. text-align: center;
  537. position: absolute;
  538. color: {color:Permalink};
  539. background-color: {color:Permalink BG};
  540. {block:if250Posts}
  541. width: 240px;
  542. {/block:if250Posts}
  543. {block:if400Posts}
  544. width: 390px;
  545. {/block:if400Posts}
  546. {block:if500Posts}
  547. width: 490px;
  548. {/block:if500Posts}
  549. -webkit-transition: all 0.5s ease-out;
  550. -moz-transition: all 0.5s ease-out;
  551. -o-transition: all 0.5s ease-out;
  552. }
  553.  
  554. #perm a {
  555. color: {color:Permalink};
  556. }
  557.  
  558. #perm a:hover {
  559. color: {color:Permalink Hover};
  560. }
  561.  
  562. .post:hover #perm {
  563. opacity: 0.8;
  564. }
  565.  
  566. .notess {
  567. text-align: left;
  568. line-height: 30px;
  569. padding: 1px 0px 1px 0px;
  570. background-color: {color:Post};
  571. max-width: 520px;
  572. }
  573.  
  574. #pcont {
  575. width: 520px;
  576. }
  577.  
  578. .booglyboo {
  579. display: inline-block;
  580. margin-left: 0px;
  581. margin-right: -1px;
  582. width: 92px;
  583. padding: 3px 5px 3px 5px;
  584. text-align: center;
  585. color: {color:PermaInfo};
  586. background-color: {color:PermaInfo BG};
  587. -webkit-transition: all 0.5s ease-out;
  588. -moz-transition: all 0.5s ease-out;
  589. -o-transition: all 0.5s ease-out;
  590. }
  591.  
  592. .booglyboo a {
  593. color:{color:PermaInfo};
  594. -webkit-transition: all 0.5s ease-out;
  595. -moz-transition: all 0.5s ease-out;
  596. -o-transition: all 0.5s ease-out;
  597. }
  598.  
  599. .booglyboo:hover {
  600. border-top-left-radius:15px;
  601. border-top-right-radius:15px;
  602. background-color: {color:PermaInfo BG Hover};
  603. color: {color:PermaInfo Hover};
  604. }
  605.  
  606. .booglyboo a:hover {
  607. color: {color:PermaInfo Hover};
  608. }
  609.  
  610. /*PAGINATION*/
  611. .pag1 {
  612. position: absolute;
  613. height: 90px;
  614. font-size: 47px;
  615. margin-top: 20px;
  616. }
  617.  
  618. .pag1 a {
  619. z-index: 99999999999;
  620. height: 90px;
  621. padding: 20px 3px 32px 5px;
  622. background-color: {color:Topbar BG};
  623. color: {color:Topbar Link};
  624. -webkit-transition: all 0.5s ease-out;
  625. -moz-transition: all 0.5s ease-out;
  626. -o-transition: all 0.5s ease-out;
  627. }
  628.  
  629. .pag1 a:hover {
  630. margin-left: -20px;
  631. }
  632.  
  633. .pag2 {
  634. position: absolute;
  635. height: 90px;
  636. font-size: 47px;
  637. margin-top: -93px;
  638. {block:if250Posts}
  639. margin-left: 775px;
  640. {/block:if250Posts}
  641. {block:if400Posts}
  642. margin-left: 770px;
  643. {/block:if400Posts}
  644. {block:if500Posts}
  645. margin-left: 770px;
  646. {/block:if500Posts}
  647. }
  648.  
  649. .pag2 a {
  650. z-index: 99999999999;
  651. height: 90px;
  652. padding: 20px 5px 32px 3px;
  653. background-color: {color:Topbar BG};
  654. color: {color:Topbar Link};
  655. -webkit-transition: all 0.5s ease-out;
  656. -moz-transition: all 0.5s ease-out;
  657. -o-transition: all 0.5s ease-out;
  658. }
  659.  
  660. .pag2 a:hover {
  661. margin-left: 20px;
  662. }
  663.  
  664. </style>
  665.  
  666. {block:IndexPage}
  667. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  668.  
  669. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  670.  
  671. <script>
  672. $(function(){
  673. var $container = $('#content');
  674. $container.imagesLoaded(function(){
  675. $container.masonry({
  676. itemSelector: '.post',
  677. });
  678. });
  679. $container.infinitescroll({
  680. itemSelector : ".post",
  681. navSelector : "div.nav",
  682. nextSelector : ".nav a#next",
  683. loadingImg : "",
  684. loadingText : "<em></em>",
  685. bufferPx : 10000,
  686. extraScrollPx: 12000,
  687. },
  688. // trigger Masonry as a callback
  689. function( newElements ) {
  690. var $newElems = $( newElements ).css({ opacity: 0 });
  691. // ensure that images load before adding to masonry layout
  692. $newElems.imagesLoaded(function(){
  693. $newElems.animate({ opacity: 1 });
  694. $container.masonry( 'appended', $newElems, true );
  695. });
  696. }
  697. );
  698. });
  699. </script>
  700. {/block:IndexPage}
  701.  
  702. </head>
  703.  
  704. <body>
  705.  
  706. {block:ifInfiniteScroll}
  707.  
  708. {block:IndexPage}
  709. <div class="nav">
  710. {block:Pagination}
  711. {block:PreviousPage}
  712. <a href="{PreviousPage}">previous</a> &middot;
  713. {/block:PreviousPage}
  714. {block:NextPage}
  715. <a href="{NextPage}" id="next">next</a>
  716. {/block:NextPage}
  717. {/block:Pagination}
  718. </div>
  719. {/block:IndexPage}
  720.  
  721. {/block:ifInfiniteScroll}
  722.  
  723. <center>
  724.  
  725. <div id="content">
  726.  
  727. <div id="bar">
  728.  
  729. {block:IfNotInfiniteScroll}
  730. {block:IndexPage}
  731. {block:Pagination}
  732. {block:PreviousPage}
  733. <div class="pag1">
  734. <a class="jump_page" href="{PreviousPage}">«</a>
  735. </div>
  736. {/block:PreviousPage}
  737. {/block:Pagination}
  738. {/block:IndexPage}
  739. {/block:IfNotInfiniteScroll}
  740.  
  741. <div class="title"><a href="/">{Title}</a></div>
  742.  
  743. {block:Description}
  744. <div class="desccont">
  745. <div class="desc">
  746. {Description}
  747. </div>
  748. </div>
  749. {/block:Description}
  750.  
  751. <div class="linkcont" style="padding: 22px 50px 38px 10px;">
  752.  
  753. <div class="link">
  754. <a href="/">HOME</a>
  755. </div>
  756. <div class="link">
  757. <a href="/ask">INBOX</a>
  758. </div>
  759. <div class="link">
  760. <a href="/archive">ARCHIVE</a>
  761. </div>
  762. <div class="link">
  763. <a href="http://mfe-themes.tumblr.com/">THEME</a>
  764. </div>
  765.  
  766. </div>
  767.  
  768. <div class="boxofdoom" style="padding: 22px 50px 38px 10px;">
  769. <div class="link"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  770. <div class="link"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  771. <div class="link"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  772. <div class="link"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  773. </div>
  774.  
  775. {block:IfNotInfiniteScroll}
  776. {block:IndexPage}
  777. {block:Pagination}
  778. {block:NextPage}
  779. <div class="pag2">
  780. <a class="jump_page" href="{NextPage}">»</a>
  781. </div>
  782. {/block:NextPage}
  783. {/block:Pagination}
  784. {/block:IndexPage}
  785. {/block:IfNotInfiniteScroll}
  786.  
  787. </div>
  788.  
  789. {block:Posts}
  790.  
  791. <div class="post">
  792.  
  793. {block:Text}
  794. <div class="ttitle">
  795. {block:Title}
  796. {Title}
  797. <div style="margin-bottom: -18px;"></div>
  798. {/block:Title}
  799. </div>
  800. <div class="plus">
  801. <a href="{Permalink}" title="permalink">
  802. <img src="http://static.tumblr.com/fp8s385/YKWmqwyha/plus.png">
  803. </a>
  804. </div>
  805. <div style="margin-top: -8px;"></div>
  806. {Body}
  807. <div style="margin-bottom: -8px;"></div>
  808. {/block:Text}
  809.  
  810. {block:Photo}
  811. <center>
  812. {block:IndexPage}
  813. <div id="perm">
  814. <a href="{Permalink}" title="permalink">{NoteCount} notes</a> |
  815. <a href="{ReblogURL}" title="reblog">reblog</a>
  816. </div>
  817. {block:if250Posts}
  818. <img src="{PhotoURL-250}">
  819. {/block:if250Posts}
  820. {block:if400Posts}
  821. <img src="{PhotoURL-400}">
  822. {/block:if400Posts}
  823. {block:if500Posts}
  824. <img src="{PhotoURL-500}">
  825. {/block:if500Posts}
  826. {block:ifCaptions}
  827. <div style="margin-bottom: -3px;"></div>
  828. {block:Caption}
  829. <div class="caption">
  830. {Caption}
  831. <div style="margin-bottom: -9px;"></div>
  832. </div>
  833. {/block:Caption}
  834. {/block:ifCaptions}
  835. {block:ifnotCaptions}
  836. <div style="margin-bottom: -4px;"></div>
  837. {/block:ifnotCaptions}
  838. {/block:IndexPage}
  839.  
  840. {block:PermalinkPage}
  841. <img src="{PhotoURL-500}">
  842. <div style="margin-bottom: -3px;"></div>
  843. {block:Caption}
  844. <div class="caption">
  845. {Caption}
  846. <div style="margin-bottom: -8px;"></div>
  847. </div>
  848. {/block:Caption}
  849. {/block:PermalinkPage}
  850. </center>
  851. {/block:Photo}
  852.  
  853. {block:Photoset}
  854. {block:IndexPage}
  855. <div id="perm">
  856. <a href="{Permalink}" title="permalink">{NoteCount} notes</a> |
  857. <a href="{ReblogURL}" title="reblog">Reblog</a>
  858. </div>
  859. {block:if250Posts}
  860. {Photoset-250}
  861. {/block:if250Posts}
  862. {block:if400Posts}
  863. {Photoset-400}
  864. {/block:if400Posts}
  865. {block:if500Posts}
  866. {Photoset-500}
  867. {/block:if500Posts}
  868. {block:ifCaptions}
  869. <div style="margin-bottom: -3px;"></div>
  870. {block:Caption}
  871. <div class="caption">
  872. {Caption}
  873. <div style="margin-bottom: -8px;"></div>
  874. </div>
  875. {/block:Caption}
  876. {/block:ifCaptions}
  877. {block:ifnotCaptions}
  878. <div style="margin-bottom: -4px;"></div>
  879. {/block:ifnotCaptions}
  880. {/block:IndexPage}
  881.  
  882. {block:PermalinkPage}
  883. {Photoset-500}
  884. <div style="margin-bottom: -3px;"></div>
  885. {block:Caption}
  886. <div class="caption">
  887. {Caption}
  888. <div style="margin-bottom: -8px;"></div>
  889. </div>
  890. {/block:Caption}
  891. {/block:PermalinkPage}
  892. {/block:Photoset}
  893.  
  894. {block:Quote}
  895. {block:IndexPage}
  896. <div id="perm">
  897. <a href="{Permalink}" title="permalink">{NoteCount} notes</a> |
  898. <a href="{ReblogURL}" title="reblog">Reblog</a>
  899. </div>
  900. {/block:IndexPage}
  901. <big>❝&nbsp{Quote}&nbsp❞</big>
  902. <br>
  903. <div style="text-align: right;">— {Source}</div>
  904. {/block:Quote}
  905.  
  906. {block:Link}
  907. <div class="ltitle"><a href="{URL}">{Name}</a></div>
  908. <div style="margin-bottom: -18px;"></div>
  909. <div class="plus">
  910. <a href="{Permalink}" title="permalink">
  911. <img src="http://static.tumblr.com/fp8s385/YKWmqwyha/plus.png">
  912. </a>
  913. </div>
  914. {block:Description}
  915. <div style="margin-top: -8px;"></div>
  916. {Description}
  917. <div style="margin-bottom: -8px;"></div>
  918. {/block:Description}
  919. {/block:Link}
  920.  
  921. {block:Chat}
  922. <div class="ttitle">{block:Title}{Title}
  923. <div style="margin-bottom: -18px;"></div>{/block:Title}</div>
  924. <div class="plus">
  925. <a href="{Permalink}" title="permalink">
  926. <img src="http://static.tumblr.com/fp8s385/YKWmqwyha/plus.png">
  927. </a>
  928. </div>
  929. {block:Lines}
  930. {block:Label}<b>{Label}</b>
  931. {/block:Label}
  932. {Line}<br>
  933. {/block:Lines}
  934. {/block:Chat}
  935.  
  936. {block:Video}
  937. {block:IndexPage}
  938. <div id="perm">
  939. <a href="{Permalink}" title="permalink">{NoteCount} notes</a> |
  940. <a href="{ReblogURL}" title="reblog">Reblog</a>
  941. </div>
  942. {block:if250Posts}
  943. {Video-250}
  944. {/block:if250Posts}
  945. {block:if400Posts}
  946. {Video-400}
  947. {/block:if400Posts}
  948. {block:if500Posts}
  949. {Video-500}
  950. {/block:if500Posts}
  951. {block:ifCaptions}
  952. <div style="margin-bottom: -3px;"></div>
  953. {block:Caption}
  954. <div class="caption">
  955. {Caption}
  956. <div style="margin-bottom: -8px;"></div>
  957. </div>
  958. {/block:Caption}
  959. {/block:ifCaptions}
  960. {block:ifnotCaptions}
  961. <div style="margin-bottom: -4px;"></div>
  962. {/block:ifnotCaptions}
  963. {/block:IndexPage}
  964.  
  965. {block:PermalinkPage}
  966. {Video-500}
  967. <div style="margin-bottom: -3px;"></div>
  968. {block:Caption}
  969. <div class="caption">
  970. {Caption}
  971. <div style="margin-bottom: -8px;"></div>
  972. </div>
  973. {/block:Caption}
  974. {/block:PermalinkPage}
  975. {/block:Video}
  976.  
  977. {block:Answer}
  978. <div class="ltitle">{Asker} <span style="text-transform: lowercase;">asked</span>
  979. <div style="margin-bottom: -18px;"></div></div>
  980. <div class="plus">
  981. <a href="{Permalink}" title="permalink">
  982. <img src="http://static.tumblr.com/fp8s385/YKWmqwyha/plus.png">
  983. </a>
  984. </div>
  985. <table style="margin-top: -3px;margin-left:-3px;padding-bottom:0px;margin-bottom:5px;">
  986. <tr>
  987. <td style="vertical-align:top;">
  988. ❝<i><font color="{color:Font}"> {Question} </font></i>❞
  989. </td>
  990. </tr>
  991. </table>
  992. <div style="border-bottom: 1px solid {color:PostBorder}; margin-top: -10px; margin-bottom: -7px;"></div>
  993. {Answer}
  994. <div style="margin-bottom: -10px;"></div>
  995. {/block:Answer}
  996.  
  997. {block:Audio}
  998.  
  999. <div class="ttitle" style="padding-bottom: 0px;">{block:TrackName}
  1000. ❝{TrackName}❞
  1001. <div style="margin-bottom: -20px;"></div>{/block:TrackName}
  1002. <div class="plus">
  1003. <a href="{Permalink}" title="permalink">
  1004. <img src="http://static.tumblr.com/fp8s385/YKWmqwyha/plus.png">
  1005. </a>
  1006. </div>
  1007. </div>
  1008. <div style="margin-bottom: 5px;"></div>
  1009. {block:AudioPlayer}
  1010. {block:ifBlackMusicPlayer}
  1011. <div class="player">{AudioPlayerBlack}</div>
  1012. {/block:ifBlackMusicPlayer}
  1013. {block:ifnotBlackMusicPlayer}
  1014. <div class="player">{AudioPlayerWhite}</div>
  1015. {/block:ifnotBlackMusicPlayer}
  1016. {/block:AudioPlayer}
  1017.  
  1018. <div class="placeholder">
  1019. {block:AlbumArt}
  1020. {block:IndexPage}
  1021. <img src="{AlbumArtURL}">
  1022. {/block:IndexPage}
  1023. {block:PermalinkPage}
  1024. <img src="{AlbumArtURL}">
  1025. {/block:PermalinkPage}
  1026. {/block:AlbumArt}
  1027. </div>
  1028.  
  1029. <div class="track">
  1030. {block:Artist}
  1031. Artist: {Artist}
  1032. {/block:Artist}
  1033. <br>
  1034. {block:Album}
  1035. Album: {Album}
  1036. {/block:Album}
  1037. </div>
  1038.  
  1039. {block:IndexPage}
  1040. {block:ifCaptions}
  1041. {block:Caption}
  1042. <div class="caption"> <div style="margin-top:18px;"></div>
  1043. {Caption}
  1044. <div style="margin-bottom: -10px;"></div>
  1045. </div>
  1046. {/block:Caption}
  1047. {/block:ifCaptions}
  1048.  
  1049. {/block:IndexPage}
  1050.  
  1051. {block:PermalinkPage}
  1052. {block:Caption}
  1053. <div class="caption"> <div style="margin-top:18px;"></div>
  1054. {Caption}
  1055. <div style="margin-bottom: -10px;"></div>
  1056. </div>
  1057. {/block:Caption}
  1058. {/block:PermalinkPage}
  1059. {/block:Audio}
  1060.  
  1061. {block:ContentSource}
  1062. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1063. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1064. {/block:SourceLogo}
  1065. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1066. {/block:ContentSource}
  1067.  
  1068. </div>
  1069.  
  1070. {block:PermalinkPage}
  1071.  
  1072. <center>
  1073. {block:HasTags}
  1074. <div id="tag">
  1075. {block:Tags}
  1076. <div class="tags">
  1077. # <a href="{TagURL}">{Tag}</a>&nbsp&nbsp
  1078. </div>
  1079. {/block:Tags}
  1080. </div>
  1081. {/block:HasTags}
  1082.  
  1083. <div id="pcont">
  1084. <center>
  1085. {block:RebloggedFrom}
  1086. <div class="booglyboo">
  1087. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1088. </div>
  1089. <div class="booglyboo">
  1090. <a href="{ReblogRootURL}" title= "{ReblogRootName}">origin</a></div>
  1091. {/block:RebloggedFrom}
  1092.  
  1093. <div class="booglyboo">{NoteCount} notes</div>
  1094. <div class="booglyboo">
  1095. {block:Date}
  1096. {block:ifMonthDayYear}
  1097. {MonthNumber}/{DayOfMonth}/{Year}
  1098. {/block:ifMonthDayYear}
  1099. {block:ifDayMonthYear}
  1100. {DayOfMonth}/{MonthNumber}/{Year}
  1101. {/block:ifDayMonthYear}
  1102. {block:ifYearMonthDay}
  1103. {Year}/{MonthNumber}/{DayOfMonth}
  1104. {/block:ifYearMonthDay}
  1105. {/block:Date}
  1106. </div>
  1107.  
  1108. <div class="booglyboo" style="width: 92px;">
  1109. {block:Date}
  1110. {block:if12HourTime}
  1111. {12Hour}:{Minutes}{AmPm}
  1112. {/block:if12HourTime}
  1113. {block:ifnot12HourTime}
  1114. {24Hour}:{Minutes}
  1115. {/block:ifnot12HourTime}
  1116. {/block:Date}
  1117. </center>
  1118. </div>
  1119.  
  1120. {block:PostNotes}
  1121. <center>
  1122. <div class="notess">{PostNotes}</div>
  1123. </center>
  1124. {/block:PostNotes}
  1125. </div>
  1126.  
  1127. {/block:PermalinkPage}
  1128.  
  1129. {/block:Posts}
  1130.  
  1131. </div>
  1132.  
  1133. </center>
  1134.  
  1135. </body>
  1136.  
  1137. </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!