API tools faq
paste
Advertisement
Yourenosaint

VS Pinky Theme

Yourenosaint
Mar 17th, 2015
683
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6.  
  7. <!---
  8. Tumblr theme 'VS Pinky' by tumblr user yourenosaint.
  9. ---->
  10.  
  11.  
  12. <title>{title}</title>
  13. <link rel=”shortcut icon” href=”{image:favicon}”/>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. <meta name="image:favicon" content="http://thesocialmediamonthly.com/wp-content/plugins/itro-popup/images/close-icon.png" />
  17. <meta name="image:header" content="" />
  18. <meta name="image:sidebar" content="" />
  19.  
  20. <meta name="if:popup ask box" content="1"/>
  21. <meta name="if:header" content="1"/>
  22. <meta name="if:tags" content="1"/>
  23. <meta name="if:searchbar" content="1"/>
  24. <meta name="if:post borders" content="0"/>
  25.  
  26. <meta name="color:borders" content="#fe3b80" />
  27. <meta name="color:sidebar titles background" content="#fe3b80" />
  28. <meta name="color:sidebar titles" content="#fff" />
  29. <meta name="color:sidebar links" content="#fe3b80" />
  30. <meta name="color:sidebar links hover" content="#000" />
  31. <meta name="color:social media icons" content="#fe3b80" />
  32. <meta name="color:social media icons hover" content="#000" />
  33. <meta name="color:quotes" content="#fe3b80" />
  34.  
  35. <meta name="color:background" content="#fff" />
  36. <meta name="color:post backgrounds" content="#fff" />
  37. <meta name="color:text" content="#000" />
  38. <meta name="color:description text" content="#fe3b80" />
  39. <meta name="color:nav links background" content="#fe3b80" />
  40. <meta name="color:nav links background hover" content="#ffffff" />
  41. <meta name="color:nav links hover" content="#fe3b80" />
  42. <meta name="color:nav links" content="#fff" />
  43. <meta name="color:ask box border" content="#ccc" />
  44. <meta name="color:asks text" content="#fff" />
  45. <meta name="color:asks background" content="#fe3b80" />
  46. <meta name="color:links" content="#fe3b80" />
  47. <meta name="color:links hover" content="#fe3b80" />
  48. <meta name="color:topbar background" content="#fff" />
  49. <meta name="color:blogtitle" content="#fe3b80" />
  50. <meta name="color:topbar links" content="#fe3b80" />
  51. <meta name="color:links" content="#fe3b80" />
  52.  
  53. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3"><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  54. <script>
  55. $(document).ready(function(){
  56. $("#hide").click(function(){
  57. $("nav").hide();
  58. $(".left").hide();
  59. $("#show").show();
  60. $("#hide").hide();
  61. });
  62. $("#show").click(function(){
  63. $("nav").show();
  64. $(".left").show();
  65. });
  66. $("#show").click(function(){
  67. $("#hide").show();
  68. $("#show").hide();
  69. });
  70. });
  71. </script>
  72. <script type="text/javascript">
  73. <!--
  74. function toggle_visibility(id) {
  75. var e = document.getElementById(id);
  76. if(e.style.display == 'block')
  77. e.style.display = 'none';
  78. else
  79. e.style.display = 'block';
  80. }
  81. //-->
  82. </script>
  83. {block:Ifheader}
  84. <script>
  85. //$(document).ready(function () {
  86. // $("#posts").animate({
  87. // marginTop: "300"
  88. // },2000);
  89. //});
  90.  
  91. $(window).scroll(function () {
  92. var height = $('body').height();
  93. var scrollTop = $(window).scrollTop();
  94. if(scrollTop>300){
  95. $('#sidebar').css({ "position" : "fixed", "top" : "80px" });
  96. }
  97. else {
  98. $('#sidebar').css({ "position" : "absolute", "top" : "55px"});
  99. }
  100. });
  101. </script>
  102. {/block:Ifheader}
  103.  
  104. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  105. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  106.  
  107. <script type="text/javascript">
  108. $(window).load(function () {
  109. var $content = $('#posts');
  110. $content.masonry({itemSelector: '.entry'}),
  111. $content.infinitescroll({
  112. navSelector : 'div#pagination',
  113. nextSelector : 'div#pagination a#nextPage',
  114. itemSelector : '.entry',
  115. loading: {
  116. finishedMsg: '',
  117. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  118. },
  119. bufferPx : 1,
  120. debug : false,
  121. },
  122. // call masonry as a callback.
  123. function( newElements ) {
  124. var $newElems = $( newElements );
  125. $newElems.hide();
  126. // ensure that images load before adding to masonry layout
  127. $newElems.imagesLoaded(function(){
  128. $content.masonry( 'appended', $newElems, false, function(){$newElems.fadeIn(10);} );
  129.  
  130.  
  131. });
  132. });
  133. });
  134. </script>
  135.  
  136. <meta name="text:link 1 title" content="link" />
  137. <meta name="text:link 1 url" content="" />
  138. <meta name="text:link 2 title" content="link" />
  139. <meta name="text:link 2 url" content="" />
  140. <meta name="text:link 3 title" content="link" />
  141. <meta name="text:link 3 url" content="" />
  142. <meta name="text:link 4 title" content="link" />
  143. <meta name="text:link 4 url" content="" />
  144. <meta name="text:link 5 title" content="link" />
  145. <meta name="text:link 5 url" content="" />
  146.  
  147. <meta name="text:tags 1 title" content="tags" />
  148. <meta name="text:tags 1 url" content="" />
  149. <meta name="text:tags 2 title" content="tags" />
  150. <meta name="text:tags 2 url" content="" />
  151. <meta name="text:tags 3 title" content="tags" />
  152. <meta name="text:tags 3 url" content="" />
  153. <meta name="text:tags 4 title" content="tags" />
  154. <meta name="text:tags 4 url" content="" />
  155. <meta name="text:tags 5 title" content="tags" />
  156. <meta name="text:tags 5 url" content="" />
  157. <meta name="text:tags 6 title" content="tags" />
  158. <meta name="text:tags 6 url" content="" />
  159. <meta name="text:tags 7 title" content="tags" />
  160. <meta name="text:tags 7 url" content="" />
  161. <meta name="text:tags 8 title" content="tags" />
  162. <meta name="text:tags 8 url" content="" />
  163. <meta name="text:tags 9 title" content="tags" />
  164. <meta name="text:tags 9 url" content="" />
  165. <meta name="text:tags 10 title" content="tags" />
  166. <meta name="text:tags 10 url" content="" />
  167.  
  168.  
  169. <meta name="if:white follow button" content="1"/>
  170.  
  171. <meta name="if:facebook icon link" content="1"/>
  172. <meta name="if:youtube icon link" content="1"/>
  173. <meta name="if:vine icon link" content="1"/>
  174. <meta name="if:twitter icon link" content="1"/>
  175. <meta name="if:pinterest icon link" content="1"/>
  176. <meta name="if:second tumblr icon link" content="1"/>
  177.  
  178. <meta name="text:full facebook url" content="" />
  179. <meta name="text:youtube username" content="" />
  180. <meta name="text:vine username" content="" />
  181. <meta name="text:twitter username" content="" />
  182. <meta name="text:pinterest username" content="" />
  183. <meta name="text:full second tumblr url" content="" />
  184. <style>
  185. #tumblr_controls{
  186. position:fixed !important;
  187. {block:IfWhiteFollowButton}
  188. -webkit-filter: invert(100%);
  189. {/block:IfWhiteFollowButton}
  190. opacity:0.9;
  191. top:52px;
  192. }
  193.  
  194. body {
  195. background:{color:background};
  196. font-family:'Helvetica Neue', Helvetica;
  197. letter-spacing:0.5px;
  198. color:{color:text};
  199. overflow-x:hidden;
  200. font-size:12px;
  201. }
  202.  
  203. ::-webkit-scrollbar-thumb{
  204. background-color:{color:borders};
  205. }
  206.  
  207. ::-webkit-scrollbar {
  208. width:5px;
  209. background-color:#fff;
  210. }
  211.  
  212. blockquote {
  213. border-left:2px solid {color:borders};
  214. margin-left:6px;
  215. padding-left:10px;
  216. }
  217.  
  218. #topbar {
  219. height:60px;
  220. width:103%;
  221. top:-10px;
  222. border-bottom:1px solid {color:borders};
  223. position:fixed;
  224. background-color:{color:topbar background};
  225. margin-left:-10px;
  226. z-index:1;
  227. }
  228.  
  229. #title {
  230. color:{color:blogtitle};
  231. font-size:20px;
  232. border:0px;
  233. margin:0px;
  234. right:0px;
  235. padding:20px;
  236. padding-top:6px;
  237. background-color:transparent;
  238. text-transform:uppercase;
  239. position:fixed;
  240. font-weight:bold;
  241. z-index:2;
  242. letter-spacing:2px;
  243. cursor:help;
  244. }
  245.  
  246.  
  247. #title a {
  248. color:{color:blogtitle};
  249. }
  250.  
  251. #header {
  252. height:300px;
  253. background-image:url({image:header});
  254. background-size:100% 100%;
  255. width:100.3%;
  256. margin-left:-10px;
  257. top:50px;
  258. position:absolute;
  259. background-color:#eee;
  260. border-bottom:1px solid {color:borders};
  261. }
  262.  
  263.  
  264. #hide {
  265. color:{color:topbar links};
  266. font-size:20px;
  267. border:0px;
  268. padding:20px;
  269. margin:0px;
  270. padding-top:6px;
  271. background-color:transparent;
  272. position:fixed;
  273. display:none;
  274. z-index:2;
  275. }
  276.  
  277. #show {
  278. color:{color:topbar links};
  279. font-size:20px;
  280. border:0px;
  281. margin:0px;
  282. padding:20px;
  283. padding-top:6px;
  284. background-color:transparent;
  285. position:fixed;
  286. z-index:2;
  287. cursor:help;
  288. }
  289.  
  290. #message {
  291. color:{color:topbar links};
  292. font-size:20px;
  293. border:0px;
  294. margin:0px;
  295. padding:20px;
  296. cursor:help;
  297. padding-top:6px;
  298. margin-left:40px;
  299. background-color:transparent;
  300. position:fixed;
  301. z-index:2;
  302. }
  303.  
  304.  
  305. #theme {
  306. color:{color:topbar links};
  307. font-size:20px;
  308. border:0px;
  309. z-index:2;
  310. margin:0px;
  311. padding:20px;
  312. cursor:help;
  313. padding-top:6px;
  314. margin-left:80px;
  315. background-color:transparent;
  316. position:fixed;
  317. }
  318.  
  319. #theme a, #message a, #show a, #hide a {
  320. color:{color:topbar links};
  321. }
  322.  
  323. a {
  324. text-decoration:none;
  325. -webkit-transition: all 0.4s ease-in-out;
  326. -moz-transition: all 0.4s ease-in-out;
  327. transition: all 0.4s ease-in-out;
  328. color:{color:links};
  329. font-weight:bold;
  330. }
  331.  
  332. a {
  333. color:{color:links hover};
  334. }
  335.  
  336. img {
  337. width:100%
  338. }
  339.  
  340. nav{
  341. height:auto;
  342. position:fixed;
  343. text-align:left;
  344. width:120px;
  345. margin-top:43px;
  346. margin-left:10px;
  347. display:none;
  348. background-color:{color:nav links background};
  349. }
  350.  
  351. nav ul {
  352. list-style:none;
  353. margin:0;
  354. padding:0;
  355. width: 100%;
  356. text-align:left;
  357. -webkit-transition: all 0.3s ease;
  358. -moz-transition: all 0.3s ease;
  359. -o-transition: all 0.3s ease;
  360. transition: all 0.3s ease;
  361. }
  362.  
  363. nav ul item {
  364. height:39px;
  365. line-height:39px;
  366. opacity:1;
  367. display:block;
  368. position: relative;
  369. padding-left: 1px;
  370. -webkit-transition: all 0.3s ease;
  371. -moz-transition: all 0.3s ease;
  372. -o-transition: all 0.3s ease;
  373. transition: all 0.3s ease;
  374. }
  375.  
  376. nav ul item:hover {
  377. background-color:{color:nav links background hover};
  378. cursor:help;
  379. color:{color:nav links hover};
  380.  
  381. }
  382.  
  383. nav ul item a {
  384. color:{color:nav links};
  385. font-size:13px;
  386. padding:10px;
  387. letter-spacing: 1.5px;
  388. cursor:help;
  389. }
  390.  
  391. nav ul item:hover a {
  392. color:{color:links};
  393. }
  394.  
  395.  
  396. .popup_block{
  397. display: none;
  398. background-color: #fff;
  399. padding: 10px;
  400. float: left;
  401. font-size: 14px;
  402. position: fixed;
  403. padding-top:15px;
  404. top:50%;
  405. border:1px solid {color:ask box border};
  406. border-top:0px;
  407. left:50%;
  408. z-index: 2;
  409. display:none;
  410. color:#000;
  411. z-index:100000;
  412. text-align:center;
  413. padding-bottom:10px;
  414. width:800px;
  415. height:195px;
  416. margin-left:-420px;
  417. margin-top:-185px;
  418. }
  419.  
  420. .popup_block a {
  421. color:#000;
  422. }
  423.  
  424. .btn_close {
  425. float: right;
  426. margin-right:24px;
  427. margin-top:13px;
  428. }
  429.  
  430. *html .popup_block {
  431. position: absolute;
  432. opacity:0.6;
  433. }
  434.  
  435. #asktitle {
  436. color:{color:links};
  437. background-color:#fff;
  438. position:absolute;
  439. padding-top:13px;
  440. padding-bottom:0px;
  441. border:1px solid {color:ask box border};
  442. border-bottom:0px solid #000;
  443. padding-left:15px;
  444. padding-right:15px;
  445. width:790px;
  446. border-bottom:0px;
  447. text-align:left;
  448. text-transform:uppercase;
  449. font-size:15px;
  450. margin-left:-11px;
  451. font-weight:bold;
  452. margin-top:-45px;
  453. }
  454.  
  455. #infscr-loading{
  456. bottom: -70px;
  457. position: absolute;
  458. left: 50%;
  459. margin-left:-8px;
  460. width:16px;
  461. height:11px;
  462. overflow:hidden;
  463. margin-bottom: 50px;
  464. }
  465.  
  466. #sidebar {
  467. position:absolute;
  468. width:180px;
  469. padding:15px;
  470. margin-left:50%;
  471. left:320px;
  472. top:55px;
  473. background-color:#fff;
  474. color:{color:description text};
  475. {block:IfNotheader}
  476. position:fixed;
  477. {/block:IfNotheader}
  478. }
  479.  
  480.  
  481. #sidebartitle {
  482. text-transform:uppercase;
  483. width:152px;
  484. padding:10px;
  485. color:{color:sidebar titles};
  486. background-color:{color:sidebar titles background};
  487. }
  488.  
  489. #sidebarboxes {
  490. border:1px solid {color:sidebar titles background};
  491. border-top:0px;
  492. padding:15px;
  493. width:140px;
  494. margin-top:-3px;
  495. }
  496.  
  497. #sidebar img {
  498. border:1px solid {color:sidebar titles background};
  499. width:170px;
  500. margin-left:-2px;
  501. -webkit-filter: saturate(0.8);
  502. filter: saturate(0.8);
  503. }
  504.  
  505. #sidebar a {
  506. color:{color:sidebar links};
  507. padding:2px;
  508. line-height:14px;
  509. }
  510.  
  511. #socialmedia {
  512. text-align:center;
  513. margin-top:-5px;
  514. font-size:14px;
  515. }
  516.  
  517. #socialmedia a {
  518. color:{color:social media icons};
  519. }
  520.  
  521. #socialmedia a:hover {
  522. color:{color:social media icons hover};
  523. }
  524.  
  525. #posts {
  526. width:520px;
  527. margin-left:50%;
  528. background-color:transparent;
  529. position:relative;
  530. padding:0px;
  531. left:-260px;
  532. top:330px;
  533. {block:IfNotheader}
  534. top:20px;
  535. {/block:IfNotheader}
  536. }
  537.  
  538. .entry {
  539. padding:10px;
  540. background-color:{color:post backgrounds};
  541. {block:Ifpostborders}
  542. border:1px solid {color:borders};
  543. {/block:Ifpostborders}
  544. width:500px;
  545. margin-top:60px;
  546. padding-top:0px;
  547. padding-bottom:0px;
  548. }
  549.  
  550. .read_more {
  551. background-color:{color:nav links background};
  552. padding-left:202px;
  553. padding-right:202px;
  554. padding-top:15px;
  555. padding-bottom:15px;
  556. word-spacing:3px;
  557. line-height:15px;
  558. letter-spacing:2px;
  559. font-weight:bold;
  560. text-transform:uppercase;
  561. color:#fff;
  562. }
  563.  
  564.  
  565. #titles {
  566. font-size:20px;
  567. letter-spacing:1px;
  568. word-spacing:2px;
  569. padding-bottom:10px;
  570. margin-bottom:-12px;
  571. line-height:20px;
  572. color:{color:links};
  573. text-transform:uppercase;
  574. text-align:center;
  575. border-bottom:1px solid {color:borders};
  576. }
  577.  
  578. #quotes {
  579. font-family: 'Lobster', cursive;
  580. font-size:20px;
  581. width:490px;
  582. color:{color:quotes};
  583. letter-spacing:1px;
  584. }
  585.  
  586. #questionfrom {
  587. letter-spacing:1px;
  588. font-size:15px;
  589. color:{color:links};
  590. font-weight:500;
  591. padding-left:3px;
  592. padding-bottom:3px;
  593. }
  594.  
  595. #questionfrom a {
  596. color:{color:links};
  597. }
  598.  
  599. #question {
  600. font-size:18px;
  601. background-color:{color:asks background};
  602. padding:10px;
  603. color:{color:asks text};
  604. width:480px;
  605. }
  606.  
  607. #answer {
  608. font-size:13px;
  609. }
  610.  
  611. .link {
  612. letter-spacing:1px;
  613. font-size:16px;
  614. font-weight:500;
  615. }
  616.  
  617. .playbutton {
  618. width:490px;
  619. background-color:#fff;
  620. overflow:hidden;
  621. padding:5px;
  622. border:1px solid {color:borders};
  623. padding-bottom:0px;
  624. }
  625.  
  626. notestitle {
  627. font-size:15px;
  628. font-weight:bold;
  629. font-family:arial;
  630. display:none;
  631. margin-left:0px;
  632. margin-top:10px;
  633. }
  634.  
  635. #notecontainer {
  636. list-style: none;
  637. line-height: 34px;
  638. margin-top:-10px;
  639. margin-left:0px;
  640. border:1px solid #fff;
  641. padding-left:5px;
  642. width:500px;
  643. }
  644.  
  645. .entry #notecontainer ol.notes {
  646. list-style: none;
  647. font-size: 13px;
  648. margin-left:-15px;
  649. }
  650.  
  651. #notecontainer a {
  652. color:{color:links};
  653. font-weight:normal;
  654. }
  655.  
  656. #notecontainer img {
  657. width: 17px;
  658. position:absolute;
  659. }
  660.  
  661. .entry #notecontainer .avatar {
  662. -webkit-border-radius: 50%;
  663. -moz-border-radius: 50%;
  664. border-radius: 50%;
  665. margin-left:-40px;
  666. padding:10px;
  667. position:absolute;
  668. margin-top:-2px;
  669. }
  670.  
  671. .more_notes_link {
  672. text-transform:uppercase;
  673. padding:15px;
  674. -webkit-transition: all .4s ease-in-out;
  675. transition: all .4s ease-in-out;
  676. padding-right:181px;
  677. border:2px solid #fff;
  678. padding-left:181px;
  679. margin-left:-36px;
  680. background-color:#fff;
  681. margin-top:10px;
  682. color:{color:links};
  683. }
  684.  
  685. #infscr-loading{
  686. bottom: -70px;
  687. position: absolute;
  688. left: 50%;
  689. margin-left:-8px;
  690. width:16px;
  691. height:11px;
  692. overflow:hidden;
  693. margin-bottom: 50px;
  694. }
  695. </style>
  696.  
  697.  
  698. </head>
  699. <body>
  700.  
  701. <div id="topbar"></div>
  702. {block:Ifheader}
  703. <div id="header"></div>
  704. {/block:Ifheader}
  705. <nav><ul>
  706. <item><a href="/archive" >Archive</a></item>
  707. <item><a href="/random" >Shuffle</a></item>
  708. <item><a href="{text:link 1 url}" >{text:link 1 title}</a></item>
  709. <item><a href="{text:link 2 url}" >{text:link 2 title}</a></item>
  710. <item><a href="{text:link 3 url}" >{text:link 3 title}</a></item>
  711. <item><a href="{text:link 4 url}" >{text:link 4 title}</a></item>
  712. <item><a href="{text:link 5 url}" >{text:link 5 title}</a></item>
  713. </ul></nav>
  714.  
  715. <button id="hide"> <i class="fa fa-times"></i> </button>
  716. <button id="show"> <i class="fa fa-bars"></i> </button>
  717. {block:IfNotPopupaskbox}<a href="/ask"><div id="message"><i class="fa fa-envelope"></i></div></a>
  718. {/block:IfNotPopupaskbox}
  719. {block:IfPopupaskbox}
  720. <a onclick="toggle_visibility('02');"><div id="message"><i class="fa fa-envelope"></i></div></a>{/block:IfPopupaskbox}
  721. <a href="http://yourenosaint.tumblr.com/"><div id="theme"><i class="fa fa-code"></i></div></a>
  722.  
  723. <div id="title"><a href="/">{title}</a></div>
  724.  
  725.  
  726. <style>
  727. .sfm input {
  728. background-color:#fff;
  729. font-size: 8px;
  730. border: 0px;
  731. text-transform: uppercase;
  732. margin-top: 0px;
  733. width:100px;
  734. color:{color:links};
  735. font-size:bold;
  736. letter-spacing: 1px;
  737. padding: 10px 8px;
  738. border:1px solid {color:links};
  739. border-right:0px;
  740.  
  741. }
  742.  
  743. #sb {width:58px; margin-left:-5px;
  744. border:1px solid {color:borders};
  745. border-left:0px;
  746. background-color:{color:sidebar titles background};
  747.  
  748. color:#fff;
  749. }
  750.  
  751. </style>
  752. <div id="posts">
  753. <div id="sidebar">
  754. <a href="/"><img src="{image:sidebar}"></a>
  755. <div id="sidebarboxes">
  756. {description}</div>
  757. {block:IfTags}
  758. <br><br>
  759. <div id="sidebartitle">categories</div>
  760. <div id="sidebarboxes">
  761. <a href="{text:tags 1 url}" >{text:tags 1 title}</a>
  762. <a href="{text:tags 2 url}" >{text:tags 2 title}</a>
  763. <a href="{text:tags 3 url}" >{text:tags 3 title}</a>
  764. <a href="{text:tags 4 url}" >{text:tags 4 title}</a>
  765. <a href="{text:tags 5 url}" >{text:tags 5 title}</a>
  766. <a href="{text:tags 6 url}" >{text:tags 6 title}</a>
  767. <a href="{text:tags 7 url}" >{text:tags 7 title}</a>
  768. <a href="{text:tags 8 url}" >{text:tags 8 title}</a>
  769. <a href="{text:tags 9 url}" >{text:tags 9 title}</a>
  770. <a href="{text:tags 10 url}" >{text:tags 10 title}</a>
  771. </div>
  772. {/block:IfTags}
  773. {block:IfSearchbar}
  774. <br><br>
  775. <form action="/search" method="get" class="sfm">
  776. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  777. <input type="submit" value="Search" id="sb"/>
  778. </form>
  779. {/block:IfSearchbar}
  780. <br><br>
  781. <div id="socialmedia">
  782.  
  783. {block:IfFacebookiconlink}
  784. <a href="{text:full facebook url}"><i class="fa fa-facebook"></i></a>{/block:IfFacebookiconlink}
  785.  
  786. {block:IfYoutubeiconlink}
  787. <a href="http://youtube.com/user/{text:youtube username}"><i class="fa fa-youtube"></i></a>
  788. {/block:IfYoutubeiconlink}
  789.  
  790. {block:Ifvineiconlink}
  791. <a href="https://vine.co/{text:vine username}"><i class="fa fa-vine"></i></a>{/block:Ifvineiconlink}
  792.  
  793. {block:Iftwittericonlink}
  794. <a href="https://twitter.com/{text:twitter username}"><i class="fa fa-twitter"></i></a>
  795. {/block:Iftwittericonlink}
  796.  
  797. {block:Ifpinteresticonlink}
  798. <a href="https://www.pinterest.com/{text:pinterest username}"><i class="fa fa-pinterest-p"></i></a>
  799. {/block:Ifpinteresticonlink}
  800.  
  801. {block:Ifsecondtumblriconlink}
  802. <a href="{text:full second tumblr url}"><i class="fa fa-tumblr"></i></a>
  803. {/block:Ifsecondtumblriconlink}
  804.  
  805. </div>
  806. </div>
  807.  
  808. {block:Posts}
  809. <!-- {block:NoRebloggedFrom}
  810. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  811. {/block:NoRebloggedFrom} -->
  812. {block:ContentSource}<!-- {SourceURL}
  813. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  814. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  815. {/block:ContentSource}
  816. <div class="entry">
  817.  
  818. <div id="tags">
  819. {block:HasTags}
  820. {block:Tags}
  821. <a href="{TagURL}">{Tag} <i class="fa fa-tags"></i> </a><br>
  822. {/block:Tags}
  823. {/block:HasTags}
  824. </div>
  825.  
  826. {block:Title}<div style="padding-top:12px;"></div>
  827. <div id="titles">{Title}</div>{/block:Title}
  828.  
  829. {block:Text}<div style="padding-top:12px;"></div>{Body}
  830. <div style="padding-top:12px;"></div>
  831. {/block:Text}
  832.  
  833. {block:Photo}
  834. <div style="padding-top:12px;"></div>
  835. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  836. <div style="padding-top:12px;"></div>
  837. {/block:Photo}
  838.  
  839. {block:Photoset}
  840. <div style="padding-top:12px;"></div>
  841. {Photoset-500}
  842. <div style="padding-top:12px;"></div>
  843.  
  844. {/block:Photoset}
  845.  
  846.  
  847. {block:Quote}
  848. <div style="padding-top:12px;"></div>
  849. <div id="quotes">
  850. <center>
  851. ''{Quote}''
  852. </center>
  853. </div>
  854. <div style="padding-top:12px;"></div>
  855. {/block:Quote}
  856.  
  857.  
  858. {block:Video}
  859. <div style="padding-top:12px;"></div>
  860. {Video-500}
  861. <div style="padding-top:12px;"></div>
  862.  
  863. {/block:Video}
  864.  
  865.  
  866. {block:Link}
  867. <div style="padding-top:12px;"></div>
  868. <a href="{URL}" class="link" {Target}><i class="fa fa-link"></i> {Name}</a><BR>
  869. {block:Description}{Description}{/block:Description}
  870. {/block:Link}
  871.  
  872. {block:Chat}
  873. <div style="padding-top:12px;"></div>
  874. <div class="chat">
  875. <ul>
  876. {block:Lines}
  877. <li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>
  878. {/block:Lines}
  879. </ul>
  880. </div>
  881. {/block:Chat}
  882.  
  883. {block:Audio}
  884. <div style="padding-top:12px;"></div>
  885. <div float="center">
  886. <div class="playbutton">
  887. {AudioPlayerWhite}</div>
  888. </div>
  889. {/block:Audio}
  890.  
  891.  
  892. {block:Answer}
  893. <div style="padding-top:12px;"></div>
  894. <div id="questionfrom"><i class="fa fa-envelope"></i> message from {Asker}<br></div>
  895. <div id="question">{Question}</div>
  896. <div id="answer">{Answer}</div>
  897. {/block:Answer}
  898.  
  899. {block:Caption}
  900. <div id="caps">
  901. {Caption}
  902. </div>
  903. {/block:Caption}
  904.  
  905.  
  906. <style>
  907. #caps {
  908. margin-top:-8px;
  909. }
  910.  
  911. #perma {
  912. font-size:14px;
  913. line-height:15px;
  914. color:{color:links};
  915. font-weight:bold;
  916. word-spacing:2px;
  917. width:524px;
  918. text-align:center;
  919. position:absolute;
  920. padding-top:5px;
  921. text-transform:uppercase;
  922. }
  923.  
  924. #perma a{
  925. font-size:15;
  926. }
  927.  
  928. #tags {
  929. font-size:15px;
  930. line-height:15px;
  931. color:{color:links};
  932. font-weight:bold;
  933. text-align:right;
  934. font-size:12px;
  935. transition: all 0.3s ease-in-out;
  936. -moz-transition: all 0.3s ease-in-out;
  937. -webkit-transition: all 0.3s ease-in-out;
  938. margin-top:12px;
  939. opacity:0;
  940. width:350px;
  941. margin-left:-362px;
  942. position:absolute;
  943. text-transform:uppercase;
  944. }
  945.  
  946. #tags a {
  947. padding-right:3px;
  948. font-size:11px;
  949. color:{color:links};
  950. }
  951.  
  952. .entry:hover > #tags {
  953. transition: all 0.3s ease-in-out;
  954. -moz-transition: all 0.3s ease-in-out;
  955. -webkit-transition: all 0.3s ease-in-out;
  956. opacity:1;
  957. }
  958. </style>
  959. <div id="perma">
  960. <i class="fa fa-thumbs-o-up"></i>
  961. <a href="{PermaLink}">{NoteCount}</a>
  962. </div>
  963.  
  964.  
  965. {block:PermalinkPage}
  966. <Br><Br>
  967. {block:PostNotes}
  968. <notestitle>Notes</notestitle>
  969. <div id="notecontainer">{PostNotes-64}</div>
  970. {/block:PostNotes}
  971. </div>
  972. {/block:PermalinkPage}
  973. </div>
  974.  
  975.  
  976. {/block:Posts}
  977.  
  978. <div class="entry">
  979. {block:Pagination}
  980. <div id="pagination">
  981. {block:PreviousPage}
  982. <a href="{PreviousPage}"><i class="fa fa-arrow-left"></i></a>
  983. {/block:PreviousPage}
  984.  
  985. {block:JumpPagination length="9"}
  986. {block:CurrentPage}
  987. <span class="current_page">{PageNumber}</span>
  988. {/block:CurrentPage}
  989.  
  990. {block:JumpPage}
  991. <a class="jump_page" href="{URL}">{PageNumber}</a>
  992. {/block:JumpPage}
  993. {/block:JumpPagination}
  994.  
  995. {block:NextPage}
  996. <a href="{NextPage}"><i class="fa fa-arrow-right"></i></a>
  997. {/block:NextPage}
  998.  
  999. {/block:Pagination}
  1000.  
  1001. <br><br><i class="fa fa-paint-brush"></i> Theme by <a href="http://yourenosaint.tumblr.com/">yourenosaint</a>
  1002. </div>
  1003. </div>
  1004.  
  1005.  
  1006. <style>
  1007. #pagination {
  1008. text-transform:uppercase;
  1009. color:{color:links};
  1010. padding:18px;
  1011. padding-top:23px;
  1012. padding-bottom:50px;
  1013. width:465px;
  1014. text-align:center;
  1015. }
  1016.  
  1017. .current_page {
  1018. padding: 4px 8px;
  1019. font-weight:bold;
  1020. font-size:16px;
  1021. background-color:transparent;
  1022. border:1px solid {color:nav links background};
  1023. color:{color:nav links background};
  1024. }
  1025.  
  1026. .jump_page {
  1027. padding:4px 8px;
  1028. font-weight:bold;
  1029. font-size:16px;
  1030. color:{color:nav links};
  1031. background-color:{color:nav links background};
  1032. border:1px solid {color:nav links background};
  1033. }
  1034. </style>
  1035. <div style="padding-top:50px;"></div>
  1036. </div>
  1037. </body>
  1038. <div id="02" class="popup_block">
  1039. <a onclick="toggle_visibility('02');"><div class="btn_close"/>
  1040. <div style="margin-top:-50px; z-index:9999; position:absolute; font-size:25px; color:{color:links};"><i class="fa fa-times"></i></div></div></a>
  1041.  
  1042. <div id="asktitle">ask me</div>
  1043.  
  1044. <Center><iframe frameborder="0" scrolling="no" width="100%" height="195" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1045. </center>
  1046.  
  1047. </div></div></div></div></div></div></div></div></div></div>
  1048. </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!