API tools faq
paste
yeoli

Theme 32.1

yeoli
Mar 31st, 2016
2,611
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!------------------------------------------------------------------------
  4.  
  5.  
  6.  
  7.  
  8. THEME 32 Ver. 1 - MADE BY YEOLI-THM.TUMBLR.COM
  9. ( updated 29/11/2017 )
  10.  
  11.  
  12.  
  13.  
  14. ------------------------------------------------------------------------->
  15.  
  16. <head>
  17.  
  18.  
  19. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  20. <link rel="shortcut icon" href="{Favicon}"/>
  21. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  22.  
  23. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script type="text/javascript" src="https://static.tumblr.com/fxwznoj/BKUo4wb67/toggle.js"></script>
  25. <script type="text/javascript" src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26. <script type="text/javascript" src="https://static.tumblr.com/kmw8hta/NaEnnqkxd/tooltip.js"></script>
  27. <script type="text/javascript" src="https://static.tumblr.com/fxwznoj/Znbo4wb94/hind.js"></script>
  28. <link href='https://static.tumblr.com/fxwznoj/BA0o4we63/fontello.css' rel="stylesheet" type='text/css'/>
  29. <link href='https://fonts.googleapis.com/css?family=Hind:400,300,500,700,600' rel='stylesheet' type='text/css'/>
  30.  
  31. <meta name="image:Background Image" content=""/>
  32. <meta name="image:Header Image" content=""/>
  33. <meta name="image:Navigation Bg" content=""/>
  34.  
  35. <meta name="if:500px Posts" content="0"/>
  36. <meta name="if:400px Posts" content="1"/>
  37. <meta name="if:Show Captions" content="1"/>
  38. <meta name="if:Show Blogroll" content="1"/>
  39.  
  40. <meta name="if:Black Audio Player" content="0"/>
  41. <meta name="if:Grey Audio Player" content="0"/>
  42. <meta name="if:White Audio Player" content="1"/>
  43.  
  44. <meta name="if:Background Image Repeat" content="1"/>
  45. <meta name="if:Background Image Stretch" content="0"/>
  46. <meta name="if:Header Image Repeat" content="0"/>
  47. <meta name="if:Header Image Stretch" content="0"/>
  48.  
  49. <meta name="text:Background Image Positioning" content="Center"/>
  50. <meta name="text:Header Image Positioning" content="Center"/>
  51.  
  52. <meta name="text:Message Title" content="Ask Me Anything"/>
  53. <meta name="text:Menu Title" content="Links"/>
  54. <meta name="text:Info Title" content="About Me"/>
  55. <meta name="text:Blogroll Title" content="Following"/>
  56.  
  57. <meta name="color:Background" content="#f9f9f9"/>
  58. <meta name="color:Text" content="#999999"/>
  59. <meta name="color:Bold Text" content="#b66e6e"/>
  60. <meta name="color:Italic Text" content="#f1bbba"/>
  61. <meta name="color:Links" content="#222222"/>
  62. <meta name="color:Links Hover" content="#f1bbba"/>
  63. <meta name="color:Borders" content="#e9e9e9"/>
  64. <meta name="color:Post Bg" content="#ffffff"/>
  65. <meta name="color:Header Bg" content="#ffffff"/>
  66. <meta name="color:Header Text" content="#222222"/>
  67. <meta name="color:Menu Bg" content="#000000"/>
  68. <meta name="color:Menu Text" content="#ffffff"/>
  69. <meta name="color:Menu Text Hover" content="#b66e6e"/>
  70. <meta name="color:Menu Text Bg" content="#f1bbba"/>
  71. <meta name="color:Navigation Text" content="#999999"/>
  72. <meta name="color:Tooltip Text" content="#ffffff"/>
  73. <meta name="color:Tooltip Bg" content="#000000"/>
  74.  
  75. </head>
  76. <style type="text/css">
  77.  
  78. @import url(https://fonts.googleapis.com/css?family=Hind:400,300,500,700,600);
  79.  
  80. #tumblr_controls, .tmblr-iframe{
  81. position:fixed!important;
  82. z-index:99999!important;
  83. top:0px!important;
  84. right:0px!important;
  85. }
  86.  
  87. body, html{
  88. margin: 0px;
  89. padding: 0px;
  90. word-wrap: break-word;
  91. font-family: 'Hind', sans-serif;
  92. font-size: 10px;
  93. line-height: 11px;
  94. color: {color:Text};
  95. background: {color:Menu Bg};
  96. }
  97.  
  98. a, a:link, a:active, a:visited{
  99. outline: none;
  100. text-decoration: none;
  101. color: {color:Links};
  102. }
  103.  
  104. a:hover{
  105. text-decoration:none;
  106. color: {color:Links Hover};
  107. }
  108.  
  109. img, embed, object, iframe, video{ max-width: 100%; }
  110. i, em{ color: {color:Italic Text}; }
  111. strong, b{ color: {color:Bold Text}; }
  112.  
  113. ul{
  114. margin: 10px 0px;
  115. padding: 0px;
  116. list-style-type: none;
  117. }
  118.  
  119. ul li:before, .menu a:before{
  120. content: '—';
  121. padding: 0px 10px 0px 10px;
  122. opacity: 0.5;
  123. }
  124.  
  125. h1{ font-size: 12px; line-height: 13px; }
  126. h2{ font-size: 10px; line-height: 11px; }
  127. h3{ font-size: 9px; line-height: 10px; }
  128.  
  129. h1, h2, h3{
  130. position: relative;
  131. margin: 10px 0px;
  132. padding-bottom: 2px;
  133. font-weight: 500;
  134. text-transform: uppercase;
  135. letter-spacing: 1px;
  136. border-bottom: 3px solid {color:Menu Text Bg};
  137. }
  138.  
  139. blockquote{
  140. margin: 10px 0px;
  141. padding: 0px 5px;
  142. border-left: 1px solid {color:Borders};
  143. }
  144.  
  145. .container{
  146. width: 100%;
  147. margin: 0px auto;
  148. }
  149.  
  150. .container label{
  151. cursor: pointer;
  152. position: fixed;
  153. z-index: 20;
  154. display: block;
  155. height: 24px;
  156. padding: 0px 20px;
  157. line-height: 24px;
  158. color: {color:Menu Text};
  159. }
  160.  
  161. .container label:hover{ opacity: 0.5 }
  162. .container input{ display: none }
  163. .container input:checked ~ article{ display: block; }
  164.  
  165. .container input:checked + label, .container input:checked + label:hover, .following:hover{
  166. opacity: 1;
  167. color: {color:Menu Text Hover};
  168. background: {color:Menu Text Bg};
  169. }
  170.  
  171. .container input:checked + label:after{
  172. left: 100%;
  173. top: 50%;
  174. border: solid transparent;
  175. content: " ";
  176. height: 0px;
  177. width: 0px;
  178. position: absolute;
  179. pointer-events: none;
  180. border-width: 4px;
  181. margin-top: -4px;
  182. border-left-color: {color:Menu Text Bg};
  183. }
  184.  
  185. .container article{
  186. position: fixed;
  187. overflow-y: auto;
  188. z-index: 10;
  189. width: 100%;
  190. height: 96%;
  191. display: none;
  192. margin-top: 24px;
  193. left: 0px;
  194. background-color: {color:Background};
  195. background-attachment: fixed;
  196. {block:IfBackgroundImageRepeat}background-repeat: repeat;{/block:IfBackgroundImageRepeat}
  197. {block:IfNotBackgroundImageRepeat}background-repeat: no-repeat;{/block:IfNotBackgroundImageRepeat}
  198. {block:IfBackgroundImageStretch}-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;{/block:IfBackgroundImageStretch}
  199. background-position: {text:Background Image Positioning};
  200. {block:IfBackgroundImageImage}background-image: url('{image:Background Image}');{/block:IfBackgroundImageImage}
  201. }
  202.  
  203. #header{
  204. position: relative;
  205. width: 100%;
  206. min-height: 100px;
  207. border-bottom: 1px solid {color:Borders};
  208. background-color: {color:Header Bg};
  209. background-attachment: fixed;
  210. {block:IfHeaderImageRepeat}background-repeat: repeat;{/block:IfHeaderImageRepeat}
  211. {block:IfNotHeaderImageRepeat}background-repeat: no-repeat;{/block:IfNotHeaderImageRepeat}
  212. {block:IfHeaderImageStretch}-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;{/block:IfHeaderImageStretch}
  213. background-position: {text:Header Image Positioning};
  214. {block:IfHeaderImageImage}background-image: url('{image:Header Image}');{/block:IfHeaderImageImage}
  215. }
  216.  
  217. .title{
  218. padding-left: 100px;
  219. line-height: 100px;
  220. font-size: 22px;
  221. color: {color:Header Text};
  222. }
  223.  
  224. .navi{
  225. float: right;
  226. margin: 35px 100px 0px 0px;
  227. padding: 10px;
  228. word-spacing: 5px;
  229. line-height: 8px;
  230. border-radius: 5px;
  231. border-top: 1px solid {color:Borders};
  232. background-color: {color:Background};
  233. background-attachment: fixed;
  234. background-repeat: repeat;
  235. {block:IfNavigationBgImage}background-image: url('{image:Navigation Bg}');{/block:IfNavigationBgImage}
  236. }
  237.  
  238. .navi a{ color: {color:Navigation Text}; }
  239. .navi a:hover{ color: {color:Links}; }
  240.  
  241. #posts{
  242. margin: 80px auto;
  243. width: 500px;
  244. }
  245.  
  246. .post{
  247. overflow: hidden;
  248. margin: 80px auto 0px auto;
  249. border-radius: 5px;
  250. background: {color:Post Bg};
  251. border-bottom: 1px solid {color:Borders};
  252. {block:If500pxPosts}width: 500px;{/block:If500pxPosts}
  253. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  254. }
  255.  
  256. .quote{
  257. margin-left: 30px;
  258. font-family: calibri;
  259. text-transform: uppercase;
  260. letter-spacing: 1px;
  261. }
  262.  
  263. .quote_1{
  264. float: left;
  265. margin-top: 4px;
  266. font-family: 'fontello';
  267. font-size: 20px;
  268. opacity: 0.4;
  269. }
  270.  
  271. .link:before{
  272. content: '\e80d';
  273. font-family: 'fontello';
  274. font-size: 12px;
  275. padding-right: 10px;
  276. }
  277.  
  278. .ap{
  279. padding-bottom: 10px;
  280. {block:IfBlackAudioPlayer}background: #000000;{/block:IfBlackAudioPlayer}
  281. {block:IfGreyAudioPlayer}background: #e4e4e4;{/block:IfGreyAudioPlayer}
  282. {block:IfWhiteAudioPlayer}background: #ffffff;{/block:IfWhiteAudioPlayer}
  283. }
  284.  
  285. .art{
  286. margin-bottom: 10px;
  287. min-height: 10px;
  288. max-height: 160px;
  289. overflow: hidden;
  290. {block:If500pxPosts}width: 500px;{/block:If500pxPosts}
  291. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  292. }
  293.  
  294. .artimg{
  295. {block:If500pxPosts}height: 500px; margin-top: -170px;{/block:If500pxPosts}
  296. {block:If400pxPosts}height: 400px; margin-top: -120px;{/block:If400pxPosts}
  297. }
  298.  
  299. .track{
  300. text-align: center;
  301. font-weight: 500;
  302. text-transform: uppercase;
  303. letter-spacing: 1px;
  304. color: {color:Bold Text};
  305. }
  306.  
  307. .artist{
  308. text-align: center;
  309. }
  310.  
  311. .audio{
  312. overflow: hidden;
  313. margin-top: 10px;
  314. height: 26px;
  315. {block:If500pxPosts}width: 500px;{/block:If500pxPosts}
  316. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  317. }
  318.  
  319. .player{
  320. float: left;
  321. overflow: hidden;
  322. width: 20px;
  323. height: 26px;
  324. border-left: 5px solid transparent;
  325. border-right: 5px solid transparent;
  326. }
  327.  
  328. .play{
  329. font-family: 'fontello';
  330. float: left;
  331. width: 20px;
  332. line-height: 28px;
  333. font-size: 12px;
  334. text-align: center;
  335. }
  336.  
  337. .p1{
  338. {block:If500pxPosts}margin-left: 215px;{/block:If500pxPosts}
  339. {block:If400pxPosts}margin-left: 165px;{/block:If400pxPosts}
  340. }
  341.  
  342. .artist, .play{
  343. {block:IfBlackAudioPlayer}color: #b2b2b2;{/block:IfBlackAudioPlayer}
  344. {block:IfGrayAudioPlayer}color: #727272;{/block:IfGrayAudioPlayer}
  345. {block:IfWhiteAudioPlayer}color: #999999;{/block:IfWhiteAudioPlayer}
  346. }
  347.  
  348. .question{ padding: 20px; border-bottom: 1px solid {color:Background}; }
  349. .question a{ display: inline; color: {color:Text}; }
  350.  
  351. .caption{ padding: 10px; }
  352.  
  353. .show-caption{
  354. {block:IndexPage}
  355. {block:IfShowCaptions}display: block;{/block:IfShowCaptions}
  356. {block:IfNotShowCaptions} display: none;{/block:IfNotShowCaptions}
  357. {/block:IndexPage}
  358. }
  359.  
  360. .permalink{ min-height: 10px; padding: 14px 20px; }
  361. .date{ line-height: 10px; }
  362.  
  363. .show{
  364. z-index: 2;
  365. position: relative;
  366. margin-top: -10px;
  367. cursor: pointer;
  368. float: right;
  369. width: 10px;
  370. height: 10px;
  371. font-size: 20px;
  372. line-height: 12px;
  373. text-align: center;
  374. }
  375.  
  376. #info{
  377. z-index: 1;
  378. position: relative;
  379. display: none;
  380. }
  381.  
  382. .button{
  383. margin-top: -10px;
  384. float: right;
  385. height: 10px;
  386. overflow: hidden;
  387. line-height: 10px;
  388. font-size: 10px;
  389. font-family: 'fontello';
  390. }
  391.  
  392. .button a{ color: {color:Text}; margin: 0px 4px; }
  393. .button a:hover{ color: {color:Links}; }
  394.  
  395. .lb{
  396. overflow: hidden;
  397. transform: scale(0.4,0.4);
  398. float: right;
  399. position: relative;
  400. }
  401.  
  402. .lb .like_button{
  403. position: relative;
  404. z-index: 2;
  405. width: 20px;
  406. height: 20px;
  407. margin-bottom: -20px;
  408. opacity: 0;
  409. }
  410.  
  411. .likeb{ position: relative; z-index: 1; }
  412. .likeb svg path{ fill: {color:Text}; }
  413. .lb:hover svg path{ fill: {color:Links}; }
  414. .lb .like_button.liked + .likeb svg path{ fill: #cc0000; }
  415.  
  416. .tags{ margin-top: 2px; }
  417.  
  418. .tags:before{
  419. content: '\e806';
  420. font-family: 'fontello';
  421. font-size: 8px;
  422. padding-right: 5px;
  423. }
  424.  
  425. .tags a{ color: {color:Text}; margin-right: 2px; }
  426. .tags a:hover{ color: {color:Links Hover}; }
  427.  
  428. .notes-container{
  429. margin: 10px auto;
  430. padding: 16px 20px;
  431. overflow-y: auto;
  432. overflow-x: hidden;
  433. max-height: 300px;
  434. line-height: 10px;
  435. border-radius: 5px;
  436. color: {color:Text};
  437. background: {color:Post Bg};
  438. border-bottom: 1px solid {color:Borders};
  439. {block:IndexPage}display: none;{/block:IndexPage}
  440. {block:If500pxPosts}width: 460px;{/block:If500pxPosts}
  441. {block:If400pxPosts}width: 360px;{/block:If400pxPosts}
  442. }
  443.  
  444. ol.notes{
  445. overflow: hidden;
  446. list-style-type: none;
  447. padding: 0px;
  448. margin: 0px;
  449. }
  450.  
  451. ol.notes li img.avatar{
  452. display: none;
  453. width: 0px;
  454. height: 0px;
  455. overflow: hidden;
  456. }
  457.  
  458. .float:after{ content: " "; display: table; clear: both; }
  459.  
  460. #page{
  461. margin: 80px auto 0px auto;
  462. text-align: center;
  463. color: {color:Navigation Text};
  464. }
  465.  
  466. #page a{
  467. padding: 0px 10px;
  468. font-family: 'fontello';
  469. font-size: 10px;
  470. font-weight: bold;
  471. }
  472.  
  473. .menu{ padding: 10px; }
  474. .menu a{ display: block; color: {color:Text};}
  475. .menu a:hover{ color: {color:Links Hover}; }
  476.  
  477. .blogroll{ margin: 80px auto; width: 600px; }
  478.  
  479. .following{
  480. float: left;
  481. overflow: hidden;
  482. margin: 5px;
  483. width: 190px;
  484. height: 30px;
  485. line-height: 30px;
  486. font-size: 8px;
  487. font-weight: 500;
  488. text-transform: uppercase;
  489. letter-spacing: 1px;
  490. color: {color:Menu Text};
  491. background: {color:Menu Bg};
  492. }
  493.  
  494. .following-icon{
  495. float: left;
  496. margin-right: 16px;
  497. position: relative;
  498. width: 16px;
  499. height: 16px;
  500. padding: 7px;
  501. background: {color:Menu Text Bg};
  502. }
  503.  
  504. .following-icon:after {
  505. left: 100%;
  506. top: 50%;
  507. border: solid transparent;
  508. content: " ";
  509. height: 0;
  510. width: 0;
  511. position: absolute;
  512. pointer-events: none;
  513. border-width: 6px;
  514. margin-top: -6px;
  515. border-left-color: {color:Menu Text Bg};
  516. }
  517.  
  518. .following:hover .following-icon{ background: {color:Menu Bg}; }
  519. .following:hover .following-icon:after{ border-left-color: {color:Menu Bg}; }
  520.  
  521. #s-m-t-tooltip{
  522. overflow: hidden;
  523. z-index: 99999;
  524. margin: 0px 16px;
  525. padding: 4px 10px 3px 10px;
  526. font-size: 8px;
  527. font-weight: 500;
  528. line-height: 8px;
  529. text-transform: uppercase;
  530. letter-spacing: 1px;
  531. border-radius: 2px;
  532. color: {color:Tooltip Text};
  533. background: {color:Tooltip Bg};
  534. }
  535.  
  536. .small{
  537. font-size: 8px;
  538. font-weight: 500;
  539. text-transform: uppercase;
  540. letter-spacing: 1px;
  541. line-height: 9px;
  542. }
  543.  
  544. {CustomCSS}
  545. </style>
  546. <body>
  547.  
  548. <section class="container">
  549.  
  550.  
  551.  
  552. <!----- BLOG POSTS --- DO NOT EDIT ------------------------------------->
  553.  
  554. <div>
  555. <input id="ac-1" name="accordion-1" type="radio" checked />
  556. <label class="small" for="ac-1">Blog</label>
  557. <article>
  558.  
  559. <div id="header">
  560. <div class="navi"><a href="/">Refresh</a> > <a href="/archive">Archive</a> > <a href="https://yeoli-thm.tumblr.com" target="_blank">Theme</a></div>
  561. <span class="title">{title}</span>
  562. </div>
  563.  
  564. <div id="posts">
  565. <div class="autopagerize_page_element">
  566. {block:Posts}
  567.  
  568. <div class="post">
  569.  
  570. {block:Text}
  571. <div class="caption">
  572. {block:Title}<h1>{Title}</h1>{/block:Title}
  573. {Body}
  574. </div>
  575. {/block:Text}
  576.  
  577. {block:Photo}
  578. <img src="{PhotoURL-500}" style="display:block"/>
  579. {block:Caption}<div class="show-caption caption" style="margin: -10px 0px">{Caption}</div>{/block:Caption}
  580. {/block:Photo}
  581.  
  582. {block:Photoset}
  583. {Photoset}
  584. {block:Caption}<div class="show-caption caption" style="margin: -10px 0px">{Caption}</div>{/block:Caption}
  585. {/block:Photoset}
  586.  
  587. {block:Video}
  588. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  589. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  590. {/block:Video}
  591.  
  592. {block:Quote}
  593. <div class="caption">
  594. <div class="quote_1 icon-quote-right-alt"></div><div class="quote">{Quote}</div>
  595. {block:Source}<div style="text-align: right; margin-top: 10px;">- {Source}</div>{/block:Source}
  596. </div>
  597. {/block:Quote}
  598.  
  599. {block:Link}
  600. <div class="caption">
  601. <h2 class="link"><a href="{URL}" target="{Target}">{Name}</a></h2>
  602. {block:Description}{Description}{/block:Description}
  603. </div>
  604. {/block:Link}
  605.  
  606. {block:Chat}
  607. <div class="caption">
  608. {block:Title}<h2>{Title}</h2>{/block:Title}
  609. {block:Lines}
  610. {block:Label}<b>{Label}</b>{/block:Label}
  611. {Line}
  612. <br/>
  613. {/block:Lines}
  614. </div>
  615. {/block:Chat}
  616.  
  617. {block:Audio}
  618. <div class="ap">
  619. <div class="art">{block:AlbumArt}<div class="artimg"><img src="{AlbumArtURL}" width="100%"/></div>{/block:AlbumArt}</div>
  620. {block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}
  621. {block:Artist}<div class="artist small">{Artist}</div>{/block:Artist}
  622. <div class="audio">
  623. <div class="play p1"><span class="icon-to-start"></span></div>
  624. <div class="player">
  625. {block:IfBlackAudioPlayer}{AudioPlayerBlack}{/block:IfBlackAudioPlayer}
  626. {block:IfGreyAudioPlayer}{AudioPlayerGrey}{/block:IfGreyAudioPlayer}
  627. {block:IfWhiteAudioPlayer}{AudioPlayerWhite}{/block:IfWhiteAudioPlayer}
  628. </div>
  629. <div class="play"><span class="icon-to-end"></span></div>
  630. </div>
  631. </div>
  632. {block:Caption}<div class="show-caption caption" style="margin-bottom: -10px; border-top: 1px solid {color:Background}">{Caption}</div>{/block:Caption}
  633. {/block:Audio}
  634.  
  635. {block:Answer}
  636. <div class="question"><h3 style="margin-bottom: 10px">{Asker} asked :</h3>{Question}</div>
  637. <div class="caption">{Answer}</div>
  638. {/block:Answer}
  639.  
  640. {block:Date}
  641. <div class="permalink">
  642.  
  643. <div class="date small">{ShortYear}{MonthNumberWithZero}{DayOfMonthWithZero} _ {NoteCountWithLabel}</div>
  644.  
  645. {block:IndexPage}
  646. <div class="show" rel="{postID}">+</div>
  647. <div id="info" class="info{postID}">
  648. <div class="button">
  649. <a title="Like">
  650. <div class="lb" style="margin: -6px 16px 0px 2px">
  651. {LikeButton color="black" size="20"}
  652. <div class="likeb">
  653. <svg width="20" height="20" viewBox="0 0 19 16" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
  654. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z" stroke-width="1"></path>
  655. </svg>
  656. </div></div>
  657. </a>
  658. <a class="icon-dot-3" href="{Permalink}" title="Permalink"></a>
  659. {block:NoteCount} <a href="{postNotesURL}" rel="{postID}" class="notes-button" title="View Notes"><span class="icon-flash"></span></a>{/block:NoteCount}
  660. <a class="icon-forward" href="{ReblogURL}" target="_blank" title="Reblog"></a> </div>
  661. <div class="float"></div>
  662. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  663. </div>
  664. {/block:IndexPage}
  665.  
  666. {block:PermalinkPage}
  667. <div class="button">
  668. {block:Photo}<a class="icon-export" href="/image/{PostID}" target="_blank" title="High Res"></a>{/block:Photo}
  669. {block:RebloggedFrom}
  670. <a class="icon-direction" href="{ReblogParentURL}" title="Via" target="_blank"></a>
  671. <a class="icon-compass" href="{ReblogRootURL}" title="Origin" target="_blank" style="font-size: 9px; line-height: 9px"></a>
  672. {/block:RebloggedFrom}
  673. {block:ContentSource}<a class="icon-location" href="{SourceURL}" title="Source" target="_blank"></a>{/block:ContentSource}
  674. </div>
  675. <div class="float"></div>
  676. {block:HasTags}<div class="tags small">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  677. {/block:PermalinkPage}
  678.  
  679. </div>
  680. {/block:Date}
  681.  
  682. </div>
  683.  
  684. {block:NoteCount}<div class="notes-container small" id="notes-{postID}"><div class="notes-loader"></div>{PostNotes}</div>{/block:NoteCount}
  685.  
  686. {/block:Posts}
  687. </div>
  688.  
  689. {block:IndexPage}{block:Pagination}<div id="page" class="small">
  690. {block:PreviousPage}<a href="{PreviousPage}" title="previous page"><span class="icon-left-open-big"></span></a>{/block:PreviousPage}
  691. {CurrentPage} / {TotalPages}
  692. {block:NextPage}<a href="{NextPage}" title="next page"><span class="icon-right-open-big"></span></a>{/block:NextPage}
  693. </div>{/block:Pagination}{/block:IndexPage}
  694.  
  695. </div>
  696. </article>
  697. </div>
  698.  
  699. <!---------------------------------------------------------------------->
  700.  
  701.  
  702.  
  703.  
  704. <!----- ASK BOX --- DO NOT EDIT ---------------------------------------->
  705.  
  706. <div>
  707. <input id="ac-2" name="accordion-1" type="radio" />
  708. <label class="small" for="ac-2" style="left:64px;">Message</label>
  709. <article>
  710.  
  711. <div id="header">
  712. <div class="navi"><a href="/">Refresh</a> > <a href="/archive">Archive</a> > <a href="https://yeoli-thm.tumblr.com" target="_blank">Theme</a></div>
  713. <span class="title">{text:Message Title}</span>
  714. </div>
  715.  
  716. <div class="post"><div class="caption">
  717. <iframe frameborder="0" width="100%" height="250" src="https://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]-->
  718. </div></div>
  719.  
  720. </article>
  721. </div>
  722.  
  723. <!---------------------------------------------------------------------->
  724.  
  725.  
  726.  
  727.  
  728.  
  729.  
  730. <div>
  731. <input id="ac-3" name="accordion-1" type="radio" />
  732. <label class="small" for="ac-3" style="left:145px;">Menu</label>
  733. <article>
  734.  
  735. <div id="header">
  736. <div class="navi"><a href="/">Refresh</a> > <a href="/archive">Archive</a> > <a href="https://yeoli-thm.tumblr.com" target="_blank">Theme</a></div>
  737. <span class="title">{text:Menu Title}</span>
  738. </div>
  739. <div class="post"><div class="menu">
  740.  
  741.  
  742. <!----- MENU LINKS ----------------------------------------------------->
  743.  
  744.  
  745. <h2>Links</h2>
  746.  
  747. <a href=" "> Link </a>
  748. <a href=" "> Link </a>
  749. <a href=" "> Link </a>
  750. <a href=" "> Link </a>
  751. <a href=" "> Link </a>
  752. <a href=" "> Link </a>
  753.  
  754. <div style="margin-top: 20px"></div>
  755.  
  756. <h2>General</h2>
  757.  
  758. <a href=" "> Link </a>
  759. <a href=" "> Link </a>
  760. <a href=" "> Link </a>
  761. <a href=" "> Link </a>
  762. <a href=" "> Link </a>
  763. <a href=" "> Link </a>
  764.  
  765.  
  766. <!---------------------------------------------------------------------->
  767.  
  768.  
  769. </div></div>
  770. </article>
  771. </div>
  772.  
  773.  
  774.  
  775. <div>
  776. <input id="ac-4" name="accordion-1" type="radio" />
  777. <label class="small" for="ac-4" style="left:210px;">Info</label>
  778. <article>
  779.  
  780. <div id="header">
  781. <div class="navi"><a href="/">Refresh</a> > <a href="/archive">Archive</a> > <a href="https://yeoli-thm.tumblr.com" target="_blank">Theme</a></div>
  782. <span class="title">{text:Info Title}</span>
  783. </div>
  784. <div class="post"><div class="caption">
  785.  
  786.  
  787. <!----- INFO ----------------------------------------------------------->
  788.  
  789.  
  790. <p>{Description}</p>
  791.  
  792. <b>Name:</b> -<br/>
  793. <b>Age:</b> -<br/> <!-- DELETE THESE CONTENT IF UNNEEDED ---->
  794. <b>Location:</b> -
  795.  
  796. <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lorem augue, maximus id enim eu, tincidunt sollicitudin sapien. Donec egestas ligula eu augue venenatis, eget ornare sapien imperdiet. Donec luctus dui sed metus auctor hendrerit. Donec eu rutrum ante, sed dictum est. Morbi a facilisis orci. Vivamus facilisis velit eget mauris aliquam, varius vulputate ex mollis. Nunc at dolor non purus commodo aliquam vitae sed ligula. Proin convallis, lacus a porta faucibus, sem elit ultricies lorem, id mattis dui massa non neque. Sed dapibus nunc et quam pretium, sit amet blandit quam imperdiet. In pulvinar, nunc vitae consequat tincidunt, ex nulla volutpat elit, nec sodales felis enim eget ante. Etiam pellentesque dignissim vehicula. Suspendisse potenti. Proin tempus quam non luctus dapibus. Proin malesuada mauris a fermentum sodales. Fusce a nisl quis justo hendrerit ultricies.
  797.  
  798. Donec venenatis libero lacus, id gravida lorem pulvinar a. Donec volutpat pulvinar arcu, ac tempor sem vulputate vel. Sed sit amet lacus vitae sapien tincidunt hendrerit. Sed dignissim purus et urna bibendum, et tincidunt sem ultricies. Vestibulum mattis urna commodo lectus suscipit dignissim. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent placerat quam eget nulla ultrices suscipit. Vestibulum et sollicitudin neque. Proin iaculis porta ex et fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque at lacinia purus. Vivamus vitae quam non nisl imperdiet lacinia a ut elit. Nunc vitae augue eu tellus consequat vulputate ut ut felis. Praesent nisl metus, vehicula in malesuada quis, porttitor vel massa. </p>
  799.  
  800.  
  801. <!---------------------------------------------------------------------->
  802.  
  803.  
  804. </div></div>
  805. </article>
  806. </div>
  807.  
  808. <!----- BLOGROLL --- DO NOT EDIT --------------------------------------->
  809.  
  810. {block:IfShowBlogroll}
  811. <div>
  812. <input id="ac-5" name="accordion-1" type="radio" />
  813. <label class="small" for="ac-5" style="left:271px;">Blogroll</label>
  814. <article>
  815.  
  816. <div id="header">
  817. <div class="navi"><a href="/">Refresh</a> > <a href="/archive">Archive</a> > <a href="https://yeoli-thm.tumblr.com" target="_blank">Theme</a></div>
  818. <span class="title">{text:Blogroll Title}</span>
  819. </div>
  820. <div class="blogroll">
  821.  
  822. {block:Following}{block:Followed}
  823. <a href="{FollowedURL}" target="_blank"><div class="following"><div class="following-icon"><img src="{FollowedPortraitURL-16}"/></div> {FollowedName}</div></a>
  824. {/block:Followed}{/block:Following}
  825.  
  826. <div class="float"></div>
  827. </div>
  828. </article>
  829. </div>
  830. {/block:IfShowBlogroll}
  831.  
  832. <!---------------------------------------------------------------------->
  833.  
  834.  
  835.  
  836.  
  837. </section>
  838.  
  839.  
  840. <script>
  841. /* Tumblr AJAX Notes Plugin by Matthew Buchanan v3.0.1
  842. https://matthewbuchanan.name/tumblr/ajax-notes/ */
  843. $(document).ready(function(){
  844. $("a.notes-button").each(function() {
  845. var noteCount = $(this).html();
  846. if (noteCount.indexOf(" ") != -1) {
  847. noteCount = parseInt(noteCount.substring(0,noteCount.indexOf(" ")));
  848. } else {
  849. noteCount = parseInt(noteCount);
  850. }
  851. if (noteCount > 0) $(this).show();
  852. if (noteCount > 14) $(this).addClass("fave");
  853. });
  854. $("a.notes-button").click(function(event) {
  855. event.preventDefault();
  856. var node = $("#notes-"+$(this).attr("rel"));
  857. $("#notes-"+$(this).attr("rel")).slideToggle();
  858. $.ajax({ url: $(this).attr("href"), success: function(data){
  859. node.find(".loading").hide();
  860. node.find(".notes-loader").html(data).slideDown();
  861. node.find(".notes-loader").append("<p><a href='#' class='notes-hide'>Hide Notes</a></p>");
  862. node.find(".notes-hide").click(function(event) {
  863. event.preventDefault();
  864. node.slideToggle();
  865. });
  866. } });
  867. });
  868. });
  869. </script>
  870.  
  871.  
  872. </body>
  873. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!