API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: CLEAN (vol.3)

b0rn-to-be-wild
Apr 6th, 2018
5,776
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.20 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ©borntobewildcodes.tumblr.com | CLEAN (vol.3)
  4.  
  5. + Do not redistribute this theme or remove the credits.
  6. + Edit as long as you keep the credits intact
  7. + Contact me if you have any questions or concerns.
  8. + If you want a custom theme you can commission me.
  9. + Thanks for using my theme, I hope that you enjoy it.
  10.  
  11. Other credits:
  12.  
  13. - Jquery
  14. - Disqus
  15. - Google fonts
  16. - Font Awesome icons
  17. - Masonry by David Desandro
  18. - Infinite scroll by Paul Irish
  19. - PXU Photosets
  20. - Masonry with Infinite Scroll and PXU Photosets tutorial by @shythemes
  21. - Load more buttons tutorial by @shythemes
  22. - Hide stuff tutorial by @lmthemes
  23.  
  24. ---->
  25.  
  26. <!DOCTYPE html>
  27. <head>
  28.  
  29. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  30.  
  31. <link rel="shortcut icon" href="{favicon}">
  32.  
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Container background" content=""/>
  38. <meta name="image:Sidebar background" content=""/>
  39. <meta name="image:About background" content=""/>
  40. <meta name="image:Navigation background" content=""/>
  41. <meta name="image:Avatar" content=""/>
  42.  
  43. <meta name="color:Background" content="#FFFFFF"/>
  44. <meta name="color:Container background" content="#F6F6F6" />
  45. <meta name="color:Sidebar background" content="#FFFFFF" />
  46. <meta name="color:Navigation background" content="#FFFFFF" />
  47. <meta name="color:About background" content="#FFFFFF" />
  48. <meta name="color:Description" content="#333333"/>
  49. <meta name="color:Search box background" content="#EEEEEE" />
  50. <meta name="color:Search box text" content="#FFFFFF"/>
  51. <meta name="color:Blog title" content="#000000" />
  52. <meta name="color:Blog title background" content="#EEEEEE" />
  53. <meta name="color:Sidebar icon" content="#000000" />
  54. <meta name="color:Sidebar icon background" content="#EEEEEE" />
  55. <meta name="color:Navigation link" content="#000000" />
  56. <meta name="color:Navigation icon" content="#000000" />
  57. <meta name="color:Post background" content="#FFFFFF"/>
  58. <meta name="color:Post info background" content="#FFFFFF"/>
  59. <meta name="color:Post info" content="#AFAFAF"/>
  60. <meta name="color:Link post background" content="#EEEEEE"/>
  61. <meta name="color:Ask bubble" content="#EEEEEE"/>
  62. <meta name="color:Title" content="#111111"/>
  63. <meta name="color:Text" content="#333333"/>
  64. <meta name="color:Link" content="#AFAFAF"/>
  65. <meta name="color:Hover" content="#222222"/>
  66. <meta name="color:Bold" content="#000000"/>
  67. <meta name="color:Italic" content="#AFAFAF"/>
  68. <meta name="color:Buttons" content="#222222"/>
  69. <meta name="color:Borders" content="#DDDDDD"/>
  70. <meta name="color:Pagination" content="#AFAFAF"/>
  71. <meta name="color:Scrollbar" content="#DDDDDD"/>
  72. <meta name="color:Scrollbar background" content="#FFFFFF"/>
  73.  
  74. <meta name="select:Container box shadow" content="255,255,255" title="white">
  75. <meta name="select:Container box shadow" content="0,0,0" title="black">
  76. <meta name="select:Container box shadow" content="220,37,37" title="red">
  77. <meta name="select:Container box shadow" content="254,98,153" title="pink">
  78. <meta name="select:Container box shadow" content="254,98,153" title="pink">
  79. <meta name="select:Container box shadow" content="167,125,194" title="purple">
  80. <meta name="select:Container box shadow" content="57,74,203" title="indigo">
  81. <meta name="select:Container box shadow" content="82,158,204" title="blue">
  82. <meta name="select:Container box shadow" content="86,188,138" title="green">
  83. <meta name="select:Container box shadow" content="90,201,225" title="turquoise">
  84. <meta name="select:Container box shadow" content="255,216,0" title="yellow">
  85. <meta name="select:Container box shadow" content="242,153,46" title="orange">
  86. <meta name="select:Container box shadow" content="97,61,18" title="brown">
  87.  
  88. <meta name="font:Body font" content="Helvetica"/>
  89. <meta name="select:Body font size" content="12px" title="12px">
  90. <meta name="select:Body font size" content="13px" title="13px">
  91. <meta name="select:Body font size" content="14px" title="14px">
  92. <meta name="select:Body font size" content="15px" title="15px">
  93. <meta name="select:Body font size" content="16px" title="16px">
  94.  
  95. <meta name="select:Title font" content="Julius Sans One" title="Julius Sans One">
  96. <meta name="select:Title font" content="Open Sans" title="Open Sans">
  97. <meta name="select:Title font" content="Roboto" title="Roboto">
  98. <meta name="select:Title font" content="Playfair Display" title="Playfair Display">
  99. <meta name="select:Title font" content="Montserrat" title="Montserrat">
  100.  
  101. <meta name="select:Title font size" content="22px" title="22px">
  102. <meta name="select:Title font size" content="25px" title="25px">
  103. <meta name="select:Title font size" content="27px" title="27px">
  104. <meta name="select:Title font size" content="30px" title="30px">
  105. <meta name="select:Title font size" content="32px" title="32px">
  106.  
  107. <meta name="select:Blog title font size" content="20px" title="20px">
  108. <meta name="select:Blog title font size" content="22px" title="22px">
  109. <meta name="select:Blog title font size" content="25px" title="25px">
  110. <meta name="select:Blog title font size" content="27px" title="27px">
  111. <meta name="select:Blog title font size" content="30px" title="30px">
  112. <meta name="select:Blog title font size" content="32px" title="32px">
  113.  
  114. <meta name="select:Sidebar title font size" content="20px" title="20px">
  115. <meta name="select:Sidebar title font size" content="22px" title="22px">
  116. <meta name="select:Sidebar title font size" content="25px" title="25px">
  117. <meta name="select:Sidebar title font size" content="27px" title="27px">
  118. <meta name="select:Sidebar title font size" content="30px" title="30px">
  119. <meta name="select:Sidebar title font size" content="32px" title="32px">
  120.  
  121. <meta name="select:Post width" content="400" title="400px">
  122. <meta name="select:Post width" content="500" title="500px">
  123.  
  124. <meta name="if:Inverted Controls" content="0"/>
  125. <meta name="if:Infinite Scroll" content="0"/>
  126. <meta name="if:Load More" content="0"/>
  127. <meta name="if:Sidebar Position Right" content="0" />
  128. <meta name="if:Sidebar Element Background Transparent" content="0" />
  129. <meta name="if:Container Background Stretch" content="0" />
  130. <meta name="if:Sidebar Background Stretch" content="0" />
  131. <meta name="if:About Background Stretch" content="0" />
  132. <meta name="if:Navigation Background Stretch" content="0" />
  133. <meta name="if:Show Search Box" content="1" />
  134. <meta name="if:Show Blog title" content="1" />
  135. <meta name="if:Show About" content="1" />
  136. <meta name="if:Show Avatar" content="1" />
  137. <meta name="if:Show Description" content="1" />
  138. <meta name="if:Show Navigation" content="1" />
  139. <meta name="if:Show Navigation Icons" content="1" />
  140. <meta name="if:Show Info On Hover" content="0" />
  141. <meta name="if:Faded Images" content="0" />
  142. <meta name="if:Monochrome Images" content="0" />
  143. <meta name="if:Show Captions" content="1" />
  144. <meta name="if:Show Tags" content="1" />
  145. <meta name="if:Ask Enabled" content="1" />
  146. <meta name="if:Submissions Enabled" content="1" />
  147. <meta name="if:Show Archive Link" content="1" />
  148. <meta name="if:Disqus Shortname" content="0"/>
  149.  
  150. <meta name="if:Show Link One" content="1" />
  151. <meta name="if:Show Link Two" content="1" />
  152. <meta name="if:Show Link Three" content="1" />
  153. <meta name="if:Show Link Four" content="1" />
  154. <meta name="if:Show Link Five" content="1" />
  155.  
  156. <meta name="text:Link One Title" content="Link one" />
  157. <meta name="text:Link One Url" content="http://"/>
  158. <meta name="text:Link Two Title" content="Link two"/>
  159. <meta name="text:Link Two Url" content="http://"/>
  160. <meta name="text:Link Three Title" content="Link three" />
  161. <meta name="text:Link Three Url" content="http://" />
  162. <meta name="text:Link Four Title" content="Link four" />
  163. <meta name="text:Link Four Url" content="http://" />
  164. <meta name="text:Link Five Title" content="Link five" />
  165. <meta name="text:Link Five Url" content="http://" />
  166.  
  167. <meta name="if:Show Tag One" content="1" />
  168. <meta name="if:Show Tag Two" content="1" />
  169. <meta name="if:Show Tag Three" content="1" />
  170. <meta name="if:Show Tag Four" content="1" />
  171. <meta name="if:Show Tag Five" content="1" />
  172. <meta name="if:Show Tag Six" content="1" />
  173.  
  174. <meta name="text:Tag One Title" content="tag" />
  175. <meta name="text:Tag One Url" content="http://"/>
  176. <meta name="text:Tag Two Title" content="tag"/>
  177. <meta name="text:Tag Two Url" content="http://"/>
  178. <meta name="text:Tag Three Title" content="tag" />
  179. <meta name="text:Tag Three Url" content="http://" />
  180. <meta name="text:Tag Four Title" content="tag" />
  181. <meta name="text:Tag Four Url" content="http://" />
  182. <meta name="text:Tag Five Title" content="tag" />
  183. <meta name="text:Tag Five Url" content="http://" />
  184. <meta name="text:Tag Six Title" content="tag" />
  185. <meta name="text:Tag Six Url" content="http://" />
  186.  
  187. <meta name="if:Facebook" content="1" />
  188. <meta name="if:Twitter" content="1" />
  189. <meta name="if:Instagram" content="1" />
  190. <meta name="if:Deviantart" content="1" />
  191. <meta name="if:Flickr" content="1" />
  192.  
  193. <meta name="text:Facebook url" content="http://" />
  194. <meta name="text:Twitter url" content="http://" />
  195. <meta name="text:Instagram url" content="http://" />
  196. <meta name="text:Deviantart url" content="http://" />
  197. <meta name="text:Flickr url" content="http://" />
  198.  
  199. <meta name="text:Border radius" content="0px" />
  200. <meta name="text:Blog alias" content="blogalias"/>
  201. <meta name='text:Disqus Shortname' content='' />
  202.  
  203. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  204. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  205.  
  206. <!-- CSS -->
  207.  
  208. <style type="text/css">
  209.  
  210. /* ---------------------------- GENERAL ----------------------------- */
  211.  
  212. /* -------- BASICS ------- */
  213.  
  214. body {
  215. margin: 0;
  216. padding: 0;
  217. width: 100%;
  218. height: 100%;
  219. color: {color:text};
  220. font-family: {font:Body font};
  221. font-size: {select:Body font size};
  222. line-height: calc({select:Body font size} + 5px);
  223. background-color: {color:Background};
  224. background-image:url({image:Background});
  225. background-attachment: fixed;
  226. background-repeat: repeat;
  227. word-wrap: break-word;
  228. }
  229.  
  230. /* Headings */
  231.  
  232. h1 { font-size:{select:Title font size}; }
  233. h2 { font-size:calc({select:Title font size} - 5px); }
  234. h3 { font-size:calc({select:Title font size} - 7px); }
  235.  
  236. h1, h2, h3{
  237. margin: 10px 0 20px 0;
  238. color:{color:Title};
  239. font-weight: bold;
  240. text-transform: uppercase;
  241. letter-spacing: 1px;
  242. }
  243.  
  244. h1:after, .title:after {
  245. content: '';
  246. display:block;
  247. width:40px;
  248. height:2px;
  249. border-bottom:1px solid {color:Link};
  250. }
  251.  
  252. .entry h1:first-child, .entry h2:first-child, .entry h3:first-child {
  253. margin-top:10px;
  254. }
  255.  
  256. /* Paragraph */
  257.  
  258. p { margin:5px 0;}
  259.  
  260. p:first-of-type { margin-top:0;}
  261.  
  262. p:last-of-type { margin-bottom:0;}
  263.  
  264. small, big, sub, pre {
  265. font-size:1em!important;
  266. line-height:1.4em!important;
  267. vertical-align:baseline!important;
  268. }
  269.  
  270. blockquote {
  271. padding:.25em 0 .25em 15px;
  272. margin:.5em 0;
  273. border-left:1px solid {color:Borders};
  274. }
  275.  
  276. /* Bold and italic */
  277.  
  278. b, strong, b a, strong a {
  279. font-weight:bold!important;
  280. color: {color:Bold};
  281. }
  282.  
  283. i, em {
  284. color: {color:Italic};
  285. transition:all .3s linear;
  286. -webkit-transition:all .3s linear;
  287. -o-transition:all .3s linear;
  288. -moz-transition:all .3s linear;
  289. }
  290.  
  291. /* Links */
  292.  
  293. a {
  294. color:{color:Link};
  295. text-decoration:none;
  296. transition:all .3s linear;
  297. -webkit-transition:all .3s linear;
  298. -o-transition:all .3s linear;
  299. -moz-transition:all .3s linear;
  300. }
  301.  
  302. a, a img {cursor:pointer;}
  303.  
  304. a:hover {
  305. color:{color:Hover}!important;
  306. text-decoration:none;
  307. }
  308.  
  309. ul, ol, li {
  310. margin: 5px 10px;
  311. padding: 0;
  312. }
  313.  
  314. /* Line break */
  315.  
  316. hr {
  317. border:none;
  318. box-shadow:0;
  319. margin:2em auto;
  320. width:75px;
  321. border-top:1px solid {color:Borders};
  322. }
  323.  
  324. pre {
  325. padding:0;
  326. margin:0;
  327. line-height:inherit!important;
  328. background:transparent;
  329. font-family:inherit!Important;
  330. font-size:inherit!important;
  331. white-space:pre-wrap;
  332. white-space:-moz-pre-wrap;
  333. white-space:-pre-wrap;
  334. white-space:-o-pre-wrap;
  335. word-wrap:break-word;
  336. }
  337.  
  338. /* Tumblr lightbox */
  339.  
  340. .tmblr-lightbox {background:rgba({RGBcolor:Background}, .95)!important;}
  341.  
  342. .tmblr-lightbox img {opacity:0;}
  343.  
  344. .lightbox-caption {
  345. color:{color:Title}!important;
  346. font-family:inherit!important;
  347. font-size:1em!important;
  348. font-weight:normal!important;
  349. text-shadow:none!important;
  350. }
  351.  
  352. .lightbox-image {
  353. -moz-box-shadow:none!important;
  354. -webkit-box-shadow:none!important;
  355. box-shadow:none!important;
  356. -moz-border-radius:0px!important;
  357. -webkit-border-radius:0px!important;
  358. border-radius:0px!important;
  359. padding:0px!important;
  360. border:0!important;
  361. opacity:1!important;
  362. }
  363.  
  364. .vignette {opacity:0!Important;}
  365.  
  366. /* Webkit scrollbar */
  367.  
  368. ::-webkit-scrollbar {
  369. width: 9px;
  370. height: 0;
  371. }
  372.  
  373. ::-webkit-scrollbar-button:start:decrement,
  374. ::-webkit-scrollbar-button:end:increment {
  375. height: 0;
  376. display: block;
  377. background-color: {color:Scrollbar background};
  378. border-bottom-right-radius:30px;
  379. }
  380.  
  381. ::-webkit-scrollbar-track-piece {
  382. background-color: {color:Scrollbar background};
  383. }
  384.  
  385. ::-webkit-scrollbar-thumb:vertical {
  386. height: 0;
  387. background-color: {color:Scrollbar};
  388. border: 4px solid {color:Scrollbar background};
  389. }
  390.  
  391. /* Selection */
  392.  
  393. ::-moz-selection {
  394. background: {color:Hover};
  395. color: {color:Background};
  396. }
  397.  
  398. ::selection {
  399. background: {color:Hover};
  400. color: {color:Background};
  401. }
  402.  
  403. /* Tumblr controls */
  404.  
  405. iframe.tmblr-iframe {
  406. top:0px!important;
  407. right:35px!important;
  408. {block:ifInvertedControls}
  409. filter:invert(100%) hue-rotate(180deg);
  410. -webkit-filter:invert(100%) hue-rotate(180deg);
  411. -moz-filter:invert(100%) hue-rotate(180deg);
  412. -o-filter:invert(100%) hue-rotate(180deg);
  413. -ms-filter:invert(100%) hue-rotate(180deg);
  414. {/block:ifInvertedControls}
  415. transform:scale(0.8);
  416. transform-origin:100% 0;
  417. -webkit-transform:scale(0.8);
  418. -webkit-transform-origin:100% 0;
  419. -o-transform:scale(0.8);
  420. -o-transform-origin:100% 0;
  421. -moz-transform:scale(0.8);
  422. -moz-transform-origin:100% 0;
  423. -ms-transform:scale(0.8);
  424. -ms-transform-origin:100% 0;
  425. z-index:100000!important;
  426. }
  427.  
  428. iframe.tmblr-iframe:hover {
  429. opacity:0.6!important;
  430. }
  431.  
  432. /* Tooltips */
  433.  
  434. .ui-tooltip {
  435. position:absolute;
  436. z-index:9999;
  437. padding-top:10px;
  438. }
  439.  
  440. .ui-tooltip-content {
  441. background:{color:Background};
  442. padding:0 4px;
  443. font-style:italic;
  444. color:{color:Link};
  445. text-transform:lowercase;
  446. border:1px solid {color:Borders};
  447. }
  448.  
  449. img {
  450. margin:0;
  451. opacity:1;
  452. border:0;
  453. text-decoration:none;
  454. max-width:100%;
  455. height:auto;
  456. display:block;
  457. }
  458.  
  459. /* Image style */
  460.  
  461. {block:IfFadedImages}
  462. img {
  463. -webkit-transition: opacity 0.8s linear;
  464. -moz-transition: opacity 0.8s linear;
  465. -o-transition: opacity 0.8s linear;
  466. -ms-transition: opacity 0.8s linear;
  467. opacity: 0.60;
  468. }
  469.  
  470. img:hover {
  471. -webkit-transition: opacity 0.8s linear;
  472. -moz-transition: opacity 0.8s linear;
  473. -o-transition: opacity 0.8s linear;
  474. -ms-transition: opacity 0.8s linear;
  475. opacity: 1;
  476. }
  477. {/block:IfFadedImages}
  478.  
  479. {block:IfMonochromeImages}
  480. img {
  481. -webkit-filter: grayscale(1);
  482. -webkit-transition: all 0.5s ease-in-out;
  483. -moz-transition: all 0.5s ease-in-out;
  484. -o-transition: all 0.5s ease-in-out;
  485. -ms-transition: all 0.5s ease-in-out;
  486. transition: all 0.5s ease-in-out;
  487. }
  488.  
  489. img:hover {
  490. filter: none;
  491. -webkit-filter: grayscale(0);
  492. -webkit-transition: all 0.3s ease-in-out;
  493. -moz-transition: all 0.3s ease-in-out;
  494. -o-transition: all 0.3s ease-in-out;
  495. }
  496. {/block:IfMonochromeImages}
  497.  
  498. /* Fix */
  499.  
  500. iframe, img, embed, object, video {
  501. max-width: 100%;
  502. border: none;
  503. }
  504.  
  505. input, textarea, select, a { outline: none; }
  506.  
  507. /*-- CREDIT --*/
  508.  
  509. #credit {
  510. position:fixed;
  511. top:9px;
  512. right:10px;
  513. width:25px;
  514. height:25px;
  515. z-index: 100000;
  516. }
  517.  
  518. #credit img {
  519. border: 1px solid {color:Borders};
  520. }
  521.  
  522. #credit img:hover {
  523. border: 1px solid {color:Hover};
  524. }
  525.  
  526. /*------------------------------- CONTAINER -----------------------------*/
  527.  
  528. #container {
  529. position:fixed;
  530. top:50%;
  531. left:50%;
  532. height:80vh;
  533. width:calc({select:Post width}px + 308px)!important;
  534. background:{color:Container background};
  535. background-image:url({image:Container background});
  536. {block:ifContainerBackgroundStretch}
  537. background-size:cover;
  538. {/block:ifContainerBackgroundStretch}
  539. border:1px solid {color:Borders};
  540. -webkit-box-shadow: 3px 3px 3px 0 rgba({select:Container box shadow}, 0.5);
  541. -moz-box-shadow: 3px 3px 3px 0 rgba({select:Container box shadow}, 0.5);
  542. box-shadow: 3px 3px 3px 0 rgba({select:Container box shadow}, 0.5);
  543. -webkit-transform: translateX(-50%) translateY(-50%);
  544. -moz-transform: translateX(-50%) translateY(-50%);
  545. -ms-transform: translateX(-50%) translateY(-50%);
  546. transform: translateX(-50%) translateY(-50%);
  547. }
  548.  
  549. /* -------- SIDEBAR ------- */
  550.  
  551. #sidebar{
  552. position:fixed;
  553. top:0px;
  554. left:0px;
  555. height:100%;
  556. width:230px;
  557. background:{color:Sidebar background};
  558. background-image:url({image:Sidebar background});
  559. {block:ifSidebarBackgroundStretch}
  560. background-size:cover;
  561. {/block:ifSidebarBackgroundStretch}
  562. border-right:1px solid {color:Borders};
  563. z-index:100;
  564. {block:IfSidebarPositionRight}
  565. margin-left:calc({select:Post width}px + 78px)!important;
  566. border-left:1px solid {color:Borders};
  567. border-right:none;
  568. {/block:IfSidebarPositionRight}
  569. }
  570.  
  571. /* Search box */
  572.  
  573. #search {
  574. position:fixed;
  575. text-align:center;
  576. margin-top:10px;
  577. margin-left:10px;
  578. color:{color:Search box text};
  579. background:{color:Search box background};
  580. {block:IfSidebarElementBackgroundTransparent}
  581. background:transparent;
  582. {/block:IfSidebarElementBackgroundTransparent}
  583. width:160px;
  584. height:32px;
  585. z-index:100;
  586. overflow:hidden;
  587. }
  588.  
  589. .search-icon{
  590. position:absolute;
  591. margin-left:5px;
  592. margin-top:6px;
  593. z-index:10000;
  594. }
  595.  
  596. .search-icon svg {
  597. color:{color:Sidebar icon};
  598. padding:2.5px;
  599. font-size:13px;
  600. }
  601.  
  602. input,
  603. input::-webkit-input-placeholder,
  604. input::-moz-placeholder,
  605. input:-ms-input-placeholder
  606. {
  607. font-size:40px;
  608. color:{color:Search box text};
  609. }
  610.  
  611. /*-- About box --*/
  612.  
  613. .open-about{
  614. position:absolute;
  615. margin-top:11px;
  616. margin-left:calc(100% - 30px);
  617. cursor:pointer;
  618. }
  619.  
  620. .open-about svg {
  621. position:fixed;
  622. display:inline-block;
  623. width:30px;
  624. height:30px;
  625. line-height:30px;
  626. font-size:15px;
  627. color:{color:Sidebar icon};
  628. vertical-align:middle;
  629. }
  630.  
  631. .open-about svg:hover {
  632. color:{color:Hover};
  633. }
  634.  
  635. #about {
  636. position:fixed;
  637. margin:-1px 0;
  638. width:230px;
  639. height:calc(100% + 2px);
  640. background:{color:About background};
  641. background-image:url({image:About background});
  642. {block:ifAboutBackgroundStretch}
  643. background-size:cover;
  644. {/block:ifAboutBackgroundStretch}
  645. z-index:1000;
  646. display:none;
  647. -webkit-transition: all .6s ease;
  648. -moz-transition: all .6s ease;
  649. -o-transition: all .6s ease;
  650. transition: all .6s ease;
  651. }
  652.  
  653. #about-panel {
  654. position:absolute;
  655. top:calc(50% - 10px);
  656. left:50%;
  657. width:80%;
  658. max-height:calc(100% - 80px);
  659. -webkit-transform: translateX(-50%) translateY(-50%);
  660. -moz-transform: translateX(-50%) translateY(-50%);
  661. -ms-transform: translateX(-50%) translateY(-50%);
  662. transform: translateX(-50%) translateY(-50%);
  663. }
  664.  
  665. /* Avatar */
  666.  
  667. #avatar {
  668. margin:0 auto;
  669. width:80px;
  670. height:80px;
  671. -webkit-transition: all .6s ease;
  672. -moz-transition: all .6s ease;
  673. -o-transition: all .6s ease;
  674. transition: all .6s ease;
  675. }
  676.  
  677. #avatar img {
  678. width:80px;
  679. height:80px;
  680. border-radius:80px;
  681. border:2px solid {color:Borders};
  682. }
  683.  
  684. #avatar img:hover{
  685. -ms-transform: rotate(360deg);
  686. -webkit-transform: rotate(360deg);
  687. transform: rotate(360deg);
  688. }
  689.  
  690. /* Description */
  691.  
  692. #description {
  693. color:{color:Description};
  694. margin-top:20px;
  695. margin-left:auto;
  696. margin-right:auto;
  697. max-height:330px;
  698. padding:0 10px;
  699. font-size:12px;
  700. line-height:20px;
  701. text-align:justify;
  702. overflow-y:auto;
  703. }
  704.  
  705. .close-about {
  706. position:absolute;
  707. bottom:45px;
  708. margin-left:calc(100% - 30px);
  709. cursor:pointer;
  710. }
  711.  
  712. .close-about svg {
  713. position:fixed;
  714. width:50px;
  715. height:46px;
  716. line-height:46px;
  717. font-size:15px;
  718. color:{color:Navigation icon};
  719. vertical-align:middle;
  720. }
  721.  
  722. .close-about svg:hover {
  723. color:{color:Hover};
  724. }
  725.  
  726. /* Blog title */
  727.  
  728. #blog-title {
  729. position:absolute;
  730. left:50%;
  731. top:50%;
  732. width:190px;
  733. height:auto;
  734. padding:10px 5px;
  735. line-height:25px;
  736. letter-spacing:2px;
  737. text-align:center;
  738. color:{color:Blog title};
  739. background:{color:Blog title background};
  740. {block:IfSidebarElementBackgroundTransparent}
  741. background:transparent;
  742. {/block:IfSidebarElementBackgroundTransparent}
  743. font-size:{select:Blog title font size};
  744. font-family:{select:Title font};
  745. border-top:1px solid {color:Borders};
  746. border-bottom:1px solid {color:Borders};
  747. -webkit-transform: translateX(-50%) translateY(-50%);
  748. -moz-transform: translateX(-50%) translateY(-50%);
  749. -ms-transform: translateX(-50%) translateY(-50%);
  750. transform: translateX(-50%) translateY(-50%);
  751. }
  752.  
  753. .blogtitle:hover{
  754. background:{color:Borders};
  755. color:{color:Hover};
  756. -webkit-transition: all .7s ease;
  757. -moz-transition: all .7s ease;
  758. -o-transition: all .7s ease;
  759. transition: all .7s ease;
  760. }
  761.  
  762. /*-- Navigation icons --*/
  763.  
  764. .open-icons {
  765. position:absolute;
  766. bottom:15px;
  767. margin-left:calc(100% - 30px);
  768. width:15px;
  769. height:15px;
  770. cursor:pointer;
  771. text-align:center;
  772. z-index:100;
  773. }
  774.  
  775. .open-icons svg {
  776. font-size:15px;
  777. color:{color:Sidebar icon};
  778. vertical-align:middle;
  779. }
  780.  
  781. .open-icons svg:hover {
  782. color:{color:Hover};
  783. }
  784.  
  785. .rotate svg{
  786. -webkit-transform: rotate(45deg);
  787. -ms-transform: rotate(45deg);
  788. transform: rotate(45deg);
  789. }
  790.  
  791. #icons {
  792. position:absolute;
  793. bottom:-35px;
  794. margin-left:calc(100% - 108px);
  795. width:150px;
  796. height:150px;
  797. text-align:center;
  798. border-radius:100px;
  799. display:none;
  800. }
  801.  
  802. #icons svg {
  803. padding:5px 7px;
  804. width:10px;
  805. border:1px solid {color:Borders};
  806. border-radius:20px;
  807. color:{color:Sidebar icon};
  808. background:{color:Sidebar icon background};
  809. {block:IfSidebarElementBackgroundTransparent}
  810. background:transparent;
  811. {/block:IfSidebarElementBackgroundTransparent}
  812. vertical-align:middle;
  813. -webkit-transition: all .6s ease;
  814. -moz-transition: all .6s ease;
  815. -o-transition: all .6s ease;
  816. transition: all .6s ease;
  817. }
  818.  
  819. #icons svg:hover {
  820. background:{color:Sidebar icon background};
  821. color:{color:Hover};
  822. }
  823.  
  824. .icon1{
  825. position:absolute;
  826. margin-left:2px;
  827. margin-top:80px;
  828. }
  829.  
  830. .icon2{
  831. position:absolute;
  832. margin-left:1px;
  833. margin-top:50px;
  834. }
  835.  
  836. .icon3{
  837. position:absolute;
  838. margin-left:14px;
  839. margin-top:21px;
  840. }
  841.  
  842. .icon4{
  843. position:absolute;
  844. margin-left:39px;
  845. margin-top:3px;
  846. }
  847.  
  848. .icon5{
  849. position:absolute;
  850. margin-left:70px;
  851. margin-top:0px;
  852. cursor:pointer;
  853. }
  854.  
  855. /*-- Navigation --*/
  856.  
  857. #navigation {
  858. position:fixed;
  859. margin:-1px 0;
  860. width:230px;
  861. height:calc(100% + 2px);
  862. background:{color:Navigation background};
  863. background-image:url({image:Navigation background});
  864. {block:ifNavigationBackgroundStretch}
  865. background-size:cover;
  866. {/block:ifNavigationBackgroundStretch}
  867. overflow:hidden;
  868. display:none;
  869. z-index:1000;
  870. -webkit-transition: all .6s ease;
  871. -moz-transition: all .6s ease;
  872. -o-transition: all .6s ease;
  873. transition: all .6s ease;
  874. }
  875.  
  876. #navigation-panel {
  877. position:absolute;
  878. top:calc(50% - 10px);
  879. left:50%;
  880. width:80%;
  881. max-height:calc(100% - 90px);
  882. padding:0px 10px;
  883. overflow-y:auto;
  884. -webkit-transform: translateX(-50%) translateY(-50%);
  885. -moz-transform: translateX(-50%) translateY(-50%);
  886. -ms-transform: translateX(-50%) translateY(-50%);
  887. transform: translateX(-50%) translateY(-50%);
  888. }
  889.  
  890. /* Navigation links */
  891.  
  892. #navigation-links a {
  893. display:block;
  894. margin-left:0px;
  895. margin-top:0px;
  896. width:100%;
  897. padding:2px;
  898. font-size:12px;
  899. line-height:25px;
  900. text-align:right;
  901. color:{color:Navigation link};
  902. border-bottom:1px solid {color:Borders};
  903. }
  904.  
  905. #navigation-links a:hover {
  906. background:{color:Borders};
  907. color:{color:Hover};
  908. padding:2px 5px;
  909. width:calc(100% - 6px);
  910. }
  911.  
  912. #navigation-links span {
  913. float:left;
  914. color:{color:Navigation icon};
  915. }
  916.  
  917. #navigation-links a:hover span {
  918. color:{color:Hover};
  919. }
  920.  
  921. /* Social links */
  922.  
  923. #social-links {
  924. margin-top:25px;
  925. margin-left:0px;
  926. width:100%;
  927. text-align:center;
  928. }
  929.  
  930. #social-links svg {
  931. display:inline-block;
  932. padding:4px;
  933. margin:3px;
  934. width:15px;
  935. height:15px;
  936. line-height:15px;
  937. text-align:center;
  938. color:{color:Navigation icon};
  939. border:1px solid {color:Borders};
  940. }
  941.  
  942. #social-links svg:hover {
  943. background:{color:Borders};
  944. color:{color:Hover};
  945. }
  946.  
  947. /* Tag links */
  948.  
  949. #tag-links {
  950. margin-top:15px;
  951. width:100%;
  952. text-align:center;
  953. }
  954.  
  955. #tag-links a {
  956. display:inline-block;
  957. margin:5px 4px;
  958. font-size:12px;
  959. color:{color:Navigation link};
  960. padding:3px 6px;
  961. border-bottom:1px solid {color:Borders};
  962. }
  963.  
  964. #tag-links a:hover {
  965. background:{color:Borders};
  966. color:{color:Hover};
  967. }
  968.  
  969. .close-navigation {
  970. position:absolute;
  971. bottom:55px;
  972. margin-left:calc(100% - 30px);
  973. cursor:pointer;
  974. }
  975.  
  976. .close-navigation svg {
  977. position:fixed;
  978. width:50px;
  979. height:46px;
  980. line-height:46px;
  981. font-size:15px;
  982. color:{color:Navigation icon};
  983. vertical-align:middle;
  984. }
  985.  
  986. .open-navigation svg:hover {
  987. color:{color:Hover};
  988. }
  989.  
  990.  
  991. /* ---------- POSTS AND ENTRIES ---------- */
  992.  
  993. #containerin {
  994. margin-top:0px;
  995. margin-left:230px;
  996. margin-right:auto;
  997. width: calc({select:Post width}px + 80px);
  998. height: 80vh;
  999. {block:IfSidebarPositionRight}
  1000. margin-left: 0;
  1001. {/block:IfSidebarPositionRight}
  1002. overflow: hidden;
  1003. overflow-y: auto;
  1004. }
  1005.  
  1006. #posts {
  1007. margin-top: 18px;
  1008. margin-left: auto;
  1009. margin-right: auto;
  1010. width: calc({select:Post width}px + 40px);
  1011. overflow: hidden;
  1012. }
  1013.  
  1014. .entry {
  1015. display: inline-block;
  1016. float: left;
  1017. margin: 18px;
  1018. width: {select:Post width}px;
  1019. height: auto;
  1020. overflow: hidden;
  1021. background: {color:Post background};
  1022. border: 1px solid{color:Borders};
  1023. border-radius: {text:Border radius};
  1024. overflow: hidden;
  1025. }
  1026.  
  1027. .entry img { max-width: 100%; }
  1028.  
  1029. .content {
  1030. margin: 0px;
  1031. padding: 10px;
  1032. background: {color:Post background};
  1033. }
  1034.  
  1035. /*--------------------------- RESPONSIVE DESIGN ---------------------------*/
  1036.  
  1037. @media only screen and (max-width: 720px) {
  1038.  
  1039. #container {
  1040. top:0;
  1041. left:0;
  1042. width:100vw!important;
  1043. height:100vh!important;
  1044. min-width:300px;
  1045. -webkit-transform: translateX(0%) translateY(0%);
  1046. -moz-transform: translateX(0%) translateY(0%);
  1047. -ms-transform: translateX(0%) translateY(0%);
  1048. transform: translateX(0%) translateY(0%);
  1049. overflow-y:auto!important;
  1050. }
  1051.  
  1052. #sidebar {
  1053. margin-left:0px!important;
  1054. width:100%;
  1055. min-width:300px;
  1056. height:30vh;
  1057. border-right:none;
  1058. border-right:none;
  1059. border-bottom:1px solid {color:Borders};
  1060. }
  1061.  
  1062. #about {
  1063. width:100%;
  1064. min-width:300px;
  1065. height:30vh;
  1066. }
  1067.  
  1068. #avatar {
  1069. float:left;
  1070. margin-top:20px;
  1071. margin-left:20px;
  1072. width:80px;
  1073. height:80px;
  1074. }
  1075.  
  1076. #description{
  1077. margin-top:10px;
  1078. max-height:160px;
  1079. width:calc(100% - 140px);
  1080. }
  1081.  
  1082. #navigation {
  1083. width:100%;
  1084. min-width:300px;
  1085. height:30vh;
  1086. }
  1087.  
  1088. #containerin {
  1089. margin:auto;
  1090. margin-top:200px;
  1091. width:100vw!important;
  1092. height:auto;
  1093. padding-bottom:20px;
  1094. overflow:hidden;
  1095. }
  1096.  
  1097. #credit {
  1098. bottom:9px;
  1099. top:auto;
  1100. }
  1101.  
  1102. iframe.tmblr-iframe {
  1103. bottom:-10px!important;
  1104. top:auto!important;
  1105. }
  1106.  
  1107. }
  1108. /* End media only screen 700 */
  1109.  
  1110. @media only screen and (max-width: 414px) {
  1111.  
  1112. #posts {
  1113. width:100vw;
  1114. margin-left:0px;
  1115. background:blue;
  1116. }
  1117.  
  1118. .entry {
  1119. width:calc(100vw - 46px);
  1120. }
  1121.  
  1122. #pagcon {
  1123. width:calc(100vw - 46px);
  1124. }
  1125.  
  1126. }
  1127. /* End media only screen 414 */
  1128. /* End responsive design */
  1129.  
  1130. /* Caption */
  1131.  
  1132. .comment {
  1133. padding:0px 10px;
  1134. padding-top:5px;
  1135. list-style:none;
  1136. border-bottom:1px solid {color:Borders};
  1137. }
  1138.  
  1139. .comment:last-of-type {
  1140. padding-bottom:0!important;
  1141. border-bottom:1px solid transparent;
  1142. }
  1143.  
  1144. /* -------- POSTS STYLES ------- */
  1145.  
  1146. /* Titles */
  1147.  
  1148. .title {
  1149. margin:10px;
  1150. margin-top:0px;
  1151. color:{color:Title};
  1152. font-family:{select:Title Font};
  1153. font-size:{select:Title font size};
  1154. line-height: -moz-calc({select:Title font size} + 3px);
  1155. line-height: -webkit-calc({select:Title font size} + 3px);
  1156. line-height: -o-calc({select:Title font size} + 3px);
  1157. line-height: calc({select:Title font size} + 3px);
  1158. }
  1159.  
  1160. .title a { color:{color:Title}; }
  1161.  
  1162. .title a:hover { color:{color:Link}; }
  1163.  
  1164. .tex li, .tex blockquote {
  1165. text-align:left;
  1166. }
  1167.  
  1168. /* Photoset posts */
  1169.  
  1170. .photo-slideshow {
  1171. margin-top:5px;
  1172. padding-top:5px;
  1173. }
  1174.  
  1175. /* Quote posts */
  1176.  
  1177. .quote {
  1178. margin: 10px;
  1179. padding: 5px;
  1180. font-family: {select:Title font};
  1181. font-size: {select:Title font size};
  1182. line-height: -moz-calc({select:Title font size} + 3px);
  1183. line-height: -webkit-calc({select:Title font size} + 3px);
  1184. line-height: -o-calc({select:Title font size} + 3px);
  1185. line-height: calc({select:Title font size} + 3px);
  1186. color: {color:Italic};
  1187. text-align: left;
  1188. letter-spacing: 2px;
  1189. }
  1190.  
  1191. .quote-source {
  1192. font-size: 12px;
  1193. line-height: 20px;
  1194. }
  1195.  
  1196. /* Link posts */
  1197.  
  1198. .linkthumb img {
  1199. width: 100%;
  1200. }
  1201.  
  1202. .linkp {
  1203. background: {color:Link post background};
  1204. padding:10px;
  1205. }
  1206.  
  1207. .linkp svg {
  1208. color: {color:Title};
  1209. }
  1210.  
  1211. /* Chat posts */
  1212.  
  1213. .line {
  1214. margin: 5px 10px;
  1215. line-height: 18px;
  1216. }
  1217.  
  1218. /* Ask Posts */
  1219.  
  1220. .asker {
  1221. margin: 5px;
  1222. margin-top: 10px;
  1223. width: -moz-calc(100% - 10px);
  1224. width: -webkit-calc(100% - 10px);
  1225. width: -o-calc(100% - 10px);
  1226. width: calc(100% - 10px);
  1227. height: auto;
  1228. }
  1229.  
  1230. .bubble {
  1231. width: -moz-calc(100% - 70px);
  1232. width: -webkit-calc(100% - 70px);
  1233. width: -o-calc(100% - 70px);
  1234. width: calc(100% - 70px);
  1235. height: auto;
  1236. min-height: 35px;
  1237. padding: 10px;
  1238. line-height: 20px;
  1239. background: {color:Ask bubble};
  1240. z-index: 10;
  1241. }
  1242.  
  1243. .triangle {
  1244. position: absolute;
  1245. margin-left: -moz-calc(100% - 90px);
  1246. margin-left: -webkit-calc(100% - 90px);
  1247. margin-left: -o-calc(100% - 90px);
  1248. margin-left: calc(100% - 90px);
  1249. width: 0;
  1250. z-index:0;
  1251. border-left: 8px solid {color:Ask bubble};
  1252. border-bottom: 8px solid transparent;
  1253. border-top: 8px solid transparent;
  1254. }
  1255.  
  1256. .asker img {
  1257. float: right;
  1258. margin-right: 0;
  1259. max-width: 30px;
  1260. border: 1.5px solid {color:Ask bubble};
  1261. border-radius: 2px;
  1262. z-index:1000;
  1263. opacity:1;
  1264. }
  1265.  
  1266. .asker a {
  1267. margin: 0;
  1268. }
  1269.  
  1270. .answer {
  1271. margin: 10px;
  1272. margin-bottom: 0;
  1273. }
  1274.  
  1275. /* ----------------------- POST INFO ----------------------------- */
  1276.  
  1277. .topinfo {
  1278. margin:0px;
  1279. width: -moz-calc(100% - 30px);
  1280. width: -webkit-calc(100% - 30px);
  1281. width: -o-calc(100% - 30px);
  1282. width: calc(100% - 30px);
  1283. height: 10px;
  1284. padding: 15px;
  1285. line-height: 15px;
  1286. background:{color:Post info background};
  1287. }
  1288.  
  1289. .topinfourl {
  1290. margin:0;
  1291. font-size: 12px;
  1292. }
  1293.  
  1294. /* Date */
  1295.  
  1296. .topinfod {
  1297. float: right;
  1298. margin-top:-15px;
  1299. font-size:12px;
  1300. }
  1301.  
  1302. /* Bottom info */
  1303.  
  1304. .botinfo {
  1305. width: -moz-calc(100% - 30px);
  1306. width: -webkit-calc(100% - 30px);
  1307. width: -o-calc(100% - 30px);
  1308. width: calc(100% - 30px);
  1309. height:auto;
  1310. min-height: 50px;
  1311. margin: 0px;
  1312. padding: 15px;
  1313. padding-top: 10px;
  1314. padding-bottom: 10px;
  1315. font-size: 12px;
  1316. line-height: 25px;
  1317. color: {color:Text};
  1318. background:{color:Post info background};
  1319. overflow:hidden;
  1320. }
  1321.  
  1322. .botinfo a {
  1323. margin-right: 25px;
  1324. color:{color:Post info};
  1325. }
  1326.  
  1327. .tags {
  1328. font-size: 13px;
  1329. {block:IndexPage}
  1330. {block:ifNotShowTags}
  1331. display: none;
  1332. {/block:ifNotShowTags}
  1333. {/block:IndexPage}
  1334. }
  1335.  
  1336. .tags a {
  1337. margin-right: 5px;
  1338. }
  1339.  
  1340. .notec {
  1341. float: left;
  1342. }
  1343.  
  1344. /* Butttons */
  1345.  
  1346. .buttons {
  1347. float:right;
  1348. margin-top:0px;
  1349. margin-right:-5px;
  1350. width:77px;
  1351. height:26px;
  1352. line-height:26px;
  1353. z-index:100;
  1354. list-style:none;
  1355. {block:ifDisqusShortname}
  1356. width: 103px;
  1357. {/block:ifDisqusShortname}
  1358. {block:PermalinkPage}
  1359. width:52px;
  1360. {/block:PermalinkPage}
  1361. }
  1362.  
  1363. .buttons li {
  1364. display:inline-block;
  1365. margin:0;
  1366. margin-left:2px;
  1367. margin-right:0;
  1368. width:20px;
  1369. height:26px;
  1370. padding:0px;
  1371. text-align:center;
  1372. }
  1373.  
  1374. .perma svg {
  1375. font-size:13px;
  1376. color:{color:Buttons};
  1377. }
  1378.  
  1379. .cmnt svg {
  1380. font-size:15px;
  1381. color:{color:Buttons};
  1382. }
  1383.  
  1384. .reblog svg {
  1385. font-size:17px;
  1386. color:{color:Buttons};
  1387. }
  1388.  
  1389. .like .like_button {
  1390. position:absolute;
  1391. width:100%;
  1392. height:100%;
  1393. }
  1394.  
  1395. .like .like_button iframe {
  1396. position:absolute;
  1397. top:0;
  1398. bottom:0;
  1399. left:0;
  1400. right:0;
  1401. width:100%;
  1402. height:100%;
  1403. z-index:10;
  1404. opacity:0.0000001;
  1405. }
  1406.  
  1407. .like svg {
  1408. font-size:15px;
  1409. color:{color:Buttons};
  1410. }
  1411.  
  1412. .like .liked + svg {
  1413. font-size:14px;
  1414. color:#D95E40;
  1415. }
  1416.  
  1417.  
  1418. /* Permalink pagination */
  1419.  
  1420. .permapag {
  1421. margin-top: 15px;
  1422. margin-left: 0;
  1423. }
  1424.  
  1425. .permapag a{
  1426. font-size:15px;
  1427. margin:10px;
  1428. margin-top: 20px;
  1429. padding:5px;
  1430. color:{color:Link};
  1431. }
  1432.  
  1433. /* Post notes */
  1434.  
  1435. .open-pnotes {
  1436. margin:10px;
  1437. width:150px;
  1438. color: {color:Text};
  1439. text-align:left;
  1440. cursor: pointer;
  1441. padding: 5px 10px;
  1442. border-bottom: 1.5px solid {color:Borders};
  1443. font-size: 15px;
  1444. }
  1445.  
  1446. .open-pnotes:hover {
  1447. color: {color:Hover};
  1448. background:{color:Post info background};
  1449. }
  1450.  
  1451. #notes {
  1452. margin: 10px;
  1453. width: 500px;
  1454. font-size: 13px;
  1455. color: {color:Text};
  1456. display:none;
  1457. }
  1458.  
  1459. ol.notes {
  1460. padding: 0;
  1461. margin: 5px 0;
  1462. list-style-type: none;
  1463. }
  1464.  
  1465. ol.notes li.note {
  1466. padding: 5px;
  1467. }
  1468.  
  1469. ol.notes li.note img.avatar {
  1470. float:left;
  1471. vertical-align: -5px;
  1472. width: 15px;
  1473. height: 15px;
  1474. margin-left:10px;
  1475. margin-right:10px;
  1476. }
  1477.  
  1478. li.more_notes_link_container {
  1479. text-transform: uppercase;
  1480. font-size: 13px;
  1481. }
  1482.  
  1483. /* Disqus box */
  1484.  
  1485. #disqusbox {
  1486. padding:15px;
  1487. }
  1488.  
  1489. /* ------------------- PAGINATION AND INFINITE SCROLL -------------------- */
  1490.  
  1491. #pagcon {
  1492. margin-top:10px;
  1493. margin-left:auto;
  1494. margin-right:auto;
  1495. width:calc({select:Post width}px + 40px)!important;
  1496. height:40px;
  1497. text-align: center;
  1498. z-index:100;
  1499. }
  1500.  
  1501. /* Pagination */
  1502.  
  1503. #pagination {
  1504. width:100%;
  1505. height:40px;
  1506. {block:ifInfiniteScroll}
  1507. display: none;
  1508. {/block:ifInfiniteScroll}
  1509. }
  1510.  
  1511. .previous, .next, .load-more, .jump_page, .current_page {
  1512. display:inline-block;
  1513. margin:5px;
  1514. color:{color:Pagination};
  1515. width:25px;
  1516. height:25px;
  1517. line-height:25px;
  1518. font-size:calc({select:Body font size} + 5px);
  1519. text-align:center;
  1520. }
  1521.  
  1522. #pagination a {
  1523. color:{color:Pagination};
  1524. vertical-align:middle;
  1525. height:25px;
  1526. line-height:25px;
  1527. }
  1528.  
  1529. #pagination svg {
  1530. display:inline;
  1531. color:{color:Pagination};
  1532. }
  1533.  
  1534. #pagination a:hover, #pagination a:hover svg {
  1535. color:{color:Hover};
  1536. }
  1537.  
  1538. /* INFINITE SCROLL */
  1539.  
  1540. #infscr-loading {
  1541. display:none!important;
  1542. }
  1543.  
  1544. #iscon{
  1545. width: 100%;
  1546. height: 35px;
  1547. z-index: 10000;
  1548. }
  1549.  
  1550. {block:ifLoadMore}
  1551. .load-more{
  1552. width:400px;
  1553. height:35px;
  1554. font-size:{select:Body font size};
  1555. }
  1556. {/block:ifLoadMore}
  1557.  
  1558. /* --------------------------- Custom CSS -------------------------- */
  1559.  
  1560. {CustomCSS}
  1561.  
  1562. </style>
  1563.  
  1564. <meta charset="utf-8">
  1565. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1566. {block:Description}
  1567. <meta name="description" content="{MetaDescription}" />
  1568. {/block:Description}
  1569.  
  1570. </head>
  1571.  
  1572. <!------------------------------ HTML ------------------------------->
  1573.  
  1574. <body>
  1575.  
  1576. <div id="container">
  1577.  
  1578. <div id="sidebar">
  1579.  
  1580. {block:IfShowSearchBox}
  1581. <div id="search">
  1582. <div class="search-icon">
  1583. <i class="fa fa-search fa"></i>
  1584. </div>
  1585. <form action="/search" method="get">
  1586. <input type="text" name="q" placeholder="Search" value="" style="margin-top:5px; margin-left:15px; width:110px; padding-left:10px; height:19px; border:1px solid transparent; background:transparent; color:{color:Search box text}; font-size: 12px;"/>
  1587. </form>
  1588. </div>
  1589. {/block:IfShowSearchBox}
  1590. <!-- End search -->
  1591.  
  1592. {block:IfShowAbout}
  1593. <div class="open-about"><i class="fas fa-user"></i></div>
  1594.  
  1595. <div id="about">
  1596.  
  1597. <div id="about-panel">
  1598.  
  1599. {block:IfShowAvatar}
  1600. <div id="avatar">
  1601. <a href="/"><img src="{image:Avatar}"></a>
  1602. </div>
  1603. {/block:IfShowAvatar}
  1604.  
  1605. {block:IfShowDescription}
  1606. <div id="description">{Description}</div>
  1607. {/block:IfShowDescription}
  1608.  
  1609. </div>
  1610. <!-- End about-panel -->
  1611.  
  1612. <div class="close-about"><i class="fa fa-arrow-right"></i></div>
  1613.  
  1614. </div>
  1615. <!-- End about -->
  1616. {/block:IfShowAbout}
  1617.  
  1618. {block:IfShowBlogtitle}
  1619. <div id="blog-title">{Title}</div>
  1620. {/block:IfShowBlogtitle}
  1621.  
  1622. {block:IfShowNavigationIcons}
  1623.  
  1624. <div class="open-icons"><i class="fas fa-plus"></i></div>
  1625.  
  1626. <div id="icons">
  1627.  
  1628. <div class="icon1"><a href="/" title="Index"><i class="fas fa-home"></i></a></div>
  1629. {block:ifAskEnabled}
  1630. <div class="icon2"><a href="/ask" title="Ask"><i class="far fa-envelope"></i></a></div>
  1631. {/block:ifAskEnabled}
  1632. {block:ifSubmissionsEnabled}
  1633. <div class="icon3"><a href="/submit" title="Submit"><i class="far fa-edit"></i></a></div>
  1634. {/block:ifSubmissionsEnabled}
  1635. <div class="icon4"><a href="/archive" title="Archive"><i class="fas fa-history"></i></a></div>
  1636.  
  1637. {block:IfShowNavigation}
  1638. <div class="icon5"><i class="fas fa-list"></i></div>
  1639. {/block:IfShowNavigation}
  1640.  
  1641. </div>
  1642. {/block:IfShowNavigationIcons}
  1643.  
  1644. {block:IfShowNavigation}
  1645. <div id="navigation">
  1646.  
  1647. <div id="navigation-panel">
  1648.  
  1649. <div id="navigation-links">
  1650. {block:IfShowLinkOne}<a href="{text:Link One Url}"><span>01</span> {text:Link One Title}</a>{/block:IfShowLinkOne}
  1651. {block:IfShowLinkTwo}<a href="{text:Link Two Url}"><span>02</span> {text:Link Two Title}</a>{/block:IfShowLinkTwo}
  1652. {block:IfShowLinkThree}<a href="{text:Link Three Url}"><span>03</span> {text:Link Three Title}</a>{/block:IfShowLinkThree}
  1653. {block:IfShowLinkFour}<a href="{text:Link Four Url}"><span>04</span> {text:Link Four Title}</a>{/block:IfShowLinkFour}
  1654. {block:IfShowLinkFive}<a href="{text:Link Five Url}"><span>05</span> {text:Link Five Title}</a>{/block:IfShowLinkFive}
  1655. </div>
  1656. <!-- End navigation-links -->
  1657.  
  1658. <div id="social-links">
  1659. {block:IfFacebook}<a href="{text:Facebook url}" target = "_blank"><i class="fab fa-facebook-f"></i></a>{/block:IfFacebook}
  1660. {block:IfTwitter}<a href="{text:Twitter url}"><i class="fab fa-twitter"></i></a>{/block:IfTwitter}
  1661. {block:IfInstagram}<a href="{text:Instagram url}"><i class="fab fa-instagram"></i></a>{/block:IfInstagram}
  1662. {block:IfFlickr}<a href="{text:Flickr url}"><i class="fab fa-flickr"></i></a>{/block:IfFlickr}
  1663. {block:IfDeviantart}<a href="{text:Deviantart url}"><i class="fab fa-deviantart"></i></a>{/block:IfDeviantart}
  1664. </div>
  1665. <!-- End social-links -->
  1666.  
  1667. <div id="tag-links">
  1668. {block:IfShowTagOne}<a href="{text:Tag One Url}">#{text:Tag One Title}</a>{/block:IfShowTagOne}
  1669. {block:IfShowTagTwo}<a href="{text:Tag Two Url}">#{text:Tag Two Title}</a>{/block:IfShowTagTwo}
  1670. {block:IfShowTagThree}<a href="{text:Tag Three Url}">#{text:Tag Three Title}</a>{/block:IfShowTagThree}
  1671. {block:IfShowTagFour}<a href="{text:Tag Four Url}">#{text:Tag Four Title}</a>{/block:IfShowTagFour}
  1672. {block:IfShowTagFive}<a href="{text:Tag Five Url}">#{text:Tag Five Title}</a>{/block:IfShowTagFive}
  1673. {block:IfShowTagSix}<a href="{text:Tag Six Url}">#{text:Tag Six Title}</a>{/block:IfShowTagSix}
  1674. </div>
  1675. <!-- End tag-links -->
  1676.  
  1677. </div>
  1678. <!-- End navigation-panel -->
  1679.  
  1680. <div class="close-navigation"><i class="fa fa-arrow-right"></i></div>
  1681.  
  1682. </div>
  1683. <!-- End navigation -->
  1684. {/block:IfShowNavigation}
  1685.  
  1686. </div>
  1687. <!-- End sidebar -->
  1688.  
  1689. <div id="containerin">
  1690.  
  1691. <!-- Posts -->
  1692. <section id="posts">
  1693.  
  1694. {block:posts}
  1695.  
  1696. <article class="entry {block:Caption}captioned{/block:Caption}">
  1697.  
  1698. {block:Date}
  1699.  
  1700. <div class="topinfo">
  1701.  
  1702. <div class="topinfourl">
  1703. {block:RebloggedFrom}
  1704. <a href="/"> {text:Blog alias}</a>
  1705. <i class="fas fa-retweet"></i>
  1706. <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a>
  1707. {/block:RebloggedFrom}
  1708.  
  1709. {block:NotReblog}
  1710. <a href="/">{text:Blog alias}</a>
  1711. {/block:NotReblog}
  1712. </div>
  1713. <!-- End topinfourl-->
  1714.  
  1715. <div class="topinfod"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {ShortMonth} {DayOfMonthWithZero} </a></div>
  1716.  
  1717. </div>
  1718. <!-- End topinfo-->
  1719.  
  1720. {/block:Date}
  1721.  
  1722. <!-- Text post -->
  1723. {block:Text}
  1724. <div class="content">
  1725. {block:Title}
  1726. <div class="title">{Title}</div>{/block:Title}
  1727. {block:RebloggedFrom}
  1728. {block:Reblogs}
  1729. <li class="comment {block:Title}{/block:Title}">
  1730. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1731. <div class="tex">{body}</div>
  1732. </li>
  1733. {/block:Reblogs}
  1734. {/block:RebloggedFrom}
  1735. {block:NotReblog}
  1736. <li class="comment {block:Title}{/block:Title}">
  1737. <div class="tex">{Body}</div>
  1738. </li>
  1739. {/block:NotReblog}
  1740. </div>
  1741. <!-- End content -->
  1742. {/block:Text}
  1743.  
  1744. <!-- Photo post -->
  1745. {block:Photo}
  1746. {LinkOpenTag}
  1747. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1748. {LinkCloseTag}
  1749. {/block:Photo}
  1750.  
  1751. <!-- Photoset post -->
  1752. {block:Photoset}
  1753. <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>
  1754. {/block:Photoset}
  1755.  
  1756. <!-- Panorama post -->
  1757. {block:Panorama}
  1758. {LinkOpenTag}
  1759. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1760. {LinkCloseTag}
  1761. {/block:Panorama}
  1762.  
  1763. <!-- Quote post -->
  1764. {block:Quote}
  1765. <div class="content">
  1766. <div class="quote">
  1767. "{Quote}"
  1768. </div>
  1769. <!-- End quote-->
  1770. <div class="quote-source">
  1771. — {Source}
  1772. </div>
  1773. <!-- End source-->
  1774. </div>
  1775. <!-- End content -->
  1776. {/block:Quote}
  1777.  
  1778. <!-- Link post -->
  1779. {block:Link}
  1780. {block:Thumbnail}
  1781. <div class="linkthumb">
  1782. <img src="{Thumbnail}" alt="{Name}">
  1783. </div>
  1784. <!-- End linkthumb-->
  1785. {/block:Thumbnail}
  1786. <div class="linkp">
  1787. <a href="{URL}"><h2>{Name} <i class="fa fa-angle-right" aria-hidden="true"></i></h2></a>
  1788. {block:Description}
  1789. {Description}
  1790. {/block:Description}
  1791. </div>
  1792. <!-- End linkp-->
  1793. {/block:Link}
  1794.  
  1795. <!-- Chat post -->
  1796. {block:Chat}
  1797. <div class="content">
  1798. {block:Title}<h1>{Title}</h1>{/block:Title}
  1799. {block:Lines}
  1800. <div class="line">
  1801. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1802. </div>
  1803. <!-- End line-->
  1804. {/block:Lines}
  1805. </div>
  1806. <!-- End content -->
  1807. {/block:Chat}
  1808.  
  1809. <!-- Audio post -->
  1810. {block:Audio}
  1811. <div style="height:85px">{AudioEmbed-640}</div>
  1812. {/block:Audio}
  1813.  
  1814. <!-- Video post -->
  1815. {block:Video}
  1816. {Video-500}
  1817. {/block:Video}
  1818.  
  1819. <!-- Ask post -->
  1820. {block:Answer}
  1821. <div class="content">
  1822. <div class="asker">
  1823. <img src="{AskerPortraitURL-48}">
  1824. <div class="bubble">
  1825. <div class="triangle"></div>
  1826. {Asker}
  1827. <br> {Question}
  1828. </div>
  1829. <!-- End bubble-->
  1830. </div>
  1831. <!-- End asker -->
  1832. <div class="answer">
  1833. {Answer}
  1834. </div>
  1835. <!-- End answer -->
  1836. </div>
  1837. <!-- End content -->
  1838. {/block:Answer}
  1839.  
  1840. <!-- Caption -->
  1841. {block:Caption}
  1842. {block:Reblogs}
  1843. <li class="comment">
  1844. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} } class="user" target="_blank">{Username}</a>
  1845. <div class="tex">{Body}</div>
  1846. </li>
  1847. {/block:Reblogs}
  1848. {block:NotReblog}
  1849. <li class="comment">
  1850. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Name}</a>
  1851. <div class="tex">{Caption}</div>
  1852. </li>
  1853. {/block:NotReblog}
  1854. {/block:Caption}
  1855.  
  1856. {block:Date}
  1857.  
  1858. <div class="botinfo">
  1859.  
  1860. {block:RebloggedFrom}
  1861. {block:ContentSource}
  1862. Source: <a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a><br>
  1863. {/block:ContentSource}
  1864. {/block:RebloggedFrom}
  1865.  
  1866. {block:HasTags}
  1867. <div class="tags">
  1868. {block:Tags}
  1869. <a href="{TagURL}">
  1870. #{Tag}</a> &nbsp;
  1871. {/block:Tags}<br>
  1872. </div>
  1873. {/block:HasTags}
  1874.  
  1875. {block:NoteCount}
  1876. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1877. {/block:NoteCount}
  1878.  
  1879. <div class="buttons">
  1880.  
  1881. {block:IndexPage}
  1882. <li class="perma"><a href="{Permalink}"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
  1883.  
  1884. {block:ifDisqusShortname}
  1885. <li class="cmnt"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>
  1886. {/block:ifDisqusShortname}
  1887. {/block:IndexPage}
  1888.  
  1889. <li class="reblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>
  1890.  
  1891. <li class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>
  1892.  
  1893. </div>
  1894. <!-- End buttons -->
  1895.  
  1896. </div>
  1897. <!-- End botinfo-->
  1898.  
  1899. <!--Permalink page-->
  1900. {block:PermalinkPage}
  1901.  
  1902. {block:PostNotes}
  1903.  
  1904. <div class="open-pnotes">Show/hide post notes</div>
  1905.  
  1906. <div id="notes">
  1907. {PostNotes}
  1908. </div>
  1909. <!-- End notes-->
  1910. {/block:PostNotes}
  1911.  
  1912. {block:PermalinkPagination}
  1913. <div class="permapag">
  1914. <center>
  1915. {block:PreviousPost}
  1916. <a href="{PreviousPost}"><i class="fa fa-angle-double-left" aria-hidden="true"></i> Prev post</a>
  1917. {/block:PreviousPost}
  1918.  
  1919. {block:NextPost}
  1920. <a href="{NextPost}"> Next post <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
  1921. {/block:NextPost}
  1922. </center>
  1923. </div><br>
  1924. {/block:PermalinkPagination}
  1925.  
  1926. {block:ifDisqusShortname}
  1927. <div id="disqusbox">
  1928.  
  1929. <div id="disqus_thread"></div>
  1930. <script type="text/javascript">
  1931. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1932. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1933. var disqus_url = '{Permalink}';
  1934.  
  1935. /* * * DON'T EDIT BELOW THIS LINE * * */
  1936. (function() {
  1937. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1938. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1939. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1940. })();
  1941. </script>
  1942. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1943. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1944.  
  1945. </div>
  1946. <!-- End disqus box-->
  1947. {/block:ifDisqusShortname}
  1948.  
  1949. {/block:PermalinkPage}
  1950.  
  1951. {/block:Date}
  1952.  
  1953. </article>
  1954.  
  1955. {/block:Posts}
  1956.  
  1957. </section>
  1958.  
  1959. {block:Pagination}
  1960.  
  1961. <div id="pagcon">
  1962.  
  1963. <div id="pagination">
  1964. {block:PreviousPage}
  1965. <a class="previous" href="{PreviousPage}"><i class="fas fa-caret-left"></i></a>
  1966. {/block:PreviousPage}
  1967.  
  1968. {block:JumpPagination length="5"}
  1969. {block:CurrentPage}<a class="current_page"><i class="fas fa-times"></i></a>{/block:CurrentPage}
  1970. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1971.  
  1972. {block:NextPage}
  1973. <a class="next" href="{NextPage}"><i class="fas fa-caret-right"></i></a>
  1974. {/block:NextPage}
  1975. </div>
  1976. <!--End pagination-->
  1977.  
  1978. <div id="iscon">
  1979. {block:ifLoadMore}
  1980.  
  1981. <a href="#" class="load-more"> LOAD MORE <i class="fas fa-caret-down"></i></a>
  1982. {/block:ifLoadMore}
  1983. </div>
  1984.  
  1985. </div>
  1986. <!--End pagcon-->
  1987.  
  1988. {/block:Pagination}
  1989.  
  1990. </div>
  1991. <!-- End containerin -->
  1992.  
  1993. </div>
  1994. <!-- End container -->
  1995.  
  1996. <!-- No via and source in captions -->
  1997.  
  1998. {block:ContentSource}
  1999. <!-- {SourceURL}
  2000. {block:SourceLogo}
  2001. <img src="{BlackLogoURL}" alt="{SourceTitle}" />
  2002. {/block:SourceLogo}
  2003. {block:NoSourceLogo}
  2004. {SourceLink}
  2005. {/block:NoSourceLogo} -->
  2006. {/block:ContentSource}
  2007. {block:RebloggedFrom}
  2008. <!-- {ReblogParentName} -->
  2009. {/block:RebloggedFrom}
  2010.  
  2011. <!-------------------------------- SCRIPTS -------------------------------->
  2012.  
  2013. <!--Google fonts -->
  2014.  
  2015. <link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Open+Sans|Roboto|Bigshot+One|Montserrat" rel="stylesheet">
  2016.  
  2017. <!-- Font awesome -->
  2018.  
  2019. <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
  2020.  
  2021. <script>
  2022. $(document).ready(function(){
  2023.  
  2024. $(".open-about").click(function(){
  2025. $("#about").fadeIn(10);
  2026. $("#icons").fadeOut(10);
  2027. $(".open-icons").removeClass( "rotate" );
  2028. });
  2029.  
  2030. $(".close-about").click(function(){
  2031. $("#about").fadeOut(10);
  2032. });
  2033.  
  2034. $(".open-icons").click(function(){
  2035. $(".open-icons").toggleClass( "rotate" );
  2036. $("#icons").toggle(10);
  2037. });
  2038.  
  2039. $(".icon5").click(function(){
  2040. $("#navigation").fadeIn(10);
  2041. });
  2042.  
  2043. $(".close-navigation").click(function(){
  2044. $("#navigation").fadeOut(10);
  2045. });
  2046.  
  2047. $(".open-pnotes").click(function(){
  2048. $("#notes").toggle(500);
  2049. });
  2050.  
  2051. });
  2052. </script>
  2053.  
  2054.  
  2055. <!-- PXU photoset & responsive photosets -->
  2056.  
  2057. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2058. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2059. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  2060.  
  2061. {block:IndexPage}
  2062.  
  2063. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  2064.  
  2065. {block:ifInfiniteScroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  2066. {/block:ifInfiniteScroll}
  2067.  
  2068. {/block:IndexPage}
  2069.  
  2070. <script>
  2071. $(document).ready(function(){
  2072. $('.photo-slideshow').pxuPhotoset({
  2073. lightbox: true,
  2074. rounded: false,
  2075. gutter: '1px',
  2076. photoset: '.photo-slideshow',
  2077. photoWrap: '.photo-data',
  2078. photo: '.pxu-photo'
  2079. });
  2080. {block:IndexPage}
  2081. var $container = $('section');
  2082. $container.masonry({ itemSelector: 'article' });
  2083. $container.imagesLoaded(function(){
  2084. $container.masonry();
  2085. $container.find('article').animate({ opacity: 1, zIndex: 1 });
  2086. });
  2087. {block:ifInfiniteScroll}
  2088. $container.infinitescroll({
  2089. itemSelector: 'article',
  2090. navSelector: '.pagination',
  2091. nextSelector: '.next',
  2092. loadingImg: '',
  2093. loadingText: '<em></em>',
  2094. bufferPx: 2000
  2095. },
  2096. function( newElements ) {
  2097. var $newElems = $( newElements );
  2098. $newElems.find('.photo-slideshow').pxuPhotoset({
  2099. lightbox: true,
  2100. rounded: false,
  2101. gutter: '1px',
  2102. photoset: '.photo-slideshow',
  2103. photoWrap: '.photo-data',
  2104. photo: '.pxu-photo'
  2105. },
  2106. function(){
  2107. $container.masonry();
  2108. });
  2109. $newElems.imagesLoaded(function(){
  2110. $container.masonry( 'appended', $newElems );
  2111. $newElems.animate({ opacity: 1, zIndex: 1 });
  2112. });
  2113. });
  2114. {/block:ifInfiniteScroll}
  2115. $container.infinitescroll({
  2116. itemSelector: "article",
  2117. navSelector: "#pagination",
  2118. nextSelector: ".next",
  2119. loadingImg: "",
  2120. loadingText: "<em></em>",
  2121. bufferPx: 10000,
  2122. extraScrollPx: 12000,
  2123. errorCallback: function() {
  2124. $('.load-more').fadeOut();
  2125. }
  2126. }, function(newElements) {
  2127. var $newElems = $(newElements).css({
  2128. opacity: 0
  2129. });
  2130. $newElems.imagesLoaded(function() {
  2131. $newElems.animate({
  2132. opacity: 1
  2133. });
  2134. $container.masonry('appended', $newElems,
  2135. true);
  2136. });
  2137. });
  2138. {block:ifLoadMore}
  2139. $(window).unbind('.infscr');
  2140. $('.load-more').click(function() {
  2141. $container.infinitescroll('retrieve');
  2142. return false
  2143. });
  2144. {/block:ifLoadMore}
  2145. {/block:IndexPage}
  2146. });
  2147. </script>
  2148.  
  2149. <!-- CREDIT (do not remove) -->
  2150.  
  2151. <div id="credit"><a href="http://borntobewildcodes.tumblr.com" title="theme CLEAN by @borntobewildcodes"><img src="https://i.imgur.com/YsnOAtA.png"></a></div>
  2152.  
  2153. {block:ContentSource}
  2154. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2155. width="{LogoWidth}" height= "{LogoHeight}" alt="{SourceTitle}" />
  2156. {/block:SourceLogo}
  2157. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2158. {/block:ContentSource}
  2159. </body>
  2160. </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!