API tools faq
paste
baechubaechubaechu

Sweet Peach (BuJo-Theme)

baechubaechubaechu
Dec 25th, 2016
8,533
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. ** Sweet Peach (BuJo) -Theme by Caro / baechys@tumblr
  8.  
  9. UPDATED AS OF December 27th 2016:
  10.  
  11. - 300 x 150px header removed, now replaced by a 150px x 150px side-image
  12.  
  13. ------------------------------------------------------------------------
  14.  
  15. Script/s used:
  16.  
  17. - Tooltips
  18. - PXU Photosets
  19. - CSS Tabs by phoenixthemes
  20.  
  21. ------------------------------------------------------------------------
  22.  
  23. FAQ:
  24.  
  25. Can i edit/tweak this theme?
  26. - Tweak and edit it as much as you want! But don't you dare touch my credits in any way possible
  27.  
  28. Can i use this theme as a base-code?
  29. - No you cant.
  30.  
  31. Can i release my edited version of your theme?
  32. - No you cant, and if i find out about you doing that, i will report you.
  33.  
  34. ------------------------------------------------------------------------
  35.  
  36. Any other questions?
  37.  
  38. Please visit baechys.tumblr.com/mail
  39.  
  40. ------------------------------------------------------------------------
  41.  
  42. CREDIT TO HTTP://BAECHYS.TUMBLR.COM
  43. -->
  44.  
  45. <title>{title}</title>
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47. <link rel="shortcut icon" href="{favicon}" />
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  50.  
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  55. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  56. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  57.  
  58. <script>
  59. $(document).ready(function(){
  60.  
  61. $("[title]").style_my_tooltips({
  62. tip_follows_cursor:true, tip_delay_time:50, tip_fade_speed:800
  63. });
  64.  
  65. $('.photo-slideshow').pxuPhotoset({
  66. lightbox:true, rounded:false, gutter:'4px',
  67. borderRadius:'0px', photoset:'.photo-slideshow',
  68. photoWrap:'.photo-data', photo:'.pxu-photo'
  69. });
  70.  
  71. });
  72. </script>
  73.  
  74. <meta name="image:background" content=""/>
  75. <meta name="image:sidebar image" content="http://68.media.tumblr.com/6a3accbfe52414d0f2cea2b83a03e922/tumblr_oi10ummIEn1u6rodso1_1280.png"/>
  76.  
  77. <meta name="select:paper" content="http://static.tumblr.com/d70w4cr/vtdo43g1g/dotties.png" title="dotted"/>
  78. <meta name="select:paper" content="http://static.tumblr.com/c8f93e108fe511692b1c258193108ce9/3cfauon/kURng6a9y/tumblr_static_22j4nasnd89w0gcc0cc0cwso4.png" title="grid"/>
  79. <meta name="select:paper" content="http://static.tumblr.com/d70w4cr/D3Voiqsce/linedpaper.png" title="lined"/>
  80.  
  81. <meta name="color:background" content="#fff"/>
  82. <meta name="color:body font" content="#666666"/>
  83. <meta name="color:links" content="#e7a3a4"/>
  84. <meta name="color:links hover" content="#f5bcce"/>
  85. <meta name="color:bold text" content="#666666"/>
  86. <meta name="color:selection" content="#e7a3a4"/>
  87. <meta name="color:scrollbar" content="#f5bcce"/>
  88. <meta name="color:tooltips border" content="#e7a3a4"/>
  89. <meta name="color:tabs" content="#ffc7c7"/>
  90. <meta name="color:active tab" content="#e7a3a4"/>
  91. <meta name="color:tabs hover" content="#f5bcce"/>
  92. <meta name="color:journal color" content="#e7a3a4"/>
  93. <meta name="color:index color" content="#ffc7c7"/>
  94. <meta name="color:title" content="#e7a3a4"/>
  95.  
  96.  
  97. <meta name="text:custom index text" content="This journal belongs to (your name). Please return if found!"/>
  98. <meta name="text:quote" content="Training is everything. The peach was once a bitter almond; cauliflower is nothing but cabbage with a college education."/>
  99. <meta name="text:this week" content="12.26. - 01.01.17"/>
  100. <meta name="text:monday date" content="26th"/>
  101. <meta name="text:monday text" content=""/>
  102. <meta name="text:tuesday date" content="27th"/>
  103. <meta name="text:tuesday text" content=""/>
  104. <meta name="text:wednesday date" content="28th"/>
  105. <meta name="text:wednesday text" content=""/>
  106. <meta name="text:thursday date" content="29th"/>
  107. <meta name="text:thursday text" content=""/>
  108. <meta name="text:friday date" content="30th"/>
  109. <meta name="text:friday text" content=""/>
  110. <meta name="text:saturday date" content="31st"/>
  111. <meta name="text:saturday text" content=""/>
  112. <meta name="text:sunday date" content="1st"/>
  113. <meta name="text:sunday text" content=""/>
  114.  
  115. <meta name="text:link 1" content="link 1"/>
  116. <meta name="text:link 1 url" content="/"/>
  117. <meta name="text:link 2" content="link 2"/>
  118. <meta name="text:link 2 url" content="/"/>
  119. <meta name="text:link 3" content="link 3"/>
  120. <meta name="text:link 3 url" content="/"/>
  121. <meta name="text:link 4" content="link 4"/>
  122. <meta name="text:link 4 url" content="/"/>
  123. <meta name="text:link 5" content="link 5"/>
  124. <meta name="text:link 5 url" content="/"/>
  125.  
  126. <style type ="text/css">
  127.  
  128. @import url(http://weloveiconfonts.com/api/?family=entypo);
  129.  
  130. /* entypo */
  131. [class*="entypo-"]:before {
  132. font-family: 'entypo', sans-serif;
  133. color:{color:bullets};
  134. }
  135.  
  136. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  137. z-index:999999999!important;
  138. right:3px;
  139. margin-top:3px;
  140. -webkit-filter:invert(100%);
  141. -moz-filter:invert(100%);
  142. -filter:invert(100%);
  143. -webkit-transition: all 0.4s linear;
  144. -moz-transition: all 0.4s linear;
  145. transition: all 0.4s linear;
  146. }
  147.  
  148. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  149. opacity:1;
  150. }
  151.  
  152. .vignette, #vignette {
  153. opacity:0;
  154. }
  155. .lightbox-image, #tumblr_lightbox img {
  156. box-shadow:none !important;
  157. border-radius:0 !important;
  158. max-width:none;
  159. }
  160.  
  161. .tmblr-lightbox, #tumblr_lightbox {
  162. background-color:rgba(255,255,255,0.85) !important;
  163. }
  164.  
  165. body{
  166. margin:0px;
  167. padding:0px;
  168. font-family: 'open sans', arial, sans serif;
  169. font-size:10px;
  170. color:{color:body font};
  171. background:{color:background} url('{image:background}');
  172. background-attachment:fixed;
  173. }
  174. b, strong{
  175. color:{color:bold text};
  176. }
  177. a{
  178. color:{color:links};
  179. text-decoration:none;
  180. }
  181.  
  182. a:hover{
  183. color:{color:links hover};
  184. -moz-transition-duration: 0.5s;
  185. -o-transition-duration: 0.5s;
  186. -webkit-transition-duration: 0.5s;
  187. transition-duration: 0.5s;
  188. }
  189.  
  190. h2{
  191. font-size:20px;
  192. text-align:center;
  193. color:{color:bold text};
  194. }
  195.  
  196. blockquote{
  197. margin:10px 0;
  198. padding:0 0 0 10px;
  199. border-left:1px solid {color:body font};
  200. }
  201.  
  202. pre{
  203. overflow:auto;
  204. background-color:#eee;
  205. display:block;
  206. padding:5px;
  207. }
  208.  
  209. /*DONT REMOVE OR DESTROY MY CREDITS
  210. LEAVE EVERYTHING WHERE IT IS*/
  211. #c{
  212. position:fixed;
  213. bottom: 10px;
  214. right: 10px;
  215. text-align:center;
  216. font-family:trebuchet ms;
  217. z-index:999999;
  218. }
  219. #c a{
  220. background:{color:links hover};
  221. font-size:12px;
  222. font-family:trebuchet ms;
  223. color:#fff;
  224. font-size:10px;
  225. padding:5px;
  226. letter-spacing:1px;
  227. text-decoration:none;
  228. }
  229. #c a:hover{
  230. background:#fff;
  231. border:1px solid{color:links hover};
  232. color:{color:links hover};
  233. letter-spacing:1px;
  234. }
  235. /*DONT REMOVE OR DESTROY MY CREDITS
  236. LEAVE EVERYTHING WHERE IT IS*/
  237.  
  238. ::-webkit-scrollbar-thumb:vertical {
  239. background-color: {color:scrollbar};
  240. height:auto;
  241. }
  242.  
  243.  
  244. ::-webkit-scrollbar-thumb:horizontal {
  245. background:url('{image:scrollbar}');
  246. height:6px;
  247. }
  248.  
  249. ::-webkit-scrollbar {
  250. height:6px;
  251. width:6px;
  252. background:url('{image:scrollbar}');
  253. }
  254.  
  255. ::selection {
  256. background-color:{color:selection};
  257. color:white;}
  258.  
  259. #s-m-t-tooltip {
  260. max-width:100px;
  261. padding:5px 10px 5px 10px;
  262. margin:20px 14px 7px 10px;
  263. border:2px solid {color:tooltips border};
  264. background-color:#fff;
  265. font-style: normal;
  266. font-size:10px;
  267. line-height:11px;
  268. letter-spacing:0px;
  269. text-transform:none;
  270. z-index:999999999;
  271. }
  272.  
  273. .main {
  274. position:fixed;
  275. width: 757px;
  276. height:490px;
  277. margin:auto;
  278. top:0px;
  279. left:0px;
  280. right:0px;
  281. bottom:0px;
  282. }
  283.  
  284. .tab {
  285. width:200px;
  286. }
  287.  
  288. .tab label {
  289. color: #fff;
  290. font-family:consolas;
  291. font-size: 11px;
  292. background-color: {color:tabs};
  293. width:45px;
  294. padding: 2px 5px 2px 5px;
  295. text-align: center;
  296. cursor: pointer;
  297. display: block;
  298. margin-top:25px;
  299. margin-bottom: -20px;
  300. border-top-left-radius:5px;
  301. border-bottom-left-radius:5px;
  302. }
  303.  
  304. .tab label:hover {
  305. background: {color:tabs hover};
  306. color:#fff;
  307. }
  308.  
  309. [type=radio]:checked ~ label {
  310. z-index: 2;
  311. color: #fff;
  312. background: {color:active tab};
  313. }
  314.  
  315. .tab [type=radio] {
  316. display: none;
  317. }
  318.  
  319. .content {
  320. border-left:1px solid {color:journal color};
  321. border-top:1px solid {color:journal color};
  322. border-bottom:1px solid {color:journal color};
  323. border-right:1px solid #eee;
  324. color: #999;
  325. background-color: #fff;
  326. background-image: url('{select:paper}');
  327. width: 350px;
  328. margin-top: -16px;
  329. margin-left: 55px;
  330. height: 475px;
  331. overflow: scroll;
  332. position:absolute;
  333. top:30px;
  334. }
  335.  
  336.  
  337. [type=radio]:checked ~ label ~ .content {
  338. z-index: 1;
  339. }
  340.  
  341. #postcont{
  342. height:475px;
  343. width:350px;
  344. position:fixed;
  345. overflow:auto;
  346. margin-top:-52px;
  347. margin-left:406px;
  348. border-left:1px solid {color:journal color};
  349. border-top:1px solid {color:journal color};
  350. border-bottom:1px solid {color:journal color};
  351. border-right:1px solid {color:journal color};
  352. background-color:#fff;
  353. background-image: url('{select:paper}');
  354. }
  355.  
  356. #post{
  357. width:300px;
  358. {block:permalinkpage}
  359. margin-top:12px;
  360. {/block:permalinkpage}
  361. margin-left:22px;
  362. overflow:hidden;
  363. }
  364. #post img{
  365. max-width:100%;
  366. height:auto;
  367. }
  368.  
  369. #quote{
  370. font-size:16px;
  371. }
  372.  
  373. #q{
  374. padding:none;
  375. }
  376.  
  377. #audio{
  378. padding:5px;
  379. width:295px;
  380. margin-bottom:5px;
  381. }
  382.  
  383. #tags{
  384. width:322px;
  385. color:#999;
  386. margin-left:22px;
  387. margin-top:12px;
  388. margin-bottom:-1px;
  389. font-weight:bold;
  390. }
  391.  
  392. #tags a{
  393. padding-right:5px;
  394. text-decoration:none;
  395. }
  396.  
  397. #permatags{
  398. width:290px;
  399. padding:5px;
  400. margin-left:22px;
  401. margin-top:-1px;
  402. margin-bottom:-1px;
  403. }
  404.  
  405. #permatags a{
  406. padding-right:5px;
  407. text-decoration:none;
  408. }
  409.  
  410. #noots{
  411. margin-left:22px;
  412. margin-top:-1px;
  413. margin-bottom:35px;
  414. padding:5px;
  415. width:290px;
  416. }
  417.  
  418. #note{
  419. width:290px;
  420. margin-left:22px;
  421. margin-top:-1px;
  422. padding:5px;
  423. }
  424. .notes img{width:20px; position:relative; top:1px; padding-right:5px;}
  425. ol.notes, .notes li{width:300px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  426.  
  427. #pagi{
  428. width:300px;
  429. padding:10px;
  430. margin-left:22px;
  431. margin-top:20px;
  432. margin-bottom:20px;
  433. overflow:hidden;
  434. text-align:center;
  435. }
  436. #pagi a{
  437. text-decoration:none;
  438. color:{color:links};
  439. }
  440.  
  441. #datebox{
  442. padding-bottom:5px;
  443. }
  444.  
  445. #datebox a{
  446. font-size:12px;
  447. color:{color:title};
  448. font-weight:bold;
  449. text-shadow: -1px 1px 0 {color:body font};
  450. }
  451.  
  452. #datebox a:hover{
  453. color:{color:links hover};
  454. }
  455.  
  456. /* tab 1 */
  457.  
  458. #title{
  459. text-align:center;
  460. font-size:25px;
  461. color:{color:title};
  462. font-weight:bold;
  463. letter-spacing:1px;
  464. text-shadow: -1px 1px 0 {color:body font}}
  465. }
  466.  
  467. .desc {
  468. position:fixed;
  469. margin-top:10px;
  470. margin-left:10px;
  471. border:#eee;
  472. width:100px;
  473. }
  474.  
  475. .key{
  476. font-size:15px;
  477. color:{color:title};
  478. text-transform:uppercase;
  479. font-weight:bold;
  480. letter-spacing:1px;
  481. text-shadow: -1px 1px 0 {color:body font};
  482. }
  483.  
  484. nav {
  485. top:-15px;
  486. border-top:0;
  487. font-size:0;
  488. margin:5px 0;
  489.  
  490. }
  491. nav a{
  492. font-size:10px;
  493. line-height:100%;
  494. display:inline-block;
  495. margin:3px 0;
  496. width:50%;
  497. font-weight:bold;
  498. }
  499.  
  500. .thisweek{
  501. margin-top:-130px;
  502. margin-left:185px;
  503. padding-left:5px;
  504. width:150px;
  505. border-left:1px dashed #d6d6d6;
  506. }
  507.  
  508. #userbox{
  509. text-align:center;
  510. position:absolute;
  511. width:150px;
  512. padding:10px;
  513. background-color:#fff;
  514. margin:auto;
  515. left:0px;
  516. right:0px;
  517. top:50px;
  518. }
  519.  
  520. #toplink{
  521. position:fixed;
  522. width:350px;
  523. margin-left:70px;
  524. }
  525.  
  526. #toplink a{
  527. font-family:consolas;
  528. font-size:11px;
  529. color:#fff;
  530. padding-left:15px;
  531. padding-right:15px;
  532. border-top-left-radius:3px;
  533. border-top-right-radius:3px;
  534. }
  535.  
  536. #toplink a:nth-of-type(odd) {background-color: {color:tabs};}
  537. #toplink a:nth-of-type(even) {background-color: {color:tabs hover};}
  538.  
  539. #toplink a:hover:nth-of-type(odd) {background-color:#fff; color:{color:tabs};}
  540. #toplink a:hover:nth-of-type(even) {background-color: #fff; color:{color:tabs hover};}
  541.  
  542. #toplink2{
  543. text-align:right;
  544. position:fixed;
  545. width:350px;
  546. margin-left:408px;
  547. }
  548.  
  549. #toplink2 a{
  550. font-family:consolas;
  551. font-size:11px;
  552. color:#fff;
  553. padding-left:15px;
  554. padding-right:15px;
  555. border-top-left-radius:3px;
  556. border-top-right-radius:3px;
  557. }
  558.  
  559. #toplink2 a:nth-of-type(odd) {background-color: {color:tabs};}
  560. #toplink2 a:nth-of-type(even) {background-color: {color:tabs hover};}
  561.  
  562. #toplink2 a:hover:nth-of-type(odd) {background-color:#fff; color:{color:tabs};}
  563. #toplink2 a:hover:nth-of-type(even) {background-color: #fff; color:{color:tabs hover};}
  564.  
  565. #bujoquote{
  566. width:300px;
  567. margin-left:25px;
  568. margin-top:15px;
  569. font-size:20px;
  570. color:{color:title};
  571. font-weight:bold;
  572. letter-spacing:1px;
  573. text-shadow: -1px 1px 0 {color:body font};
  574. text-align:center;
  575. }
  576.  
  577. </style>
  578.  
  579. </head>
  580. <body>
  581.  
  582. <div class="main">
  583.  
  584. <div id="toplink">
  585. <a href="{text:link 1 url}">{text:link 1}</a>
  586. <a href="{text:link 2 url}">{text:link 2}</a>
  587. </div>
  588.  
  589. <div id="toplink2">
  590. <a href="{text:link 3 url}">{text:link 3}</a>
  591. <a href="{text:link 4 url}">{text:link 4}</a>
  592. <a href="{text:link 5 url}">{text:link 5}</a>
  593. </div>
  594.  
  595. <div class="tab">
  596. <input type="radio" id="tab-1" name="tab-group-1" checked>
  597. <label for="tab-1">Index</label>
  598. <div class="content" style="background-color:{color:index color}; background-image:none;">
  599.  
  600. <div id="userbox">
  601. {text:custom index text}
  602. </div>
  603.  
  604. </div>
  605. </div>
  606.  
  607. <div class="tab">
  608. <input type="radio" id="tab-2" name="tab-group-1">
  609. <label for="tab-2">About</label>
  610. <div class="content">
  611.  
  612. <div id="title">{title}</div>
  613.  
  614. <div style="margin-left:25px;margin-top:10px;width:150px;height:150px;"><img style="max-height:150px; max-width:150px;" src="{image:sidebar image}"/></div>
  615.  
  616. <div class="desc" style="position:fixed;margin-top:5px;margin-left:25px;height:150px;width:140px;"><div class="key">About</div>{description}</div>
  617.  
  618. <div class="key" style="position:fixed; text-align:left; margin-left:185px; margin-top:-155px">
  619. {text:this week} </div>
  620. <div class="thisweek">
  621. <b>Monday {text:monday date}:</b><br> {text:monday text} <br>
  622. <b>Tuesday {text:tuesday date}:</b><br> {text:tuesday text} <br>
  623. <b>Wednesday {text:wednesday date}:</b><br> {text:wednesday text} <br>
  624. <b>Thursday {text:thursday date}:</b><br> {text:thursday text} <br>
  625. <b>Friday {text:friday date}:</b><br> {text:friday text} <br>
  626. <b>Saturday {text:saturday date}:</b><br> {text:saturday text} <br>
  627. <b>Sunday {text:sunday date}:</b><br> {text:sunday text}
  628. </div>
  629.  
  630. </div>
  631. </div>
  632.  
  633. <div class="tab">
  634. <input type="radio" id="tab-3" name="tab-group-1">
  635. <label for="tab-3">Quote</label>
  636. <div class="content">
  637. <div id="bujoquote">{text:quote}</div>
  638. </div>
  639. </div>
  640.  
  641. <div id="postcont">
  642.  
  643. {block:Posts}
  644.  
  645. {block:IndexPage}
  646.  
  647. <div id="tags">
  648.  
  649. <div id="datebox">
  650. {block:Date}
  651. <a href="{permalink}" title="{TimeAgo}">{Month} {DayOfMonthWithZero}, {Year}</a>
  652. {/block:Date}
  653. </div>
  654.  
  655. </div>
  656.  
  657. {/block:IndexPage}
  658. <div id="post">
  659.  
  660. {block:Text}
  661. {block:Title}<h2>{Title}</h2>{/block:Title}
  662. {Body}
  663. {/block:Text}
  664.  
  665. {block:Photo}
  666. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  667. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  668. {/block:Photo}
  669.  
  670. {block:Photoset}
  671. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  672. {block:caption}{caption}{/block:caption}
  673. {/block:Photoset}
  674.  
  675. {block:Quote}
  676. <div id="quote">{Quote}</div> <br>
  677. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  678. {/block:Quote}
  679.  
  680. {block:Link}
  681. <h2><a href="{URL}" target="_blank">{Name}</a></h2>
  682. <blockquote>
  683. {block:Excerpt}{Excerpt}<br>{/block:Excerpt}
  684. {block:Author}{Author}{/block:Author}
  685. </blockquote>
  686. {block:Description}{Description}{/block:Description}
  687. {/block:Link}
  688.  
  689. {block:Chat}
  690. <h2>{block:Title}{Title}{/block:Title}</h2>
  691. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  692. {/block:Chat}
  693.  
  694. {block:Audio}
  695. <div id="audio"><center>{AudioPlayerWhite}</center></div>
  696. {block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount} <br>
  697. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  698. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist} <br>
  699. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  700. {/block:Audio}
  701.  
  702. {block:Video}
  703. <center>{Video-250}</center>
  704. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  705. {/block:Video}
  706.  
  707. {block:Answer}
  708. <b>{Question} </b> <br>
  709. <div align="right">- {Asker}</div>
  710. {Answer}
  711. {/block:Answer}
  712. </div><!-- post end -->
  713.  
  714. {block:indexpage}
  715. <div id="noots">
  716. {block:NoteCount}
  717. +<a href="{permalink}" title="{NoteCount} Notes">{NoteCount}</a>
  718. {/block:NoteCount} <br>
  719. {block:HasTags} tags:
  720. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  721. {/block:HasTags}
  722. </div>
  723. {/block:indexpage}
  724.  
  725. {block:PermalinkPage}
  726. <div id="permatags">
  727. {block:Date}
  728. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  729. {/block:Date} <br>
  730. {block:NoteCount}
  731. <b>Notes:</b> {NoteCount}<br>
  732. {/block:NoteCount}
  733. {block:HasTags}
  734. <b>Tags</b>
  735. {block:Tags}
  736. <a href="{TagURL}">#{tag}</a>
  737. {/block:Tags}<br>
  738. {/block:HasTags}
  739. {block:RebloggedFrom}
  740. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  741. {block:ContentSource}
  742. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  743. {/block:ContentSource}
  744. {/block:RebloggedFrom}
  745. </div>
  746. {/block:PermalinkPage}
  747.  
  748. {block:PermalinkPage}
  749. {block:PostNotes}
  750. {block:NoteCount}
  751. <div id="note">
  752. {PostNotes}
  753. </div>
  754. {/block:NoteCount}
  755. {/block:PostNotes}
  756. {/block:permalinkpage}
  757.  
  758. {/block:Posts}
  759.  
  760. {block:indexpage}
  761. {block:Pagination}
  762. <div id="pagi">
  763. {block:PreviousPage}
  764. <a href="{PreviousPage}"> < </a>
  765. {/block:PreviousPage}
  766.  
  767. {block:JumpPagination length="3"}
  768. {block:CurrentPage}
  769. <span class="current_page">{PageNumber}</span>
  770. {/block:CurrentPage}
  771.  
  772. {block:JumpPage}
  773. <a class="jump_page" href="{URL}">{PageNumber}</a>
  774. {/block:JumpPage}
  775. {/block:JumpPagination}
  776.  
  777. {block:NextPage}
  778. <a href="{NextPage}"> > </a>
  779. {/block:NextPage}
  780.  
  781. </div>
  782. {/block:Pagination}
  783. {/block:indexpage}
  784.  
  785. </div><!-- postcont end -->
  786.  
  787. </div><!-- main end -->
  788.  
  789. <div id="c">
  790. <a href="http://baechys.tumblr.com" title="Made with love by Caroline">BCHYS</a>
  791. </div>
  792.  
  793. </body>
  794. </html>
Advertisement
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!