API tools faq
paste
Advertisement
neothm

[12/01] THEME MADE WITH ODE

neothm
Nov 26th, 2014
1,154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.50 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!--
  5. ©YEONGLO
  6. If you need help or spotted a glitch, please message me!
  7. Do not remove the credits nor this message, and do not copy the code.
  8. Enjoy~ ♡
  9. -->
  10. <meta charset="utf-8">
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  14. <meta name="description" content="{description}" />
  15. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/wgg6svp/3hmnfo469/font.css">
  16.  
  17. <meta name="color:text" content="#000">
  18. <meta name="color:link" content="#f3a5a5">
  19. <meta name="color:hover" content="#000">
  20. <meta name="color:post titles" content="#000">
  21. <meta name="color:LinksPage a" content="#a2a2a2">
  22. <meta name="color:LinksPage a hover" content="#000">
  23.  
  24. <meta name="text:symbole1" content="×">
  25. <meta name="text:symbole2" content="∆">
  26. <meta name="text:symbole3" content="○">
  27. <meta name="text:symbole4" content="□">
  28.  
  29. <meta name="if:Link3" content="1">
  30. <meta name="if:Link4" content="1">
  31. <meta name="if:Link5" content="0">
  32. <meta name="if:Link6" content="0">
  33.  
  34. <meta name="text:Link 1 name" content="">
  35. <meta name="text:Link 1 url" content="">
  36. <meta name="text:Link 2 name" content="">
  37. <meta name="text:Link 2 url" content="">
  38. <meta name="text:Link 3 name" content="">
  39. <meta name="text:Link 3 url" content="">
  40. <meta name="text:Link 4 name" content="">
  41. <meta name="text:Link 4 url" content="">
  42. <meta name="text:Link 5 name" content="">
  43. <meta name="text:Link 5 url" content="">
  44. <meta name="text:Link 6 name" content="">
  45. <meta name="text:Link 6 url" content="">
  46.  
  47. <meta name="image:sidebar" content="">
  48. <meta name="image:background" content="">
  49.  
  50. <meta name="if:userportrait" content="1">
  51. <meta name="if:ifntscroll" content="0">
  52. <meta name="if:showdescription" content="1">
  53. <meta name="if:LightFont" content="1">
  54.  
  55. <meta name="if:musicplayer" content="0">
  56. <meta name="text:billycode" content="">
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar-thumb {z-index:9999999;position:relative;height:auto;background-color:#aaa;}
  61. ::-webkit-scrollbar {height:9px;width:1px;background-color:white;}
  62. *, body, a {cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto}
  63. a:hover, img:hover, span:hover {cursor: url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto;}
  64.  
  65. html{
  66. background:url("{image:background}") repeat;
  67. background-color:#f6f6f6;
  68. }
  69. #s-m-t-tooltip{font-family:arial;font-size:7px;text-transform:uppercase;text-align:center;margin-top:15px;margin-left:10px;max-width:100px;z-index:999999999!important;padding:6px;background-color:#fff;color:#aaa;border:1px solid #f2f2f2;letter-spacing:1px;-moz-border-radius:3px;-webkit-border-radius:0px;border-radius:0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  70.  
  71. a{
  72. color:{color:link};
  73. text-decoration:none;
  74. transition-duration:.3s;
  75. }
  76. a:hover{
  77. color:{color:hover};
  78. transition-duration:.3s;
  79. }
  80. b, strong{
  81. font-weight:900;
  82. font-family:"HelvetBold", Helvetica, Arial, sans-serif;;
  83. }
  84. body
  85. {
  86. word-wrap: break-word;
  87. position:fixed;
  88. left:0;right:0;
  89. top:0;bottom:0;
  90. margin:auto;
  91. background-color:white;
  92. width:500px;
  93. height:600px;
  94. overflow:hidden;
  95. color:{color:text};
  96. font-size:12px;
  97. {block:IfLightFont}font-weight:200;{/block:IfLightFont}
  98. font-family:"Helvet", Helvetica, Arial, sans-serif;
  99. }
  100. article blockquote
  101. {
  102. border-left:2px solid #eee;
  103. padding:1px 13px;
  104. margin:0;
  105. }
  106. .caption blockquote
  107. {
  108. border-left:2px solid #fff;
  109. padding:1px 13px;
  110. margin:0;
  111. }
  112. article pre, article code{
  113. white-space:pre-wrap;
  114. }
  115.  
  116. h1{
  117. font-size:18px;
  118. text-align:justify;
  119. word-break:break-all;
  120. color:{color:post titles};
  121. }
  122. h1 a{
  123. color:{color:post titles};
  124. }
  125. h1 a:hover{
  126. color:{color:hover};
  127. }
  128. .chat li{
  129. list-style-type:none;
  130. margin:10px 0;
  131. }
  132. .label{
  133. font-weight:bold;
  134. display:inline-block;
  135. margin-right:5px;
  136. letter-spacing:.5px;
  137. }
  138.  
  139. #content, #askp, #links{
  140. height:500px;
  141. overflow-y:scroll;
  142. width:400px;
  143. padding:50px;
  144. }
  145. #askp, #links{
  146. display:none;
  147. position:absolute;
  148. top:0;
  149. background:white;
  150. font-size:30px;
  151. }
  152.  
  153. #askp h1{
  154. letter-spacing:1px;
  155. text-align:center;
  156. font-size:18px;
  157. }
  158.  
  159. #links table{
  160. width:300px;
  161. position:absolute;
  162. top:0;
  163. right:0;
  164. left:0;
  165. bottom:0;
  166. margin:auto;
  167. }
  168. #links td{
  169. font-size:13px;
  170. height:50px;
  171. text-align:center;
  172. padding:5px;
  173. letter-spacing:1px;
  174. background-color:#f6f6f6;
  175. border:3px solid #f6f6f6;
  176. border-bottom-color:#eee;
  177. transition-duration:.3s;
  178. }
  179. #links td:hover{
  180. background:white;
  181. border-color:white;
  182. transition-duration:.3s;
  183. }
  184. #links td:hover a{
  185. color:{color:LinksPage a hover};
  186. transition-duration:.3s;
  187. }
  188. #links td a{
  189. color:{color:LinksPage a};
  190. transition-duration:.3s;
  191. }
  192.  
  193. img{
  194. max-width:100%;
  195. }
  196. article
  197. {
  198. position:relative;
  199. width:400px;
  200. position:relative;
  201. text-align:justify;
  202. margin-top:70px;
  203. opacity:1;
  204. transition-duration:.3s;
  205. }
  206. article:first-child{
  207. margin-top:50px;
  208. }
  209.  
  210.  
  211. header{
  212. position:fixed;
  213. background:rgba(255,255,255,1);
  214. width:500px;
  215. margin:0;
  216. z-index:9;
  217. height:60px;
  218. border-bottom:1px solid #f6f6f6;
  219. }
  220. nav{
  221. position:absolute;
  222. top:0;
  223. bottom:0;
  224. left:0;
  225. right:0;
  226. height:22px;
  227. width:260px;
  228. margin:auto;
  229. }
  230. nav a:first-child:hover
  231. {
  232. margin-left:-5px;
  233. }
  234.  
  235. nav b{
  236. display:block;
  237. float:left;
  238. position:absolute;
  239. margin-top:8px;
  240. font-size:8px;
  241. color:#e0e0e0;
  242. }
  243.  
  244. nav a
  245. {
  246. display:block;
  247. text-align:center;
  248. width:35px;
  249. border:1px solid #eee;
  250. line-height:20px;
  251. height:20px;
  252. transition-duration:.5s;
  253. font-size:12px;
  254.  
  255. position:absolute;
  256. }
  257.  
  258.  
  259. nav a:hover{
  260. padding:3px 5px;
  261. transition-duration:.5s;
  262. font-size:17px;
  263. margin-top:-2px;
  264. }
  265.  
  266. #uno{
  267. margin-left:70px;
  268. }
  269. #uno:hover{
  270. margin-left:65px;
  271. }
  272. #one{
  273. margin-left:52px;
  274. }
  275. #dos{
  276. margin-left:140px;
  277. }
  278. #dos:hover{
  279. margin-left:135px;
  280. }
  281. #two{
  282. margin-left:122px;
  283. }
  284. #tres{
  285. margin-left:210px;
  286. }
  287. #tres:hover{
  288. margin-left:205px;
  289. }
  290. #three{
  291. margin-left:192px;
  292. }
  293.  
  294. .caption{
  295. background-color:white;
  296. color:{color:text};
  297. padding:15px;
  298. margin-top:10px;
  299. }
  300. {block:PermalinkPage}
  301. article .caption{
  302. padding:5px;
  303. }
  304. article .bordertop, article .borderbottom
  305. {
  306. display:none;
  307. }
  308. {/block:PermalinkPage}
  309.  
  310.  
  311. .bordertop, .borderbottom
  312. {
  313. display:block;
  314. width:20px;
  315. height:20px;
  316. background-color:transparent;
  317. border-top:1px solid #aaa;
  318. border-left:1px solid #aaa;
  319. position:absolute;
  320. margin-left:-15px;
  321. margin-top:-15px;
  322. }
  323.  
  324. .borderbottom{
  325. margin:0;
  326. border:none;
  327. border-right:1px solid #aaa;
  328. border-bottom:1px solid #aaa;
  329. right:0px;
  330. bottom:0px;
  331. }
  332.  
  333. aside{
  334. z-index:99;
  335. position:fixed;
  336. width:80px;
  337. height:80px;
  338. padding:25px;
  339.  
  340. margin:0;
  341. margin-top:100px;
  342. margin-left:-225px;
  343. }
  344. aside .bordertop
  345. {
  346. margin-top:-15px;
  347. margin-left:-15px;
  348. }
  349. #triangle{
  350. -ms-transform: rotate(45deg); /* IE 9 */
  351. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  352. transform: rotate(45deg);
  353.  
  354. border:5px solid white;
  355. background:white;
  356. width:80px;
  357. height:80px;
  358. overflow:hidden;
  359. transition-duration:.3s;
  360. }
  361. img#side{
  362. min-width:130px;
  363. margin-top:-25px;
  364. margin-left:-25px;
  365. -ms-transform: rotate(-45deg); /* IE 9 */
  366. -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  367. transform: rotate(-45deg);
  368. transition-duration:.3s;
  369. }
  370.  
  371. aside:hover #triangle{
  372. -ms-transform: rotate(180deg); /* IE 9 */
  373. -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  374. transform: rotate(180deg);
  375. transition-duration:.3s;
  376. border-color:white;
  377. }
  378.  
  379. aside:hover img#side{
  380. -ms-transform: rotate(-180deg); /* IE 9 */
  381. -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  382. transform: rotate(-180deg);
  383. transition-duration:.3s;
  384. {block:ifshowdescription}opacity:0;{/block:ifshowdescription}
  385. }
  386.  
  387. aside:hover #desc, aside:hover #titleb, aside:hover #mper{
  388. opacity:1;
  389. transition-delay:.4s;
  390. transition-duration:.3s;
  391. }
  392. {block:ifshowdescription}
  393. #desc{
  394. position:absolute;
  395. background:white;
  396. z-index:999;
  397. width:70px;
  398. margin-top:5px;
  399. margin-left:5px;
  400. height:80px;
  401. overflow-x:hidden;
  402. overflow-y:auto;
  403. text-align:justify;
  404. padding-right:10px;
  405. opacity:0;
  406. color:#999;
  407. font-size:10px;
  408. }
  409. {/block:ifshowdescription}
  410.  
  411. a#titleb{
  412. position:absolute;
  413. margin-top:-22px;
  414. margin-left:10px;
  415. font-weight:bold;
  416. opacity:0;
  417. transition-duration:.3s;
  418. letter-spacing:.3px;
  419. color:black;
  420. }
  421. #mper{
  422. opacity:0;
  423. position:absolute;
  424. transition-duration:.3s;
  425. bottom:-5px;
  426. right:23px;
  427. width:80px;
  428. overflow:hidden;
  429. background:rgba(255,255,255,.4);
  430. }
  431. {block:PermalinkPage}
  432. #permapage{
  433. position:relative;
  434. text-align:center;
  435. margin:20px 0;
  436. margin-top:30px;
  437. text-transform:uppercase;
  438. line-height:100%;
  439. font-size:8px;
  440. letter-spacing:2px;
  441. word-spacing:10px;
  442. }
  443. {/block:PermalinkPage}
  444. {block:IndexPage}
  445. #permaindex{
  446. position:absolute;
  447. top:10px;
  448. left:10px;
  449. }
  450. #permaindexa{
  451. transition-delay:.2s;
  452. transition-duration:.3s;
  453. position:absolute;
  454. bottom:-15px;
  455. left:0px;
  456. color:black;
  457. font-size:9px;
  458. opacity:0;
  459. text-transform:uppercase;
  460. }
  461.  
  462. #permaindex img{
  463. width:12px;
  464. padding:12px;
  465. background-color:white;
  466. margin-right:10px;
  467. border:1px solid white;
  468. opacity:0;
  469. transition-duration:.3s;
  470. padding:10px;
  471. z-index:99;
  472. }
  473. {/block:IndexPage}
  474. #permapage a{
  475. color:#aaa;
  476. }
  477. #permaindex img:hover{
  478. background-color:rgba(255,255,255,.7);
  479. }
  480. article:hover #permaindex img, article:hover #permaindexa{
  481. opacity:1;
  482. transition-duration:.3s;
  483. }
  484. {block:IndexPage}
  485. article:hover{
  486. opacity:.7;
  487. transition-duration:.3s;
  488. }
  489. {/block:IndexPage}
  490. article li{
  491. list-style-type:hiragana;
  492. }
  493. #permatags{
  494. white-space:pre-wrap;
  495. margin-top:5px;
  496. word-spacing:0;
  497. line-height:150%;
  498. letter-spacing:.5px;
  499. }
  500. #permatags a{margin-right:7px;}
  501. #notes li{
  502. list-style-type:none;
  503. margin:13px 0;
  504. font-size:8px;
  505. }
  506. #notes li a{
  507. color:#444;
  508. font-size:8px;
  509. }
  510. #notes img{
  511. display:none;
  512. }
  513. #notes{
  514. text-align:center;
  515. display:none;
  516. color:#aaa;
  517. text-transform:uppercase;
  518. font-size:8px;
  519. letter-spacing:2px;
  520. }
  521.  
  522. a#shownote{
  523. display:block;
  524. margin:20px 0;
  525. text-transform:uppercase;
  526. letter-spacing:2px;
  527. font-size:8px;}
  528. a#creds{
  529. z-index:999;font-size:7px;opacity:0.9;position:fixed;bottom:15px;right:15px;padding:2px 8px;text-transform:uppercase;font-family:arial;background:rgba(255,255,255,.7);letter-spacing:.6px;color:black;
  530. }
  531.  
  532. #pagination{
  533. position:relative;
  534. font-size:14px;
  535. line-height:20px;
  536. letter-spacing:0px;
  537. text-transform:lowercase;
  538. font-weight:bold;
  539. text-align:center;
  540. margin-top:40px;
  541. transition-duration:.3s;
  542. {block:ififntscroll}display:none;{/block:ififntscroll}
  543. }
  544. #pagination i{
  545. font-size:7px;
  546. vertical-align:2px;
  547. }
  548. #pagination a{
  549. color:#aaa;
  550. }
  551. #pagination a:hover{
  552. color:{color:hover};
  553. }
  554.  
  555.  
  556. #tumblr_controls {
  557. display:block;
  558. position:fixed;
  559. top:10px;
  560. z-index:9999999999!important;
  561. right:10px;
  562. -webkit-filter:invert(100%);
  563. -moz-filter:invert(100%);
  564. -o-filter:invert(100%);
  565. -ms-filter:invert(100%);
  566. filter:invert(100%);
  567. opacity:.3;
  568. transition-duration:.3s;
  569. }
  570. #tumblr_controls:hover{
  571. opacity:.5;
  572. transition-duration:.3s;
  573. }
  574.  
  575. .audioplayer {padding-bottom:10px; }
  576. .ask_asker {font-size:10px;text-transform:uppercase;letter-spacing:2px;text-align:left;padding:5px;font-weight:bold;}
  577. .ask_asker a {font-weight:bold;}
  578.  
  579. .ask_question {line-height:100%;padding:8px;text-align:justify;font-style:normal;font-size:11px;margin-top:-7px;border-radius:5px;margin-bottom:15px;background-color:#f2f2f2;}
  580.  
  581. </style>
  582. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  583. {block:ififntscroll}
  584. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  585. {/block:ififntscroll}
  586. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  587. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/wgg6svp/75pnfplip/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  588. <script type="text/javascript" src="http://static.tumblr.com/q8c0vxg/RkRnfwql2/responsive.js"></script>
  589. <script>
  590. $(document).ready(function(){
  591. var title = $('#titleb').height();
  592. if (title > 20 ) {$("#titleb").css("margin-top", "-34px");}else{$("#titleb").css("margin-top", "-22px");}
  593. $("#uno").click(function(){$('#askp').slideToggle(600);$('#links').fadeOut(300);});
  594. $("#dos").click(function(){$('#links').slideToggle(600);$('#askp').fadeOut(300);});
  595. $("a#shownote").click(function(){$('#notes').slideToggle(600);});
  596. });
  597. </script>
  598. <body>
  599. <a id="creds" href="http://yooyoungjaes.tk" target="_blank">
  600. <b style="color:#F1A9A0;font-weight:200;">ode</b>&<b style="color:#52B3D9;font-weight:200;">neo</b>
  601. </a>
  602. <aside>
  603. <div class="bordertop"></div>
  604. <div class="borderbottom"></div>
  605. <a href="/" id="titleb">{title}</a>
  606. {block:ifshowdescription}
  607. <div id="desc">
  608. {description}
  609. </div>
  610. {/block:ifshowdescription}
  611.  
  612. <div id="triangle">
  613. <img src="{block:ifnotuserportrait}{image:sidebar}{/block:ifnotuserportrait}{block:ifuserportrait}{PortraitURL-128}{/block:ifuserportrait}" id="side">
  614. </div>
  615. {block:ifmusicplayer}
  616. <div id="mper">
  617. <div style="width:50px;overflow:hidden;">
  618. {text:billycode}
  619. </div>
  620. </div>
  621. {/block:ifmusicplayer}
  622. </aside>
  623.  
  624. <header>
  625. <nav>
  626. <a href="/" title="index">
  627. {text:symbole1}
  628. </a>
  629. <b id="one">•</b>
  630. <a href="#" id="uno" title="message"> {text:symbole2}
  631. </a>
  632. <b id="two">•</b>
  633. <a href="#" id="dos" title="links">{text:symbole3}
  634. </a>
  635. <b id="three">•</b>
  636. <a href="/archive" id="tres" title="archive">{text:symbole4}
  637. </a>
  638. </nav>
  639. </header>
  640.  
  641.  
  642. <div id="content">
  643. {block:Posts}
  644. <article>
  645.  
  646. {block:ContentSource}
  647. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  648. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  649. {/block:SourceLogo}
  650. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  651. {/block:ContentSource}
  652.  
  653. <!-- {block:NoRebloggedFrom}
  654. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  655. {/block:NoRebloggedFrom} -->
  656.  
  657. {block:Answer}
  658. {block:IndexPage}
  659. <div id="permaindexa"><a href="{ReblogURL}" target="_blank">#reblog</a> <a href="{Permalink}" style="margin-left:10px;">#perma</a></div>
  660. {/block:IndexPage}
  661. <div class="ask_asker">
  662. {Asker} asked:</div>
  663. <div class="ask_question">{Question}</div>
  664.  
  665.  
  666. <div class="caption">
  667. <div class="bordertop"></div>
  668. <div class="borderbottom"></div>
  669. {Answer}</div>
  670. {/block:Answer}
  671.  
  672.  
  673. {block:Text}
  674. {block:IndexPage}
  675. <div id="permaindexa"><a href="{ReblogURL}" target="_blank" >#reblog</a> <a href="{Permalink}" style="margin-left:10px;">#perma</a></div>
  676. {/block:IndexPage}
  677.  
  678. {block:Title}<a href="{permalink}"><h1>{Title}</h1></a>{/block:Title}
  679. {body}
  680. {/block:Text}
  681.  
  682. {block:Photo}
  683. {block:IndexPage}
  684. <div id="permaindex">
  685. <a href="{ReblogURL}" target="_blank" title="reblog">
  686. <img src="http://cdn.flaticon.com/png/64/61794.png">
  687. </a>
  688. <a href="{Permalink}" title="permalink">
  689. <img src="http://cdn.flaticon.com/png/64/61155.png">
  690. </a>
  691. </div>
  692. {/block:IndexPage}
  693.  
  694. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  695. {block:Caption}
  696. <div class="caption">
  697. <div class="bordertop"></div>
  698. <div class="borderbottom"></div>
  699. {Caption}
  700. </div>
  701. {/block:Caption}
  702. {/block:Photo}
  703.  
  704. {block:Photoset}
  705. {block:IndexPage}
  706. <div id="permaindex">
  707. <a href="{ReblogURL}" target="_blank" title="reblog">
  708. <img src="http://cdn.flaticon.com/png/64/61794.png">
  709. </a>
  710. <a href="{Permalink}" title="permalink">
  711. <img src="http://cdn.flaticon.com/png/64/61155.png">
  712. </a>
  713. </div>
  714. {/block:IndexPage}
  715.  
  716. {Photoset-400}
  717.  
  718. {block:Caption}
  719. <div class="caption">
  720. <div class="bordertop"></div>
  721. <div class="borderbottom"></div>
  722. {Caption}
  723. </div>
  724. {/block:Caption}
  725.  
  726. {/block:Photoset}
  727.  
  728. <!--CHATS-->
  729. {block:Chat}
  730. {block:IndexPage}
  731. <div id="permaindexa"><a href="{ReblogURL}" target="_blank" >#reblog</a> <a href="{Permalink}" style="margin-left:10px;">#perma</a></div>
  732. {/block:IndexPage}
  733. <div class="chat">{block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line} </li>{/block:Lines}</div>{/block:Chat}
  734.  
  735. <!-- VIDEO POSTS --->
  736. {block:Video}
  737. {block:IndexPage}
  738. <div id="permaindex">
  739. <a href="{ReblogURL}" target="_blank" title="reblog">
  740. <img src="http://cdn.flaticon.com/png/64/61794.png">
  741. </a>
  742. <a href="{Permalink}" title="permalink">
  743. <img src="http://cdn.flaticon.com/png/64/61155.png">
  744. </a>
  745. </div>
  746. {/block:IndexPage}
  747.  
  748. {Video-400}
  749. {block:Caption}
  750. <div class="caption">
  751. <div class="bordertop"></div>
  752. <div class="borderbottom"></div>
  753. {Caption}
  754. </div>
  755. {/block:Caption}
  756. {/block:Video}
  757.  
  758. {block:Link}{block:IndexPage}
  759. <div id="permaindexa"><a href="{ReblogURL}" target="_blank" >#reblog</a> <a href="{Permalink}" style="margin-left:10px;">#perma</a></div>
  760. {/block:IndexPage}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}
  761. {/block:Link}
  762. {block:Quote}{block:IndexPage}
  763. <div id="permaindexa"><a href="{ReblogURL}" target="_blank">#reblog</a> <a href="{Permalink}" style="margin-left:10px;">#perma</a></div>
  764. {/block:IndexPage}
  765. <h1><i>“{Quote}”</i></h1>
  766. {block:Source}<div style="text-align:right;"><cite>— {Source}</cite></div>{/block:Source}
  767. {/block:Quote}
  768.  
  769. {block:Audio}{block:IndexPage}
  770. <div id="permaindexa"><a href="{ReblogURL}" target="_blank" >#reblog</a> <a href="{Permalink}" style="margin-left:10px;">#perma</a></div>
  771. {/block:IndexPage}
  772. <span class="audioplayer">{AudioPlayerWhite}</span>
  773.  
  774. {block:Caption}
  775. <div class="caption">
  776. <div class="bordertop"></div>
  777. <div class="borderbottom"></div>
  778. {Caption}
  779. </div>
  780. {/block:Caption}
  781. {/block:Audio}
  782.  
  783.  
  784. {block:PermalinkPage}
  785. <div id="permapage">
  786. <a style="word-spacing:0px;">{timeago}</a>
  787. {block:NoteCount}
  788. <a style="word-spacing:0px;">{notecountwithlabel}</a>
  789. {/block:NoteCount}
  790. {block:RebloggedFrom}
  791. <a href="{ReblogRootURL}" style="font-weight:bold;">©{ReblogRootName}</a>
  792. {/block:RebloggedFrom}
  793.  
  794.  
  795. {block:HasTags}
  796. <div id="permatags">
  797. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  798. </div>
  799. {/block:HasTags}
  800. </div>
  801. {/block:PermalinkPage}
  802.  
  803.  
  804.  
  805.  
  806.  
  807. {block:PostNotes}
  808. <a id="shownote" align="center" href="javascript:void(0)" onclick="if(this.innerHTML =='show notes'){this.innerHTML = 'hide notes'}else{this.innerHTML = 'show notes'}">show notes</a>
  809. <div id="notes"> {PostNotes}</div>
  810. {/block:PostNotes}
  811.  
  812. </article>
  813. {/block:Posts}
  814.  
  815. {block:Pagination}
  816. <div id="pagination">
  817. {block:PreviousPage}
  818. <a href="{PreviousPage}"><i>&bullet;</i> back    /</a>   
  819. {/block:PreviousPage}
  820. {block:NextPage}
  821. <a href="{NextPage}">forth <i>&bullet;</i></a>
  822. {/block:NextPage}
  823. </div>
  824. {/block:Pagination}
  825.  
  826. </div>
  827.  
  828. <div id="askp">
  829. <div style="margin-top:100px;">
  830. <h1>{AskLabel}</h1>
  831. <p><iframe frameborder="0" scrolling="no" width="100%" height="255" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  832. </div>
  833. </div>
  834. <div id="links">
  835. <table cellspacing="30">
  836. <tr>
  837. <td><a href="{text:Link 1 url}">{text:Link 1 name}</a></td>
  838. <td><a href="{text:Link 2 url}">{text:Link 2 name}</a></td>
  839. </tr>
  840.  
  841. <tr>
  842. {block:ifLink3}<td><a href="{text:Link 3 url}">{text:Link 3 name}</a></td>{/block:ifLink3}
  843. {block:ifLink4}<td><a href="{text:Link 4 url}">{text:Link 4 name}</a></td>{/block:ifLink4}
  844. </tr>
  845. <tr>
  846. {block:ifLink5}<td><a href="{text:Link 5 url}">{text:Link 5 name}</a></td>{/block:ifLink5}
  847. {block:ifLink6}<td><a href="{text:Link 6 url}">{text:Link 6 name}</a></td>{/block:ifLink6}
  848. </tr>
  849. </table>
  850. </div>
  851. </body>
  852. </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!