Advertisement
milkdesu

Theme #5 - Koreans

Jan 6th, 2014
1,923
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.59 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. _ _ _ _
  6. (_) | | | |
  7. _ __ ___ _| | | ____| | ___ ___ _ _
  8. | '_ ` _ \| | | |/ / _` |/ _ \/ __| | |♥| T H E M E S .
  9. | | | | | | | | < (_| | __/\__ \ |_| |
  10. |_| |_| |_|_|_|_|\_\__,_|\___||___/\__,_|
  11. * ** ** * * ** ** * * ** *
  12. BY BAEKDO.TUMBLR.COM
  13. © do not touch my credit or else i'll cut you.
  14. i'll be happy to answer any questions~
  15.  
  16. * ** * * ** * * **
  17. ** * *
  18. * ** *
  19. * * *
  20. * * * * * *
  21. * * * *
  22. * * * * *
  23.  
  24. * *
  25. *
  26. *
  27.  
  28. -->
  29.  
  30.  
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32. <head>
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <meta name="color:Background" content="#fff"/>
  40. <meta name="color:Posts" content="#fff"/>
  41. <meta name="color:Text" content="#bbb"/>
  42. <meta name="color:Links" content="#999"/>
  43. <meta name="color:Tags" content="#ccc"/>
  44. <meta name="color:Links Hover" content="#6ab4ff"/>
  45. <meta name="color:Border" content="#ddd"/>
  46. <meta name="color:Scrollbar" content="#efdcff"/>
  47.  
  48. <meta name="image:Background" content="http://static.tumblr.com/7dwvytx/vmnmyuaz9/lightwood.png"/>
  49. <meta name="image:Sidebar" content="http://i43.tinypic.com/30rw37p.gif"/>
  50. <meta name="image:Links Icon" content="http://media.tumblr.com/tumblr_m11bmcGdXS1qb1380.gif">
  51. <meta name="image:Pagination Icon" content="http://media.tumblr.com/c8da3a13f01b9a7d6831748dc18835aa/tumblr_inline_mjpodd1qxC1qz4rgp.gif">
  52. <meta name="image:Permalink Button" content="http://media.tumblr.com/6c4bb5b21a2585544b9db3a173ce8743/tumblr_inline_mrxosymtuU1qz4rgp.gif">
  53. <meta name="image:Corner Image" content="https://31.media.tumblr.com/f5b15c3d68cfd4bd0c398ad5d91e5ba3/tumblr_inline_myw9ettJp61r9nnh5.png">
  54. <meta name="image:Counter Icon" content="http://media.tumblr.com/d97f4b8a1cdab39800f61d6325c0bb02/tumblr_inline_mrxplcVafY1qz4rgp.gif">
  55. <meta name="image:Back to Top Icon" content="http://media.tumblr.com/4ee0c0e4c388dc6f46eef319e77082d4/tumblr_inline_mrxq3fWdeM1qz4rgp.gif">
  56.  
  57. <meta name="text:posted" content="recorded:">
  58. <meta name="text:asked" content="asked unni:">
  59. <meta name="text:Name" content="Name GOES HERE">
  60. <meta name="text:Extra Text" content="extra text goes here~">
  61. <meta name="text:Bottom Text" content="COUNTER SCRIPT GOES HERE">
  62. <meta name="text:Favourite Tag" content="/tagged/fave">
  63. <meta name="text:Favourite Tag Name" content="faves">
  64.  
  65. <meta name="text:linkA" content="link 1">
  66. <meta name="text:linkA url" content="/">
  67. <meta name="text:linkB" content="link 2">
  68. <meta name="text:linkB url" content="/">
  69. <meta name="text:linkC" content="link 3">
  70. <meta name="text:linkC url" content="/">
  71. <meta name="text:linkD" content="link 4">
  72. <meta name="text:linkD url" content="/">
  73. <meta name="text:linkE" content="link 5">
  74. <meta name="text:linkE url" content="/">
  75. <meta name="text:linkF" content="link 6">
  76. <meta name="text:linkF url" content="/">
  77. <meta name="text:linkG" content="link 7">
  78. <meta name="text:linkG url" content="/">
  79.  
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82.  
  83. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("[title]").style_my_tooltips();
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92. <script type="text/javascript"
  93. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  94.  
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99. body, a, a:hover { cursor:url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto }
  100.  
  101. ::-webkit-scrollbar-thumb:vertical {
  102. background: {color:Scrollbar};
  103. border: 4px solid {color:Background};
  104. width: 30px;
  105. }
  106.  
  107. ::-webkit-scrollbar {
  108. height: 10px;
  109. width: 15px;
  110. background: {color:Scrollbar};
  111. border: 7px solid {color:Background};
  112. }
  113.  
  114. :-moz-selection {
  115. background: transparent;
  116. color: #000;
  117. }
  118.  
  119. ::selection {
  120. background: transparent;
  121. color: #000;
  122. }
  123.  
  124. body {
  125. background:{color:Background};
  126. background-image: url('{image:Background}');
  127. background-repeat: repeat;
  128. background-attachment: fixed;
  129. margin:0px;
  130. color:{color:Text};
  131. font-family:'Inconsolata';
  132. font-size:9px;
  133. letter-spacing:1px;
  134. line-height:100%;
  135. text-align:justify;
  136. }
  137.  
  138. a {
  139. text-decoration:none;
  140. -moz-outline-style:none;
  141. color:{color:Links};
  142. }
  143.  
  144. a:hover {
  145. opacity:1;
  146. color:{color:Links Hover};
  147. text-decoration:underline;
  148. font-style:none;
  149. font-weight:none;
  150. -webkit-transition: all 0.1s ease;
  151. -moz-transition: all 0.1s ease;
  152. -o-transition: all 0.1s ease;
  153. }
  154.  
  155. img {
  156. border:none;
  157. }
  158.  
  159. #posts img {
  160. {block:IndexPage}
  161. max-width:400px;
  162. {/block:IndexPage}
  163. opacity:1;
  164. -webkit-transition: opacity 0.5s linear;
  165. -webkit-transition: all 0.5s ease-in-out;
  166. -moz-transition: all 0.5s ease-in-out;}
  167.  
  168. #posts img:hover {
  169. opacity:0.7;
  170. -webkit-transition: opacity 0.3s linear;
  171. -webkit-transition: all 0.3s ease-in-out;
  172. -moz-transition: all 0.3s ease-in-out;}
  173.  
  174.  
  175. h1 {
  176. font-family:'Inconsolata';
  177. text-transform:uppercase;
  178. font-size: 18px;
  179. }
  180.  
  181. h3 img {
  182. display: inline-block;
  183. margin: 3px;
  184. padding: 4px;
  185. border-radius: 2px;
  186. background: #f9f9f9;
  187. opacity: 0.56;
  188. }
  189.  
  190. h3 img:hover {
  191. opacity: 1.0;
  192. }
  193.  
  194. blockquote {
  195. background-color:#f8f8f8;
  196. padding-left:5px;
  197. padding:5px;
  198. border:1px solid {color:Border};
  199. border-radius:3px;
  200. }
  201.  
  202. blockquote blockquote {
  203. background-color:#f5f5f5;
  204. padding:7px;
  205. border:1px solid {color:Border};
  206. border-radius:3px;
  207. }
  208.  
  209. #s-m-t-tooltip {
  210. z-index: 9999999;
  211. background: #fff;
  212. border: 1px solid #ddd;
  213. border-radius:2px;
  214. font-size: 9px;
  215. line-height: 11px;
  216. font-family: 'Inconsolata';
  217. letter-spacing: 1px;
  218. font-style: italic;
  219. text-transform: uppercase;
  220. color: #000;
  221. text-align: center;
  222. padding: 3px;
  223. padding-left: 6px;
  224. padding-right: 6px;
  225. display: block;
  226. max-width: 170px;
  227. margin: 8px 10px;
  228. -webkit-box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.2);
  229. -moz-box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.2);
  230. box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.2);
  231. }
  232.  
  233. iframe#tumblr_controls {
  234. top: 0% !important;
  235. right:0% !important;
  236. position: fixed !important;
  237. z-index:99999999 !important;
  238. -webkit-filter: invert(100%);
  239. -moz-filter: invert(100%);
  240. -o-filter: invert(100%);
  241. -ms-filter: invert(100%);
  242. filter: invert(100%);
  243. opacity:0.2;
  244. }
  245.  
  246. #sidebar {
  247. background-color:{color:Posts};
  248. position:fixed;
  249. width:158px;
  250. margin-left:172px;
  251. {block:IndexPage}margin-top: 190px;{/block:IndexPage}
  252. {block:PermalinkPage}margin-top: 170px;{/block:PermalinkPage}
  253. opacity:1;
  254. }
  255.  
  256. #sidebarimage {
  257. text-align:center;
  258. }
  259.  
  260. #sidebarimage img {
  261. width:80px;
  262. height:80px;
  263. padding:5px;
  264. margin-top:7px;
  265. background:#fff;
  266. border: 3px double #eee;
  267. }
  268.  
  269. .navi {
  270. position:fixed;
  271. top:186px;
  272. left:184px;
  273. }
  274.  
  275. .navi img {
  276. display: inline-block;
  277. margin: 4px;
  278. padding: 5px;
  279. border-radius: 2px;
  280. background: #fff;
  281. opacity: 0.4 ;
  282. }
  283.  
  284. .navi img:hover {
  285. opacity: 1.0;
  286. background: #f9f9f9;
  287. }
  288.  
  289. @font-face
  290. {
  291. font-family:'Inconsolata';
  292. src:url('http://static.tumblr.com/sas2ex2/3lgmqt637/inconsolata.otf');
  293. }
  294.  
  295. #title {
  296. position:fixed;
  297. background:#f5f5f5;
  298. border-top:1px solid #ddd;
  299. border-left:1px solid #ddd;
  300. border-right:1px solid #ddd;
  301. border-bottom:1px solid #f0f0f0;
  302. margin-left:-10px;
  303. font-family:'Inconsolata';
  304. line-height:100%;
  305. font-size:10px;
  306. font-style:none;
  307. text-align:center;
  308. width:150px;
  309. padding:8px;
  310. color:{color:Links};
  311. }
  312.  
  313. #desc {
  314. position:fixed;
  315. background-color:#fafafa;
  316. margin-top:0px;
  317. margin-left:-10px;
  318. font-family:'Inconsolata';
  319. line-height:100%;
  320. font-size:9px;
  321. font-style:none;
  322. text-align:justify;
  323. width:148px;
  324. padding:10px;
  325. border-top: 1px solid #e0e0e0;
  326. border-radius:0px;
  327. color:{color:Text};
  328. }
  329.  
  330. #pagi {
  331. font-family:'Inconsolata';
  332. width:490px;
  333. font-size:26px;
  334. letter-spacing:2px;
  335. display:block;
  336. }
  337.  
  338. #pagi a {
  339. margin:0px 5px 0px 5px;
  340. line-height:30px;
  341. letter-spacing:2px;
  342. text-transform:uppercase;
  343. transition:0.15s all ease-in-out;
  344. moz-transition:0.15s all ease-in-out;
  345. -o-transition:0.15s all ease-in-out;
  346. -webkit-transition:0.15s all ease-in-out;
  347. }
  348.  
  349. #pagi a:hover {
  350. }
  351.  
  352. #postwrap {
  353. padding: 10px;
  354. width: 500px;
  355. {block:IndexPage}margin-left: 462px;{/block:IndexPage}
  356. {block:PermalinkPage}margin-left: 412px;{/block:PermalinkPage}
  357. {block:IndexPage}margin-top: 30px;{/block:IndexPage}
  358. {block:PermalinkPage}margin-top: 50px;{/block:PermalinkPage}
  359. font-size: 10px;
  360. }
  361.  
  362. #posts {
  363. {block:IndexPage}width:400px;{/block:IndexPage}
  364. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  365. padding-bottom:30px;
  366. padding:8px;
  367. margin-top:22px;
  368. background-color:{color:Posts};
  369. border: 1px solid {color:Border};
  370. }
  371.  
  372. #perma {
  373. position:absolute;
  374. width:100px;
  375. margin-left:418px;
  376. padding:5px;
  377. text-align:justify;
  378. font-family:'Inconsolata';
  379. text-transform:uppercase;
  380. font-size:9px;
  381. line-height:10px;
  382. opacity:0.0;
  383. -webkit-transition: all 0.7s ease;
  384. -moz-transition: all 0.7s ease;
  385. -o-transition: all 0.7s ease;
  386. }
  387.  
  388. #posts:hover #perma {
  389. color:#aaa;
  390. opacity:1.0;
  391. z-index:2;
  392. }
  393.  
  394. #perma a:hover {
  395. color:#aaa;
  396. text-decoration:line-through;
  397. font-style:normal;
  398. }
  399.  
  400. #quote {
  401. font-family:cambria;
  402. padding:7px;
  403. letter-spacing:0px;
  404. font-size: 17px;
  405. font-style:italic;
  406. text-align:center;
  407. line-height: 100%;
  408. }
  409.  
  410. #audio {
  411. padding-bottom:30px;
  412. font-family:'Inconsolata';
  413. }
  414.  
  415. .audio-player {
  416. position:absolute;
  417. width:27px;
  418. height:27px;
  419. overflow:hidden;
  420. margin-left:-66px;
  421. margin-top:27px;
  422. opacity:0.6;
  423. filter:alpha(opacity=60);
  424. border:2px solid #f2f2f2;
  425. }
  426.  
  427. #ask {
  428. background-color: #fbfbfb;
  429. padding: 5px;
  430. margin-bottom: 3px;
  431. font-family: 'Inconsolata';
  432. letter-spacing: 2px;
  433. text-align: left;
  434. font-style: none;
  435. border-bottom: 1px solid #eee;
  436. border-radius:3px;
  437. color: {color:Text};
  438. line-height:110%;
  439. }
  440.  
  441. #fade {
  442. display: none;
  443. background: #000;
  444. position: fixed;
  445. left: 0;
  446. top: 0;
  447. width: 100%;
  448. height: 100%;
  449. opacity: .80;
  450. z-index: 9999;
  451. }
  452.  
  453. .popup_block{
  454. display: none;
  455. background: #FFFFFF;
  456. padding: 30px;
  457. float: left;
  458. position: fixed;
  459. top: 50%;
  460. left: 50%;
  461. border:1px double #f0f0f0;
  462. z-index: 99999;
  463. }
  464.  
  465. img.btn_close {
  466. float: right;
  467. margin: -20px -20px 0 0;
  468. }
  469.  
  470. *html #fade {
  471. position: absolute;
  472. }
  473.  
  474. *html .popup_block {
  475. position: absolute;
  476. }
  477.  
  478. .credit {
  479. position:fixed;
  480. bottom:13px;
  481. right:13px;
  482. font-size:11px;
  483. letter-spacing:1px;
  484. font-family:calibri;
  485. padding:5px;
  486. background-color:#fff;
  487. border:1px solid {color:Border};
  488. z-index:999;
  489. }
  490.  
  491. .credit img {
  492. opacity:0.5
  493. }
  494.  
  495. .corner {
  496. position:fixed;
  497. bottom:0px;
  498. right:50px;
  499. -webkit-filter: grayscale(10);
  500. -webkit-transition: opacity 0.8s linear;
  501. opacity: 0.9;
  502. }
  503. .corner:hover{
  504. -webkit-filter: grayscale(0);
  505. -webkit-transition: opacity 0.2s linear;
  506. opacity: 1;
  507. }
  508.  
  509.  
  510. #notice
  511. #notice a{
  512. display:block
  513. }
  514. #notice .updates {
  515. margin-left:0px;
  516. margin-top:0px;
  517. filter: alpha(opacity = 0);
  518. opacity:0;
  519. -webkit-transition: all 0.5s ease-out;
  520. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  521. }
  522.  
  523. #notice:hover .updates {
  524. margin-left:0px;
  525. margin-top:0px;
  526. -webkit-transition: all 0.8s ease-out;
  527. -moz-transition: all 0.8s ease-out;
  528. transition: all 0.8s ease-out;
  529. filter: alpha(opacity = 100);
  530. filter: alpha(opacity = 100);
  531. opacity:100;
  532. }
  533.  
  534. #updatetext {
  535. position:fixed;
  536. background-color:#fff;
  537. font-family:calibri;
  538. font-size:9px;
  539. color:#aaa;
  540. width:149px;
  541. height:40px;
  542. overflow:hidden;
  543. border-right:1px solid #ddd;
  544. margin-left:18px;
  545. margin-top:-45px;
  546. padding-top:5px;
  547. text-align:center;
  548. }
  549.  
  550. #blub img {
  551. opacity:1.0;
  552. position:fixed;
  553. -webkit-filter:grayscale(0%);
  554. }
  555. #blub img:hover {
  556. opacity:0.70;
  557. -webkit-filter:grayscale(30%);
  558. }
  559.  
  560. #scrollToTop:link,#scrollToTop:visited {
  561. color: transparent;
  562. background-color: transparent;
  563. display: none;
  564. position: fixed;
  565. bottom: 54px;
  566. right: 30px;
  567. z-index: 999999999;
  568. opacity:0.9;
  569. }
  570.  
  571.  
  572. </style>
  573.  
  574. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="{image:Back to Top Icon}" border="0"></a>
  575.  
  576. </head>
  577.  
  578. <body>
  579.  
  580.  
  581. <div class="navi">
  582. <a title="home" href="/"><img src="http://static.tumblr.com/iuggpng/KDEm834n8/1335651555_home.gif"></a>
  583. <a title="inbox" href="/ask"><img src="http://static.tumblr.com/iuggpng/xvrm834ns/1335651574_mail.gif"></a>
  584. <a title="archive" href="/archive"><img src="http://static.tumblr.com/iuggpng/sQfm834o6/1335651585_calendar.gif"></a>
  585. <a title="{text:Favourite Tag Name}" href="{text:Favourite Tag}"><img src="http://static.tumblr.com/iuggpng/qX2m834op/1335651580_heart.gif"></a>
  586. </div>
  587. <div id="sidebar">
  588. <div id="title">{text:Name}</div>
  589. <div id="notice" style="margin-top:28px;margin-left:-10px;">
  590. <div id="blub" style="border-right:1px solid #ddd;"><div style="background:#ffd4ec;width:18px;height:45px;"></div></div>
  591. <div class="updates">
  592. <div id="updatetext" style="background:#ffdaea;color:#b3b3b3;">
  593. {Description}
  594. </p><p>
  595. </p></center></div>
  596. </div></div>
  597. <div id="notice" style="margin-top:0px;margin-left:-10px;">
  598. <div id="blub" style="border-right:1px solid #ddd;"><div style="background:#f8ffb2;width:18px;height:45px;"></div></div>
  599. <div class="updates">
  600. <div id="updatetext" style="background:#faffbd;height:123px;padding-top:12px;">
  601. <span id="sidebarimage"><img src="{image:Sidebar}"/></span>
  602. </p><p>
  603. </p></center></div>
  604. </div></div>
  605. <div id="notice" style="margin-top:0px;margin-left:-10px;">
  606. <div id="blub" style="border-right:1px solid #ddd;"><div style="background:#d8ebfe;width:18px;height:45px;"></div></div>
  607. <div class="updates">
  608. <div id="updatetext" style="background:#ddeeff;font-family:cambria;font-style:italic;line-height:100%;font-size:12px;color:#fff;">
  609. {text:Extra Text}
  610. </p><p>
  611. </p></center></div>
  612. </div></div>
  613. <div id="notice" style="margin-top:0px;margin-left:-10px;">
  614. <div id="blub" style="border-right:1px solid #ddd;"><div style="background:#fdebae;width:18px;height:45px;"></div></div>
  615. <div class="updates">
  616. <div id="updatetext" style="background:#fff0bd;border-bottom: 1px solid #ddd;height:177px;margin-top:-180px;">
  617. <img src="{image:Links Icon}"/><p>
  618. <span style="font-size:12px;"><font face="Inconsolata">
  619. {block:IfLinkA}
  620. <p><a href="{text:linkA url}">{text:linkA}</a>
  621. {/block:IfLinkA}
  622. {block:IfLinkB}
  623. <p><a href="{text:linkB url}">{text:linkB}</a>
  624. {/block:IfLinkB}
  625. {block:IfLinkC}
  626. <p><a href="{text:linkC url}">{text:linkC}</a>
  627. {/block:IfLinkC}
  628. {block:IfLinkD}
  629. <p><a href="{text:linkD url}">{text:linkD}</a>
  630. {/block:IfLinkD}
  631. {block:IfLinkE}
  632. <p><a href="{text:linkE url}">{text:linkE}</a>
  633. {/block:IfLinkE}
  634. {block:IfLinkF}
  635. <p><a href="{text:linkF url}">{text:linkF}</a>
  636. {/block:IfLinkF}
  637. {block:IfLinkG}
  638. <p><a href="{text:linkG url}">{text:linkG}</a>
  639. {/block:IfLinkG}
  640. </font></span>
  641. </p><p>
  642. </p></center></div>
  643. </div></div>
  644. <div id="desc">{text:Bottom Text} <img src="{image:Counter Icon}"/></div>
  645.  
  646. </div>
  647.  
  648. <div id="postwrap">{block:Posts}<div id="posts">
  649.  
  650. {block:Text}
  651. {block:IndexPage}
  652. <div id="perma">
  653. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  654. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  655. </div>
  656. {/block:IndexPage}
  657. <h1>{block:Title}{Title}{/block:Title}</h1>
  658. {Body}
  659. {/block:Text}
  660.  
  661. {block:Photo}
  662. {block:IndexPage}
  663. <div id="perma">
  664. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  665. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  666. </div>
  667. {/block:IndexPage}
  668. {LinkOpenTag}<a href="{Permalink}"><img title="{NoteCountWithLabel}" src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}"></a>{LinkCloseTag}
  669. {/block:Photo}
  670.  
  671. {block:Photoset}
  672. {block:IndexPage}
  673. <div id="perma">
  674. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  675. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  676. </div>
  677. {/block:IndexPage}
  678. {block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  679. {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  680. {/block:Photoset}
  681.  
  682. {block:Link}
  683. {block:IndexPage}
  684. <div id="perma">
  685. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  686. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  687. </div>
  688. {/block:IndexPage}
  689. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  690. {block:Description}{Description}{/block:Description}
  691. {/block:Link}
  692.  
  693. {block:Quote}
  694. {block:IndexPage}
  695. <div id="perma">
  696. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  697. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  698. </div>
  699. {/block:IndexPage}
  700. <div id="quote">
  701. {Quote}
  702. <br><span style="font-family:'Inconsolata';"><small><small>— {Source}</small></small></span>
  703. </div>
  704. {/block:Quote}
  705.  
  706. {block:Audio}
  707. {block:IndexPage}
  708. <div id="perma">
  709. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  710. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  711. </div>
  712. {/block:IndexPage}
  713. <div id="audio">
  714. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px; border-radius:2px;"/>{/block:AlbumArt}
  715. {block:AudioPlayer}<span class="audio-player">{AudioPlayerWhite}{/block:AudioPlayer}</span></left>
  716. <br>{block:TrackName}<span style="text-transform:uppercase">Title:</span> {TrackName}<br />{/block:TrackName}
  717. <br>{block:Artist}<span style="text-transform:uppercase">Artist:</span> {Artist}<br />{/block:Artist}
  718. <br>{block:Album}<span style="text-transform:uppercase">Album:</span> {Album}<BR>{/block:Album}
  719. <br>{/block:ExternalAudio}<span style="text-transform:uppercase">Played:</span> {PlayCount} times
  720. </div>
  721. {/block:Audio}
  722.  
  723. {block:Video}
  724. {block:IndexPage}
  725. <div id="perma">
  726. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  727. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  728. </div>
  729. {/block:IndexPage}
  730. {block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  731. {block:Caption}{Caption}{/block:Caption}
  732. {/block:Video}
  733.  
  734. {block:Chat}
  735. {block:IndexPage}
  736. <div id="perma">
  737. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  738. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  739. </div>
  740. {/block:IndexPage}
  741. {block:Title}<h1>{Title}</h1>{/block:Title}
  742. {block:Lines}{block:Label}<b><span style="text-transform:uppercase;font-family:calibri">{Label}</span></b>{/block:Label} <span style="font-family:'Inconsolata';font-size:9px;">{Line}</span><br>{/block:Lines}
  743. {/block:Chat}
  744.  
  745. {block:Answer}
  746. {block:IndexPage}
  747. <div id="perma">
  748. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Button}"/></a>
  749. <br>{block:Tags}<br><big>#</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}
  750. </div>
  751. {/block:IndexPage}
  752. <div id="ask"><font face="Inconsolata"><span style="text-transform:uppercase;font-size:14px;"><img style="border-radius:3px;" src="{AskerPortraitURL-64}"> {Asker} <small>{text:asked}</small></span> <span style="font-size:12px;">{Question}</span></font></div>
  753. <left> {Answer}
  754. {/block:Answer}
  755.  
  756. {block:Permalinkpage}
  757. {block:Caption}{Caption}{/block:Caption}
  758. <div style="font-family:calibri;font-size:8px;">
  759. <br><span style="color:#f24e4e;text-transform:uppercase;"><a title="reblog~!" href="{ReblogURL}" style="color:#f24e4e;"><big>•</big></a> <i>{text:posted}</i></span>
  760. {ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes}
  761. {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  762. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}
  763. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  764. <br><span style="font-family:cambria;font-size:7px;">{block:HasTags}filed under: {block:Tags}<span style="padding-right:6px;font-size:8px;"><a href="{TagURL}">{Tag}</a> </span></span> {/block:Tags} {/block:HasTags}
  765. <br>{block:NoteCount}<b>{NoteCountWithLabel}</b></br>{/block:NoteCount}<br>
  766. </div>
  767. <p>{block:PostNotes}{PostNotes}{/block:PostNotes}
  768. {/block:Permalinkpage}
  769.  
  770. </div>
  771. {/block:Posts}
  772. </div>
  773.  
  774. {block:Pagination}
  775. <div id="pagi" style="margin-top:100px; margin-bottom:30px; margin-left:410px;">
  776. <center>
  777. {block:PreviousPage}
  778. <a href="{PreviousPage}">previous</a>
  779. {/block:PreviousPage}
  780. <img title="{CurrentPage} of {TotalPages}" src="{image:Pagination Icon}"/>
  781. {block:NextPage}
  782. <a href="{NextPage}">next</a>
  783. {/block:NextPage}
  784. </center>
  785. </div>
  786. {/block:Pagination}
  787.  
  788. <div class="credit"><a href="http://baekdo.tumblr.com/" title="theme by helen">&copy</a></div>
  789.  
  790. <div class="corner"><img src="{image:Corner Image}"/></div>
  791.  
  792.  
  793. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement