API tools faq
paste
Advertisement
feiinho

Copycat - adorablethemes.com

feiinho
May 16th, 2019
864
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 58.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. theme: Copycat
  7. version: 3.1.2 (April 28, 2019)
  8. from: adorablethemes.com
  9.  
  10.  
  11. credits:
  12.  
  13. Font Awesome 4.7.0 (fontawesome.com)
  14. imagesLoaded 4.1.4 (imagesloaded.desandro.com)
  15. Infinite Scroll 2.0.2 (infinite-scroll.com)
  16. jQuery 3.3.1 (jquery.com)
  17. Masonry 4.2.2 (masonry.desandro.com)
  18.  
  19. -->
  20. <meta charset="UTF-8">
  21.  
  22. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  23. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="apple-touch-icon" href="{PortraitURL-512}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  30. <meta name="theme-color" content="{color:Header}">
  31.  
  32. {block:Hidden}
  33. <meta name="image:Background" content="">
  34. <meta name="image:Header" content="">
  35.  
  36. <meta name="select:Max Columns" content="3col" title="3 columns">
  37. <meta name="select:Max Columns" content="4col" title="4 columns">
  38. <meta name="select:Max Columns" content="5col" title="5 columns">
  39.  
  40. <meta name="select:Title Font" content="Montserrat" title="Montserrat">
  41. <meta name="select:Title Font" content="Raleway" title="Raleway">
  42. <meta name="select:Title Font" content="Oswald" title="Oswald">
  43. <meta name="select:Title Font" content="Lobster" title="Lobster">
  44. <meta name="select:Title Font" content="Rokkitt" title="Rokkitt">
  45. <meta name="select:Title Font" content="Domine" title="Domine">
  46. <meta name="select:Title Font" content="Oxygen" title="Oxygen">
  47. <meta name="select:Title Font" content="Titillium Web" title="Titillium Web">
  48. <meta name="select:Title Font" content="Pacifico" title="Pacifico">
  49.  
  50. <meta name="select:Post Body Font" content="sans-serif" title="sans-serif">
  51. <meta name="select:Post Body Font" content="serif" title="serif">
  52. <meta name="select:Post Body Font" content="monospace" title="monospace">
  53.  
  54. <meta name="select:Background Image Style" content="tile" title="tile">
  55. <meta name="select:Background Image Style" content="cover" title="cover">
  56. <meta name="select:Background Image Style" content="center" title="center">
  57.  
  58. <meta name="select:Header Image Style" content="cover" title="cover">
  59. <meta name="select:Header Image Style" content="tile" title="tile">
  60. <meta name="select:Header Image Style" content="center" title="center">
  61.  
  62. <meta name="color:Background" content="#f6f6f6">
  63. <meta name="color:Sidebar" content="#111111">
  64. <meta name="color:Sidebar Text" content="#f6f6f6">
  65. <meta name="color:Header" content="#222222">
  66. <meta name="color:Header Link Bar" content="#111111">
  67. <meta name="color:Header Links" content="#ffffff">
  68. <meta name="color:Title" content="#ffffff">
  69. <meta name="color:Description" content="#888888">
  70. <meta name="color:Post Background" content="#ffffff">
  71. <meta name="color:Post Text" content="#000000">
  72. <meta name="color:Post Links" content="#666666">
  73.  
  74. <meta name="text:Copyright Text" content="">
  75. <meta name="text:Header Height" content="250">
  76. <meta name="text:Header Opacity" content="1.0">
  77. <meta name="text:Post Opacity" content="1.0">
  78.  
  79. <meta name="text:Facebook Username" content="">
  80. <meta name="text:Twitter Username" content="">
  81. <meta name="text:Instagram Username" content="">
  82. <meta name="text:Pinterest Username" content="">
  83. <meta name="text:SoundCloud Username" content="">
  84. <meta name="text:Twitch Username" content="">
  85. <meta name="text:Vine Username" content="">
  86. <meta name="text:YouTube Username" content="">
  87. <meta name="text:Store URL" content="">
  88.  
  89. <meta name="text:Disqus Shortname" content="">
  90. <meta name="text:Google Analytics ID" content="">
  91. <meta name="text:Custom Ask Page Text" content="">
  92.  
  93. <meta name="if:Show Title" content="1">
  94. <meta name="if:Show Description" content="0">
  95. <meta name="if:Show Archive Link" content="1">
  96. <meta name="if:Show Random Link" content="0">
  97. <meta name="if:Show Liked Posts Link" content="0">
  98. <meta name="if:Show Search Box" content="1">
  99. <meta name="if:Show Header Navbar" content="1">
  100. <meta name="if:Index Photo Captions" content="0">
  101. <meta name="if:Index Video Captions" content="1">
  102. <meta name="if:Infinite Scrolling" content="1">
  103. <meta name="if:Use Real Dates" content="1">
  104. <meta name="if:Photoset Only First" content="1">
  105. <meta name="if:Colorize Social Links" content="0">
  106. <meta name="if:Rounded Corners" content="1">
  107. {/block:Hidden}
  108.  
  109. <!--[if lt IE 9]><script src="//static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script><![endif]-->
  110.  
  111. {block:IfShowTitle}<link href="//fonts.googleapis.com/css?family={select:Title Font}" rel="stylesheet" type="text/css">{/block:IfShowTitle}
  112.  
  113. <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  114.  
  115. <style type="text/css">
  116. body {
  117. color: {color:Post Text};
  118. background-color: {color:Background};
  119. {block:IfBackgroundImage}background-image: url('{image:Background}');{/block:IfBackgroundImage}
  120. background-position: center center;
  121. background-attachment: fixed;
  122. font-family: Helvetica, Arial, sans-serif;
  123. margin: 0;
  124. padding: 0;
  125. }
  126.  
  127. #posts {
  128. margin-bottom: 80px;
  129. -webkit-transition: opacity 0.1s linear;
  130. transition: opacity 0.1s linear;
  131. }
  132. .wrapper {
  133. margin: 16px auto;
  134. }
  135. .main {
  136. float: left;
  137. }
  138. .layout-3col .wrapper, .layout-3col .main {
  139. width: 798px;
  140. }
  141.  
  142. .layout-4col .wrapper, .layout-4col .main {
  143. width: 1064px;
  144. }
  145.  
  146. .layout-5col .wrapper, .layout-5col .main {
  147. width: 1330px;
  148. }
  149.  
  150. /* Background and header image settings */
  151. .background-cover {
  152. background-position: center center;
  153. background-size: cover;
  154. }
  155. .background-tile {
  156. background-repeat: repeat;
  157. }
  158. .background-center {
  159. background-position: center center;
  160. background-repeat: no-repeat;
  161. }
  162.  
  163.  
  164. /* Responsive layout settings */
  165. @media screen and (min-width:296px) {
  166. .layout-3col .wrapper, .layout-3col .main, .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  167. width: 266px;
  168. }
  169. }
  170. @media screen and (min-width:562px) {
  171. .layout-3col .wrapper, .layout-3col .main, .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  172. width: 532px;
  173. }
  174. }
  175. @media screen and (min-width:818px) {
  176. .layout-3col .wrapper, .layout-3col .main, .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  177. width: 798px;
  178. }
  179. }
  180. @media screen and (min-width:1094px) {
  181. .layout-4col .wrapper, .layout-4col .main, .layout-5col .wrapper, .layout-5col .main {
  182. width: 1064px;
  183. }
  184. }
  185. @media screen and (min-width:1360px) {
  186. .layout-5col .wrapper, .layout-5col .main {
  187. width: 1330px;
  188. }
  189. }
  190.  
  191. a, a:hover {
  192. text-decoration: none;
  193. }
  194.  
  195. h1,h2,h3,h4,h5,h6 {
  196. font-family: 'Helvetica Neue', Arial, sans-serif;
  197. font-weight: normal;
  198. }
  199.  
  200. .blog-title, .blog-title:hover {
  201. color: {color:Title};
  202. font-family: {select:Title Font}, sans-serif;
  203. font-size: 36px;
  204. text-decoration: none;
  205. margin-top: 0;
  206. margin-bottom: 0;
  207. }
  208. .blog-description {
  209. color: {color:Description};
  210. font-size: 13px;
  211. margin: 12px auto;
  212. width: 75%;
  213. }
  214.  
  215. ul {
  216. list-style-type: none;
  217. padding-left: 0;
  218. }
  219.  
  220. header {
  221. text-align: center;
  222. background-color: {color:Header};
  223. {block:IfHeaderOpacity}background-color: rgba({RGBcolor:Header}, {text:Header Opacity});{/block:IfHeaderOpacity}
  224. {block:IfHeaderImage}
  225. background-image: url('{image:Header}');
  226. {/block:IfHeaderImage}
  227. display: table;
  228. width: 100%;
  229. height: {text:Header Height}px;
  230. }
  231. .header-content {
  232. display: table-cell;
  233. vertical-align: middle;
  234. }
  235. .blog-description a, .blog-description a:hover {
  236. color: {color:Description};
  237. text-decoration: underline;
  238. }
  239. .blog-description a:hover {
  240. background-color: rgba({RGBcolor:Description},0.25);
  241. }
  242. .header-navbar {
  243. background-color: {color:Header Link Bar};
  244. text-align: center;
  245. clear: both;
  246. width: 100%;
  247. }
  248. ul.header-links {
  249. margin: 0 auto;
  250. }
  251. ul.header-links li {
  252. text-align: center;
  253. display: inline-block;
  254. padding: 15px 10px;
  255. -webkit-transition: background-color 0.05s linear;
  256. transition: background-color 0.05s linear;
  257. }
  258. ul.header-links li:hover {
  259. background-color: rgba({RGBcolor:Header Links},0.1);
  260. }
  261. .header-link {
  262. font-size: 10px;
  263. text-transform: uppercase;
  264. color: {color:Header Links};
  265. }
  266. nav {
  267. padding: 7px;
  268. clear: both;
  269. }
  270. .sidebar-link {
  271. background-color: transparent;
  272. display: block;
  273. font-size: 14px;
  274. color: {color:Sidebar Text};
  275. padding: 7px 11px;
  276. -webkit-transition: background-color 0.05s linear;
  277. transition: background-color 0.05s linear;
  278. }
  279. .sidebar-link:hover {
  280. background-color: rgba({RGBcolor:Sidebar Text},0.1);
  281. color: {color:Sidebar Text};
  282. text-decoration: none;
  283. }
  284. .sidebar p {
  285. color: {color:Sidebar Text};
  286. padding: 9px 18px;
  287. font-size: 12px;
  288. }
  289. .sidebar-link .fa-fw {
  290. margin-right: 5px;
  291. padding-right: 5px;
  292. border-right: 1px solid rgba({RGBcolor:Sidebar Text},0.1);;
  293. }
  294. .sidebar p a, .sidebar p a:hover {
  295. color: {color:Sidebar Text};
  296. text-decoration: none;
  297. }
  298. .sidebar p a:hover {
  299. background-color: rgba({RGBcolor:Sidebar Text},0.25);
  300. }
  301.  
  302. .search-info {
  303. background-color: {color:Post Background};
  304. {block:IfPostOpacity}background-color: rgba({RGBcolor:Post Background}, {text:Post Opacity});{/block:IfPostOpacity}
  305. margin-bottom: 16px;
  306. margin-left: 8px;
  307. margin-right: 8px;
  308. overflow: hidden;
  309. {block:IfRoundedCorners}border-radius: 2px;{/block:IfRoundedCorners}
  310. text-align: center;
  311. }
  312.  
  313. .post {
  314. width: 250px;
  315. position: relative;
  316. float: left;
  317. background-color: {color:Post Background};
  318. {block:IfPostOpacity}background-color: rgba({RGBcolor:Post Background}, {text:Post Opacity});{/block:IfPostOpacity}
  319. margin-bottom: 16px;
  320. margin-left: 8px;
  321. margin-right: 8px;
  322. overflow: hidden;
  323. {block:IfRoundedCorners}border-radius: 2px;{/block:IfRoundedCorners}
  324. }
  325.  
  326. .post-section {
  327. padding: 10px 20px;
  328. font-size: 13px;
  329. line-height: 140%;
  330. }
  331.  
  332.  
  333. .font-sans-serif .post-section {
  334. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  335. }
  336. .font-serif .post-section {
  337. font-family: Georgia, serif;
  338. }
  339. .font-monospace .post-section {
  340. font-family: Consolas, 'Courier New', Monaco, monospace;
  341. }
  342.  
  343. .post a, .post a:hover {
  344. color: {color:Post Links};
  345. text-decoration: none;
  346. }
  347. .post-section a:hover {
  348. background-color: rgba({RGBcolor:Post Links},0.25);
  349. }
  350. .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
  351. color: {color:Post Text};
  352. font-size: 16px;
  353. }
  354. .post p {
  355. font-size: 12px;
  356. line-height: 150%;
  357. }
  358. .post ul {
  359. list-style-type: square;
  360. font-size: 12px;
  361. padding-left: 20px;
  362. }
  363. .post ol {
  364. font-size: 12px;
  365. padding-left: 20px;
  366. }
  367. .post blockquote {
  368. font-size: 12px;
  369. padding: 0 8px;
  370. margin: 16px 0;
  371. font-style: italic;
  372. background: rgba({RGBcolor:Post Text}, 0.025);
  373. border: 1px solid rgba({RGBcolor:Post Text}, 0.05);
  374. }
  375. .post figure {
  376. margin: 0;
  377. }
  378. .quote-text {
  379. font-family: Georgia, serif;
  380. font-style: italic;
  381. }
  382.  
  383. .post-section img {
  384. max-width: 100%;
  385. height: auto;
  386. }
  387.  
  388. .index-page .photo-post-photo {
  389. max-width: 250px;
  390. width: 100%;
  391. height: 100%;
  392. display: block;
  393. }
  394. figure.photo-content {
  395. margin: 0 auto;
  396. }
  397.  
  398. ul.chat {
  399. list-style-type: none;
  400. padding-left: 0;
  401. }
  402.  
  403. .chat li {
  404. padding-top: 5px;
  405. padding-bottom: 5px;
  406. border-bottom: 1px solid rgba({RGBcolor:Post Text},0.05);
  407. }
  408.  
  409. .chat li:last-child {
  410. border-bottom: none;
  411. }
  412.  
  413. .chat-label {
  414. font-weight: bold;
  415. }
  416.  
  417. .link-info p {
  418. font-size: 11px !important;
  419. }
  420.  
  421. .post-meta {
  422. font-size: 13px;
  423. padding: 10px 20px;
  424. line-height: 15px;
  425. font-style: normal;
  426. min-height: 16px;
  427. border-top: 1px solid rgba({RGBcolor:Post Text},0.1);
  428. }
  429. .post-share {
  430. border-top: 0;
  431. }
  432. .post-tags {
  433. border-top: 0;
  434. }
  435. .share-item {
  436. margin-right: 15px;
  437. }
  438. .share-item .fa {
  439. margin-right: 2px;
  440. }
  441.  
  442. .tag:before {
  443. content: "#";
  444. }
  445. .clear {
  446. clear: both;
  447. }
  448.  
  449. ol.notes {
  450. list-style-type: none;
  451. padding-left: 0;
  452. }
  453. .note {
  454. padding: 5px 0;
  455. }
  456. .note:last-child {
  457. margin-bottom: 10px;
  458. }
  459.  
  460. .post .post-index-meta {
  461. width: 230px;
  462. font-size: 13px;
  463. line-height: 25px;
  464. font-weight: normal;
  465. padding-left: 10px;
  466. padding-right: 10px;
  467. }
  468. .post-index-meta a {
  469. color: rgba({RGBcolor:Post Text}, 0.5);
  470. }
  471. .post-index-meta a:hover {
  472. color: rgba({RGBcolor:Post Text}, 0.75);
  473. }
  474. .note-count {
  475. font-size: 11px;
  476. }
  477.  
  478. {block:IfNotIndexPhotoCaptions}
  479. .photo .post-index-meta {
  480. display: none;
  481. }
  482.  
  483. .photo-hover {
  484. position: absolute;
  485. top: 0;
  486. left: 0;
  487. width: 100%;
  488. height: 100%;
  489. padding: 0;
  490. font-size: 11px;
  491. line-height: 30px;
  492. font-weight: normal;
  493. background: rgba(0,0,0,0);
  494. border-top: 0;
  495. z-index: 100;
  496. opacity: 0;
  497. transition: all 0.15s ease-in-out;
  498. }
  499. .photo:hover .photo-hover {
  500. background: rgba(0,0,0,0.6);
  501. opacity: 1;
  502. }
  503. .photo-hover a {
  504. font-size: 17px;
  505. color: white;
  506. text-shadow: 1px 2px 5px rgba(0,0,0,0.5);
  507. background: rgba(0,0,0,0.25);
  508. border: 1px solid rgba(255,255,255,0.05);
  509. padding: 10px;
  510. }
  511. .photo-hover a:hover {
  512. color: white;
  513. background: rgba(0,0,0,0.5);
  514. border: 1px solid rgba(255,255,255,0.25);
  515. }
  516.  
  517. .photo-hover .inside {
  518. text-align: center;
  519. position: absolute;
  520. top: 50%;
  521. width: 100%;
  522. margin-top: -25px;
  523. }
  524.  
  525. .inside .note-count {
  526. font-size: 11px;
  527. background: transparent;
  528. border: 0;
  529. }
  530. .inside .note-count:hover {
  531. background: transparent;
  532. border: 0;
  533. }
  534. .touch .photo-hover {
  535. display: none;
  536. }
  537. {/block:IfNotIndexPhotoCaptions}
  538.  
  539. .has-lightbox {
  540. cursor: pointer;
  541. }
  542.  
  543. /* Remove blank space from bottom of iframes */
  544. .post iframe, figure img {
  545. display: block;
  546. max-width: 100%;
  547. }
  548. figure img {
  549. height: auto;
  550. }
  551.  
  552. .permalink-page .tumblr_video_iframe {
  553. max-height: 540px;
  554. }
  555.  
  556. /* Permalink page styles */
  557. .permalink-page .wrapper {
  558. width: 524px;
  559. }
  560. .permalink-page .main {
  561. width: 524px;
  562. }
  563. .permalink-page .post {
  564. width: 500px;
  565. }
  566. .permalink-page .page {
  567. margin: 0 auto;
  568. float: none;
  569. }
  570. .permalink-page .not-page {
  571. float: left;
  572. }
  573. .permalink-page .photo-post-photo {
  574. max-width: 500px;
  575. width: 500px;
  576. height: auto;
  577. }
  578.  
  579. .post hr {
  580. clear: both;
  581. border: 0;
  582. border-bottom: 1px solid rgba(0,0,0,0.07);
  583. }
  584.  
  585. .post .asker-avatar, .post .reblog-avatar, .note img.avatar {
  586. width: 16px;
  587. height: 16px;
  588. vertical-align: middle;
  589. border-radius: 2px;
  590. margin-right: 8px;
  591. }
  592.  
  593. /* Note icons */
  594. .note.like:after {
  595. content: '\f004';
  596. font-family: FontAwesome;
  597. font-size: 10px;
  598. float: right;
  599. margin-top: -16px;
  600. color: rgba({RGBcolor:Post Text},0.6);
  601. }
  602. .note.reblog:after {
  603. content: '\f079';
  604. font-family: FontAwesome;
  605. font-size: 10px;
  606. float: right;
  607. margin-top: -16px;
  608. color: rgba({RGBcolor:Post Text},0.6);
  609. }
  610. .note.reply:after {
  611. content: '\f075';
  612. font-family: FontAwesome;
  613. font-size: 10px;
  614. float: right;
  615. margin-top: -16px;
  616. color: rgba({RGBcolor:Post Text},0.6);
  617. }
  618. .note.answer:after {
  619. content: '\f112';
  620. font-family: FontAwesome;
  621. font-size: 10px;
  622. float: right;
  623. margin-top: -16px;
  624. color: rgba({RGBcolor:Post Text},0.6);
  625. }
  626.  
  627. .note blockquote {
  628. border: 0;
  629. background: transparent;
  630. border-left: 2px solid {color:Post Text};
  631. }
  632.  
  633. /* Pagination */
  634. .pagination {
  635. clear: both;
  636. text-align: center;
  637. margin: 0 auto;
  638. margin-bottom: 80px;
  639. }
  640. #previous, #next, .page-info {
  641. font-size: 11px;
  642. text-transform: uppercase;
  643. background-color: {color:Post Background};
  644. color: rgba({RGBcolor:Post Text},0.75);
  645. padding: 10px 15px;
  646. {block:IfRoundedCorners}border-radius: 2px;{/block:IfRoundedCorners}
  647. }
  648. #previous:hover, #next:hover {
  649. color: {color:Post Text};
  650. }
  651. .align-left {
  652. text-align: left;
  653. }
  654. .align-right {
  655. text-align: right;
  656. }
  657. .span33 {
  658. width: 33.33%;
  659. float: left;
  660. min-height: 1px;
  661. }
  662. {block:IfInfiniteScrolling}
  663. .page-1 .pagination {
  664. display: none;
  665. }
  666. {/block:IfInfiniteScrolling}
  667.  
  668. {block:IfColorizeSocialLinks}
  669. /* Colorize social links */
  670. .link-facebook i, .link-facebook i:hover {
  671. color: #448ccb;
  672. }
  673. .link-twitter i, .link-twitter i:hover {
  674. color: #4abdd2;
  675. }
  676. .link-instagram i, .link-instagram i:hover {
  677. color: #b98f62;
  678. }
  679. .link-pinterest i, .link-pinterest i:hover {
  680. color: #d55063;
  681. }
  682. .link-soundcloud i, .link-soundcloud i:hover {
  683. color: #e98d42;
  684. }
  685. .link-twitch i, .link-twitch i:hover {
  686. color: #8663c5;
  687. }
  688. .link-vine i, .link-vine i:hover {
  689. color: #00bf8f;
  690. }
  691. .link-youtube i, .link-youtube i:hover {
  692. color: #da4848;
  693. }
  694. {/block:IfColorizeSocialLinks}
  695.  
  696. /* Infinite scroll loading indicator */
  697. #loading {
  698. background: white;
  699. color: black;
  700. box-shadow: 0px 0px 45px rgba(0,0,0,0.12);
  701. {block:IfRoundedCorners}border-radius: 5px;{/block:IfRoundedCorners}
  702. padding: 20px;
  703. position: fixed;
  704. top: 50%;
  705. left: 50%;
  706. transform: translate(-50%,-50%);
  707. z-index: 999;
  708. }
  709. .loaded {
  710. display: none;
  711. }
  712.  
  713. /* Button to open/close the sidebar */
  714. #openMenu {
  715. background-color: {color:Sidebar};
  716. background-color: rgba({RGBcolor:Sidebar},0.98);
  717. color: {color:Sidebar Text};
  718. position: fixed;
  719. top: 0;
  720. left: 0;
  721. z-index: 999;
  722. padding: 10px;
  723. {block:IfRoundedCorners}border-radius: 0 0 3px 0;{/block:IfRoundedCorners}
  724. -webkit-transition: left 0.1s ease-in;
  725. transition: left 0.1s ease-in;
  726. cursor: pointer;
  727. }
  728. .tmblr-iframe-pushdown #openMenu {
  729. top: 54px;
  730. }
  731.  
  732. /* Back-to-top button */
  733. .back-to-top {
  734. display: none;
  735. background-color: {color:Sidebar};
  736. background-color: rgba({RGBcolor:Sidebar},0.98);
  737. color: {color:Sidebar Text};
  738. position: fixed;
  739. bottom: 12px;
  740. right: 12px;
  741. z-index: 101;
  742. padding: 5px 10px;
  743. {block:IfRoundedCorners}border-radius: 3px;{/block:IfRoundedCorners}
  744. cursor: pointer;
  745. }
  746.  
  747. /* Sidebar */
  748. .sidebar {
  749. background-color: {color:Sidebar};
  750. background-color: rgba({RGBcolor:Sidebar},0.98);
  751. color: {color:Sidebar Text};
  752. position: fixed;
  753. width: 250px;
  754. height: 100%;
  755. left: -250px;
  756. top: 0;
  757. z-index: 999;
  758. overflow-x: hidden;
  759. overflow-y: auto;
  760. -webkit-transition: left 0.1s ease-in;
  761. transition: left 0.1s ease-in;
  762. }
  763.  
  764. /* Open state for sidebar */
  765. .sidebar-open {
  766. left: 0px;
  767. }
  768. .openmenu-open {
  769. left: 250px !important;
  770. }
  771.  
  772. /* Search box */
  773. input.search {
  774. font-family: 'Segoe UI', 'Lucida Grande', sans-serif;
  775. background-color: #000;
  776. background-color: rgba({RGBcolor:Sidebar Text},0.15);
  777. color: {color:Sidebar Text};
  778. border: 0;
  779. {block:IfRoundedCorners}border-radius: 2px;{/block:IfRoundedCorners}
  780. padding: 5px;
  781. margin: 20px;
  782. width: 190px;
  783. }
  784. input.search:focus {
  785. background-color: #111;
  786. background-color: rgba({RGBcolor:Sidebar Text},0.1);
  787. color: {color:Sidebar Text};
  788. }
  789.  
  790. /* Only show first photoset photo */
  791. .index-page .photoset-container figure {
  792. display: none;
  793. }
  794. {block:IfPhotosetOnlyFirst}
  795. .index-page .photoset-container figure:first-child {
  796. display: block;
  797. }
  798. {/block:IfPhotosetOnlyFirst}
  799.  
  800. /* Keep reading link arrow */
  801. a.read_more:after {
  802. content: " \2192";
  803. }
  804.  
  805. /* Hide posts before they load */
  806. .posts-hidden {
  807. opacity: 0.01;
  808. }
  809.  
  810. {block:IfPhotosetOnlyFirst}
  811. /* Indicator for photosets */
  812. .photoset-note {
  813. position: absolute;
  814. {block:IfNotIndexPhotoCaptions}
  815. bottom: 10px;
  816. {/block:IfNotIndexPhotoCaptions}
  817. {block:IfIndexPhotoCaptions}
  818. top: 10px;
  819. {/block:IfIndexPhotoCaptions}
  820. left: 10px;
  821. {block:IfRoundedCorners}border-radius: 3px;{/block:IfRoundedCorners}
  822. background-color: black;
  823. background-color: rgba(0,0,0,0.33);
  824. text-shadow: 1px 1px 1px rgba(0,0,0,0.66);
  825. color: white;
  826. font-size: 11px;
  827. font-weight: bold;
  828. padding: 7px 10px;
  829. }
  830. {/block:IfPhotosetOnlyFirst}
  831. {block:IfNotPhotosetOnlyFirst}
  832. .photoset-note {
  833. display: none;
  834. }
  835. {/block:IfNotPhotosetOnlyFirst}
  836.  
  837. /* Media player sizing */
  838. .index-page .spotify_audio_player {
  839. height: 290px;
  840. }
  841. .index-page .soundcloud_audio_player {
  842. height: 230px;
  843. }
  844. .index-page iframe.instagram-media {
  845. height: 470px;
  846. margin-bottom: 0 !important;
  847. }
  848. .index-page .tmblr-embed #youtube_iframe {
  849. width: 210px;
  850. height: 118px;
  851. }
  852.  
  853. a.reblog-username, a.reblog-username:hover, .asker a, .asker a:hover, .answerer- a, .answerer a:hover {
  854. color: {color:Post Text};
  855. }
  856.  
  857. /* Responsive styles */
  858. @media screen and (max-width:359px) {
  859. #tumblr_controls {
  860. display: none;
  861. }
  862. }
  863. @media screen and (max-width:768px) {
  864. .header-navbar {
  865. display: none;
  866. }
  867. {block:IfNotIndexPhotoCaptions}
  868. {block:IfNotPhotosetOnlyFirst}
  869. .post.photoset .post-index-meta {
  870. display: block;
  871. }
  872. {/block:IfNotPhotosetOnlyFirst}
  873. {/block:IfNotIndexPhotoCaptions}
  874. }
  875. @media screen and (max-width:550px) {
  876. .permalink-page .wrapper {
  877. -moz-box-sizing: border-box;
  878. box-sizing: border-box;
  879. width: 100%;
  880. }
  881. .permalink-page .main {
  882. -moz-box-sizing: border-box;
  883. box-sizing: border-box;
  884. width: 100%;
  885. padding-left: 16px;
  886. padding-right: 16px;
  887. }
  888. .permalink-page .post {
  889. -moz-box-sizing: border-box;
  890. box-sizing: border-box;
  891. width: 100%;
  892. margin-left: 0;
  893. margin-right: 0;
  894. }
  895. .permalink-page .photo-post-photo {
  896. width: 100%;
  897. }
  898. .blog-title, .blog-title:hover {
  899. font-size: 24px;
  900. padding: 0 10px;
  901. }
  902. .blog-description {
  903. font-size: 11px;
  904. padding: 0 10px;
  905. }
  906. .sidebar-link {
  907. font-size: 12px;
  908. }
  909. .post-meta {
  910. font-size: 11px;
  911. line-height: 13px;
  912. }
  913. .post p {
  914. font-size: 11px;
  915. }
  916. .post ol.notes {
  917. font-size: 10px;
  918. }
  919. .span33 {
  920. width: 50%;
  921. }
  922. .hide-on-mobile {
  923. display: none;
  924. }
  925. }
  926. @media screen and (min-width:1050px) {
  927. .permalink-page .wrapper {
  928. width: 1032px;
  929. }
  930. .permalink-page .main {
  931. width: 1032px;
  932. }
  933. }
  934.  
  935. .tmblr-iframe--app-cta-button {
  936. display: none !important;
  937. }
  938.  
  939. /* Clearfix */
  940. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  941. .clearfix:after { clear: both; }
  942. .clearfix { zoom: 1; }
  943.  
  944. /* Remove border on linked images in IE */
  945. a img {
  946. border: 0;
  947. }
  948.  
  949. /* npf styles */
  950. p.npf_quirky {
  951. font-size: 24px;
  952. line-height: 1.3em;
  953. }
  954. div.npf_row {
  955. max-width: 100%;
  956. height: auto !important;
  957. display: flex;
  958. margin: 0 !important;
  959. }
  960. div.npf_row figure.tmblr-full {
  961. flex: 1;
  962. justify-content: space-between;
  963. margin: 0;
  964. }
  965. div.npf_row figure.tmblr-full:first-child {
  966. padding-right: 2px;
  967. }
  968. .npf-link-block a {
  969. text-decoration: none !important;
  970. }
  971. .index-page .npf-link-block .poster {
  972. height: 150px;
  973. }
  974. .index-page .npf-link-block .title {
  975. font-size: 15px;
  976. line-height: 23px;
  977. max-height: 100px;
  978. }
  979. .post-section figure video, .post-section figure audio {
  980. max-width: 100%;
  981. }
  982.  
  983. .post-section {
  984. border-bottom: 1px solid rgba({RGBcolor:Post Text},0.07);
  985. }
  986. .post-section:last-child {
  987. border-bottom: 0;
  988. }
  989. p.tmblr-attribution {
  990. font-size: 10px;
  991. }
  992.  
  993. .tmblr-lightbox .lightbox-image {
  994. background-color: {color:Post Background} !important;
  995. }
  996.  
  997. {block:IfNotIndexPhotoCaptions}
  998. .index-page .photo .post-section {
  999. display: none;
  1000. }
  1001. {/block:IfNotIndexPhotoCaptions}
  1002. {block:IfNotIndexVideoCaptions}
  1003. .index-page .video .post-section {
  1004. display: none;
  1005. }
  1006. {/block:IfNotIndexVideoCaptions}
  1007.  
  1008. {CustomCSS}
  1009. </style>
  1010.  
  1011. <script type="text/javascript">
  1012. var copycat = {{block:IfInfiniteScrolling}infScroll: true,{/block:IfInfiniteScrolling}{block:IfNotInfiniteScrolling}infScroll: false,{/block:IfNotInfiniteScrolling} {block:IndexPage}indexPage: true{/block:IndexPage}{block:PermalinkPage}indexPage: false{/block:PermalinkPage}, prefill: false};
  1013. </script>
  1014. <noscript><style>.posts-hidden {opacity: 1;} #loading {display: none;}{block:IfInfiniteScrolling}.page-1 .pagination { display: block !important; }{/block:IfInfiniteScrolling}</style></noscript>
  1015. </head>
  1016. <body class="{block:IndexPage}index-page page-{CurrentPage}{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} font-{select:Post Body Font} layout-{select:Max Columns} background-{select:Background Image Style} no-touch">
  1017.  
  1018. {block:IndexPage}
  1019. <div id="backToTop" class="back-to-top" title="Back to top">
  1020. <i class="fa fa-2x fa-angle-up"></i>
  1021. </div>
  1022. <div id="loading"><i class="fa fa-lg fa-circle-o-notch fa-spin"></i></div>
  1023. {/block:IndexPage}
  1024.  
  1025. <div id="sidebar" class="sidebar">
  1026.  
  1027. {block:IfShowSearchBox}
  1028. <form action="/search" method="get" id="search-form">
  1029. <input class="search" type="text" placeholder="{lang:Search}" name="q" value="{SearchQuery}" />
  1030. </form>
  1031. {/block:IfShowSearchBox}
  1032.  
  1033. <nav class="navbar">
  1034. <ul class="sidebar-links sidebar-links-main">
  1035. <a class="sidebar-link" href="/"><li><i class="fa fa-fw fa-home"></i> {lang:Home}</li></a>
  1036. {block:IfStoreURL}<a class="sidebar-link link-store" href="{text:Store URL}"><li><i class="fa fa-fw fa-shopping-cart"></i> Store</li></a>{/block:IfStoreURL}
  1037. {block:IfShowArchiveLink}<a class="sidebar-link" href="/archive"><li><i class="fa fa-fw fa-calendar-o"></i> {lang:Archive}</li></a>{/block:IfShowArchiveLink}
  1038. {block:IfShowRandomLink}<a class="sidebar-link" href="/random"><li><i class="fa fa-fw fa-question-circle"></i> {lang:Random}</li></a>{/block:IfShowRandomLink}
  1039. {block:IfShowLikedPostsLink}<a class="sidebar-link" href="https://www.tumblr.com/liked/by/{Name}"><li><i class="fa fa-fw fa-heart-o"></i> {lang:Liked posts}</li></a>{/block:IfShowLikedPostsLink}
  1040. {block:AskEnabled}<a class="sidebar-link" href="/ask"><li><i class="fa fa-fw fa-envelope-o"></i> {AskLabel}</li></a>{/block:AskEnabled}
  1041. {block:SubmissionsEnabled}<a class="sidebar-link" href="/submit"><li><i class="fa fa-fw fa-download"></i> {SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  1042. {block:HasPages}
  1043. {block:Pages}<a class="sidebar-link" href="{URL}"><li><i class="fa fa-fw fa-file-o"></i> {Label}</li></a>{/block:Pages}
  1044. {/block:HasPages}
  1045. </ul>
  1046.  
  1047. <ul class="sidebar-links sidebar-links-social">
  1048.  
  1049. {block:IfFacebookUsername}
  1050. <a target="_blank" class="sidebar-link link-facebook" href="https://facebook.com/{text:Facebook Username}" title="Facebook: {text:Facebook Username}"><li><i class="fa fa-fw fa-facebook-square"></i> Facebook</li></a>
  1051. {/block:IfFacebookUsername}
  1052.  
  1053. {block:IfTwitterUsername}
  1054. <a target="_blank" class="sidebar-link link-twitter" href="https://twitter.com/{text:Twitter Username}" title="Twitter: {text:Twitter Username}"><li><i class="fa fa-fw fa-twitter"></i> Twitter</li></a>
  1055. {/block:IfTwitterUsername}
  1056.  
  1057. {block:IfInstagramUsername}
  1058. <a target="_blank" class="sidebar-link link-instagram" href="https://instagram.com/{text:Instagram Username}" title="Instagram: {text:Instagram Username}"><li><i class="fa fa-fw fa-instagram"></i> Instagram</li></a>
  1059. {/block:IfInstagramUsername}
  1060.  
  1061. {block:IfPinterestUsername}
  1062. <a target="_blank" class="sidebar-link link-pinterest" href="https://pinterest.com/{text:Pinterest Username}" title="Pinterest: {text:Pinterest Username}"><li><i class="fa fa-fw fa-pinterest"></i> Pinterest</li></a>
  1063. {/block:IfPinterestUsername}
  1064.  
  1065. {block:IfSoundCloudUsername}
  1066. <a target="_blank" class="sidebar-link link-soundcloud" href="https://soundcloud.com/{text:SoundCloud Username}" title="SoundCloud: {text:SoundCloud Username}"><li><i class="fa fa-fw fa-soundcloud"></i> SoundCloud</li></a>
  1067. {/block:IfSoundCloudUsername}
  1068.  
  1069. {block:IfTwitchUsername}
  1070. <a target="_blank" class="sidebar-link link-twitch" href="https://twitch.tv/{text:Twitch Username}" title="Twitch: {text:Twitch Username}"><li><i class="fa fa-fw fa-twitch"></i> Twitch</li></a>
  1071. {/block:IfTwitchUsername}
  1072.  
  1073. {block:IfVineUsername}
  1074. <a target="_blank" class="sidebar-link link-vine" href="https://vine.co/{text:Vine Username}" title="Vine: {text:Vine Username}"><li><i class="fa fa-fw fa-vine"></i> Vine</li></a>
  1075. {/block:IfVineUsername}
  1076.  
  1077. {block:IfYouTubeUsername}
  1078. <a target="_blank" class="sidebar-link link-youtube" href="https://youtube.com/{text:YouTube Username}" title="YouTube: {text:YouTube Username}"><li><i class="fa fa-fw fa-youtube"></i> YouTube</li></a>
  1079. {/block:IfYouTubeUsername}
  1080. </ul>
  1081. </nav>
  1082.  
  1083. {block:IfCopyrightText}
  1084. <p>&copy; {CopyrightYears} {text:Copyright Text}</p>
  1085. {/block:IfCopyrightText}
  1086. {block:IfNotCopyrightText}
  1087. <p>&copy; {CopyrightYears} {Title}</p>
  1088. {/block:IfNotCopyrightText}
  1089. <p><a target="_blank" href="https://adorablethemes.com/theme/copycat">Copycat Theme</a></p>
  1090. </div>
  1091.  
  1092. <div id="openMenu"><i class="fa fa-lg fa-bars"></i></div>
  1093.  
  1094. {block:IfNotShowTitle}<a href="/">{/block:IfNotShowTitle}
  1095. <header class="header background-{select:Header Image Style} clearfix">
  1096.  
  1097. <div class="header-content">
  1098.  
  1099. {block:IfShowTitle}
  1100. <a href="/"><h1 class="blog-title">{Title}</h1></a>
  1101. {/block:IfShowTitle}
  1102.  
  1103. {block:IfShowDescription}
  1104. {block:Description}
  1105. <div class="blog-description">{Description}</div>
  1106. {/block:Description}
  1107. {/block:IfShowDescription}
  1108. </div>
  1109.  
  1110. </header>
  1111. {block:IfNotShowTitle}</a>{/block:IfNotShowTitle}
  1112.  
  1113. {block:IfShowHeaderNavbar}
  1114. <div class="header-navbar">
  1115. <ul class="header-links">
  1116. <a class="header-link" href="/"><li>{lang:Home}</li></a>
  1117. {block:IfStoreURL}<a class="header-link link-store" href="{text:Store URL}"><li>Store</li></a>{/block:IfStoreURL}
  1118. {block:IfShowArchiveLink}<a class="header-link" href="/archive"><li>{lang:Archive}</li></a>{/block:IfShowArchiveLink}
  1119. {block:IfShowRandomLink}<a class="header-link" href="/random"><li>{lang:Random}</li></a>{/block:IfShowRandomLink}
  1120. {block:IfShowLikedPostsLink}<a class="header-link" href="https://www.tumblr.com/liked/by/{Name}"><li>{lang:Likes}</li></a>{/block:IfShowLikedPostsLink}
  1121. {block:AskEnabled}<a class="header-link" href="/ask"><li>{AskLabel}</li></a>{/block:AskEnabled}
  1122. {block:SubmissionsEnabled}<a class="header-link" href="/submit"><li>{SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  1123. {block:HasPages}
  1124. {block:Pages}<a class="header-link" href="{URL}"><li>{Label}</li></a>{/block:Pages}
  1125. {/block:HasPages}
  1126. <a class="header-link" target="_blank" href="https://adorablethemes.com/"><li>Theme</li></a>
  1127. </ul>
  1128. </div>
  1129. {/block:IfShowHeaderNavbar}
  1130.  
  1131. <div id="wrapper" class="wrapper">
  1132.  
  1133. <div class="main">
  1134.  
  1135. {block:SearchPage}
  1136. {block:SearchResults}
  1137. <div class="search-info">
  1138. <div class="post-section">
  1139. <h2>{lang:SearchResultCount results for SearchQuery 2}</h2>
  1140. </div>
  1141. </div>
  1142. {/block:SearchResults}
  1143.  
  1144. {block:NoSearchResults}
  1145. <div class="search-info">
  1146. <div class="post-section">
  1147. <h2>{lang:No search results for SearchQuery 2}</h2>
  1148. </div>
  1149. </div>
  1150. {/block:NoSearchResults}
  1151. {/block:SearchPage}
  1152.  
  1153. {block:TagPage}
  1154. <div class="search-info">
  1155. <div class="post-section">
  1156. <h2>#{Tag}</h2>
  1157. </div>
  1158. </div>
  1159. {/block:TagPage}
  1160.  
  1161. <div id="posts"{block:IndexPage} class="posts-hidden"{/block:IndexPage}>
  1162.  
  1163. {block:Posts inlineMediaWidth="460" inlineNestedMediaWidth="460"}
  1164. <article id="post_{PostID}" class="post {PostType}{block:PermalinkPage} {block:Date}not-{/block:Date}page{/block:PermalinkPage}{block:Photoset} photoset{/block:Photoset}">
  1165.  
  1166. {block:Text}
  1167.  
  1168. {block:Title}<div class="post-section"><h2>{Title}</h2></div>{/block:Title}
  1169.  
  1170. {block:NotReblog}
  1171. <div class="post-section">
  1172. {block:IfCustomAskPageText}{block:AskPage}<p>{text:Custom Ask Page Text}</p>{/block:AskPage}{/block:IfCustomAskPageText}
  1173. {Body}
  1174. </div>
  1175. {/block:NotReblog}
  1176. {block:RebloggedFrom}
  1177. {block:Reblogs}
  1178. <div class="post-section">
  1179. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1180. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1181. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1182. </p>
  1183. {Body}
  1184. </div>
  1185. {/block:Reblogs}
  1186. {/block:RebloggedFrom}
  1187.  
  1188. {/block:Text}
  1189.  
  1190.  
  1191. {block:Answer}
  1192. <div class="post-section">
  1193. <p class="asker"><img class="asker-avatar" src="{AskerPortraitURL-64}" /> <b>{lang:Asker asked 2}</b></p><p>{Question}</p>
  1194.  
  1195. </div>
  1196.  
  1197. {block:Answerer}
  1198. <div class="post-section">
  1199. <p class="answerer-"><img class="asker-avatar" src="{AnswererPortraitURL-64}" /> <b>{Answerer}</b></p>
  1200.  
  1201. {Answer}
  1202.  
  1203. </div>
  1204. {/block:Answerer}
  1205.  
  1206. {block:NotReblog}<div class="post-section">{Replies}</div>{/block:NotReblog}
  1207. {block:RebloggedFrom}
  1208. {block:Reblogs}
  1209. <div class="post-section">
  1210. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1211. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1212. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1213. </p>
  1214. {Body}
  1215. </div>
  1216. {/block:Reblogs}
  1217. {/block:RebloggedFrom}
  1218. {/block:Answer}
  1219.  
  1220.  
  1221. {block:Photo}
  1222. <figure data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" class="photo-content">
  1223. {block:PermalinkPage}
  1224. {LinkOpenTag}<img class="photo-post-photo" src="{PhotoURL-500}"{block:HighRes} srcset="{PhotoURL-1280} 2x"{/block:HighRes} alt="{PhotoAlt}" />{LinkCloseTag}
  1225. {/block:PermalinkPage}
  1226. {block:IndexPage}<a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-250}" srcset="{PhotoURL-500} 2x" alt="{PhotoAlt}" /></a>{/block:IndexPage}
  1227. </figure>
  1228.  
  1229. {block:NotReblog}
  1230. {block:Caption}<figcaption class="post-section">{Caption}</figcaption>{/block:Caption}
  1231. {/block:NotReblog}
  1232. {block:RebloggedFrom}
  1233. {block:Reblogs}
  1234. <div class="post-section">
  1235. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1236. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1237. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1238. </p>
  1239. {Body}
  1240. </div>
  1241. {/block:Reblogs}
  1242. {/block:RebloggedFrom}
  1243. {/block:Photo}
  1244.  
  1245.  
  1246. {block:Photoset}
  1247. {block:IndexPage}
  1248. <div class="photoset-note">{PhotoCount}</div>
  1249. <div class="photoset-container">
  1250. {block:Photos}
  1251. <figure data-width="{PhotoWidth-HighRes}"data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" data-caption="{Caption}" class="photo-content photoset-content"></figure>
  1252. {/block:Photos}
  1253. {block:IfPhotosetOnlyFirst}
  1254. {block:Photos}
  1255. <a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-250}" srcset="{PhotoURL-500} 2x" alt="{PhotoAlt}" /></a>
  1256. <!--
  1257. {/block:Photos}
  1258. -->
  1259. {/block:IfPhotosetOnlyFirst}
  1260. </div>
  1261. {block:IfNotPhotosetOnlyFirst}
  1262. <figure class="photoset-content">{Photoset-250}</figure>
  1263. {/block:IfNotPhotosetOnlyFirst}
  1264. {/block:IndexPage}
  1265. {block:PermalinkPage}
  1266. <figure class="photoset-content">{Photoset-500}</figure>
  1267. {/block:PermalinkPage}
  1268.  
  1269. {block:NotReblog}
  1270. {block:Caption}<figcaption class="post-section">{Caption}</figcaption>{/block:Caption}
  1271. {/block:NotReblog}
  1272. {block:RebloggedFrom}
  1273. {block:Reblogs}
  1274. <div class="post-section">
  1275. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1276. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1277. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1278. </p>
  1279. {Body}
  1280. </div>
  1281. {/block:Reblogs}
  1282. {/block:RebloggedFrom}
  1283. {/block:Photoset}
  1284.  
  1285.  
  1286. {block:Quote}
  1287. <div class="post-section"><h2 class="quote-text">&ldquo;{Quote}&rdquo;</h2>
  1288.  
  1289. {block:Source}
  1290. <p style="text-align: right">&mdash; {Source}</p>
  1291. {/block:Source}
  1292. </div>
  1293. {/block:Quote}
  1294.  
  1295.  
  1296. {block:Link}
  1297. <div class="post-section">
  1298. <h3><a href="{URL}" class="link-post-link"{block:Host}title="{Host}"{/block:Host} {Target}>{Name} <i class="fa fa-angle-right fa-fw"></i></a></h3>
  1299. <div class="link-info">
  1300. {block:Excerpt}<p>{Excerpt}</p>{/block:Excerpt}
  1301. <p>({Host})</p>
  1302. </div>
  1303. </div>
  1304.  
  1305. {block:NotReblog}
  1306. {block:Description}<div class="post-section">{Description}</div>{/block:Description}
  1307. {/block:NotReblog}
  1308. {block:RebloggedFrom}
  1309. {block:Reblogs}
  1310. <div class="post-section">
  1311. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1312. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1313. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1314. </p>
  1315. {Body}
  1316. </div>
  1317. {/block:Reblogs}
  1318. {/block:RebloggedFrom}
  1319. {/block:Link}
  1320.  
  1321.  
  1322. {block:Chat}
  1323. {block:Title}<div class="post-section"><h2>{Title}</h2></div>{/block:Title}
  1324. <div class="post-section">
  1325. <ul class="chat">
  1326. {block:Lines}
  1327. <li class="{Alt} user_{UserNumber}">
  1328. {block:Label}
  1329. <span class="chat-label">{Label}</span>
  1330. {/block:Label}
  1331.  
  1332. <span class="chat-line">{Line}</span>
  1333. </li>
  1334. {/block:Lines}
  1335. </ul>
  1336. </div>
  1337. {/block:Chat}
  1338.  
  1339.  
  1340. {block:Video}
  1341. <figure class="video-content">
  1342. {block:IndexPage}{VideoEmbed-250}{/block:IndexPage}
  1343. {block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
  1344. </figure>
  1345.  
  1346. {block:NotReblog}
  1347. {block:Caption}<figcaption class="post-section">{Caption}</figcaption>{/block:Caption}
  1348. {/block:NotReblog}
  1349. {block:RebloggedFrom}
  1350. {block:Reblogs}
  1351. <div class="post-section">
  1352. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1353. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1354. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1355. </p>
  1356. {Body}
  1357. </div>
  1358. {/block:Reblogs}
  1359. {/block:RebloggedFrom}
  1360. {/block:Video}
  1361.  
  1362.  
  1363. {block:Audio}
  1364. <div class="post-section">
  1365. <figure class="audio-content">
  1366. {AudioEmbed}
  1367. </figure>
  1368. </div>
  1369.  
  1370. {block:NotReblog}
  1371. {block:Caption}<div class="post-section">{Caption}</div>{/block:Caption}
  1372. {/block:NotReblog}
  1373. {block:RebloggedFrom}
  1374. {block:Reblogs}
  1375. <div class="post-section">
  1376. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1377. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1378. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1379. </p>
  1380. {Body}
  1381. </div>
  1382. {/block:Reblogs}
  1383. {/block:RebloggedFrom}
  1384. {/block:Audio}
  1385.  
  1386. {block:PermalinkPage}
  1387. {block:HasTags}
  1388. <div class="post-meta post-tags">
  1389. {block:Tags}
  1390. <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
  1391. {/block:Tags}
  1392. </div>
  1393. {/block:HasTags}
  1394. {/block:PermalinkPage}
  1395.  
  1396. {block:IndexPage}
  1397. <div class="post-index-meta">
  1398. <a href="{Permalink}" class="note-count">{block:IfUseRealDates}{ShortMonth} {DayOfMonth}<span class="year_{Year}"> {Year}</span>{/block:IfUseRealDates}{block:IfNotUseRealDates}{TimeAgo}{/block:IfNotUseRealDates}{block:NoteCount} &bull; {NoteCountWithLabel}{/block:NoteCount}</a>
  1399.  
  1400. <a title="Reblog" target="_blank" style="float:right; text-align: right" class="reblog-button" href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1401.  
  1402. {block:Photo}<a style="float:right; text-align: right; margin-right: 8px" class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-search-plus"></i></a>{/block:Photo}
  1403.  
  1404. {block:Photoset}<a style="float:right; text-align: right; margin-right: 8px" class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-search-plus"></i></a>{/block:Photoset}
  1405. </div>
  1406. {block:IfNotIndexPhotoCaptions}
  1407. {block:Photo}
  1408. <div class="photo-hover">
  1409. <div class="inside">
  1410. <a class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-fw fa-search-plus"></i></a><a href="{Permalink}" title="{lang:Permalink}"><i class="fa fa-fw fa-link"></i></a><a href="{ReblogURL}" title="Reblog"><i class="fa fa-fw fa-retweet"></i></a>
  1411. <br><a href="{Permalink}" class="note-count">{block:IfUseRealDates}{ShortMonth} {DayOfMonth}<span class="year_{Year}"> {Year}</span>{/block:IfUseRealDates}{block:IfNotUseRealDates}{TimeAgo}{/block:IfNotUseRealDates}{block:NoteCount} &bull; {NoteCountWithLabel}{/block:NoteCount}</a>
  1412. </div>
  1413. </div>
  1414. {/block:Photo}
  1415. {block:Photoset}
  1416. <div class="photo-hover">
  1417. <div class="inside">
  1418. <a class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-search-plus"></i></a><a href="{Permalink}" title="{lang:Permalink}"><i class="fa fa-link"></i></a><a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a>
  1419. <br><a href="{Permalink}" class="note-count">{block:IfUseRealDates}{ShortMonth} {DayOfMonth}<span class="year_{Year}"> {Year}</span>{/block:IfUseRealDates}{block:IfNotUseRealDates}{TimeAgo}{/block:IfNotUseRealDates}{block:NoteCount} &bull; {NoteCountWithLabel}{/block:NoteCount}</a>
  1420. </div>
  1421. </div>
  1422. {/block:Photoset}
  1423. {/block:IfNotIndexPhotoCaptions}
  1424. {/block:IndexPage}
  1425.  
  1426. </article>
  1427.  
  1428. {block:PermalinkPage}
  1429. {block:Date}
  1430.  
  1431. <article class="post sidecar not-page">
  1432.  
  1433. <div class="post-meta post-share">
  1434. <a href="{ReblogURL}" class="share-item link-tumblr-reblog" target="_blank"><i class="fa fa-retweet"></i> Reblog</a>
  1435. <a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item link-facebook-share" target="_blank"><i class="fa fa-facebook-square"></i> Share</a>
  1436. <a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item link-twitter-tweet" target="_blank"><i class="fa fa-twitter"></i> Tweet</a>
  1437. {block:Photo} <a href="https://www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item link-pinterest" target="_blank"><i class="fa fa-pinterest"></i> Pin</a>{/block:Photo}
  1438. {block:Video}{block:VideoThumbnail} <a href="https://www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item link-pinterest" target="_blank"><i class="fa fa-pinterest"></i> Pin</a>{/block:VideoThumbnail}{/block:Video}
  1439. </div>
  1440.  
  1441. <div class="post-meta">
  1442. {block:IfUseRealDates}
  1443. <span class="timeago" title="{12Hour}:{Minutes} {AmPm}, {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span>
  1444. {/block:IfUseRealDates}
  1445. {block:IfNotUseRealDates}
  1446. <span class="timeago">{TimeAgo}</span>
  1447. {/block:IfNotUseRealDates}
  1448.  
  1449. <span style="float:right; text-align: right">
  1450. {block:ContentSource}{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  1451. {block:RebloggedFrom}{block:ContentSource} &bull; {/block:ContentSource}{lang:Via}: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1452. </span>
  1453.  
  1454. </div>
  1455.  
  1456. {block:IfDisqusShortname}
  1457. <div class="post-meta post-comments">
  1458. <div id="disqus_thread"></div>
  1459. <script type="text/javascript" src="//disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1460. <noscript><a href="//{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1461. </div>
  1462. {/block:IfDisqusShortname}
  1463.  
  1464. {block:PostNotes}
  1465. <div class="post-meta post-notes-list">
  1466. <h2>{NoteCountWithLabel}</h2>
  1467. {PostNotes-16}
  1468. </div>
  1469. {/block:PostNotes}
  1470. </article>
  1471. {/block:Date}
  1472. {/block:PermalinkPage}
  1473.  
  1474. {/block:Posts}
  1475. </div>
  1476. </div>
  1477.  
  1478. {block:Pagination}
  1479. <div class="pagination clearfix">
  1480. <div class="span33 align-left">
  1481. {block:PreviousPage}<a href="{PreviousPage}" id="previous"><i class="fa fa-angle-left fa-fw"></i> {lang:Previous}</a>{/block:PreviousPage}
  1482. </div>
  1483. <div class="span33 hide-on-mobile">
  1484. <span class="page-info">{lang:Page CurrentPage of TotalPages}</span>
  1485. </div>
  1486. <div class="span33 align-right">
  1487. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next} <i class="fa fa-angle-right fa-fw"></i></a>{/block:NextPage}
  1488. </div>
  1489. </div>
  1490. {/block:Pagination}
  1491. </div>
  1492. <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
  1493. <script src="https://static.tumblr.com/anzluor/iaEpqmv4c/masonry.js" integrity="sha384-Z1dr8QPnJJj/ZsgHeAYXczkGop4EAJs2rGcOOHoGeaSZ+8cY0sh1OraK+Scm9KEv" crossorigin="anonymous"></script>
  1494. {block:IfInfiniteScrolling}<script src="https://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js" integrity="sha384-DCHLD93QqUyWYMNlPlQ7qsaHYiMCzBiQPhi1uREwPnF3cW8CpyzzdSW2xLHlEh2B" crossorigin="anonymous"></script>{/block:IfInfiniteScrolling}
  1495. <script src="https://static.tumblr.com/anzluor/poDpqmxsi/copycat.min.js" integrity="sha384-P7hFx1T9cMSy1vC+HNWvNsHPXNHiwurhI/95lvr3IZKvl8wiu6UCHRHxJqx1J4Oz" crossorigin="anonymous"></script>
  1496. {block:IfGoogleAnalyticsID}
  1497. <script>
  1498. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1499. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1500. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1501. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1502.  
  1503. ga('create', '{text:Google Analytics ID}', 'auto');
  1504. ga('send', 'pageview');
  1505.  
  1506. </script>
  1507. {/block:IfGoogleAnalyticsID}
  1508. {block:IfDisqusShortname}
  1509. <script type="text/javascript">
  1510. //<![CDATA[
  1511. (function() {
  1512. var links = document.getElementsByTagName('a');
  1513. var query = '?';
  1514. for(var i = 0; i < links.length; i++) {
  1515. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1516. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1517. }
  1518. }
  1519. document.write('<script charset="utf-8" type="text/javascript" src="//disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1520. })();
  1521. //]]>
  1522. </script>
  1523. {/block:IfDisqusShortname}
  1524. </body>
  1525. </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!