API tools faq
paste
Advertisement
baechubaechubaechu

Facebook

baechubaechubaechu
Dec 17th, 2017
14,901
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.46 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. ** Facebook -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:header" content=""/>
  50. <meta name="image:avatar" content=""/>
  51.  
  52. <meta name="color:background" content="#f0f0f0"/>
  53. <meta name="color:body font" content="#888"/>
  54. <meta name="color:links" content="#74c1d6"/>
  55. <meta name="color:links hover" content="#edb0ce"/>
  56. <meta name="color:bold text" content="#999"/>
  57. <meta name="color:selection" content="#74c1d6"/>
  58. <meta name="color:scrollbar" content="#74c1d6"/>
  59. <meta name="color:tooltips border" content="#74c1d6"/>
  60. <meta name="color:topbar" content="#74c1d6"/>
  61. <meta name="color:borders" content="#eee"/>
  62. <meta name="color:header" content="#74c1d6"/>
  63. <meta name="color:sidebar icons" content="#74c1d6"/>
  64. <meta name="color:sidebar accent" content="#74c1d6"/>
  65.  
  66. <meta name="if:tags" content="1"/>
  67. <meta name="if:caption" content="1"/>
  68. <meta name="if:caption on top" content="1"/>
  69. <meta name="if:rounded caption" content="1"/>
  70. <meta name="if:inverted post buttons" content="0"/>
  71. <meta name="if:avatar" content="1"/>
  72.  
  73. <meta name="text:font size" content="11"/>
  74. <meta name="text:icon 1" content="home"/>
  75. <meta name="text:icon 2" content="chat"/>
  76. <meta name="text:icon 3" content="user"/>
  77. <meta name="text:icon 4" content="stars"/>
  78. <meta name="text:icon 5" content="edit"/>
  79.  
  80. <meta name="text:link 1" content="Home"/>
  81. <meta name="text:link 1 url" content="/"/>
  82. <meta name="text:link 2" content="Ask"/>
  83. <meta name="text:link 2 url" content="/"/>
  84. <meta name="text:link 3" content="About"/>
  85. <meta name="text:link 3 url" content="/"/>
  86. <meta name="text:link 4" content="Navigation"/>
  87. <meta name="text:link 4 url" content="/"/>
  88. <meta name="text:link 5" content="Archive"/>
  89. <meta name="text:link 5 url" content="/"/>
  90.  
  91. <!------------------------- Imported Fonts ------------------------->
  92.  
  93. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  94.  
  95. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i" rel="stylesheet">
  96.  
  97. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  98.  
  99. <!-- photosets -->
  100. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  101. <link href="http://static.tumblr.com/d70w4cr/bxfp142ny/minstyle.css" rel="stylesheet" type="text/css"/>
  102. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  103. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  104.  
  105.  
  106. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  107.  
  108. <script> $(function(){ $('.post').unnest({
  109. yourCaption: ".cap",
  110. newCaptionUsername: false,
  111. originalPostCaptionUsername: false,
  112. tumblrAvatars: false,
  113. usernameColon: false
  114. }); }); </script>
  115.  
  116. <script>
  117. $(document).ready(function(){
  118. $('.photo-slideshow').pxuPhotoset({
  119. lightbox: true,
  120. rounded: true,
  121. gutter: '4px',
  122. borderRadius: '5px',
  123. photoset: '.photo-slideshow',
  124. photoWrap: '.photo-data',
  125. photo: '.pxu-photo'
  126. });
  127. });
  128. </script>
  129.  
  130. <!-- tooltips -->
  131. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  132. <script>
  133. (function($){
  134. $(document).ready(function(){
  135. $("[title]").style_my_tooltips({
  136. tip_follows_cursor:true,
  137. tip_delay_time:200,
  138. tip_fade_speed:300
  139. }
  140. );
  141. });
  142. })(jQuery);
  143. </script>
  144.  
  145. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  146.  
  147. <style type="text/css">
  148.  
  149. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  150. z-index:999999999!important;
  151. float:right!important;
  152. -webkit-filter:invert(100%);
  153. -moz-filter:invert(100%);
  154. -filter:invert(100%);
  155. -webkit-transition: all 0.4s linear;
  156. -moz-transition: all 0.4s linear;
  157. transition: all 0.4s linear;
  158. }
  159.  
  160. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  161. opacity:1;
  162. }
  163.  
  164. .vignette, #vignette {
  165. opacity:0;
  166. }
  167. .lightbox-image, #tumblr_lightbox img {
  168. box-shadow:none !important;
  169. border-radius:0 !important;
  170. max-width:none;
  171. }
  172.  
  173. .tmblr-lightbox, #tumblr_lightbox {
  174. background-color:rgba({RGBcolor:background},0.85) !important;
  175. z-index:999999999999!important;
  176. }
  177.  
  178. body{
  179. margin:0px;
  180. padding:0px;
  181. font-family: 'open sans', arial, sans-serif;
  182. font-size:{text:font size}px;
  183. color:{color:body font};
  184. background:{color:background} url('{image:background}');
  185. background-attachment:fixed;
  186. }
  187. b, strong{
  188. color:{color:bold text};
  189. }
  190. a{
  191. color:{color:links};
  192. text-decoration:none;
  193. }
  194.  
  195. a:hover{
  196. color:{color:links hover};
  197. -moz-transition-duration: 0.5s;
  198. -o-transition-duration: 0.5s;
  199. -webkit-transition-duration: 0.5s;
  200. transition-duration: 0.5s;
  201. }
  202.  
  203. h1, h2, h3, h4, h5, h6{
  204. margin:5px 0px;
  205. line-height:150%;
  206. }
  207.  
  208. blockquote{
  209. margin:10px 0;
  210. padding:0 0 0 10px;
  211. border-left:1px solid {color:body font};
  212. }
  213.  
  214. underlined{
  215. border-bottom:1px solid {color:body font};
  216. }
  217.  
  218. pre{
  219. overflow:auto;
  220. background-color:#eee;
  221. display:block;
  222. padding:5px;
  223. }
  224.  
  225. #c{
  226. position:fixed;
  227. bottom: 15px;
  228. right: 10px;
  229. text-align:center;
  230. z-index:999999;
  231. }
  232. #c a{
  233. background:{color:links};
  234. font-size:12px;
  235. color:#fff;
  236. font-size:10px;
  237. padding:5px 7px;
  238. letter-spacing:1px;
  239. text-decoration:none;
  240. border-radius:5px;
  241. margin:0px 3px;
  242. }
  243. #c a:hover{
  244. background:#fff;
  245. border:1px solid {color:links};
  246. color:{color:links};
  247. letter-spacing:1px;
  248. }
  249.  
  250. ::-webkit-scrollbar-thumb:vertical {
  251. background-color: {color:scrollbar};
  252. width:6px;
  253. height:auto;
  254. }
  255.  
  256.  
  257. ::-webkit-scrollbar-thumb:horizontal {
  258. background-color: {color:scrollbar};
  259. height:6px;
  260. }
  261.  
  262. ::-webkit-scrollbar {
  263. height:6px;
  264. width:6px;
  265. }
  266.  
  267. ::selection {
  268. background-color:{color:selection};
  269. color:white;}
  270.  
  271.  
  272. #s-m-t-tooltip {
  273. max-width:100px;
  274. padding:5px 10px 5px 10px;
  275. margin:20px 14px 7px 10px;
  276. border:2px solid {color:tooltips border};
  277. background-color:#fff;
  278. font-style: normal;
  279. font-size:10px;
  280. line-height:11px;
  281. letter-spacing:0px;
  282. text-transform:none;
  283. z-index:999999999;
  284. }
  285.  
  286. #wrapper{
  287. width:940px;
  288. margin:0px auto;
  289. }
  290.  
  291. /* ----------------- topbar ----------------- */
  292.  
  293. #topbar{
  294. width:100%;
  295. position:fixed;
  296. top:0px;
  297. left:0px;
  298. height:45px;
  299. background-color:{color:topbar};
  300. z-index:999999999;
  301. }
  302.  
  303. #topcont{
  304. width:940px;
  305. margin:0 auto;
  306. padding:12px 0px;
  307. }
  308.  
  309. #logo{
  310. float:left;
  311. }
  312.  
  313. #logo a{
  314. color:{color:topbar};
  315. background-color:#fff;
  316. border-radius:5px;
  317. font-size:16px;
  318. border:1px solid #fff;
  319. padding:3px 5px 1px 4px;
  320. }
  321.  
  322. #logo a:hover{
  323. border:1px solid #fff;
  324. background-color:{color:topbar};
  325. color:#fff;
  326. }
  327.  
  328. #sf {
  329. float:left;
  330. background:#fff;
  331. padding:6.5px 5px;
  332. margin-top:-4px;
  333. border:none;
  334. border-radius:5px;
  335. margin-left:10px;
  336. width:300px;
  337. font-family:'open sans', arial, sans-serif;
  338. color:{color:body font};
  339. font-size:11px;
  340. float:left;
  341. }
  342.  
  343. #sf::selection{
  344. color:#fff;
  345. background-color:{color:topbar};
  346. }
  347.  
  348. #icons{
  349. float:right;
  350. font-size:20px;
  351. display: -webkit-flex;
  352. display: flex;
  353. -webkit-flex-direction: row;
  354. flex-direction: row;
  355. -webkit-flex-wrap: nowrap;
  356. flex-wrap: nowrap;
  357. -webkit-justify-content: flex-start;
  358. justify-content: flex-start;
  359. }
  360.  
  361. #icons a{
  362. color:#fff;
  363. padding-left:15px;
  364. }
  365.  
  366. #icons a:hover{
  367. color:rgba(255,255,255,0.6);
  368. }
  369.  
  370. /* ----------------- link-sidebar ----------------- */
  371.  
  372. #linkbar{
  373. padding:0px 10px;
  374. padding-bottom:none;
  375. width:150px;
  376. border-radius:5px;
  377. border:1px solid {color:borders};
  378. background-color:#fff;
  379. position:fixed;
  380. }
  381.  
  382. #linkbar .sf{
  383. background-color:{color:sidebar icons};
  384. color:#fff;
  385. border-radius:5px;
  386. font-size:14px;
  387. width:14px;
  388. line-height:20px;
  389. padding:0px 3px;
  390. }
  391.  
  392. #linkbar a{
  393. margin-left:7px;
  394. font-weight:bold;
  395. color:{color:sidebar accent};
  396. line-height:20px;
  397. }
  398.  
  399. #linkbar a:hover{
  400. color:{color:links hover};
  401. }
  402.  
  403. #linkbar ul{
  404. margin:0px;
  405. padding:0px;
  406. list-style-type:none
  407. }
  408.  
  409. #linkbar li{
  410. margin:10px 0px 10px 0px;
  411. line-height:20px;
  412. }
  413.  
  414. #linkbar li:last-of-type{
  415. padding-bottom:0px;
  416. }
  417.  
  418. #ic{
  419. float:left;
  420. padding:0px 3px;
  421. color:#fff;
  422. border-radius:5px;
  423. font-size:14px;
  424. line-height:20px;
  425. }
  426.  
  427. /* ----------------- sidebar ----------------- */
  428.  
  429. #sidebar{
  430. position:fixed;
  431. margin-left:690px;
  432. background-color:#fff;
  433. border-radius:5px;
  434. border:1px solid {color:borders};
  435. width:250px;
  436. }
  437.  
  438. #header{
  439. height:150px;
  440. width:250px;
  441. background-color:{color:header};
  442. background-image:url('{image:header}');
  443. border-top-left-radius:5px;
  444. border-top-right-radius:5px;
  445. }
  446.  
  447. #header img{
  448. border-top-left-radius:5px;
  449. border-top-right-radius:5px;
  450. }
  451.  
  452. #avatar{
  453. height:50px;
  454. width:50px;
  455. margin-top:-45px;
  456. margin-left:10px;
  457. }
  458.  
  459. #avatar img{
  460. border:2px solid #fff;
  461. border-radius:5px;
  462. max-height:50px;
  463. max-width:50px;
  464. }
  465.  
  466. #desc{
  467. {block:ifavatar} {/block:ifavatar}
  468. {block:ifnotavatar} {/block:ifnotavatar}
  469. padding:10px;
  470. }
  471.  
  472. /* ----------------- post container ----------------- */
  473.  
  474. #postcont{
  475. width:420px;
  476. margin-top:80px;
  477. margin-left:220px;
  478. }
  479.  
  480. /* ----------------- posts ----------------- */
  481.  
  482. .post{
  483. border-radius:5px;
  484. width:400px;
  485. margin:0 auto;
  486. padding:10px;
  487. margin-bottom:50px;
  488. margin-top:40px;
  489. background:#fff;
  490. overflow:hidden;
  491. line-height:150%;
  492. border:1px solid {color:borders};
  493. }
  494. .post img{
  495. max-width:100%;
  496. height:auto;
  497. }
  498.  
  499. /* ----------------- post info ----------------- */
  500.  
  501. #postinfo{
  502. margin-bottom:10px;
  503. }
  504.  
  505. #avi{
  506. position:Absolute;
  507. }
  508.  
  509. #avi img{
  510. border-radius:100%;
  511. }
  512.  
  513. #postname{
  514. margin-left:40px;
  515. font-weight:bold;
  516. }
  517.  
  518. #posttime{
  519. margin-left:40px;
  520. }
  521.  
  522. #posttime a{
  523. color:#999;
  524. }
  525.  
  526. /* ----------------- captions ----------------- */
  527.  
  528. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  529.  
  530. .cap {
  531. margin:10px 0;
  532. }
  533.  
  534. .tumblr_parent {
  535. padding:5px 10px 0px 10px;
  536. border:1px solid #eee;
  537. {block:ifroundedcaption}
  538. border-radius:5px;
  539. {/block:ifroundedcaption}
  540. }
  541.  
  542. .tumblr_parent blockquote {
  543. margin:5px 0;
  544. }
  545.  
  546. a.tumblr_blog {
  547. display:block;
  548. font-size:{text:font size}px;
  549. line-height:150%;
  550. font-weight:bold;
  551. }
  552.  
  553. a.tumblr_blog:after{
  554. content:':';
  555. }
  556.  
  557. /* ----------------- chats ----------------- */
  558.  
  559. #cttl{
  560. padding-bottom:5px;
  561. }
  562.  
  563. #chatcont{
  564. border-radius:5px;
  565. border:1px solid #eee;
  566. padding:5px;
  567. }
  568.  
  569. #line b{
  570. color:#fff;
  571. }
  572.  
  573. #line:nth-of-type(even) {
  574. margin-top:5px;
  575. background-color:{color:sidebar accent};
  576. padding:2px 5px;
  577. width:180px;
  578. border-radius:5px;
  579. color:#fff;
  580. }
  581.  
  582. #line:nth-of-type(odd) {
  583. margin-top:5px;
  584. background-color:{color:sidebar icons};
  585. margin-left:197px;
  586. padding:2px 5px;
  587. border-radius:5px;
  588. width:180px;
  589. color:#fff;
  590. }
  591.  
  592. /* ----------------- quotes ----------------- */
  593.  
  594. #quote{
  595. text-align:center;
  596. font-size:17px;
  597. line-height:150%;
  598. }
  599.  
  600. /* ----------------- audio ----------------- */
  601.  
  602. #playcount{
  603. padding-bottom:10px;
  604. }
  605.  
  606. /* ----------------- ask posts ----------------- */
  607.  
  608. #ask{
  609. width:380px;
  610. padding:10px;
  611. border-radius:5px;
  612. border:1px solid #eee;
  613. }
  614.  
  615. #q{
  616. width:330px;
  617. margin-left:40px;
  618. margin-top:-4px;
  619. }
  620.  
  621. #qimg{
  622. position:absolute;
  623. }
  624.  
  625. #qimg img{
  626. border-radius:100%;
  627. }
  628.  
  629. #answerer{
  630. margin-left:40px;
  631. }
  632.  
  633. #answerer a{
  634. color:{color:accent};
  635. }
  636.  
  637. #answerer a:hover{
  638. color:{color:links hover};
  639. }
  640.  
  641. #answer{
  642. width:380px;
  643. margin-top:5px;
  644. padding:10px 10px 5px 10px;
  645. border-radius:5px;
  646. border:1px solid #eee;
  647. }
  648.  
  649. /* ----------------- tags ----------------- */
  650.  
  651. #tags{
  652. background:#fff;
  653. width:400px;
  654. font-style:italic;
  655. margin-top:3px;
  656. }
  657.  
  658. #tags a{
  659. color:{color:links};
  660. padding-right:5px;
  661. text-decoration:none;
  662. }
  663.  
  664. /* ----------------- permalink page notes ----------------- */
  665.  
  666. #note{
  667. width:400px;
  668. padding:10px;
  669. border-radius:5px;
  670. background-color:#fff;
  671. margin-bottom:100px;
  672. }
  673.  
  674. .notes img{width:20px; position:relative; top:1px; padding-right:5px;}
  675. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  676.  
  677. /* ----------------- pagination ----------------- */
  678.  
  679. #pagi{
  680. width:400px;
  681. padding:5px;
  682. margin:0 auto;
  683. margin-top:50px;
  684. margin-bottom:150px;
  685. overflow:hidden;
  686. text-align:center;
  687. }
  688.  
  689. #pagi a{
  690. padding-left:5px;
  691. padding-right:5px;
  692. color:#fff;
  693. border-radius:3px;
  694. margin:3px;
  695. background-color:{color:links};
  696. }
  697.  
  698. #pagi a:hover{
  699. background-color:#fff;
  700. color:{color:links};
  701. }
  702.  
  703. .current_page{
  704. padding-left:5px;
  705. padding-right:5px;
  706. border-radius:3px;
  707. background-color:#fff;
  708. color:{color:links};
  709. border:1px solid {color:links};
  710. }
  711.  
  712. /* ----------------- post buttons ----------------- */
  713.  
  714. #below{
  715. margin-top:15px;
  716. margin-bottom:7px;
  717. display: -webkit-flex;
  718. display: flex;
  719. -webkit-flex-direction: row;
  720. flex-direction: row;
  721. -webkit-flex-wrap: nowrap;
  722. flex-wrap: nowrap;
  723. -webkit-justify-content: flex-start;
  724. justify-content: flex-start;
  725. }
  726.  
  727. #below .sf{
  728. font-size:calc({text:font size}px - 1px);
  729. }
  730.  
  731. #bl a{
  732. margin:10px 7px 0 0;
  733. border-radius:5px;
  734. padding:3px 7px;
  735. font-weight:600;
  736. {block:ifinvertedpostbuttons}
  737. color:{color:links};
  738. border:1px solid #eee;
  739. {/block:ifinvertedpostbuttons}
  740. {block:ifnotinvertedpostbuttons}
  741. background-color:{color:links};
  742. border:1px solid {color:links};
  743. color:#fff;
  744. {/block:ifnotinvertedpostbuttons}
  745. }
  746.  
  747. #bl a:hover{
  748. {block:ifinvertedpostbuttons}
  749. background-color:{color:links};
  750. color:#fff;
  751. border:1px solid {color:links};
  752. {/block:ifinvertedpostbuttons}
  753. {block:ifnotinvertedpostbuttons}
  754. background-color:#fff;
  755. color:{color:links};
  756. border:1px solid rgba({RGBcolor:links},0.6);
  757. {/block:ifnotinvertedpostbuttons}
  758. }
  759.  
  760. /* ----------------- funky fonts this theme is able to display ----------------- */
  761.  
  762. @font-face {
  763. font-family: Calluna;
  764. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  765. 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");
  766. font-weight: 700;
  767. font-style: italic
  768. }
  769.  
  770. @font-face {
  771. font-family: Fairwater;
  772. 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");
  773. font-weight: 400;
  774. font-style: normal
  775. }
  776. p.npf_quirky{font-family:Fairwater; font-size:20px;}
  777. p.npf_chat{font-family:Courier;}
  778. p.npf_quote{font-family:Calluna;}
  779.  
  780. {CustomCSS}
  781. </style>
  782. </head>
  783. <body>
  784.  
  785. <div id="topbar">
  786. <div id="topcont">
  787.  
  788. <div id="icons">
  789. {block:PermalinkPage}{block:Posts}{block:Date}
  790. {LikeButton size="20" color="white"}
  791. {ReblogButton size="20" color="white"}
  792. <a href="{EmbedUrl}" target="_blank" title="embed"> <span class="sf sf-aero-cursor"></span> </a>
  793. {/block:Date}{/block:Posts}{/block:PermalinkPage}
  794. <a href="https://tumblr.com/dashboard" target="_blank" title="dashboard">
  795. <span class="sf sf-home"></span>
  796. <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="message"><span class="sf sf-chat"></span></a>
  797. <a href="https://tumblr.com/follow/{Name}" title="follow"><span class="sf sf-plus-2"></span></a>
  798. </a>
  799. </div>
  800.  
  801. <div id="logo"><a href="/"><span class="sf sf-facebook"></span></a></div>
  802.  
  803. <script language="javascript">
  804. function send()
  805. {document.theform.submit()}
  806. </script>
  807.  
  808. <form action="/search" method="get" class="sfm" name="theform">
  809. <input type="text" name="q" value="Search" id="sf"/>
  810. </form>
  811.  
  812. </div><!-- topcont -->
  813. </div><!-- topbar -->
  814.  
  815. <div id="wrapper">
  816.  
  817. <div id="linkbar">
  818. <ul>
  819. <li> <div id="ic"><span class="sf sf-{text:icon 1}"></span></div><a href="{text:link 1 url}">{text:link 1}</a> </li>
  820. <li> <div id="ic"><span class="sf sf-{text:icon 2}"></span></div><a href="{text:link 2 url}">{text:link 2}</a> </li>
  821. <li> <div id="ic"><span class="sf sf-{text:icon 3}"></span></div><a href="{text:link 3 url}">{text:link 3}</a> </li>
  822. <li> <div id="ic"><span class="sf sf-{text:icon 4}"></span></div><a href="{text:link 4 url}">{text:link 4}</a> </li>
  823. <li> <div id="ic"><span class="sf sf-{text:icon 5}"></span></div><a href="{text:link 5 url}">{text:link 5}</a> </li>
  824. </ul>
  825. </div><!-- linkbar -->
  826.  
  827.  
  828. <div id="sidebar">
  829. <div id="header"></div>
  830. {block:ifavatar}
  831. <div id="avatar"><img src="{image:avatar}"></div>
  832. {/block:ifavatar}
  833. <div id="desc">{description}</div>
  834. </div><!-- sidebar -->
  835.  
  836. <div id="postcont">
  837. {block:Posts}
  838. <div class="post">
  839.  
  840. <!------------------ post info ----------------->
  841. {block:IndexPage}
  842. <div id="postinfo">
  843. {block:RebloggedFrom}
  844. <div id="avi"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-30}"></a></div>
  845. <div id="postname"><a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  846. <div id="posttime"><a href="{Permalink}">{TimeAgo}</a></div>
  847. {/block:RebloggedFrom}
  848.  
  849. {block:NotReblog}
  850. <div id="avi"><a href="/"><img src="{PortraitURL-30}"></a></div>
  851. <div id="postname"><a href="/">{Name}</a></div>
  852. <div id="posttime"><a href="{Permalink}">{TimeAgo}</a></div>
  853. {/block:NotReblog}
  854. </div><!-- postinfo -->
  855. {/block:IndexPage}
  856.  
  857. <!------------------ text ----------------->
  858.  
  859. {block:Text}
  860. {block:Title}<h2>{title}</h2>{/block:Title}
  861. <div class="cap">{body}</div>
  862. {/block:Text}
  863.  
  864. <!------------------ photo ----------------->
  865. {block:Photo}
  866. {block:IndexPage}
  867. {block:IfCaption}
  868. {block:IfCaptionontop}
  869. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  870. {/block:IfCaptionontop}
  871. {/block:IfCaption}
  872. {/block:IndexPage}
  873. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  874. {block:IndexPage}
  875. {block:IfCaption}
  876. {block:IfnotCaptionontop}
  877. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  878. {/block:IfnotCaptionontop}
  879. {/block:IfCaption}
  880. {/block:IndexPage}
  881. {/block:Photo}
  882.  
  883. <!------------------ photoset ----------------->
  884. {block:Photoset}
  885. {block:IndexPage}
  886. {block:IfCaption}
  887. {block:IfCaptionontop}
  888. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  889. {/block:IfCaptionontop}
  890. {/block:IfCaption}
  891. {/block:IndexPage}
  892. <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>
  893. {block:IndexPage}
  894. {block:IfCaption}
  895. {block:IfnotCaptionontop}
  896. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  897. {/block:IfnotCaptionontop}
  898. {/block:IfCaption}
  899. {/block:IndexPage}
  900. {/block:Photoset}
  901.  
  902. <!------------------ quote----------------->
  903. {block:Quote}
  904. <div id="quote">{Quote}</div> <br>
  905. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  906. {/block:Quote}
  907.  
  908. <!------------------ link ----------------->
  909. {block:Link}
  910. <div id="link">
  911. <h2><a href="{URL}" target="_blank">{Name} > </a></h2>
  912. <div id="linkdesc">
  913. {block:Excerpt}{Excerpt}{/block:Excerpt}
  914. </div>
  915. </div>
  916. {block:IfCaption}
  917. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  918. {/block:IfCaption}
  919. {/block:Link}
  920.  
  921. <!------------------ chat ----------------->
  922. {block:Chat}
  923. {block:Title}
  924. <div id="cttl">
  925. {Title}
  926. </div>
  927. {/block:Title}
  928. <div id="chatcont">
  929. {block:Lines}
  930. {block:Label}<div id="line">
  931. <b>{Label}</b>{/block:Label} {Line}<br>
  932. </div>{/block:Lines}
  933. </div>
  934. {/block:Chat}
  935.  
  936. <!------------------ audio ----------------->
  937. {block:Audio}
  938. {block:indexpage}
  939. {block:ifcaption}
  940. {block:ifcaptionontop}
  941. <div class="cap">
  942. {block:caption}{caption}{/block:caption}
  943. <div id="playcount">{block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount}</div>
  944. </div>
  945. {/block:ifcaptionontop}
  946. {/block:ifcaption}
  947. {/block:indexpage}
  948. <div style="height: 100px">{AudioEmbed-400}</div>
  949. {block:indexpage}
  950. {block:ifcaption}
  951. {block:ifnotcaptionontop}
  952. <div class="cap">
  953. {block:caption}{caption}{/block:caption}
  954. <div id="playcount">{block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount}</div>
  955. </div>
  956. {/block:ifnotcaptionontop}
  957. {/block:ifcaption}
  958. {/block:indexpage}
  959. {/block:Audio}
  960.  
  961. <!------------------ video ----------------->
  962. {block:Video}
  963. {block:IndexPage}
  964. {block:IfCaption}
  965. {block:IfCaptionontop}
  966. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  967. {/block:IfCaptionontop}
  968. {/block:IfCaption}
  969. {/block:IndexPage}
  970. <div class="video">{Video-400}</div>
  971. {block:IndexPage}
  972. {block:IfCaption}
  973. {block:IfnotCaptionontop}
  974. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  975. {/block:IfnotCaptionontop}
  976. {/block:IfCaption}
  977. {/block:IndexPage}
  978. {/block:Video}
  979.  
  980. <!------------------ ask ----------------->
  981. {block:Answer}
  982. <div id="ask">
  983. <div id="qimg">
  984. <img src="{AskerPortraitURL-30}">
  985. </div>
  986. <div id="q">
  987. <b>{Asker}</b> asked: <br> {Question}
  988. </div>
  989. </div>
  990. {block:Answerer}
  991. <div id="answer">
  992. <div class="cap">
  993. <div id="qimg">
  994. <img src="{AnswererPortraitURL-30}">
  995. </div>
  996. <div id="q" style="font-weight:400"><b>{answerer}</b> replied:</div>
  997. <div id="q">{answer}</div>
  998. </div>
  999. </div>
  1000. {/block:Answerer}
  1001. {block:NotReblog}
  1002. <div id="answer">
  1003. <div id="qimg">
  1004. <img src="{PortraitURL-30}">
  1005. </div>
  1006. <div id="q" style="font-weight:400"><b><a href="/">{Name}</a></b> replied:</div>
  1007. <div id="q">{replies}</div>
  1008. </div>
  1009. {/block:NotReblog}
  1010.  
  1011. {block:RebloggedFrom}
  1012. {block:Reblogs}
  1013. <div class="cap">{caption}</div>
  1014. {/block:Reblogs}
  1015. {/block:RebloggedFrom}
  1016. {/block:Answer}
  1017.  
  1018. {block:PermalinkPage}
  1019. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  1020. {/block:PermalinkPage}
  1021.  
  1022. {block:IndexPage}
  1023. <div id="below">
  1024. <div id="bl">
  1025. {block:NoteCount}<a href="{Permalink}"> <span class="sf sf-heart-o"></span> {NoteCount} Notes</a>{/block:NoteCount}
  1026.  
  1027. <a href="{ReblogURL}" target="_blank" title="Reblog" style="font-style:normal"><span class="sf sf-reblog"></span> Share</a></div>
  1028. </div><!-- post buttons -->
  1029. {block:iftags}
  1030. {block:HasTags}
  1031. <div id="tags">
  1032. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  1033. </div>
  1034. {/block:HasTags}
  1035. {/block:iftags}
  1036. {/block:IndexPage}
  1037.  
  1038.  
  1039. {block:PermalinkPage}
  1040. {block:Date}
  1041. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  1042. {/block:Date} <br>
  1043. {block:NoteCount}
  1044. <b>Notes:</b> {NoteCount}<br>
  1045. {/block:NoteCount}
  1046. {block:HasTags}
  1047. <b>Tags</b>
  1048. {block:Tags}
  1049. <a href="{TagURL}">#{tag}</a>
  1050. {/block:Tags}<br>
  1051. {/block:HasTags}
  1052. {block:RebloggedFrom}
  1053. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  1054. {block:ContentSource}
  1055. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  1056. {/block:ContentSource}
  1057. {/block:RebloggedFrom}
  1058. </div>
  1059. {/block:PermalinkPage}
  1060.  
  1061. {block:PermalinkPage}
  1062. {block:PostNotes}
  1063. {block:NoteCount}
  1064. <div id="note">
  1065. {PostNotes}
  1066. </div>
  1067. {/block:NoteCount}
  1068. {/block:PostNotes}
  1069. {/block:permalinkpage}
  1070. </div>
  1071. {/block:Posts}
  1072.  
  1073. {block:indexpage}
  1074. {block:Pagination}
  1075. <div id="pagi">
  1076. {block:PreviousPage}
  1077. <a href="{PreviousPage}"><</a>
  1078. {/block:PreviousPage}
  1079.  
  1080. {block:JumpPagination length="3"}
  1081. {block:CurrentPage}
  1082. <span class="current_page">{PageNumber}</span>
  1083. {/block:CurrentPage}
  1084.  
  1085. {block:JumpPage}
  1086. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1087. {/block:JumpPage}
  1088. {/block:JumpPagination}
  1089.  
  1090. {block:NextPage}
  1091. <a href="{NextPage}">></a>
  1092. {/block:NextPage}
  1093.  
  1094. </div>
  1095. {/block:Pagination}
  1096. {/block:indexpage}
  1097. </div><!-- postcont -->
  1098. </div><!-- wrapper -->
  1099.  
  1100. <div id="c"><a href="http://baechys.tumblr.com" title="Made with Love by Caroline">BCHYS</a></div>
  1101.  
  1102. </body>
  1103. </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!