API tools faq
paste
Advertisement
milkdesu

Theme #4 - Baekhyun

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