Advertisement
solarre

correre

Feb 28th, 2016
8,353
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.88 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. correre by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9. -don't use as a basecode/claim as your own
  10.  
  11. credits:
  12. soundcloud player & video resizing script: shythemes
  13.  
  14. -->
  15.  
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Title" content="#000000"/>
  27. <meta name="color:Text" content="#bbbbbb"/>
  28. <meta name="color:Link" content="#aaaaaa"/>
  29. <meta name="color:Hover" content="#b3b3b3"/>
  30. <meta name="color:Line" content="#f2f2f2"/>
  31. <meta name="color:Tooltip" content="#777777"/>
  32. <meta name="color:Scrollbar" content="#eeeeee"/>
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35.  
  36. <meta name="if:White Lightbox" content="0"/>
  37. <meta name="if:Small Cursor" content="1"/>
  38. <meta name="if:Searchbar" content="1"/>
  39.  
  40. <meta name="select:Post Size" content="250" title="250px"/>
  41. <meta name="select:Post Size" content="300" title="300px"/>
  42. <meta name="select:Post Size" content="350" title="350px"/>
  43. <meta name="select:Post Size" content="400" title="400px"/>
  44.  
  45. <meta name="select:Sidebar Img Position" content="center" title="Center"/>
  46. <meta name="select:Sidebar Img Position" content="center top" title="Center Top"/>
  47. <meta name="select:Sidebar Img Position" content="center bottom" title="Center Bottom"/>
  48. <meta name="select:Sidebar Img Position" content="left top" title="Left Top"/>
  49. <meta name="select:Sidebar Img Position" content="left center" title="Left Center"/>
  50. <meta name="select:Sidebar Img Position" content="left bottom" title="Left Bottom"/>
  51. <meta name="select:Sidebar Img Position" content="right top" title="Right Top"/>
  52. <meta name="select:Sidebar Img Position" content="right center" title="Right Center"/>
  53. <meta name="select:Sidebar Img Position" content="right bottom" title="Right Bottom"/>
  54. <meta name="select:Sidebar Img Brightness" content="100%" title="100%"/>
  55. <meta name="select:Sidebar Img Brightness" content="90%" title="90%"/>
  56. <meta name="select:Sidebar Img Brightness" content="80%" title="80%"/>
  57. <meta name="select:Sidebar Img Brightness" content="70%" title="70%"/>
  58. <meta name="select:Sidebar Img Brightness" content="60%" title="60%"/>
  59. <meta name="select:Sidebar Img Brightness" content="50%" title="50%"/>
  60. <meta name="select:Sidebar Img Brightness" content="40%" title="40%"/>
  61. <meta name="select:Sidebar Img Brightness" content="30%" title="30%"/>
  62.  
  63. <meta name="text:Blog Title" content="">
  64. <meta name="text:Subtitle" content="">
  65. <meta name="text:linkA" content="">
  66. <meta name="text:linkA url" content="/">
  67. <meta name="text:linkB" content="">
  68. <meta name="text:linkB url" content="/">
  69. <meta name="text:linkC" content="">
  70. <meta name="text:linkC url" content="/">
  71. <meta name="text:linkD" content="">
  72. <meta name="text:linkD url" content="/">
  73. <meta name="text:linkE" content="">
  74. <meta name="text:linkE url" content="/"/>
  75.  
  76. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  77. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:1,
  84. tip_fade_speed:100,
  85. attribute:"title"
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <link href='//fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
  92. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  93. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  94. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  95.  
  96. <style type="text/css">
  97.  
  98. ::-webkit-scrollbar {width:4px; height:auto; background:{color:Background};}
  99. ::-webkit-scrollbar-corner {background:transparent;}
  100. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; width:2px; border:1px solid {color:background};}
  101. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:4px !important;}
  102. ::-webkit-scrollbar-increment {width:4px; height:4px; background-color:#fff;}
  103.  
  104. iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  105. position:fixed;
  106. white-space:nowrap;
  107. -webkit-filter: invert(100%);
  108. -moz-filter: invert(100%);
  109. -o-filter: invert(100%);
  110. -ms-filter: invert(100%);
  111. filter: invert(100%);
  112. opacity:.7;
  113. }
  114.  
  115. #s-m-t-tooltip {
  116. margin:10px;
  117. font-size:8px;
  118. max-width:300px;
  119. padding: 5px 8px;
  120. letter-spacing:1px;
  121. color:{color:tooltip};
  122. text-transform:uppercase;
  123. border:1px solid #f7f7f7;
  124. background:{color:background};
  125. box-shadow:2px 2px 0.2em #eee;
  126. z-index:100000000000000000000000000000000000000000;
  127. }
  128.  
  129. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  130. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  131. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  132.  
  133. .fade-in {
  134. opacity:0;
  135. -webkit-animation:fadeIn ease-in 1;
  136. -moz-animation:fadeIn ease-in 1;
  137. animation:fadeIn ease-in 1;
  138. -webkit-animation-fill-mode:forwards;
  139. -moz-animation-fill-mode:forwards;
  140. animation-fill-mode:forwards;
  141. -webkit-animation-duration:1s;
  142. -moz-animation-duration:1s; animation-duration:1s; }
  143.  
  144. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  145.  
  146. ::selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  147. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  148. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  149.  
  150. {block:ifWhiteLightbox}
  151. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  152. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  153. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  154. {/block:ifWhiteLightbox}
  155.  
  156. {block:ifSmallCursor}
  157.  
  158. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/yYInjhg6e/small_black_cursor.png), auto;}
  159.  
  160. a, a:hover, a:active, svg {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  161.  
  162. {/block:ifSmallCursor}
  163.  
  164. @font-face {
  165. font-family: Calluna;
  166. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  167. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  168. font-weight: 700;
  169. font-style: italic;
  170. }
  171.  
  172. @font-face {
  173. font-family: Fairwater;
  174. src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  175. font-weight: 400;
  176. font-style: normal;
  177. }
  178. p.npf_quirky { font-family:Fairwater; font-size:24px; }
  179. p.npf_chat { font-family:Courier; font-size:24px; }
  180. p.npf_quote { font-family:Calluna; font-size:24px; }
  181.  
  182. body {
  183. background:{color:background};
  184. margin:0px;
  185. color:{color:text};
  186. font:11px calibri;
  187. line-height:15px;
  188. -moz-font-smoothing:subpixel-antialiased;
  189. -webkit-font-smoothing:subpixel-antialiased;
  190. font-smoothing:subpixel-antialiased;
  191. }
  192.  
  193. a, .posts, .details, #sf, #credit, svg, #s-m-t-tooltip {
  194. transition:0.5s ease-in-out;
  195. -webkit-transition:0.5s ease-in-out;
  196. -moz-transition:0.5s ease-in-out;
  197. -ms-transition:0.5s ease-in-out;
  198. -o-transition:0.5s ease-in-out;
  199. }
  200.  
  201. a {color:{color:link};text-decoration:none;-moz-outline-style:none;}
  202. a:hover {color:{color:hover};}
  203. img {border:none;max-width:100%;height:auto;}
  204. img a {border:none;} a img {border:none;}
  205. h1 {font:italic 10px times;text-transform:uppercase;}
  206. h2 {font:italic 15px calibri;line-height:110%; color:#333;text-align:center;}
  207. blockquote {padding-left:8px;border-left:1px solid {color:line};margin-right:0;margin-left:20px;}
  208. blockquote blockquote {padding-left:8px;border-left:1px solid {color:line};margin-right:0;}
  209. ul {list-style-type:none;}
  210. ul li {position:relative;padding-left:20px;margin-left:-10px;}
  211. ul li:before {
  212. content:'';
  213. top:8px;
  214. left:0px;
  215. width:15px;
  216. height:1px;
  217. display:block;
  218. position:absolute;
  219. border-top:1px solid #ececec;
  220. }
  221.  
  222. ul ul li:before {
  223. content:'›';
  224. top:0px;
  225. left:0px;
  226. width:0px;
  227. border:none;
  228. display:block;
  229. margin-left:10px;
  230. position:absolute;
  231. }
  232.  
  233. pre {
  234. padding:5px 8px;
  235. text-transform:uppercase;
  236. white-space: pre-wrap;
  237. white-space: -moz-pre-wrap;
  238. white-space: -pre-wrap;
  239. white-space: -o-pre-wrap;
  240. word-wrap: break-word;
  241. }
  242.  
  243. #sidebar {
  244. top:0;
  245. opacity:1;
  246. z-index:2;
  247. width:230px;
  248. height:100%;
  249. padding:5px;
  250. position:fixed;
  251. margin-left:-230px;
  252. border-right:1px solid {color:line};
  253. }
  254.  
  255. #cs {
  256. {block:IndexPage}width:calc({select:Post Size}px + 90px);{/block:IndexPage}
  257. {block:PermalinkPage}width:590px;{/block:PermalinkPage}
  258. margin:0 auto;
  259. height:auto;
  260. }
  261.  
  262. #bg {
  263. {block:IndexPage}width:calc(50% - (({select:Post Size}px + 70px)/2));{/block:IndexPage}
  264. {block:PermalinkPage}width:calc(50% - (570px / 2));{/block:PermalinkPage}
  265. height:100%;
  266. position:fixed;
  267. left:0;
  268. top:0;
  269. background:#fff url('{image:sidebar}') no-repeat {select:Sidebar Img Position};
  270. background-size:cover;
  271. -webkit-filter:brightness({select:Sidebar Img Brightness});
  272. filter:brightness({select:Sidebar Img Brightness});
  273. }
  274.  
  275. #title {
  276. width:200px;
  277. padding:5px 10px 5px 10px;
  278. margin-top:10px;
  279. line-height:130%;
  280. text-align:center;
  281. font:25px 'EB Garamond', times;
  282. -ms-word-break: break-all;
  283. word-break: break-all;
  284. word-break: break-word;
  285. -webkit-hyphens: auto;
  286. -moz-hyphens: auto;
  287. -ms-hyphens: auto;
  288. hyphens: auto;
  289. }
  290.  
  291. #title a {color:{color:title};}
  292.  
  293. #line {
  294. width:210px;
  295. opacity:0.8;
  296. padding:5px 5px;
  297. font:12px calibri;
  298. text-align:center;
  299. letter-spacing:1px;
  300. color:{color:title};
  301. margin-top:-10px;
  302. text-transform:uppercase;
  303. }
  304.  
  305. #line:before, #line:after {content:"—";padding:0 5px;}
  306.  
  307. #desc {
  308. bottom:0px;
  309. width:190px;
  310. height:auto;
  311. position:fixed;
  312. font-size:12px;
  313. text-align:right;
  314. line-height:125%;
  315. padding:10px 20px;
  316. color:{color:title};
  317. letter-spacing:0.5px;
  318. text-transform:uppercase;
  319. }
  320.  
  321. .links {
  322. height:auto;
  323. width:150px;
  324. font-size:11px;
  325. word-spacing:1em;
  326. text-align:right;
  327. padding:10px 40px;
  328. text-transform:none;
  329. }
  330.  
  331. .links a {display:block;padding-left:0px;color:{color:title};}
  332. .links a:hover {color:{color:Hover};padding-right:5px;}
  333.  
  334. .pagi{
  335. z-index:99;
  336. width:140px;
  337. margin:0 10px;
  338. font-size:8px;
  339. text-align:right;
  340. letter-spacing:0px;
  341. padding:0px 40px 5px;
  342. }
  343.  
  344. .pagi a {color:{color:title};}
  345.  
  346. .jump_page {height:10px;width:20px;padding:5px;}
  347. .current_page {height:10px;width:20px;padding:3px 5px;text-decoration:underline;}
  348.  
  349. #all {
  350. padding:80px 50px 10px;
  351. {block:PermalinkPage}padding-bottom:80px;{/block:PermalinkPage}
  352. {block:IndexPage}width:calc({select:Post Size}px + 20px);{/block:IndexPage}
  353. {block:PermalinkPage}width:520px;{/block:PermalinkPage}
  354. z-index:2;
  355. margin:0px auto;
  356. letter-spacing:0.5px;
  357. }
  358.  
  359. .posts:first-child {margin-top:10px;}
  360.  
  361. .posts {
  362. {block:IndexPage}width:{select:Post Size}px;{/block:IndexPage}
  363. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  364. padding:0 10px;
  365. {block:IndexPage}margin-bottom:100px;{/block:IndexPage}
  366. -ms-word-break: break-all;
  367. word-break: break-all;
  368. word-break: break-word;
  369. -webkit-hyphens: auto;
  370. -moz-hyphens: auto;
  371. -ms-hyphens: auto;
  372. hyphens: auto;
  373. }
  374.  
  375. .caption {width:auto;padding:5px 0px 0;}
  376. .caption a {padding-bottom:1px;border-bottom:1px solid {color:text};}
  377. .caption a:hover { border-bottom:1px solid {color:hover};}
  378. .posts:hover .details {opacity:1;}
  379. .details {
  380. opacity:0;
  381. width:auto;
  382. float:right;
  383. padding:9px;
  384. display:block;
  385. font:italic 8.5px calibri;
  386. line-height:13px;
  387. text-align:center;
  388. text-transform:uppercase;
  389. margin:-0px -70px -10px 0;
  390. border-left:1px solid {color:line};
  391. }
  392.  
  393. .dets {margin-top:10px; padding:5px;border-top:1px solid {color:line};font-size:8.5px;} .dets a {display:inline-block;}
  394.  
  395. .tags {display:inline-block;opacity:0.9;}
  396. .tags a {display:inline-block;padding:0 2px;}
  397.  
  398. .reb svg {fill:{color:link};}
  399. .reb svg:hover {fill:{color:hover};}
  400.  
  401. .question {
  402. padding:10px;
  403. font-size:10px;
  404. text-align:center;
  405. color:{color:text};
  406. letter-spacing:1px;
  407. text-transform:uppercase;
  408. border-bottom:1px solid #f5f5f5;
  409. }
  410.  
  411. .question img {border-radius:100%;}
  412.  
  413. .akport {
  414. opacity:1;
  415. z-index:3;
  416. width:auto;
  417. color:#444;
  418. height:12px;
  419. padding:10px 0;
  420. font-size:10px;
  421. font-weight:bold;
  422. text-align:center;
  423. letter-spacing:1px;
  424. text-transform:uppercase;
  425. }
  426.  
  427. .akport a {text-decoration:none;border:none;}
  428.  
  429. .tumblr_audio_player {width:100%;margin-top:12px;}
  430.  
  431. .player {
  432. float:left;
  433. width:50px;
  434. height:50px;
  435. padding:10px;
  436. display:block;
  437. overflow:hidden;
  438. background:#fff;
  439. margin:0px 0 0px 0;
  440. }
  441.  
  442. .audioinfo {
  443. color:#888;
  444. height:20px;
  445. padding:25px;
  446. display:block;
  447. font-size:10px;
  448. background:#fff;
  449. text-align:left;
  450. line-height:110%;
  451. margin:10px 0 10px 75px;
  452. {block:IndexPage}width:calc({select:Post Size}px - 125px);{/block:IndexPage}
  453. {block:PermalinkPage}width:375px;{/block:PermalinkPage}
  454. }
  455.  
  456. .source {
  457. color:#aaa;
  458. font-size:9px;
  459. padding:5px 10px;
  460. text-align:center;
  461. text-transform:uppercase;
  462. }
  463.  
  464. .source:before {
  465. content:"";
  466. display:block;
  467. height:1px;
  468. width:20px;
  469. margin:-10px auto 2px;
  470. border-top:2px solid #f7f7f7;
  471. }
  472.  
  473. .chat li {list-style:none;line-height:115%;}
  474. .line.odd {border-left:1px solid {color:line};padding:3px 5px;}
  475. .line.even {border-left:1px solid transparent;padding:3px 5px;}
  476.  
  477. .webs {font:italic 12px times;padding-top:10px;text-align:center;}
  478. .webs a {border-bottom:none;}
  479.  
  480. #notes {
  481. width:500px;
  482. font-size:9px;
  483. padding:5px 0;
  484. text-align:left;
  485. line-height:125%;
  486. max-height:150px;
  487. overflow-y:scroll;
  488. overflow-x:hidden;
  489. margin:0px auto 50px;
  490. }
  491.  
  492. #notes img {display:none;}
  493. #notes ol, #notes li {list-style:none;line-height:125%;padding-left:0;}
  494.  
  495. .sfm input {
  496. outline:none;
  497. border: 0px;
  498. margin-top: 0px;
  499. text-align:right;
  500. font: 10px calibri;
  501. color: {color:text};
  502. letter-spacing: 1px;
  503. text-transform: uppercase;
  504. padding: 4px 17px 4px 3px;
  505. }
  506.  
  507. #sf {
  508. background: url('http://static.tumblr.com/vmteopo/Gc3n4nx2s/search.png') transparent right center no-repeat;
  509. -webkit-filter:brightness(200%);
  510. filter:brightness(200%);
  511. border-bottom:1px solid transparent;
  512. background-size: 15px 10px;
  513. padding-left:5px;
  514. width:0px;
  515. height:15px;
  516. outline:none;
  517. float:right;
  518. }
  519.  
  520. #sf:hover {width:100px;border-bottom:1px solid {color:line};}
  521.  
  522. ::-webkit-input-placeholder {color: inherit;}
  523. :-moz-placeholder {color: inherit; opacity:1;}
  524. ::-moz-placeholder {color: inherit; opacity:1;}
  525. :-ms-input-placeholder {color: inherit;}
  526. input:focus::-webkit-input-placeholder {color: transparent;}
  527. input:focus:-moz-placeholder {color: transparent;}
  528. input:focus::-moz-placeholder {color: transparent;}
  529. input:focus:-ms-input-placeholder { color: transparent;}
  530.  
  531. #credit, #credit a {
  532. position:fixed;
  533. bottom:20px;
  534. right:20px;
  535. color:{color:text};
  536. font:normal normal 12px calibri;
  537. text-decoration:none;
  538. }
  539.  
  540. {CustomCSS}</style></head><body>
  541.  
  542. <div id="bg"></div>
  543.  
  544. <div id="cs">
  545. <div id="sidebar">
  546. <div id="title"><a href="/">{text:Blog Title}</a></div>
  547. {block:ifsubtitle}<div id="line">{text:subtitle}</div>{/block:ifsubtitle}
  548.  
  549. <div id="desc">{Description}
  550. <div class="links">
  551. {block:iflinkA}<a href="{text:linkA url}">{text:linkA}</a>{/block:iflinkA}
  552. {block:iflinkB}<a href="{text:linkB url}">{text:linkB}</a>{/block:iflinkB}
  553. {block:iflinkC}<a href="{text:linkC url}">{text:linkC}</a>{/block:iflinkC}
  554. {block:iflinkD}<a href="{text:linkD url}">{text:linkD}</a>{/block:iflinkD}
  555. {block:iflinkE}<a href="{text:linkE url}">{text:linkE}</a>{/block:iflinkE}
  556. </div>
  557.  
  558. {block:ifSearchbar}<script language="javascript">
  559. function send()
  560. {document.theform.submit()}
  561. </script>
  562. <form action="/search" method="get" class="sfm" name="theform">
  563. <input type="text" name="q" placeholder="search" value="" id="sf" />
  564. </form><br><br>{/block:ifSearchbar}
  565.  
  566. {block:Pagination}<div class="pagi">
  567. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;/&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>{/block:Pagination}
  568.  
  569. </div>
  570. </div>
  571. </div>
  572.  
  573. <div id="all">{block:Posts}<div class="posts box fade-in one">
  574.  
  575. {block:IndexPage}<div class="details">
  576. {block:Date}<a href="{Permalink}" title="{12HourWithZero}:{Minutes}{AmPm}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}{block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}<br>{block:NoteCount}<a href="{Permalink}">{NoteCount}N</a>{/block:NoteCount}<p style="margin:3px 0;{block:Pages} display:none{/block:Pages}" >
  577. <a href="{ReblogURL}" class="reb">
  578. <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" width="10" height="10"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/>
  579. </svg>
  580.  
  581.  
  582. </a>
  583.  
  584. </p>
  585. </div>
  586. {/block:IndexPage}
  587.  
  588. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="caption" style="padding-top:0">{Body}</div>{/block:Text}
  589.  
  590. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  591.  
  592. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  593.  
  594. {block:Photoset}<center>{Photoset}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  595.  
  596. {block:Quote}<div style="padding:10px 0"><h2>{Quote}</h2><div class="source">{Source}</div></div>{/block:Quote}
  597.  
  598. {block:Audio}
  599. <div class="player">{AudioPlayerWhite}</div>
  600. <div class="audioinfo">
  601. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  602. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  603.  
  604. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  605.  
  606. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  607.  
  608. {block:Answer}<div class="question"><img src="{AskerPortraitURL-16}"><div class="akport">{Asker}</div>{Question}</div><div class="caption">{Answer}</div>{/block:Answer}
  609.  
  610. {block:PermalinkPage}
  611. <div class="dets">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}{/block:Date}{block:NoteCount}&emsp;{NoteCount}N{/block:NoteCount}{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:Date}&emsp;<a href="{ReblogURL}">reblog</a>{/block:Date}{block:HasTags}<br>&emsp;<i>— filed under:</i> {block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>
  612. {/block:PermalinkPage}
  613.  
  614. </div>
  615.  
  616. {/block:Posts}
  617. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  618. {/block:Posts}
  619. </div>
  620.  
  621. </div>
  622.  
  623. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  624.  
  625.  
  626. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  627. <script>
  628. $(document).ready(function(){
  629. var color = '{color:hover}';
  630. $('.soundcloud_audio_player').each(function(){
  631. $(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: 20, width: '100%' });
  632. });
  633. });
  634. </script>
  635.  
  636. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement