API tools faq
paste
Advertisement
solarre

janvier

solarre
Mar 19th, 2016
7,686
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.06 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.  
  3. <!--
  4.  
  5. janvier by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9.  
  10. credits:
  11. soundcloud player and video resizing script: shythemes
  12. pxu photosets: PixelUnion
  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="if:Contained" content="1"/>
  35. <meta name="if:Captions" content="1"/>
  36. <meta name="if:Fade Posts" content="0"/>
  37. <meta name="if:White Lightbox" content="0"/>
  38. <meta name="if:Small Cursor" content="1"/>
  39. <meta name="if:Info and Tags" content="0"/>
  40. <meta name="if:Like Reblog Perma Info" content="1"/>
  41.  
  42. <meta name="select:Post Size" content="250" title="250px"/>
  43. <meta name="select:Post Size" content="280" title="280px"/>
  44. <meta name="select:Post Size" content="300" title="300px"/>
  45. <meta name="select:Post Size" content="320" title="320px"/>
  46. <meta name="select:Post Size" content="350" title="350px"/>
  47. <meta name="select:Post Size" content="370" title="370px"/>
  48. <meta name="select:Post Size" content="400" title="400px"/>
  49. <meta name="select:Post Size" content="420" title="420px"/>
  50.  
  51. <meta name="text:Blog Title" content="">
  52. <meta name="text:linkA" content="">
  53. <meta name="text:linkA url" content="/">
  54. <meta name="text:linkB" content="">
  55. <meta name="text:linkB url" content="/">
  56. <meta name="text:linkC" content="">
  57. <meta name="text:linkC url" content="/">
  58. <meta name="text:linkD" content="">
  59. <meta name="text:linkD url" content="/">
  60.  
  61. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:1,
  69. tip_fade_speed:100,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  78. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  79.  
  80. <style type="text/css">
  81.  
  82. ::-webkit-scrollbar {width:11px; height:auto; background:{color:background};}
  83. ::-webkit-scrollbar-corner {background:transparent;}
  84. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};border:5px solid {block:ifnotContained}{color:background}{/block:ifnotContained}{block:ifContained}#fff{/block:ifContained};}
  85. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:3px !important;}
  86. ::-webkit-scrollbar-increment {width:6px; height:6px; background-color:#fff;}
  87.  
  88. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  89. opacity:.5;
  90. position:fixed;
  91. white-space:nowrap;
  92. -webkit-filter: invert(100%);
  93. -moz-filter: invert(100%);
  94. -o-filter: invert(100%);
  95. -ms-filter: invert(100%);
  96. filter: invert(100%);
  97. }
  98.  
  99. #s-m-t-tooltip {
  100. max-width:300px;
  101. padding: 5px 8px;
  102. margin:10px;
  103. background-color:{color:background};
  104. font-size:8px;
  105. letter-spacing:1px;
  106. text-transform:uppercase;
  107. color:{color:tooltip};
  108. border:1px solid {color:line};
  109. border-right-color:{color:hover};
  110. border-bottom-color:{color:hover};
  111. border-radius:2px;
  112. z-index:10000000000000000000000000000000000;
  113. }
  114.  
  115. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  116. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  117. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  118.  
  119. .fade-in {
  120. opacity:0;
  121. -webkit-animation:fadeIn ease-in 1;
  122. -moz-animation:fadeIn ease-in 1;
  123. animation:fadeIn ease-in 1;
  124. -webkit-animation-fill-mode:forwards;
  125. -moz-animation-fill-mode:forwards;
  126. animation-fill-mode:forwards;
  127. -webkit-animation-duration:1s;
  128. -moz-animation-duration:1s; animation-duration:1s; }
  129.  
  130. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  131. .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
  132.  
  133. ::selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  134. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  135. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  136.  
  137. {block:ifWhiteLightbox}
  138. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  139. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  140. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  141. {/block:ifWhiteLightbox}
  142.  
  143. {block:ifSmallCursor}
  144.  
  145. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;}
  146.  
  147. a, a:hover, a:active, iframe, svg { cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair; }
  148.  
  149. {/block:ifSmallCursor}
  150.  
  151. body {
  152. background:{color:background};
  153. margin:0px;
  154. height:100%;
  155. width:100%;
  156. color:{color:text};
  157. font:10px calibri;
  158. line-height:15px;
  159. -moz-font-smoothing:subpixel-antialiased;
  160. -webkit-font-smoothing:subpixel-antialiased;
  161. font-smoothing:subpixel-antialiased;
  162. }
  163.  
  164. #s-m-t-tooltip, a, .posts, .dets, .tags, #credit, .buttons, svg {
  165. transition:0.5s ease-in-out;
  166. -webkit-transition:0.5s ease-in-out;
  167. -moz-transition:0.5s ease-in-out;
  168. -ms-transition:0.5s ease-in-out;
  169. -o-transition:0.5s ease-in-out;
  170. }
  171.  
  172. iframe#youtube_iframe {width:100%!important;}
  173. a {text-decoration:none;color:{color:link};-moz-outline-style:none;}
  174. a:hover {color:{color:hover};}
  175. img {border:none;max-width:100%;height:auto;}
  176. img a {border:none;} a img {border:none;}
  177. h1 {font:italic 10.5px calibri;text-transform:uppercase;}
  178. h2 {font:italic 15px calibri;line-height:110%; color:#333;text-align:center;}
  179. blockquote {padding-left:5px;border-left:1px solid {color:line};margin-right:0;margin-left:20px;}
  180. blockquote blockquote {padding-left:5px;border-left:1px solid {color:line};margin-right:0;}
  181. ul {list-style-type:none;}
  182. ul li {position:relative;padding-left:20px;margin-left:-10px;}
  183. ul li:before {
  184. content:'';
  185. position:absolute;
  186. display:block;
  187. top:7px;
  188. left:0;
  189. width:15px;
  190. height:1px;
  191. border-top:1px solid #ececec;
  192. }
  193.  
  194. ul ul li:before {
  195. content:'›';
  196. position:absolute;
  197. display:block;
  198. border:none;
  199. top:0;
  200. left:0;
  201. margin-left:10px;
  202. width:0px;
  203. }
  204.  
  205. pre {
  206. padding:8px 14px;
  207. font-family:calibri;
  208. background:#fafafa;
  209. border:1px solid #eee;
  210. white-space: pre-wrap;
  211. white-space: -moz-pre-wrap;
  212. white-space: -pre-wrap;
  213. white-space: -o-pre-wrap;
  214. word-wrap: break-word;
  215. }
  216.  
  217. #sidebar {
  218. width:120px;
  219. right:50%;
  220. margin-right:calc(-1 * ((({select:Post Size}px + 222px)/2) + 145px));
  221. top:120px;
  222. position:fixed;
  223. height:auto;
  224. padding:5px 5px 5px 15px;
  225. {block:ifnotContained}border-left:1px solid {color:line};{/block:ifnotContained}
  226. z-index:2;
  227. }
  228.  
  229. #deis {display:inline-block;width:100px;}
  230.  
  231. #ic {
  232. background:{color:hover};
  233. height:20px;
  234. width:20px;
  235. margin:0px 0 5px 40px;
  236. display:block;
  237. overflow:hidden;
  238. border-radius:100% 100% 100% 0;
  239. -webkit-transform:rotate(-45deg);
  240. }
  241.  
  242. #title {
  243. font:lighter 12px calibri;
  244. text-transform:uppercase;
  245. display:inline-block;
  246. width:12px;
  247. letter-spacing:5px;
  248. padding:5px 0;
  249. text-align:center;
  250. line-height:130%;
  251. -ms-word-break: break-all;
  252. word-break: break-all;
  253. word-break: break-word;
  254. -webkit-hyphens: auto;
  255. -moz-hyphens: auto;
  256. -ms-hyphens: auto;
  257. hyphens: auto;
  258. }
  259.  
  260. #title a {color:{color:title};}
  261.  
  262. #desc {
  263. margin:auto;
  264. display:block;
  265. font-size:10px;
  266. text-align:center;
  267. line-height:125%;
  268. letter-spacing:0.5px;
  269. width:80px;
  270. height:auto;
  271. padding:10px;
  272. color:{color:title};
  273. }
  274.  
  275. .links {
  276. height:auto;
  277. max-height:50px;
  278. width:60px;
  279. margin-bottom:-15px;
  280. padding:10px;
  281. text-align:center;
  282. font-size:10px;
  283. text-transform:none;
  284. }
  285.  
  286. .links a {display:inline-block;{block:ifnotlinkD}padding:2px 1px;{/block:ifnotlinkD}}
  287. {block:iflinkD}.links a {padding:2px 5px;} .links a:nth-child(3) {padding-left:2.5px}{/block:iflinkD}
  288.  
  289. .pagi{
  290. font-size:8px;
  291. text-align:center;
  292. padding:5px 10px;
  293. width:{select:Post Size}px;
  294. margin:80px auto 100px;
  295. letter-spacing:0px;
  296. z-index:99;
  297. }
  298.  
  299. .jump_page, .current_page {height:10px;width:20px;padding:5px;}
  300. .current_page:before {
  301. content:'';
  302. position:absolute;
  303. margin:-15px auto 0 -2.65px;
  304. height:10px;
  305. width:10px;
  306. border-radius:100% 100% 100% 0;
  307. -webkit-transform:rotate(-45deg);
  308. background:{color:hover};
  309. }
  310.  
  311. #co {
  312. width:calc({select:Post Size}px + 120px);
  313. padding:0 50px;
  314. position:fixed;
  315. height:calc(100% - 240px);
  316. overflow-x:hidden;
  317. overflow-y:scroll;
  318. top:120px;
  319. left:50%;
  320. margin-left:calc(-1 * (({select:Post Size}px + 220px)/2));
  321. border:1px solid {color:line};
  322. background:#fff;
  323. }
  324.  
  325. #all {
  326. padding:10px 50px;
  327. width:calc({select:Post Size}px + 20px);
  328. z-index:3;
  329. margin:90px auto;
  330. letter-spacing:0.5px;
  331. }
  332.  
  333. .posts:first-child {margin-top:0px;}
  334.  
  335. .posts {
  336. width:{select:Post Size}px;
  337. padding:10px;
  338. margin-top:100px;
  339. -ms-word-break: break-all;
  340. word-break: break-all;
  341. word-break: break-word;
  342. -webkit-hyphens: auto;
  343. -moz-hyphens: auto;
  344. -ms-hyphens: auto;
  345. hyphens: auto;
  346. }
  347.  
  348. {block:ifFadePosts}
  349. .posts {opacity:0.75;} .posts:hover {opacity:0.9;}
  350. {/block:ifFadePosts}
  351.  
  352. .caption, .answ {width:auto;padding-top:5px;}
  353. .caption a, .answ a{padding-bottom:1px;border-bottom:1px solid {color:link};}
  354. .caption a:hover, .answ a:hover { border-bottom:1px solid {color:hover};}
  355. {block:IndexPage}{block:ifnotCaptions}.caption {display:none;}{/block:ifnotCaptions}{/block:IndexPage}
  356.  
  357. .dets {
  358. margin-top:10px;
  359. font-size:8px;
  360. text-transform:uppercase;
  361. height:auto;
  362. width:100%;
  363. text-align:center;
  364. display: inline-block;
  365. }
  366.  
  367. .det {margin-top:10px; padding:5px;border-top:1px solid {color:line};font-size:8.5px;} .det a {display:inline-block;}
  368.  
  369. .tags {opacity:0.9;width:auto;display:inline-block;}
  370. .tags a {display:inline-block;padding:0 2px;}
  371.  
  372. {block:ifInfoAndTags}
  373. {block:indexpage}
  374. .dets, .tags {opacity:0;}
  375. .tags {-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
  376. .posts:hover .dets, .posts:hover .tags {opacity:1;}
  377. {/block:indexpage}
  378. {/block:ifInfoAndTags}
  379.  
  380. .buttons {
  381. position:absolute;
  382. margin-left:-45px;
  383. {block:ifnotInfoandTags}height:45px;
  384. {/block:ifnotInfoandTags}
  385. {block:ifInfoandTags}height:30px;{/block:ifInfoandTags}
  386. padding:16px 20px 10px 10px;
  387. border-right:1px solid transparent;
  388. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  389. }
  390.  
  391. .posts:hover .buttons {border-right-color:{color:line};}
  392.  
  393. .like svg, .rbt svg, .permaa svg, .ttag svg {fill:#a4a4a4;margin-bottom:-2px;}
  394. .like:hover svg, .rbt svg:hover, .permaa svg:hover, .ttag svg:hover {fill:{color:hover};}
  395. a.liked + svg, .like .liked + svg {fill:{color:hover};}
  396. .like_button iframe {
  397. opacity:0;
  398. position:absolute;
  399. {block:IndexPage}margin-left:-3px;{/block:IndexPage}
  400. {block:PermalinkPage}margin:-1px 0 0 -17px;{/block:PermalinkPage}
  401. z-index:2;
  402. width:15px;
  403. height:15px;
  404. }
  405.  
  406. .like_button iframe svg {height:15px;width:15px;}
  407.  
  408. {block:IndexPage}
  409. a.like, a.rbt, a.permaa, a.ttag {{block:indexpage}display:block;opacity:0;position:absolute;margin:-50px 0px 20px 0px;-webkit-filter:blur(3px);}
  410. .posts:hover a.like, .posts:hover a.rbt, .posts:hover a.permaa, .posts:hover a.ttag {opacity:1;-webkit-filter:none;}
  411. a.like {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;} .posts:hover a.like {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;margin-top:0;}
  412. a.rbt, .posts:hover a.rbt {-webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s;} .posts:hover a.rbt {margin-top:15px;}
  413. a.permaa {-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;{block:ifInfoAndTags}display:none;{/block:ifInfoAndTags}} .posts:hover a.permaa {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;margin-top:30px;}
  414. .posts:hover a.ttag {-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;margin-top:44.5px;}
  415. a.ttag {padding:0px 1.5px;-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; transition-delay:0.3s;{block:ifInfoAndTags}display:none;{/block:ifInfoAndTags}}
  416. {/block:IndexPage}
  417.  
  418. .question {
  419. padding:10px;
  420. letter-spacing:1px;
  421. text-align:center;
  422. color:{color:text};
  423. border-bottom:1px solid {color:line};
  424. font-size:10px;
  425. }
  426.  
  427. .akport {
  428. width:auto;
  429. display:inline-block;
  430. text-align:center;
  431. height:12px;
  432. padding:5px;
  433. font-style:italic;
  434. color:#444;
  435. opacity:1;
  436. z-index:3;
  437. letter-spacing:1px;
  438. text-transform:uppercase;
  439. }
  440.  
  441. .akport a {text-decoration:none;border:none;}
  442.  
  443. iframe.spotify_audio_player {height:80px!important;display:block;}
  444.  
  445. .tumblr_audio_player {width:100%;margin-top:12px;}
  446.  
  447. .player {
  448. width:50px;
  449. height:50px;
  450. padding:10px;
  451. overflow:hidden;
  452. background:#fff;
  453. margin:0px 0 0px 0;
  454. display:block;
  455. float:left;
  456. border:1px solid {color:line};
  457. }
  458.  
  459. .audioinfo {
  460. color:#888;
  461. margin:0px 0 10px 75px;
  462. display:block;
  463. padding:25px;
  464. height:20px;
  465. text-align:left;
  466. font-size:10px;
  467. line-height:12px;
  468. width:calc({select:Post Size}px - 127px);
  469. background:#fff;
  470. border:1px solid {color:line};
  471. }
  472.  
  473. .source {
  474. color:#aaa;
  475. text-transform:uppercase;
  476. font-size:9px;
  477. padding:5px 10px;
  478. text-align:center;
  479. }
  480.  
  481. .source:before {
  482. content:"";
  483. display:block;
  484. height:1px;
  485. width:20px;
  486. margin:-10px auto 2px;
  487. border-top:2px solid #f7f7f7;
  488. }
  489.  
  490. .chat li {list-style:none;line-height:115%;}
  491. .line.odd {border-left:1px solid {color:line};padding:3px 5px;}
  492. .line.even {border-left:1px solid transparent;padding:3px 5px;}
  493. .webs {font:italic 12px calibri;padding-top:10px;text-align:center;}
  494. .webs a {border-bottom:none;}
  495.  
  496. #notes {
  497. width:{select:Post Size}px;
  498. max-height:150px;
  499. padding:5px 0;
  500. margin:0px auto;
  501. overflow-y:scroll;
  502. overflow-x:hidden;
  503. text-align:left;
  504. font-size:9px;
  505. line-height:125%;
  506. }
  507.  
  508. #notes img {display:none;}
  509. #notes ol, #notes li {margin-top:0px;list-style:none;padding-left:8px;margin-top:0;}
  510.  
  511. #credit, #credit a {
  512. position:fixed;
  513. bottom:20px;
  514. right:20px;
  515. color:{color:text};
  516. font:normal normal 12px calibri;
  517. text-decoration:none;
  518. }
  519.  
  520. {CustomCSS}</style></head><body>
  521.  
  522. <div id="sidebar"{block:ifnotContained} class="box fade-in one"{/block:ifnotContained}>
  523. <div id="title"><a href="/">{text:Blog Title}</a></div>
  524. <div id="deis">
  525. <div id="ic"></div>
  526. <div id="desc">{Description}
  527. <div class="links">
  528. {block:iflinkA}<a href="{text:linkA url}" title="{text:linkA}">.01</a>{/block:iflinkA}
  529. {block:iflinkB}<a href="{text:linkB url}" title="{text:linkB}">.02</a>{/block:iflinkB}
  530. {block:iflinkC}<a href="{text:linkC url}" title="{text:linkC}">.03</a>{/block:iflinkC}
  531. {block:iflinkD}<a href="{text:linkD url}" title="{text:linkD}">.04</a>{/block:iflinkD}
  532. </div></div>
  533. </div></div>
  534.  
  535. {block:ifContained}<div id="co">{/block:ifContained}
  536.  
  537. <div id="all" class="box fade-in two">
  538. {block:Posts}<div class="posts">
  539.  
  540. {block:ifLikeReblogPermaInfo}{block:IndexPage}
  541. <div class="buttons"{block:ifnotInfoandTags} style="{block:hastags}height:62px{/block:hastags}"{/block:ifnotInfoandTags}>
  542. <a class="like">{LikeButton size="15"}
  543. <svg width="10" height="10" viewBox="0 0 216 216" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  544.  
  545. <a href="{reblogurl}" class="rbt"><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" height="10" width="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><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"/>
  546. </svg></a>
  547.  
  548. <a href="{Permalink}" class="permaa"><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" width="10" height="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/>
  549. </svg></a>
  550.  
  551. {block:HasTags}<a title="{block:Tags}#{Tag} {/block:Tags}" class="ttag"><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" height="7.5" width="7.5" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></svg></a>{/block:HasTags}
  552.  
  553. </div>
  554. {/block:IndexPage}{/block:ifLikeReblogPermaInfo}
  555.  
  556. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption" style="padding-top:0; display:block">{Body}</div>{/block:Text}
  557.  
  558. {block:Photo}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  559.  
  560. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption" style="display:block">{Description}</div>{/block:Description}{/block:Link}
  561.  
  562. {block:Photoset}{LinkOpenTag}<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>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  563.  
  564. {block:Quote}<h2>{Quote}</h2><div class="source">{Source}</div>{/block:Quote}
  565.  
  566. {block:Audio}
  567. <div class="player">{AudioPlayerWhite}</div>
  568. <div class="audioinfo">
  569. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  570. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  571.  
  572. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  573.  
  574. {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}
  575.  
  576. {block:Answer}<div class="question"><div class="akport">{Asker}: </div>{Question}</div><div class="answ">{Answer}</div>{/block:Answer}
  577.  
  578. {block:ifInfoandTags}
  579. <div class="dets">{block:Date}<b>{ShortMonth} {DayOfMonthWithZero}</b>{/block:Date}{block:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}N</a>{/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:HasTags}<br>{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>
  580. {/block:ifInfoandTags}
  581.  
  582. {block:ifLikeReblogPermaInfo}{block:PermalinkPage}
  583. {block:ifnotInfoandTags}<div class="dets">
  584. {block:Date}<b>{ShortMonth} {DayOfMonthWithZero}</b>{/block:Date}{block:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}N</a>{/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:HasTags}<br>{block:Tags}<div class="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}{/block:ifnotInfoandTags}
  585. <div style="margin:auto;width:34px;">
  586. <a class="like">{LikeButton size="15"}
  587. <svg width="10" height="10" viewBox="0 0 216 216" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>&emsp;
  588.  
  589. <a href="{reblogurl}" class="rbt"><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" height="10" width="10" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><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"/>
  590. </svg></a></div>
  591. {block:ifnotInfoandTags}</div>{/block:ifnotInfoandTags}
  592. {/block:PermalinkPage}{/block:ifLikeReblogPermaInfo}
  593.  
  594. </div>
  595. {/block:Posts}
  596. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  597. {/block:Posts}
  598. </div>
  599.  
  600. </div>
  601.  
  602. {block:ifContained}</div>{/block:ifContained}
  603.  
  604. {block:Pagination}<div class="pagi">
  605. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&emsp;{/block:PreviousPage}
  606. {block:JumpPagination length="3"}
  607. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&emsp;{/block:CurrentPage}
  608. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&emsp;{/block:JumpPage}
  609. {/block:JumpPagination}
  610. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  611. </div>{/block:Pagination}</div>
  612.  
  613. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  614.  
  615. </div>
  616. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  617. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  618. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  619.  
  620. <script>
  621. $(document).ready(function(){
  622. var color = '{color:hover}';
  623. $('.soundcloud_audio_player').each(function(){
  624. $(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%' });
  625. });
  626. $('.photo-slideshow').pxuPhotoset({
  627. lightbox: true,
  628. rounded: false,
  629. gutter: '2px',
  630. borderRadius: '0px',
  631. photoset: '.photo-slideshow',
  632. photoWrap: '.photo-data',
  633. photo: '.pxu-photo'
  634. });
  635. });
  636. </script>
  637.  
  638. </body></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!