API tools faq
paste
bct

effort & interest theme

bct
Jan 4th, 2016
3,322
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!------------------------------------------
  5.  
  6. (◍•ᴗ•◍)♡ ✧*。
  7.  
  8. Effort & Interest Theme by Chloe | @dontbrag | @bychloethemes
  9.  
  10. > Do not delete/alter any credit.
  11. > Do not claim as your own.
  12. > Do not copy any code.
  13. > Do not redistribute.
  14.  
  15. ------------------------------------------->
  16.  
  17. {block:Hidden}
  18. <meta name="image:Background" content=""/>
  19. <meta name="image:Container Background" content="" />
  20.  
  21. <meta name="color:Background" content="#fff"/>
  22. <meta name="color:Container Background" content="#f4f4f4" />
  23. <meta name="color:Text" content="#000" />
  24. <meta name="color:Links" content="#bbb" />
  25. <meta name="color:Accent" content="#bad8eb" />
  26. <meta name="color:Header" content="#fff" />
  27. <meta name="color:Header Text" content="#000" />
  28. <meta name="color:Scrollbar" content="#000" />
  29. <meta name="color:Lightbox" content="#fff" />
  30. <meta name="color:Ask Background" content="#f4f4f4" />
  31.  
  32. <meta name="select:Title Font" content="Quicksand" title="Quicksand"/>
  33. <meta name="select:Title Font" content="Karla" title="Karla"/>
  34. <meta name="select:Title Font" content="Roboto" title="Roboto"/>
  35. <meta name="select:Title Font" content="Inconsolata" title="Inconsolata"/>
  36.  
  37. <meta name="select:Body Font" content="pt-sans" title="PT Sans"/>
  38. <meta name="select:Body Font" content="lato" title="Lato"/>
  39. <meta name="select:Body Font" content="open-sans" title="Open Sans"/>
  40. <meta name="select:Body Font" content="helvetica" title="Helvetica"/>
  41. <meta name="select:Body Font" content="inconsolata" title="Inconsolata"/>
  42.  
  43. <meta name="select:Font Size" content="10px" title="10px" />
  44. <meta name="select:Font Size" content="11px" title="11px" />
  45. <meta name="select:Font Size" content="12px" title="12px" />
  46. <meta name="select:Font Size" content="13px" title="13px" />
  47.  
  48. <meta name="select:Post Width" content="350" title="350px" />
  49. <meta name="select:Post Width" content="375" title="375px" />
  50. <meta name="select:Post Width" content="400" title="400px" />
  51. <meta name="select:Post Width" content="425" title="425px" />
  52. <meta name="select:Post Width" content="450" title="450px" />
  53. <meta name="select:Post Width" content="475" title="475px" />
  54. <meta name="select:Post Width" content="500" title="500px" />
  55.  
  56. <meta name="select:Photoset Gutters" content="0px" title="0px" />
  57. <meta name="select:Photoset Gutters" content="1px" title="1px" />
  58. <meta name="select:Photoset Gutters" content="2px" title="2px" />
  59. <meta name="select:Photoset Gutters" content="3px" title="3px" />
  60. <meta name="select:Photoset Gutters" content="5px" title="5px" />
  61.  
  62. <meta name="select:Pagination" content="n-p" title="Next/Previous" />
  63. <meta name="select:Pagination" content="jumped" title="Jump" />
  64. <meta name="select:Pagination" content="both" title="Both" />
  65.  
  66. <meta name="select:Posts Appearance" content="" title="Normal" />
  67. <meta name="select:Posts Appearance" content="grayscale" title="Grayscale" />
  68. <meta name="select:Posts Appearance" content="faded" title="Faded" />
  69.  
  70. <meta name="if:Infinite Scroll" content="0" />
  71. <meta name="if:Manual Load" content="0" />
  72. <meta name="if:Fixed Header" content="0" />
  73. <meta name="if:See Through Header" content="0" />
  74. <meta name="if:Post Borders" content="0" />
  75. <meta name="if:Rounded Posts" content="0" />
  76. <meta name="if:Captions" content="0" />
  77. <meta name="if:Tags" content="0" />
  78. <meta name="if:Two Columns" content="0" />
  79. <meta name="if:Updates Tab" content="0" />
  80. <meta name="if:Navi Tab" content="0" />
  81. <meta name="if:Credit in Header" content="1" />
  82.  
  83. <meta name="text:Info Label" content="info" />
  84. <meta name="text:Updates Label" content="updates" />
  85. <meta name="text:Updates" content="updates go here" />
  86. <meta name="text:Contact Label" content="contact" />
  87. <meta name="text:Navi Label" content="navi" />
  88. <meta name="text:Archive Label" content="past" />
  89. <meta name="text:Link 1" content="" />
  90. <meta name="text:URL 1" content="http://" />
  91. <meta name="text:Link 2" content="" />
  92. <meta name="text:URL 2" content="http://" />
  93. <meta name="text:Link 3" content="" />
  94. <meta name="text:URL 3" content="http://" />
  95. <meta name="text:Link 4" content="" />
  96. <meta name="text:URL 4" content="http://" />
  97. <meta name="text:Link 5" content="" />
  98. <meta name="text:URL 5" content="http://" />
  99. <meta name="text:Link 6" content="" />
  100. <meta name="text:URL 6" content="http://" />
  101. <meta name="text:Link 7" content="" />
  102. <meta name="text:URL 7" content="http://" />
  103. <meta name="text:Link 8" content="" />
  104. <meta name="text:URL 8" content="http://" />
  105. {/block:Hidden}
  106.  
  107. <meta charset="UTF-8" />
  108. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  109. <link rel="shortcut icon" href="{Favicon}">
  110. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  111. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  112. <link href='//fonts.googleapis.com/css?family={select:Title Font}:400' rel='stylesheet' type='text/css'>
  113. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  114. <link rel="stylesheet" href="http://static.tumblr.com/yxfeliq/0gMo0fe39/style.css">
  115. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  116. <script src="//use.edgefonts.net/{select:Body Font}:n4,i4,n5,n6,n7.js"></script>
  117. <style type="text/css">
  118. #tumblr_controls, .tmblr-iframe {
  119. top:5px!important;
  120. right:5px!important;
  121. -webkit-filter: invert(90%);
  122. filter: invert(90%);
  123. position:fixed!important;
  124. -webkit-transform:scale(.8, .8);
  125. -moz-transform:scale(.8, .8);
  126. transform:scale(.8, .8);
  127. -webkit-transform-origin: right top;
  128. -moz-transform-origin: right top;
  129. -ms-transform-origin: right top;
  130. -o-transform-origin: right top;
  131. transform-origin: right top;
  132. z-index:999999999999999999!important
  133. }
  134. ::-webkit-scrollbar {
  135. background-color:#fff;
  136. height: 7px;
  137. width: 7px;
  138. }
  139. ::-webkit-scrollbar-thumb {
  140. background-color:{color:Scrollbar};
  141. border:2px solid #fff;
  142. width:3px;
  143. }
  144. ::selection {
  145. background: transparent;
  146. color: {color:accent};
  147. }
  148. ::-moz-selection {
  149. background: transparent;
  150. color: {color:accent};
  151. }
  152. body{
  153. background-color:{color:background};
  154. background-image:url({image:Background});
  155. background-repeat:repeat;
  156. background-attachment:fixed;
  157. color:{color:text};
  158. font-size:{select:font size};
  159. font-family: '{select:Body Font}', sans-serif;
  160. font-weight:400;
  161. }
  162. a {
  163. text-decoration:none;
  164. color:{color:Text};
  165. border-bottom:1px solid {color:accent};
  166. cursor:help;
  167. -webkit-transition: all 0.2s ease-in-out;
  168. -moz-transition: all 0.2s ease-in-out;
  169. -o-transition: all 0.2s ease-in-out;
  170. transition: all 0.2s ease-in-out;
  171. }
  172. ul#navlinks a, ul#navlinks span {
  173. border-bottom:1px solid {color:accent};
  174. color:{color:Header Text};
  175. }
  176. a:hover, ul#navlinks span:hover, ul#navlinks a:hover {
  177. color:{color:Accent};
  178. cursor:help;
  179. -webkit-transition: all 0.2s ease-in-out;
  180. -moz-transition: all 0.2s ease-in-out;
  181. -o-transition: all 0.2s ease-in-out;
  182. transition: all 0.2s ease-in-out;
  183. }
  184.  
  185. a:focus {
  186. outline:none;
  187. }
  188. article iframe, article img, article embed, article object, article video {
  189. max-width: 100%;
  190. }
  191. article img {
  192. height: auto;
  193. width: auto;
  194. vertical-align:middle;
  195. }
  196. h1, h2, h3, h4, h5, h6 {
  197. font-family:'{select:Title Font}', sans-serif;
  198. }
  199. pre {
  200. font-family:monospace;
  201. font-size:1em;
  202. background:#f6f6f6;
  203. overflow-x:auto;
  204. }
  205. #infscr-loading {
  206. position:absolute;
  207. bottom:50px;
  208. width:200px;
  209. margin-left:50%;
  210. {block:IfTwoColumns}
  211. left:-120px;
  212. {/block:IfTwoColumns}
  213. {block:IfNotTwoColumns}
  214. left:-100px;
  215. {/block:IfNotTwoColumns}
  216. text-align:center;
  217. color:#aeaeae;
  218. {block:IfManualLoad}
  219. display:none!important;
  220. {/block:IfManualLoad}
  221. }
  222. #infscr-loading img {
  223. display:none;
  224. }
  225. #wrapper {
  226. height:90vh;
  227. top:5vh;
  228. position:fixed;
  229. left:calc(50% - 314px);
  230. overflow:auto;
  231. width:628px;
  232. background:{color:Container Background} url({image:Container Background}) repeat;
  233. {block:IfPostBorders}
  234. border:1px solid #eaeaea;
  235. {/block:IfPostBorders}
  236. overflow-x:hidden;
  237. }
  238. #header {
  239. text-align:center;
  240. background:{color:Header};
  241. {block:IfFixedHeader}
  242. position:fixed;
  243. {/block:IfFixedHeader}
  244. {block:IfNotFixedHeader}
  245. position:absolute;
  246. {/block:IfNotFixedHeader}
  247. width:621px;
  248. z-index:999;
  249. {block:IfSeeThroughHeader}
  250. opacity:0.7;
  251. {/block:IfSeeThroughHeader}
  252. color:{color:Header Text};
  253. }
  254. #header h1 {
  255. text-transform:uppercase;
  256. }
  257. ul#navlinks {
  258. padding:0;
  259. list-style-type:none;
  260. margin-bottom:20px;
  261. }
  262. ul#navlinks li {
  263. display:inline-block;
  264. margin:0 5px;
  265. text-transform:lowercase;
  266. -webkit-transition: all 0.2s;
  267. -moz-transition: all 0.2s;
  268. -o-transition: all 0.2s;
  269. transition: all 0.2s;
  270. }
  271. ul#extra-nav {
  272. list-style-type:none;
  273. padding:0;
  274. margin:0;
  275. }
  276. ul#extra-nav li {
  277. display:inline-block;
  278. margin:0 5px;
  279. }
  280. #about, #message, #navigate, #updates {
  281. background:{color:Header};
  282. padding:20px;
  283. padding-top:0px;
  284. display:none;
  285. }
  286. #spacer, #spacer-msg, #spacer-navi, #spacer-updates {
  287. padding:20px;
  288. padding-top:0px;
  289. display:none;
  290. }
  291. #posts {
  292. position:relative;
  293. {block:IndexPage}
  294. {block:IfTwoColumns}
  295. margin-top:40px;
  296. margin-left:40px;
  297. {/block:IfTwoColumns}
  298. {block:IfNotTwoColumns}
  299. margin-top:70px;
  300. margin-left:auto;
  301. margin-right:auto;
  302. width:{select:Post Width}px;
  303. {/block:IfNotTwoColumns}
  304. {block:IfInfiniteScroll}
  305. padding-bottom:100px;
  306. {/block:IfInfiniteScroll}
  307. {/block:IndexPage}
  308. {block:IfManualLoad}
  309. padding-bottom:0;
  310. {/block:IfManualLoad}
  311. {block:PermalinkPage}
  312. margin-top:40px;
  313. margin-left:auto;
  314. margin-right:auto;
  315. {block:IfTwoColumns}
  316. width:400px;
  317. {/block:IfTwoColumns}
  318. {block:IfNotTwoColumns}
  319. width:{select:Post Width}px;
  320. {/block:IfNotTwoColumns}
  321. {/block:PermalinkPage}
  322. }
  323. article {
  324. position:relative;
  325. background:#fff;
  326. {block:IndexPage}
  327. {block:IfTwoColumns}
  328. margin-bottom:40px;
  329. {block:IfPostBorders}
  330. width:248px;
  331. border:1px solid #eaeaea;
  332. {/block:IfPostBorders}
  333. {block:IfNotPostBorders}
  334. width:250px;
  335. {/block:IfNotPostBorders}
  336. {/block:IfTwoColumns}
  337. {block:IfNotTwoColumns}
  338. margin-bottom:70px;
  339. {block:IfPostBorders}
  340. width:calc({select:Post Width}px - 2px);
  341. border:1px solid #eaeaea;
  342. {/block:IfPostBorders}
  343. {block:IfNotPostBorders}
  344. width:{select:Post Width}px;
  345. {/block:IfNotPostBorders}
  346. {/block:IfNotTwoColumns}
  347. {/block:IndexPage}
  348.  
  349. {block:PermalinkPage}
  350. margin-bottom:40px;
  351. {block:IfTwoColumns}
  352. {block:IfPostBorders}
  353. width:398px;
  354. border:1px solid #eaeaea;
  355. {/block:IfPostBorders}
  356. {block:IfNotPostBorders}
  357. width:400px;
  358. {/block:IfNotPostBorders}
  359. {/block:IfTwoColumns}
  360. {block:IfNotTwoColumns}
  361. {block:IfPostBorders}
  362. width:calc({select:Post Width}px - 2px);
  363. border:1px solid #eaeaea;
  364. {/block:IfPostBorders}
  365. {block:IfNotPostBorders}
  366. width:{select:Post Width}px;
  367. {/block:IfNotPostBorders}
  368. {/block:IfNotTwoColumns}
  369. {/block:PermalinkPage}
  370.  
  371. {block:IfRoundedPosts}
  372. -webkit-border-radius:5px;
  373. -moz-border-radius:5px;
  374. border-radius:5px;
  375. {/block:IfRoundedPosts}
  376. overflow:hidden;
  377. }
  378. article a {
  379. color:{color:Links};
  380. border-color:{color:Links};
  381. }
  382. article a:hover {
  383. color:{color:Accent};
  384. border-color:{color:Accent};
  385. }
  386. article h2 {
  387. margin:0;
  388. margin-bottom:10px;
  389. font-size:1.3em;
  390. font-family:'{select:Title Font}', sans-serif;
  391. font-weight:bold;
  392. }
  393. h2.long {
  394. font-size:1em;
  395. }
  396. h2.medium {
  397. font-size:1.5em;
  398. }
  399. h2.short {
  400. font-size:2em;
  401. }
  402. article p {
  403. margin:10px 0;
  404. }
  405. article p:first-of-type {
  406. margin-top:0;
  407. }
  408. article blockquote {
  409. margin: 5px 0 5px 10px;
  410. border-left:2px solid {color:Accent};
  411. padding-left:10px;
  412. }
  413. article ul, article ol {
  414. padding-left:25px;
  415. }
  416. article ul {
  417. list-style-type:none;
  418. }
  419. article li {
  420. position:relative;
  421. }
  422. article li:before {
  423. content:'>';
  424. color:{color:Accent};
  425. position:absolute;
  426. left:-16px;
  427. top:0;
  428. }
  429. .make_lightbox {
  430. cursor:help;
  431. }
  432. {block:IndexPage}
  433. .grayscale img {
  434. -webkit-filter:grayscale(100%);
  435. -webkit-transition: all 0.3s ease-in-out;
  436. -moz-transition: all 0.3s ease-in-out;
  437. -o-transition: all 0.3s ease-in-out;
  438. transition: all 0.3s ease-in-out;
  439. }
  440. .grayscale:hover img {
  441. -webkit-filter:grayscale(0%);
  442. -webkit-transition: all 0.3s ease-in-out;
  443. -moz-transition: all 0.3s ease-in-out;
  444. -o-transition: all 0.3s ease-in-out;
  445. transition: all 0.3s ease-in-out;
  446. }
  447. .faded img {
  448. -webkit-filter:opacity(70%);
  449. -webkit-transition: all 0.3s ease-in-out;
  450. -moz-transition: all 0.3s ease-in-out;
  451. -o-transition: all 0.3s ease-in-out;
  452. transition: all 0.3s ease-in-out;
  453. }
  454. .faded:hover img {
  455. -webkit-filter:opacity(100%);
  456. -webkit-transition: all 0.3s ease-in-out;
  457. -moz-transition: all 0.3s ease-in-out;
  458. -o-transition: all 0.3s ease-in-out;
  459. transition: all 0.3s ease-in-out;
  460. }
  461. {/block:IndexPage}
  462. a.tumblr-box {
  463. border:none;
  464. }
  465. .t-b {
  466. padding:20px;
  467. {block:PermalinkPage}
  468. margin-bottom:-10px;
  469. {/block:PermalinkPage}
  470. }
  471. .caption {
  472. margin-bottom:20px;
  473. }
  474. {block:PermalinkPage}
  475. .photo-post .caption, .photoset-post .caption, .video-post .caption {
  476. padding:20px 20px 0 20px;
  477. margin-bottom:-10px;
  478. }
  479. {/block:PermalinkPage}
  480. .quote-post cite {
  481. text-align:right;
  482. display:block;
  483. margin:5px 5px 10px 5px;
  484. }
  485. .link-post h2 a {
  486. border-bottom:none;
  487. }
  488. ul.chat-list {
  489. padding:0;
  490. list-style-type:none;
  491. margin-top:0;
  492. }
  493. ul.chat-list li {
  494. line-height:17px;
  495. }
  496. ul.chat-list li:before {
  497. content:'';
  498. }
  499. ul.chat-list .label {
  500. color:{color:Accent};
  501. font-weight:bold;
  502. }
  503. .album-art img {
  504. {block:IndexPage}
  505. width:80px;
  506. height:80px;
  507. {/block:IndexPage}
  508. float:left;
  509. margin-right:10px;
  510. {block:PermalinkPage}
  511. width:120px;
  512. height:120px;
  513. {/block:PermalinkPage}
  514. }
  515. .audio-info {
  516. {block:IndexPage}
  517. min-height:80px;
  518. {/block:IndexPage}
  519. {block:PermalinkPage}
  520. min-height:120px;
  521. line-height:140%;
  522. {/block:PermalinkPage}
  523. margin-bottom:10px;
  524. }
  525. .tumblr_audio_player {
  526. position: absolute;
  527. {block:IndexPage}
  528. top: 45px;
  529. left: 45px;
  530. {/block:IndexPage}
  531. {block:PermalinkPage}
  532. top: 45px;
  533. left: 45px;
  534. {/block:PermalinkPage}
  535. width: 30px;
  536. height: 30px;
  537. border-radius: 50%;
  538. opacity: 0.8;
  539. }
  540. .tumblr_video_container iframe {
  541. max-width:initial;
  542. }
  543. .spotify_audio_player {
  544. height:80px !important;
  545. }
  546. .query {
  547. background:{color:Ask Background};
  548. padding:15px;
  549. {block:IfPostBorders}
  550. border:1px solid #eaeaea;
  551. {/block:IfPostBorders}
  552. {block:IfRoundedPosts}
  553. -webkit-border-radius:5px;
  554. -moz-border-radius:5px;
  555. border-radius:5px;
  556. {/block:IfRoundedPosts}
  557. margin-bottom:10px;
  558. }
  559. .mask {
  560. width:calc(100% - 40px);
  561. height:calc(100% - 40px);
  562. top:0;
  563. left:0;
  564. position:absolute;
  565. background:rgba(0,0,0,0.6);
  566. z-index:9;
  567. padding:20px;
  568. text-align:center;
  569. color:#fff;
  570. opacity:0;
  571. visibility:hidden;
  572. -webkit-transition: all 0.3s ease-in-out;
  573. -moz-transition: all 0.3s ease-in-out;
  574. -o-transition: all 0.3s ease-in-out;
  575. transition: all 0.3s ease-in-out;
  576. }
  577. article:hover .mask {
  578. opacity:1;
  579. visibility:visible;
  580. -webkit-transition: all 0.3s ease-in-out;
  581. -moz-transition: all 0.3s ease-in-out;
  582. -o-transition: all 0.3s ease-in-out;
  583. transition: all 0.3s ease-in-out;
  584. }
  585. .date a, .t-b .v-s {
  586. color:#fff;
  587. font-weight:bold;
  588. border-bottom:none;
  589. text-transform:uppercase;
  590. }
  591. .taggy {
  592. position:absolute;
  593. width:calc(100% - 40px);
  594. max-height:calc(100% - 40px);
  595. overflow:hidden;
  596. top:50%;
  597. -webkit-transform:translate(0, -50%);
  598. -moz-transform:translate(0, -50%);
  599. -ms-transform:translate(0, -50%);
  600. -o-transform:translate(0, -50%);
  601. transform:translate(0, -50%);
  602. text-transform:uppercase;
  603. font-weight:bold;
  604. font-size:0.95em;
  605. word-spacing:2px;
  606. display: block;
  607. }
  608. .mask .taggy {
  609. white-space: nowrap;
  610. overflow: hidden;
  611. text-overflow: ellipsis;
  612. }
  613. .taggy a {
  614. color:#fff;
  615. border-bottom:none;
  616. }
  617. .l-r {
  618. position:absolute;
  619. bottom:20px;
  620. width:calc(100% - 40px);
  621. text-align:center;
  622. }
  623. .l-r a {
  624. color:#fff;
  625. border-bottom:none;
  626. }
  627. .custom-like-button {
  628. display: inline-block;
  629. width: 10px;
  630. height: 10px;
  631. cursor: pointer;
  632. position: relative;
  633. }
  634. .like_button {
  635. width: 100%;
  636. height: 14px;
  637. z-index: 10;
  638. cursor: pointer;
  639. position: relative;
  640. top: 1px;
  641. position: absolute;
  642. opacity:0!important;
  643. }
  644. .like_button iframe {
  645. width: 100% !important;
  646. height: 100% !important;
  647. cursor:pointer;
  648. }
  649. .my_button {
  650. width: 100%;
  651. z-index: 1;
  652. cursor: pointer;
  653. display: inline-block;
  654. -webkit-transition: all 0.4s ease-in-out;
  655. -moz-transition: all 0.4s ease-in-out;
  656. -o-transition: all 0.4s ease-in-out;
  657. transition: all 0.4s ease-in-out;
  658. }
  659. .like_button:hover + .my_button {
  660. cursor:pointer;
  661. color:{color:Accent};
  662. -webkit-transition: all 0.4s ease-in-out;
  663. -moz-transition: all 0.4s ease-in-out;
  664. -o-transition: all 0.4s ease-in-out;
  665. transition: all 0.4s ease-in-out;
  666. }
  667. .like_button.liked + .my_button .fa-heart {
  668. color:{color:Accent};
  669. cursor:pointer;
  670. }
  671. .l-r .fa-refresh {
  672. margin-left:10px;
  673. }
  674. .t-b .l-r, .t-b .v-s {
  675. position:static;
  676. width:initial;
  677. color:#aaa;
  678. display:inline-block;
  679. float:right;
  680. }
  681. .t-b .l-r a, .t-b .v-s a {
  682. color:#aaa;
  683. border-bottom:none;
  684. }
  685. .t-b .date, .t-b .v-s {
  686. display:inline-block;
  687. font-size:0.85em;
  688. }
  689. .t-b .date a {
  690. color:#aaa;
  691. }
  692. .t-b .taggy-2 {
  693. opacity:0.8;
  694. text-transform:uppercase;
  695. font-size:0.75em;
  696. font-weight:bold;
  697. {block:IndexPage}
  698. margin-bottom:3px;
  699. {/block:IndexPage}
  700. {block:PermalinkPage}
  701. margin-bottom:10px;
  702. {/block:PermalinkPage}
  703. word-spacing: 2px;
  704. word-wrap: break-word;
  705. color:{color:Links};
  706. }
  707. .t-b .taggy-2 a {
  708. border-bottom:none;
  709. }
  710. .t-b .l-r .fa-refresh {
  711. margin-left:7px;
  712. }
  713. .t-b a:hover, .taggy a:hover, .mask a:hover {
  714. color:{color:Accent};
  715. }
  716. #show-notes {
  717. color:{color:Links};
  718. font-weight:bold;
  719. text-transform:uppercase;
  720. cursor:help;
  721. font-size:0.85em;
  722. padding:0 0 20px 20px;
  723. display:inline-block;
  724. -webkit-transition: all 0.2s ease-in-out;
  725. -moz-transition: all 0.2s ease-in-out;
  726. -o-transition: all 0.2s ease-in-out;
  727. transition: all 0.2s ease-in-out;
  728. }
  729. #show-notes:hover {
  730. color:{color:Accent};
  731. -webkit-transition: all 0.2s ease-in-out;
  732. -moz-transition: all 0.2s ease-in-out;
  733. -o-transition: all 0.2s ease-in-out;
  734. transition: all 0.2s ease-in-out;
  735. }
  736. #notes {
  737. display:none;
  738. }
  739. ol.notes {
  740. padding: 20px;
  741. padding-top:0;
  742. margin: 0;
  743. list-style-type: none;
  744. }
  745. ol.notes a {
  746. border-bottom:0;
  747. }
  748. ol.notes li.note {
  749. padding: 3px 0;
  750. margin-bottom:3px;
  751. }
  752. ol.notes li.note img.avatar {
  753. float:right;
  754. border-radius:50%;
  755. }
  756. ol.notes li.note blockquote {
  757. border-color: {color:text};
  758. padding-left: 6px;
  759. margin: 6px;
  760. }
  761. ol.notes li.note blockquote a {
  762. text-decoration: none;
  763. }
  764. li.more_notes_link_container {
  765. font-weight: bold;
  766. text-transform: uppercase;
  767. font-size: 0.85em;
  768. }
  769. ol.notes li:before {
  770. content:'';
  771. }
  772. #load-more {
  773. color:{color:Links};
  774. font-weight:bold;
  775. text-transform:uppercase;
  776. cursor:help;
  777. font-size:0.85em;
  778. {block:IfTwoColumns}
  779. width:100px;
  780. {block:IfPostBorders}
  781. border:1px solid #eaeaea;
  782. {/block:IfPostBorders}
  783. {/block:IfTwoColumns}
  784.  
  785. {block:IfNotTwoColumns}
  786. margin-bottom:70px;
  787. {block:IfPostBorders}
  788. width:calc({select:Post Width}px - 42px);
  789. border:1px solid #eaeaea;
  790. {/block:IfPostBorders}
  791. {block:IfNotPostBorders}
  792. width:calc({select:Post Width}px - 40px);
  793. {/block:IfNotPostBorders}
  794. {/block:IfNotTwoColumns}
  795.  
  796. background:#fff;
  797. padding:20px;
  798. margin:0 auto 70px auto;
  799. {block:IfTwoColumns}
  800. margin-bottom:40px;
  801. {/block:IfTwoColumns}
  802. text-align:center;
  803. display:block;
  804. {block:IfRoundedPosts}
  805. -webkit-border-radius:5px;
  806. -moz-border-radius:5px;
  807. border-radius:5px;
  808. {/block:IfRoundedPosts}
  809. -webkit-transition: all 0.2s ease-in-out;
  810. -moz-transition: all 0.2s ease-in-out;
  811. -o-transition: all 0.2s ease-in-out;
  812. transition: all 0.2s ease-in-out;
  813. }
  814. #load-more:hover {
  815. color:{color:Accent};
  816. -webkit-transition: all 0.2s ease-in-out;
  817. -moz-transition: all 0.2s ease-in-out;
  818. -o-transition: all 0.2s ease-in-out;
  819. transition: all 0.2s ease-in-out;
  820. }
  821. .tmblr-lightbox {
  822. background:rgba({RGBcolor:Lightbox}, 0.4)!important;
  823. }
  824. .vignette {
  825. opacity:0;
  826. border-radius:0!important;
  827. -moz-border-radius: 0!important;
  828. -webkit-border-radius: 0!important;
  829. -o-border-radius: 0!important;
  830. }
  831. .lightbox-image {
  832. opacity: 1!important;
  833. box-shadow: 0 0 !important;
  834. border-radius: 0!important;
  835. -moz-border-radius: 0!important;
  836. -webkit-border-radius: 0!important;
  837. -o-border-radius: 0!important;
  838. border:3px solid #fff!important;
  839. }
  840. .pagination {
  841. height:80px;
  842. line-height:80px;
  843. width:50px;
  844. position:fixed;
  845. top:calc(50% - 40px);
  846. text-align:center;
  847. }
  848. .pagination a {
  849. border-bottom:none;
  850. font-weight:bold;
  851. font-size:60px;
  852. color:{color:Links};
  853. }
  854. .pagination a:hover {
  855. color:{color:Accent};
  856. }
  857. #next {
  858. margin-left:calc(50% + 314px);
  859. }
  860. #previous {
  861. margin-left:calc(50% - 364px);
  862. }
  863. #jumpers {
  864. position: fixed;
  865. font-size: 1.4em;
  866. width: 601px;
  867. text-align: center;
  868. padding: 10px;
  869. background:{color:Header};
  870. {block:IfSeeThroughHeader}
  871. opacity:0.7;
  872. {/block:IfSeeThroughHeader}
  873. z-index:9999999;
  874. {block:IfNotPostBorders}
  875. left: calc(50% - 314px);
  876. bottom: 5vh;
  877. {/block:IfNotPostBorders}
  878. {block:IfPostBorders}
  879. left:calc(50% - 313px);
  880. bottom:calc(5vh - 1px);
  881. {/block:IfPostBorders}
  882. word-spacing:5px;
  883. }
  884. #jumpers a {
  885. color:{color:Header Text};
  886. }
  887. #jumpers a:hover {
  888. color:{color:Accent};
  889. }
  890. .current_page {
  891. color:{color:Accent};
  892. }
  893. #jumpers.n-p {
  894. display:none;
  895. }
  896. #next.jumped, #previous.jumped {
  897. display:none;
  898. }
  899. </style>
  900. </head>
  901. <body>
  902.  
  903.  
  904. <div id="wrapper">
  905. <div id="header">
  906. <h1>{Title}</h1>
  907. <ul id="navlinks">
  908. <li><a href="/">home</a></li><!--
  909. --><li><span id="desc">{text:Info Label}</span></li>{block:IfUpdatesTab}<!--
  910. --><li><span id="ups">{text:Updates Label}</span></li>{/block:IfUpdatesTab}{block:AskEnabled}<!--
  911. --><li><span id="msg">{text:Contact Label}</span></li>{/block:AskEnabled}{block:IfNaviTab}<!--
  912. --><li><span id="navi">{text:Navi Label}</span></li>{/block:IfNaviTab}<!--
  913. --><li><a href="/archive">{text:Archive Label}</a></li>{block:IfCreditInHeader}<!--
  914. --><li><a href="http://dontbrag.tumblr.com" target="_blank">credit</a></li>{/block:IfCreditInHeader}
  915. </ul>
  916. <div id="about">
  917. {Description}
  918. </div>
  919. {block:IfUpdatesTab}
  920. <div id="updates">
  921. {text:Updates}
  922. </div>
  923. {/block:IfUpdatesTab}
  924. {block:AskEnabled}
  925. <div id="message">
  926. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe>
  927. </div>
  928. {/block:AskEnabled}
  929. {block:IfNaviTab}
  930. <div id="navigate">
  931. <ul id="extra-nav">
  932. {block:IfLink1}<li><a href="{text:URL 1}">{text:Link 1}</a></li>{/block:IfLink1}{block:IfLink2}<!--
  933. --><li><a href="{text:URL 2}">{text:Link 2}</a></li>{/block:IfLink2}{block:IfLink3}<!--
  934. --><li><a href="{text:URL 3}">{text:Link 3}</a></li>{/block:IfLink3}{block:IfLink4}<!--
  935. --><li><a href="{text:URL 4}">{text:Link 4}</a></li>{/block:IfLink4}{block:IfLink5}<!--
  936. --><li><a href="{text:URL 5}">{text:Link 5}</a></li>{/block:IfLink5}{block:IfLink6}<!--
  937. --><li><a href="{text:URL 6}">{text:Link 6}</a></li>{/block:IfLink6}{block:IfLink7}<!--
  938. --><li><a href="{text:URL 7}">{text:Link 7}</a></li>{/block:IfLink7}{block:IfLink8}<!--
  939. --><li><a href="{text:URL 8}">{text:Link 8}</a></li>{/block:IfLink8}
  940. </ul>
  941. </div>
  942. {/block:IfNaviTab}
  943. </div>
  944. <div id="main-spacer"></div>
  945. <div id="spacer"></div>
  946. {block:AskEnabled}<div id="spacer-msg"></div>{/block:AskEnabled}
  947. {block:IfNaviTab}<div id="spacer-navi"></div>{/block:IfNaviTab}
  948. {block:IfUpdatesTab}<div id="spacer-updates"></div>{/block:IfUpdatesTab}
  949. <div id="posts">
  950. {block:Posts}
  951. <article id="{PostId}" class="{select:Posts Appearance} masonry">
  952. {block:Text}
  953. <div class="text-post t-b">
  954. {block:Title}<h2>{Title}</h2>{/block:Title}
  955. {Body}
  956. {block:IndexPage}{block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  957. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  958. <div class="l-r">
  959. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  960. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  961. </div>{/block:IndexPage}
  962. </div>
  963. {/block:Text}
  964.  
  965. {block:Photo}
  966. <div class="photo-post">
  967. {block:IndexPage}{block:IfTwoColumns}{block:IfNotCaptions}<div class="mask">
  968. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  969. {block:IfTags}{block:HasTags}<div class="taggy">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  970. <div class="l-r">
  971. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  972. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  973. </div>
  974. </div>{/block:IfNotCaptions}{/block:IfTwoColumns}{/block:IndexPage}
  975. <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  976. </div>
  977. {block:IndexPage}{block:IfTwoColumns}{block:IfCaptions}<div class="t-b">
  978. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  979. {block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  980. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  981. <div class="l-r">
  982. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  983. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  984. </div></div>{/block:IfCaptions}{/block:IfTwoColumns}
  985. {block:IfNotTwoColumns}<div class="t-b">
  986. {block:IfCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaptions}
  987. {block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  988. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  989. <div class="l-r">
  990. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  991. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  992. </div></div>{/block:IfNotTwoColumns}
  993. {/block:IndexPage}
  994. {block:PermalinkPage}
  995. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  996. {/block:PermalinkPage}
  997. </div>
  998. {/block:Photo}
  999.  
  1000. {block:Photoset}
  1001. <div class="photoset-post">
  1002. {block:IndexPage}{block:IfTwoColumns}{block:IfNotCaptions}<div class="mask">
  1003. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1004. {block:IfTags}{block:HasTags}<div class="taggy">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1005. <div class="l-r">
  1006. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1007. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1008. </div>
  1009. </div>{/block:IfNotCaptions}{/block:IfTwoColumns}{/block:IndexPage}
  1010. <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>
  1011. {block:IndexPage}{block:IfTwoColumns}{block:IfCaptions}<div class="t-b">
  1012. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1013. {block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1014. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1015. <div class="l-r">
  1016. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1017. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1018. </div></div>{/block:IfCaptions}{/block:IfTwoColumns}
  1019. {block:IfNotTwoColumns}<div class="t-b">
  1020. {block:IfCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaptions}
  1021. {block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1022. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1023. <div class="l-r">
  1024. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1025. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1026. </div></div>{/block:IfNotTwoColumns}
  1027. {/block:IndexPage}
  1028. {block:PermalinkPage}
  1029. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1030. {/block:PermalinkPage}
  1031. </div>
  1032. {/block:Photoset}
  1033.  
  1034. {block:Quote}
  1035. <div class="quote-post t-b">
  1036. <h2 class="{Length}"><span style="color:{color:Accent};">❝</span> {Quote} <span style="color:{color:Accent};">❞</span></h2>
  1037. {block:Source}<cite>-&nbsp;{Source}</cite>{/block:Source}
  1038. {block:IndexPage}{block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1039. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1040. <div class="l-r">
  1041. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1042. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1043. </div>{/block:IndexPage}
  1044. </div>
  1045. {/block:Quote}
  1046.  
  1047. {block:Link}
  1048. <div class="link-post t-b">
  1049. <h2><a href="{URL}" {Target}>{Name} &nbsp;<i class="fa fa-angle-right"></i></a></h2>
  1050. {block:Description}{Description}{/block:Description}
  1051. {block:IndexPage}{block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1052. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1053. <div class="l-r">
  1054. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1055. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1056. </div>{/block:IndexPage}
  1057. </div>
  1058. {/block:Link}
  1059.  
  1060. {block:Chat}
  1061. <div class="chat-post t-b">
  1062. {block:Title}<h2>{Title}</h2>{/block:Title}
  1063. <ul class="chat-list">
  1064. {block:Lines}
  1065. <li class="{Alt}">
  1066. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1067. {Line}</li>
  1068. {/block:Lines}
  1069. </ul>
  1070. {block:IndexPage}{block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1071. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1072. <div class="l-r">
  1073. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1074. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1075. </div>{/block:IndexPage}
  1076. </div>
  1077. {/block:Chat}
  1078.  
  1079. {block:Audio}
  1080. <div class="audio t-b">
  1081. {block:AlbumArt}
  1082. <div class="album-art">
  1083. <img src="{AlbumArtURL}">
  1084. </div>
  1085. {/block:AlbumArt}
  1086. <div class="audio-info">
  1087. Artist: <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  1088. Title: <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  1089. Album: <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
  1090. Plays: {FormattedPlayCount}</div>
  1091. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  1092. {block:IfCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaptions}
  1093. {block:IndexPage}{block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1094. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1095. <div class="l-r">
  1096. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1097. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1098. </div>{/block:IndexPage}
  1099. {block:PermalinkPage}
  1100. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1101. {/block:PermalinkPage}
  1102. </div>
  1103. {/block:Audio}
  1104.  
  1105. {block:Video}
  1106. <div class="video-post">
  1107. <div class="video">{Video-500}</div>
  1108. {block:IndexPage}<div class="t-b">{block:IfCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaptions}
  1109. {block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1110. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1111. <div class="l-r">
  1112. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1113. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1114. </div></div>{/block:IndexPage}
  1115. {block:PermalinkPage}
  1116. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1117. {/block:PermalinkPage}
  1118. </div>
  1119. {/block:Video}
  1120.  
  1121. {block:Answer}<div class="answer-post t-b">
  1122. <div class="query"><b>{Asker} asked:</b> {Question}</div>
  1123. {Replies}
  1124. {block:IndexPage}{block:IfTags}{block:HasTags}<div class="taggy-2">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  1125. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1126. <div class="l-r">
  1127. <div class="custom-like-button">{LikeButton size="14"}<span class="my_button"><i class="fa fa-heart"></i></span></div>
  1128. <span class="reblog-button"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></span>
  1129. </div>{/block:IndexPage}
  1130. </div>{/block:Answer}
  1131.  
  1132. {block:PermalinkPage}
  1133. {block:Date}<div class="t-b">
  1134. {block:HasTags}<div class="taggy-2">FILED UNDER: {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1135. <span class="date"><a href="{Permalink}" target="_blank">{Month} {DayOfMonth} &mdash; {NoteCountWithLabel}</a></span>
  1136. <div class="v-s">
  1137. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>{/block:RebloggedFrom}{block:RebloggedFrom}{block:ContentSource} &mdash; {/block:ContentSource}{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">SOURCE</a>{/block:ContentSource}
  1138. </div>
  1139. </div>
  1140. <div id="show-notes">show notes</div>{/block:Date}
  1141. {block:PostNotes}
  1142. <div id="notes">
  1143. {PostNotes-16}
  1144. </div>
  1145. {/block:PostNotes}
  1146. {/block:PermalinkPage}
  1147. </article>
  1148. {/block:Posts}
  1149. </div><!--end posts-->
  1150. {block:IndexPage}{block:IfInfiniteScroll}{block:IfManualLoad}
  1151. <div id="load-more"><div id="words">Load More</div></div>
  1152. {/block:IfManualLoad}{/block:IfInfiniteScroll}{/block:IndexPage}
  1153. </div><!--end wrapper-->
  1154. {block:IfNotInfiniteScroll}
  1155. {block:Pagination}<div id="jumpers" class="{select:Pagination}">
  1156. {block:JumpPagination length="5"}
  1157. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1158. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1159. {/block:JumpPagination}
  1160. </div>{/block:Pagination}
  1161. {/block:IfNotInfiniteScroll}
  1162.  
  1163. {block:Pagination}
  1164. <div id="previous" class="pagination {select:Pagination}"{block:IfInfiniteScroll} style="visibility:hidden;"{/block:IfInfiniteScroll}>
  1165. {block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage}</div>
  1166.  
  1167. <div id="next" class="pagination {select:Pagination}"{block:IfInfiniteScroll} style="visibility:hidden;"{/block:IfInfiniteScroll}>
  1168. {block:NextPage}<a href="{NextPage}" id="next-page"><i class="fa fa-angle-right"></i></a>{/block:NextPage}</div>
  1169. {/block:Pagination}
  1170.  
  1171. {block:IndexPage}
  1172. {block:IfInfiniteScroll}
  1173. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1174. {block:IfInfiniteScroll}
  1175. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1176. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1177. {/block:IndexPage}
  1178. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1179. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1180. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1181. <script>
  1182. $(document).ready(function(){
  1183. {block:IfUpdatesTab}
  1184. $('#ups').click(function(e){
  1185. e.preventDefault();
  1186. $('#updates, #spacer-updates').slideToggle('slow');
  1187. $(this).text( $(this).text() == "{text:Updates Label}" ? "close" : "{text:Updates Label}");
  1188. });
  1189. {/block:IfUpdatesTab}
  1190. $('#desc').click(function(e){
  1191. e.preventDefault();
  1192. $('#about, #spacer').slideToggle('slow');
  1193. $(this).text( $(this).text() == "{text:Info Label}" ? "close" : "{text:Info Label}");
  1194. });
  1195. {block:AskEnabled}
  1196. $('#msg').click(function(e){
  1197. e.preventDefault();
  1198. $('#message, #spacer-msg').slideToggle('slow');
  1199. $(this).text( $(this).text() == "{text:Contact Label}" ? "close" : "{text:Contact Label}");
  1200. });
  1201. {/block:AskEnabled}
  1202. $('#navi').click(function(e){
  1203. e.preventDefault();
  1204. $('#navigate, #spacer-navi').slideToggle('slow');
  1205. $(this).text( $(this).text() == "{text:Navi Label}" ? "close" : "{text:Navi Label}");
  1206. });
  1207. {block:PermalinkPage}
  1208. $('#show-notes').click(function(e){
  1209. e.preventDefault();
  1210. $('#notes').slideToggle('slow');
  1211. $(this).text( $(this).text() == "show notes" ? "hide notes" : "show notes");
  1212. });
  1213. {/block:PermalinkPage}
  1214. $('.photo-slideshow').pxuPhotoset({
  1215. lightbox: true,
  1216. rounded: false,
  1217. gutter: '{select:Photoset Gutters}',
  1218. photoset: '.photo-slideshow',
  1219. photoWrap: '.photo-data',
  1220. photo: '.pxu-photo'
  1221. });
  1222. {block:IfManualLoad}
  1223. $('#load-more').click(function() {
  1224. $('#words').text('Loading...')
  1225. });
  1226. {/block:IfManualLoad}
  1227. });
  1228. </script>
  1229. <script src="http://static.tumblr.com/i5s2zks/smno0fh64/e_i.scripts.js"></script>
  1230. <script>
  1231. {block:IndexPage}
  1232. (function () {
  1233. var $tumblelog = $('#posts');
  1234. {block:IfTwoColumns}
  1235. $tumblelog.imagesLoaded(function () {
  1236. $tumblelog.masonry({
  1237. itemSelector: 'article',
  1238. isAnimated:false,
  1239. columnWidth:250,
  1240. gutterWidth:40,
  1241. });
  1242. });
  1243. {/block:IfTwoColumns}
  1244. {block:IfInfiniteScroll}
  1245. $tumblelog.infinitescroll({
  1246. navSelector : "div.pagination",
  1247. nextSelector : ".pagination a#next-page",
  1248. itemSelector : "article",
  1249. loading: {
  1250. finishedMsg: "<p>You've reached the end of the Earth.</p>",
  1251. img : null,
  1252. msg: null,
  1253. msgText: "<i class='fa fa-spinner fa-pulse fa-3x'></i>",
  1254. {block:IfManualLoad}
  1255. finished: function() {
  1256. $('#words').text('Load More');
  1257. },
  1258. {/block:IfManualLoad}
  1259. },
  1260. behavior: 'local',
  1261. binder: $('#wrapper'),
  1262. {block:IfManualLoad}
  1263. errorCallback: function() {
  1264. $('#words').text('No More');
  1265. },
  1266. {/block:IfManualLoad}
  1267. },
  1268.  
  1269. function( newElements ) {
  1270. var $newElems = $( newElements );
  1271. // Create Array of $newElems IDs
  1272. var $newElemsIDs = $newElems.map(function () {
  1273. return this.id;
  1274. }).get();
  1275. $newElems.find('.photo-slideshow').pxuPhotoset({
  1276. lightbox: true,
  1277. rounded: false,
  1278. gutter: '{select:Photoset Gutters}',
  1279. photoset: '.photo-slideshow',
  1280. photoWrap: '.photo-data',
  1281. photo: '.pxu-photo'
  1282. }{block:IfNotTwoColumns});{/block:IfNotTwoColumns}{block:IfTwoColumns},{/block:IfTwoColumns}
  1283. {block:IfTwoColumns}
  1284. function(){
  1285. $tumblelog.masonry({
  1286. itemSelector: 'article',
  1287. columnWidth:250,
  1288. gutterWidth:40,
  1289. });
  1290. });
  1291. {/block:IfTwoColumns}
  1292. var $newElems = $(newElements).css({
  1293. opacity: 0,
  1294. });
  1295. $newElems.imagesLoaded(function(){
  1296. $newElems.animate({ opacity: 1 });
  1297. $tumblelog.masonry( 'appended', $newElems );
  1298. });
  1299. $(function(){
  1300. $('.make_lightbox').each(function(){
  1301. $(this).on('click',function(){
  1302. var lbArray = [];
  1303. var arrayContents = {
  1304. "width":$(this).data('width'),
  1305. "height":$(this).data('height'),
  1306. "low_res":$(this).data("lowres"),
  1307. "high_res":$(this).data('highres')
  1308. };
  1309. lbArray.push(arrayContents);
  1310. Tumblr.Lightbox.init(lbArray,1);
  1311. $('body').toggleClass('tumblr_lightbox_active');
  1312. });
  1313. });
  1314. });
  1315. resizeVideos();
  1316. console.log($newElems,$newElemsIDs);
  1317. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1318. });
  1319. {/block:IfInfiniteScroll}
  1320. {block:IfManualLoad}
  1321. $tumblelog.infinitescroll('unbind');
  1322. $('#load-more').on('click', function(e) {
  1323. e.preventDefault();
  1324. $tumblelog.infinitescroll('retrieve');
  1325. });
  1326. {/block:IfManualLoad}
  1327. })();
  1328. {/block:IndexPage}
  1329. </script>
  1330. <div style="display:none"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5184982";
  1331. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1332. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1333. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");</script></div>
  1334. <!--/////////Scripts//////////-->
  1335.  
  1336. </body>
  1337. </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!