API tools faq
paste
baechubaechubaechu

Beep - Theme

baechubaechubaechu
Oct 20th, 2017
4,749
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.36 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. ** Beep -Theme by Caro / baechys@tumblr
  7.  
  8. ------------------------------------------------------------------------
  9.  
  10. Script/s used:
  11.  
  12. - PXU Photosets
  13. - Tooltips
  14.  
  15. ------------------------------------------------------------------------
  16.  
  17. FAQ:
  18.  
  19. Can i edit/tweak this theme?
  20. - Tweak and edit it as much as you want! But don't you dare touch my credits in any way possible
  21.  
  22. Can i use this theme as a base-code?
  23. - No you cant.
  24.  
  25. Can i release my edited version of your theme?
  26. - No you cant, and if i find out about you doing that, i will report you.
  27.  
  28. ------------------------------------------------------------------------
  29.  
  30. Any questions?
  31.  
  32. Please visit baechys.tumblr.com/faq
  33.  
  34. ------------------------------------------------------------------------
  35.  
  36. CREDIT TO HTTP://BAECHYS.TUMBLR.COM
  37. -->
  38.  
  39. <head>
  40.  
  41. <!------------------------- General HTML ------------------------->
  42.  
  43. <title>{title}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{favicon}" />
  46.  
  47. <!------------------------- Meta Names ------------------------->
  48.  
  49. <meta name="image:lockscreen" content=""/>
  50. <meta name="image:homescreen" content=""/>
  51.  
  52. <meta name="color:background" content="#ffebf4"/>
  53. <meta name="color:body font" content="#888"/>
  54. <meta name="color:links" content="#e99f9b"/>
  55. <meta name="color:links hover" content="#edb0ce"/>
  56. <meta name="color:bold text" content="#999"/>
  57. <meta name="color:selection" content="#e99f9b"/>
  58. <meta name="color:scrollbar" content="#e99f9b"/>
  59. <meta name="color:tooltips border" content="#e99f9b"/>
  60. <meta name="color:description" content="#eeb3b0"/>
  61. <meta name="color:description text" content="#fff"/>
  62. <meta name="color:phone" content="#666"/>
  63. <meta name="color:lockscreen" content="#f7dae8"/>
  64. <meta name="color:homescreen" content="#f7dbda"/>
  65. <meta name="color:app gradient 1" content="#f2c5db"/>
  66. <meta name="color:app gradient 2" content="#eeb3b0"/>
  67.  
  68. <meta name="if:tags" content="1"/>
  69.  
  70. <meta name="text:ask link" content="/ask"/>
  71. <meta name="text:archive link" content="/archive"/>
  72. <meta name="text:link 1" content="/"/>
  73. <meta name="text:link 2" content="/"/>
  74. <meta name="text:link 3" content="/"/>
  75.  
  76. <!------------------------- Imported Fonts ------------------------->
  77.  
  78. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  79.  
  80. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  81.  
  82. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  83.  
  84. <!-- photosets -->
  85. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  86. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  87. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  88.  
  89. <script>
  90. $(document).ready(function(){
  91. $('.photo-slideshow').pxuPhotoset({
  92. lightbox: true,
  93. rounded: false,
  94. gutter: '4px',
  95. borderRadius: '0px',
  96. photoset: '.photo-slideshow',
  97. photoWrap: '.photo-data',
  98. photo: '.pxu-photo'
  99. });
  100. });
  101. </script>
  102. <!-- tooltips -->
  103. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("[title]").style_my_tooltips({
  108. tip_follows_cursor:true,
  109. tip_delay_time:200,
  110. tip_fade_speed:300
  111. }
  112. );
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  118.  
  119. <style type="text/css">
  120.  
  121. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  122. z-index:999999999!important;
  123. right:3px;
  124. margin-top:3px;
  125. -webkit-filter:invert(100%);
  126. -moz-filter:invert(100%);
  127. -filter:invert(100%);
  128. -webkit-transition: all 0.4s linear;
  129. -moz-transition: all 0.4s linear;
  130. transition: all 0.4s linear;
  131. }
  132.  
  133. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  134. opacity:1;
  135. }
  136.  
  137. .vignette, #vignette {
  138. opacity:0;
  139. }
  140. .lightbox-image, #tumblr_lightbox img {
  141. box-shadow:none !important;
  142. border-radius:0 !important;
  143. max-width:none;
  144. }
  145.  
  146. .tmblr-lightbox, #tumblr_lightbox {
  147. background-color:rgba({RGBcolor:background},0.85) !important;
  148. z-index:999999999999!important;
  149. }
  150.  
  151. body{
  152. margin:0px;
  153. padding:0px;
  154. font-family: 'open sans', arial, sans-serif;
  155. font-size:{select:font size};
  156. font-size:11px;
  157. color:{color:body font};
  158. background:{color:background} url('{image:background}');
  159. background-attachment:fixed;
  160. }
  161. b, strong{
  162. color:{color:bold text};
  163. }
  164. a{
  165. color:{color:links};
  166. text-decoration:none;
  167. }
  168.  
  169. a:hover{
  170. color:{color:links hover};
  171. -moz-transition-duration: 0.5s;
  172. -o-transition-duration: 0.5s;
  173. -webkit-transition-duration: 0.5s;
  174. transition-duration: 0.5s;
  175. }
  176.  
  177. h1, h2, h3, h4, h5, h6{
  178. margin:0 0 5px 0;
  179. }
  180.  
  181. blockquote{
  182. margin:10px 0;
  183. padding:0 0 0 10px;
  184. border-left:1px solid {color:body font};
  185. }
  186.  
  187. underlined{
  188. border-bottom:1px solid {color:body font};
  189. }
  190.  
  191. pre{
  192. overflow:auto;
  193. background-color:#eee;
  194. display:block;
  195. padding:5px;
  196. }
  197.  
  198. /*DONT REMOVE OR DESTROY MY CREDITS
  199. LEAVE EVERYTHING WHERE IT IS*/
  200. #c{
  201. position:fixed;
  202. bottom: 10px;
  203. right: 10px;
  204. text-align:center;
  205. z-index:999999;
  206. }
  207. #c a{
  208. background:{color:links hover};
  209. border:1px solid {color:links hover};
  210. font-family:'open sans';
  211. color:#fff;
  212. font-size:10px;
  213. padding:5px;
  214. letter-spacing:1px;
  215. text-decoration:none;
  216. }
  217. #c a:hover{
  218. border:1px solid {color:links hover};
  219. background:#fff;
  220. color:{color:links hover};
  221. letter-spacing:1px;
  222. }
  223. /*DONT REMOVE OR DESTROY MY CREDITS
  224. LEAVE EVERYTHING WHERE IT IS*/
  225.  
  226. ::-webkit-scrollbar-thumb:vertical {
  227. background-color: {color:scrollbar};
  228. width:6px;
  229. height:auto;
  230. }
  231.  
  232.  
  233. ::-webkit-scrollbar-thumb:horizontal {
  234. background-color: {color:scrollbar};
  235. height:6px;
  236. }
  237.  
  238. ::-webkit-scrollbar {
  239. height:6px;
  240. width:6px;
  241. }
  242.  
  243. ::selection {
  244. background-color:{color:selection};
  245. color:white;}
  246.  
  247.  
  248. #s-m-t-tooltip {
  249. max-width:100px;
  250. padding:5px 10px 5px 10px;
  251. margin:20px 14px 7px 10px;
  252. border:2px solid {color:tooltips border};
  253. background-color:#fff;
  254. font-style: normal;
  255. font-size:10px;
  256. line-height:11px;
  257. letter-spacing:0px;
  258. text-transform:none;
  259. z-index:999999999;
  260. }
  261.  
  262. #wrapper{
  263. width:900px;
  264. margin:0px auto;
  265. }
  266.  
  267. /* ----------------- phone / sidebar ----------------- */
  268.  
  269. #phone{
  270. position:fixed;
  271. margin-left:480px;
  272. height:420px;
  273. width:250px;
  274. background-color:{color:phone};
  275. border-radius:15px;
  276. }
  277.  
  278. /* ----------------- description ----------------- */
  279.  
  280. #beep{
  281. margin-left:750px;
  282. width:150px;
  283. padding:5px;
  284. background-color:{color:description};
  285. position:fixed;
  286. margin-top:20px;
  287. border-radius:10px;
  288. color:{color:description text};
  289. line-height:150%;
  290. }
  291.  
  292. #dash{
  293. color:{color:description};
  294. position:fixed;
  295. margin-left:-18px;
  296. font-size:20px;
  297. }
  298.  
  299. /* ----------------- homescreen + lockscreen ----------------- */
  300.  
  301. #lockscreen{
  302. background-color:{color:lockscreen};
  303. background-image:url('{image:lockscreen}');
  304. background-size:230px;
  305. margin-left:10px;
  306. margin-top:50px;
  307. height:310px;
  308. width:230px;
  309. line-height:150%;
  310. }
  311.  
  312. #lockscreen:hover #homescreen {opacity:1;}
  313.  
  314. #homescreen{
  315. position:absolute;
  316. width:230px;
  317. height:310px;
  318. opacity:0;
  319. z-index:9999;
  320. background-color:{color:homescreen};
  321. background-image:url('{image:homescreen}');
  322. background-size:230px;
  323. transition:0.6s ease;
  324. -o-transition:0.6s ease;
  325. -moz-transition:0.6s ease;
  326. -webkit-transition:0.6s ease;
  327. }
  328.  
  329. /* ----------------- apps ----------------- */
  330.  
  331. #app{
  332. line-height:2px;
  333. padding:5px;
  334. border-radius:5px;
  335. text-align:Center;
  336. margin:8.7px;
  337. float:left;
  338. height:30px;
  339. width:30px;
  340. background: {color:app gradient 1};
  341. background: -webkit-linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  342. background: -o-linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  343. background: -moz-linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  344. background: linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  345. }
  346.  
  347. #app a{
  348. font-size:30px;
  349. color:#fff;
  350. -moz-transition-duration: 0.5s;
  351. -o-transition-duration: 0.5s;
  352. -webkit-transition-duration: 0.5s;
  353. transition-duration: 0.5s;
  354. }
  355.  
  356. #app:hover{
  357. background: {color:app gradient 2};
  358. background: -webkit-linear-gradient( {color:app gradient 2} , {color:app gradient 1});
  359. background: -o-linear-gradient( {color:app gradient 2} , {color:app gradient 1});
  360. background: -moz-linear-gradient( {color:app gradient 2} , {color:app gradient 1});
  361. background: linear-gradient( {color:app gradient 2} , {color:app gradient 1}); /* Standard syntax */
  362. background-color:#fff;
  363. -moz-transition-duration: 0.5s;
  364. -o-transition-duration: 0.5s;
  365. -webkit-transition-duration: 0.5s;
  366. transition-duration: 0.5s;
  367. }
  368.  
  369. /* ----------------- lockscreen stuff ----------------- */
  370.  
  371. #time{
  372. font-size:50px;
  373. margin-top:30px;
  374. margin:0 auto;
  375. width:230px;
  376. text-align:center;
  377. margin-top:40px;
  378. position:fixed;
  379. color:#fff;
  380. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  381. }
  382.  
  383. #date{
  384. width:230px;
  385. text-align:Center;
  386. position:Fixed;
  387. color:#fff;
  388. font-size:13px;
  389. margin-top:80px;
  390. text-shadow:0px 0px 5px rgba(0,0,0,0.5);
  391. }
  392.  
  393. #unlock{
  394. width:180px;
  395. position:fixed;
  396. margin-left:15px;
  397. background-color:rgba(0,0,0,0.1);
  398. margin-top:270px;
  399. padding:5px 10px;
  400. color:#fff;
  401. text-align:Center;
  402. text-shadow:0px 0px 5px rgba(0,0,0,0.5);
  403. }
  404.  
  405. /* ----------------- post container ----------------- */
  406.  
  407. #postcont{
  408. width:420px;
  409. margin-left:0px;
  410. margin-top:100px;
  411. }
  412.  
  413. /* ----------------- stuff above the posts ----------------- */
  414.  
  415. #topinfo{
  416. width:400px;
  417. height:20px;
  418. margin-bottom:10px;
  419. display: -webkit-flex;
  420. display: flex;
  421. -webkit-flex-direction: row;
  422. flex-direction: row;
  423. -webkit-flex-wrap: nowrap;
  424. flex-wrap: nowrap;
  425. -webkit-justify-content: flex-start;
  426. justify-content: flex-start;
  427. }
  428.  
  429. #topapp{
  430. padding:5px;
  431. font-size:12px;
  432. border-radius:5px;
  433. color:#fff;
  434. height:12px;
  435. width:12px;
  436. margin-bottom:10px;
  437. margin-top:-1px;
  438. background: {color:app gradient 1};
  439. background: -webkit-linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  440. background: -o-linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  441. background: -moz-linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  442. background: linear-gradient( {color:app gradient 1} , {color:app gradient 2});
  443. }
  444.  
  445. #infodate{
  446. margin-top:2px;
  447. margin-left:5px;
  448. }
  449.  
  450. #infodate a{
  451. color:#fff;
  452. background-color:{color:app gradient 1};
  453. padding:3px 5px;
  454. border-radius:5px;
  455. }
  456.  
  457. #infodate a:hover{
  458. background-color:{color:app gradient 2};
  459. }
  460.  
  461. #reblog{
  462. text-align:right;
  463. }
  464.  
  465. #reblog a{
  466. color:#fff;
  467. background-color:{color:app gradient 1};
  468. padding:3px 5px;
  469. border-radius:5px;
  470. }
  471.  
  472. /* ----------------- posts ----------------- */
  473.  
  474. #post{
  475. border-radius:10px;
  476. width:400px;
  477. margin:0 auto;
  478. padding:10px;
  479. margin-bottom:80px;
  480. margin-top:40px;
  481. background:#fff;
  482. overflow:hidden;
  483. line-height:150%;
  484. }
  485. #post img{
  486. max-width:100%;
  487. height:auto;
  488. }
  489.  
  490. /* ----------------- chats ----------------- */
  491.  
  492. #cttl{
  493. padding-bottom:5px;
  494. }
  495.  
  496. #chatcont{
  497. border-radius:5px;
  498. border:1px solid #eee;
  499. padding:5px;
  500. }
  501.  
  502. #line b{
  503. color:#fff;
  504. }
  505.  
  506. #line:nth-of-type(even) {
  507. margin-top:5px;
  508. background-color:{color:app gradient 1};
  509. padding:2px 5px;
  510. width:180px;
  511. border-radius:5px;
  512. color:#fff;
  513. }
  514.  
  515. #line:nth-of-type(odd) {
  516. margin-top:5px;
  517. background-color:{color:app gradient 2};
  518. margin-left:197px;
  519. padding:2px 5px;
  520. border-radius:5px;
  521. width:180px;
  522. color:#fff;
  523. }
  524.  
  525. /* ----------------- quotes ----------------- */
  526.  
  527. #quote{
  528. text-align:center;
  529. font-size:17px;
  530. line-height:150%;
  531. }
  532.  
  533. /* ----------------- ask posts ----------------- */
  534.  
  535. #q{
  536. width:350px;
  537. padding-bottom:8px;
  538. margin-left:50px;
  539. margin-top:-4px;
  540. }
  541.  
  542. #qimg{
  543. position:absolute;
  544. }
  545.  
  546. #qimg img{
  547. border-radius:5px;
  548. }
  549.  
  550. /* ----------------- tags ----------------- */
  551.  
  552. #tags{
  553. width:400px;
  554. color:#999;
  555. font-style:italic;
  556. margin-top:3px;
  557. }
  558.  
  559. #tags a{
  560. color:{color:links};
  561. padding-right:5px;
  562. text-decoration:none;
  563. }
  564.  
  565. /* ----------------- permalink page notes ----------------- */
  566.  
  567. #note{
  568. width:400px;
  569. padding:10px;
  570. border-radius:15px;
  571. background-color:#fff;
  572. margin-bottom:100px;
  573. }
  574.  
  575. .notes img{width:20px; position:relative; top:1px; padding-right:5px;}
  576. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  577.  
  578. /* ----------------- pagination ----------------- */
  579.  
  580. #pagi{
  581. width:400px;
  582. padding:5px;
  583. margin:0 auto;
  584. margin-top:50px;
  585. margin-bottom:150px;
  586. overflow:hidden;
  587. text-align:center;
  588. }
  589.  
  590. #pagi a{
  591. padding-left:5px;
  592. padding-right:5px;
  593. color:#fff;
  594. border-radius:3px;
  595. margin:3px;
  596. background-color:{color:links};
  597. }
  598.  
  599. #pagi a:hover{
  600. background-color:#fff;
  601. color:{color:links};
  602. }
  603.  
  604. .current_page{
  605. padding-left:5px;
  606. padding-right:5px;
  607. border-radius:3px;
  608. background-color:#fff;
  609. color:{color:links};
  610. border:1px solid {color:links};
  611. }
  612.  
  613. /* ----------------- funky fonts this theme is able to display ----------------- */
  614.  
  615. @font-face {
  616. font-family: Calluna;
  617. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  618. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  619. font-weight: 700;
  620. font-style: italic
  621. }
  622.  
  623. @font-face {
  624. font-family: Fairwater;
  625. src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  626. font-weight: 400;
  627. font-style: normal
  628. }
  629. p.npf_quirky{font-family:Fairwater; font-size:20px;}
  630. p.npf_chat{font-family:Courier;}
  631. p.npf_quote{font-family:Calluna;}
  632.  
  633. {CustomCSS}
  634. </style>
  635. </head>
  636. <body>
  637.  
  638. <div id="wrapper">
  639.  
  640. <div id="beep">
  641. <div id="dash"> ◄ </div>
  642. {description}
  643. </div>
  644.  
  645. <div id="phone">
  646.  
  647. <div id="lockscreen">
  648. <div id="homescreen">
  649.  
  650. <div id="app"><a href="/"><span class="sf sf-home"></span></a></div>
  651. <div id="app"><a href="{text:ask link}"><span class="sf sf-envelope-3"></span></a></div>
  652. <div id="app"><a href="{text:archive link}"><span class="sf sf-calendar"></span></a></div>
  653. <div id="app"><a href="{text:link 1}"><span class="sf sf-user"></span></a></div>
  654. <div id="app"><a href="{text:link 2}"><span class="sf sf-compass"></span></a></div>
  655. <div id="app"><a href="{text:link 3}"><span class="sf sf-heart-2"></span></a></div>
  656.  
  657. </div><!-- homescreen -->
  658.  
  659. <div id="time">
  660. <script type="text/javascript">
  661. function GetClock(){
  662. var d=new Date();
  663. var nhour=d.getHours(),nmin=d.getMinutes();
  664. if(nmin<=9) nmin="0"+nmin
  665.  
  666. document.getElementById('clockbox').innerHTML=""+nhour+":"+nmin+"";
  667. }
  668.  
  669. window.onload=function(){
  670. GetClock();
  671. setInterval(GetClock,1000);
  672. }
  673. </script>
  674. <div id="clockbox"></div>
  675. </div><!-- time -->
  676.  
  677. <div id="date">{Title}</div>
  678.  
  679. <div id="unlock">Hover to unlock</div>
  680. </div><!-- lockscreen -->
  681.  
  682. </div><!-- phone -->
  683.  
  684. <div id="postcont">
  685. {block:Posts}
  686. <div id="post">
  687.  
  688. {block:Text}
  689. {block:indexpage}
  690. <div id="topinfo">
  691. <div id="topapp"><span class="sf sf-write"></span></div>
  692. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  693. </div>
  694. {/block:indexpage}
  695. {block:Title}<h2>{Title}</h2>{/block:Title}
  696. {Body}
  697. {/block:Text}
  698.  
  699. {block:Photo}
  700. <div id="topinfo">
  701. <div id="topapp"><span class="sf sf-camera"></span></div>
  702. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  703. </div>
  704. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  705. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  706. {/block:Photo}
  707.  
  708. {block:Photoset}
  709. <div id="topinfo">
  710. <div id="topapp"><span class="sf sf-picture"></span></div>
  711. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  712. </div>
  713. <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>
  714. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  715. {/block:Photoset}
  716.  
  717. {block:Quote}
  718. <div id="topinfo">
  719. <div id="topapp"><span class="sf sf-quotation-mark"></span></div>
  720. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  721. </div>
  722. <div id="quote">{Quote}</div> <br>
  723. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  724. {/block:Quote}
  725.  
  726. {block:Link}
  727. <div id="topinfo">
  728. <div id="topapp"><span class="sf sf-link-2"></span></div>
  729. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  730. </div>
  731. <div id="link">
  732. <h2><a href="{URL}" target="_blank">{Name} > </a></h2>
  733. <div id="linkdesc">
  734. {block:Excerpt}{Excerpt}{/block:Excerpt}
  735. </div>
  736. </div>
  737. {block:Description}{Description}{/block:Description}
  738. {/block:Link}
  739.  
  740. {block:Chat}
  741. <div id="topinfo">
  742. <div id="topapp"><span class="sf sf-chat"></span></div>
  743. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  744. </div>
  745. {block:Title}
  746. <div id="cttl">
  747. {Title}
  748. </div>
  749. {/block:Title}
  750. {block:Lines}
  751. {block:Label}<div id="line">
  752. <b>{Label}</b>{/block:Label} {Line}<br>
  753. </div>{/block:Lines}
  754. {/block:Chat}
  755.  
  756. {block:Audio}
  757. <div id="topinfo">
  758. <div id="topapp"><span class="sf sf-music-note"></span></div>
  759. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  760. </div>
  761. <div style="height: 100px">{AudioEmbed-400}</div>
  762. {block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount} <br>
  763. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  764. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  765.  
  766. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  767. {/block:Audio}
  768.  
  769. {block:Video}
  770. <div id="topinfo">
  771. <div id="topapp"><span class="sf sf-tv"></span></div>
  772. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  773. </div>
  774. <div class="video">{Video-500}</div>
  775. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  776. {/block:Video}
  777.  
  778. {block:Answer}
  779. <div id="topinfo">
  780. <div id="topapp"><span class="sf sf-question-mark"></span></div>
  781. <div id="infodate"><a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a></div>
  782. </div>
  783. <div id="qimg">
  784. <img src="{AskerPortraitURL-40}">
  785. </div>
  786. <div id="q">
  787. <b>{Asker}</b> asked: <br> {Question}
  788. </div>
  789.  
  790. {Answer}
  791. {/block:Answer}
  792.  
  793. {block:IndexPage}
  794. {block:iftags}
  795. {block:HasTags}
  796. <div id="tags">
  797. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  798. </div>
  799. {/block:HasTags}
  800. {/block:iftags}
  801. {/block:IndexPage}
  802.  
  803. {block:PermalinkPage}
  804. <br><br>
  805. {block:Date}
  806. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  807. {/block:Date} <br>
  808. {block:NoteCount}
  809. <b>Notes:</b> {NoteCount}<br>
  810. {/block:NoteCount}
  811. {block:HasTags}
  812. <b>Tags</b>
  813. {block:Tags}
  814. <a href="{TagURL}">#{tag}</a>
  815. {/block:Tags}<br>
  816. {/block:HasTags}
  817. {block:RebloggedFrom}
  818. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  819. {block:ContentSource}
  820. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  821. {/block:ContentSource}
  822. {/block:RebloggedFrom}
  823. </div>
  824. {/block:PermalinkPage}
  825.  
  826. {block:PermalinkPage}
  827. {block:PostNotes}
  828. {block:NoteCount}
  829. <div id="note">
  830. {PostNotes}
  831. </div>
  832. {/block:NoteCount}
  833. {/block:PostNotes}
  834. {/block:permalinkpage}
  835. </div>
  836. {/block:Posts}
  837.  
  838. {block:indexpage}
  839. {block:Pagination}
  840. <div id="pagi">
  841. {block:PreviousPage}
  842. <a href="{PreviousPage}"><</a>
  843. {/block:PreviousPage}
  844.  
  845. {block:JumpPagination length="3"}
  846. {block:CurrentPage}
  847. <span class="current_page">{PageNumber}</span>
  848. {/block:CurrentPage}
  849.  
  850. {block:JumpPage}
  851. <a class="jump_page" href="{URL}">{PageNumber}</a>
  852. {/block:JumpPage}
  853. {/block:JumpPagination}
  854.  
  855. {block:NextPage}
  856. <a href="{NextPage}">></a>
  857. {/block:NextPage}
  858.  
  859. </div>
  860. {/block:Pagination}
  861. {/block:indexpage}
  862. </div><!-- postcont -->
  863. </div><!-- wrapper -->
  864.  
  865. <div id="c"><a href="http://baechys.tumblr.com" title="Made with Love by Caroline">BCHYS</a></div>
  866.  
  867. </body>
  868. </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!