API tools faq
paste
Advertisement
konel

KNOCKOUT

konel
Apr 16th, 2017
349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--- KNOCKOUT
  5. © ear
  6.  
  7. do not remove credit or anything
  8. feel free to message with questions or concerns
  9.  
  10.  
  11. credits:
  12. Base Code © Rnirae.tumblr.com
  13. Video Resizer, PXU Photosets, Minimal Soundcloud Player
  14. and Tumblr Control Customization © Shythemes.tumblr.com --->
  15.  
  16. <head> <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("[title]").style_my_tooltips();
  20. });
  21. })(jQuery);
  22. </script> <title>{Title}</title> <link rel="shortcut icon" href="{image:Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400|Karla:400,400' rel='stylesheet' type='text/css'>
  23.  
  24. <meta name="image:Favicon" content=""/>
  25. <meta name="image:Sidebar Image" content=""/>
  26. <meta name="image:Background Image" content=""/>
  27.  
  28. <meta name="color:Background" content="#fff" />
  29. <meta name="color:Text" content="#bbb"/>
  30. <meta name="color:Link" content="#aaa"/>
  31. <meta name="color:Link Hover" content="#efbebb"/>
  32. <meta name="color:Post Bg" content="#fff"/>
  33. <meta name="color:Post Border" content="#eee"/>
  34. <meta name="color:Content Bg" content="#f5f5f5"/>
  35. <meta name="color:Content Border" content="#eee"/>
  36. <meta name="color:Sidebar Bg" content="#f5f5f5"/>
  37. <meta name="color:Sidebar Border" content="#eee"/>
  38. <meta name="color:Blockquote" content="#eee"/>
  39. <meta name="color:Title" content="#888"/>
  40. <meta name="color:Tooltip Background" content="#f5f5f5">
  41. <meta name="color:Tooltip Border" content="#eee">
  42. <meta name="color:Tooltip Text" content="#686868">
  43. <meta name="color:Scrollbar" content="#e5e5e5"/>
  44. <meta name="color:Scrollbar Track" content="#fff"/>
  45. <meta name="color:Selection Background" content="#ffffff"/>
  46. <meta name="color:Selection Text" content="#bbbbbb"/>
  47.  
  48. <meta name="select:Font" content="'Source Sans Pro'"/>
  49. <meta name="select:Font" content="Karla"/>
  50. <meta name="select:Font" content="Arial"/>
  51. <meta name="select:Font" content="Consolas"/>
  52. <meta name="select:BorderSize" content="2px"/>
  53. <meta name="select:BorderSize" content="1px"/>
  54. <meta name="select:BorderSize" content="3px"/>
  55.  
  56. <meta name="if:Tags" content=""/>
  57. <meta name="if:Perma Two" content=""/>
  58. <meta name="if:Captions" content=""/>
  59. <meta name="if:Header" content=""/>
  60. <meta name="if:Right Info" content=""/>
  61. <meta name="if:No Icon" content=""/>
  62. <meta name="if:No Desc" content=""/>
  63. <meta name="if:No Title" content=""/>
  64. <meta name="if:No Post Bg" content=""/>
  65. <meta name="if:Drag Tags" content=""/>
  66. <meta name="if:Rounded Borders" content=""/>
  67. <meta name="if:Rounded Icon" content=""/>
  68. <meta name="if:Left Align Header" content=""/>
  69. <meta name="if:Small Cursor" content=""/>
  70.  
  71. <meta name="text:Post Size" content="250px"/>
  72. <meta name="text:Font Size" content="11px"/>
  73. <meta name="text:Icon Size" content="70px"/>
  74. <meta name="text:Link 1" content="index"/>
  75. <meta name="text:Link 1 url" content="/"/>
  76. <meta name="text:Link 2" content="ask"/>
  77. <meta name="text:Link 2 url" content="/ask"/>
  78. <meta name="text:link 3" content="archive"/>
  79. <meta name="text:Link 3 url" content="/archive"/>
  80. <meta name="text:Link 4" content="link 4"/>
  81. <meta name="text:Link 4 url" content="/"/>
  82. <meta name="text:Link 5" content="link 5"/>
  83. <meta name="text:Link 5 url" content="/"/>
  84.  
  85. <style type="text/css">
  86.  
  87. /* tumblr controls */
  88. svg {display:block;width:10px;height:auto;opacity:.75;overflow:visible;}
  89. svg path {fill:rgb(132,132,132);-webkit-transition:fill .6s ease-out;transition:fill .6s ease-out;}
  90. .ic {position:fixed;top:18px;right:16px;}
  91. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {position:fixed!important;top:0!important;right:0!important;opacity:0!important;-webkit-filter:invert(100%);-webkit-backface-visibility:hidden;padding:10px 40px 13px 10px;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;top:-3px;}
  92. #tumblr_controls:hover, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {opacity:.5!important;}
  93.  
  94. /* scrollbar */
  95. ::-webkit-scrollbar {width: 5px;height: 2px;background: {color:Scrollbar Track};}
  96. ::-webkit-scrollbar-thumb {background: {color:Scrollbar};{block:ifRoundedBorders}border-radius: 12px;{/block:ifRoundedBorders}}
  97. ::-moz-selection { background-color:{color:Selection Background};color:{color:Selection Text};}
  98. ::selection {background-color:{color:Selection Background};color:{color:Selection Text};}
  99.  
  100. /* tooltips */
  101. #s-m-t-tooltip {z-index:999999;max-width:200px;text-align:center;margin-left:25px;margin-top:5px;padding:6px;display:block;background:{color:Tooltip Background};color:{color:Tooltip Text};border:1px solid {color:Tooltip Border};{block:ifRounded}border-radius:2px;{/block:ifRounded}}
  102.  
  103. /* lightbox */
  104. .vignette, #vignette {opacity:0;}
  105. .vignette {opacity:0!Important;}
  106. .lightbox-image, #tumblr_lightbox img {box-shadow:none!important;border-radius:0!important;max-width:none;}
  107. .tmblr-lightbox, #tumblr_lightbox {background-color:{color:Background}!important;}
  108. #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; }
  109.  
  110. /* basic styles */
  111. body {color: {color:Text};background-color: {color:Background};background-image: url({image:Background Image});font: {text:Font Size} {select:Font}, sans-serif;line-height: 16px;}
  112. *, body, a, a:hover {{block:ifSmallCursor}cursor: url(http://i1124.photobucket.com/albums/l579/fieKrieY/Cursor-1.png), auto;{/block:ifSmallCursor}}
  113. a {text-decoration: none;color: {color:Link};-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;}
  114. a:hover {color:{color:Link Hover};}
  115. h1 {font-size: 12px;color: {color:Title};}
  116. blockquote {border-left:2px solid {color:Blockquote};margin-left: 6px;padding-left: 10px;}
  117. ol {padding-left:0px;list-style-type:none;margin-left:48px;}
  118. ol li {list-style-type:lower-roman;}
  119. ol li::before {content:none;list-style-type:none;}
  120. ul {list-style-type:none;}
  121. li {padding-left:15px;position:relative;margin-left:-30px;}
  122. li:before {content:'—';position:Absolute;left:0;}
  123.  
  124. /* post customizations */
  125. #content {width:{text:Post Size};position: relative;{block:ifnotHeader}margin-left: calc({text:Icon Size} + 220px);{/block:ifnotHeader}{block:ifHeader}margin-left:500px;{block:ifLeftAlignHeader}margin-left:220px;{/block:ifLeftAlignHeader}{/block:ifHeader}margin-top: 60px;border:{select:BorderSize} solid {color:Content Border};background:{color:Content Bg};padding:20px;max-height:490px;overflow:auto;{block:PermalinkPage}padding:20px 20px 20px 20px;{/block:PermalinkPage}{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}}
  126. .entry {{block:IndexPage}margin-bottom: 50px;{/block:IndexPage}}
  127. .photo {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:20px 20px 15px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  128. .photoset {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  129. .text {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:10px 20px 10px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  130. .qs {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:15px 20px 15px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  131. .chat {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:15px 20px 15px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  132. .link {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:15px 20px 15px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  133. .video {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:20px 20px 15px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  134. .audio {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:20px 20px 30px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  135. .player {overflow:hidden;width:32px;height:32px;opacity:.6;}
  136. .hold {margin-top:-50px;margin-left:15px;}
  137. .track {margin-left:80px;position:absolute;margin-top:-54px;}
  138. .audioimgwrapper img {width:65px;border-radius:3px;}
  139. .captions {margin-top:5px;{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:10px 20px 10px 20px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  140. .title {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:10px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  141. .asker {margin-top:13px;}
  142. .asker img {border-radius:2px;}
  143. .ask {margin-top:-48px;margin-left:65px;height:65px;overflow:auto;}
  144. .alla {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:5px 15px 5px 15px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  145. .answer {margin-top:}
  146.  
  147. /* permalinks */
  148. .footer {{block:ifnotPermaTwo}margin-top:15px;{/block:ifnotPermaTwo}{block:ifPermaTwo}margin-top:5px;{/block:ifPermaTwo}{block:PermalinkPage}{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:10px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}{/block:PermalinkPage}{block:ifPermaTwo}{block:IndexPage}{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:10px;{block:ifTags}padding:10px 10px 5px 10px;{/block:ifTags}{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}{/block:IndexPage}{/block:ifPermaTwo}}
  149. .footer a {{block:ifnotPermaTwo}{block:IndexPage}{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:10px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}{/block:IndexPage}{/block:ifnotPermaTwo}}
  150. .tags {{block:ifnotPermaTwo}{block:IndexPage}margin-top:18px;{/block:IndexPage}{/block:ifnotPermaTwo}{block:ifPermaTwo}margin-top:5px;{/block:ifPermaTwo}{block:ifnotPermaTwo}margin-left:3px;{/block:ifnotPermaTwo}}
  151.  
  152. .post_tags,
  153. .post_tags a { color:{color:Links};}
  154. .post_tags {position: relative;{block:ifnotPermaTwo}margin-top: 20px;{/block:ifnotPermaTwo}line-height: 20px;white-space: nowrap;overflow: hidden;}
  155. .post_tags.draggable .post_tags_inner {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  156. .post_tags_inner {float:left;position: relative;padding: 0px 0px 0px 0;}
  157. .post_tags a,
  158. .post_tags .post_tag {color:{color:Links};font-size: {select:FontSize};text-decoration: none;margin-right: 6px;text-transform: lowercase !important;}
  159. .post_tags a:before { content: '#';}
  160. .post_tags:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;width: 20px;}
  161. .post_tags a:hover,
  162. .post_tags .post_tag:hover,
  163. .post_tags a:focus,
  164. .post_tags .post_tag:focus,
  165. .post_tags a:active,
  166. .post_tags .post_tag:active { color:{color:Links};}
  167. .post_tags a:hover {}
  168.  
  169. /* sidebar */
  170. #sidebar {{block:ifnotHeader}top: 60px;left: 115px;{block:ifRightInfo}margin-left:40px;{/block:ifRightInfo}position: fixed;{/block:ifnotHeader}{block:ifHeader}margin-top:60px;margin-left:500px;{block:ifLeftAlignHeader}margin-left:220px;{/block:ifLeftAlignHeader}{block:ifNoDesc}{block:ifNoTitle}padding-bottom:50px;{/block:ifnoTitle}{/block:ifNoDesc}{/block:ifHeader} {block:ifHeader}{block:ifNoIcon}margin-top:150px;{block:ifNoDesc}{block:ifNoTitle}padding-bottom:20px;{/block:ifnoTitle}{/block:ifNoDesc}{/block:ifNoIcon}{/block:ifHeader}}
  171. .head {font-size:calc({text:Font Size} + 1px);margin-bottom: 10px;color: {color:Title};letter-spacing: .5px;margin-top:10px;}
  172. .image img {width:{text:Icon Size};border:{select:BorderSize} solid {color:Sidebar Border};background:{color:Sidebar Bg};padding:7px;{block:ifRoundedIcon}border-radius:3px;{/block:ifRoundedIcon}}
  173. .all {max-width:100px;{block:ifHeader}{block:ifnotNoIcon}max-width:calc({text:Post Size} - {text:Icon Size} - 10px);{/block:ifnotNoIcon}{block:ifNoIcon}max-width:calc({text:Post Size} + 20px);{/block:ifNoIcon}{/block:ifHeader}border:{select:BorderSize} solid {color:Sidebar Border};background:{color:Sidebar Bg};padding:2px 10px 7px 10px;{block:ifnotNoDesc}{block:ifNoTitle}padding-top:8px;{/block:ifNoTitle}{/block:ifnotNoDesc}
  174. {block:ifNoDesc}{block:ifNoTitle}padding-top:9px;{/block:ifNoTitle}{/block:ifNoDesc} {block:ifnotNoIcon} margin-top:10px;{/block:ifnotNoIcon}{block:ifRoundedIcon}border-radius:3px;{/block:ifRoundedIcon} {block:ifHeader}{block:ifnotNoIcon}margin-top:calc(-{text:Icon Size} - 23px);margin-left:calc({text:Icon Size} + 30px);{/block:ifnotNoIcon}{/block:ifHeader} {block:ifnotHeader}{block:ifRightInfo}{block:ifnotNoIcon}margin-top:calc(-{text:Icon Size} - 23px);{/block:ifnotNoIcon}{block:ifNoIcon}margin-top:-0px;{/block:ifNoIcon}margin-left: calc({text:Post Size} + {text:Icon Size} + 170px);width:120px;{/block:ifRightInfo}{/block:ifnotHeader} {block:ifHeader}{select:if3px}margin-top:calc(-{text:Icon Size} - 25px);{/select:if3px}{/block:ifHeader} {block:ifRightInfo}{select:if3px}margin-top:calc(-{text:Icon Size} - 25px);{/select:if3px}{/block:ifRightInfo}}
  175.  
  176. /* permalink page */
  177. img.avatar {width:11px;border-radius:100px;}
  178. ol.notes {overflow:auto;max-height:250px;{block:ifnotPermaTwo}margin-top:10px;{/block:ifnotPermaTwo}{block:ifPermaTwo}margin-top:5px;{/block:ifPermaTwo}margin-left:0px;{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:10px 15px 10px 25px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  179. ol.notes li.note {list-style-type:none;}
  180. ol.notes li.note span.action {padding-left:10px;}
  181.  
  182. /* pagination */
  183. .pagination {margin-top:-20px;}
  184. .pagination a {{block:ifnotNoPostBg}border:{select:BorderSize} solid {color:Post Border};background:{color:Post Bg};padding:5px;{block:ifRoundedBorders}border-radius:3px;{/block:ifRoundedBorders}{/block:ifnotNoPostBg}}
  185.  
  186. /* credit */
  187. .e {position:fixed;bottom:15px;font-size:12px;right:20px;}
  188.  
  189. </style></head><body><div class="ic"><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 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317 c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133 c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4 c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0 c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383 l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383 l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4 l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4 c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483 c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383 c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35 C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35 c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517 l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4 c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317 c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15 l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15 c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967 c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4 c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483 l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933 c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167 l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667 S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667 s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg> </div>
  190.  
  191. <!--sidebar-->
  192. <div id="sidebar">{block:ifnotNoIcon}<div class="image"><a href="/"><img src="{image:Sidebar Image}"></a></div>{/block:ifnotNoIcon}<div class="all">{block:ifnotNoTitle}<div class="head">{Title}</div>{/block:ifnotNoTitle} {block:ifnotNoDesc}<div class="bio">{Description}</div><p>{/block:ifnotNoDesc} <div class="links"><a href="{text:Link 1 url}">{text:Link 1}</a> <a href="{text:Link 2 url}">{text:Link 2}</a> <a href="{text:Link 3 url}">{text:Link 3}</a> <a href="{text:Link 4 url}">{text:Link 4}</a> <a href="{text:Link 5 url}">{text:Link 5}</a></div></div></div>
  193. <!----->
  194.  
  195. <div id="content">{block:Posts}<!-- {block:NoRebloggedFrom}
  196. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  197. {/block:NoRebloggedFrom} --><div class="entry">
  198.  
  199. {block:Photo}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div> {block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Photo}
  200.  
  201. {block:Photoset}<div class="photoset"><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></div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Photoset}
  202.  
  203. {block:Text}{block:Title}<h1><div class="title">{Title}</div></h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  204.  
  205. {block:Link}<h1><div class="link"><a href="{URL}">{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  206.  
  207. {block:Quote}<div class="qs"><div class="quote">{Quote}</div>{block:Source} <div class="source">— {Source}</div>{/block:Source}</div>{/block:Quote}
  208.  
  209. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<div class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}&nbsp;{Line}</div>{/block:Lines}</div>{/block:Chat}
  210.  
  211. {block:Video}<div class="video">{Video-500}</div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Video}
  212.  
  213. {block:Audio}<div class="audio">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}<br> {block:Artist}<b>artist:</b> {Artist}{/block:Artist}</div>{/block:AudioPlayer}</div>{block:ifCaptions}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:Audio}
  214.  
  215. {block:Answer}<div class="alla"><div class="asks"><div class="asker"><img src="{AskerPortraitURL-40}"></div> <div class="ask">{Asker} said: {Question}</div></div><div class="answer">{Answer}</div></div>{/block:Answer}
  216.  
  217. {block:Date}<div class="footer"><a href="{Permalink}">{NoteCountWithLabel}</a> {block:PermalinkPage}{block:ContentSource} <a href="{SourceURL}">(original)</a>{/block:ContentSource}{/block:PermalinkPage}
  218.  
  219. {block:PermalinkPage}{block:ifTags}<div class="tags">{block:ifDragTags}<div class="post_tags draggable"><div class="post_tags_inner">{/block:ifDragTags}{block:HasTags}{block:Tags} <a href="{TagURL}">{block:ifnotDragTags}#{/block:ifnotDragTags}{Tag} </a> {/block:Tags}{/block:HasTags}</div>{block:ifDragTags}</div></div>{/block:ifDragTags}{/block:ifTags}{/block:PermalinkPage}
  220.  
  221. {block:ifPermaTwo}{block:IndexPage}{block:ifTags}<div class="tags">{block:ifDragTags}<div class="post_tags draggable"><div class="post_tags_inner">{/block:ifDragTags}{block:HasTags}{block:Tags} <a href="{TagURL}">{block:ifnotDragTags}#{/block:ifnotDragTags}{Tag} </a> {/block:Tags}{/block:HasTags}</div>{block:ifDragTags}</div></div>{/block:ifDragTags}{/block:ifTags}{/block:IndexPage}{/block:ifPermaTwo}
  222.  
  223. </div>{block:ifnotPermaTwo}{block:IndexPage}{block:ifTags}<div class="tags">{block:ifDragTags}<div class="post_tags draggable"><div class="post_tags_inner">{/block:ifDragTags}{block:HasTags}{block:Tags} <a href="{TagURL}">{block:ifnotDragTags}#{/block:ifnotDragTags}{Tag} </a> {/block:Tags}{/block:HasTags}</div>{block:ifDragTags}</div></div>{/block:ifDragTags}{/block:ifTags}{/block:IndexPage}{/block:ifnotPermaTwo}
  224.  
  225. {block:PermalinkPage}{block:NoteCount}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:NoteCount}{/block:PermalinkPage}{/block:Date}
  226.  
  227. </div>
  228.  
  229. {/block:Posts}
  230.  
  231. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  232.  
  233. {block:ContentSource}<!-- {SourceURL}
  234. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  235. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  236. {/block:ContentSource}</div><!---content div--->
  237.  
  238. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  239. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  240. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  241. <script>
  242. // pxu photosets & video resizer © shythemes.tumblr
  243. $(document).ready(function(){
  244. $('.photo-slideshow').pxuPhotoset({
  245. lightbox: true,
  246. rounded: false,
  247. gutter: '1px',
  248. borderRadius: '0px',
  249. photoset: '.photo-slideshow',
  250. photoWrap: '.photo-data',
  251. photo: '.pxu-photo'
  252. });
  253. });
  254. $container.infinitescroll({
  255. // your options
  256. }, function(){
  257. resizeVideos();
  258. });
  259. </script>
  260.  
  261. <script>
  262. // minimal soundcloud player © shythemes.tumblr
  263. $(document).ready(function(){
  264. var color = '{color:Soundcloud Player Button}'; // color of play button (hex)
  265. $('.soundcloud_audio_player').each(function(){
  266. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  267. });
  268. });</script>
  269. <script>$(document).ready(function(){
  270. $(".post_tags_inner").draggable({
  271. axis : "x",
  272. scroll: false,
  273. stop: function() {
  274. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  275. if(__left > 0){
  276. $(this).animate({left: 0}, 400, 'easeOutExpo');
  277. }
  278. var __width = $(this).outerWidth();
  279. var __parentWidth = $(".post_tags.draggable").outerWidth();
  280. if(__width > __parentWidth) {
  281. if(__left < __parentWidth-__width){
  282. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  283. }
  284. } else {
  285. $(this).animate({left: 0}, 400, 'easeOutExpo');
  286. }
  287. }
  288. });
  289. });
  290. </script>
  291. </body><a title="credit" href="http://ear.tumblr.com/"><div class="e">e</div></a></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!