API tools faq
paste
Advertisement
korean-addcited

BAEKHYUN THEME

korean-addcited
Sep 7th, 2013
1,438
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.19 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Baekhyun theme made by korean-addicted.tumblr.com | don't take off the credits ~ thank you <3 enjoy it
  4.    
  5. -->
  6.  
  7.  
  8. <html>
  9.  
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14. <link href='http://fonts.googleapis.com/css?family=Average+Sans|Muli|Scada|Telex|Megrim|Inconsolata' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  18.  
  19. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  20.  
  21.  
  22. <script type="text/javascript">
  23. $(window).load(function(){
  24. $(".beep").hide();
  25. $("#footer").mouseenter(function () {
  26. $(".beep", this).slideDown("fast");
  27. });
  28. $("#footer").mouseleave(function () {
  29. $(".beep", this).slideUp("fast");
  30. });
  31. });
  32. </script>
  33.  
  34.  
  35.  
  36. <meta name="color:Background" content="#fff"/>
  37. <meta name="color:Link" content="#000"/>
  38. <meta name="color:Link hover" content="#000"/>
  39. <meta name="color:Text" content="#c4c2c2"/>
  40. <meta name="color:EntryBG" content="#fff"/>
  41. <meta name="color:Desc" content="#c4c2c2"/>
  42. <meta name="color:Bigletter" content="#fff"/>
  43. <meta name="color:BigletterBG" content="#000"/>
  44. <meta name="color:Sidelinks" content="#000"/>
  45. <meta name="color:Title" content="#000"/>
  46. <meta name="color:Sidelinks hover" content="#fff"/>
  47. <meta name="color:Sidelinks hoverBG" content="#000"/>
  48. <meta name="color:LineBG" content="#000"/>
  49. <meta name="color:Perma Link" content="#c4c4c4" />
  50. <meta name="color:Perma Link Hover" content="#fff" />
  51. <meta name="color:Perma Border" content="#fff"/>
  52. <meta name="color:Perma Background" content="#000"/
  53. <meta name="color:Tooltipp" content="#000" />
  54. <meta name="color:TooltipBG" content="#000" />
  55. <meta name="color:TooltipBorder" content="#000" />
  56. <meta name="color:Scrollbar" content="#000"/>
  57.  
  58. <meta name="image:Background" content""/>
  59. <meta name="image:EntryBG" content="http://static.tumblr.com/5qhn83f/NdRmqx1xb/capture-20130801-21h5747.png"/>
  60. <meta name="image:LineBG" content="http://static.tumblr.com/lagkdil/oAImss44x/capture-20130110-200635.png"/>
  61.  
  62.  
  63. <meta name="if:One Column" content="1"/>
  64. <meta name="if:Two Column" content=""/>
  65. <meta name="if:Three Column" content=""/>
  66. <meta name="if:200px" content=""/>
  67. <meta name="if:Greyscale" content="" />
  68.  
  69. <meta name="text:Word" content="hentai">
  70. <meta name="text:Number" content="88">
  71. <meta name="text:Bigletter" content="">
  72.  
  73. <meta name="text:link1" content="">
  74. <meta name="text:link1 url" content="">
  75. <meta name="text:link2" content="">
  76. <meta name="text:link2 url" content="">
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83. <style type="text/css">
  84. .wrapper{
  85. margin:auto;
  86. width: 717px;
  87. }
  88.  
  89. #tumblr_controls{
  90. position:fixed !important;
  91. top: 3px;
  92. right: 3px;
  93. }
  94.  
  95.  ::-webkit-scrollbar-thumb{background-color: {color:scrollbar}; border: 2px solid #fff;height:auto;}
  96. ::-webkit-scrollbar {height:9px;width:9px;background-color: {color:scrollbar};border: 4px solid #fff;}
  97.  
  98. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.9s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  99.  
  100.  
  101. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  102.  
  103. @font-face { font-family: "Athletic"; src: url('http://static.tumblr.com/lagkdil/qBgmsqdxa/athletic.ttf'); }
  104.    
  105. body{
  106. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;    
  107. background-color: {color:Background};
  108. background-image: url({image:Background});
  109. background-size:100% 100%;
  110. background-attachment: fixed;
  111. background-repeat: repeat;
  112. background-position: center;
  113. font-family:Cambria;
  114. font-size:11px;
  115. line-height:15px;
  116. color:{color:Text};
  117. }
  118.  
  119. a:link, a:active, a:visited{
  120. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;    
  121. color: {color:Link};
  122. text-decoration:none;
  123. -moz-transition-duration:0.5s;
  124. -webkit-transition-duration:0.5s;
  125. -o-transition-duration:0.5s;
  126.  
  127. }
  128.  
  129. a:hover {  
  130. color:{color:link hover};
  131. text-decoration:none;
  132. text-shadow: 2px 0px #b6b6b6, -2px 0px #eee;
  133. -moz-transition-duration:0.5s;
  134. -webkit-transition-duration:0.5s;
  135. -o-transition-duration:0.5s;}
  136.    
  137.  
  138.  h1 {
  139. text-shadow: 2px 0 .2px #d3d3d3;
  140. color:{color:title};
  141. font:13px lucida sans,arial,sans-serif;
  142. }
  143.  
  144. h1 {
  145. text-shadow: -2px 0 .2px #979696;
  146. color:{color:title};
  147. font:13px lucida sans,arial,sans-serif;
  148. }
  149.  
  150. h1 {
  151. text-shadow: 2px 0 .2px  #d3d3d3, -2px 0 .2px #979696;
  152. color:{color:title};
  153. font:13px lucida sans,arial,sans-serif;
  154. }
  155.  
  156.  
  157.  
  158.  
  159. #posts {
  160. position:relative;
  161. left:380px;
  162. top:0px;
  163. {block:IndexPage}
  164. width: 485px;
  165. background-image:url({image:EntryBG});
  166. {block:ifTwoColumn}
  167. width: 572px;
  168. {block:if200px}
  169. width: 472px;
  170. {/block:if200px}
  171. {/block:ifTwoColumn}
  172. {block:ifOneColumn}
  173. width:286px;
  174. {block:if200px}
  175. width:237px;
  176. {block:if200px}
  177. {/block:ifOneColumn}
  178. {block:ifThreeColumn}
  179. width:708px;
  180. margin-left:0px;
  181. {/block:ifThreeColumn}
  182. {/block:IndexPage}
  183. {block:PermalinkPage}
  184. width: 400px;
  185. margin-left:18px;
  186. margin-top:15px;
  187. {/block:PermalinkPage}
  188.  
  189. }
  190.  
  191. .perma {
  192. background-color: transperant;
  193. font:8px consolas;
  194. text-transform:uppercase;
  195. letter-spacing:1px;
  196. position:absolute;
  197. opacity:0;
  198. margin-top:5px;
  199. margin-left:50px;
  200. border:4px double {color:Perma border};
  201. padding:1px;
  202. overflow:hidden;
  203. -webkit-transition: all 0.7s ease-out;
  204. -moz-transition: all 0.7s ease-out;
  205. -o-transition: all 0.7s ease-out;
  206. {block:ifTwoColumn}
  207. width: 235px;
  208. {block:if200px}
  209. width:185px;
  210. {/block:if200px}
  211. {/block:ifTwoColumn}
  212. {block:ifOneColumn}
  213. width: 235px;
  214. {block:if200px}
  215. width:185px;
  216. {block:if200px}
  217. {/block:ifOneColumn}
  218. {block:ifThreeColumn}
  219. width:185px;
  220. {/block:ifThreeColumn}
  221. }
  222.  
  223. .entry:hover .perma {
  224. background-color: {color:Perma background};
  225. margin-left:0px;
  226. padding-left:8px;
  227. opacity: 1;
  228. z-index:2;
  229. -webkit-transition: all 0.7s ease;
  230. -moz-transition: all 0.7s ease;
  231. -o-transition: all 0.7s ease;
  232. }
  233.  
  234. .entry:Hover .perma a {
  235. color:{color:Perma Link};  
  236. -webkit-transition: all 0.5s ease;
  237. -moz-transition: all 0.5s ease;
  238. -o-transition: all 0.5s ease;
  239. }
  240.    
  241. .entry:Hover .perma a:hover {
  242. color:{color:Perma Link Hover};
  243. -webkit-transition: all 0.5s ease;
  244. -moz-transition: all 0.5s ease;
  245. -o-transition: all 0.5s ease;
  246. }
  247.  
  248.  
  249. .entry {
  250. position:relative;
  251. padding:10px;
  252. background:{color:EntryBG};
  253. {block:PermalinkPage}
  254. width: 400px;
  255. float: left;
  256. {/block:PermalinkPage}
  257. {block:IndexPage}
  258. border:4px double #eee;    
  259. margin:4px;
  260. float: left;
  261. {block:ifTwoColumn}
  262. width: 250px;
  263. {block:if200px}
  264. width: 200px;
  265. {/block:if200px}
  266. {/block:ifTwoColumn}
  267. {block:ifOneColumn}
  268. width: 250px;
  269. {block:if200px}
  270. width:200px;
  271. {block:if200px}
  272. {/block:ifOneColumn}
  273. {block:ifThreeColumn}
  274. max-width:200px;
  275. {/block:ifThreeColumn}
  276. {/block:IndexPage}
  277. }
  278.  
  279. .entry img{
  280. {block:IndexPage}
  281. {block:ifTwoColumn}
  282. max-width: 250px;
  283. {block:if200px}
  284. max-width: 200px;
  285. {/block:if200px}
  286. {/block:ifTwoColumn}
  287. {block:ifOneColumn}
  288. max-width:250px;
  289. {block:if200px}
  290. max-width:200px;
  291. {block:if200px}
  292. {/block:ifOneColumn}
  293. {block:ifThreeColumn}
  294. max-width:200px;
  295. {/block:ifThreeColumn}
  296. {block:Ifgreyscale}
  297. -webkit-transition: opacity 0.9s linear;opacity: 1; -webkit-filter: grayscale(50%); -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;{/block:Ifgreyscale}
  298. {/block:IndexPage}
  299. {block:PermalinkPage}
  300. max-width:400px;
  301. {/block:PermalinkPage}
  302. }
  303. {block:IndexPage}{block:Ifgreyscale}
  304. .entry img:hover {-webkit-transition: opacity 0.9s linear;opacity: 1; -webkit-filter: grayscale(0%); -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;  }
  305. {/block:Ifgreyscale}{/Block:IndexPage}
  306. }
  307.  
  308. .entry .permalink{
  309. position:absolute;
  310. padding-left:4px;
  311. padding-right:4px;
  312. margin-top:2px;
  313. opacity:0;
  314. text-align:center;
  315. font-size:8px;
  316. letter-spacing:1px;
  317. text-transform:uppercase;
  318. color:{color:Link};
  319. background:{color:Permalink};
  320. z-index:1;
  321. -webkit-transition: all 0.3s linear;
  322. -moz-transition: all 0.3s linear;
  323. transition: all 0.3s linear;
  324. }
  325.  
  326. .entry:hover .permalink{
  327. opacity:1;
  328. }
  329.  
  330.  
  331. #sidebar {
  332. width:170px;
  333. height:200px;
  334. position:fixed;
  335. margin-left:140px;
  336. margin-top:210px;
  337. opacity:1;
  338.  
  339. }
  340.  
  341. #sidebartitle {
  342. width 100px;
  343. height:100px;
  344. font-family:Athletic;
  345. font-size:50px;
  346. margin-left:0px;
  347. margin-top:30px;
  348. font-style:none;
  349. text-transform: uppercase;
  350. text-align:center;
  351. color:{color:title};
  352. }
  353.  
  354. #sidebartitle2 {
  355. width 100px;
  356. height:100px;
  357. margin-left:4px;
  358. font-family:Athletic;
  359. font-size:140px;
  360. font-style:none;
  361. text-align:center;
  362. text-transform: uppercase;
  363. color:{color:title};
  364.    
  365. }
  366.  
  367. #side {
  368. width:40px;
  369. height:100%;
  370. position:fixed;
  371. left:0px;
  372. top:0px;
  373. opacity:1;
  374. border-right: double 6px #fff;
  375. background-color:{color:LineBG};
  376. background-image:url({image:LineBG});
  377.    
  378. }  
  379.  
  380. #links {
  381. position:fixed;
  382. font-family:cambria;
  383. line-height:140%;
  384. font-size:12px;
  385. font-style:none;
  386. width:85px;
  387. height:118px;
  388. margin-top:-180px;
  389. margin-left:165px;
  390. text-align:justify;
  391. color:{color:Sidelinks};
  392. }
  393.    
  394. #links a{
  395. padding:2px;  
  396. margin-top:12px;
  397. border: double 4px transparent;
  398. color:{color:Sidelinks};
  399. text-shadow:none;
  400. letter-spacing:0px;
  401. text-decoration:none;
  402. -moz-transition-duration:1s;
  403. -webkit-transition-duration:1s;
  404. -o-transition-duration:1s;
  405. }
  406.    
  407. #links a:hover{
  408. border:double 4px #fff;
  409. color:{color:Sidelinks hover};
  410. background-color:{color:Sidelinks hoverBG};
  411. -moz-transition-duration:1s;
  412. -webkit-transition-duration:1s;
  413. -o-transition-duration:0.8s;
  414. }
  415.  
  416. #description {
  417. position:fixed;
  418. font-family:cambria;
  419. line-height:110%;
  420. font-size:9px;
  421. font-style:none;
  422. width:90px;
  423. height:105px;
  424. overflow:auto;
  425. margin-top:-152px;
  426. margin-left:-89px;
  427. text-align:justify;
  428. color:{color:Desc};
  429. }
  430.  
  431.      
  432. .bigletter {
  433. background-color: {color:BigletterBG};
  434. padding: 3px;
  435. color: {color:Bigletter};
  436. font-size: 22px;
  437. font-family: Californian FB;
  438. font-style:italic;
  439. text-transform:uppercase;
  440. font-style: none;
  441. float: left;
  442. font-weight:bold;
  443. margin-right:6px;
  444. line-height: 90%;
  445. padding-right:9px;
  446. }
  447.  
  448. #s-m-t-tooltip{
  449. z-index: 9999;
  450. background: transparent;
  451. font-size: 7px;
  452. font-family: trebuchet ms;
  453. letter-spacing: 2px;
  454. text-transform: uppercase;
  455. color:{color:TooltipBG};
  456. max-width: 100px;
  457. word-wrap: break-word;
  458. padding: 0px 5px 0px 6px;
  459. display: block;
  460. border-bottom: 3px solid {color:tooltipBorder};;
  461. margin: 20px 10px 10px 10px;
  462. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s}
  463.  
  464. #ask {
  465. padding:5px;
  466. width:240px;
  467. }
  468.  
  469. .askername{
  470. position:absolute;
  471. margin-top:-37px;
  472. margin-left:60px;
  473. font-size:10px;
  474. font-style:italic;
  475. {block:IndexPage}
  476. width:184px;
  477. {/block:IndexPage}
  478. {block:PermalinkPage}
  479. width:434px;
  480. {/block:PermalinkPage}
  481. }
  482.  
  483. .askerp img{
  484. }
  485.  
  486. #info {
  487. text-align:right;
  488. margin-top:10px;
  489. padding: 5px;
  490. border-top: 2px solid {color:link};
  491. font-size: 8px;
  492. color: {color:link};
  493. text-transform: uppercase;
  494. font-style: italic;
  495. }
  496.  
  497. #postnotes{
  498. text-align: justify;
  499. }
  500.  
  501. #postnotes blockquote{
  502. border: 0px;}
  503.  
  504. #infscr-loading{
  505. bottom: -70px;
  506. position: absolute;
  507. left: 50%;
  508. margin-left:-8px;
  509. width:16px;
  510. height:11px;
  511. overflow:hidden;
  512. margin-bottom: 50px;
  513. }
  514.  
  515. blockquote{
  516. margin-top:5px;
  517. margin-bottom:5px;
  518. margin-left:20px;
  519. margin-right:0px;
  520. padding:2px;
  521. padding-left:5px;
  522. }
  523.  
  524. blockquote p, ul{
  525. margin:0px;
  526. padding:0px;
  527. }
  528.  
  529. .p { padding-top: 5px; }
  530. .ol, ul { margin-left: 10px; padding: 5px; }
  531. .ul { list-style-type: square; }
  532.  
  533. a img{border: 0px;}
  534.  
  535. .chat .line{
  536. margin-top:-2px;
  537. padding: 4px;
  538. }
  539. .chat .line.odd{
  540. margin-top:-2px;
  541. }
  542.  
  543. .label {font-weight:bold;}
  544.  
  545. .cover {position: absolute; z-index: 1;}
  546.  
  547. #audio {
  548. margin-bottom:5px;
  549. width:500px;
  550. height:65px;
  551. }
  552.  
  553. .albumart {
  554. width:50px;
  555. height:50px;
  556. position:absolute;
  557. }
  558.  
  559. .albumart img {
  560. width:50px;
  561. height:50px;
  562. float:left;
  563. }
  564.  
  565. .playercontainer {
  566. opacity: .2;
  567. display:block;
  568. width:50px;
  569. height:50px;
  570. background-color:white;
  571. position:absolute;
  572. -webkit-transition:all 0.5s ease-in-out;
  573. -moz-transition:all 0.5s ease-in-out;
  574. -o-transition:all 0.5s ease-in-out;
  575. -ms-transition: all 0.5s ease-in-out;
  576. transition:all 0.5s ease-in-out;
  577. }
  578.    
  579. .playercontainer:hover {
  580. opacity:.7;
  581. position:absolute;
  582. -webkit-transition:all 0.5s ease-in-out;
  583. -moz-transition:all 0.5s ease-in-out;
  584. -o-transition:all 0.5s ease-in-out;
  585. -ms-transition: all 0.5s ease-in-out;
  586. transition:all 0.5s ease-in-out;
  587. }
  588.  
  589. .player {
  590. margin-left:12px;
  591. width:25px;
  592. height:25px;
  593. margin-top:12px;
  594. overflow:hidden;
  595. position:absolute;
  596. background-color:white;
  597. }
  598.  
  599. .audioinfo {
  600. margin-left:63px;
  601. float:left;
  602. color:{color:Text};
  603. width:186px;
  604. padding:1px;
  605. margin-top:0px;
  606. }
  607.  
  608. .button { position:absolute; overflow:hidden; width:27px; height:27px; margin-top:37px; margin-left:37px;}
  609.  
  610. .notes img{width:10px; position:left; top:3px;}
  611.  
  612. #top{
  613. position:fixed;
  614. margin-left:55px;
  615. margin-bottom:10px;
  616. padding:5px;
  617. width:8px;
  618. }
  619.  
  620. {CustomCSS}
  621.  
  622. </style>
  623.  
  624. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  625. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  626. <script>
  627. (function($){
  628. $(document).ready(function(){
  629. $("a[title]").style_my_tooltips({
  630.     tip_follows_cursor:true,
  631.     tip_delay_time:20,
  632.     tip_fade_speed:400,
  633.     attribute:"title"
  634. });
  635. });
  636. })(jQuery);
  637. </script>
  638.  
  639. <script>
  640. (function($){
  641. $(document).ready(function(){
  642. $("img[title]").style_my_tooltips({
  643.     tip_follows_cursor:true,
  644.     tip_delay_time:20,
  645.     tip_fade_speed:400,
  646.     attribute:"title"
  647. });
  648. });
  649. })(jQuery);
  650. </script>  
  651.  
  652. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  653. <script type="text/javascript">
  654. $(document).ready(function(){
  655. $(".na").hide();
  656. $(".notess").click(function(){
  657. $('.na').slideToggle("slow");
  658. return true;
  659. });
  660. });
  661. </script>
  662.  
  663. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  664. <script type="text/javascript">
  665. $(document).ready(function(){
  666. $("#desc").hide();
  667. $(".title").click(function(){
  668. $('#desc').slideToggle("slow");
  669. return true;
  670. });
  671. });
  672. </script>
  673. <title>{title}</title>
  674.  
  675. <link rel="shortcut icon" href="{PortraitURL-24}">
  676. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  677. <meta name="viewport" content="width=820" />
  678.  
  679.  
  680. </head>
  681. <body>
  682.  
  683. <a id="top" title="back to top" href="#" style="position: fixed; font-size:12px;bottom: 5px; right:7px;">▲</a>
  684.  
  685.  
  686. <div id="side"></div>
  687. <div id="sidebar">
  688. <div id="sidebartitle">{text:word}</div>
  689. <div id="sidebartitle2">{text:number}</div>
  690.  
  691. <div id="description">
  692. <div class="bigletter">
  693. {text:bigletter}</div>
  694. {Description}
  695. </div>
  696.  
  697. <div id="links"><br><br>
  698. <a href="/" title="index">一</a>
  699. <p><a href="/ask" title="message">二</a>
  700. {block:IfLink1}
  701. <p><a href="{text:Link1 url}" title="{text:link1}">三</a>{/block:IfLink1}
  702. {block:IfLink2}
  703. <p><a href="{text:Link2 url}" title="{text:link2}">四</a>{/block:IfLink2}
  704. </div>
  705.  
  706. </div>
  707.  
  708.  
  709.  
  710.  
  711. <div style="font-size: 7px;background-color:#eee;border:solid #ddd 1px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:uppercase;"><a title="korean-addicted" href="http://korean-addicted.tumblr.com"><b>thm</b></a></div>
  712.  
  713. <div id="posts">
  714.  
  715.  
  716. <div id="content"> {block:Posts}
  717. <div class="entry">
  718.  
  719.  
  720. {block:Text}<div class="text">
  721. {block:Title}<a href="{Permalink}"><center>{Title}</center></a>{/block:Title}
  722. {Body}  
  723. {block:indexpage}
  724. <p class="ti"><a href="{Permalink}"></a></p>
  725. <div id="info">
  726. {block:Date}{TimeAgo}</a>{/block:Date} |{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogParentURL}"
  727. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}| {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  728. {/block:indexpage}
  729. </div>{/block:Text}
  730.  
  731. {block:Photo}
  732. {block:indexpage}
  733.  <span class="perma"> <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCountWithLabel}</a>
  734. </span>
  735. {/block:indexpage}
  736. {block:IndexPage}            
  737. <div class="photo">
  738. <a href="{Permalink}"><img src="{PhotoURL-250}"  alt="{PhotoAlt}"></a>
  739. </div>
  740. {/block:IndexPage}
  741. {block:PermalinkPage}
  742.     {LinkOpenTag}
  743.     <center>
  744.     <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>
  745.     <center>
  746.     {LinkCloseTag}
  747. {/block:permalinkpage}
  748. {/block:Photo}
  749.  
  750. {block:Photoset}
  751. {block:indexpage}
  752.  <span class="perma"> <a href="{ReblogURL}">reblog</a> | <a href="{permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> | <a href="{Permalink}">{NoteCountWithLabel}</a>
  753. </span>
  754. {/block:indexpage}
  755.  
  756. {block:IndexPage}
  757. {block:IfNot200px}
  758. {Photoset-250}
  759. {/block:IfNot200px}
  760.  
  761. {block:If200px}
  762. {block:Photos}
  763. <img src="{PhotoURL-250}">
  764. {/block:Photos}
  765. {block:If200px}
  766.  
  767. {/block:indexpage}
  768.  
  769. {block:permalinkpage}
  770.     {Photoset-400}
  771. {/block:permalinkpage}
  772.    
  773. {/block:Photoset}
  774.  
  775. {block:Quote}<div class="textq"><big><center>“</big>{Quote}<big>”</center></big>{block:Source}<center>- {Source}
  776.     {/block:Source}</center>  
  777.         {block:indexpage}
  778. <p class="ti"><a href="{Permalink}"></a></p>
  779. <div id="info">
  780. {block:Date}{TimeAgo}</a>{/block:Date} |{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogParentURL}"
  781. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}| {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  782.         {/block:indexpage}
  783.  
  784. </div>{/block:Quote}
  785.  
  786. {block:Link}<div class="text">
  787.     <a href="{URL}" class="link" {Target}><center>{Name}</center></a>
  788.     {block:Description}
  789.         <div class="description">{Description}</div>
  790.     {/block:Description}
  791.         {block:indexpage}
  792. <p class="ti"><a href="{Permalink}"></a></p>
  793. <div id="info">
  794. {block:Date}{TimeAgo}</a>{/block:Date} |{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogParentURL}"
  795. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}| {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  796.         {/block:indexpage}
  797.  
  798. </div>{/block:Link}
  799.  
  800. {block:Chat}<div class="text">
  801.     {block:Title}
  802.         <h1><a href="{Permalink}">{Title}</a></h1>
  803.     {/block:Title}
  804.        {block:Lines}
  805.     <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  806.           {Line} </li>
  807.         {/block:Lines}
  808.         {block:indexpage}
  809. <p class="ti"><a href="{Permalink}"></a></p>
  810. <div id="info">
  811. {block:Date}{TimeAgo}</a>{/block:Date} |{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogParentURL}"
  812. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}| {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  813.         {/block:indexpage}
  814.  
  815. </div>{/block:Chat}
  816.  
  817. {block:Video}
  818. {block:IndexPage}
  819. {block:Photos}
  820. <img src="{PhotoURL-400}">
  821. {/block:Photos}
  822.     {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  823. <p class="ti"><a href="{Permalink}"></a></p>
  824. <div id="info">
  825. {block:Date}{TimeAgo}</a>{/block:Date} |{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogParentURL}"
  826. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}| {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  827.         {/block:indexpage}
  828.     {/block:IndexPage}
  829.     {block:permalinkpage}
  830.     {Video-400}
  831.     {/block:permalinkpage}
  832. {/block:Video}
  833.  
  834.  
  835.  {block:Audio}
  836. <div id="audio">
  837. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>
  838.  
  839. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  840. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  841. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  842. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount}times</div> {/block:PlayCount}
  843. </div>{block:Caption}{Caption}{/block:Caption}
  844. <div id="info">
  845. {block:Date}{TimeAgo}</a>{/block:Date} |{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogParentURL}"
  846. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}| {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:Audio}
  847.  
  848. {block:Answer}
  849. <div class="text">
  850. {block:indexpage}
  851.  
  852. <div class="ans">{Asker}: {Question}</div><div class="answ">{Answer}</div>
  853. <p class="ti"><a href="{Permalink}"></a></p>
  854. <div id="info">
  855. {block:Date}{TimeAgo}</a>{/block:Date} |{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} | <a href="{ReblogParentURL}"
  856. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} {block:HasTags}| {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  857. {/block:indexpage}
  858. </div>
  859. {block:permalinkpage}
  860. <div class="ans">{Asker}: {Question}</div><div class="answ">{Answer}</div>
  861. <p class="ti"><a href="{Permalink}">{NoteCountwithLabel}</a></p>
  862. </div>
  863. {/block:permalinkpage}
  864. {/block:Answer}    
  865. {block:permalinkpage}
  866. <div class="text">
  867. {block:Caption}{Caption}{/block:Caption}
  868. {block:PostNotes}
  869. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  870. {block:RebloggedFrom}<p class="t">Reblogged from  - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  871. {block:ContentSource}<p class="t">Source -  <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  872. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  873. <div class="notess"> View notes </div><div class="na">
  874. {block:PostNotes}{PostNotes}{/block:PostNotes}
  875. </div></div>
  876. {/block:permalinkpage}
  877.  
  878. </div>  
  879.  
  880.  
  881. {/block:Posts}
  882. </div>
  883. </div>
  884. {block:IndexPage}<br>
  885. {block:Pagination}
  886. <div id="pagination">
  887. {block:NextPage}
  888. <a id="nextPage" href="{NextPage}"> </a>
  889. {/block:NextPage}
  890. {block:PreviousPage}
  891. <a href="{PreviousPage}"> </a>
  892. {/block:PreviousPage}
  893. </div>
  894. {/block:Pagination}
  895. {/block:IndexPage}
  896. </div>
  897.  
  898.  
  899. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  900.  
  901. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  902.  
  903. <script type="text/javascript">
  904. $(window).load(function () {
  905. var $content = $('#posts');
  906. $content.masonry({itemSelector: '.entry'}),
  907. $content.infinitescroll({
  908. navSelector : 'div#pagination',
  909. nextSelector : 'div#pagination a#nextPage',
  910. itemSelector : '.entry',
  911. loading: {
  912. finishedMsg: '',
  913. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  914. },
  915. bufferPx : 600,
  916. debug : false,
  917. },
  918. // call masonry as a callback.
  919. function( newElements ) {
  920. var $newElems = $( newElements );
  921. $newElems.hide();
  922. // ensure that images load before adding to masonry layout
  923. $newElems.imagesLoaded(function(){
  924. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  925.  
  926.  
  927.  
  928.  
  929. </body>
  930.  
  931.  
  932. </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!