API tools faq
paste
Advertisement
heydani

Untitled

heydani
Mar 11th, 2013
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}" />
  5. <meta name="color:Link" content="#000000" />
  6. <meta name="color:Page background" content="#ffffff" />
  7. <meta name="color:Post text" content="#000000" />
  8. <meta name="color:Post text title" content="#000000" />
  9. <meta name="color:Post background" content="#ffffff" />
  10. <meta name="color:Title" content="#000000" />
  11. <meta name="color:Scroll bar color" content="#000000" />
  12. <meta name="image:Header" content="" />
  13. <meta name="text:Custom link 1 URL" content="" />
  14. <meta name="text:Custom link 1 title" content="" />
  15. <meta name="text:Custom link 2 URL" content="" />
  16. <meta name="text:Custom link 2 title" content="" />
  17. <meta name="text:Custom link 3 URL" content="" />
  18. <meta name="text:Custom link 3 title" content="" />
  19. <meta name="text:Custom link 4 URL" content="" />
  20. <meta name="text:Custom link 4 title" content="" />
  21. <meta name="text:Custom link 5 URL" content="" />
  22. <meta name="text:Custom link 5 title" content="" />
  23. <meta name="text:Custom link 6 URL" content="" />
  24. <meta name="text:Custom link 6 title" content="" />
  25. <script type="text/javascript" src="http://static.tumblr.com/df28qmy/u5slh3ibc/jquery.min.js"></script>
  26. <script src="http://dydwn32.cafe24.com/moon/face.js"></script>
  27. <script src="http://dydwn32.cafe24.com/moon/font.js"></script>
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="{block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}permalink{/block:PermalinkPage}">
  29. <style>
  30. .my-like {
  31. background-image: url(http://yongjutheme.com/heart.png) !important;
  32. height:70px;
  33. width:34px;
  34. cursor:pointer;
  35. display:inline-block;
  36. vertical-align:top;
  37. }
  38. .my-liked, .my-like:hover {
  39. background-image: url(http://yongjutheme.com/heart1.png) !important;
  40. height:70px;
  41. width:34px;
  42. cursor:pointer;
  43. display:inline-block;
  44. vertical-align:top;
  45. }
  46. .note_box {
  47. float: left;
  48. position: relative;
  49. margin: 10px;
  50. width: 400px
  51. }
  52. .inner {
  53. margin: 0;
  54. background: {color:Post background};
  55. color: {color:Post text};
  56. -moz-border-radius-topleft: 0px;
  57. -moz-border-radius-topright: 0px;
  58. -moz-border-radius-bottomright: 2px;
  59. -moz-border-radius-bottomleft: 2px;
  60. -webkit-border-radius: 0px 0px 2px 2px;
  61. border-radius: 0px 0px 2px 2px;
  62. }
  63. .inner:first-child {
  64. -webkit-border-radius: 2px;
  65. -moz-border-radius: 2px;
  66. border-radius: 2px;
  67. }
  68. border-radius: 2px;
  69. }
  70. .post h2 {
  71. margin: 0;
  72. font-size: 13px;
  73. line-height: 19px;
  74. text-transform: uppercase;
  75. }
  76. .post ol, .post ul {
  77. margin: 3px 0;
  78. padding: 0;
  79. }
  80. .post li {
  81. margin: 2px 35px;
  82. }
  83. .post .info_bar {
  84. width: 70px;
  85. height: 70px;
  86. position: absolute;
  87. margin-top: -45px;{block:if64twelverows}margin-top: -30px;{/block:if64twelverows}{block:if65sixrowsa}margin-top: -30px;{/block:if65sixrowsa}
  88. top: 50%;
  89. text-align: right;
  90. opacity: 0;
  91. -webkit-transition: all 0.1s ease;
  92. -moz-transition: all 0.1s ease;
  93. -o-transition: all 0.1s ease;
  94. transition: all 0.1s ease;
  95. {block:PermalinkPage}
  96. display: none;
  97. {/block:PermalinkPage}
  98. }
  99. .post:hover .info_bar {
  100. opacity: 1;
  101. }
  102. .post .info_bar a {
  103. text-decoration: none;
  104. }
  105. .post .info_bar img {
  106. margin: 0 3px -6px 0;
  107. }
  108. .post .info_bar .notecount {
  109. background: rgba(0,0,0,0.5);
  110. border: rgba(0,0,0,0.2) solid 1px;
  111. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  112. filter: dropshadow(color=rgba(0,0,0,0.5), offx=0, offy=1);
  113. -webkit-border-radius: 3px;
  114. -moz-border-radius: 3px;
  115. border-radius: 3px;
  116. padding: 2px;
  117. font-size: 12px;
  118. font-weight: bold;
  119. position: relative;
  120. }
  121. .post .info_bar .notecount span {
  122. color: #FFF;
  123. }
  124. .post .info_bar2 {
  125. text-align: right;
  126. opacity: 0;
  127. -webkit-transition: all 0.1s ease;
  128. -moz-transition: all 0.1s ease;
  129. -o-transition: all 0.1s ease;
  130. transition: all 0.1s ease;
  131. {block:PermalinkPage}
  132. display: none;
  133. {/block:PermalinkPage}
  134. }
  135. .post:hover .info_bar2 {
  136. opacity: 1;
  137. }
  138. .post .info_bar2 a {
  139. text-decoration: none;
  140. }
  141. .post .info_bar2 img {
  142. margin: 0 3px -6px 0;
  143. }
  144. .post .info_bar2 .notecount {
  145. background: rgba(0,0,0,0.5);
  146. border: rgba(0,0,0,0.2) solid 1px;
  147. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  148. filter: dropshadow(color=rgba(0,0,0,0.5), offx=0, offy=1);
  149. -webkit-border-radius: 3px;
  150. -moz-border-radius: 3px;
  151. border-radius: 3px;
  152. padding: 2px;
  153. font-size: 12px;
  154. font-weight: bold;
  155. position: relative;
  156. }
  157. .post .info_bar2 .notecount span {
  158. color: #FFF;
  159. }
  160. .post2 .info_bar3 {
  161. text-align: right;
  162. opacity: 0;
  163. -webkit-transition: all 0.1s ease;
  164. -moz-transition: all 0.1s ease;
  165. -o-transition: all 0.1s ease;
  166. transition: all 0.1s ease;
  167. {block:PermalinkPage}
  168. display: none;
  169. {/block:PermalinkPage}
  170. }
  171. .post2:hover .info_bar3 {
  172. opacity: 1;
  173. }
  174. .post2 .info_bar3 a {
  175. text-decoration: none;
  176. }
  177. .post2 .info_bar3 img {
  178. margin: 0 3px -6px 0;
  179. }
  180. .post2 .info_bar3 .notecount {
  181. background: rgba(0,0,0,0.5);
  182. border: rgba(0,0,0,0.2) solid 1px;
  183. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  184. filter: dropshadow(color=rgba(0,0,0,0.5), offx=0, offy=1);
  185. -webkit-border-radius: 3px;
  186. -moz-border-radius: 3px;
  187. border-radius: 3px;
  188. padding: 2px;
  189. font-size: 12px;
  190. font-weight: bold;
  191. position: relative;
  192. }
  193. .post2 .info_bar3 .notecount span {
  194. color: #FFF;
  195. }
  196. .note_box ol.notes {
  197. padding: 0;
  198. margin: 0;
  199. list-style-type: none;
  200. font-size: 11px;
  201. }
  202. .note_box ol.notes a {
  203. text-decoration: none;
  204. }
  205. .note_box ol.notes li.note {
  206. border-top: solid 1px {color:Post text};
  207. padding: 5px 0;
  208. margin: 0 !important;
  209. }
  210. .note_box ol.notes li.note img.avatar {
  211. vertical-align: -4px;
  212. margin-right: 10px;
  213. width: 16px;
  214. }
  215. .note_box ol.notes li.note .answer_content {
  216. font-weight: normal;
  217. }
  218. .note_box ol.notes li.note blockquote {
  219. border-color: {color:Post text};
  220. padding: 4px 10px;
  221. margin: 10px 0px 0px 25px;
  222. }
  223. </style><style>
  224. #top-link { position:fixed; right:5px; bottom:5px; color:white; font-weight:bold; text-decoration:none; padding:10px; border:0px; }
  225. .menu a {
  226. border-bottom:1px
  227. dotted #000000;
  228. text-decoration: none;
  229. color:#000000;}
  230. .menu a:hover {
  231. border-bottom:1px
  232. dotted #ffffff;
  233. text-decoration: none;
  234. color:#000000;}
  235. a {color: {color:link}}
  236. .text .title, .the-quote, .the-link a, .chat .title, .asked {color:{color:Title};font-family:{font:Title}}
  237. .album-art, .audio-meta li {background-color: #aeaeae}
  238. {block:permalinkpage}
  239. #container{width:835px; margin: auto; margin-top: 25px;{block:if50menustyle2} margin-top: 45px;{/block:if50menustyle2} margin-left; 100px; position: relative; background-color: {color:Page background};}{/block:permalinkpage}
  240. {CustomCSS}
  241. </style>
  242.  
  243. <style type="text/css">
  244. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroll bar color}; height:100px;}
  245. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroll bar color}; height:10px !important;}
  246. ::-webkit-scrollbar { height:10px; width:7px; background-color: #ffffff;}
  247. </style>
  248. <style>
  249.  
  250. body {background-color:{color:Page background};</style>
  251. <script type="text/javascript">
  252. var tessellate = {
  253. infscr: true,
  254. fadein: true,
  255. animations: true,
  256. }
  257. </script>
  258.  
  259. <script type="text/javascript">
  260. $(document).ready(function(){
  261. $(".info").hide();
  262. $(".trigger").click(function(){
  263. $('.info').slideToggle("slow");
  264. return true;
  265. });
  266. });
  267. </script><style>
  268. {CustomCSS}
  269. </style>
  270. <div class="post2"><font size="6" face="Times" color="#000000"><center><i>{block:ifnotheaderimage}{title}{/block:ifnotheaderimage}{block:ifheaderimage}<img src="{image:Header}">{/block:ifheaderimage}</i></div></div></p></center></font><font face="arial" size="1"><center><div class="menu"><a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">archive</a> <a href="http://yongjutheme.com">theme</a> {block:ifCustomlink1title}<a href="{text:Custom link 1 URL}">{text:Custom link 1 title}</a> {/block:ifCustomlink1title}{block:ifCustomlink2title}<a href="{text:Custom link 2 URL}">{text:Custom link 2 title}</a> {/block:ifCustomlink2title}{block:ifCustomlink3title}<a href="{text:Custom link 3URL}">{text:Custom link 3 title}</a> {/block:ifCustomlink3title}{block:ifCustomlink4title}<a href="{text:Custom link 4 URL}">{text:Custom link 4 title}</a> {/block:ifCustomlink4title}{block:ifCustomlink5title}<a href="{text:Custom link 5 URL}">{text:Custom link 5 title}</a> {/block:ifCustomlink5title}{block:ifCustomlink6title}<a href="{text:Custom link 6 URL}">{text:Custom link 6 title}</a> {/block:ifCustomlink6title}</center></div></font>
  271. {block:IndexPage}<script type="text/javascript" src="http://assets.tumblr.com/javascript/tumblelog.js"></script>{/block:IndexPage}
  272. <script type="text/javascript" src="http://static.tumblr.com/eatauj5/aBHly2e80/jquery-1.7.1.min.js"></script>
  273. </head>
  274. <div id="container">
  275.  
  276. <script>
  277. window.onload = function () {
  278. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  279. document.addEventListener( 'click', function ( event ) {
  280. var myLikeLink = event.target;
  281. if( myLikeLink.className.indexOf( 'my-like' ) > -1 ) {
  282. var myLikeFrame = document.getElementById( 'my-like-frame' ),
  283. liked = ( myLikeLink.className == 'my-liked' ),
  284. command = liked ? 'unlike' : 'like',
  285. reblog = myLikeLink.getAttribute( 'data-reblog' ),
  286. postId = myLikeLink.getAttribute( 'data-id' ),
  287. oauth = reblog.slice( -8 ),
  288. likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + postId;
  289. myLikeFrame.src = likeUrl;
  290. liked ? myLikeLink.className = 'my-like'
  291. : myLikeLink.className = 'my-liked';
  292. };
  293. }, false );
  294. };
  295. </script>
  296. <br><br>
  297. <div id="content">
  298.  
  299. {block:Posts}
  300. <div {block:Date}id="post-{PostID}"{/block:Date} class="post {block:Text}text {/block:Text}{block:Quote}quote {/block:Quote}{block:link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Answer}answer {/block:Answer}{block:Photo}photo not-{/block:Photo}{block:Photoset}photoset not-{/block:Photoset}{block:Audio}audio not-{/block:Audio}{block:Video}video not-{/block:Video}wordy {block:Date}not-{/block:Date}page {block:IndexPage}{block:ifFadeInFirstPage}invisible{/block:ifFadeInFirstPage}{block:Video}wide{/block:Video} transition-opacity{/block:IndexPage}">
  301.  
  302. {block:Photoset}
  303. <div class="the-photoset layout{PhotosetLayout}">
  304. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  305. {block:PermalinkPage}<!--
  306. -->{block:Photos}<span class="photoset-image">
  307. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" style="width: 400px;"/></a>
  308. {block:Caption}<span class="caption-outer">
  309. <span class="caption-inner">{Caption}</span>
  310. </span>{/block:Caption}
  311. </span>{/block:Photos}<!--
  312. -->{/block:PermalinkPage}
  313. </div>
  314. {/block:Photoset}
  315.  
  316. {block:Photo}
  317. <style>.post1 a img {
  318.  
  319. /* This centers the image */
  320. display: block;
  321. margin-left: auto;
  322. margin-right: auto;
  323.  
  324. /* This adds the border */
  325. padding-left:7px;
  326. padding-right:7px;
  327. padding-top:7px;
  328. padding-bottom:7px;
  329. border:solid;
  330. border-color: #dddddd #dddddd #dddddd #dddddd;
  331. border-width: 1px 1px 1px 1px;
  332. background-color:white;
  333. }</style>
  334. {block:permalinkpage}<style>iframe#tumblr_controls {
  335. top: -500px; !important;
  336. right:0% !important;
  337. position: fixed !important;}</style>{/block:permalinkpage}
  338. <div class="the-photo">
  339. {block:IndexPage}<a href="{permalink}" target="_blank"><img src="{PhotoURL-250}" alt="{PhotoAlt}" style="max-width:232px; padding: 8px;"></a><div class="info_bar2">
  340. <div class="post1"><a href="{permalink}" target="_blank"><img src="{PhotoURL-250}" alt="{PhotoAlt}" style="max-width:232px; position: absolute; top:0px; margin-left: 1px; margin-top: 0px;"></a></div>{/block:IndexPage}</div>
  341. </div>
  342. {block:indexpage}{block:Date}<div class="info_bar" style="margin-left: -52px; left: 50%; margin-top: -30px;{block:if56tworowsc} margin-top: -120px; margin-left: 45px; {/block:if56tworowsc}">
  343. <a href="#image-{PostID}">
  344. <div style="position: absolute; top: 0px; right: 22px; opacity: 0.6"><a href="#image-{PostID}"></a></div>
  345.  
  346. <div style="position: absolute; bottom: 50%; margin-bottom: -28px; right: 50%; margin-right: -55px; opacity: 0.7; z-index: 999999">
  347. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div></div>
  348.  
  349. <div style="position: absolute; bottom: 50%; margin-bottom: -22px; right: 50%; margin-right: -24px; opacity: 0.7; z-index: 999999"><div class="33"><a href="{ReblogURL}" target="_blank"><img src="http://yongjutheme.com/reblog.png"></a></div></div>
  350. </div>{/block:Date}{/block:indexpage}
  351. {block:permalinkpage}<div style="position: absolute; width: 600px; z-index: 199;margin-left: 135px; margin-top: -20px; "><span stlye="position: absolute; margin-left: 900px; width: 600px;"><img src="{PhotoURL-highres}" alt="{PhotoAlt}" style="width: 600px;"></span></div>
  352. </center><div style="position: absolute; width: 600px; left: 55px; margin-left: 275px; margin-top: -30px;">
  353. <style>
  354. }
  355. stylesheet to get you started:
  356.  
  357. div.notes{
  358. padding:24px 25px 0;
  359. border-top: 1px solid {color:border};}
  360. ol.notes {
  361. padding: 0;
  362. margin: 0;
  363. list-style-type: none;}
  364. ol.notes li.note {
  365. float: left;
  366. height: 20px;
  367. margin: 2px;
  368. overflow: hidden;
  369. width: 20px;}
  370. ol.notes li.more_notes_link_container{
  371. font-size: 0px;
  372. font-weight: ;
  373. margin: 0px 0 0;
  374. text-align: center;
  375. text-transform: uppercase;
  376. width: 0px;
  377. height: 0px;}
  378. ol.notes li.note img.avatar {
  379. display: block;
  380. float: left;
  381. height: 18px;
  382. margin-right: 10px;
  383. vertical-align: -4px;
  384. width: 18px;}
  385. ol.notes li.note span{
  386. display:none;}
  387. ol.notes li.note span.action a{
  388. font-weight: ;}
  389. ol.notes li.note .answer_content {
  390. font-weight: normal;
  391. display:none;}
  392. ol.notes li.note blockquote {
  393. padding: 4px 10px;
  394. margin: 10px 0 10px 30px;
  395. display:none;}
  396. ol.notes li.note blockquote a {
  397. text-decoration: none;
  398. display:none;}
  399. a {text-decoration:none; color: #000000;}
  400. </style>
  401. <font face="arial" size="1" color="#aeaeae">
  402. <div style="width:375px; top:107px; left:417px; position:absolute"><img src="http://static.tumblr.com/v8jflyt/1nwm645vm/______-27.png"></div><div style="width:375px; top:106px; left:427px; position:absolute"><span style="text-transform:uppercase;"> {lang:Posted TimeAgo from source}</span></p></div>
  403. <div style="width:110px; top:128px; left:405px; position:absolute">
  404. <img src="http://static.tumblr.com/v8jflyt/XLTm6480q/______-28.png"></div>
  405. <div style="width:110px; top:126px; left:437px; position:absolute">{NoteCount} NOTES</div> <div style="width:375px; top:127px; left:507px; position:absolute">
  406. <img src="http://static.tumblr.com/v8jflyt/J70m648au/zx.png"></div>
  407. <div style="width:375px; top:126px; left:527px; position:absolute"><span style="text-transform:uppercase;">
  408. {block:ContentSource}<a href="{SourceURL}" class="source_url"><font face="arial" color="#aeaeae">
  409. {lang:Source}:
  410. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  411. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  412. </a>
  413. </font> {/block:ContentSource}</span></div>
  414. </font>
  415. <div style="width:375px; top:103px; left:582px; position:absolute"> <img src="http://static.tumblr.com/v8jflyt/TNqm64amv/asdads.png"></div>
  416. <div style="width:375px; top:102px; left:607px; position:absolute">{block:RebloggedFrom}<span style="text-transform:uppercase;"><a href="{ReblogParentURL}"><font face="arial" color="#aeaeae" size="1"> VIA: {ReblogParentName}</font></a></span>{/block:RebloggedFrom}</div> <div style="width:375px; top:148px; left:417px; position:absolute"><img src="http://static.tumblr.com/v8jflyt/EB9m64aoz/thumb.png"></div>
  417. <div style="width:375px; top:148px; left:438px; position:absolute"><div style="width:61px; overflow:hidden; position: absolute: margin-left: -64px;"><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
  418. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div></div>
  419. <div style="width:375px; top:148px; left:513px; position:absolute">
  420.  
  421. <div style="width: 64px; overflow: hidden;"><div class="fb-like" data-send="true" data-layout="button_count" data-width="47px" data-show-faces="true" data-font="arial"></div></div>
  422.  
  423. </div>
  424. <div style="width:375px; top:175px; left:415px; position:absolute">
  425. <img src="http://static.tumblr.com/v8jflyt/Y65m64e3y/c.png"></div>
  426. <div style="width:375px; top:175px; left:440px; position:absolute"><span style="text-transform:uppercase;"><font size="1" face="arial" color="#aeaeae">{Year} {Month} {DayOfWeek} <a href="{ReblogURL}" target="_blank"><font face="arial" color="#aeaeae">REBLOG</font></a> {24Hour}:{Minutes}:{Seconds}{CapitalAmPm}</span></font></div><div style="width:375px; top:197px; left:417px; position:absolute">
  427. <img src="http://static.tumblr.com/v8jflyt/KFDm64fb4/zxczxcxzzcxxzc.png">
  428. </div>
  429. <div style="width:375px; top:242px; left:417px; position:absolute">
  430. <img src="http://static.tumblr.com/v8jflyt/oC8m64fpz/zxcxccx.png">
  431. </div>
  432. <div style="width:375px; top:194px; left:437px; position:absolute">{block:Tags}<span style="text-transform:uppercase;"><font face="arial" color="#aeaeae" size="1">?{tag}?</font></span>{/block:Tags}</div><div style="width:350px; top:236px; left:442px; position:absolute">
  433. {block:Caption}
  434. <div class="caption"><font face="arial" color="#aeaeae" size="1">{Caption}</font></div>
  435. {/block:Caption}</div>
  436. <div style="width:375px; top:148px; left:585px; position:absolute">
  437. <g:plusone size="tall" annotation="inline" width="120"></g:plusone>
  438. <script type="text/javascript">
  439. (function() {
  440. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  441. po.src = 'https://apis.google.com/js/plusone.js';
  442. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  443. })();
  444. </script>
  445. </div>
  446. <div style="width: 400px; height: 700px;"><div class="notes" style="top: 0px; left: 410px; width: 380px; position: absolute; z-index: 999999">{PostNotes}<div class="clear"></div></div>
  447. {/block:permalinkpage}
  448. {/block:Photo}
  449.  
  450.  
  451. {block:Text}
  452. {block:Date}<div class="info_bar" style="margin-left: -52px; left: 50%;{block:if56tworowsc} margin-top: -120px; margin-left: 45px; {/block:if56tworowsc}margin-top: -30px;">
  453. <a href="#image-{PostID}">
  454. <div style="position: absolute; top: 0px; right: 22px; opacity: 0.6"><a href="#image-{PostID}"></a></div>
  455.  
  456. <div style="position: absolute; bottom: 50%; margin-bottom: -28px; right: 50%; margin-right: -55px; opacity: 0.7; z-index: 999999">
  457. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div></div>
  458.  
  459. <div style="position: absolute; bottom: 50%; margin-bottom: -22px; right: 50%; margin-right: -24px; opacity: 0.7; z-index: 999999"><div class="33"><a href="{ReblogURL}" target="_blank"><img src="http://yongjutheme.com/reblog.png"></a></div></div>
  460. </div>{/block:Date}
  461. <div style="background-color: {color:Post background};">
  462. <div style="text-align: left; width:90%; padding-top: 5%; padding-left: 5%; margin-top: 5px; margin-left: 5px;"><font face="times" size="2">{block:title}<font color="{color:Post text title}"><b>{title}</b></font><br>{/block:title}</font><font face="arial"><font color="{color:Post text}">{body}</font></font><br></font></div></div>
  463. {/block:Text}
  464.  
  465. {block:Quote}<div style="background-color: {color:Post background}"><div style="width: 90%; padding-left: 2%; margin-top: 3px;{block:if56tworowsc}width: 400px; margin-left: 185px; margin-bottom: 140px;{/block:if56tworowsc}"><br>
  466. <font face="times" size="2">
  467. <font color="{color:Post text title}"><b>{source} quoted,</b></font></font><br><font face="arial">"{quote}"</font><br><br><span style="text-transform:uppercase;"><font face="arial" size="1">
  468. <font color="{color:Post text}"></font></span></font></center></div><br><br></div>
  469. {block:Date}<div class="info_bar" style="margin-left: -60px; margin-top: -30px; left: 50%;{block:if56tworowsc} margin-top: -120px; margin-left: 45px; {/block:if56tworowsc}">
  470. <a href="#image-{PostID}">
  471. <div style="position: absolute; top: 0px; right: 22px; opacity: 0.6"><a href="#image-{PostID}"></a></div>
  472.  
  473. <div style="position: absolute; bottom: 50%; margin-bottom: -28px; right: 50%; margin-right: -55px; opacity: 0.7; z-index: 999999">
  474. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div></div>
  475.  
  476. <div style="position: absolute; bottom: 50%; margin-bottom: -22px; right: 50%; margin-right: -24px; opacity: 0.7; z-index: 999999"><div class="33"><a href="{ReblogURL}" target="_blank"><img src="http://yongjutheme.com/reblog.png"></a></div></div>
  477. </div>{/block:Date}
  478. {/block:Quote}
  479.  
  480. {block:Link}
  481. {block:Date}<div class="info_bar" style="margin-left: -60px; left: 50%; margin-top: -30px;{block:if56tworowsc} margin-top: -120px; margin-left: 45px; {/block:if56tworowsc}">
  482. <a href="#image-{PostID}">
  483. <div style="position: absolute; top: 0px; right: 22px; opacity: 0.6"><a href="#image-{PostID}"></a></div>
  484.  
  485. <div style="position: absolute; bottom: 50%; margin-bottom: -28px; right: 50%; margin-right: -55px; opacity: 0.7; z-index: 999999">
  486. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div></div>
  487.  
  488. <div style="position: absolute; bottom: 50%; margin-bottom: -22px; right: 50%; margin-right: -24px; opacity: 0.7; z-index: 999999"><div class="33"><a href="{ReblogURL}" target="_blank"><img src="http://yongjutheme.com/reblog.png"></a></div></div>
  489. </div>{/block:Date}
  490. <div style="background-color: {color:Post background}; text-align: left; padding-left: 5%; padding-right: 4%; width: 90%;">
  491. <div style="width: 90%;"><br><font face="times" size="2" color="{color:Post text title}" color="{color:Post text title}"><a href="{url}" target="_blank"><b>{Name}</b></a></font><span style="text-transform:uppercase;"></span><font face="arial">
  492. <font color="{color:Post text}">{description}</font></font><center><br></div></div>
  493. {/block:Link}
  494. {block:Chat}
  495.  
  496. {block:Title}
  497. <h3><a href="{Permalink}">{Title}</a></h3>
  498. {/block:Title}
  499.  
  500. {block:Lines}<font face="droid sans">
  501. {block:Label}
  502. <span class="label"><b>{Label}</b></span>
  503. {/block:Label}
  504. <font face="arial"> {Line}</font><br></font>
  505. {/block:Lines}
  506.  
  507.  
  508. {/block:Chat}
  509.  
  510.  
  511.  
  512.  
  513.  
  514. {block:Audio}{block:indexpage}
  515.  
  516. <style>.audio2 {
  517. position: absolute;
  518. top: 0px;
  519. }
  520. </style>
  521. <div class="album-art">
  522. <div class="audio2"><div class="the-audio hideflash">{AudioPlayerWhite}</div></div>
  523. {block:AlbumArt}<a href="{permalink}" target="_blank"><img src="{AlbumArtURL}" class="the-album-art" alt="" style="z-index: 9991" /></a>{/block:AlbumArt}
  524. </div>
  525. {block:Date}<div class="info_bar" style="margin-top: -35px; margin-left: -52px; left: 50%;{block:if56tworowsc} margin-top: -100px; margin-left: 45px; {/block:if56tworowsc}">
  526. <a href="#image-{PostID}">
  527. <div style="position: absolute; top: 0px; right: 22px; opacity: 0.6"><a href="#image-{PostID}"></a></div>
  528.  
  529. <div style="position: absolute; bottom: 50%; margin-bottom: -28px; right: 50%; margin-right: -55px; opacity: 0.7; z-index: 999999">
  530. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div></div>
  531.  
  532. <div style="position: absolute; bottom: 50%; margin-bottom: -22px; right: 50%; margin-right: -24px; opacity: 0.7; z-index: 999999"><div class="33"><a href="{ReblogURL}" target="_blank"><img src="http://yongjutheme.com/reblog.png"></a></div></div>
  533. </div>{/block:Date}</font>{/block:indexpage}
  534. {block:permalinkpage}
  535. {block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" class="eo" style="z-index: 99999991; width: 500px; margin-top: -12px; margin-left: 240px;" /></a>{/block:AlbumArt} <div style="position: absolute; width: 400px; left: 55px; margin-left: 280px; margin-top: -570px;">
  536.  
  537. <font face="arial" size="1" color="#aeaeae">
  538. <div style="width:375px; top:106px; left:417px; position:absolute"><img src="http://static.tumblr.com/v8jflyt/1nwm645vm/______-27.png"></div><div style="width:375px; top:106px; left:427px; position:absolute"><span style="text-transform:uppercase;"> {lang:Posted TimeAgo from source}</span></p></div>
  539. <div style="width:110px; top:128px; left:405px; position:absolute">
  540. <img src="http://static.tumblr.com/v8jflyt/XLTm6480q/______-28.png"></div>
  541. <div style="width:110px; top:126px; left:437px; position:absolute">{NoteCount} NOTES</div> <div style="width:375px; top:127px; left:507px; position:absolute">
  542. <img src="http://static.tumblr.com/v8jflyt/J70m648au/zx.png"></div>
  543. <div style="width:375px; top:126px; left:527px; position:absolute"><span style="text-transform:uppercase;">
  544. {block:ContentSource}<a href="{SourceURL}" class="source_url"><font face="arial" color="#aeaeae">
  545. {lang:Source}:
  546. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  547. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  548. </a>
  549. <style>a{text-decoration: none}</style>
  550. </font> {/block:ContentSource}</span></div>
  551. </font>
  552. <div style="width:375px; top:103px; left:582px; position:absolute"> <img src="http://static.tumblr.com/v8jflyt/TNqm64amv/asdads.png"></div>
  553. <div style="width:375px; top:102px; left:607px; position:absolute">{block:RebloggedFrom}<span style="text-transform:uppercase;"><a href="{ReblogParentURL}"><font face="arial" color="#aeaeae" size="1"> VIA: {ReblogParentName}</font></a></span>{/block:RebloggedFrom}</div> <div style="width:375px; top:148px; left:417px; position:absolute"><img src="http://static.tumblr.com/v8jflyt/EB9m64aoz/thumb.png"></div>
  554. <div style="width:375px; top:148px; left:438px; position:absolute"><div style="width:61px; overflow:hidden; position: absolute: margin-left: -64px;"><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
  555. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div></div>
  556. <div style="width:375px; top:148px; left:513px; position:absolute">
  557.  
  558. <div style="width: 64px; overflow: hidden;"><div class="fb-like" data-send="true" data-layout="button_count" data-width="47px" data-show-faces="true" data-font="arial"></div></div>
  559.  
  560. </div>
  561. <div style="width:375px; top:175px; left:415px; position:absolute">
  562. <img src="http://static.tumblr.com/v8jflyt/Y65m64e3y/c.png"></div>
  563. <div style="width:375px; top:175px; left:440px; position:absolute"><span style="text-transform:uppercase;"><font size="1" face="arial" color="#aeaeae">{Year} {Month} {DayOfWeek} <a href="{ReblogURL}" target="_blank"><font face="arial" color="#aeaeae">REBLOG</font></a> {24Hour}:{Minutes}:{Seconds}{CapitalAmPm}</span></font></div><div style="width:375px; top:197px; left:417px; position:absolute">
  564. <img src="http://static.tumblr.com/v8jflyt/KFDm64fb4/zxczxcxzzcxxzc.png">
  565. </div>
  566. <div style="width:375px; top:242px; left:417px; position:absolute">
  567. <img src="http://static.tumblr.com/v8jflyt/oC8m64fpz/zxcxccx.png">
  568. </div>
  569. <div style="width:375px; top:194px; left:437px; position:absolute">{block:Tags}<span style="text-transform:uppercase;"><font face="arial" color="#aeaeae" size="1">?{tag}?</font></span>{/block:Tags}</div><div style="width:350px; top:228px; left:442px; position:absolute">
  570. {block:Caption}
  571. <div class="caption"><font face="arial" color="#aeaeae" size="1">{Caption}</font></div>
  572. {/block:Caption}</div>
  573. <div style="width:375px; top:148px; left:585px; position:absolute">
  574. <g:plusone size="tall" annotation="inline" width="120"></g:plusone>
  575. <script type="text/javascript">
  576. (function() {
  577. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  578. po.src = 'https://apis.google.com/js/plusone.js';
  579. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  580. })();
  581. </script>
  582. </div>
  583. <div style="position: absolute; width: 400px; left: 50%; margin-left: 208px; margin-top: 65px;">{AudioPlayerWhite}</div>
  584. {/block:permalinkpage}
  585.  
  586. {/block:Audio}
  587.  
  588. {block:Video}
  589. {block:Date}<div class="info_bar" style="margin-top: -35px; margin-left: -38px; left: 50%;{block:if56tworowsc} margin-top: -100px; margin-left: 45px; {/block:if56tworowsc}">
  590. <a href="#image-{PostID}">
  591. <div style="position: absolute; top: 0px; right: 22px; opacity: 0.6"><a href="#image-{PostID}"></a></div>
  592.  
  593. <div style="position: absolute; bottom: 50%; margin-bottom: -28px; right: 50%; margin-right: -55px; opacity: 0.7; z-index: 999999">
  594. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}"></div></div>
  595.  
  596. <div style="position: absolute; bottom: 50%; margin-bottom: -22px; right: 50%; margin-right: -24px; opacity: 0.7; z-index: 999999"><div class="33"><a href="{ReblogURL}" target="_blank"><img src="http://yongjutheme.com/reblog.png"></a></div></div>
  597. </div>{/block:Date}</font>
  598. {block:indexpage}
  599. <div class="the-video hideflash">{Video-500}</div>{/block:indexpage}
  600. {block:permalinkpage}
  601. <div style="poisition: absolute; left:50%; margin-left: 150px;"><div class="the-video hideflash" style="width: 900px; margin-left; 500px">{Video-500}</div></div>
  602. {/block:permalinkpage}
  603. {/block:Video}
  604.  
  605. {block:Answer}<div style="background-color: {color:Post background}"><br><div style="width: 97%; padding-left: 3%; text-align: left">
  606. <font face="arial" size="1" color="{font: post text}"><font face="georgia" size="1"><b>{asker} asked : {question}?</b></font><br><br><font face="arial" size="1">{answer}<br></font></font></font></div></div><div class="back">
  607. <div style="position: absolute; top: 8px; right: 8px; opacity: 0.7">
  608. </div></div>
  609. {/block:Answer}
  610. </div><!-- /.post -->
  611. {/block:Posts}
  612. </div><!-- /#content -->
  613. <body style="overflow-x:hidden;"></body>
  614. {block:Pagination}
  615. <ul id="foot-nav"><div style="margin-top: -100px; margin-left: -400px;">
  616. {block:PreviousPage}<li class="prev"><a href="{PreviousPage}">¡ç {lang:Newer}</a></li>{/block:PreviousPage}
  617. {block:JumpPagination length="0"}
  618. {block:CurrentPage}<li class="current-page"><span>{PageNumber}</span></li>{/block:CurrentPage}
  619. {block:JumpPage}<li class="jump-page"><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
  620. {/block:JumpPagination}
  621. {block:NextPage}<li class="next"><a href="{NextPage}">{lang:Older} ¡æ</a></li>{/block:NextPage}
  622. </ul></div>
  623. {/block:Pagination}
  624. </div>
  625. {block:IndexPage}<div id="loading" style="margin-left: -31px;"></div>{/block:IndexPage}
  626. </body>
  627. </html>
  628. <body></body>
  629. {block:indexpage}
  630.  
  631. <a href="http://yongjutheme.tumblr.com" id="purchase_theme" id="purchase_theme"><img src="http://static.tumblr.com/22rx6wh/eY1lu6u1n/install_theme.png" style="position:fixed; right:3px; top:26px; z-index: 91333"></a>
  632. <body style="overflow-x:hidden;"></body>
  633. {block:indexpage}<body></body>
  634. <link rel="stylesheet" type="text/css" href="http://yongjutheme.com/mooon1.css" />
  635. <script type="text/javascript" src="http://yongjutheme.com/mooon1.js"></script>
  636. <style>iframe#tumblr_controls {
  637. top: -500px; !important; right:0% !important; position: fixed !important; opacity: 1; z-index: 9999999;}</style>
  638.  
  639.  
  640. <style>
  641. a img
  642. {
  643. border: none;
  644. }
  645. #index .video.wide{width:570px}
  646. #container{width:1297px; margin: auto; margin-top: 0px; margin-left; 100px; position: relative; background-color: {color:Page background}; margin-left: -625px; left: 50%}{/block:indexpage}</style>
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!