API tools faq
paste
Advertisement
kennythemetalbae1

Pohroro 106 - Square One

kennythemetalbae1
Feb 18th, 2020
725
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. ==============================================
  8.  
  9.  
  10. 「 CODES BY POHRORO 」
  11. @ pohroro.com
  12. Theme ▸ Square One
  13. v1.5.0 | Updated: 12/07/18
  14.  
  15. +
  16.  
  17. Inspiration:
  18. ladmilk.tumblr.com/post/56696608746
  19. sugaeri.tumblr.com/post/146102121353
  20.  
  21. Avatar:
  22. joleng.tumblr.com/post/152603185106
  23.  
  24. Infinite Scroll, Masonry, Video Resize,
  25. PXU Photoset, Reblog & Like Buttons:
  26. shythemes.tumblr.com
  27.  
  28. Modified PXU Photoset:
  29. bychloethemes.tumblr.com
  30.  
  31. Masonry Fade Effect:
  32. blog.innove.it/index.php/2011/08/
  33. jquery-masonry-with-fade-effect
  34.  
  35.  
  36. ==============================================
  37.  
  38. -->
  39.  
  40. <title>{Title}
  41. {block:SearchPage} — Results for '{SearchQuery}'{/block:SearchPage}
  42. {block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. <meta name="viewport" content="width=device-width, initial-scale=1">
  46. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  47.  
  48. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400" rel="stylesheet">
  49. <link href="https://static.tumblr.com/yzs4yqx/3O6p0jbhf/base.css" rel="stylesheet">
  50. <link href="https://static.tumblr.com/yzs4yqx/OXRokx2wl/pxu-photoset.css" rel="stylesheet">
  51.  
  52. <meta name="image:Background" content="">
  53. <meta name="image:Avatar" content="http://i.imgur.com/98g9yMP.png">
  54.  
  55. <meta name="color:Body Font" content="#979797">
  56. <meta name="color:Background" content="#f5f8f8">
  57. <meta name="color:Title" content="#f3b0a6">
  58. <meta name="color:Accent One" content="#d2eb9a">
  59. <meta name="color:Accent Two" content="#f3b0a6">
  60. <meta name="color:Accent Font" content="#ffffff">
  61. <meta name="color:Link" content="#f3b0a6">
  62. <meta name="color:Hover Link" content="#d2eb9a">
  63. <meta name="color:Sidebar Background" content="#ffffff">
  64. <meta name="color:Post Background" content="#ffffff">
  65. <meta name="color:Border" content="#eeeeee">
  66.  
  67. <meta name="select:Background Type" content="background-repeat: repeat;" title="Repeat Background">
  68. <meta name="select:Background Type" content="background-size: cover;" title="Full Page Background">
  69. <meta name="select:Avatar Shape" content="3px" title="Square">
  70. <meta name="select:Avatar Shape" content="100%" title="Circle">
  71. <meta name="if:Infinite Scroll" content="0">
  72. <meta name="if:Fade In Effect" content="1">
  73. <meta name="if:Show Captions" content="1">
  74. <meta name="if:Show Avatar" content="1">
  75. <meta name="if:Show Title" content="1">
  76. <meta name="if:Show Subtitle" content="1">
  77. <meta name="if:Show Description" content="1">
  78. <meta name="if:Inverted Controls" content="1">
  79. <meta name="if:Show Tags" content="1">
  80.  
  81. <meta name="select:Columns" content="1" title="1">
  82. <meta name="select:Columns" content="2" title="2">
  83.  
  84. <meta name="select:Post Size" content="250px" title="250px">
  85. <meta name="select:Post Size" content="300px" title="300px">
  86. <meta name="select:Post Size" content="400px" title="400px">
  87. <meta name="select:Post Size" content="500px" title="500px">
  88. <meta name="select:Post Size" content="540px" title="540px">
  89.  
  90. <meta name="select:Body Font Size" content="10px" title="10px">
  91. <meta name="select:Body Font Size" content="9px" title="9px">
  92. <meta name="select:Body Font Size" content="11px" title="11px">
  93. <meta name="select:Body Font Size" content="12px" title="12px">
  94. <meta name="select:Body Font Size" content="13px" title="13px">
  95.  
  96. <meta name="text:Title" content="Square One.">
  97. <meta name="text:Subtitle" content="● Whistle like a missle bomb ●">
  98. <meta name="text:Link One" content="Link One">
  99. <meta name="text:Link One URL" content="Link One URL">
  100. <meta name="text:Link Two" content="Link Two">
  101. <meta name="text:Link Two URL" content="Link Two URL">
  102. <meta name="text:Link Three" content="Link Three">
  103. <meta name="text:Link Three URL" content="Link Three URL">
  104. <meta name="text:Link Four" content="Link Four">
  105. <meta name="text:Link Four URL" content="Link Four URL">
  106. <meta name="text:Link Five" content="">
  107. <meta name="text:Link Five URL" content="">
  108. <meta name="text:Link Six" content="">
  109. <meta name="text:Link Six URL" content="">
  110. <meta name="text:Link Seven" content="">
  111. <meta name="text:Link Seven URL" content="">
  112. <meta name="text:Link Eight" content="">
  113. <meta name="text:Link Eight URL" content="">
  114. <meta name="text:Post Margin" content="30px">
  115.  
  116. <style>
  117.  
  118. @-webkit-keyframes fadein {
  119. 0% { opacity: 0; }
  120. 100% { opacity: 1; }
  121. }
  122.  
  123. @keyframes fadein {
  124. 0% { opacity: 0; }
  125. 100% { opacity: 1; }
  126. }
  127.  
  128. div#qTip {
  129. font: 8px/10px Karla;
  130. color: {color:Body Font};
  131. text-transform: uppercase;
  132. background: {color:Sidebar Background};
  133. display: none;
  134. border: 1px solid {color:Border};
  135. max-width: 350px;
  136. position: absolute;
  137. text-align: justify;
  138. z-index: 99;
  139. padding: 2px 4px;
  140. margin: -5px 0 0 20px;
  141. border-radius: 2px;
  142. letter-spacing: 1px;
  143. }
  144.  
  145. .tmblr-iframe {
  146. top: 8px!important;
  147. right: 8px!important;
  148. position: fixed!important;
  149. {block:IfInvertedControls}
  150. white-space: nowrap;
  151. -webkit-filter: invert(100%);
  152. filter: invert(100%);
  153. {block:IfInvertedControls}
  154. opacity: 0.2;
  155. -webkit-transform: scale(0.6, 0.6);
  156. transform: scale(0.6, 0.6);
  157. -webkit-transform-origin: right top;
  158. transform-origin: right top;
  159. }
  160.  
  161. body {
  162. font: {select:Body Font Size}/calc(1.5em + ({select:Body Font Size} / 2)) Karla;
  163. color: {color:Body Font};
  164. background: {color:Background} url({image:Background}) fixed;
  165. {select:Background Type}
  166. {block:IfFadeInEffect}
  167. -webkit-animation: fadein 0.8s;
  168. animation: fadein 0.8s;
  169. {/block:IfFadeInEffect}
  170. }
  171.  
  172. a {
  173. color: {color:Link};
  174. }
  175.  
  176. a:hover {
  177. color: {color:Hover Link};
  178. }
  179.  
  180. h1 {
  181. font: normal 14px/14px Montserrat;
  182. text-align: center;
  183. width: calc(100% + 20px);
  184. margin-left: -10px;
  185. padding-bottom: 10px;
  186. border-bottom: 1px solid {color:Border};
  187. color: {color:Title};
  188. text-transform: lowercase;
  189. }
  190.  
  191. #bar {
  192. height: 5px;
  193. width: 100%;
  194. position: fixed;
  195. z-index: 9;
  196. background: {color:Accent Two};
  197. top: 0;
  198. left: 0;
  199. }
  200.  
  201. nav#top {
  202. width: 25%;
  203. background: {color:Sidebar Background};
  204. height: 40px;
  205. top: 5px;
  206. position: fixed;
  207. font-size: 8px;
  208. letter-spacing: 1px;
  209. border-bottom: 1px solid {color:Border};
  210. text-transform: uppercase;
  211. }
  212.  
  213. nav#top ul {
  214. padding: 0;
  215. margin: 0;
  216. text-align: center;
  217. }
  218.  
  219. nav#top ul li {
  220. display: inline-block;
  221. list-style-type: none;
  222. line-height: 41px;
  223. padding-right: 25px;
  224. }
  225.  
  226. nav#top ul li:last-of-type {
  227. padding: 0;
  228. }
  229.  
  230. nav#top svg {
  231. width: 11px;
  232. height: 11px;
  233. fill: {color:Accent One};
  234. margin-bottom: -3px;
  235. margin-right: 3px;
  236. }
  237.  
  238. nav#top a {
  239. color: {color:Body Font};
  240. }
  241.  
  242. nav#top a:hover {
  243. color: {color:Accent Two};
  244. }
  245.  
  246. aside {
  247. background: {color:Sidebar Background};
  248. width: 25%;
  249. height: 100%;
  250. position: fixed;
  251. top: 46px;
  252. display: table;
  253. border-right: 1px solid {color:Border};
  254. }
  255.  
  256. #content {
  257. margin: 0 auto;
  258. left: 0;
  259. right: 0;
  260. position: relative;
  261. text-align: center;
  262. display: table-cell;
  263. vertical-align: middle;
  264. padding-bottom: 40px;
  265. }
  266.  
  267. #avatar {
  268. width: 120px;
  269. margin: 0 auto;
  270. }
  271.  
  272. #avatar img {
  273. width: 120px;
  274. height: 120px;
  275. position: relative;
  276. padding: 2px;
  277. border: 1px solid {color:Border};
  278. border-radius: {select:Avatar Shape};
  279. }
  280.  
  281. #title {
  282. font: 24px/24px Montserrat;
  283. text-transform: lowercase;
  284. letter-spacing: -1px;
  285. width: 270px;
  286. position: relative;
  287. text-align: center;
  288. margin: 15px auto 2px;
  289. color: {color:Title};
  290. }
  291.  
  292. #subtitle {
  293. background: {color:Accent One};
  294. background: -moz-linear-gradient(left, {color:Accent One} 0%, {color:Accent Two} 100%);
  295. background: -webkit-linear-gradient(left, {color:Accent One} 0%, {color:Accent Two} 100%);
  296. background: linear-gradient(to right, {color:Accent One} 0%, {color:Accent Two} 100%);
  297. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Accent One}', endColorstr='{color:Accent Two}',GradientType=1 );
  298. color: {color:Accent Font};
  299. padding: 2px 5px;
  300. letter-spacing: 2px;
  301. border-radius: 2px;
  302. font-size: 8px;
  303. font-style: italic;
  304. text-transform: uppercase;
  305. display: inline;
  306. width: 270px;
  307. margin: 0 auto;
  308. }
  309.  
  310. #description {
  311. border: 1px solid {color:Border};
  312. padding: 0 12px;
  313. margin: 10px auto;
  314. width: 70%;
  315. }
  316.  
  317. #description span {
  318. display: block;
  319. background: {color:Sidebar Background};
  320. padding: 9px;
  321. position: relative;
  322. line-height: 16px;
  323. margin-top: -1px;
  324. margin-bottom: -1px;
  325. }
  326.  
  327. nav#main {
  328. list-style-type: none;
  329. margin: 0 auto;
  330. padding: 0;
  331. width: 250px;
  332. }
  333.  
  334. nav#main li {
  335. width: 100px;
  336. display: inline-block;
  337. text-transform: uppercase;
  338. font-size: 8px;
  339. letter-spacing: 1px;
  340. border-bottom: 1px solid {color:Border};
  341. padding: 7px;
  342. margin-right: 7px;
  343. margin-top: -1px;
  344. line-height: 21px;
  345. }
  346.  
  347. nav#main b {
  348. color: {color:Accent Two};
  349. margin-right: 4px;
  350. }
  351.  
  352. nav#main a {
  353. color: {color:Body Font};
  354. }
  355.  
  356. nav#main a:hover {
  357. color: {color:Accent One};
  358. }
  359.  
  360. #right-bar {
  361. height: 40px;
  362. top: 5px;
  363. position: fixed;
  364. width: 75%;
  365. left: 25%;
  366. background: {color:Sidebar Background};
  367. border-bottom: 1px solid {color:Border};
  368. border-left: 1px solid {color:Border};
  369. z-index: 9;
  370. }
  371.  
  372. #search {
  373. margin-left: 15px;
  374. margin-top: 10px;
  375. width: 175px;
  376. }
  377.  
  378. #search input[type=text] {
  379. border: 1px solid {color:Border};
  380. width: 150px;
  381. padding: 2px 0 1px 0;
  382. font: 11px/15px Karla;
  383. border-radius: 2px;
  384. color: {color:Body Font};
  385. background: {color:Background};
  386. text-align: center;
  387. }
  388.  
  389. #search button {
  390. float: right;
  391. background: none;
  392. margin-left: 20px;
  393. margin-top: -18px;
  394. }
  395.  
  396. #search button svg {
  397. width: 15px;
  398. height: 15px;
  399. fill: {color:Accent One};
  400. }
  401.  
  402. #search button:hover svg {
  403. fill: {color:Accent Two};
  404. }
  405.  
  406. #wrap {
  407. width: 75%;
  408. left: 25%;
  409. top: 35px;
  410. padding-bottom: 35px;
  411. position: absolute;
  412. }
  413.  
  414. #entries {
  415. margin: 60px auto;
  416. left: 0;
  417. right: 0;
  418. position: relative;
  419. text-align: justify;
  420. {block:IndexPage}
  421. width: calc(({select:Post Size} * {select:Columns}) + ({select:Columns} * ({text:Post Margin} * 2) + 44px));
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. width: 540px;
  425. {/block:PermalinkPage}
  426. }
  427.  
  428. {block:IfFadeInEffect}
  429. .masonry {
  430. -webkit-transition-property: height, width;
  431. transition-property: height, width;
  432. -webkit-transition-duration: 0.2s;
  433. transition-duration: 0.2s;
  434. }
  435.  
  436. .masonry .masonry-brick {
  437. -webkit-transition-duration: 1s;
  438. transition-duration: 1s;
  439. }
  440.  
  441. .item.masonry-brick {
  442. opacity: 1;
  443. -webkit-transition-property: opacity;
  444. transition-property: opacity;
  445. }
  446. {/block:IfFadeInEffect}
  447.  
  448. .post {
  449. text-align: justify;
  450. width: {select:Post Size};
  451. background: {color:Post Background};
  452. border: 1px solid {color:Border};
  453. padding: 10px 10px 0 10px;
  454. {block:IndexPage}
  455. {block:IfShowTags}
  456. margin: 0px {text:Post Margin} calc({text:Post Margin} + 30px);
  457. {/block:IfShowTags}
  458. {block:IfNotShowTags}
  459. margin: 0px {text:Post Margin} calc({text:Post Margin} + 10px);
  460. {/block:IfNotShowTags}
  461. opacity: 0;
  462. z-index: -1;
  463. {/block:IndexPage}
  464. {block:PermalinkPage}
  465. margin: 0 auto;
  466. width: 540px;
  467. {block:IfFadeInEffect}
  468. -webkit-animation: fadein 1s;
  469. animation: fadein 1s;
  470. {/block:IfFadeInEffect}
  471. {/block:PermalinkPage}
  472. }
  473.  
  474. .post-pad {
  475. height: 6px;
  476. }
  477.  
  478. .post img {
  479. max-width: 100%;
  480. height: auto;
  481. }
  482.  
  483. .post blockquote {
  484. border-left: 1px solid {color:Border};
  485. margin: -8px 10px 10px 10px;
  486. padding: 0 0 0 15px;
  487. }
  488.  
  489. .caption {
  490. width: 100%;
  491. margin-left: -10px;
  492. border-top: 1px solid {color:Border};
  493. padding: 0 10px;
  494. margin-top: 4px;
  495. }
  496.  
  497. .quote {
  498. text-align: center;
  499. font-size: 13px;
  500. font-style: italic;
  501. padding: 5px 0;
  502. }
  503.  
  504. .source {
  505. font-style: normal;
  506. font-size: {select:Body Font Size};
  507. }
  508.  
  509. .audio {
  510. width: 100%;
  511. height: 60px;
  512. display: table;
  513. }
  514.  
  515. .audio_player {
  516. margin-left: -3px;
  517. }
  518.  
  519. .player {
  520. width: 27px;
  521. height: 27px;
  522. margin: 12px 0 0 13px;
  523. border: 5px solid #f2f2f2;
  524. line-height: 0;
  525. overflow: hidden;
  526. z-index: 1;
  527. }
  528.  
  529. .details {
  530. height: 60px;
  531. width: 100%;
  532. display: table-cell;
  533. vertical-align: middle;
  534. text-align: center;
  535. text-transform: uppercase;
  536. line-height: 1.4;
  537. padding: 0 10px;
  538. }
  539.  
  540. .title {
  541. font-weight: bold;
  542. }
  543.  
  544. .artist {
  545. font-size: 0.9em;
  546. letter-spacing: 1px;
  547. }
  548.  
  549. .asker {
  550. margin-bottom: 10px;
  551. font: 13px Montserrat;
  552. text-transform: lowercase;
  553. }
  554.  
  555. .asker .avatar img {
  556. width: 20px;
  557. height: 20px;
  558. border-radius: 100%;
  559. float: left;
  560. margin-right: 7px;
  561. }
  562.  
  563. .asker a,
  564. .asker {
  565. color: {color:Accent Two};
  566. }
  567.  
  568. .question {
  569. border-top: 1px solid {color:Border};
  570. width: 100%;
  571. padding: 10px;
  572. margin-left: -10px;
  573. }
  574.  
  575. #permalink {
  576. text-transform: uppercase;
  577. font-size: 8px;
  578. line-height: 13px;
  579. height: 13px;
  580. border-top: 1px solid {color:Border};
  581. padding: 7px 0 7px 10px;
  582. letter-spacing: 1px;
  583. width: calc({select:Post Size} + 10px);
  584. margin-left: -10px;
  585. margin-top: 4px;
  586. }
  587.  
  588. #permalink a {
  589. color: {color:Body Font};
  590. }
  591.  
  592. #permalink a:hover .time,
  593. .controls a:hover {
  594. background: {color:Accent Two};
  595. }
  596.  
  597. .time {
  598. background: {color:Accent One};
  599. color: {color:Accent Font};
  600. padding: 1px 2px 1px 4px;
  601. border-radius: 2px;
  602. margin-right: 2px;
  603. font-size: 8px;
  604. -webkit-transition: all 0.5s ease;
  605. transition: all 0.5s ease;
  606. }
  607.  
  608. .controls {
  609. -webkit-transition: all 0.5s ease;
  610. transition: all 0.5s ease;
  611. float: right;
  612. margin-top: -21px;
  613. margin-right: -1px;
  614. line-height: 20px;
  615. }
  616.  
  617. .controls svg {
  618. width: 7px;
  619. height: 9px;
  620. overflow: visible;
  621. display: inline-block;
  622. border-radius: 100%;
  623. fill: {color:Accent Font};
  624. text-shadow: 0 0;
  625. -webkit-transition: all 0.5s ease;
  626. transition: all 0.5s ease;
  627. margin-left: 4px;
  628. margin-bottom: 1px;
  629. }
  630.  
  631. .controls a {
  632. position: relative;
  633. background: {color:Accent One};
  634. border-radius: 100%;
  635. width: 15px;
  636. height: 15px;
  637. display: inline-block;
  638. margin-right: 1px;
  639. }
  640.  
  641. .controls .reblog svg {
  642. width: 7px;
  643. height: 7px;
  644. margin-bottom: 2px;
  645. margin-left: 4px;
  646. display: inline-block;
  647. }
  648.  
  649. .controls .like .liked + svg path {
  650. fill: {color:Accent Two};
  651. }
  652.  
  653. .controls .like .like_button iframe {
  654. position: absolute;
  655. top: 0;
  656. left: 0;
  657. bottom: 0;
  658. right: 0;
  659. opacity: 0;
  660. z-index: 2;
  661. }
  662.  
  663. #permpage {
  664. text-transform: uppercase;
  665. text-align: center;
  666. margin-top: 5px;
  667. line-height: 16px;
  668. font-size: 9px;
  669. border-top: 1px solid {color:Border};
  670. border-bottom: 1px solid {color:Border};
  671. width: calc(100% + 20px);
  672. margin-left: -10px;
  673. padding: 10px 0;
  674. }
  675.  
  676. .tags {
  677. text-transform: uppercase;
  678. text-align: center;
  679. {block:IndexPage}
  680. position: absolute;
  681. font-size: 7px;
  682. width: {select:Post Size};
  683. margin-top: 10px;
  684. letter-spacing: 1px;
  685. line-height: 11px;
  686. {/block:IndexPage}
  687. }
  688.  
  689. .tags a {
  690. {block:IndexPage}
  691. color: {color:Body Font};
  692. {/block:IndexPage}
  693. margin-right: 3px;
  694. }
  695.  
  696. .tags a:last-of-type {
  697. margin: 0;
  698. }
  699.  
  700. ol.notes {
  701. padding: 0;
  702. margin: 20px 0px;
  703. list-style-type: none;
  704. }
  705.  
  706. ol.notes li.note {
  707. margin-bottom: 10px;
  708. }
  709.  
  710. ol.notes li.note img.avatar {
  711. border-radius: 100%;
  712. vertical-align: -4px;
  713. margin-right: 10px;
  714. width: 16px;
  715. height: 16px;
  716. }
  717.  
  718. .pagination {
  719. margin: 0 auto;
  720. text-align: center;
  721. position: relative;
  722. margin-top: 40px;
  723. display: block;
  724. font-size: 9px;
  725. {block:IfInfiniteScroll}
  726. display: none;
  727. {/block:IfInfiniteScroll}
  728. }
  729.  
  730. .pagination a,
  731. .current_page {
  732. margin: 0 4px;
  733. display: inline-block;
  734. width: 20px;
  735. height: 20px;
  736. text-align: center;
  737. border-radius: 100%;
  738. color: {color:Body Font};
  739. line-height: 20px;
  740. border: 1px solid {color:Border};
  741. }
  742.  
  743. .pagination a:hover {
  744. background: {color:Accent Two};
  745. color: {color:Accent Font};
  746. }
  747.  
  748. .pagination svg {
  749. width: 10px;
  750. height: 10px;
  751. display: inline-block;
  752. fill: {color:Body Font};
  753. margin-bottom: -2px;
  754. }
  755.  
  756. .pagination a svg {
  757. margin-top: 5px;
  758. }
  759.  
  760. .pagination a:hover svg {
  761. fill: {color:Accent Font};
  762. }
  763.  
  764. .current_page {
  765. background: {color:Accent One};
  766. color: {color:Sidebar Background};
  767. }
  768.  
  769. ::selection {
  770. background: {color:Link};
  771. color: #fff;
  772. }
  773.  
  774. #infscr-loading {
  775. opacity: 0;
  776. line-height: 0px;
  777. }
  778.  
  779. </style>
  780. </head>
  781. <body>
  782.  
  783. <div id="bar"></div>
  784.  
  785. <nav id="top">
  786. <ul>
  787. <li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 9.185l7 6.514v6.301h-3v-5h-8v5h-3v-6.301l7-6.514zm0-2.732l-9 8.375v9.172h7v-5h4v5h7v-9.172l-9-8.375zm12 5.695l-12-11.148-12 11.133 1.361 1.465 10.639-9.868 10.639 9.883 1.361-1.465z"></svg> <a href="/">Home</a></li>
  788. <li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 3.002c4.411 0 8 2.849 8 6.35 0 3.035-3.029 6.311-7.925 6.311-1.58 0-2.718-.317-3.718-.561-.966.593-1.256.813-3.006 1.373.415-1.518.362-2.182.331-3.184-.837-1.001-1.682-2.069-1.682-3.939 0-3.501 3.589-6.35 8-6.35zm0-2.002c-5.281 0-10 3.526-10 8.352 0 1.711.615 3.391 1.705 4.695.047 1.527-.851 3.718-1.661 5.312 2.168-.391 5.252-1.258 6.649-2.115 1.181.289 2.312.421 3.382.421 5.903 0 9.925-4.038 9.925-8.313 0-4.852-4.751-8.352-10-8.352zm11.535 11.174c-.161.488-.361.961-.601 1.416 1.677 1.262 2.257 3.226.464 5.365-.021.745-.049 1.049.138 1.865-.892-.307-.979-.392-1.665-.813-2.127.519-4.265.696-6.089-.855-.562.159-1.145.278-1.74.364 1.513 1.877 4.298 2.897 7.577 2.1.914.561 2.933 1.127 4.352 1.385-.53-1.045-1.117-2.479-1.088-3.479 1.755-2.098 1.543-5.436-1.348-7.348zm-15.035-3.763c-.591 0-1.071.479-1.071 1.071s.48 1.071 1.071 1.071 1.071-.479 1.071-1.071-.48-1.071-1.071-1.071zm3.5 0c-.591 0-1.071.479-1.071 1.071s.48 1.071 1.071 1.071 1.071-.479 1.071-1.071-.48-1.071-1.071-1.071zm3.5 0c-.591 0-1.071.479-1.071 1.071s.48 1.071 1.071 1.071 1.071-.479 1.071-1.071-.48-1.071-1.071-1.071z"></svg> <a href="/ask">Ask</a></li>
  789. <li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.508 11.504l.93-2.494 2.998 6.268-6.31 2.779.894-2.478s-8.271-4.205-7.924-11.58c2.716 5.939 9.412 7.505 9.412 7.505zm7.492-9.504v-2h-21v21h2v-19h19zm-14.633 2c.441.757.958 1.422 1.521 2h14.112v16h-16v-8.548c-.713-.752-1.4-1.615-2-2.576v13.124h20v-20h-17.633z"></svg> <a href="/archive">Archive</a></li>
  790. <li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 10.935v2.131l-8 3.947v-2.23l5.64-2.783-5.64-2.79v-2.223l8 3.948zm-16 3.848l-5.64-2.783 5.64-2.79v-2.223l-8 3.948v2.131l8 3.947v-2.23zm7.047-10.783h-2.078l-4.011 16h2.073l4.016-16z"></svg> <a href="http://pohroro.com" title="Codes by Pohroro">Theme</a></li>
  791. </ul>
  792. </nav>
  793.  
  794. <aside>
  795. <div id="content">
  796.  
  797. {block:IfShowAvatar}<div id="avatar"><img src="{image:Avatar}"></div>{/block:IfShowAvatar}
  798. {block:IfShowTitle}<div id="title">{text:Title}</div>{/block:IfShowTitle}
  799. {block:IfShowSubtitle}<div id="subtitle">{text:Subtitle}</div>{/block:IfShowSubtitle}
  800. {block:IfShowDescription}<div id="description"><span>{Description}</span></div>{/block:IfShowDescription}
  801.  
  802. <nav id="main">
  803. {block:IfLinkOne}<a href="{text:Link One URL}"><li><b>01.</b> {text:Link One}</li></a>{/block:IfLinkOne}
  804. {block:IfLinkTwo}<a href="{text:Link Two URL}"><li><b>02.</b> {text:Link Two}</li></a><br>{/block:IfLinkTwo}
  805. {block:IfLinkThree}<a href="{text:Link Three URL}"><li><b>03.</b> {text:Link Three}</li></a>{/block:IfLinkThree}
  806. {block:IfLinkFour}<a href="{text:Link Four URL}"><li><b>04.</b> {text:Link Four}</li></a><br>{/block:IfLinkFour}
  807. {block:IfLinkFive}<a href="{text:Link Five URL}"><li><b>05.</b> {text:Link Five}</li></a>{/block:IfLinkFive}
  808. {block:IfLinkSix}<a href="{text:Link Six URL}"><li><b>06.</b> {text:Link Six}</li></a><br>{/block:IfLinkSix}
  809. {block:IfLinkSeven}<a href="{text:Link Seven URL}"><li><b>07.</b> {text:Link Seven}</li></a>{/block:IfLinkSeven}
  810. {block:IfLinkEight}<a href="{text:Link Eight URL}"><li><b>08.</b> {text:Link Eight}</li></a>{/block:IfLinkEight}
  811. </ul>
  812. </nav>
  813.  
  814. {block:Pagination}
  815. <div class="pagination">
  816. {block:PreviousPage}
  817. <a href="{PreviousPage}" class="jump_page"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1 c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/>
  818. </svg></a>
  819. {/block:PreviousPage}
  820.  
  821. {block:JumpPagination length="3"}
  822. {block:CurrentPage}
  823. <span class="current_page">{PageNumber}</span>
  824. {/block:CurrentPage}
  825.  
  826. {block:JumpPage}
  827. <a class="jump_page" href="{URL}">{PageNumber}</a>
  828. {/block:JumpPage}
  829. {/block:JumpPagination}
  830.  
  831. {block:NextPage}
  832. <a href="{NextPage}" class="jump_page"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9 c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></a>
  833. {/block:NextPage}
  834. </div>
  835. {/block:Pagination}
  836.  
  837. </div>
  838. </aside>
  839.  
  840. <div id="right-bar">
  841. <div id="searchbar">
  842. <form action="/search" method="get" id="search">
  843. <input type="text" name="q" value="">
  844. <button type="submit">
  845. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.172 24l-7.387-7.387c-1.388.874-3.024 1.387-4.785 1.387-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9c0 1.761-.514 3.398-1.387 4.785l7.387 7.387-2.828 2.828zm-12.172-8c3.859 0 7-3.14 7-7s-3.141-7-7-7-7 3.14-7 7 3.141 7 7 7z"></svg>
  846. </svg></button>
  847. </div>
  848.  
  849. </div>
  850.  
  851. <div id="wrap">
  852. <div id="container">
  853. <div id="entries">
  854.  
  855. {block:Posts}
  856. <div class="post" id="{PostID}">
  857. {block:Text}
  858. {block:Title}<h1>{Title}</h1>{/block:Title}
  859. {Body}
  860. {/block:Text}
  861.  
  862. {block:Photo}
  863. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}
  864. {/block:Photo}
  865.  
  866. {block:Photoset}
  867. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  868. <div class="post-pad"></div>
  869. {/block:Photoset}
  870.  
  871. {block:Quote}
  872. <div class="quote">
  873. {Quote}<br>
  874. {block:Source}<span class="source">&#8212; {Source}</span>{/block:Source}
  875. </div>
  876. {/block:Quote}
  877.  
  878. {block:Link}
  879. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  880. {block:Description}{Description}{/block:Description}
  881. {/block:Link}
  882.  
  883. {block:Chat}
  884. {block:Title}<h1>{Title}</h1>{/block:Title}
  885. {block:Lines}
  886. {block:Label}<b>{Label}</b>{/block:Label}
  887. {Line}<br>
  888. {/block:Lines}
  889. {/block:Chat}
  890.  
  891. {block:Audio}
  892. <div class="audio">
  893. <div class="player">{AudioPlayerWhite}</div>
  894. <div class="details">
  895. {block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}<br>
  896. {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div>
  897. </div>
  898. <div class="post-pad"></div>
  899. {/block:Audio}
  900.  
  901. {block:Video}
  902. <div class="video">{Video-500}</div>
  903. {/block:Video}
  904.  
  905. {block:ReblogParent}
  906. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  907. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  908. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  909. {/block:ReblogParent}
  910.  
  911. {block:Answer}
  912. <div class="asker">
  913. <div class="avatar"><img src="{AskerPortraitURL-24}"></div>
  914. <span>{Asker} asked:</span></div>
  915. <div class="question">{Question}</div>
  916. <div class="caption">{Answer}</div>
  917. {/block:Answer}
  918.  
  919. {block:IfShowCaptions}
  920. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  921. {/block:IfShowCaptions}
  922.  
  923. {block:IndexPage}
  924. <div id="permalink">
  925. <a href="{Permalink}"><span class="time">{TimeAgo}</span> {NoteCountWithLabel}</div></a>
  926. <div class="controls">
  927. <a href="{ReblogURL}" target="_blank" class="reblog" title="Reblog">
  928. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"></g></g></svg>
  929. </a>
  930. <a href="#" class="like" title="Like">{LikeButton}
  931. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"></g></g></svg>
  932. </a>
  933. </div>
  934.  
  935. {block:IfShowTags}
  936. {block:IndexPage}
  937. <div class="tags">
  938. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  939. </div>
  940. {/block:IndexPage}
  941. {/block:IfShowTags}
  942.  
  943. </div>
  944. {/block:IndexPage}
  945.  
  946. {block:PermalinkPage}
  947. {block:IfNotShowCaption}{block:Caption}{Caption}{/block:Caption}{block:IfNotShowCaption}
  948. {block:Date}<div id="permpage">
  949. Posted {TimeAgo} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>
  950. {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
  951. {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  952. </div>{/block:Date}
  953. {/block:PermalinkPage}
  954.  
  955. {block:PostNotes}{PostNotes}{/block:PostNotes}
  956.  
  957. {/block:Posts}
  958.  
  959. </div>
  960. </div>
  961. </div>
  962.  
  963. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  964. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  965. <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  966. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  967. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  968.  
  969. {block:IndexPage}
  970. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  971. <script src="https://static.tumblr.com/kmw8hta/Ghmoy15ke/imagesloaded.pkgd.min.js"></script>
  972. {block:IfInfiniteScroll}
  973. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  974. {/block:IfInfiniteScroll}
  975. {/block:IndexPage}
  976.  
  977. <script>
  978. $(document).ready(function() {
  979. $('.photo-slideshow').pxuPhotoset({
  980. lightbox: true,
  981. rounded: false,
  982. gutter: '3px',
  983. photoset: '.photo-slideshow',
  984. photoWrap: '.photo-data',
  985. photo: '.pxu-photo'
  986. });
  987. {block:IndexPage}
  988. var $container = $('#entries');
  989. $container.imagesLoaded(function() {
  990. $container.masonry({
  991. itemSelector: '.post'
  992. });
  993. $container.find('.post').animate({
  994. opacity: 1,
  995. zIndex: 1
  996. });
  997. });
  998.  
  999. {block:IfInfiniteScroll}
  1000. $container.infinitescroll({
  1001. itemSelector: '.post',
  1002. navSelector: '.pagination',
  1003. nextSelector: '.pagination a',
  1004. loadingImg: '',
  1005. loadingText: '<em></em>',
  1006. bufferPx: 3000
  1007. },
  1008. function( newElements ) {
  1009. var $newElems = $( newElements );
  1010. var $newElemsIDs = $newElems.map(function() {
  1011. return this.id;
  1012. }).get();
  1013. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1014. $newElems.find('.photo-slideshow').pxuPhotoset({
  1015. lightbox: true,
  1016. rounded: false,
  1017. gutter: '3px',
  1018. photoset: '.photo-slideshow',
  1019. photoWrap: '.photo-data',
  1020. photo: '.pxu-photo'
  1021. });
  1022. $newElems.find('.video').each(function() {
  1023. resizeVideos();
  1024. });
  1025. $newElems.imagesLoaded(function() {
  1026. $container.masonry('appended', $newElems);
  1027. $newElems.animate({
  1028. opacity: 1,
  1029. zIndex: 1
  1030. });
  1031. });
  1032. });
  1033. {/block:IfInfiniteScroll}
  1034. {/block:IndexPage}
  1035. });
  1036. </script>
  1037.  
  1038. </body>
  1039. </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!