API tools faq
paste
Advertisement
feiinho

Win3.1 - adorablethemes.com

feiinho
May 16th, 2019
764
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. theme: Win3.1
  7. version: 1.5 (April 14, 2019)
  8. from: adorablethemes.com
  9.  
  10.  
  11. credits:
  12.  
  13. imagesLoaded 4.1.4 (imagesloaded.desandro.com)
  14. Infinite Scroll 2.0.2 (infinite-scroll.com)
  15. jQuery 3.3.1 (jquery.com)
  16. Masonry 4.2.1 (masonry.desandro.com)
  17.  
  18. -->
  19. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  20. <meta charset="UTF-8">
  21. <meta name="description" content="{MetaDescription}">
  22. <meta name="viewport" content="width=1080">
  23. <meta name="theme-color" content="{color:Title Bar}">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Hidden}
  28. <meta name="image:Wallpaper" content="">
  29.  
  30. <meta name="color:Background" content="#c3c7cb">
  31. <meta name="color:Window Border" content="#c3c7cb">
  32. <meta name="color:Title Bar" content="#0000aa">
  33. <meta name="color:Title Bar Text" content="#ffffff">
  34. <meta name="color:Post Background" content="#ffffff">
  35. <meta name="color:Post Text" content="#000000">
  36. <meta name="color:Menu Bar Background" content="#ffffff">
  37. <meta name="color:Menu Bar Text" content="#000000">
  38.  
  39. <meta name="if:Show Archive Link" content="1">
  40. <meta name="if:Show Random Link" content="0">
  41. <meta name="if:Show Liked Posts Link" content="0">
  42. <meta name="if:Show Search Box" content="1">
  43. <meta name="if:Stretch Images" content="1">
  44. <meta name="if:Cool Notes" content="1">
  45. <meta name="if:Infinite Scrolling" content="0">
  46. <meta name="if:Show Dates in Title Bars" content="0">
  47. <meta name="if:Show Related Posts" content="1">
  48.  
  49. <meta name="select:Layout" content="one-column" title="One column">
  50. <meta name="select:Layout" content="two-column" title="Two columns">
  51. <meta name="select:Layout" content="three-column" title="Three columns">
  52.  
  53. <meta name="select:Post Body Font" content="arial" title="Arial">
  54. <meta name="select:Post Body Font" content="comic-sans" title="Comic Sans">
  55. <meta name="select:Post Body Font" content="consolas" title="Consolas">
  56. <meta name="select:Post Body Font" content="georgia" title="Georgia">
  57.  
  58. <meta name="select:Background Image Style" content="tile" title="tile">
  59. <meta name="select:Background Image Style" content="cover" title="cover">
  60. <meta name="select:Background Image Style" content="center" title="center">
  61.  
  62. <meta name="text:Custom Ask Page Text" content="">
  63. <meta name="text:Google Analytics ID" content="">
  64. {/block:Hidden}
  65. <style>
  66. * {
  67. -webkit-box-sizing: border-box;
  68. -moz-box-sizing: border-box;
  69. box-sizing: border-box;
  70. }
  71. ::-moz-selection { background: {color:Title Bar}; color:{color:Title Bar Text}; text-shadow: none; }
  72. ::selection { background: {color:Title Bar}; color:{color:Title Bar Text}; text-shadow: none; }
  73. .background-cover {
  74. background-position: center center;
  75. background-size: cover;
  76. }
  77. .background-tile {
  78. background-repeat: repeat;
  79. }
  80. .background-center {
  81. background-position: center center;
  82. background-repeat: no-repeat;
  83. }
  84. body {
  85. background-color: {color:Background};
  86. {block:IfWallpaperImage}
  87. background-image: url('{image:Wallpaper}');
  88. background-attachment: fixed;
  89. {/block:IfWallpaperImage}
  90. font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif;
  91. width: 690px;
  92. margin: 0 auto;
  93. }
  94. body.layout-two-column {
  95. width: 1022px;
  96. }
  97. body.layout-three-column {
  98. width: 1065px;
  99. }
  100. a, a:hover {
  101. text-decoration: none;
  102. }
  103. main {
  104. float: left;
  105. width: 508px;
  106. margin-top: 64px;
  107. margin-bottom: 32px;
  108. }
  109. .layout-two-column main {
  110. width: 882px;
  111. }
  112. .layout-three-column main {
  113. width: 925px;
  114. }
  115. .sidebar {
  116. position: fixed;
  117. margin-left: 550px;
  118. margin-top: 64px;
  119. width: 136px;
  120. font-size: 12px;
  121. }
  122. .layout-two-column .sidebar {
  123. margin-left: 884px;
  124. }
  125. .layout-three-column .sidebar {
  126. margin-left: 927px;
  127. }
  128. .sidebar-links {
  129. list-style-type: none;
  130. padding-left: 0;
  131. margin: 4px 0;
  132. }
  133. .button-border {
  134. border: 2px solid black;
  135. border-radius: 3px;
  136. margin: 2px;
  137. }
  138. .sidebar-links li {
  139. background-color: #C3C7CB;
  140. color: black;
  141. border: 2px solid white;
  142. border-right-color: #868A8E;
  143. border-bottom-color: #868A8E;
  144. text-align: center;
  145. font-size: 12px;
  146. font-weight: bold;
  147. padding: 0;
  148. word-wrap: break-word;
  149. }
  150. .blog-description {
  151. text-align: center;
  152. padding: 10px;
  153. font-size: 10px;
  154. word-wrap: break-word;
  155. color: {color:Post Text};
  156. }
  157. .blog-description a, .blog-description a:hover {
  158. color: {color:Post Text};
  159. text-decoration: underline;
  160. }
  161. .window-border {
  162. margin-bottom: 48px;
  163. margin-right: 48px;
  164. width: 100%;
  165. border: 1px solid black;
  166. background-color: {color:Window Border};
  167. background-image: url('//static.tumblr.com/anzluor/8zkp2ergb/win31grip2.png'), url('//static.tumblr.com/anzluor/8zkp2ergb/win31grip2.png'), url('//static.tumblr.com/anzluor/8zkp2ergb/win31grip2.png'), url('//static.tumblr.com/anzluor/8zkp2ergb/win31grip2.png');
  168. background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  169. background-position: top left, top right, bottom left, bottom right;
  170. }
  171. main .window-border {
  172. width: 508px;
  173. float: left;
  174. }
  175. .layout-two-column main .window-border {
  176. width: 408px;
  177. margin-right: 32px;
  178. margin-bottom: 32px;
  179. }
  180. .layout-three-column main .window-border {
  181. width: 283px;
  182. margin-right: 24px;
  183. margin-bottom: 24px;
  184. }
  185. .window {
  186. margin: 2px;
  187. border: 1px solid black;
  188. }
  189. .sidebar .window {
  190. background-color: {color:Post Background};
  191. }
  192. .title-bar {
  193. background-color: {color:Title Bar};
  194. color: {color:Title Bar Text};
  195. font-size: 12px;
  196. line-height: 18px;
  197. font-weight: bold;
  198. overflow-y: hidden;
  199. cursor: default;
  200. min-height: 18px;
  201. text-align: center;
  202. }
  203. .title-bar-buttons {
  204. float: right;
  205. width: 38px;
  206. height: 18px;
  207. background-image: url('//static.tumblr.com/anzluor/dS6p2bs7t/w31.png');
  208. background-repeat: no-repeat;
  209. background-position: -19px 0;
  210. }
  211. .title-bar img {
  212. margin-right: 2px;
  213. vertical-align: middle;
  214. }
  215. .title-bar .icon {
  216. width: 19px;
  217. height: 18px;
  218. background-image: url('//static.tumblr.com/anzluor/dS6p2bs7t/w31.png');
  219. background-repeat: no-repeat;
  220. background-position: 0 0;
  221. float: left;
  222. }
  223. .sidebar .title-bar {
  224. border-bottom: 1px solid black;
  225. word-wrap: break-word;
  226. }
  227. .menu-bar {
  228. background-color: {color:Menu Bar Background};
  229. border-top: 1px solid black;
  230. overflow: hidden;
  231. }
  232. .menu-items {
  233. list-style-type: none;
  234. padding-left: 0;
  235. margin: 0;
  236. }
  237. .menu-items li {
  238. font-size: 12px;
  239. font-weight: bold;
  240. display: inline-block;
  241. padding: 0 8px;
  242. }
  243. .menu-items a {
  244. color: {color:Menu Bar Text};
  245. padding-bottom: 1px;
  246. }
  247. .menu-items a:hover {
  248. background-color: {color:Title Bar};
  249. color: white;
  250. }
  251. .first-letter {
  252. text-decoration: underline;
  253. }
  254. .text-area {
  255. font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  256. font-size: 12px;
  257. background-color: {color:Post Background};
  258. color: {color:Post Text};
  259. padding: 10px 20px;
  260. border-top: 1px solid black;
  261. }
  262. .text-area a.tumblr_blog {
  263. text-decoration: none;
  264. }
  265. .font-arial .text-area {
  266. font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  267. }
  268. .font-comic-sans .text-area {
  269. font-family: 'Comic Sans MS', 'Comic Sans', Chalkboard, cursive;
  270. }
  271. .font-consolas .text-area {
  272. font-family: Consolas, Menlo, monospace;
  273. }
  274. .font-georgia .text-area {
  275. font-family: Georgia, 'Times New Roman', Times, serif;
  276. }
  277. .photo .text-area, .video .text-area, .audio .text-area {
  278. display: none;
  279. }
  280. .photo .text-area.has-caption, .video .text-area.has-caption, .audio .text-area.has-caption {
  281. display: block;
  282. }
  283. .photo .text-area.has-tags, .video .text-area.has-tags, .audio .text-area.has-tags {
  284. display: block;
  285. }
  286. .text-area a {
  287. color: {color:Post Text};
  288. text-decoration: underline;
  289. }
  290. .text-area a:hover {
  291. color: {color:Post Text};
  292. text-decoration: underline;
  293. }
  294. .text-area hr {
  295. border: 0;
  296. border-top: 1px dotted {color:Post Text};
  297. }
  298. .text-area img {
  299. max-width: 100%;
  300. height: auto;
  301. }
  302. .text-area iframe {
  303. max-width: 100%;
  304. }
  305. .text-area blockquote {
  306. border-left: 2px solid {color:Post Text};
  307. margin-left: 2px;
  308. padding-left: 8px;
  309. }
  310. .quote-text {
  311. font-family: Georgia, 'Times New Roman', Times, serif;
  312. font-size: 16px;
  313. font-style: italic;
  314. }
  315. .status-bar {
  316. padding: 2px;
  317. border-top: 1px solid black;
  318. color: {color:Menu Bar Text};
  319. background-color: {color:Menu Bar Background};
  320. font-size: 12px;
  321. height: 19px;
  322. }
  323. .status-bar a {
  324. color: {color:Menu Bar Text};
  325. }
  326.  
  327. .media-container {
  328. border-top: 1px solid black;
  329. background-color: {color:Post Background};
  330. overflow: hidden;
  331. }
  332. .photo-post-photo {
  333. max-width: 100%;
  334. height: auto;
  335. display: block;
  336. }
  337. {block:IfStretchImages}
  338. .stretch-images .photo-post-photo {
  339. width: 500px;
  340. }
  341. .stretch-images.layout-two-column .photo-post-photo {
  342. width: 400px;
  343. }
  344. .stretch-images.layout-three-column .photo-post-photo {
  345. width: 275px;
  346. }
  347. {/block:IfStretchImages}
  348.  
  349. .media-container iframe {
  350. display: block;
  351. max-width: 100%;
  352. }
  353. .layout-two-column .video .media-container iframe {
  354. width: 400px;
  355. height: 225px;
  356. }
  357. .layout-three-column .video .media-container iframe {
  358. width: 275px;
  359. height: 154px;
  360. }
  361.  
  362. .video .media-container iframe.instagram-media {
  363. margin: 0 !important;
  364. }
  365.  
  366. .layout-two-column .video .media-container iframe.instagram-media {
  367. width: 400px;
  368. height: 610px;
  369. }
  370. .layout-three-column .video .media-container iframe.instagram-media {
  371. width: 275px;
  372. height: 460px;
  373. }
  374.  
  375. .layout-two-column .soundcloud_audio_player {
  376. width: 400px;
  377. height: 400px;
  378. }
  379. .layout-three-column .soundcloud_audio_player {
  380. width: 275px;
  381. height: 275px;
  382. }
  383.  
  384. .layout-two-column .spotify_audio_player {
  385. width: 400px;
  386. height: 464px;
  387. }
  388. .layout-three-column .spotify_audio_player {
  389. width: 275px;
  390. height: 319px;
  391. }
  392.  
  393. .tumblr_video_iframe {
  394. max-height: 540px;
  395. }
  396.  
  397. ul.chat {
  398. padding: 0;
  399. margin: 0;
  400. list-style-type: none;
  401. font-family: Consolas, Menlo, monospace;
  402. }
  403.  
  404. .chat-label {
  405. font-weight: bold;
  406. }
  407.  
  408. a.read_more:after {
  409. content: " \2192";
  410. }
  411.  
  412. {block:IfCoolNotes}
  413. .note-window {
  414. max-height: 300px;
  415. overflow-y: scroll;
  416. }
  417. ol.notes {
  418. list-style-type: none;
  419. margin: 0;
  420. padding: 0;
  421. font-size: 12px;
  422. font-family: Arial, Helvetica, sans-serif;
  423. }
  424. ol.notes li {
  425. width: 96px;
  426. height: 96px;
  427. float: left;
  428. text-align: center;
  429. margin-top: 12px;
  430. padding-left: 6px;
  431. padding-right: 6px;
  432. overflow: hidden;
  433. }
  434. ol.notes .action {
  435. display:block;
  436. margin-top: 6px;
  437. word-wrap: break-word;
  438. }
  439. ol.notes .avatar_frame {
  440. width: 32px;
  441. height: 32px;
  442. clear: both;
  443. }
  444. ol.notes img {
  445. width: 32px;
  446. height: 32px;
  447. vertical-align: middle;
  448. }
  449. ol.notes blockquote {
  450. display: none;
  451. }
  452. .more_notes_link {
  453. display: none;
  454. }
  455. {/block:IfCoolNotes}
  456. {block:IfNotCoolNotes}
  457. ol.notes {
  458. list-style-type: none;
  459. margin: 0;
  460. padding: 0;
  461. }
  462. ol.notes li {
  463. margin-bottom: 2px;
  464. }
  465. ol.notes .avatar {
  466. width: 24px;
  467. height: 24px;
  468. vertical-align: middle;
  469. margin-right: 8px;
  470. border-radius: 2px;
  471. }
  472. {/block:IfNotCoolNotes}
  473.  
  474. {block:IfInfiniteScrolling}
  475. .pagenav {
  476. display: none;
  477. }
  478. {/block:IfInfiniteScrolling}
  479.  
  480. .pagenav {
  481. float: none !important;
  482. margin: 0 auto !important;
  483. clear: both;
  484. min-width: 400px;
  485. }
  486.  
  487. .pagination {
  488. padding: 10px 0;
  489. text-align: center;
  490. }
  491.  
  492. .pagenav .window {
  493. background-color: {color:Post Background};
  494. }
  495.  
  496. .pagination a, .pagination span {
  497. font-size: 12px;
  498. color: {color:Post Text};
  499. padding: 3px 6px;
  500. }
  501. .pagination a:hover {
  502. color: {color:Title Bar Text} !important;
  503. background-color: {color:Title Bar};
  504. }
  505. .current-page {
  506. color: {color:Title Bar Text} !important;
  507. background-color: {color:Title Bar};
  508. }
  509. a.tag {
  510. opacity: 0.67;
  511. }
  512. a.tag:hover {
  513. opacity: 1;
  514. }
  515. .tag:before {
  516. content: "#";
  517. }
  518.  
  519. .search-container {
  520. width: 100%;
  521. }
  522. input.search {
  523. border: 1px solid black;
  524. background-color: {color:Post Background};
  525. color: {color:Post Text};
  526. padding: 3px;
  527. margin: 2px;
  528. width: 124px;
  529. font-size: 11px;
  530. }
  531.  
  532. /* Hi-DPI stuff */
  533.  
  534. @media only screen and (-webkit-min-device-pixel-ratio: 1.1),
  535. only screen and (-o-min-device-pixel-ratio: 11/10),
  536. only screen and (min-resolution: 110dpi) {
  537. .window-border {
  538. background-image: url('//static.tumblr.com/anzluor/Zn8p2fcyr/win31grip_hidpi.png'), url('//static.tumblr.com/anzluor/Zn8p2fcyr/win31grip_hidpi.png'), url('//static.tumblr.com/anzluor/Zn8p2fcyr/win31grip_hidpi.pngg'), url('//static.tumblr.com/anzluor/Zn8p2fcyr/win31grip_hidpi.png');
  539. background-size: 43px 43px, 43px 43px, 43px 43px, 43px 43px;
  540. }
  541. .title-bar-buttons {
  542. background-image: url('//static.tumblr.com/anzluor/vlBp2fdg1/w31_hidpi.png');
  543. background-size: 57px 18px;
  544. }
  545. .title-bar .icon {
  546. background-image: url('//static.tumblr.com/anzluor/vlBp2fdg1/w31_hidpi.png');
  547. background-size: 57px 18px;
  548. }
  549. }
  550.  
  551. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  552. .clearfix:after { clear: both; }
  553. .clearfix { zoom: 1; }
  554.  
  555. .reblog-avatar {
  556. border-radius: 2px;
  557. width: 16px;
  558. height: 16px;
  559. margin-right: 7px;
  560. vertical-align: middle;
  561. }
  562. .reblog-avatar.deleted {
  563. -webkit-filter: grayscale(1);
  564. filter: grayscale(1);
  565. }
  566. a.reblog-username {
  567. color: {color:Post Text};
  568. text-decoration: none;
  569. }
  570. .asker a, .answerer a {
  571. color: {color:Post Text};
  572. text-decoration: none;
  573. }
  574. .post-section {
  575. border-bottom: 1px solid rgba({RGBcolor:Post Text},0.1);
  576. }
  577. .post-section:last-child {
  578. border-bottom: 0;
  579. }
  580. p.tmblr-attribution {
  581. font-size: 11px;
  582. }
  583. div.npf_row {
  584. max-width: 100%;
  585. height: auto !important;
  586. display: flex;
  587. margin: 0 !important;
  588. }
  589. div.npf_row figure.tmblr-full {
  590. flex: 1;
  591. justify-content: space-between;
  592. margin: 0;
  593. }
  594. div.npf_row figure.tmblr-full:first-child {
  595. padding-right: 2px;
  596. }
  597. .npf-link-block a {
  598. text-decoration: none !important;
  599. }
  600. .post-section figure video, .post-section figure audio {
  601. max-width: 100%;
  602. }
  603.  
  604. .text-area.related {
  605. padding-top: 20px;
  606. padding-right: 5px;
  607. }
  608.  
  609. .square {
  610. background-color: #222;
  611. float: left;
  612. width: 102px;
  613. height: 102px;
  614. border-radius: 2px;
  615. margin-right: 15px;
  616. margin-bottom: 15px;
  617. background-size: cover;
  618. background-position: center center;
  619. color: white;
  620. font-size: 0.8em;
  621. padding: 4px;
  622. overflow: hidden;
  623. }
  624.  
  625. .related-posts-container a:nth-child(n+9) {
  626. display: none;
  627. }
  628.  
  629. .related-posts a:hover .square {
  630. -webkit-filter: brightness(1.07);
  631. filter: brightness(1.07);
  632. }
  633.  
  634. {block:IfNotShowDatesInTitleBars}
  635. .title-bar .post-date {
  636. display: none;
  637. }
  638. {/block:IfNotShowDatesInTitleBars}
  639.  
  640. {CustomCSS}
  641. </style>
  642. {block:IfInfiniteScrolling}<noscript><style>.pagenav{display:block;}</style></noscript>{/block:IfInfiniteScrolling}
  643. <script type="text/javascript">
  644. var win31 = {{block:IfInfiniteScrolling}infScroll: true,{/block:IfInfiniteScrolling}{block:IfNotInfiniteScrolling}infScroll: false,{/block:IfNotInfiniteScrolling} {block:IndexPage}indexPage: true{/block:IndexPage}{block:PermalinkPage}indexPage: false{/block:PermalinkPage}, layout: '{select:Layout}', prefill: false};
  645. </script>
  646. </head>
  647. <body class="{block:IndexPage}index-page page-{CurrentPage}{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage}{block:TagPage} tag-page{/block:TagPage}{block:SearchResults} search-page{/block:SearchResults}{block:NoSearchResults} search-page{/block:NoSearchResults} font-{select:Post Body Font} background-{select:Background Image Style}{block:IndexPage} layout-{select:Layout}{/block:IndexPage}{block:IfStretchImages} stretch-images{/block:IfStretchImages}">
  648. <main>
  649.  
  650. <div class="posts-container">
  651.  
  652. {block:IndexPage}
  653.  
  654. {block:TagPage}
  655. <div class="window-border intro inf-scroll-item">
  656. <div class="window text">
  657. <div class="title-bar">
  658. &nbsp;
  659. </div>
  660. <div class="text-area">
  661. <p><b><center>{lang:Posts tagged Tag}</center></b></p>
  662. </div>
  663. </div>
  664. </div>
  665. {/block:TagPage}
  666.  
  667. {block:SearchResults}
  668. <div class="window-border intro inf-scroll-item">
  669. <div class="window text">
  670. <div class="title-bar">
  671. &nbsp;
  672. </div>
  673. <div class="text-area">
  674. <p><b><center>{lang:SearchResultCount results for SearchQuery 2}</center></b></p>
  675. </div>
  676. </div>
  677. </div>
  678. {/block:SearchResults}
  679.  
  680. {block:NoSearchResults}
  681. <div class="window-border intro inf-scroll-item">
  682. <div class="window text">
  683. <div class="title-bar">
  684. &nbsp;
  685. </div>
  686. <div class="text-area">
  687. <p><b><center>{lang:No results found}</center></b></p>
  688. </div>
  689. </div>
  690. </div>
  691. {/block:NoSearchResults}
  692.  
  693. {/block:IndexPage}
  694.  
  695. {block:Posts}
  696. <div class="window-border inf-scroll-item">
  697. <div id="{PostID}" class="window {PostType}">
  698. <div class="title-bar">
  699. <div class="icon"></div>
  700. {block:Text}
  701. <span class="title">{lang:Text}</span>
  702. {/block:Text}
  703. {block:Answer}
  704. <span class="title">{lang:Answer}</span>
  705. {/block:Answer}
  706. {block:Chat}
  707. <span class="title">{lang:Chat}</span>
  708. {/block:Chat}
  709. {block:Quote}
  710. <span class="title">{lang:Quote}</span>
  711. {/block:Quote}
  712. {block:Photo}
  713. <span class="title">{lang:Photo}</span>
  714. {/block:Photo}
  715. {block:Photoset}
  716. <span class="title">{lang:Photoset}</span>
  717. {/block:Photoset}
  718. {block:Link}
  719. <span class="title">{lang:Link}</span>
  720. {/block:Link}
  721. {block:Video}
  722. <span class="title">{lang:Video}</span>
  723. {/block:Video}
  724. {block:Audio}
  725. <span class="title">{lang:Audio}</span>
  726. {/block:Audio}
  727. {block:Date}<span class="post-date"> - {ShortMonth} {DayOfMonth}, {Year}</span>{/block:Date}
  728. <div class="title-bar-buttons"></div>
  729. </div>
  730. {block:Date}
  731. <div class="menu-bar">
  732. <ul class="menu-items">
  733. <a href="{ReblogURL}"><li><span class="first-letter">R</span>eblog</li></a><a href="{Permalink}"><li><span class="first-letter">P</span>ermalink</li></a>{block:Photo}{block:HighRes}<a target="_blank" href="\image\{PostID}"><li><span class="first-letter">Z</span>oom</li></a>{/block:HighRes}{block:Photo}{block:ContentSource}<a target="_blank" href="{SourceURL}"><li><span class="first-letter">S</span>ource</li></a>{/block:ContentSource}
  734. </ul>
  735. </div>
  736. {/block:Date}
  737. {block:Photo}<div class="media-container">{LinkOpenTag}<img class="photo-post-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>{/block:Photo}
  738. {block:Photoset}<div class="media-container">{Photoset-500}</div>{/block:Photoset}
  739. {block:Video}<div class="media-container">{VideoEmbed-500}</div>{/block:Video}
  740. {block:Audio}<div class="media-container">{AudioEmbed}</div>{/block:Audio}
  741. <div class="text-area{block:Photo}{block:Caption} has-caption{/block:Caption}{block:HasTags} has-tags{/block:HasTags}{/block:Photo}{block:Photoset}{block:Caption} has-caption{/block:Caption}{block:HasTags} has-tags{/block:HasTags}{/block:Photoset}{block:Video}{block:Caption} has-caption{/block:Caption}{block:HasTags} has-tags{/block:HasTags}{/block:Video}{block:Audio}{block:Caption} has-caption{/block:Caption}{block:HasTags} has-tags{/block:HasTags}{/block:Audio}">
  742. {block:Text}
  743. {block:Title}<h2>{Title}</h2>{/block:Title}
  744. {block:NotReblog}
  745. <div class="post-section">
  746. {block:IfCustomAskPageText}{block:AskPage}<p>{text:Custom Ask Page Text}</p>{/block:AskPage}{/block:IfCustomAskPageText}
  747. {Body}
  748. </div>
  749. {/block:NotReblog}
  750. {block:RebloggedFrom}
  751. {block:Reblogs}
  752. <div class="post-section">
  753. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  754. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  755. {block:IsDeactivated}<b>{Username}</b>{/block:IsDeactivated}
  756. </p>
  757. {Body}
  758. </div>
  759. {/block:Reblogs}
  760. {/block:RebloggedFrom}
  761. {/block:Text}
  762. {block:Answer}
  763. <div class="post-section asker">
  764. <p><img class="reblog-avatar" src="{AskerPortraitURL-64}"> <b>{Asker} asked</b></p>
  765. <p>{Question}</p>
  766. </div>
  767. {block:Answerer}
  768. <div class="post-section answerer">
  769. <p><img class="reblog-avatar" src="{AnswererPortraitURL-64}"> <b>{Answerer}</b></p>
  770. {Answer}
  771. </div>
  772. {/block:Answerer}
  773.  
  774. {block:NotReblog}
  775. <div class="post-section">
  776. {Replies}
  777. </div>
  778. {/block:NotReblog}
  779. {block:RebloggedFrom}
  780. {block:Reblogs}
  781. <div class="post-section">
  782. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  783. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  784. {block:IsDeactivated}<b>{Username}</b>{/block:IsDeactivated}
  785. </p>
  786. {Body}
  787. </div>
  788. {/block:Reblogs}
  789. {/block:RebloggedFrom}
  790. {/block:Answer}
  791. {block:Photo}
  792. {block:NotReblog}
  793. {block:Caption}
  794. <div class="post-section">
  795. {Caption}
  796. </div>
  797. {/block:Caption}
  798. {/block:NotReblog}
  799. {block:RebloggedFrom}
  800. {block:Reblogs}
  801. <div class="post-section">
  802. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  803. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  804. {block:IsDeactivated}<b>{Username}</b>{/block:IsDeactivated}
  805. </p>
  806. {Body}
  807. </div>
  808. {/block:Reblogs}
  809. {/block:RebloggedFrom}
  810. {/block:Photo}
  811. {block:Photoset}
  812. {block:NotReblog}
  813. {block:Caption}
  814. <div class="post-section">
  815. {Caption}
  816. </div>
  817. {/block:Caption}
  818. {/block:NotReblog}
  819. {block:RebloggedFrom}
  820. {block:Reblogs}
  821. <div class="post-section">
  822. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  823. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  824. {block:IsDeactivated}<b>{Username}</b>{/block:IsDeactivated}
  825. </p>
  826. {Body}
  827. </div>
  828. {/block:Reblogs}
  829. {/block:RebloggedFrom}
  830. {/block:Photoset}
  831. {block:Link}
  832. <div class="post-section">
  833. <h2><a href="{URL}" class="link-post-link"{block:Host} title="{Host}"{/block:Host} {Target}>{Name} &rarr;</a></h2>
  834. <p>{Host}{block:Excerpt} &mdash; <em>{Excerpt}</em>{/block:Excerpt}</p>
  835. </div>
  836. {block:NotReblog}
  837. {block:Description}
  838. <div class="post-section">
  839. {Description}
  840. </div>
  841. {/block:Description}
  842. {/block:NotReblog}
  843. {block:RebloggedFrom}
  844. {block:Reblogs}
  845. <div class="post-section">
  846. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  847. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  848. {block:IsDeactivated}<b>{Username}</b>{/block:IsDeactivated}
  849. </p>
  850. {Body}
  851. </div>
  852. {/block:Reblogs}
  853. {/block:RebloggedFrom}
  854. {/block:Link}
  855. {block:Quote}
  856. <p class="quote-text">&ldquo;{Quote}&rdquo;</p>
  857. <p style="text-align: right">&mdash; {Source}</p>
  858. {/block:Quote}
  859. {block:Chat}
  860. {block:Title}<h2>{Title}</h2>{/block:Title}
  861. <ul class="chat">
  862. {block:Lines}
  863. <li class="{Alt} user_{UserNumber}">
  864. {block:Label}
  865. <span class="chat-label">{Label}</span>
  866. {/block:Label}
  867.  
  868. <span class="chat-line">{Line}</span>
  869. </li>
  870. {/block:Lines}
  871. </ul>
  872. {/block:Chat}
  873. {block:Video}
  874. {block:NotReblog}
  875. {block:Caption}
  876. <div class="post-section">
  877. {Caption}
  878. </div>
  879. {/block:Caption}
  880. {/block:NotReblog}
  881. {block:RebloggedFrom}
  882. {block:Reblogs}
  883. <div class="post-section">
  884. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  885. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  886. {block:IsDeactivated}<b>{Username}</b>{/block:IsDeactivated}
  887. </p>
  888. {Body}
  889. </div>
  890. {/block:Reblogs}
  891. {/block:RebloggedFrom}
  892. {/block:Video}
  893. {block:Audio}
  894. {block:NotReblog}
  895. {block:Caption}
  896. <div class="post-section">
  897. {Caption}
  898. </div>
  899. {/block:Caption}
  900. {/block:NotReblog}
  901. {block:RebloggedFrom}
  902. {block:Reblogs}
  903. <div class="post-section">
  904. <p><img class="reblog-avatar{block:IsDeactivated} deleted{/block:IsDeactivated}" src="{PortraitURL-64}">
  905. {block:IsActive}<a target="_blank" class="reblog-username" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  906. {block:IsDeactivated}<b>{Username}</b>{/block:IsDeactivated}
  907. </p>
  908. {Body}
  909. </div>
  910. {/block:Reblogs}
  911. {/block:RebloggedFrom}
  912. {/block:Audio}
  913.  
  914. {block:HasTags}
  915. <p>
  916. {block:Tags}
  917. <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;
  918. {/block:Tags}
  919. </p>
  920. {/block:HasTags}
  921. </div>
  922. {block:Date}
  923. <div class="status-bar">
  924. <div class="grip"></div>
  925. {block:Reblog}<a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:Reblog}{block:NotReblog}<a href="{Permalink}">{lang:Posted TimeAgo}</a>{/block:NotReblog}{block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:Audio}{block:PlayCount} - {PlayCountWithLabel}{/block:PlayCount}{/block:Audio}
  926. </div>
  927. {/block:Date}
  928. </div>
  929. </div>
  930.  
  931. {block:PermalinkPage}
  932. {block:PostNotes}
  933. <div class="window-border">
  934. <div class="window">
  935. <div class="title-bar">
  936. <div class="icon"></div>
  937. Notes
  938. <div class="title-bar-buttons"></div>
  939. </div>
  940. <div class="text-area note-window clearfix">
  941. {PostNotes-64}
  942. </div>
  943. <div id="note_count" class="status-bar">
  944. {NoteCountWithLabel}
  945. </div>
  946. </div>
  947. </div>
  948. {/block:PostNotes}
  949. {/block:PermalinkPage}
  950. {/block:Posts}
  951.  
  952. {block:IfShowRelatedPosts}
  953. {block:PermalinkPage}
  954. {block:RelatedPosts}
  955. <div class="window-border">
  956. <div class="window">
  957. <div class="title-bar">
  958. <div class="icon"></div>
  959. {lang:Related Posts}
  960. <div class="title-bar-buttons"></div>
  961. </div>
  962. <div class="text-area related clearfix">
  963.  
  964. <div class="related-posts">
  965. <div class="related-posts-container">
  966. {block:Posts}
  967.  
  968. {block:Text}
  969. <a href="{Permalink}"><div class="square">{block:Title}<b>{PlaintextTitle}</b><br>{/block:Title}{PlaintextBody}</div></a>
  970. {/block:Text}
  971.  
  972. {block:Answer}
  973. <a href="{Permalink}"><div class="square">{PlaintextAsker}:<br>{Question}</div></a>
  974. {/block:Answer}
  975.  
  976. {block:Photo}
  977. <a href="{Permalink}"><div class="square" style="background-image: url({PhotoURL-250})"></div></a>
  978. {/block:Photo}
  979.  
  980. {block:Photoset}
  981. {block:Photos}
  982. <a href="{Permalink}"><div class="square" style="background-image: url({PhotoURL-250})"></div></a>
  983. <!--
  984. {/block:Photos}
  985. -->
  986. {/block:Photoset}
  987.  
  988. {block:Chat}
  989. <a href="{Permalink}"><div class="square">{block:Title}<b>{PlaintextTitle}</b><br>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}<br>{/block:Lines}</div></a>
  990. {/block:Chat}
  991.  
  992. {block:Quote}
  993. <a href="{Permalink}"><div class="square"><span style="font-family: serif">&ldquo;{Quote}&rdquo;</span> &mdash;{PlaintextSource}</div></a>
  994. {/block:Quote}
  995.  
  996. {block:Link}
  997. <a href="{Permalink}"><div class="square"><b>{Name} &rarr;</b><br><span style="opacity: 0.75">{Host}</span></div></a>
  998. {/block:Link}
  999.  
  1000. {block:Video}
  1001. <a href="{Permalink}"><div class="square" style="background-image: url({block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail})"></div></a>
  1002. {/block:Video}
  1003.  
  1004. {block:Audio}
  1005. <a href="{Permalink}"><div class="square" style="background-color: #7c5cff">{block:TrackName}<b>&#9654; {TrackName}</b>{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}</div></a>
  1006. {/block:Audio}
  1007.  
  1008. {/block:Posts}
  1009. </div>
  1010. </div>
  1011. </div>
  1012. </div>
  1013. </div>
  1014. {/block:RelatedPosts}
  1015. {/block:PermalinkPage}
  1016. {/block:IfShowRelatedPosts}
  1017.  
  1018. </div>
  1019.  
  1020. {block:Pagination}
  1021. <div class="window-border pagenav">
  1022. <div class="window">
  1023. <div class="pagination clearfix">
  1024. {block:PreviousPage}<a href="{PreviousPage}" id="previous">&laquo; {lang:Previous}</a>{/block:PreviousPage}
  1025.  
  1026. {block:JumpPagination length="5"}
  1027.  
  1028. {block:CurrentPage}
  1029. <span class="but jump-page current-page">{PageNumber}</span>
  1030. {/block:CurrentPage}
  1031.  
  1032. {block:JumpPage}
  1033. <a class="but jump-page" href="{URL}">{PageNumber}</a>
  1034. {/block:JumpPage}
  1035.  
  1036. {/block:JumpPagination}
  1037.  
  1038. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next} &raquo;</a>{/block:NextPage}
  1039. </div>
  1040. </div>
  1041. </div>
  1042. {/block:Pagination}
  1043.  
  1044. </main>
  1045.  
  1046.  
  1047.  
  1048. <div class="sidebar">
  1049. <div class="window-border">
  1050. <div class="window">
  1051. <div class="title-bar">
  1052. {block:ShowTitle}{Title}{/block:ShowTitle}
  1053. </div>
  1054. {block:ShowAvatar}<a href="/"><img src="{PortraitURL-128}" /></a>{/block:ShowAvatar}
  1055.  
  1056. {block:ShowDescription}<div class="blog-description">{Description}</div>{/block:ShowDescription}
  1057.  
  1058. {block:IfShowSearchBox}
  1059. <form action="/search" method="get" id="search-form">
  1060. <div class="search-container">
  1061. <input class="search" type="text" placeholder="{lang:Search}" name="q" value="{SearchQuery}" />
  1062. </div>
  1063. </form>
  1064. {/block:IfShowSearchBox}
  1065.  
  1066. <ul class="sidebar-links">
  1067. <a href="/"><div class="button-border"><li>{lang:Home}</li></div></a>
  1068. {block:IfShowArchiveLink}<a href="/archive"><div class="button-border"><li>{lang:Archive}</li></div></a>{/block:IfShowArchiveLink}
  1069. {block:IfShowRandomLink}<a href="/random"><div class="button-border"><li>{lang:Random}</li></div></a>{/block:IfShowRandomLink}
  1070. {block:IfShowLikedPostsLink}<a href="https://www.tumblr.com/liked/by/{Name}"><div class="button-border"><li>{lang:Liked posts}</li></div></a>{/block:IfShowLikedPostsLink}
  1071. {block:AskEnabled}
  1072. <a href="/ask"><div class="button-border"><li>{AskLabel}</li></div></a>
  1073. {/block:AskEnabled}
  1074. {block:SubmissionsEnabled}
  1075. <a href="/submit"><div class="button-border"><li>{SubmitLabel}</li></div></a>
  1076. {/block:SubmissionsEnabled}
  1077. {block:HasPages}
  1078. {block:Pages}<a href="{URL}"><div class="button-border"><li>{Label}</li></div></a>{/block:Pages}
  1079. {/block:HasPages}
  1080. <a href="https://adorablethemes.com/theme/win31" target="_blank"><div class="button-border"><li>Theme</li></div></a>
  1081. </ul>
  1082.  
  1083. </div>
  1084. </div>
  1085. </div>
  1086.  
  1087. <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
  1088. <script src="https://static.tumblr.com/anzluor/jA5p3abax/masonry.js" integrity="sha384-QSR8IMziiyR2er9+g5wUifaM6vkO1GA6cAcGnHiX4AirDJeZoNgokDHdz2QesnU2" crossorigin="anonymous"></script>
  1089. {block:IfInfiniteScrolling}<script src="https://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js" integrity="sha384-DCHLD93QqUyWYMNlPlQ7qsaHYiMCzBiQPhi1uREwPnF3cW8CpyzzdSW2xLHlEh2B" crossorigin="anonymous"></script>{/block:IfInfiniteScrolling}
  1090. <script>
  1091. $(function(){
  1092. {block:IndexPage}
  1093. if (win31.layout != 'one-column') {
  1094. fitVideos();
  1095. var container = $('.posts-container');
  1096.  
  1097. container.imagesLoaded( function(){
  1098. container.masonry({
  1099. itemSelector : '.inf-scroll-item',
  1100. transitionDuration: 0
  1101. });
  1102. setTimeout(function(){ container.masonry({
  1103. itemSelector : '.inf-scroll-item',
  1104. transitionDuration: 0
  1105. }); }, 750);
  1106. });
  1107. }
  1108. {block:IfInfiniteScrolling}
  1109. var container = $('main');
  1110.  
  1111. container.infinitescroll({
  1112. navSelector: '.pagination',
  1113. nextSelector: '.pagination a#next',
  1114. itemSelector: '.inf-scroll-item',
  1115. loading: {
  1116. img: 'data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw==',
  1117. msgText: '',
  1118. finishedMsg: '',
  1119. maxPage: {TotalPages}
  1120. }
  1121. },
  1122. function( newElements ) {
  1123. var $newElems = $( newElements ).css({ opacity: 0 });
  1124. var $newElemsIDs = $newElems.map(function () {
  1125. return this.id;
  1126. }).get();
  1127. $newElems.imagesLoaded(function(){
  1128. $newElems.css({ opacity: 1 });
  1129. if (win31.layout != 'one-column') {
  1130. fitVideos();
  1131. container.masonry( 'appended', $newElems, true );
  1132. setTimeout(function(){ container.masonry({
  1133. itemSelector : '.inf-scroll-item',
  1134. transitionDuration: 0
  1135. }); }, 750);
  1136. }
  1137. });
  1138. }
  1139. );
  1140. {/block:IfInfiniteScrolling}
  1141. {/block:IndexPage}
  1142. {block:PermalinkPage}
  1143. var nc = note_count.innerHTML;
  1144. nc = nc.replace('notes', 'file(s)');
  1145. note_count.innerHTML = "Total "+nc;
  1146.  
  1147. {block:IfCoolNotes}
  1148.  
  1149. $(".action").each(function(index) {
  1150. var cl = $(this).parent()[0].classList.toString().split(" ");
  1151. cl[2] = cl[2].replace('tumblelog_', '');
  1152.  
  1153. $(this).text(cl[2]);
  1154. });
  1155.  
  1156. {/block:IfCoolNotes}
  1157. {/block:PermalinkPage}
  1158. });
  1159. function fitVideos() {
  1160. $(".video .media-container iframe").each(function(index) {
  1161. if ($(this).attr('src').search('vine.co') > -1) {
  1162. $(this).css('height', parseInt($(this).css('width')) + "px");
  1163. }
  1164. else if (!$(this).hasClass('instagram-media')) {
  1165. $(this).css('height', (parseInt($(this).css('width')) / 1.77777777) + "px");
  1166. }
  1167. });
  1168. $(".tumblr_video_iframe").each(function(index) {
  1169. $(this).data('aspect-ratio', $(this).data('width') / $(this).data('height'));
  1170. $(this).css('height', (parseInt($(this).css('width')) / $(this).data('aspect-ratio')) + "px");
  1171. });
  1172. }
  1173. </script>
  1174. {block:IfGoogleAnalyticsID}
  1175. <script>
  1176. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1177. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1178. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1179. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1180.  
  1181. ga('create', '{text:Google Analytics ID}', 'auto');
  1182. ga('send', 'pageview');
  1183.  
  1184. </script>
  1185. {/block:IfGoogleAnalyticsID}
  1186. </body>
  1187. </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!