Advertisement
Lessita

theme

Jan 17th, 2018
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.19 KB | None | 0 0
  1. <!--
  2.  
  3. THEME: ALECTRONA
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧
  8.  
  9. - @acuite for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{image:Sidebar}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="image:Sidebar" content=""/>
  22.  
  23. <meta name="color:Text" content="#555"/>
  24. <meta name="color:Link" content="#999"/>
  25. <meta name="color:Hover" content="#f0bfb3"/>
  26.  
  27. <meta name="if:Load More" content=""/>
  28. <meta name="if:Paginate" content=""/>
  29. <meta name="if:Captions" content=""/>
  30. <meta name="if:Borders" content=""/>
  31.  
  32. <meta name="select:Permalinks" content="reg" title="Regular">
  33. <meta name="select:Permalinks" content="pto" title="Only Tags">
  34. <meta name="select:Permalinks" content="rio" title="Only Reblog Info">
  35. <meta name="select:Permalinks" content="phd" title="Hide">
  36.  
  37. <meta name="text:Post" content="350"/>
  38. <meta name="text:Sidebar" content="150"/>
  39. <meta name="text:Margin" content="75"/>
  40.  
  41. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  42. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  43. <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i" rel="stylesheet">
  44.  
  45. <!-- ROLAGEM SUAVIZADA POR LIRIADAS -->
  46. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  47. <!-- ROLAGEM SUAVIZADA POR LIRIADAS -->
  48.  
  49. <style type="text/css">
  50.  
  51. /* Scroll */
  52.  
  53. ::-webkit-scrollbar {width:11px;height:11px;background:#eee;}
  54. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  55. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  56. border:5px solid #f8f8f8;
  57. }
  58.  
  59. /* Controls */
  60.  
  61. .tc .oi {font-size:20px;color:{color:Link};}
  62. .tc {position:fixed;top:15px;right:15px;}
  63.  
  64. /* General */
  65.  
  66. body {
  67. margin:0;
  68. color:{color:Text};
  69. background:#fff;
  70. font-smooth:always;
  71. -webkit-font-smoothing:antialiased;
  72. -moz-osx-font-smoothing: grayscale;
  73. }
  74.  
  75. a:link, a:active, a:visited {text-decoration:none;}
  76. body,p,pre,blockquote,big,small,sub,sup {font-size:12px;text-align:justify;}
  77. body,p,pre,em{font-family: 'Gibson Std Light', sans-serif;}
  78. .our_button,.like_button,#tumblr_controls,.tmblr-iframe,.tc {
  79. transition:0.5s ease;
  80. -o-transition:0.5s ease;
  81. -moz-transition:0.5s ease;
  82. -webkit-transition:0.5s ease;
  83. }
  84.  
  85. /* Credit & Scroll to Top */
  86.  
  87. .c,.top{position:fixed;right:30px;width:40px;}
  88. .c {bottom:30px;font-weight:400;}
  89. .top {bottom:50px;display:none;}
  90.  
  91. /* Pagination */
  92.  
  93. .cp {font-weight:600;}
  94. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  95. .pag a i,.top{font-size:20px;}
  96. .pag {position:relative;}
  97. .load {display:block;font-weight:400;}
  98. .c,.top,.pag,.load {text-align:center;}
  99. .c,.pag,.load {font-size:10px;letter-spacing:0.5px;text-transform:uppercase;}
  100. {block:ifnotPaginate}
  101. .pag,#infscr-loading {display:none!important;}
  102. {/block:ifnotPaginate}
  103.  
  104. /* Containers */
  105.  
  106. .center {
  107. position:relative;
  108. margin:{text:Margin}px auto;
  109. width:calc({text:Post}px + 4px);
  110. }
  111.  
  112. .entry img{max-width:100%;height:auto;}
  113. .entry {margin:{text:Margin}px 0;background:#fff;}
  114.  
  115. /* Sidebar */
  116.  
  117. aside {
  118. position:fixed;
  119. width:{text:Sidebar}px;
  120. top:{text:Margin}px;
  121. padding:20px;
  122. margin-left:calc(-{text:Sidebar}px + -{text:Margin}px + -42px);
  123. z-index:99999;
  124. overflow:hidden;
  125. background:#fff;
  126. border:1px solid #eee;
  127. }
  128.  
  129. .image{display:block;width:calc(100% + 40px);margin:-20px -20px 20px;border-bottom:1px solid #eee;}
  130.  
  131. .desc {margin:20px 0;}
  132.  
  133. .srch {
  134. {block:ifBorders}
  135. border-top:1px dotted #eee;
  136. margin:20px -20px -20px;
  137. padding:15px 20px;
  138. {/block:ifBorders}
  139. }
  140. .srch input{
  141. width:100%;
  142. background:inherit;
  143. padding:0;
  144. border:0;
  145. margin:0;
  146. outline:none;
  147. font:inherit;
  148. font-weight:400;
  149. letter-spacing:.5px;
  150. text-transform:none;
  151. }
  152.  
  153. .srch input[type=text] {color:{color:Link};}
  154. input::-webkit-input-placeholder {color:{color:Link};}
  155. input::-moz-placeholder {color:{color:Link};}
  156. input:-moz-placeholder {color:{color:Link};}
  157. input:-ms-input-placeholder {color:{color:Link};}
  158. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  159.  
  160. html{cursor:url('http://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), auto;}
  161. a,a:hover{cursor:url("http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif"), auto }
  162.  
  163. /* Titles */
  164.  
  165. h1 {margin:0;font-size:15px;line-height:100%;text-transform:none;}
  166. h2 {margin:20px;font-size:13px;line-height:100%;font-weight:400;}
  167. h3,h4,h5 {margin:10px;font-size:11px;line-height:100%;}
  168.  
  169. /* Permalinks */
  170.  
  171. .p {font-size:0;font-weight:400;margin:20px;text-align:left;}
  172. .ple {font-size:10px;text-transform:uppercase;letter-spacing:0.5px;}
  173. .ple,.pri {display:inline-block;vertical-align:middle;width:50%;text-align:left;}
  174. .pri {opacity:0.75;padding-top:15px;text-align:left;}
  175. .pri .oi {font-size:16px;}
  176. .oi-refresh {margin-left:4px;}
  177.  
  178. .custom-like-button *{cursor:pointer!important;}
  179. .custom-like-button {
  180. position:relative;
  181. display:inline-block;
  182. vertical-align:top;
  183. width:14px;
  184. height:14px;
  185. cursor:pointer;
  186. }
  187.  
  188. .like_button:hover + .our_button {color:{color:Hover};}
  189. .like_button.liked + .our_button {color:{color:Hover};}
  190. .like_button iframe {width:100%!important;height:100%!important;}
  191. .like_button {z-index:10;opacity:0;}
  192. .our_button {z-index:1;}
  193. .our_button,.like_button {
  194. position:absolute;
  195. top:0;
  196. left:1px;
  197. width:100%;
  198. height:100%;
  199. }
  200.  
  201. .p_top {margin:20px 20px -17px;color:{color:Link};}
  202. .pto .from,.rio .tags,.phd {display:none;}
  203. .tags,.from {display:inline;}
  204. .tags a,.from a,.from b{font-size:10px;line-height:100%;}
  205. .from {margin-right:3px;}
  206. .from a {font-weight:400;}
  207. .tags a {margin:0 1px 3px;display:inline-block;font-style:normal;}
  208.  
  209. /* Quotes */
  210.  
  211. .qut_hold {margin:20px;}
  212. .src {margin-top:15px;}
  213. .qut {font-size:13px;font-weight:300;line-height:130%;font-style:normal;}
  214.  
  215. /* Audio & Chat */
  216.  
  217. .chat {margin:20px;}
  218. .lines,.chat h2 {margin:10px 0;padding:0;}
  219. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  220. .audio {font-size:0;margin:20px;}
  221. .play,.au {display:inline-block;vertical-align:middle;}
  222. .soundcloud_audio_player{padding:15px 0;}
  223. .au span.tn {text-transform:uppercase;letter-spacing:0.75px;}
  224. .au span {display:block;margin:3px 0;font-size:10px;}
  225. .au {width:calc(100% - 62px);margin-left:15px;}
  226. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  227.  
  228. /* Text */
  229.  
  230. ol,ul {padding:0 0 0 20px;}
  231. li {margin:5px;}
  232. p,blockquote,pre,ul,ol{margin:5px 0;}
  233. blockquote p{margin:5px 0;}
  234. blockquote p:first-child{margin:0 0 5px;}
  235. blockquote p:last-child{margin:5px 0 0;}
  236. blockquote p:only-child{margin:0;}
  237. blockquote blockquote {margin:0;}
  238. blockquote{padding-left:10px;border-left:1px solid {color:hover};}
  239. pre {
  240. white-space:pre-wrap;
  241. white-space:-moz-pre-wrap;
  242. white-space:-pre-wrap;
  243. white-space:-o-pre-wrap;
  244. word-wrap:break-word;
  245. }
  246.  
  247. /* Captions */
  248.  
  249. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  250. {block:ifBorders}
  251. .tumblr_parent {margin:0;padding:0px;border:0;border-bottom:1px dotted #eee;}
  252. {/block:ifBorders}
  253. {block:ifnotBorders}
  254. .tumblr_parent {margin:20px;padding:0;border:0;}
  255. {/block:ifnotBorders}
  256. .tumblr_parent blockquote {margin:5px 0;}
  257. a.tumblr_blog,.aski {
  258. font-size:12px;
  259. font-weight:400;
  260. text-transform:none;
  261. }
  262. .aski:first-letter{text-transform:uppercase;}
  263.  
  264. /* Video */
  265.  
  266. .video {overflow:hidden;}
  267. .vine-embed,#youtube_iframe {display:block;}
  268. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  269.  
  270. /* Photosets */
  271.  
  272. #tumblr_lightbox,.tmblr-lightbox {
  273. background:rgba({RGBcolor:Background},0.99)!important;
  274. }
  275.  
  276. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  277. opacity:0!important;
  278. }
  279.  
  280. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  281. #tumblr_lightbox_right_image, .lightbox-image {
  282. box-shadow:none!important;
  283. border-radius:0px!important;
  284. }
  285.  
  286. /* Ask */
  287.  
  288. #ask_form {width:calc(100% - 40px);margin:20px;}
  289. .ask {margin:20px;}
  290. .aski {margin:0 0 7px;line-height:20px;}
  291. .aski img {float:left;width:20px;margin-right:7px;border-radius:50%;}
  292. .ans {margin:20px;}
  293.  
  294. /* Permalink Page + Postnotes */
  295.  
  296. .pph {text-transform:lowercase;}
  297. .perma {margin:20px;line-height:175%;}
  298. .pmt a:after {content:',';}
  299. .pmt a:last-of-type:after {content:'.';}
  300. .pn ol {margin:0;padding:0;list-style-type:none;}
  301. .pn li{margin:10px 0;font-size:8.5px;line-height:100%;}
  302. .pn,.pn img{display:none;}
  303. .pn {margin:20px;font-size:0;}
  304. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  305. .more_notes_link,.notes_loading {text-align:left!important;}
  306.  
  307. /* Tooltips */
  308.  
  309. #s-m-t-tooltip{
  310. max-width:200px;
  311. margin:15px;
  312. z-index:99999999;
  313. padding:6px;
  314. line-height:100%;
  315. word-wrap:break-word;
  316. word-break:break-all;
  317. background:#fff;
  318. }
  319.  
  320. /* Common Styles */
  321.  
  322. .ask,p,blockquote,.lines,.desc{line-height:150%;}
  323. .cap a:not(.tumblr_blog) {border-bottom:1px solid {color:Hover};color:{color:Text};}
  324. a:hover, a h2:hover,.cap a:hover{color:{color:Hover};}
  325. a,.p,.perma,.src,.lines b,.tn,h2,.ask{color:{color:Link};}
  326.  
  327. .entry {overflow:hidden;border:1px solid #eee;}
  328. .play,#s-m-t-tooltip,.entry,aside{border-radius:6px;}
  329.  
  330. /* Etc */
  331.  
  332. img {margin:0;display:block;}
  333.  
  334. /* menu odeysseus */
  335. @-webkit-keyframes fade {
  336. 0% {opacity: 0;}
  337. 100% { opacity: 1; }
  338. }
  339.  
  340. @-moz-keyframes fade {
  341. 0% { opacity: 0; }
  342. 100% { opacity: 1; }
  343. }
  344.  
  345. @keyframes fade {
  346. 0% { opacity: 0; }
  347. 100% { opacity: 1; }
  348. }
  349.  
  350. ::-webkit-scrollbar{
  351. width:1px;
  352. }
  353.  
  354.  
  355. b,strong { font-weight:400;}
  356. a,ul#tabs li,img.bimg {
  357. transition:all .5s ease;
  358. -webkit-transition:all .5s ease;
  359. -moz-transition:all .5s ease;
  360. -o-transition:all .5s ease;
  361. }
  362.  
  363. section {
  364. ;width:{select:post width}
  365. margin:180px auto 60px;
  366. }
  367.  
  368. ul#tabs {
  369. list-style-type: none;
  370. padding: 0;
  371. left:0px;
  372. margin-top:0px;
  373. display:block;
  374. padding-bottom:10px;
  375. margin-bottom:10px;
  376. border-bottom:1px solid #eee; /* #eee is the border color */
  377. text-align: left;
  378. }
  379.  
  380. ul#tabs li.active {
  381. font-weight:400;
  382. color:{color:hover};
  383. }
  384.  
  385. ul#tabs a {
  386. font-weight:400;
  387. color:{color:hover};
  388. float:right;
  389. }
  390. ul#tabs a:hover { color:#666; }
  391.  
  392. ul#tabs li {
  393. cursor:url("http://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif"), auto;display:inline-block;
  394. margin-right:7px; /* spacing between tabs */
  395. }
  396.  
  397. ul#tab {
  398. list-style-type: none;
  399. margin: 0;
  400. padding: 0;
  401. }
  402. ul#tab li {
  403. display:none;
  404. }
  405. ul#tab li.active {
  406. display:block;
  407. -webkit-animation-name:fade;
  408. -webkit-animation-duration:.5s;
  409. }
  410.  
  411. .nav a,.nav b {
  412. width:24%;
  413. display:inline-block;
  414. }
  415.  
  416.  
  417. </style>
  418. </head>
  419. <body>
  420.  
  421. <div class="center">
  422.  
  423. <aside>
  424.  
  425. {block:ifSidebarImage}
  426. <a href="/"><img class="image" src="{image:Sidebar}"/></a>
  427. {/block:ifSidebarImage}
  428.  
  429. <section>
  430. <ul id="tabs"> <!--top tabs-->
  431. <li class="active"><h1>{Title}</h1></li>
  432. <li>links</li>
  433. <li>more</li>
  434.  
  435.  
  436. <!--home link-->
  437. </ul>
  438. <!--end top tabs-->
  439.  
  440. <ul id="tab">
  441. <!--about tab-->
  442. <li class="active about">
  443. <div class="wrapper">
  444. <div class="desc">{description}</div>
  445.  
  446. </div>
  447. </li>
  448. <!--end about tab-->
  449.  
  450. <!--start navigation-->
  451. <li class="nav">
  452. <div class="desc">
  453. <a href="http://cirandas.tumblr.com">Atualize</a>
  454. <p>
  455. <a href="/sobre">Sobre</a>
  456. <p>
  457. <a href="/jardim">Autorais</a>
  458. </div>
  459. </li>
  460. <!--end navigation-->
  461.  
  462. <!--social tab: you can delete sections you don't need!-->
  463. <li class="social">
  464. <div class="desc">
  465.  
  466. <a href="http://www.instagram.com/shawnpicsbr/" title="Clique aqui!">Fã do Shawn Mendes?</a>
  467. <p>
  468. <a href="http://trovejaste.tumblr.com/" title="Trovejaste Icons">Icons para Dash</a>
  469. <p>
  470. <a href="http://darkista.tumblr.com/" title="Darkista Tumblr">Tumblr de Fotos</a>
  471. </div>
  472. <form class="srch" action="/search" method="get">
  473. <input type="text" name="q" placeholder="search..." value="{SearchQuery}"/>
  474. </form>
  475. </li>
  476. </section>
  477. </aside>
  478.  
  479. <div id="content">
  480. {block:Posts}
  481. <div class="entry" id="{PostID}">
  482.  
  483. {block:Text}
  484. {block:Title}<h2>{Title}</h2>{/block:Title}
  485. <div class="txt cap nospace">{Body}</div>
  486. {/block:Text}
  487.  
  488. {block:Link}
  489. <h2><a title="{URL}" href="{URL}">{Name}</a></h2>
  490. <div class="txt cap nospace">
  491. {block:Description}{Description}{/block:Description}
  492. </div>
  493. {/block:Link}
  494.  
  495. {block:Photo}
  496. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photo"/></a></div>
  497. {/block:Photo}
  498.  
  499. {block:Photoset}
  500. <div class="bx"><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>
  501. {/block:Photoset}
  502.  
  503. {block:Quote}
  504. <div class="qut_hold">
  505. <div class="qut">{Quote}</div>
  506. {block:Source}<div class="src">{Source}</div>{/block:Source}
  507. </div>
  508. {/block:Quote}
  509.  
  510. {block:Chat}
  511. <div class="chat">
  512. {block:Title}<h2>{Title}</h2>{/block:Title}
  513. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  514. </div>
  515. {/block:Chat}
  516.  
  517. {block:Audio}
  518. <div class="audio">
  519. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  520. <div class="au">
  521. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  522. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  523. </div>
  524. </div>
  525. {/block:Audio}
  526.  
  527. {block:Video}
  528. <div class="video">{Video-500}</div>
  529. {/block:Video}
  530.  
  531. {block:Answer}
  532. <div class="ask">
  533. <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  534. <div class="que">{Question}</div>
  535. </div>
  536. <div class="txt ans">{Answer}</div>
  537. {/block:Answer}
  538.  
  539. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  540.  
  541. {block:IndexPage}
  542.  
  543. <div class="p_top {select:Permalinks}">
  544. {block:HasTags}<div class="tags">
  545. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  546. </div>{/block:HasTags}
  547.  
  548. </div>
  549.  
  550. <div class="p">
  551.  
  552. <div class="pri">
  553. <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="oi oi-time"></i></a>
  554. <div class="custom-like-button">{LikeButton}
  555. <span class="our_button"><i class="oi oi-heart"></i></span>
  556. </div>
  557. <a href="{ReblogURL}"><i class="oi oi-refresh"></i></a>
  558. </div>
  559.  
  560. </div>
  561. {/block:IndexPage}
  562.  
  563.  
  564.  
  565. {block:PermalinkPage}
  566. {block:Date}
  567. <div class="pph">
  568. <div class="perma">
  569. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  570. {block:RebloggedFrom}<br>
  571. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  572. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  573. {/block:RebloggedFrom}
  574.  
  575. {block:HasTags}<div class="pmt">tags: &nbsp;
  576. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  577. </div>{/block:HasTags}
  578. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  579. </div>
  580.  
  581. {block:PostNotes}
  582. <div class="pn">{PostNotes}</div>
  583. {/block:PostNotes}
  584.  
  585. </div>
  586. {/block:Date}
  587. {/block:PermalinkPage}
  588.  
  589. {block:ContentSource}
  590. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  591. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  592. {/block:SourceLogo}
  593. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  594. {/block:ContentSource}
  595.  
  596. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  597.  
  598. </div>
  599. {/block:Posts}
  600.  
  601. {block:ifPaginate}
  602. {block:Pagination}
  603. <div class="pag">
  604. {block:PreviousPage}
  605. <a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a>
  606. {/block:PreviousPage}
  607.  
  608. {block:JumpPagination length="3"}
  609. {block:CurrentPage}
  610. <span class="cp">{PageNumber}</span>
  611. {/block:CurrentPage}
  612. {block:JumpPage}
  613. <a class="jp" href="{URL}">{PageNumber}</a>
  614. {/block:JumpPage}
  615. {/block:JumpPagination}
  616.  
  617. {block:NextPage}
  618. <a href="{NextPage}"><i class="oi oi-chevron-right"></i></a>
  619. {/block:NextPage}
  620. </div>
  621. {/block:Pagination}
  622. {/block:ifPaginate}
  623.  
  624. </div>
  625.  
  626. {block:ifnotPaginate}
  627. {block:Pagination}
  628. <div class="pag">
  629. {block:PreviousPage}
  630. <a href="{PreviousPage}" class="prev">back</a>
  631. {/block:PreviousPage}
  632. {block:NextPage}
  633. <a href="{NextPage}" class="next">next</a>
  634. {/block:NextPage}
  635. </div>
  636.  
  637. {block:ifLoadMore}
  638. <a class="load">Load More</a>
  639. {/block:ifLoadMore}
  640. {/block:Pagination}
  641. {/block:ifnotPaginate}
  642.  
  643. </div>
  644.  
  645. <a href="#" class="top"><i class="oi oi-chevron-up"></i></a>
  646.  
  647. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  648. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  649. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  650. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  651. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  652. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  653. <script>
  654. // pxu photosets
  655. $(document).ready(function(){
  656. $('.photo-slideshow').pxuPhotoset({
  657. lightbox: true,
  658. rounded: false,
  659. gutter: '1px',
  660. photoset: '.photo-slideshow',
  661. photoWrap: '.photo-data',
  662. photo: '.pxu-photo'
  663. });
  664.  
  665.  
  666. // minimal soundcloud player © eoxk.tumblr
  667. $(document).ready(function(){
  668. var color = '{color:Link}'; // color of play button (hex)
  669. $('.soundcloud_audio_player').each(function(){
  670. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  671. });
  672. });
  673.  
  674.  
  675. // drop links & post notes
  676. $(document).ready(function(){
  677. $(".pn").hide();
  678. $(".pnh").show();$('.pnh').toggle(function(){
  679. $(".pn").slideDown(function(){});
  680. },function(){
  681. $(".pn").slideUp(function(){});
  682. });
  683. $(".lb").hide();
  684. $(".lh").show();$('.lh').toggle(function(){
  685. $(".lb").slideDown(function(){});
  686. },function(){
  687. $(".lb").slideUp(function(){});
  688. });
  689. });
  690.  
  691.  
  692. // scroll to top © html-tuts.com
  693. var amountScrolled = 500;
  694. $(window).scroll(function() {
  695. if ($(window).scrollTop() > amountScrolled) {
  696. $('a.top').fadeIn('slow');
  697. } else {
  698. $('a.top').fadeOut('slow');
  699. }
  700. });
  701. $('a.top').click(function() {
  702. $('body, html').animate({
  703. scrollTop: 0
  704. }, 'slow');
  705. return false;
  706. });
  707.  
  708.  
  709. // tooltips
  710. (function($){
  711. $(document).ready(function(){
  712. $("[title]").style_my_tooltips({
  713. tip_delay_time:200,
  714. tip_fade_speed:300
  715. }
  716. );
  717. });
  718. })(jQuery);
  719.  
  720.  
  721. /*
  722.  
  723. UN-NEST TUMBLR CAPTIONS PLUGIN
  724. 2016 @magnusthemes & @neothm
  725. source: http://neothm.com/post/148902138319
  726.  
  727. */
  728. $('.entry').unnest({
  729. yourCaption: ".cap",
  730. newCaptionUsername: false,
  731. originalPostCaptionUsername: false,
  732. tumblrAvatars: false,
  733. usernameColon: false
  734. });
  735.  
  736.  
  737. // infinite scroll
  738. {block:ifnotPaginate}
  739. var $container = $('#content');
  740. $container.infinitescroll({
  741. itemSelector: '.entry',
  742. navSelector: '.pag',
  743. nextSelector: '.next',
  744. loadingImg: ' ',
  745. loadingText: ' ',
  746. donetext: 'No more posts' ,
  747. bufferPx: 2000,
  748. {block:ifLoadMore}
  749. errorCallback: function(){
  750. jQuery('.load').delay(50).fadeOut();
  751. }
  752. {/block:ifLoadMore}
  753. },
  754. function( newElements ) {
  755. var $newElems = $( newElements );
  756. var $newElemsIDs = $newElems.map(function(){
  757. return this.id;
  758. }).get();
  759. console.log($newElems, $newElemsIDs);
  760. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  761. $newElems.find('.photo-slideshow').pxuPhotoset({
  762. lightbox: true,
  763. rounded: false,
  764. gutter: '1px',
  765. photoset: '.photo-slideshow',
  766. photoWrap: '.photo-data',
  767. photo: '.pxu-photo'
  768. });
  769. resizeVideos();
  770. $newElems.unnest({
  771. yourCaption: ".cap",
  772. newCaptionUsername: true,
  773. originalPostCaptionUsername: true,
  774. tumblrAvatars: false,
  775. usernameColon: false
  776. });
  777. });
  778. {block:ifLoadMore}
  779. $(window).unbind(".infscr");
  780. $(".load").click(function(){
  781. $("#content").infinitescroll("retrieve");
  782. });
  783. {/block:ifLoadMore}
  784. {/block:ifnotPaginate}
  785. });
  786.  
  787. </script>
  788. </body>
  789. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  790. <script>
  791. $(document).ready(function(){
  792. $("ul#tabs li").click(function(e){
  793. if (!$(this).hasClass("active")) {
  794. var tabNum = $(this).index();
  795. var nthChild = tabNum+1;
  796. $("ul#tabs li.active").removeClass("active");
  797. $(this).addClass("active");
  798. $("ul#tab li.active").removeClass("active");
  799. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  800. }
  801. $('.wrapper').masonry({
  802. itemSelector : ".box",
  803. },
  804. function() { $('.wrapper').masonry({ appendedContent: $(this) }); }
  805. );
  806. $('li.roll').masonry({
  807. itemSelector : "a.blogroll",
  808. },
  809. function() { $('li.roll').masonry({ appendedContent: $(this) }); }
  810. );
  811. });
  812.  
  813. });
  814. </script>
  815.  
  816. <!-- Wikplayer https://www.wikplayer.com -->
  817. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  818. data-config="{'skin':'http://static.tumblr.com/s2k8dvk/JcIo9m2rq/nobroken-33-2.css','volume':100,'autoplay':true,'shuffle':true,'repeat':0,'showcomment':false,'marqueetexton':false,'placement':'mini','showplaylist':false,'playlist':[{'title':'Boyce%20Avenue%20-%20A%20Thousand%20Years%20(Acoustic%20Cover)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DiIj07LL57RA'},{'title':'Camila%20Cabello%20-%20Consequences','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DogyJiVHwSRA'},{'title':'Camila%20Cabello%20-%20Never%20Be%20The%20Same','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DFITSPSA8gQs'},{'title':'Camila%20Cabello%20-%20Real%20Friends','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dbg7RjxsghNY'},{'title':'Camila%20Cabello%20-%20Something%27s%20Gotta%20Give','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D8nsWMmFYRqE'},{'title':'Charlie%20Puth%20-%20Dangerously','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DTBXQu8ORnBQ'},{'title':'Charlie%20Puth%20-%20One%20Call%20Away','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DBxuY9FET9Y4'},{'title':'Charlie%20Puth%20ft.%20Boyz%20II%20Men%20-%20If%20You%20Leave%20Me%20Now','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DmBrdEYW0Vno'},{'title':'Chase%20Goehring%20-%20Hurt','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DOfCCBa4HmiU'},{'title':'Conor%20Maynard%20-%20Don%27t%20Let%20Me%20Down%20(Cover)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DQWCS3xb1PQU'},{'title':'Corinne%20Bailey%20Rae%20-%20The%20Scientist%20(Cover)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DsMlUB_n0UgQ'},{'title':'Daniel%20Caesar%20-%20Hold%20Me%20Down','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DYX8_Tau-LRs'},{'title':'Daniel%20Caesar%20ft.%20H.E.R%20-%20Best%20Part','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DiKk6_2-AAGc'},{'title':'Ed%20Sheeran%20-%20Dive','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DWv2rLZmbPMA'},{'title':'Ed%20Sheeran%20-%20Hearts%20Don%27t%20Break%20Round%20Here','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D20pAJPNaAyw'},{'title':'Ed%20Sheeran%20-%20Perfect','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DiKzRIweSBLA'},{'title':'Ed%20Sheeran%20-%20Photograph','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DnSDgHBxUbVQ'},{'title':'Ed%20Sheeran%20with%20Beyonc%C3%A9%20-%20Perfect%20Duet','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D817P8W8-mGE'},{'title':'Harry%20Styles%20-%20Girl%20Crush%20(Live)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Drroc2y9if_Q'},{'title':'Harry%20Styles%20-%20Sign%20Of%20The%20Times','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dz0GKGpObgPY'},{'title':'Jack%20%26%20Jack%20-%20Beg','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DAJMYOowzpPU'},{'title':'James%20Arthur%20-%20Say%20You%20Won%27t%20Let%20Go','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D0yW7w8F2TVA'},{'title':'James%20Bay%20-%20Let%20It%20Go','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DGsPq9mzFNGY'},{'title':'James%20TW%20-%20Black%20%26%20Blue%20','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D25TfRdUeYC4'},{'title':'James%20TW%20-%20Crazy%20(Cover)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dbg7klNLFD0Q'},{'title':'James%20TW%20-%20Ex%20(Acoustic)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dw141thRQ-ks'},{'title':'James%20TW%20-%20Sanctuary','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DQ1VSTT51nrk'},{'title':'James%20TW%20-%20Torn','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DtTs3SnhJFuo'},{'title':'James%20TW%20-%20When%20You%20Love%20Someone%20(Acoustic)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DTmaXBf0okvI'},{'title':'John%20Legend%20-%20One%20Woman%20Man','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dx7MLXjS0iQU'},{'title':'John%20Mayer%20-%20In%20The%20Blood','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dob-jS7bqYgI'},{'title':'John%20Mayer%20-%20XO','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D7L-Rwxoc2jU'},{'title':'Lewis%20Capaldi%20-%20Lost%20On%20You','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJathXgJcxBk'},{'title':'Lewis%20Capaldi%20-%20Mercy','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjAz7thCEfg4'},{'title':'Madilyn%20Bailey%20-%20Something%20Just%20Like%20This%20(Cover)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D-SgyhUdJ_TY'},{'title':'Niall%20Horan%20-%20Flicker%20(Acoustic)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DBUaLnDL3f-M'},{'title':'Niall%20Horan%20-%20This%20Town','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dic1l36GrNOU'},{'title':'Niall%20Horan%20-%20Too%20Much%20To%20Ask','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DljXSjIph5ZM'},{'title':'Sam%20Smith%20-%20Pray','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DhhREiAarjVY'},{'title':'Shawn%20Hook%20ft.%20Vanessa%20Hudgens%20-%20Reminding%20Me','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DW5j3bSprL1k'},{'title':'Shawn%20Mendes%20-%20Act%20Like%20You%20Love%20Me%20(Live)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DLDyHhNAAqQA'},{'title':'Shawn%20Mendes%20-%20All%20We%20Got%20(Cover)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DZuopOFrOohk'},{'title':'Shawn%20Mendes%20-%20Castle%20On%20The%20Hill%20%2F%20Life%20Of%20The%20Party%20(Live%20Rock%20In%20Rio%202017)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D8--yWvylBFc'},{'title':'Shawn%20Mendes%20-%20Imagination','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DxXEx0DyIMks'},{'title':'Shawn%20Mendes%20-%20Mercy%20(Acoustic)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DvYv7-TSioQM'},{'title':'Shawn%20Mendes%20-%20Never%20Be%20Alone','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DN7VCLNBNJQs'},{'title':'Shawn%20Mendes%20-%20Roses','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DiL-kd6Hejko'},{'title':'Shawn%20Mendes%20-%20Running%20Low','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DmT36HTUDRoA'},{'title':'Shawn%20Mendes%20-%20Stitches%20(MTV%20Unplugged)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Djo1NJdlKq6Q'},{'title':'Shawn%20Mendes%20-%20The%20Weight','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DSgTEzuXhanU'},{'title':'Shawn%20Mendes%20-%20There%27s%20Nothing%20Holdin%27%20Me%20Back','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DdT2owtxkU8k'},{'title':'Shawn%20Mendes%20-%20Use%20Somebody%20%2F%20Treat%20You%20Better%20(MTV%20Unplugged)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DaCoeGaIwQrk'},{'title':'Sia%20-%20Helium','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DnLnpvbBSjUY'},{'title':'Skinny%20Living%20-%20Let%20Me%20In','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DKr-lwFbBshQ'},{'title':'Skinny%20Living%20-%20Why','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DuXEszmJjzQU'},{'title':'Tobias%20Jesso%20Jr.%20-%20Without%20You','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D2ybYYKBd_40'},{'title':'ZAYN%20ft.%20Sia%20-%20Dusk%20Till%20Down','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DDUX4PFHVcKs'}]}" ></script>
  819. <!-- Wikplayer code end -->
  820. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement