API tools faq
paste
pjo06

Theme #30 - Always Forever

pjo06
Jul 13th, 2018
22,355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.95 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. THEME BY LAURAHOLLIIS
  8. #030 ALWAYS FOREVER
  9.  
  10. PLEASE DONT REMOVE
  11. THE CREDIT :)
  12.  
  13. -->
  14.  
  15.  
  16.  
  17. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head>
  19. <title>{Title}</title>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link rel="shortcut icon" href="{Favicon}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}">
  24. {/block:Description}
  25.  
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="image:icon" content=""/>
  28. <meta name="color:bg" content="#ffffff">
  29. <meta name="color:outline" content="#eeeeee">
  30. <meta name="color:title" content="#767676">
  31. <meta name="color:text" content="#6b6b6b">
  32. <meta name="color:links" content="#6b6b6b">
  33. <meta name="color:link hover" content="#767676">
  34. <meta name="color:accent" content="#ffffff"/>
  35.  
  36. <meta name="select:Post Size" content="425" title="425px"/>
  37. <meta name="select:Post Size" content="450" title="450px"/>
  38. <meta name="select:Post Size" content="475" title="475px"/>
  39. <meta name="select:Post Size" content="500" title="500px"/>
  40. <meta name="select:Post Size" content="540" title="540px"/>
  41.  
  42. <meta name="select:Gutter Size" content="1" title="1px"/>
  43. <meta name="select:Gutter Size" content="2" title="2px"/>
  44. <meta name="select:Gutter Size" content="3" title="3px"/>
  45. <meta name="select:Gutter Size" content="4" title="4px"/>
  46. <meta name="select:Gutter Size" content="5" title="5px"/>
  47. <meta name="select:Gutter Size" content="10" title="10px"/>
  48.  
  49. <meta name="if:tumblr name" content="">
  50. <meta name="if:sidelinks on one line" content="">
  51.  
  52. <meta name="text:link 1" content="">
  53. <meta name="text:link 1 URL" content="">
  54. <meta name="text:link 2" content="">
  55. <meta name="text:link 2 URL" content="">
  56. <meta name="text:link 3" content="">
  57. <meta name="text:link 3 URL" content="">
  58. <meta name="text:link 4" content="">
  59. <meta name="text:link 4 URL" content="">
  60.  
  61.  
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  64. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  65.  
  66. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  67. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  68.  
  69. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  70.  
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <!---->
  72.  
  73. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  74.  
  75. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script> <!---->
  76.  
  77. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <!---->
  78.  
  79.  
  80. <!--TOOLTIPS-->
  81. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("[title]").style_my_tooltips({
  88. tip_follows_cursor:true,
  89. tip_delay_time:100,
  90. tip_fade_speed:200
  91. });
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96.  
  97. <script>
  98. $(document).ready(function(){
  99. $('.photo-slideshow').pxuPhotoset({
  100. lightbox: true,
  101. rounded: false,
  102. gutter: '{select:Gutter Size}px',
  103. borderRadius: '0px',
  104. photoset: '.photo-slideshow',
  105. photoWrap: '.photo-data',
  106. photo: '.pxu-photo'
  107. });
  108. });
  109. </script>
  110.  
  111. <script>
  112. $(document).ready(function(){
  113. $("#more").click(function(){
  114. $("#morelinks").slideToggle("fast");
  115. });
  116. });
  117. </script>
  118.  
  119. <!--SEARCH-->
  120. <script language="javascript">
  121. function send()
  122. {document.theform.submit()}
  123. </script>
  124.  
  125. <style type="text/css">
  126.  
  127.  
  128. /*CONTROLS*/
  129.  
  130. iframe.tmblr-iframe {
  131. z-index:99999999999999!important;
  132. top:0!important;
  133. right:0!important;
  134. opacity:0.4;
  135. /* delete invert(1) from here */
  136. filter:invert(1) contrast(150%);
  137. -webkit-filter:invert(1) contrast(150%);
  138. -o-filter:invert(1) contrast(150%);
  139. -moz-filter:invert(1) contrast(150%);
  140. -ms-filter:invert(1) contrast(150%);
  141. /* to here if your blog has a dark background */
  142. transform:scale(0.65);
  143. transform-origin:100% 0;
  144. -webkit-transform:scale(0.65);
  145. -webkit-transform-origin:100% 0;
  146. -o-transform:scale(0.65);
  147. -o-transform-origin:100% 0;
  148. -moz-transform:scale(0.65);
  149. -moz-transform-origin:100% 0;
  150. -ms-transform:scale(0.65);
  151. -ms-transform-origin:100% 0;}
  152.  
  153. iframe.tmblr-iframe:hover {
  154. opacity:0.6!important;}
  155.  
  156.  
  157. /*TOOLTIPS*/
  158. #s-m-t-tooltip {
  159. max-width:300px;
  160. margin:15px;
  161. padding:4px 8px 4px 8px;
  162. background:{color:bg};
  163. color:{color:text};
  164. z-index:999999;
  165. font-size:8px;
  166. letter-spacing:0.7px;
  167. font-family:'karla';
  168. text-transform:uppercase;
  169. box-shadow:2px 2px 0px #f2f2f2;
  170. border-radius:0px;
  171. }
  172.  
  173. ::-moz-selection {
  174. background-color: {color:link hover};
  175. color: #fff;
  176. }
  177.  
  178. ::selection {
  179. background-color: {color:link hover};
  180. color: #fff;
  181. }
  182.  
  183. ::-webkit-scrollbar {
  184. width:13px;
  185. height:13px;
  186. background:{color:bg};
  187. }
  188.  
  189. ::-webkit-scrollbar-thumb {
  190. background:{color:text};
  191. }
  192.  
  193. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  194. border:5px solid {color:bg};
  195. }
  196.  
  197. /*INITIALS*/
  198.  
  199. body {
  200. text-align:justify;
  201. font-size: 11px;
  202. font-family: 'karla', sans-serif;
  203. color:{color:text};
  204. }
  205.  
  206. ul {
  207. list-style-type: circle;
  208. }
  209.  
  210.  
  211. a {
  212. color:{color:links};
  213. text-decoration:none;
  214. transition:all 0.3s;
  215. cursor:pointer;
  216. -moz-transition-duration: 0.3s;
  217. -o-transition-duration: 0.3s;
  218. -webkit-transition-duration: 0.3s;
  219. transition-duration: 0.3s;
  220. }
  221.  
  222. a:hover {
  223. text-decoration:none;
  224. color:{color:link hover};
  225. transition:all 0.5s;
  226. -moz-transition-duration: 0.3s;
  227. -o-transition-duration: 0.3s;
  228. -webkit-transition-duration: 0.3s;
  229. transition-duration: 0.3s;
  230. }
  231.  
  232.  
  233. /*CONTAINER*/
  234.  
  235. .container {
  236. margin-top:80px;
  237. margin-left:120px;
  238. }
  239.  
  240.  
  241. /*SIDEBAR*/
  242. .sidebar {
  243. width:245px;
  244. position:fixed;
  245. text-align:left;
  246. }
  247.  
  248. .sidebar img {
  249. max-width:245px;
  250. }
  251.  
  252. .icon{
  253. float:left;
  254. margin-right:15px;
  255. }
  256.  
  257. .icon img {
  258. padding:0px;
  259. width:30px;
  260. border-radius:100%;
  261. }
  262.  
  263. #title {
  264. font-size:17px;
  265. font-weight:bold;
  266. text-align:left;
  267. margin-top:17px;
  268. }
  269.  
  270. #title a{
  271. color:{color:title};
  272. }
  273.  
  274. #subtitle{
  275. font-size:10px;
  276. font-style:italic;
  277. font-weight:300;
  278. margin-top:-2px;
  279. color:{color:text};
  280. opacity:0.7;
  281. {block:IfNotTumblrName}
  282. display:none;
  283. {/block:IfNotTumblrName}
  284. }
  285.  
  286. .description {
  287. line-height:16px;
  288. letter-spacing:0px;
  289. text-align:justify;
  290. margin-top:17px;
  291. }
  292.  
  293. .description a {
  294. font-weight:bold;
  295. }
  296.  
  297. .description a:hover {
  298. color:{color:links};
  299. }
  300.  
  301. .searchbox {
  302. color:{color:link};
  303. margin-top:3px;
  304. }
  305.  
  306. .searchbox input {
  307. outline:none;
  308. background-color: transparent;
  309. border: 0px solid white;
  310. text-transform: lowercase;
  311. line-height:14px;
  312. text-align:left;
  313. padding: 0px 0px;
  314. width:120px;
  315. }
  316.  
  317. .searchbox input, .actual-edit-overlay {
  318. -webkit-text-fill-color: {color:link}; !important;
  319. font-family:'karla';
  320. }
  321.  
  322.  
  323.  
  324. .sidelinks {
  325. margin-top:10px;
  326. line-height:15px;
  327. text-transform:lowercase;
  328. border-top:0px solid {color:outline};
  329. padding-top:0px;
  330. {block:IfSidelinksOnOneLine}
  331. border-top:1px solid {color:outline};
  332. padding-top:10px;
  333. {/block:IfSidelinksOnOneLine}
  334. }
  335.  
  336.  
  337. .sidelinks a{
  338. {block:IfNotSidelinksOnOneLine}
  339. display:block;
  340. padding:0px;
  341. margin-right:8px;
  342. {/block:IfNotSidelinksOnOneLine}
  343. {block:IfSidelinksOnOneLine}
  344. display:inline;
  345. {/block:IfSidelinksOnOneLine}
  346.  
  347. -moz-transition-duration: 0.4s;
  348. -o-transition-duration: 0.4s;
  349. -webkit-transition-duration: 0.4s;
  350. transition-duration: 0.4s;
  351. }
  352.  
  353. .sidelinks a:hover {
  354. {block:IfNotSidelinksOnOneLine}
  355. padding-left:7px;
  356. {/block:IfNotSidelinksOnOneLine}
  357. {block:IfSidelinksOnOneLine}
  358. {/block:IfSidelinksOnOneLine}
  359. -moz-transition-duration: 0.4s;
  360. -o-transition-duration: 0.4s;
  361. -webkit-transition-duration: 0.4s;
  362. transition-duration: 0.4s;
  363. }
  364.  
  365. #more{
  366. padding-left:0px;
  367. -moz-transition-duration: 0.4s;
  368. -o-transition-duration: 0.4s;
  369. -webkit-transition-duration: 0.4s;
  370. transition-duration: 0.4s;
  371. }
  372.  
  373. #more:hover {
  374. color:{color:link hover};
  375. cursor:pointer;
  376. padding-left:7px;
  377. -moz-transition-duration: 0.4s;
  378. -o-transition-duration: 0.4s;
  379. -webkit-transition-duration: 0.4s;
  380. transition-duration: 0.4s;
  381. }
  382.  
  383. #morelinks {
  384. margin-left:20px;
  385. display:none;
  386. }
  387.  
  388. /*POSTS*/
  389. .content {
  390. margin-left:330px;
  391. margin-bottom:80px;
  392. }
  393.  
  394. .entry {
  395. width:calc({select:Post Size}px);
  396. background: #fff;
  397. position:relative;
  398. margin:0 0 0px;
  399. margin-bottom:80px;
  400. padding:0px 10px 10px 10px;
  401. border-radius:0px;
  402. }
  403.  
  404. .entry:last-child {
  405. margin-bottom:0;
  406. }
  407.  
  408. .text {
  409. padding-left:2px;
  410. padding-right:2px;
  411. }
  412.  
  413. .text:last-child, .text *:last-child {
  414. margin-bottom:0px;
  415. }
  416.  
  417.  
  418. /*CAPTIONS*/
  419. .caption {
  420. width:calc({select:Post Size}px);
  421. border:0;
  422. margin-top:10px;
  423. }
  424.  
  425. .captions blockquote {
  426. max-width:calc({select:Post Size}px);
  427. margin:0px 0px 5px 0px;
  428. font-weight:normal;
  429. border-left:solid 0px rgba(0,0,0,0.12);
  430. line-height:1.3;
  431. padding-left:0px;
  432. padding-right:0px;
  433. }
  434.  
  435. .captions a.tumblr_blog {
  436. font-family: 'karla', sans-serif;
  437. display:inline-block;
  438. text-overflow:ellipsis;
  439. text-transform:lowercase;
  440. margin-bottom:7px;
  441. -moz-transition-duration: 0.3s;
  442. -o-transition-duration: 0.3s;
  443. -webkit-transition-duration: 0.3s;
  444. transition-duration: 0.3s;
  445. margin-top:8px;
  446. }
  447.  
  448. .captions a.tumblr_blog:hover{
  449. color:{color:link hover};
  450. -moz-transition-duration: 0.3s;
  451. -o-transition-duration: 0.3s;
  452. -webkit-transition-duration: 0.3s;
  453. transition-duration: 0.3s;
  454. }
  455.  
  456. .captions .ic{
  457. width:18px;
  458. height:18px;
  459. margin-right:10px;
  460. display:inline-block;
  461. float:left; border-radius:20%;
  462. background:transparent;
  463. text-align:left;
  464. padding:0px 0px 0px 0px;
  465. margin-left:0px;
  466. margin-top:5px;
  467. }
  468.  
  469. .captions {
  470. margin:10px 0px 0 0;
  471. padding:0px 0 0 0;
  472. border:0;
  473. }
  474.  
  475. .captions p{
  476. margin:2px 0 10px 0;
  477. line-height:1.6em;
  478. font-weight:normal;
  479. }
  480.  
  481. .captions b{
  482. color:{color:links};
  483. font-weight:700;
  484. }
  485.  
  486. .captions hr {
  487. margin:0;
  488. border:0;
  489. }
  490.  
  491. small, sub, sup {
  492. font-size:10px;
  493. }
  494.  
  495. b, bold {
  496. font-weight:900;
  497. }
  498.  
  499.  
  500. blockquote {
  501. display:block;
  502. margin:0;
  503. margin-left:5px;
  504. margin-right:5px;
  505. padding-left:10px;
  506. border-left:1px #f1f1f1 solid;
  507. }
  508.  
  509. blockquote blockquote {
  510. border:none;
  511. padding:0;
  512. margin:0;
  513. }
  514.  
  515.  
  516. img {
  517. border:0;
  518. max-width:100%;
  519. height:auto;
  520. margin-left:0px;
  521. }
  522.  
  523. hr {
  524. margin:1em 0;
  525. border:0;
  526. height:1px;
  527. -moz-box-sizing:border-box;
  528. box-sizing:border-box;
  529. }
  530.  
  531. /*POST INFO*/
  532.  
  533. .postinfo {
  534. text-transform:lowercase;
  535. font-size:10px;
  536. border-top:1px {color:outline} solid;
  537. margin:10px 0px 0px 0px;
  538. padding-top:10px;
  539. color:{color:links};
  540. letter-spacing:0.7px;
  541. line-height:17px;
  542. }
  543.  
  544. .postinfo a {
  545. color:{color:links};
  546. }
  547.  
  548. .postinfo a:hover {
  549. color:{color:link hover};
  550. }
  551.  
  552. .scr {
  553. margin-top:2px;
  554. }
  555.  
  556.  
  557. /*TAGS*/
  558. .tags {
  559. text-transform:none;
  560. margin-top:0px;
  561. font-size:10px;
  562. }
  563.  
  564. .tags a {
  565. color:{color:links};
  566. -moz-transition-duration: 0.3s;
  567. -o-transition-duration: 0.3s;
  568. -webkit-transition-duration: 0.3s;
  569. transition-duration: 0.3s;
  570. }
  571.  
  572. .tags a:hover {
  573. color:{color:link hover};
  574. text-decoration:none;
  575. -moz-transition-duration: 0.3s;
  576. -o-transition-duration: 0.3s;
  577. -webkit-transition-duration: 0.3s;
  578. transition-duration: 0.3s;
  579. }
  580.  
  581. /*LIKE INFO*/
  582.  
  583. .custom-like-button *{cursor:pointer!important;}
  584. .custom-like-button {
  585. position:relative;
  586. display:inline-block;
  587. vertical-align:top;
  588. width:10px;
  589. height:15px;
  590. margin:0 8px;
  591. cursor:pointer;
  592. color:{color:link};
  593. }
  594.  
  595. .like_button:hover + .our_button {
  596. color:{color:link hover};
  597. -moz-transition-duration: 0.3s;
  598. -o-transition-duration: 0.3s;
  599. -webkit-transition-duration: 0.3s;
  600. transition-duration: 0.3s;
  601. }
  602.  
  603. .like_button.liked + .our_button {
  604. color:{color:link hover};;
  605. }
  606. .like_button iframe {
  607. width:100%!important;
  608. height:100%!important;
  609. }
  610. .like_button {
  611. z-index:10;
  612. opacity:0;
  613. }
  614. .our_button {
  615. z-index:1;
  616. }
  617. .our_button,.like_button {
  618. position:absolute;
  619. top:0;
  620. left:0;
  621. width:100%;
  622. height:100%;
  623. }
  624.  
  625.  
  626. /*NOTES*/
  627.  
  628. #notes {
  629. margin-top:70px;
  630. margin-bottom:60px;
  631. width:calc({select:Post Size}px);
  632. }
  633.  
  634. .notes ol, .notes li{
  635. list-style:none;
  636. padding-left:0px;
  637. }
  638.  
  639.  
  640. ol.notes li.note img.avatar {
  641. vertical-align:-8px;
  642. border-radius:3px;
  643. margin-right:10px;
  644. width:16px;
  645. height:16px;
  646. margin-top:4px;
  647. margin-bottom:4px;
  648. }
  649.  
  650.  
  651. /*POSTS DETAILS*/
  652.  
  653.  
  654. .title {
  655. font-size:15px;
  656. font-family: 'karla';
  657. font-weight:700;
  658. color:{color:links};
  659. text-transform:uppercase;
  660. letter-spacing:0px;
  661. margin-top:0px;
  662. }
  663.  
  664. .chat {
  665. padding:0;
  666. list-style-type:none;
  667. }
  668.  
  669. .chat .label {
  670. font-weight:bold;
  671. }
  672.  
  673. #quote {
  674. font-style:italic;
  675. font-size: 15px;
  676. text-transform:uppercase;
  677. padding:15px 0px 10px 0px;
  678. }
  679.  
  680. .source {
  681. font-style:italic;
  682. margin-bottom:10px;
  683. margin-left:20px;
  684. }
  685.  
  686. .media {
  687. position:relative;
  688. display:inline-block;
  689. width:100%;
  690. }
  691.  
  692. /*AUDIO*/
  693.  
  694. .spotify_audio_player {
  695. height: 80px !important;
  696.  
  697. }
  698.  
  699. .audio-media .width_fix iframe{
  700. width: calc({select:Post Size}px) !important;
  701. margin: 0px;
  702. margin-top: 0px;
  703. margin-left: 0px;
  704. }
  705. .audio-media iframe.tumblr_audio_player{
  706. height: 85px !important;
  707. }
  708.  
  709.  
  710. /*ASKS*/
  711. .ask {
  712. min-height:40px;
  713. background:#f2f2f2;
  714. padding:15px;
  715. width:calc({select:Post Size}px - 80px);
  716. border-radius:0px;
  717. }
  718.  
  719. .askbg {
  720. position: absolute;
  721. width: 0px;
  722. height: 0px;
  723. margin-left:calc({select:Post Size}px - 50px);
  724. margin-top:13px;
  725. border-top: 7px solid transparent;
  726. border-bottom: 7px solid transparent;
  727. border-left: 7px solid #f2f2f2;
  728. }
  729.  
  730. .question {
  731. margin-top:0px;
  732. text-transform:lowercase;
  733. }
  734.  
  735. .question a {
  736. color: #a6a6a6;
  737. }
  738.  
  739. .question a:hover {
  740. color: {color:link hover};
  741. }
  742.  
  743. .askimg {
  744. width: 50px;
  745. display:inline;
  746. float:right;
  747. }
  748.  
  749. .askimg img {
  750. width:35px;
  751. border-radius:0px;
  752. margin-top:-15px;
  753. margin-left:80px;
  754. }
  755.  
  756. .answer {
  757. padding-top:1px;
  758. padding-left:2px;
  759. padding-right:2px;
  760. }
  761.  
  762. .answer img {
  763. margin-bottom:15px;
  764. }
  765.  
  766.  
  767. /*PAGINATION*/
  768. #pagination {
  769. text-transform:uppercase;
  770. font-size:10px;
  771. margin-bottom:60px;
  772. margin-left:45%;
  773. margin-top:-30px;
  774.  
  775. }
  776.  
  777. #pagination a{
  778. padding:2px;
  779. }
  780.  
  781. #pagination a:hover{
  782. }
  783.  
  784. .current {
  785. display:inline-block;
  786. padding:4px;
  787. opacity:0.8;
  788. color:{color:link hover};
  789. }
  790.  
  791.  
  792.  
  793.  
  794. /*SOURCE DO NOT REMOVE*/
  795.  
  796.  
  797. #mastersrc {
  798. background-color:{color:accent};
  799. font-family:'Karla';
  800. color:{color:text};
  801. position:fixed;
  802. bottom:10px;
  803. right:10px;
  804. padding:6px 8px 6px 8px;
  805. font-size:12px;
  806. border:1px solid #eeeeee;
  807. opacity:1;
  808. width:10px;
  809. overflow:hidden;
  810. border-radius:100px;
  811. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  812. line-height:normal;
  813. z-index:999999;
  814. -moz-transition-duration: 0.4s;
  815. -o-transition-duration: 0.4s;
  816. -webkit-transition-duration: 0.4s;
  817. transition-duration: 0.4s;
  818. }
  819.  
  820. #srcname {
  821. font-family:'Karla';
  822. color:{color:text};
  823. font-size:8px;
  824. text-transform:uppercase;
  825. margin-top:-11px;
  826. margin-left:22px;
  827. position:absolute;
  828. line-height:normal;
  829. }
  830.  
  831. #mastersrc:hover {
  832. color:{color:text};
  833. width:77px;
  834. -moz-transition-duration: 0.4s;
  835. -o-transition-duration: 0.4s;
  836. -webkit-transition-duration: 0.4s;
  837. transition-duration: 0.4s;
  838. }
  839.  
  840. #mastersrc a:hover{
  841. color:{color:text};
  842. }
  843.  
  844.  
  845. </style>
  846. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  847. </head>
  848.  
  849. <body>
  850.  
  851. <div class="container">
  852.  
  853. <!---SIDEBAR--->
  854.  
  855. <div class="sidebar">{block:IfSidebarImage}<div class="sidebarimage"> <a href="/"> <img src="{image:sidebar}"> </a> </div>{/block:IfSidebarImage}
  856.  
  857. <div id="title">
  858. {block:IfIconImage}
  859. <div class="icon"><img src="{image:icon}"></div>
  860. {/block:IfIconImage}
  861. <a href="/">{Title}</a>
  862. <div id="subtitle">@{name}</div>
  863. </div>
  864.  
  865. <div class="description">{description}</div>
  866.  
  867. <form action="/search" method="get" class="searchbox" name="theform">
  868. <i class="fa fa-search" aria-hidden="true" style="font-size:9px;margin-right:3px;color:{color:link}"></i>
  869. <input type="text" name="q" value="" placeholder="search" id="sf"/>
  870. </form>
  871.  
  872. {block:IfNotSidelinksOnOneLine}
  873. <div class="sidelinks">
  874. <a href="/">&raquo; index</a>
  875. <a href="/ask">&raquo; message</a>{block:IfLink1}
  876. <div id="more">&raquo; more</div>
  877. <div id="morelinks">
  878. <a href="{text:link 1 URL}">&raquo; {text:link 1}</a>{/block:IfLink1}
  879. {block:IfLink2}<a href="{text:link 2 URL}">&raquo; {text:link 2}</a>{/block:IfLink2}
  880. {block:IfLink3}<a href="{text:link 3 URL}">&raquo; {text:link 3}</a>{/block:IfLink3}
  881. {block:IfLink4}<a href="{text:link 4 URL}" >&raquo; {text:link 4}</a>{/block:IfLink4}
  882. </div>
  883.  
  884. </div>
  885. {/block:IfNotSidelinksOnOneLine}
  886.  
  887. {block:IfSidelinksOnOneLine}
  888. <div class="sidelinks">
  889. <a href="/">index</a>&nbsp;&nbsp;&nbsp;
  890. <a href="/ask">ask</a>
  891. {block:IfLink1}&nbsp;&nbsp;&nbsp;
  892. <a href="{text:link 1 URL}">{text:link 1}</a>{/block:IfLink1}
  893.  
  894. {block:IfLink2}&nbsp;&nbsp;&nbsp;<a href="{text:link 2 URL}">{text:link 2}</a>{/block:IfLink2}
  895.  
  896. {block:IfLink3}&nbsp;&nbsp;&nbsp;<a href="{text:link 3 URL}" >{text:link 3}</a>{/block:IfLink3}
  897.  
  898. {block:IfLink4}&nbsp;&nbsp;&nbsp;<a href="{text:link 4 URL}" >{text:link 4}</a>{/block:IfLink4}
  899. </div>
  900. {/block:IfSidelinksOnOneLine}
  901.  
  902. </div>
  903.  
  904.  
  905.  
  906. <div class="content">
  907.  
  908. {block:Posts}
  909.  
  910. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  911.  
  912. <section class="post">
  913.  
  914. {block:Audio}<div class="audio">
  915. {block:AudioEmbed}
  916. <div class="audio-media" style="border:none; margin-top:0px;">
  917. <div class="width_fix">{AudioEmbed-500}</div>
  918. </div>
  919. {/block:AudioEmbed}
  920. </div>{/block:Audio}
  921.  
  922. {block:Photo} <div class="media"> <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a> </div> {/block:Photo} {block:Photoset} <div class="media photoset"> <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> </div> {/block:Photoset}
  923.  
  924. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  925.  
  926. {block:Answer} <div class="askbg"></div> <div class="ask"> <div class="askimg"><img src="{AskerPortraitURL-40}" /></div> <div class="question"><font style="letter-spacing:0px; text-transform:lowercase; font-size: {text:title size}; color:#a6a6a6;"><b>{Asker}</b> asked:</font><br>{Question}</div> </div> <div class="caption">{Answer}</div> {/block:Answer}
  927.  
  928. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title} <ul class="chat text"> {block:Lines} <li class="line">
  929. {block:Label} <span class="label">{Label}&nbsp; </span> {/block:Label} {Line}
  930. </li> {/block:Lines} </ul> {/block:Chat}
  931.  
  932. {block:Link} <h1 class="title"><a href="{URL}">{Name}</a></h1> {block:Description}<div class="text">{Description}</div>{/block:Description} {/block:Link}
  933.  
  934.  
  935. {block:Quote}
  936. <div id="quote">{Quote}</div><div class="source">{block:Source}— {Source}{/block:Source}</div>
  937. {/block:Quote}
  938.  
  939. {block:Text} {block:Title}<h1 class="title">{Title}</h1>{/block:Title} <div class="caption">{Body}</div> {/block:Text}
  940.  
  941. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  942.  
  943. {block:Date}
  944. <div class="postinfo">
  945.  
  946. <span style="float: right">
  947. <div class="custom-like-button">{LikeButton}
  948. <span class="our_button"><i class="fa fa-heart-o" aria-hidden="true" style="font-weight:900;opacity:0.8;" title="like"></i></span>
  949. </div>
  950. &nbsp;
  951. <a class="reblog" href="{ReblogURL}">reblog</a>
  952. </span>
  953.  
  954. {block:IndexPage}
  955. <a href="{Permalink}"><i class="fa fa-heart" aria-hidden="true" style="font-size:9px;color:#e24847; text-ali"></i>&nbsp;&nbsp;{NoteCount}</a>
  956.  
  957. <span class="infofo">
  958. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  959. <a href="{Permalink}" style="" title="{TimeAgo}">{ShortMonth} {DayOfMonth}</a>
  960. </span>
  961. {/block:IndexPage}
  962.  
  963. {block:PermalinkPage}
  964. <div id="postinfo">
  965. {block:Date}
  966. <b>posted on:</b>&nbsp;
  967. <a href="{Permalink}" title="{TimeAgo}" style="text-transform:lowercase;">
  968. {Month} {DayOfMonth}, {Year}
  969. </a>
  970.  
  971. with
  972.  
  973. {/block:Date}
  974.  
  975.  
  976. <a href="{Permalink}">
  977. {NoteCountWithLabel}
  978. </a>
  979.  
  980. {block:Reblog}
  981. <div>
  982. <b>reblogged from: </b>
  983. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  984. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  985. <b>origin: </b>
  986. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  987. </div>
  988. {/block:Reblog}
  989.  
  990. {/block:PermalinkPage}
  991.  
  992. {block:IndexPage}
  993. {block:HasTags}
  994. <div class="tags">{block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a></i> &nbsp;&nbsp;{/block:Tags}</div>
  995. {/block:HasTags}
  996. {/block:IndexPage}
  997.  
  998. {block:PermalinkPage}
  999. {block:HasTags}
  1000. <div class="tags">
  1001. <b>filed under: </b>
  1002. {block:tags}
  1003. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  1004. {/block:tags}
  1005. </div>
  1006. {/block:HasTags}
  1007. {/block:PermalinkPage}
  1008.  
  1009.  
  1010.  
  1011. {/block:Date}
  1012.  
  1013.  
  1014. {block:PostNotes}
  1015. <div id="notes">
  1016. <div class="notes">
  1017. {PostNotes}
  1018. </div>
  1019. </div>
  1020. {/block:PostNotes}
  1021.  
  1022. </section>
  1023. </article>
  1024.  
  1025.  
  1026. {/block:Posts}
  1027.  
  1028. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1029.  
  1030. </div> <!--POST INFO DIV-->
  1031.  
  1032. {block:Pagination}
  1033. <div id="pagination">
  1034.  
  1035. {block:PreviousPage}
  1036. <a href="{PreviousPage}">&laquo;</a>
  1037. {/block:PreviousPage}
  1038.  
  1039. {block:JumpPagination length="5"}
  1040. {block:CurrentPage}
  1041. <span class="current">{PageNumber}</span>
  1042. {/block:CurrentPage}
  1043. {block:JumpPage}
  1044. <a href="{URL}">{PageNumber}</a>
  1045. {/block:JumpPage}
  1046. {/block:JumpPagination}
  1047.  
  1048.  
  1049. {block:NextPage}
  1050. <a href="{NextPage}">&raquo;</a>
  1051. {/block:NextPage}
  1052.  
  1053. </div>
  1054. {/block:Pagination}
  1055.  
  1056.  
  1057. </div> <!--CONTENT DIV-->
  1058. </div> <!--CONTAINER DIV-->
  1059.  
  1060. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> </script><script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script> <script> $('article').unnest({ yourCaption: ".caption", wrapName: ".captions", newCaptionUsername: false, originalPostCaptionUsername: false, tumblrAvatars: true, tumblrAvatarClass: ".ic", usernameColon: false }); </script>
  1061. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1062. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1063. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1064. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1065.  
  1066.  
  1067. <!--DO NOT REMOVE-->
  1068.  
  1069. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true" style="font-weight:400"></i>
  1070. <a href="http://lauraholliis.tumblr.com">
  1071. <div id="srcname">lauraholliis</div>
  1072. </a>
  1073. </div>
  1074.  
  1075. </body>
  1076. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!