API tools faq
paste
Advertisement
Krahie

Untitled

Krahie
Oct 21st, 2017
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.72 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.             @ http://pohroro.com
  12.           Theme ▸ 107. Square Two
  13.        Last Updated: 3 November 2016
  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.  Masonry + Infinite Scroll + PXU Photosets,
  25.                Post Controls:
  26.             shythemes.tumblr.com
  27.            
  28.            
  29. ==============================================
  30.  
  31. -->
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36.  
  37. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:400" rel="stylesheet" type="text/css">
  38. <link href="https://static.tumblr.com/yzs4yqx/aSjo8f2eh/reset.css" rel="stylesheet" type="text/css">
  39. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  40.  
  41. <meta name="image:Background" content="http://i.imgur.com/8ee2ghz.png">
  42. <meta name="image:Avatar" content="http://i.imgur.com/JApvZVu.png">
  43.  
  44. <meta name="color:Body Font" content="#DCDCDC">
  45. <meta name="color:Background" content="#000000">
  46. <meta name="color:Title" content="#F4166F">
  47. <meta name="color:Accent One" content="#F9E24B">
  48. <meta name="color:Accent Two" content="#F4166F">
  49. <meta name="color:Accent Font" content="#000000">
  50. <meta name="color:Link" content="#F4166F">
  51. <meta name="color:Hover Link" content="#F9E24B">
  52. <meta name="color:Sidebar Background" content="#0F0F0F">
  53. <meta name="color:Post Background" content="#0F0F0F">
  54. <meta name="color:Border" content="#2B2B2B">
  55.  
  56. <meta name="select:Background Type" content="background-repeat: repeat;" title="Repeat Background">
  57. <meta name="select:Background Type" content="background-size: cover;" title="Full Page Background">
  58. <meta name="select:Avatar Shape" content="border-radius: 3px;" title="Square">
  59. <meta name="select:Avatar Shape" content="border-radius: 100%;" title="Circle">
  60. <meta name="if:Infinite Scroll" content="1">
  61. <meta name="if:Show Captions" content="1">
  62. <meta name="if:Multicolumn" content="1">
  63. <meta name="if:Inverted Controls" content="0">
  64. <meta name="if:Show Tags" content="1">
  65. <meta name="if:Show Updates Section" content="1">
  66. <meta name="if:Show Information Section" content="1">
  67. <meta name="if:Show Custom Section One" content="0">
  68. <meta name="if:Show Custom Section Two" content="0">
  69. <meta name="if:Show Update One" content="1">
  70. <meta name="if:Show Update Two" content="1">
  71. <meta name="if:Show Update Three" content="1">
  72. <meta name="if:Show Update Four" content="1">
  73. <meta name="if:Show Update Five" content="0">
  74. <meta name="if:Show Update Six" content="0">
  75. <meta name="if:Show Update Seven" content="0">
  76. <meta name="if:Show Update Eight" content="0">
  77. <meta name="if:Custom Link Three" content="1">
  78. <meta name="if:Custom Link Four" content="1">
  79. <meta name="if:Custom Link Five" content="1">
  80. <meta name="if:Custom Link Six" content="1">
  81. <meta name="if:Custom Link Seven" content="0">
  82. <meta name="if:Custom Link Eight" content="0">
  83. <meta name="if:Show Stat One" content="1">
  84. <meta name="if:Show Stat Two" content="1">
  85. <meta name="if:Show Stat Three" content="1">
  86. <meta name="if:Show Stat Four" content="1">
  87. <meta name="if:Show Stat Five" content="0">
  88. <meta name="if:Show Stat Six" content="0">
  89.  
  90. <meta name="select:Post Size" content="250px" title="250px">
  91. <meta name="select:Post Size" content="300px" title="300px">
  92. <meta name="select:Post Size" content="400px" title="400px">
  93. <meta name="select:Post Size" content="500px" title="500px">
  94. <meta name="select:Post Size" content="540px" title="540px">
  95.  
  96. <meta name="select:Body Font Size" content="9px" title="9px">
  97. <meta name="select:Body Font Size" content="10px" title="10px">
  98. <meta name="select:Body Font Size" content="11px" title="11px">
  99. <meta name="select:Body Font Size" content="12px" title="12px">
  100. <meta name="select:Body Font Size" content="13px" title="13px">
  101.  
  102. <meta name="text:Title" content="Square Two.">
  103. <meta name="text:Subtitle" content="Cras tincidunt pretium felis">
  104. <meta name="text:Post Margin" content="60px">
  105. <meta name="text:Update Date One" content="01/01">
  106. <meta name="text:Update One" content="Update One Details">
  107. <meta name="text:Update One URL" content="">
  108. <meta name="text:Update Date Two" content="02/02">
  109. <meta name="text:Update Two" content="Update Two Details">
  110. <meta name="text:Update Two URL" content="">
  111. <meta name="text:Update Date Three" content="03/03">
  112. <meta name="text:Update Three" content="Update Three Details">
  113. <meta name="text:Update Three URL" content="">
  114. <meta name="text:Update Date Four" content="04/04">
  115. <meta name="text:Update Four" content="Update Four Details">
  116. <meta name="text:Update Four URL" content="">
  117. <meta name="text:Update Date Five" content="05/05">
  118. <meta name="text:Update Five" content="Update Five Details">
  119. <meta name="text:Update Five URL" content="">
  120. <meta name="text:Update Date Six" content="06/06">
  121. <meta name="text:Update Six" content="Update Six Details">
  122. <meta name="text:Update Six URL" content="">
  123. <meta name="text:Update Date Seven" content="07/07">
  124. <meta name="text:Update Seven" content="Update Seven Details">
  125. <meta name="text:Update Seven URL" content="">
  126. <meta name="text:Update Date Eight" content="08/08">
  127. <meta name="text:Update Eight" content="Update Eight Details">
  128. <meta name="text:Update Eight URL" content="">
  129. <meta name="text:Link One" content="Link One">
  130. <meta name="text:Link One URL" content="Link One URL">
  131. <meta name="text:Link Two" content="Link Three">
  132. <meta name="text:Link Two URL" content="Link Two URL">
  133. <meta name="text:Link Three" content="Link Two">
  134. <meta name="text:Link Three URL" content="Link Three URL">
  135. <meta name="text:Link Four" content="Link Four">
  136. <meta name="text:Link Four URL" content="Link Four URL">
  137. <meta name="text:Link Five" content="Link Five">
  138. <meta name="text:Link Five URL" content="Link Five URL">
  139. <meta name="text:Link Six" content="Link Six">
  140. <meta name="text:Link Six URL" content="Link Six URL">
  141. <meta name="text:Link Seven" content="Link Seven">
  142. <meta name="text:Link Seven URL" content="Link Seven URL">
  143. <meta name="text:Link Eight" content="Link Eight">
  144. <meta name="text:Link Eight URL" content="Link Eight URL">
  145. <meta name="text:Stat One" content="Stat One">
  146. <meta name="text:Stat One Details" content="Stat One Details">
  147. <meta name="text:Stat Two" content="Stat Two">
  148. <meta name="text:Stat Two Details" content="Stat Two Details">
  149. <meta name="text:Stat Three" content="Stat Three">
  150. <meta name="text:Stat Three Details" content="Stat Three Details">
  151. <meta name="text:Stat Four" content="Stat Four">
  152. <meta name="text:Stat Four Details" content="Stat Four Details">
  153. <meta name="text:Stat Five" content="Stat Five">
  154. <meta name="text:Stat Five Details" content="Stat Five Details">
  155. <meta name="text:Stat Six" content="Stat Six">
  156. <meta name="text:Stat Six Details" content="Stat Six Details">
  157. <meta name="text:Custom Section Title One" content="Title One">
  158. <meta name="text:Custom Section Content One" content="Custom Section Content">
  159. <meta name="text:Custom Section Title Two" content="Title Two">
  160. <meta name="text:Custom Section Content Two" content="Custom Section Content">
  161.  
  162. <img src="http://zynima.net/3a.png" style="position:fixed; left:100%; margin-left:-760px; top:100%; margin-top:-939px; z-index:-1; opacity: 1;"/>
  163.  
  164. <style>
  165.  
  166. div#qTip {
  167.     font: 8px/10px Karla;
  168.     color: {color:Body Font};
  169.     text-align: center;
  170.     text-transform: uppercase;
  171.     background: {color:Sidebar Background};
  172.     display: none;
  173.     border: 1px solid {color:Border};
  174.     max-width: 350px;
  175.     position: absolute;
  176.     text-align: justify;
  177.     z-index: 99;
  178.     padding: 2px 4px;
  179.     margin: -5px 0 0 20px;
  180.     border-radius: 2px;
  181.     letter-spacing: 1px;
  182. }
  183.  
  184. .tmblr-iframe {
  185.     top: 2px!important;
  186.     right: 2px!important;
  187.     position: fixed!important;
  188.     opacity: 0.5!important;
  189.     {block:IfInvertedControls}
  190.     white-space: nowrap;
  191.     -webkit-filter: invert(100%);
  192.     filter: invert(100%);
  193.     {block:IfInvertedControls}
  194. }
  195.    
  196. body {
  197.     font-family: Karla, Arial;
  198.     color: {color:Body Font};
  199.     font-size: {select:Body Font Size};
  200.     background: {color:Background} url({image:Background}) fixed;
  201.     {select:Background Type}
  202.     line-height: 18px;
  203. }
  204.  
  205. sub, sup, small {
  206.     font-size: {select:Body Font Size};
  207. }
  208.  
  209. a {
  210.     color: {color:Link};
  211.     text-decoration: none;
  212.     -webkit-transition: all 0.5s ease;
  213.     transition: all 0.5s ease;
  214. }
  215.  
  216. a:hover {
  217.     color: {color:Hover Link};
  218. }
  219.  
  220. h1 {
  221.     font: normal 14px/14px Montserrat;
  222.     text-align: center;
  223.     width: calc(100% + 20px);
  224.     margin-left: -10px;
  225.     padding-bottom: 10px;
  226.     border-bottom: 1px solid {color:Border};
  227.     color: {color:Title};
  228.     text-transform: lowercase;
  229. }
  230.  
  231. #bar {
  232.     height: 5px;
  233.     width: 100%;
  234.     position: fixed;
  235.     z-index: 9;
  236.     background: {color:Accent Two};
  237.     top: 0;
  238.     left: 0;
  239. }
  240.  
  241. nav#top {
  242.     width: 25%;
  243.     background: {color:Sidebar Background};
  244.     height: 40px;
  245.     top: 5px;
  246.     position: fixed;
  247.     font-size: 10px;
  248.     letter-spacing: 1px;
  249.     border-bottom: 1px solid {color:Border};
  250.     text-transform: uppercase;
  251. }
  252.  
  253. nav#top ul {
  254.     padding: 0;
  255.     margin: 0;
  256.     text-align: center;
  257. }
  258.  
  259. nav#top ul li {
  260.     display: inline-block;
  261.     list-style-type: none;
  262.     line-height: 41px;
  263.     padding-right: 25px;
  264. }
  265.  
  266. nav#top ul li:last-of-type {
  267.     padding: 0;
  268. }
  269.  
  270. nav#top svg {
  271.     width: 11px;
  272.     height: 11px;
  273.     fill: {color:Accent One};
  274.     margin-bottom: -3px;
  275.     margin-right: 3px;
  276. }
  277.  
  278. nav#top a {
  279.     color: {color:Body Font};
  280. }
  281.  
  282. nav#top a:hover {
  283.     color: {color:Accent Two};
  284. }
  285.  
  286. aside {
  287.     background: {color:Sidebar Background};
  288.     width: calc(25% + 1px);
  289.     height: 100%;
  290.     position: fixed;
  291.     display: table;
  292.     border-right: 1px solid {color:Border};
  293. }
  294.  
  295. aside h2 {
  296.     text-transform: uppercase;
  297.     border-bottom: 1px solid {color:Border};
  298.     letter-spacing: 1px;
  299.     font-size: 12px;
  300.     padding-bottom: 3px;
  301.     width: 270px;
  302.     margin: 10px auto;
  303.     font-family: Montserrat;
  304.     color: {color:Accent Two};
  305.     text-align-last: left;
  306. }
  307.  
  308. aside h2 svg {
  309.     float: right;
  310.     height: auto;
  311.     width: 13px;
  312.     margin-top: 3px;
  313.     fill: {color:Accent One};
  314. }
  315.  
  316. aside h2 span {
  317.     margin-right: 3px;
  318.     letter-spacing: -1px;
  319.     color: {color:Accent One};
  320. }
  321.  
  322. #content {
  323.     margin: 0 auto;
  324.     left: 0;
  325.     right: 0;
  326.     position: relative;
  327.     text-align: justify;
  328.     text-align-last: center;
  329.     display: table-cell;
  330.     vertical-align: middle;
  331.     padding-bottom: 40px;
  332. }
  333.  
  334. #header {
  335.     width: 270px;
  336.     margin: 0 auto;
  337.     position: relative;
  338.     margin-bottom: 35px;
  339. }
  340.  
  341. #avatar img {
  342.     width: 40px;
  343.     height: 40px;
  344.     border-radius: 3px;
  345.     padding: 2px;
  346.     border: 1px solid {color:Border};
  347.     {select:Avatar Shape}
  348.     background: {color:Sidebar Background};
  349.     float: left;
  350. }
  351.  
  352. #title {
  353.     font-size: 26px;
  354.     text-transform: lowercase;
  355.     font-family: Montserrat;
  356.     line-height: 28px;
  357.     text-align-last: right;
  358.     color: {color:Title};
  359. }
  360.  
  361. #subtitle {
  362.     float: right;
  363.     background: {color:Accent One};
  364.     color: {color:Accent Font};
  365.     padding: 3px 4px 2px 5px;
  366.     line-height: 8px;
  367.     letter-spacing: 2px;
  368.     border-radius: 2px;
  369.     font-size: 10px;
  370.     font-style: italic;
  371.     text-transform: uppercase;
  372.     display: inline;
  373. }
  374.  
  375. #description {
  376.     border: 1px solid {color:Border};
  377.     padding: 0 12px;
  378.     margin: 0 auto;
  379.     width: 246px;
  380.     margin-bottom: 15px;
  381. }
  382.  
  383. #description span {
  384.     display: block;
  385.     background: {color:Sidebar Background};
  386.     padding: 8px;
  387.     position: relative;
  388.     line-height: 16px;
  389.     margin-top: -1px;
  390.     margin-bottom: -1px;
  391. }
  392.  
  393. #updates {
  394.     width: 270px;
  395.     margin: 0 auto;
  396.     font-size: 10px;
  397.     letter-spacing: 1px;
  398.     line-height: 18px;
  399.     text-transform: uppercase;
  400.     text-align-last: left;
  401.     margin-bottom: 20px;
  402. }
  403.  
  404. #updates span {
  405.     width: 30px;
  406.     display: inline-block;
  407.     height: 10px;
  408.     line-height: 10px;
  409.     background: {color:Accent One};
  410.     color: {color:Accent Font};
  411.     text-align-last: center;
  412.     padding: 2px;
  413.     border-radius: 2px;
  414.     margin-right: 3px;
  415. }
  416.  
  417. #updates a {
  418.     color: {color:Body Font};
  419. }
  420.  
  421. #updates a:hover {
  422.     color: {color:Hover Link};
  423. }
  424.  
  425. nav#main {
  426.     list-style-type: none;
  427.     margin: 0 auto;
  428.     padding: 0;
  429.     width: 270px;
  430.     margin-bottom: 20px;
  431. }
  432.  
  433. nav#main li {
  434.     width: 114px;
  435.     display: inline-block;
  436.     text-transform: uppercase;
  437.     font-size: 10px;
  438.     border-radius: 3px;
  439.     line-height: 8px;
  440.     letter-spacing: 1px;
  441.     background: {color:Accent One};
  442.     padding: 5px 7px;
  443.     margin-top: 7px;
  444.     -webkit-transition: all 0.5s ease;
  445.     transition: all 0.5s ease;
  446. }
  447.  
  448. nav#main a {
  449.     color: {color:Accent Font};
  450.     margin-right: 5px;
  451. }
  452.  
  453. nav#main a:nth-of-type(even){
  454.     margin-right: 0px;
  455. }
  456.  
  457. nav#main a li:hover {
  458.     background: {color:Accent Two};
  459.     -webkit-transition: all 0.5s ease;
  460.     transition: all 0.5s ease;
  461. }
  462.  
  463. #information {
  464.     font-weight: bold;
  465.     color: {color:Link};
  466.     font-size: 10px;
  467.     letter-spacing: 1px;
  468.     text-transform: uppercase;
  469.     width: 270px;
  470.     text-align: center;
  471.     margin: 0 auto;
  472. }
  473.  
  474. #information .stat {
  475.     font-weight: normal;
  476.     color: {color:Body Font};
  477.     border-radius: 3px;
  478.     margin-left: 2px;
  479.     background: {color:Background};
  480.     padding: 2px 5px;
  481.     border: 1px solid {color:Border};
  482. }
  483.  
  484. #information a {
  485.     color: {color:Body Font};
  486. }
  487.  
  488. #information div {
  489.     display: inline-block;
  490.     margin: 2px;
  491. }
  492.  
  493. #right-bar {
  494.     height: 40px;
  495.     top: 5px;
  496.     position: fixed;
  497.     width: 75%;
  498.     left: 25%;
  499.     background: {color:Sidebar Background};
  500.     border-bottom: 1px solid {color:Border};
  501.     border-left: 1px solid {color:Border};
  502.     z-index: 9;
  503. }
  504.  
  505. #search {
  506.     margin-left: 15px;
  507.     margin-top: 10px;
  508.     width: 180px;
  509. }
  510.  
  511. #search input[type=text] {
  512.     border: 1px solid {color:Border};
  513.     width: 150px;
  514.     outline: none;
  515.     padding: 2px 0 1px 0;
  516.     font-family: Karla;
  517.     border-radius: 2px;
  518.     color: {color:Body Font};
  519.     line-height: 15px;
  520.     font-size: 11px;
  521.     background: {color:Background};
  522.     text-align: center;
  523. }
  524.  
  525. #search button {
  526.     float: right;
  527.     background: none;
  528.     outline: none;
  529.     margin-left: 70px;
  530.     border: none;
  531.     cursor: pointer;
  532.     margin-top: -20px;
  533. }
  534.  
  535. #search button svg {
  536.     width: 15px;
  537.     height: 15px;
  538.     fill: {color:Accent One};
  539.     -webkit-transition: all 0.5s ease;
  540.     transition: all 0.5s ease;
  541. }
  542.  
  543. #search button svg:hover {
  544.     fill: {color:Accent Two};
  545. }
  546.  
  547. #wrap {
  548.     width: 75%;
  549.     left: 25%;
  550.     top: 35px;
  551.     padding-bottom: 35px;
  552.     position: absolute;
  553. }
  554.  
  555. #container {
  556.     {block:IfMulticolumn}
  557.     width: calc(({select:Post Size} * 2}) + ({text:Post Margin} * 4) + 44px);
  558.     {/block:IfMulticolumn}
  559.     {block:IfNotMulticolumn}
  560.     width: calc({select:Post Size} + 20px + ({text:Post Margin} * 2));
  561.     {/block:IfNotMulticolumn}
  562.     {block:PermalinkPage}
  563.     width: 500px;
  564.     {/block:PermalinkPage}
  565.     margin: 0 auto;
  566.     position: absolute;
  567. }
  568.  
  569. #entries {
  570.     {block:IndexPage}
  571.     width: {select:Post Size};
  572.     {/block:IndexPage}
  573.     {block:PermalinkPage}
  574.     width: 500px;
  575.     {/block:PermalinkPage}
  576.     text-align: justify;
  577.     margin-top: 60px;
  578.     margin-bottom: 60px;
  579. }
  580.  
  581. .post {
  582.     width: {select:Post Size};
  583.     text-align: justify;
  584.     background: {color:Post Background};
  585.     border: 1px solid {color:Border};
  586.     padding: 10px;
  587.     padding-bottom: 0;
  588.     {block:IndexPage}
  589.     {block:IfShowTags}
  590.     margin: 0px {text:Post Margin} calc({text:Post Margin} + 30px);
  591.     {/block:IfShowTags}
  592.     {block:IfNotShowTags}
  593.     margin: 0px {text:Post Margin} calc({text:Post Margin} + 10px);
  594.     {/block:IfNotShowTags}
  595.     {block:IfMulticolumn}
  596.     opacity: 0;
  597.     z-index: -1;
  598.     {/block:IfMulticolumn}
  599.     {/block:IndexPage}
  600.     {block:PermalinkPage}
  601.     margin: 0px {text:Post Margin} calc({text:Post Margin} + 30px);
  602.     width: 500px;
  603.     {/block:PermalinkPage}
  604. }
  605.  
  606. .post-pad {
  607.     height: 6px;
  608. }
  609.  
  610. .post img {
  611.     max-width: 100%;
  612.     height: auto;
  613.     {block:IndexPage}
  614.     width: {select:Post Size};
  615.     {/block:IndexPage}
  616.     {block:PermalinkPage}
  617.     width: 100%;
  618.     {/block:PermalinkPage}
  619. }
  620.  
  621. .post blockquote {
  622.     border-left: 1px solid {color:Border};
  623.     margin: -8px 10px 10px 10px;
  624.     padding: 0 0 0 15px;
  625. }
  626.  
  627. .caption {
  628.     width: 100%;
  629.     margin-left: -10px;
  630.     border-top: 1px solid {color:Border};
  631.     padding: 0 10px;
  632.     margin-top: 4px;
  633. }
  634.  
  635. .quote {
  636.     text-align: center;
  637.     font-size: 13px;
  638.     font-style: italic;
  639. }
  640.  
  641. .source {
  642.     font-style: normal;
  643.     font-size: {select:Body Font Size};
  644. }
  645.  
  646. .audio {
  647.     border-bottom: 1px solid {color:Border};
  648. }
  649.  
  650. .player {
  651.     position: absolute;
  652.     line-height: 0;
  653.     z-index: 1;
  654.     overflow: hidden;    
  655.     width: 27px;
  656.     height: 27px;
  657.     border-radius: 100%;
  658.     margin-left: 26px;
  659.     margin-top: 28px;
  660. }
  661.  
  662. .art {
  663.     width: 80px;
  664.     height: 80px;
  665.     position: absolute;
  666.     z-index: 0;
  667. }
  668.  
  669. .details {
  670.     height: 55px;
  671.     text-align: center;
  672.     line-height: 15px;
  673.     padding-top: 25px;
  674.     margin-left: 80px;
  675. }
  676.  
  677. .asker {
  678.     margin-bottom: 10px;
  679.     font-family: Montserrat;
  680.     font-size: 13px;
  681.     text-transform: lowercase;
  682. }
  683.  
  684. .asker .avatar img {
  685.     width: 20px;
  686.     height: 20px;
  687.     border-radius: 100%;
  688.     float: left;
  689.     margin-right: 7px;
  690. }
  691.  
  692. .asker a, .asker {
  693.     color: {color:Accent Two};
  694. }
  695.  
  696. .question {
  697.     border-top: 1px solid {color:Border};
  698.     width: 100%;
  699.     padding: 10px;
  700.     margin-left: -10px;
  701. }
  702.  
  703. #permalink {
  704.     text-transform: uppercase;
  705.     font-size: 8px;
  706.     line-height: 13px;
  707.     height: 13px;
  708.     border-top: 1px solid {color:Border};
  709.     padding: 7px 0 7px 10px;
  710.     letter-spacing: 1px;
  711.     width: calc({select:Post Size} + 10px);
  712.     margin-left: -10px;
  713.     margin-top: 4px;
  714. }
  715.  
  716. #permalink a {
  717.     color: {color:Body Font};
  718. }
  719.  
  720. #permalink a:hover .time, .controls a:hover {
  721.     background: {color:Accent Two};
  722. }
  723.  
  724. .time {
  725.     background: {color:Accent One};
  726.     color: {color:Accent Font};
  727.     padding: 1px 2px 1px 4px;
  728.     border-radius: 2px;
  729.     margin-right: 2px;
  730.     font-size: 8px;
  731.     -webkit-transition: all 0.5s ease;
  732.     transition: all 0.5s ease;
  733. }
  734.  
  735. .controls {
  736.     -webkit-transition: all 0.5s ease;
  737.     transition: all 0.5s ease;
  738.     float: right;
  739.     margin-top: -21px;
  740.     margin-right: -1px;
  741.     line-height: 20px;
  742. }
  743.  
  744. .controls svg {
  745.     width: 7px;
  746.     height: 9px;
  747.     overflow: visible;
  748.     display: inline-block;
  749.     border-radius: 100%;
  750.     fill: {color:Accent Font};
  751.     text-shadow: 0 0;
  752.     -webkit-transition: all 0.5s ease;
  753.     transition: all 0.5s ease;
  754.     margin-left: 4px;
  755.     margin-bottom: 1px;
  756. }
  757.  
  758. .controls a {
  759.     position: relative;
  760.     background: {color:Accent One};
  761.     border-radius: 100%;
  762.     width: 15px;
  763.     height: 15px;
  764.     display: inline-block;
  765.     margin-right: 1px;
  766. }
  767.  
  768. .controls .reblog svg {
  769.     width: 7px;
  770.     height: 7px;
  771.     margin-bottom: 2px;
  772.     margin-left: 4px;
  773.     display: inline-block;
  774. }
  775.  
  776. .controls .like .liked + svg path {
  777.     fill: {color:Accent Two};
  778. }
  779.  
  780. .controls .like .like_button iframe {
  781.     position: absolute;
  782.     top: 0;
  783.     left: 0;
  784.     bottom: 0;
  785.     right: 0;
  786.     opacity: 0;
  787.     z-index: 2;
  788. }
  789.  
  790. #permpage {
  791.     text-transform: uppercase;
  792.     text-align: center;
  793.     margin-top: 5px;
  794.     line-height: 16px;
  795.     font-size: 9px;
  796.     border-top: 1px solid {color:Border};
  797.     border-bottom: 1px solid {color:Border};
  798.     width: 520px;
  799.     margin-left: -10px;
  800.     padding: 10px 0;
  801. }
  802.  
  803. .tags {
  804.     text-transform: uppercase;
  805.     text-align: center;
  806.     {block:IndexPage}
  807.     position: absolute;
  808.     font-size: 12px;
  809.     width: {select:Post Size};
  810.     margin-top: 12px;
  811.     letter-spacing: 1px;
  812.     line-height: 11px;
  813.     {/block:IndexPage}
  814. }
  815.  
  816. .tags a {
  817.     {block:IndexPage}
  818.     color: {color:Body Font};
  819.     {/block:IndexPage}
  820.     margin-right: 3px;
  821. }
  822.  
  823. .tags a:last-of-type {
  824.     margin: 0;
  825. }
  826.  
  827. ol.notes {
  828.     padding: 0;
  829.     margin: 20px 0px;
  830.     list-style-type: none;
  831. }
  832.  
  833. ol.notes li.note {
  834.     margin-bottom: 10px;
  835. }
  836.  
  837. ol.notes li.note img.avatar {
  838.     border-radius: 100%;
  839.     vertical-align: -4px;
  840.     margin-right: 10px;
  841.     width: 16px;
  842.     height: 16px;
  843. }
  844.  
  845. .pagination {
  846.     margin: 100px auto;
  847.     left: 0;
  848.     right: 0;
  849.     text-align: center;
  850.     position: relative;
  851.     display: block;
  852.     {block:IfMulticolumn}
  853.     width: calc((({select:Post Size} + 2) * 2}) + ({text:Post Margin} * 4));
  854.     {/block:IfMulticolumn}
  855.     {block:IfNotMulticolumn}
  856.     width: calc({select:Post Size} + 20px + ({text:Post Margin} * 2));
  857.     {/block:IfNotMulticolumn}
  858.     {block:IfInfiniteScroll}
  859.     display: none;
  860.     {/block:IfInfiniteScroll}
  861. }
  862.  
  863. .pagination a, .current_page {
  864.     margin: 0 4px;
  865.     display: inline-block;
  866.     width: 20px;
  867.     height: 20px;
  868.     text-align: center;
  869.     border-radius: 100%;
  870.     color: {color:Body Font};
  871.     line-height: 20px;
  872.     border: 1px solid {color:Border};
  873.     background: {color:Sidebar Background};
  874. }
  875.  
  876. .pagination a:hover {
  877.     background: {color:Accent Two};
  878.     color: {color:Accent Font};
  879. }
  880.  
  881. .pagination svg {
  882.     width: 10px;
  883.     height: 10px;
  884.     display: inline-block;
  885.     fill: {color:Body Font};
  886.     margin-bottom: -2px;
  887. }
  888.  
  889. .pagination a svg {
  890.     margin-top: 5px;
  891. }
  892.  
  893. .pagination a:hover svg {
  894.     fill: {color:Accent Font};
  895. }
  896.  
  897. .current_page {
  898.     background: {color:Accent One};
  899.     color: {color:Sidebar Background};
  900. }
  901.  
  902. ::-webkit-scrollbar {
  903.     height: 10px;
  904.     width: 7px;
  905.     background: {color:Accent Two};
  906. }
  907.            
  908. ::-webkit-scrollbar-thumb:vertical {
  909.     background: {color:Scrollbar};
  910.     border: 3px solid {color:Background};
  911. }
  912.  
  913. ::selection {
  914.     background: {color:Link};
  915.     color: #FFF;
  916. }
  917.    
  918. #infscr-loading {
  919.     opacity: 0;
  920.     line-height: 0px;
  921. }
  922.  
  923. </style>
  924. </head>
  925. <body>
  926.  
  927. <!--
  928. <div id="bar"></div>
  929.  
  930. <nav id="top">
  931. <ul>
  932. <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>
  933. <li>
  934. <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>
  935. <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>
  936. <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>
  937. </ul>
  938. </nav>
  939. -->
  940.  
  941. <aside>
  942. <div id="content">
  943.  
  944. <div id="header">
  945. <div id="avatar"><img src="{image:Avatar}"></div>
  946. <a href="http://monika.zynima.net"><div id="title">{text:Title}</div></a>
  947. <div id="subtitle">{text:Subtitle}</div>
  948. </div>
  949.  
  950. <div id="description"><span>{Description}</span></div>
  951.  
  952. {block:IfShowUpdatesSection}
  953. <h2><span>● ●</span> ©ûZ.ÉÙz¿ú¾8[ =w <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3c5.514 0 10 3.592 10 8.007 0 4.917-5.145 7.961-9.91 7.961-1.937 0-3.383-.397-4.394-.644-1 .613-1.595 1.037-4.272 1.82.535-1.373.723-2.748.602-4.265-.838-1-2.025-2.4-2.025-4.872-.001-4.415 4.485-8.007 9.999-8.007zm0-2c-6.338 0-12 4.226-12 10.007 0 2.05.738 4.063 2.047 5.625.055 1.83-1.023 4.456-1.993 6.368 2.602-.47 6.301-1.508 7.978-2.536 1.418.345 2.775.503 4.059.503 7.084 0 11.91-4.837 11.91-9.961-.001-5.811-5.702-10.006-12.001-10.006zm1.024 13.975c0 .566-.458 1.025-1.024 1.025-.565 0-1.024-.459-1.024-1.025 0-.565.459-1.024 1.024-1.024.566 0 1.024.459 1.024 1.024zm1.141-8.192c-.498-.505-1.241-.783-2.09-.783-1.786 0-2.941 1.271-2.941 3.237h1.647c0-1.217.68-1.649 1.261-1.649.519 0 1.07.345 1.117 1.004.052.694-.319 1.046-.788 1.493-1.157 1.1-1.179 1.633-1.173 2.842h1.643c-.01-.544.025-.986.766-1.785.555-.598 1.245-1.342 1.259-2.477.008-.758-.233-1.409-.701-1.882z"></svg></h2>
  954.  
  955. <div id="updates">
  956. {block:IfShowUpdateOne}<span class="date">{text:Update Date One}</span> <a href="{text:Update One URL}">{text:Update One}</a><br>{/block:IfShowUpdateOne}
  957. {block:IfShowUpdateTwo}<span class="date">{text:Update Date Two}</span> <a href="{text:Update Two URL}">{text:Update Two}</a><br>{/block:IfShowUpdateTwo}
  958. {block:IfShowUpdateThree}<span class="date">{text:Update Date Three}</span> <a href="{text:Update Three URL}">{text:Update Three}</a><br>{/block:IfShowUpdateThree}
  959. {block:IfShowUpdateFour}<span class="date">{text:Update Date Four}</span> <a href="{text:Update Four URL}">{text:Update Four}</a><br>{/block:IfShowUpdateFour}
  960. {block:IfShowUpdateFive}<span class="date">{text:Update Date Five}</span> <a href="{text:Update Five URL}">{text:Update Five}</a><br>{/block:IfShowUpdateFive}
  961. {block:IfShowUpdateSix}<span class="date">{text:Update Date Six}</span> <a href="{text:Update Six URL}">{text:Update Six}</a><br>{/block:IfShowUpdateSix}
  962. {block:IfShowUpdateSeven}<span class="date">{text:Update Date Seven}</span> <a href="{text:Update Seven URL}">{text:Update Seven}</a><br>{/block:IfShowUpdateSeven}
  963. {block:IfShowUpdateEight}<span class="date">{text:Update Date Eight}</span> <a href="{text:Update Eight URL}">{text:Update Eight}</a><br>{/block:IfShowUpdateEight}
  964. </div>
  965. {/block:IfShowUpdatesSection}
  966.  
  967. {block:IfShowCustomSectionOne}
  968. <h2><span>● ●</span> {text:Custom Section Title One}
  969. <!--change custom section one's icon here-->
  970. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 5.173l2.335 4.817 5.305.732-3.861 3.71.942 5.27-4.721-2.524-4.721 2.525.942-5.27-3.861-3.71 5.305-.733 2.335-4.817zm0-4.586l-3.668 7.568-8.332 1.151 6.064 5.828-1.48 8.279 7.416-3.967 7.416 3.966-1.48-8.279 6.064-5.827-8.332-1.15-3.668-7.569z"></svg>
  971. <!--end of icon-->
  972. </h2>
  973.  
  974. <div id="custom">{text:Custom Section Content One}</div>
  975. {/block:IfShowCustomSectionOne}
  976.  
  977. {block:IfShowCustomSectionTwo}
  978. <h2><span>● ●</span> {text:Custom Section Title Two}
  979. <!--change custom section two's icon here-->
  980. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 2c-1.104 0-2 .896-2 2v2h2v-1.5c0-.276.224-.5.5-.5h5c.276 0 .5.224.5.5v1.5h2v-2c0-1.104-.896-2-2-2h-6zm12.561 12l-1.2 6h-16.721l-1.2-6h19.121zm2.439-2h-24l2 10h20l2-10zm-1-5v3h-2v-1h-18v1h-2v-3h22z"></svg>
  981. <!--end of icon-->
  982. </h2>
  983.  
  984. <div id="custom">{text:Custom Section Content Two}</div>
  985. {/block:IfShowCustomSectionTwo}
  986.  
  987. <h2><span>● ●</span> ӐŒ²£~¬º9É/+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 6v16h-20v-16h20zm2-6h-24v24h24v-24zm-15 13.5c0 .828-.672 1.5-1.5 1.5s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5 1.5.672 1.5 1.5zm4.5 0c0 .828-.672 1.5-1.5 1.5s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5 1.5.672 1.5 1.5zm4.5 0c0 .828-.671 1.5-1.5 1.5s-1.5-.672-1.5-1.5.671-1.5 1.5-1.5 1.5.672 1.5 1.5z"></svg></h2>
  988.  
  989. <nav id="main">
  990. <a href="{text:Link One URL}"><li>{text:Link One}</li></a>
  991. <a href="{text:Link Two URL}"><li>{text:Link Two}</li></a><br>
  992. {block:IfCustomLinkThree}<a href="{text:Link Three URL}"><li>{text:Link Three}</li></a>{/block:IfCustomLinkThree}
  993. {block:IfCustomLinkFour}<a href="{text:Link Four URL}"><li>{text:Link Four}</li></a><br>{/block:IfCustomLinkFour}
  994. {block:IfCustomLinkFive}<a href="{text:Link Five URL}"><li>{text:Link Five}</li></a>{/block:IfCustomLinkFive}
  995. {block:IfCustomLinkSix}<a href="{text:Link Six URL}"><li>{text:Link Six}</li></a><br>{/block:IfCustomLinkSix}
  996. {block:IfCustomLinkSeven}<a href="{text:Link Seven URL}"><li>{text:Link Seven}</li></a>{/block:IfCustomLinkSeven}
  997. {block:IfCustomLinkEight}<a href="{text:Link Eight URL}"><li>{text:Link Eight}</li></a>{/block:IfCustomLinkEight}
  998. </ul>
  999. </nav>
  1000.  
  1001. {block:IfShowInformationSection}
  1002. <h2><span>● ●</span> Information <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z"></svg></h2>
  1003.  
  1004. <div id="information">
  1005. {block:IfShowStatOne}<div>{text:Stat One} <span class="stat">{text:Stat One Details}</span></div>{/block:IfShowStatOne}
  1006. {block:IfShowStatTwo}<div>{text:Stat Two} <span class="stat">{text:Stat Two Details}</span></div>{/block:IfShowStatTwo}
  1007. {block:IfShowStatThree}<div>{text:Stat Three} <span class="stat">{text:Stat Three Details}</span></div>{/block:IfShowStatThree}
  1008. {block:IfShowStatFour}<div>{text:Stat Four} <span class="stat">{text:Stat Four Details}</span></div>{/block:IfShowStatFour}
  1009. {block:IfShowStatFive}<div>{text:Stat Five} <span class="stat">{text:Stat Five Details}</span></div>{/block:IfShowStatFive}
  1010. {block:IfShowStatSix}<div>{text:Stat Six} <span class="stat">{text:Stat Six Details}</span></div>{/block:IfShowStatSix}
  1011. </div>
  1012. {/block:IfShowInformationSection}
  1013. </div>
  1014. </aside>
  1015.  
  1016. <!--
  1017. <div id="right-bar">
  1018. <div id="searchbar">
  1019. <form action="/search" method="get" id="search">
  1020. <input type="text" name="q" value="">
  1021. <button type="submit">
  1022. <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>
  1023. </svg></button>
  1024. </div>
  1025.  
  1026. </div>
  1027. -->
  1028.  
  1029. <div id="wrap">
  1030. <div id="container">
  1031. <div id="entries">
  1032.  
  1033. {block:Posts}
  1034. <div class="post" id="{PostID}">
  1035. {block:Text}
  1036. {block:Title}<h1>{Title}</h1>{/block:Title}
  1037. {Body}
  1038. {/block:Text}
  1039.            
  1040. {block:Photo}
  1041. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}
  1042. {/block:Photo}
  1043.                
  1044. {block:Photoset}
  1045. <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>
  1046. <div class="post-pad"></div>
  1047. {/block:Photoset}
  1048.  
  1049. {block:Quote}
  1050. <div class="quote">
  1051. {Quote}<br>
  1052. {block:Source}<span class="source">&#8212; {Source}</span>{/block:Source}
  1053. </div>
  1054. {/block:Quote}
  1055.  
  1056. {block:Link}
  1057. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1058. {block:Description}{Description}{/block:Description}
  1059. {/block:Link}
  1060.                
  1061. {block:Chat}
  1062. {block:Title}<h1>{Title}</h1>{/block:Title}
  1063. {block:Lines}
  1064. {block:Label}<b>{Label}</b>{/block:Label}
  1065. {Line}<br>
  1066. {/block:Lines}
  1067. {/block:Chat}
  1068.  
  1069. {block:Audio}
  1070. <div class="audio">
  1071. <div class="player">{AudioPlayerGrey}</div>
  1072. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1073. <div class="details">
  1074. {block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}<br>
  1075. by {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div>
  1076. </div>
  1077. <div class="post-pad"></div>
  1078. {/block:Audio}
  1079.  
  1080. {block:Video}
  1081. <div class="video">{Video-500}</div>
  1082. <div class="post-pad"></div>
  1083. {/block:Video}
  1084.                
  1085. {block:ReblogParent}
  1086.  <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1087. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1088. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  1089. {/block:ReblogParent}
  1090.  
  1091. {block:Answer}
  1092. <div class="asker">
  1093. <div class="avatar"><img src="{AskerPortraitURL-24}"></div>
  1094. <span>{Asker} asked:</span></div>
  1095. <div class="question">{Question}</div>
  1096. <div class="caption">{Answer}</div>
  1097. {/block:Answer}
  1098.  
  1099. {block:IfShowCaptions}
  1100. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1101. {/block:IfShowCaptions}
  1102.  
  1103. {block:IndexPage}
  1104. <div id="permalink">
  1105. <a href="{Permalink}"><span class="time">{TimeAgo}</span> {NoteCountWithLabel}</div></a>
  1106. <div class="controls">
  1107. <a href="{ReblogURL}" target="_blank" class="reblog" title="Reblog">
  1108. <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>
  1109. </a>
  1110. <a href="#" class="like" title="Like">{LikeButton}
  1111. <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>
  1112. </a>
  1113. </div>
  1114.  
  1115. {block:IfShowTags}
  1116. {block:IndexPage}
  1117. <div class="tags">
  1118. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1119. </div>
  1120. {/block:IndexPage}
  1121. {/block:IfShowTags}
  1122.  
  1123. </div>
  1124. {/block:IndexPage}
  1125.  
  1126. {block:PermalinkPage}
  1127. {block:IfNotShowCaption}{block:Caption}{Caption}{/block:Caption}{block:IfNotShowCaption}
  1128. {block:Date}<div id="permpage">
  1129. Posted {TimeAgo} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>
  1130. {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
  1131. {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  1132. </div>{/block:Date}
  1133. {/block:PermalinkPage}
  1134.  
  1135. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1136.  
  1137. {/block:Posts}
  1138.  
  1139. {block:IfNotMulticolumn}
  1140. {block:Pagination}
  1141. <div class="pagination">
  1142. {block:PreviousPage}
  1143. <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"/>
  1144. </svg></a>
  1145. {/block:PreviousPage}
  1146.  
  1147. {block:JumpPagination length="3"}
  1148. {block:CurrentPage}
  1149. <span class="current_page">{PageNumber}</span>
  1150. {/block:CurrentPage}
  1151.  
  1152. {block:JumpPage}
  1153. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1154. {/block:JumpPage}
  1155. {/block:JumpPagination}
  1156.  
  1157. {block:NextPage}
  1158. <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>
  1159. {/block:NextPage}
  1160. </div>
  1161. {/block:Pagination}
  1162. {/block:IfNotMulticolumn}
  1163.  
  1164. </div>
  1165. </div>
  1166.  
  1167. {block:IfMulticolumn}
  1168. {block:Pagination}
  1169. <div class="pagination">
  1170. {block:PreviousPage}
  1171. <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">
  1172. </svg></a>
  1173. {/block:PreviousPage}
  1174.  
  1175. {block:JumpPagination length="3"}
  1176. {block:CurrentPage}
  1177. <span class="current_page">{PageNumber}</span>
  1178. {/block:CurrentPage}
  1179.  
  1180. {block:JumpPage}
  1181. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1182. {/block:JumpPage}
  1183. {/block:JumpPagination}
  1184.  
  1185. {block:NextPage}
  1186. <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>
  1187. {/block:NextPage}
  1188. </div>
  1189. {/block:Pagination}
  1190. {/block:IfMulticolumn}
  1191.  
  1192. </div>
  1193.  
  1194. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1195. <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1196. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1197. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1198. {block:IndexPage}
  1199. {block:IfMulticolumn}
  1200. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1201. {/block:IfMulticolumn}
  1202. {block:IfInfiniteScroll}
  1203. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1204. {/block:IfInfiniteScroll}
  1205. {/block:IndexPage}
  1206.  
  1207. <script>
  1208. $(document).ready(function(){
  1209. $('.photo-slideshow').pxuPhotoset({
  1210. lightbox: true,
  1211. rounded: false,
  1212. gutter: '3px',
  1213. photoset: '.photo-slideshow',
  1214. photoWrap: '.photo-data',
  1215. photo: '.pxu-photo'
  1216. });
  1217.  
  1218. {block:IndexPage}
  1219. var $container = $('#container');
  1220.  
  1221. {block:IfMulticolumn}
  1222. $container.masonry({ itemSelector: '.post' });
  1223. $container.imagesLoaded(function(){
  1224. $container.masonry();
  1225. $container.find('.post').animate({ opacity: 1, zIndex: 1 });
  1226. });
  1227. {/block:IfMulticolumn}
  1228.  
  1229. {block:IfInfiniteScroll}
  1230. $container.infinitescroll({
  1231. itemSelector: '.post',
  1232. navSelector: '.pagination',
  1233. nextSelector: '.pagination a',
  1234. loadingImg: '',
  1235. loadingText: '<em></em>',
  1236. bufferPx: 2000
  1237. },
  1238.  
  1239. function( newElements ) {
  1240. var $newElems = $(newElements);
  1241. var $newElemsIDs = $newElems.map(function(){
  1242. return this.id;
  1243. }).get();
  1244. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1245. $newElems.find('.photo-slideshow').pxuPhotoset({
  1246. lightbox: true,
  1247. rounded: false,
  1248. gutter: '3px',
  1249. photoset: '.photo-slideshow',
  1250. photoWrap: '.photo-data',
  1251. photo: '.pxu-photo'
  1252. },
  1253.  
  1254. function(){
  1255. resizeVideos();
  1256. {block:IfMulticolumn}
  1257. },
  1258.  
  1259. function(){
  1260. $container.masonry();
  1261. });
  1262.  
  1263. $newElems.imagesLoaded(function(){
  1264. $container.masonry( 'appended', $newElems );
  1265. $newElems.animate({ opacity: 1, zIndex: 1 });
  1266. {/block:IfMulticolumn}
  1267. });
  1268. });
  1269. {/block:IfInfiniteScroll}
  1270. {/block:IndexPage}
  1271. });
  1272. </script>
  1273.  
  1274. </body>
  1275. </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!