API tools faq
paste
Advertisement
cvndythemes

laurenjaureguisource_theme

cvndythemes
May 26th, 2018
2,072
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.08 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. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13.  
  14.  
  15. <!--
  16.  
  17. >> ETHEREAL THEMES // CUSTOM THEME
  18.  
  19. Designed by etherealthemes for
  20. laurenjaureguisource.tumblr.com
  21. ⓒ 2016 - 2018
  22.  
  23. >> TERMS OF USE
  24.  
  25. Do NOT remove the credit
  26. Do NOT claim as your own
  27.  
  28. *You can move the credit, but leave it visible
  29. *Edit as much as you'd like
  30. *Feel free to ask about basic customization
  31. *Theme suggestions always welcomed
  32.  
  33. >> CREDITS
  34.  
  35. icons by fontawesome
  36.  
  37. -->
  38.  
  39.  
  40.  
  41.  
  42. <!-- COLORS -->
  43. <meta name="color:Background" content="#ffffff" />
  44. <meta name="color:Text" content="#000000" />
  45. <meta name="color:Links" content="#2c2c2c" />
  46.  
  47. <meta name="color:Accent One" content="#69cbe2" />
  48. <meta name="color:Accent Two" content="#e5a3b8" />
  49. <meta name="color:Accent Three" content="#8fb072" />
  50. <meta name="color:Accent Four" content="#cccccc" />
  51.  
  52. <meta name="color:Topbar Background" content="#ffffff" />
  53. <meta name="color:Topbar Links" content="#000000" />
  54.  
  55. <meta name="color:Welcome Background" content="#ffffff" />
  56. <meta name="color:Welcome Text" content="#000000" />
  57.  
  58. <meta name="color:Container" content="#ffffff" />
  59.  
  60. <meta name="color:Content" content="#ffffff" />
  61.  
  62.  
  63.  
  64.  
  65. <!-- IMAGES -->
  66. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/ATap9805i/laurenjaureguisource_header.png"/>
  67. <meta name="image:Sidebar" content="https://static.tumblr.com/zvesamf/Ixfp983sj/laurenjaureguisource_gif.gif"/>
  68.  
  69.  
  70.  
  71.  
  72. <!-- IMAGES -->
  73. <meta name="text:Twitter" content="https://twitter.com/Imjsource"/>
  74. <meta name="text:Youtube" content=""/>
  75. <meta name="text:Instagram" content=""/>
  76.  
  77.  
  78.  
  79.  
  80.  
  81. <!-- SCRIPTS -->
  82.  
  83. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
  84.  
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86.  
  87. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  88.  
  89. <script>
  90. (function($){
  91. $(document).ready(function(){
  92. $("[title]").style_my_tooltips({
  93. tip_delay_time:200,
  94. tip_fade_speed:300,
  95. tip_follows_cursor:true
  96. }
  97. );
  98. });
  99. })(jQuery);
  100. </script>
  101.  
  102. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  103.  
  104. <script>
  105. $container.infinitescroll({
  106. itemSelector: '.posts',
  107. navSelector: '.pagination',
  108. nextSelector: '.pagination a',
  109. loadingImg: '',
  110. loadingText: '<em></em>',
  111. bufferPx: 2000
  112. },
  113. function( newElements ) {
  114. var $newElems = $(newElements);
  115. var $newElemsIDs = $newElems.map(function(){
  116. return this.id;
  117. }).get();
  118. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  119. });
  120. </script>
  121.  
  122. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  123.  
  124. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Raleway:400,400i,700,700i" rel="stylesheet">
  125.  
  126. <!-- STYLESHEET -->
  127. <style type="text/css">
  128.  
  129. /* --- SCROLLBAR ---*/
  130.  
  131. ::-webkit-scrollbar {height:15px;width:15px;background-color:{color:Background};}
  132.  
  133.  
  134. ::-webkit-scrollbar-track {background-color:#dbdbdb;border:7px solid {color:Background};}
  135.  
  136. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:{color:Text};border:7px solid {color:Background};}
  137.  
  138.  
  139. /* --- SELECTION ---*/
  140.  
  141. ::-moz-selection {
  142. color:{color:Background};
  143. background:{color:Accent One};
  144. opacity:1;
  145. }
  146.  
  147. ::selection {
  148. color:{color:Background};
  149. background:{color:Accent One};
  150. opacity:1;
  151. }
  152.  
  153. /* --- TOOLTIPS ---*/
  154.  
  155. #s-m-t-tooltip {
  156. max-width:200px;
  157. margin:15px;
  158. background-color:{color:Accent Two};
  159. padding:5px 8px;
  160. font-size:11px;
  161. line-height:100%;
  162. word-wrap:break-word;
  163. text-transform:lowercase;
  164. font-style:italic;
  165. word-break:break-all;
  166. color:{color:Background};
  167. z-index:8;
  168. }
  169.  
  170. /* --- TUMBLR TOOLS --- */
  171.  
  172. {block:IndexPage}
  173. iframe.tmblr-iframe {
  174. z-index:999999!important;
  175. top:18px!important;
  176. right:0!important;
  177. opacity:0;
  178. padding-right:60px;
  179. transform:scale(0.5);
  180. transform-origin:100% 0;
  181. -webkit-transform:scale(0.5);
  182. -webkit-transform-origin:100% 0;
  183. -o-transform:scale(0.5);
  184. -o-transform-origin:100% 0;
  185. -moz-transform:scale(0.5);
  186. -moz-transform-origin:100% 0;
  187. -ms-transform:scale(0.5);
  188. -ms-transform-origin:100% 0;
  189. filter:invert(1);
  190. -webkit-filter:invert(1);
  191. -o-filter:invert(1);
  192. -moz-filter:invert(1);
  193. -ms-filter:invert(1);
  194. transition:.2s ease-in-out;
  195. -webkit-transition:.2s ease-in-out;
  196. -moz-transition:.2s ease-in-out;
  197. }
  198.  
  199. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  200.  
  201. .tcontrols {
  202. position:fixed;
  203. top:24px;
  204. right:20px;
  205. z-index:9;
  206. font-weight:400;
  207. color:{color:Topbar Links};
  208. font-size:20px;
  209. transition:.2s ease-in-out;
  210. -webkit-transition:.2s ease-in-out;
  211. -moz-transition:.2s ease-in-out;
  212. }
  213.  
  214.  
  215. {/block:IndexPage}
  216.  
  217.  
  218. {block:PermalinkPage}
  219. iframe.tmblr-iframe {
  220. z-index:999999!important;
  221. top:18px!important;
  222. right:0!important;
  223. opacity:0.5;
  224. padding-right:30px;
  225. transform:scale(0.5);
  226. transform-origin:100% 0;
  227. -webkit-transform:scale(0.5);
  228. -webkit-transform-origin:100% 0;
  229. -o-transform:scale(0.5);
  230. -o-transform-origin:100% 0;
  231. -moz-transform:scale(0.5);
  232. -moz-transform-origin:100% 0;
  233. -ms-transform:scale(0.5);
  234. -ms-transform-origin:100% 0;
  235. filter:invert(1);
  236. -webkit-filter:invert(1);
  237. -o-filter:invert(1);
  238. -moz-filter:invert(1);
  239. -ms-filter:invert(1);
  240. }
  241. {/block:PermalinkPage}
  242.  
  243. /* --- BODY --- */
  244.  
  245. body {
  246. margin:0px;
  247. padding:0px;
  248. font-family:'Open Sans', sans-serif;
  249. color:{color:Text};
  250. font-size:11px;
  251. font-weight:400;
  252. line-height:150%;
  253. font-weight:normal;
  254. word-wrap:normal;
  255. text-align:left;
  256. background:{color:Background};
  257. }
  258.  
  259. a {
  260. color:{color:Links};
  261. text-decoration:none;
  262. border:0;
  263. }
  264.  
  265. b,strong {font-weight:700;}
  266. i,italic {font-style:italic;}
  267. small {font-size:10px;}
  268. big {font-size:10px;}
  269.  
  270. hr.divider, hr, hr.separator {
  271. display:block;
  272. margin-top:0.5em;
  273. margin-bottom:0.5em;
  274. margin-left:auto;
  275. margin-right:auto;
  276. border-style:inset;
  277. border-color:{color:Text};
  278. border-bottom:1px;
  279. }
  280.  
  281. pre {
  282. white-space: pre-wrap;
  283. white-space: -moz-pre-wrap;
  284. white-space: -pre-wrap;
  285. white-space: -o-pre-wrap;
  286. word-wrap: break-word;
  287. }
  288.  
  289. /* --- TOPBAR --- */
  290.  
  291. #topbar {
  292. position:fixed;
  293. top:0;
  294. left:0;
  295. height:120px;
  296. width:100%;
  297. font-family: 'Raleway', sans-serif;
  298. text-align:center;
  299. color:{color:Topbar Links};
  300. padding:35px 0px 0px 0px;
  301. background:{color:Topbar Background};
  302. z-index:4;
  303. }
  304.  
  305. .scrolled-nav {height:65px!important;margin-top:-20px;}
  306.  
  307. .topbartitle {
  308. margin:0 auto;
  309. text-transform:uppercase;
  310. font-size:22px;
  311. color:{color:Topbar Links};
  312. margin-bottom:25px;
  313. }
  314.  
  315. .scrolled-nav .topbartitle {font-size:15px;margin-bottom:7px;}
  316.  
  317. .topbartitle b {
  318. font-size:28px;
  319. font-weight:400;
  320. display:block;
  321. margin-bottom:10px;
  322. }
  323.  
  324. .scrolled-nav .topbartitle b {font-size:17px;margin-bottom:0px;}
  325.  
  326. .topbarlinks {
  327. margin:0 auto;
  328. display:inline-block;
  329. text-transform:uppercase;
  330. }
  331.  
  332. .topbarlinks a {
  333. display:inline-block;
  334. font-size:12px;
  335. color:{color:Topbar Links};
  336. margin:0px 10px;
  337. padding:0px 6px;
  338. height:14px;
  339. box-shadow:inset 0px -5px {color:Topbar Background};
  340. transition:.2s ease-in-out;
  341. -webkit-transition:.2s ease-in-out;
  342. -moz-transition:.2s ease-in-out;
  343. }
  344.  
  345. .topbarlinks a:nth-child(3n + 1):hover {box-shadow:inset 0px -4px {color:Accent One};}
  346. .topbarlinks a:nth-child(3n + 2):hover {box-shadow:inset 0px -4px {color:Accent Two};}
  347. .topbarlinks a:nth-child(3n + 3):hover {box-shadow:inset 0px -4px {color:Accent Three};}
  348.  
  349. .scrolled-nav .topbarlinks a {font-size:10px;}
  350.  
  351. .scrolled-nav, .topbartitle, .topbartitle b, .topbarlinks a {transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;}
  352.  
  353. /* --- HEADER --- */
  354.  
  355. .header {
  356. margin:0 auto;
  357. margin-top:155px;
  358. width:100%;
  359. height:500px;
  360. background-image: url("{image:Header}");
  361. background-repeat:no-repeat;
  362. background-position:top center;
  363. overflow:hidden;
  364. }
  365.  
  366. /* --- CONTAINER --- */
  367.  
  368. .container {
  369. margin:0 auto;
  370. width:1050px;
  371. background:{color:Container};
  372. padding:20px;
  373. }
  374.  
  375. #end {
  376. clear:both;
  377. text-align:center;
  378. }
  379.  
  380. /* --- WELCOME --- */
  381.  
  382. .welcome {
  383. margin:0 auto;
  384. margin-top:10px;
  385. width:600px;
  386. padding:30px 100px;
  387. text-align:justify;
  388. -moz-text-align-last:center;
  389. text-align-last:center;
  390. background:{color:Welcome Background};
  391. color:{color:Welcome Text};
  392. font-size:11px;
  393. line-height:175%;
  394. }
  395.  
  396. .welcome h1 {
  397. display:inline-block;
  398. font-size:11px;
  399. font-weight:700;
  400. color:{color:Accent Two};
  401. margin:0px 0px;
  402. text-transform:uppercase;
  403. font-style:italic;
  404. }
  405.  
  406. .welcome b {
  407. display:inline-block;
  408. font-weight:700;
  409. padding:0px 3px;
  410. font-style:italic;
  411. height:16px;
  412. }
  413.  
  414. .welcome b:nth-child(3n + 1) {box-shadow:inset 0px -4px {color:Accent Two};}
  415. .welcome b:nth-child(3n + 2) {box-shadow:inset 0px -4px {color:Accent Three};}
  416. .welcome b:nth-child(3n + 3) {box-shadow:inset 0px -4px {color:Accent One};}
  417.  
  418. /* --- SIDEBAR --- */
  419.  
  420. .sidebar {
  421. float:left;
  422. width:420px;
  423. background:{color:Container};
  424. margin:30px 0px 0px -10px;
  425. font-style:normal;
  426. }
  427.  
  428. .side {
  429. width:400px;
  430. padding:15px 10px 20px 10px;
  431. min-height:75px;
  432. margin-bottom:75px;
  433. background:{color:Content};
  434. color:{color:Text};
  435. }
  436.  
  437. .sidebartitle {
  438. display:inline-block;
  439. font-family: 'Raleway', sans-serif;
  440. font-size:14px;
  441. margin:0px 10px;
  442. padding:0px 15px;
  443. text-transform:uppercase;
  444. height:15px;
  445. position:relative;
  446. margin-bottom:20px;
  447. }
  448.  
  449.  
  450. .side:nth-of-type(3n + 1) .sidebartitle {box-shadow:inset 0px -5px {color:Accent One};}
  451. .side:nth-of-type(3n + 2) .sidebartitle {box-shadow:inset 0px -5px {color:Accent Two};}
  452. .side:nth-of-type(3n + 3) .sidebartitle {box-shadow:inset 0px -5px {color:Accent Three};}
  453.  
  454. /* --- SIDEBAR EXTRAS --- */
  455.  
  456. .sideimg {text-align:center;}
  457.  
  458. .sideimg img {height:225px;width:400px;}
  459.  
  460. .sidelinks {text-align:center;}
  461.  
  462. .sidelinks a {
  463. display:inline-block;
  464. width:110px;
  465. margin:5px 10px 8px 10px;
  466. font-family: 'Raleway', sans-serif;
  467. font-style:italic;
  468. font-size:13px;
  469. text-transform:uppercase;
  470. }
  471.  
  472. .events {margin-bottom:15px;text-align:justify;}
  473.  
  474. .events b {
  475. text-transform:uppercase;
  476. font-style:italic;
  477. font-size:11px;
  478. padding:0px 5px;
  479. box-shadow:inset 0px -6px {color:Accent Four};
  480. }
  481.  
  482. .membercont {
  483. height:50px;
  484. margin-bottom:10px;
  485. }
  486.  
  487. .memberavi {height:50px;width:50px;}
  488.  
  489. .memberavi img {height:50px;width:50px;}
  490.  
  491. .membername {
  492. position:relative;
  493. top:-41px;
  494. left:60px;
  495. display:inline-block;
  496. font-size:12px;
  497. font-family: 'Raleway', sans-serif;
  498. font-style:italic;
  499. text-transform:uppercase;
  500. height:14px;
  501. padding:0px 5px;
  502. box-shadow:inset 0px -5px {color:Accent Four};
  503. }
  504.  
  505. .membername a {color:{color:Text};text-decoration:none;border:0;}
  506.  
  507. .membertitle {
  508. position:relative;
  509. top:-41px;
  510. left:60px;
  511. font-style:italic;
  512. }
  513.  
  514. .projects {margin:0px;}
  515.  
  516. .project {margin-bottom:30px;}
  517.  
  518. .projectimg {height:120px;width:120px;}
  519.  
  520. .projectimg img {height:120px;width:120px;}
  521.  
  522. .projectinfo {
  523. height:100px;
  524. width:270px;
  525. margin:-110px 0px 0px 130px;
  526. }
  527.  
  528. .projectinfo h1 {
  529. display:block;
  530. font-family: 'Raleway', sans-serif;
  531. font-size:14px;
  532. font-style:italic;
  533. font-weight:400;
  534. text-transform:uppercase;
  535. margin-bottom:0px;
  536. }
  537.  
  538. .project a {
  539. text-transform:uppercase;
  540. font-style:italic;
  541. font-size:11px;
  542. padding:0px 5px;
  543. margin-right:5px;
  544. height:10px;
  545. box-shadow:inset 0px -5px {color:Accent Four};
  546. }
  547.  
  548. .affiliates {text-align:center;}
  549.  
  550. .affiliates img {
  551. height:75px;
  552. width:75px;
  553. margin:0px 1px 2px 1px;
  554. transition:.2s ease-in-out;
  555. -webkit-transition:.2s ease-in-out;
  556. -moz-transition:.2s ease-in-out;
  557. filter: grayscale(1.0) brightness(1.1);
  558. }
  559.  
  560. .affiliates img:hover {-webkit-filter:none;filter:none;}
  561.  
  562. .about {text-align:left;margin-bottom:15px;}
  563.  
  564. .about a {
  565. font-style:italic;
  566. padding:0px 3px;
  567. margin-right:2px;
  568. box-shadow:inset 0px -4px {color:Accent Four};
  569. }
  570.  
  571. .disclaimer {text-align:justify;-moz-text-align-last:center;text-align-last:center;}
  572.  
  573. /* --- POSTS --- */
  574.  
  575. .posts {
  576. float:right;
  577. width:560px;
  578. padding:17px 5px;
  579. margin:30px -10px 0px 0px;
  580. background:{color:Container};
  581. }
  582.  
  583. .iposts {
  584. width:540px;
  585. padding:15px 10px 10px 10px;
  586. background:{color:Content};
  587. }
  588.  
  589. .iposts img {max-width:540px;}
  590.  
  591. .ipostpxu {
  592. margin-left:5px;
  593. width:530px;
  594. }
  595.  
  596. /* --- POST INFO --- */
  597.  
  598. .postinfo {
  599. height:40px;
  600. font-style:italic;
  601. background:{color:Content};
  602. }
  603.  
  604. .postauthor {
  605. position:relative;
  606. top:0px;
  607. left:0px;
  608. height:40px;
  609. width:40px;
  610. }
  611.  
  612. .postauthor img {height:40px;width:40px;}
  613.  
  614. .postdetails {
  615. position:relative;
  616. top:-40px;
  617. left:40px;
  618. height:35px;
  619. width:300px;
  620. }
  621.  
  622. .postnotes {
  623. position:relative;
  624. top:0px;
  625. left:0px;
  626. padding:5px 0px 0px 5px;
  627. margin-bottom:-12px!important;
  628. }
  629.  
  630. .postnotes a {
  631. display:inline-block;
  632. color:{color:Text};
  633. font-size:15px;
  634. height:15px;
  635. padding:0px 5px 0px 5px;
  636. box-shadow:inset 0px -5px {color:Accent Four};
  637. text-transform:uppercase;
  638. }
  639.  
  640. .postdate {
  641. padding:12px 0px 0px 10px;
  642. display:inline-block;
  643. font-size:12px;
  644. text-align:left;
  645. }
  646.  
  647. .postdate a {color:{color:Text};}
  648.  
  649. /* --- POST CONTROL --- */
  650.  
  651. .postcontrol {
  652. float:right;
  653. margin-top:-62px;
  654. }
  655.  
  656. .postcontrol i {
  657. color:{color:Text};
  658. height:auto;
  659. padding:1px;
  660. display:block;
  661. overflow:visible;
  662. height:auto;
  663. }
  664.  
  665. .postcontrol a {
  666. position:relative;
  667. display:inline-block;
  668. overflow:hidden;
  669. padding:0px;
  670. }
  671.  
  672. .postcontrol .reblog {
  673. opacity:1;
  674. }
  675.  
  676. .postcontrol .reblog i {
  677. font-size:11px;
  678. }
  679.  
  680. .reblog i {
  681. color:{color:Text};
  682. transition:0.2s ease-in-out;
  683. -webkit-transition:0.2s ease-in-out;
  684. -moz-transition:0.2s ease-in-out;
  685. }
  686.  
  687. .postcontrol .like .liked + i {
  688. color:{color:Text};
  689. opacity:1;
  690. }
  691.  
  692. .like {
  693. position:relative;
  694. top:-1px;
  695. }
  696.  
  697. .like i {
  698. color:{color:Text};
  699. font-size:9px;
  700. transition:0.2s ease-in-out;
  701. -webkit-transition:0.2s ease-in-out;
  702. -moz-transition:0.2s ease-in-out;
  703. }
  704.  
  705. .postcontrol .like .liked + i {
  706. color:{color:Accent Two};
  707. }
  708.  
  709. .postcontrol .like .like_button {
  710. position:relative;
  711. }
  712.  
  713. .postcontrol .like .like_button iframe {
  714. position:absolute;
  715. top:0;
  716. left:0;
  717. bottom:0;
  718. right:0;
  719. z-index:2;
  720. opacity:0;
  721. }
  722.  
  723. /* --- POST TAGS --- */
  724. .posttags {
  725. background:{color:Content};
  726. color:{color:Text};
  727. text-align:center;
  728. font-size:9px;
  729. padding:10px;
  730. margin-bottom:125px;
  731. }
  732.  
  733. .posttags a {
  734. display:inline-block;
  735. font-style:italic;
  736. color:{color:Text};
  737. font-size:11px;
  738. height:15px;
  739. margin-left:5px;
  740. padding:0px 5px 0px 5px;
  741. box-shadow:inset 0px -5px {color:Accent Four};
  742. text-transform:lowercase;
  743. }
  744.  
  745. /* --- POST STYLES --- */
  746.  
  747. h1, h2 {
  748. display:inline-block;
  749. font-size:11px;
  750. color:{color:Text};
  751. display:inline-block;
  752. text-transform:uppercase;
  753. font-style:italic;
  754. font-weight:700;
  755. }
  756.  
  757. blockquote {
  758. padding:5px;
  759. text-decoration:none;
  760. border-left:1px solid {color:Text};
  761. }
  762.  
  763. blockquote img {
  764. max-width:100%;
  765. display:block;
  766. margin-bottom:5px;
  767. }
  768.  
  769. .user_1 .label {font-weight: 700;}
  770. .user_2 .label {font-weight: 400;}
  771. .user_3 .label {font-weight: 700;}
  772. .user_4 .label {font-weight: 400;}
  773. .user_5 .label {font-weight: 700;}
  774. .user_6 .label {font-weight: 400;}
  775. .user_7 .label {font-weight: 700;}
  776. .user_8 .label {font-weight: 400;}
  777.  
  778. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  779.  
  780. .chat li {
  781. list-style: none;
  782. margin: 0px;
  783. padding: 2px;
  784. border: none;
  785. }
  786.  
  787. .chat li:first-child {border:none;}
  788.  
  789. /* --- QUESTIONS --- */
  790.  
  791. .question {
  792. margin:0px;
  793. width:540px;
  794. text-align:justify;
  795. line-height:130%;
  796. color:{color:Links};
  797. }
  798.  
  799. .asker {display:inline-block;}
  800.  
  801. .asker a {
  802. font-style:italic;
  803. display:inline-block;
  804. color:{color:Text};
  805. font-size:12px;
  806. height:12px;
  807. padding:0px 5px 0px 5px;
  808. box-shadow:inset 0px -5px {color:Content};
  809. text-transform:uppercase;
  810. transition:.2s ease-in-out;
  811. -webkit-transition:.2s ease-in-out;
  812. -moz-transition:.2s ease-in-out;
  813. }
  814.  
  815. .questiontext {display:inline-block;}
  816.  
  817. .questionpost {margin:0;}
  818.  
  819. .questionpost:hover .asker a {box-shadow:inset 0px -5px {color:Accent Three};}
  820.  
  821.  
  822. /* --- AUDIO --- */
  823.  
  824. .audio { background:{color:Container};}
  825.  
  826. .player {
  827. position:absolute;
  828. margin-top:-69px;
  829. margin-left:35px;
  830. opacity:0.6;
  831. }
  832.  
  833. .audiop, .player {display:inline-block;}
  834.  
  835. .trackname {
  836. margin-left:120px;
  837. margin-top:-75px;
  838. color:{color:Text};
  839. text-transform:uppercase;
  840. }
  841.  
  842. .artist {
  843. margin-left:120px;
  844. margin-top:-5px;
  845. color:{color:Text};
  846. }
  847.  
  848. .albuname {
  849. margin-left:120px;
  850. margin-top:0px;
  851. color:{color:Text};
  852. }
  853.  
  854. .audiop {
  855. position:absolute;
  856. display:block;
  857. margin-top:4px
  858. margin-top:-109px;
  859. }
  860.  
  861. .audioimg img {
  862. margin-top:10px;
  863. height:100px;
  864. width:100px;
  865. }
  866.  
  867. .tumblr_audio_player {
  868. width:30px;
  869. height:27px;
  870. overflow:hidden;
  871. }
  872.  
  873. .soundcloud_audio_player {padding-top:15px;}
  874.  
  875. /* --- LIGHTBOXES ---*/
  876.  
  877. .vignette, #vignette {opacity:0;}
  878.  
  879. .lightbox-image, #tumblr_lightbox img {
  880. box-shadow:none !important;
  881. border-radius:0 !important;
  882. max-width:none;
  883. -moz-box-sizing:border-box;
  884. box-sizing:border-box;
  885. }
  886.  
  887. .tmblr-lightbox, #tumblr_lightbox {
  888. background-color:rgba(255,255,255,.90) !important;
  889. }
  890.  
  891. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  892.  
  893. /* --- PAGINATION --- */
  894.  
  895. .pagination {
  896. width:540px;
  897. float:right;
  898. margin:0px;
  899. font-size:12px;
  900. font-style:italic;
  901. padding:10px;
  902. font-weight:400;
  903. text-align:center;
  904. color:{color:Text};
  905. }
  906.  
  907. .pagination a {
  908. display:inline-block;
  909. color:{color:Text};
  910. padding:4px 11px 4px 8px;
  911. }
  912.  
  913. .pagination .current {
  914. display:inline-block;
  915. margin:8px;
  916. color:{color:Text};
  917. min-width:15px;
  918. }
  919.  
  920. .current_page {
  921. padding:2px 11px 2px 8px;
  922. font-weight:700;
  923. }
  924.  
  925. .pagination a.jump {
  926. font-size:10px;
  927. line-height:10px;
  928. color:{color:Text};
  929. min-width:15px;
  930. }
  931.  
  932. /* ---PERMALINK NOTES --- */
  933.  
  934. #permanote::-webkit-scrollbar {height:5px;width:2px;}
  935.  
  936. #permanote::-webkit-scrollbar-track {border:0px;background:{color:Background};}
  937.  
  938. #permanote::-webkit-scrollbar-thumb {background:{color:Text};height:5px;width:2px;border:0px;}
  939.  
  940.  
  941. #permanote {
  942. width:520px;
  943. max-height:300px;
  944. margin:-50px 0 20px 16px;
  945. padding:0px 0px 0px 9px;
  946. text-align:center;
  947. overflow-x:hidden;
  948. overflow-y:scroll;
  949. }
  950.  
  951. ol.notes {
  952. display:inline-block;
  953. padding:0px;
  954. margin:15px 0px;
  955. background:transparent;
  956. list-style-type:none;
  957. text-align:center;
  958. border-bottom:0px;
  959. }
  960.  
  961. .notes a {display:inline-block;text-align:center;}
  962.  
  963. ol.notes li.note {padding:0px;float:left;text-align:center;}
  964.  
  965. ol.notes li.note img.avatar {
  966. width:32px;
  967. height:32px;
  968. margin:0px 2px 0px 2px;
  969. }
  970.  
  971. ol.notes li.note span.action {display:none;}
  972.  
  973. ol.notes li.note .answer_content {display:none;}
  974.  
  975. ol.notes li.note blockquote {display:none;}
  976.  
  977. ol.notes li.note blockquote a {display:none;}
  978.  
  979. ol.notes li.note.more_notes_link_container {
  980. display:block;
  981. position:relative;
  982. text-align:center;
  983. display:block;
  984. width:100%;
  985. padding-top:10px;
  986. }
  987.  
  988. /* --- SCROLL TO TOP --- */
  989.  
  990. #scrollToTop {
  991. display:none;
  992. position:fixed;
  993. bottom:15px;
  994. right:10px;
  995. cursor:default;
  996. }
  997.  
  998. #scrollToTop i {
  999. color:{color:Text};
  1000. font-size:12px;
  1001. display:inline-block;
  1002. padding:5px;
  1003. transition:.2s ease-in-out;
  1004. -webkit-transition:.2s ease-in-out;
  1005. -moz-transition:.2s ease-in-out;
  1006. -o-transition:.2s ease-in-out;
  1007. }
  1008.  
  1009. /* --- FOOTER --- */
  1010.  
  1011. footer {
  1012. margin:0 auto;
  1013. width:900px;
  1014. margin-top:50px;
  1015. padding:20px;
  1016. line-height:150%;
  1017. text-align:center;
  1018. font-size:11px!important;
  1019. text-transform:uppercase;
  1020. font-style:italic;
  1021. color:{color:Text};
  1022. background:{color:Container};
  1023. }
  1024.  
  1025. footer b {
  1026. display:inline-block;
  1027. color:{color:Text};
  1028. font-size:11px;
  1029. height:14px;
  1030. font-weight:400;
  1031. padding:0px 5px 0px 5px;
  1032. box-shadow:inset 0px -5px {color:Accent Four};
  1033. text-transform:uppercase;
  1034. }
  1035.  
  1036. {CustomCSS}
  1037. </style>
  1038.  
  1039. </head>
  1040. <body>
  1041.  
  1042.  
  1043.  
  1044.  
  1045. <!-- START TOPBAR -->
  1046. <div id="topbar">
  1047. <div class="topbartitle"><b>Lauren Jauregui</b> Source</div>
  1048. <div class="topbarlinks">
  1049. <a href="">home</a>
  1050. <a href="">contact</a>
  1051. <a href="">navigation</a>
  1052. <a href="">biography</a>
  1053. <a href="">members</a>
  1054. <a href="">apply</a>
  1055. </div>
  1056.  
  1057. {block:IndexPage}
  1058. <div class="tcontrols">+</div>
  1059. {/block:IndexPage}
  1060.  
  1061. </div>
  1062. <!-- END TOPBAR -->
  1063.  
  1064.  
  1065.  
  1066.  
  1067. <!-- START HEADER -->
  1068. <div class="header"></div>
  1069. <!-- END HEADER -->
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079. <!-- START CONTAINER -->
  1080. <div class="container">
  1081.  
  1082.  
  1083.  
  1084.  
  1085. <!-- START WELCOME -->
  1086. {block:IndexPage}
  1087. <div class="welcome">
  1088.  
  1089. Welcome to <h1>Lauren Jauregui Source</h1>! Your best updated source on tumblr for everything about artist, writer, singer and songwriter, <b>Lauren Jauregui</b>! Our team works hard to provide you with edits and a lot more lovely things of <b>Lauren</b>. We hope you will to visit us again to get the latest updates on <b>Lauren</b> and don’t forget to follow us to get your updates in time. If you’d like your edits/gifs to be featured on this blog, tag them with <b>#laurenjaureguisource</b>
  1090.  
  1091. </div>
  1092. {/block:IndexPage}
  1093. <!-- START WELCOME -->
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103. <!-- START SIDEBAR -->
  1104. <div class="sidebar">
  1105.  
  1106.  
  1107.  
  1108.  
  1109. <!-- Lauren Jauregui -->
  1110. {block:IndexPage}
  1111. <div class="side">
  1112. <center><div class="sidebartitle">Lauren Jauregui</div></center>
  1113.  
  1114. <div class="sideimg">
  1115. <img src="{image:Sidebar}"/>
  1116. </div>
  1117.  
  1118. </div>
  1119. {/block:IndexPage}
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126. <!-- Follow Us -->
  1127. <div class="side">
  1128. <center><div class="sidebartitle">Follow Us</div></center>
  1129.  
  1130. <div class="sidelinks">
  1131. <a href="{text:Twitter}">twitter</a>
  1132. <a href="{text:Youtube}">youtube</a>
  1133. <a href="{text:Instagram}">instagram</a>
  1134. </div>
  1135.  
  1136. </div>
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144. <!-- Upcoming Events -->
  1145. {block:IndexPage}
  1146. <div class="side">
  1147. <center><div class="sidebartitle">Upcoming Events</div></center>
  1148.  
  1149. <div class="events">
  1150. <b>June 6th</b> São Paulo, Brazil
  1151. </div>
  1152.  
  1153. <div class="events">
  1154. <b>June 7th</b> Rio De Janeiro
  1155. </div>
  1156.  
  1157. <div class="events">
  1158. <b>June 9th</b> Buenos Aires, Argentina
  1159. </div>
  1160.  
  1161. <div class="events">
  1162. <b>June 12th</b> Santiago, Chile
  1163. </div>
  1164.  
  1165. <div class="events">
  1166. <b>June 15th</b> Mexico City, Mexico
  1167. </div>
  1168.  
  1169. </div>
  1170. {/block:IndexPage}
  1171.  
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177. <!-- Follow Lauren -->
  1178. <div class="side">
  1179. <center><div class="sidebartitle">Follow Lauren</div></center>
  1180.  
  1181. <div class="sidelinks">
  1182. <a href="https://twitter.com/laurenjauregui">Twitter</a>
  1183. <a href="https://www.instagram.com/laurenjauregui/">Instagram</a>
  1184. <a href="https://www.facebook.com/LaurenJaureguiOfficial/">Facebook</a>
  1185.  
  1186. <br>
  1187.  
  1188. <a href="https://www.youtube.com/channel/UCztlt79t8cvrtLpnoIXz2Pg">Youtube</a>
  1189. <a href=https://itunes.apple.com/us/album/fifth-harmony/1268843913"">ITunes</a>
  1190. <a href="https://open.spotify.com/artist/3J0BpFVUc9LeOIVeN5uNhU?si=jk_sSbppQoa9nw8eqNPxhQ">Spotify</a>
  1191.  
  1192. <br>
  1193.  
  1194. <a href="http://ssweet-dispositionn.tumblr.com">Tumblr</a>
  1195. <a href="https://fifthharmony.com">Website</a>
  1196. <a href="https://fifthharmony.shop.musictoday.com/store/">Store</a>
  1197.  
  1198. </div>
  1199.  
  1200. </div>
  1201.  
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207.  
  1208. <!-- Twitter -->
  1209. {block:IndexPage}
  1210. <div class="side">
  1211. <center><div class="sidebartitle">Twitter</div></center>
  1212.  
  1213. <center>
  1214. <a class="twitter-timeline" data-width="400" data-height="300" data-dnt="true" data-link-color="{color:Accent Four}" href="https://twitter.com/LaurenJauregui">Tweets by @LaurenJauregui</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1215. </center>
  1216.  
  1217. </div>
  1218. {/block:IndexPage}
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224.  
  1225. <!-- Instagram -->
  1226. {block:IndexPage}
  1227. <div class="side">
  1228. <center><div class="sidebartitle">Instagram</div></center>
  1229.  
  1230. <center>
  1231. <!-- InstaWidget -->
  1232. <a href="https://instawidget.net/v/user/laurenjauregui" id="link-af72b06688a579b5459960ba345e2484779f79e1809632e3c82a35f278693154">@laurenjauregui</a>
  1233. <script src="https://instawidget.net/js/instawidget.js?u=af72b06688a579b5459960ba345e2484779f79e1809632e3c82a35f278693154&width=400px"></script>
  1234. </center>
  1235.  
  1236. </div>
  1237. {/block:IndexPage}
  1238.  
  1239.  
  1240.  
  1241.  
  1242.  
  1243.  
  1244. <!-- Youtube -->
  1245. {block:IndexPage}
  1246. <div class="side">
  1247. <center><div class="sidebartitle">Youtube</div></center>
  1248.  
  1249. <center>
  1250. <iframe width="400" height="220" src="https://www.youtube.com/embed/ys2x8oOK7wE?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
  1251.  
  1252. </center>
  1253.  
  1254. </div>
  1255. {/block:IndexPage}
  1256.  
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <!-- Members -->
  1263. <div class="side">
  1264. <center><div class="sidebartitle">Members</div></center>
  1265.  
  1266. {block:GroupMembers}
  1267. {block:GroupMember}
  1268.  
  1269. <div class="membercont">
  1270. <div class="memberavi"><img src="{GroupMemberPortraitURL-64}"></div>
  1271.  
  1272. <div class="membername"><a href="{GroupMemberURL}">{GroupMemberName}</a></div><div class="membertitle">{GroupMemberTitle}</div>
  1273. </div>
  1274.  
  1275. {/block:GroupMember}
  1276. {/block:GroupMembers}
  1277.  
  1278. </div>
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285.  
  1286. <!-- Projects -->
  1287. {block:IndexPage}
  1288. <div class="side">
  1289. <center><div class="sidebartitle">Projects</div></center>
  1290.  
  1291. <div class="projects">
  1292.  
  1293. <!-- One -->
  1294. <div class="project">
  1295. <div class="projectimg">
  1296. <img src="https://i.imgur.com/6ZvGCfk.png"/>
  1297. </div>
  1298. <div class="projectinfo">
  1299. <h1>BACK TO ME</h1>
  1300. <b>Label</b>: Republic Records<br>
  1301. <b>Status</b>: Released<br>
  1302. <b>Release</b>: December 9, 2016<br>
  1303. <a href="https://open.spotify.com/album/2yTvQfrXKX51KggyzbmTUc">Spotify</a> <a href="https://itunes.apple.com/us/album/back-to-me-feat.-lauren-jauregui/id1182108761?i=1182109054">ITunes</a>
  1304. </div>
  1305. </div>
  1306.  
  1307.  
  1308.  
  1309. <!-- Two -->
  1310. <div class="project">
  1311. <div class="projectimg">
  1312. <img src="https://i.imgur.com/iCTSlAQ.png"/>
  1313. </div>
  1314. <div class="projectinfo">
  1315. <h1>Strangers</h1>
  1316. <b>Label</b>: Astralwerks<br>
  1317. <b>Status</b>: Released<br>
  1318. <b>Release</b>: May 25, 2017<br>
  1319. <a href="https://open.spotify.com/album/1vFw9y8USQNAmZcpGrUoHt">Spotify</a> <a href="https://itunes.apple.com/US/album/hopeless-fountain-kingdom-deluxe/id1221749987">ITunes</a>
  1320. </div>
  1321. </div>
  1322.  
  1323.  
  1324.  
  1325. <!-- Three -->
  1326. <div class="project">
  1327. <div class="projectimg">
  1328. <img src="https://i.imgur.com/iZGJRYG.png"/>
  1329. </div>
  1330. <div class="projectinfo">
  1331. <h1>Fifth Harmony</h1>
  1332. <b>Label</b>: Epic Records<br>
  1333. <b>Status</b>: Released<br>
  1334. <b>Release</b>: August 25, 2017<br>
  1335. <a href="https://open.spotify.com/artist/1l8Fu6IkuTP0U5QetQJ5Xt">Spotify</a> <a href="https://itunes.apple.com/us/album/fifth-harmony/1268843913">ITunes</a>
  1336. </div>
  1337. </div>
  1338.  
  1339.  
  1340.  
  1341. <!-- Four -->
  1342. <div class="project">
  1343. <div class="projectimg">
  1344. <img src="https://i.imgur.com/KM4mJJd.png"/>
  1345. </div>
  1346. <div class="projectinfo">
  1347. <h1>In Your phone</h1>
  1348. <b>Label</b>: Atlantic <br>
  1349. <b>Status</b>: Released<br>
  1350. <b>Release</b>: October 27, 2017<br>
  1351. <a href="https://open.spotify.com/track/5DrACadFfJMMQCCS02Px0a">Spotify</a> <a href="https://itunes.apple.com/us/album/beach-house-3/id12858539253">ITunes</a>
  1352. </div>
  1353. </div>
  1354.  
  1355.  
  1356.  
  1357. <!-- Five -->
  1358. <div class="project">
  1359. <div class="projectimg">
  1360. <img src="https://i.imgur.com/8JDCAp2.png"/>
  1361. </div>
  1362. <div class="projectinfo">
  1363. <h1>All Night</h1>
  1364. <b>Label</b>: Ultra Records<br>
  1365. <b>Status</b>: Released<br>
  1366. <b>Release</b>: November 17, 2017<br>
  1367. <a href="https://open.spotify.com/album/0cmoP8tffZOv3FZL0d5QZYt">Spotify</a> <a href="https://itunes.apple.com/us/album/all-night-single/1305314113">ITunes</a>
  1368. </div>
  1369. </div>
  1370.  
  1371.  
  1372.  
  1373. <!-- Six -->
  1374. <div class="project">
  1375. <div class="projectimg">
  1376. <img src="https://i.imgur.com/iolu03c.png"/>
  1377. </div>
  1378. <div class="projectinfo">
  1379. <h1>All Night (Remixes)</h1>
  1380. <b>Label</b>: Ultra Records<br>
  1381. <b>Status</b>: Released<br>
  1382. <b>Release</b>: March 9, 2018<br>
  1383. <a href="https://open.spotify.com/album/67wBwMPxu7776dQF5ETTQ9">Spotify</a> <a href="https://itunes.apple.com/us/album/all-night-remixes-single/1353754314">ITunes</a>
  1384. </div>
  1385. </div>
  1386.  
  1387.  
  1388. </div>
  1389. </div>
  1390. {/block:IndexPage}
  1391.  
  1392.  
  1393.  
  1394.  
  1395.  
  1396.  
  1397. <!-- Affiliates -->
  1398. <div class="side">
  1399. <center><div class="sidebartitle">Affiliates</div></center>
  1400.  
  1401. <div class="affiliates">
  1402.  
  1403. <a href="https://fyeah5h.tumblr.com" title="fyeah5h"><img src="https://api.tumblr.com/v2/blog/fyeah5h.tumblr.com/avatar/512" /></a>
  1404.  
  1405. <a href="http://normanisource.tumblr.com" title="normanisource"><img src="https://api.tumblr.com/v2/blog/normanisource.tumblr.com/avatar/512" /></a>
  1406.  
  1407. <a href="http://dinahjanesource.tumblr.com" title="dinahjanesource"><img src="https://api.tumblr.com/v2/blog/dinahjanesource.tumblr.com/avatar/512" /></a>
  1408.  
  1409. <a href="https://fifthsource.tumblr.com" title="fifthsource"><img src="https://api.tumblr.com/v2/blog/fifthsource.tumblr.com/avatar/512" /></a>
  1410.  
  1411. <a href="https://dailygrande.tumblr.com" title="dailygrande"><img src="https://api.tumblr.com/v2/blog/dailygrande.tumblr.com/avatar/512" /></a>
  1412.  
  1413.  
  1414.  
  1415.  
  1416. <a href="http://selenamgsource.tumblr.com" title="selenamgsource"><img src="https://api.tumblr.com/v2/blog/selenamgsource.tumblr.com/avatar/512" /></a>
  1417.  
  1418. <a href="https://ccabellosource.tumblr.com" title="ccabellosource"><img src="https://api.tumblr.com/v2/blog/ccabellosource.tumblr.com/avatar/512" /></a>
  1419.  
  1420. <a href="https://mileycyrusdaily.tumblr.com" title="mileycyrusdaily"><img src="https://api.tumblr.com/v2/blog/mileycyrusdaily.tumblr.com/avatar/512" /></a>
  1421.  
  1422. <a href="http://niallhgifs.tumblr.com" title="niallhgifs"><img src="https://api.tumblr.com/v2/blog/niallhgifs.tumblr.com/avatar/512" /></a>
  1423.  
  1424. <a href="" title="apply"><img src="https://static.tumblr.com/zvesamf/Rl7p987vs/affie.png" /></a>
  1425.  
  1426. </div>
  1427.  
  1428. </div>
  1429.  
  1430.  
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436. <!-- About -->
  1437. <div class="side">
  1438. <center><div class="sidebartitle">About</div></center>
  1439.  
  1440. <div class="about">
  1441. <b>About:</b> Lauren Jauregui<br>
  1442. <b>Admins:</b> <a href="https://lmjkordei.tumblr.com">Nayara</a> and <a href="http://feverjonas.tumblr.com">Rita</a><br>
  1443. <b>Theme:</b> <a href="http://ethereal-themes.tumblr.com">ethereal</a><br>
  1444. <b>Online:</b> <br>
  1445. <b>Visits: </b><br>
  1446. </div>
  1447.  
  1448.  
  1449. <div class="disclaimer">
  1450. Our site claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1451. </div>
  1452.  
  1453. </div>
  1454.  
  1455.  
  1456.  
  1457.  
  1458.  
  1459. </div>
  1460. <!-- END SIDEBAR -->
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466.  
  1467.  
  1468.  
  1469.  
  1470. <!-- START POSTS -->
  1471. <div class="posts">
  1472.  
  1473. {block:Posts}
  1474.  
  1475.  
  1476.  
  1477.  
  1478. <!-- START POST INFO -->
  1479. <div class="postinfo">
  1480.  
  1481. <div class="postauthor"><a title="posted by {PostAuthorName}" href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-64}" /></a>
  1482. </div>
  1483.  
  1484. <div class="postdetails">
  1485. {block:NoteCount}
  1486. <div class="postnotes"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  1487. {/block:NoteCount}
  1488.  
  1489. {block:Date}
  1490. <div class="postdate">
  1491. <a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{Year}</a> {block:RebloggedFrom}
  1492. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}<a title="{ReblogRootName}" href="{SourceURL}">/src</a>{/block:ContentSource}
  1493. {/block:RebloggedFrom}
  1494. </div>
  1495. {/block:Date}
  1496. </div>
  1497.  
  1498.  
  1499. {block:IndexPage}
  1500. <div class="postcontrol">
  1501. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i></a>
  1502. <a href="#" class="like">{LikeButton}<i class="fa fa-heart"></i></a>
  1503. </div>
  1504. {/block:IndexPage}
  1505.  
  1506. </div>
  1507. <!-- END POST INFO -->
  1508.  
  1509.  
  1510.  
  1511.  
  1512. <!-- POST STYLES START -->
  1513. <div class="iposts" id="{PostID}">
  1514.  
  1515. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1516.  
  1517. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  1518. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  1519.  
  1520. {block:Quote}<h1>“{Quote}”</h1><br>-{Source}</b>{/block:Quote}
  1521.  
  1522. {block:Photo}<center><div class="oddhour-high-res">
  1523. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1524. </div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1525.  
  1526. {block:Photoset}<div class="ipostpxu"><center><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></center>
  1527. {block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  1528.  
  1529. {block:Chat}
  1530. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1531. {/block:Chat}
  1532.  
  1533. {block:Audio}
  1534. <div class="audio">
  1535.  
  1536. {block:AlbumArt}
  1537. <div class="audioimg">
  1538. <img src="{AlbumArtURL}" />
  1539. </div>
  1540. {block:AlbumArt}
  1541.  
  1542. {block:AudioPlayer}
  1543. <div class="player">
  1544. {AudioPlayerBlack}
  1545. </div>
  1546. {/block:AudioPlayer}
  1547.  
  1548. <div class="audiop">
  1549. {block:TrackName}
  1550. <div class="trackname">
  1551. {TrackName}
  1552. </div>
  1553. {/block:TrackName}
  1554. {block:Artist}
  1555. <div class="artist">
  1556. by {Artist}
  1557. </div>
  1558. {/block:Artist}
  1559. </div>
  1560. {block:Caption}{Caption}{/block:Caption}
  1561. </div>
  1562. {/block:Audio}
  1563.  
  1564.  
  1565. {block:Video}<center>{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  1566.  
  1567. {block:Answer}
  1568. <div class="questionpost">
  1569. <div class="question">
  1570. <div class="questiontext">
  1571. <div class="asker">{Asker}</div>
  1572. {Question}
  1573. </div>
  1574. </div>
  1575. {Answer}
  1576. </div>
  1577. {/block:Answer}
  1578.  
  1579.  
  1580.  
  1581.  
  1582.  
  1583.  
  1584. </div>
  1585. <!-- POST STYLES END -->
  1586.  
  1587.  
  1588.  
  1589.  
  1590. <!-- POST TAGS START -->
  1591. <div class="posttags">
  1592. {block:HasTags}{block:Tags}
  1593. <a href="{TagURL}">#{Tag}</a>&nbsp;
  1594. {/block:Tags}{/block:HasTags}
  1595. </div>
  1596. <!-- POST TAGS END -->
  1597.  
  1598.  
  1599.  
  1600.  
  1601. <!-- PERMALINK NOTES -->
  1602. {block:PostNotes}
  1603. <div id="permanote"><center>{PostNotes-64}</center></div>
  1604. {/block:PostNotes}
  1605.  
  1606.  
  1607. {/block:Posts}
  1608.  
  1609.  
  1610.  
  1611.  
  1612. <!-- START PAGINATION -->
  1613. {block:IndexPage}
  1614. {block:Pagination}
  1615. <div class="pagination">
  1616. {block:PreviousPage}
  1617. <a href="{PreviousPage}">previous</a>
  1618. {/block:PreviousPage}
  1619.  
  1620. {block:JumpPagination length="10"}
  1621. {block:CurrentPage}
  1622. <span class="current_page">{PageNumber}</span>
  1623. {/block:CurrentPage}
  1624.  
  1625. {block:JumpPage}
  1626. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1627. {/block:JumpPage}
  1628. {/block:JumpPagination}
  1629.  
  1630. {block:NextPage}
  1631. <a class="next" href="{NextPage}">next</a>
  1632. {/block:NextPage}
  1633. </div>
  1634.  
  1635. {/block:Pagination}
  1636. {/block:IndexPage}
  1637. <!-- END PAGINATION -->
  1638.  
  1639.  
  1640.  
  1641.  
  1642. </div><!-- END POSTS -->
  1643.  
  1644. <div id="end"></div>
  1645.  
  1646. <!-- START FOOTER -->
  1647. <footer>
  1648. copyright <b>{Name}</b> 2018
  1649. </footer>
  1650. <!-- END FOOTER -->
  1651.  
  1652. </div>
  1653. <!-- END CONTAINER -->
  1654.  
  1655.  
  1656.  
  1657.  
  1658. <!-- ADDITIONAL SCRIPTS -->
  1659.  
  1660. <script>
  1661. $(document).ready(function(){
  1662. var scrollTop = 0;
  1663. $(window).scroll(function(){
  1664. scrollTop = $(window).scrollTop();
  1665. $('.counter').html(scrollTop);
  1666.  
  1667. if (scrollTop >= 400) {
  1668. $('#topbar').addClass('scrolled-nav');
  1669. } else if (scrollTop < 400) {
  1670. $('#topbar').removeClass('scrolled-nav');
  1671. }
  1672.  
  1673. });
  1674.  
  1675. });
  1676. </script>
  1677.  
  1678. {block:IndexPage}
  1679. <script>
  1680. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  1681. </script>
  1682.  
  1683. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1684. {/block:IndexPage}
  1685.  
  1686. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1687. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1688. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1689.  
  1690. <script>
  1691. $(document).ready(function(){
  1692. $('.photo-slideshow').pxuPhotoset({
  1693. lightbox: true,
  1694. rounded: false,
  1695. gutter: '1px',
  1696. borderRadius: '0px',
  1697. photoset: '.photo-slideshow',
  1698. photoWrap: '.photo-data',
  1699. photo: '.pxu-photo'
  1700. });
  1701. });
  1702. </script>
  1703.  
  1704. </body></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!