API tools faq
paste
Advertisement
solarre

silver needle

solarre
Jan 2nd, 2018
4,050
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.39 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. silver needle by solarre
  6.  
  7. -keep credit intact
  8. -do not steal any code
  9. -do not use as a basecode
  10.  
  11. credits:
  12. soundcloud player and video resizing script: shythemes
  13. svg icons: antonps outicons
  14. pxu photosets: pixelunion
  15. tooltips: malihu's style my tooltips
  16. small tumblr controls: cyantists
  17.  
  18. -->
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21.  
  22. <head>
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="Description" content="">{/block:Description}
  28.  
  29. <meta name="color:Background" content="#fff">
  30. <meta name="color:Title" content="#aaa">
  31. <meta name="color:Text" content="#aaaaaa">
  32. <meta name="color:Link" content="#a3a3a3">
  33. <meta name="color:Hover" content="#A9BCF5">
  34.  
  35. <meta name="if:Grayscale" content="1">
  36. <meta name="if:White Lightbox" content="1"/>
  37.  
  38. <meta name="select:Post Size" content="250" title="250px"/>
  39. <meta name="select:Post Size" content="280" title="280px"/>
  40. <meta name="select:Post Size" content="300" title="300px"/>
  41. <meta name="select:Post Size" content="350" title="350px"/>
  42. <meta name="select:Post Size" content="380" title="380px"/>
  43. <meta name="select:Post Size" content="400" title="400px"/>
  44. <meta name="select:Temperature" content="C" title="Celcius"/>
  45. <meta name="select:Temperature" content="F" title="Fahrenheit"/>
  46.  
  47. <meta name="text:Blog Title" content="">
  48. <meta name="text:Link A" content="">
  49. <meta name="text:Link A URL" content="/">
  50. <meta name="text:Link B" content="">
  51. <meta name="text:Link B URL" content="/">
  52. <meta name="text:Link C" content="">
  53. <meta name="text:Link C URL" content="/">
  54. <meta name="text:Link D" content="">
  55. <meta name="text:Link D URL" content="/">
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:1,
  65. tip_fade_speed:100,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  73. <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700" rel="stylesheet">
  74. <style type="text/css">
  75.  
  76. #s-m-t-tooltip {
  77. max-width:300px;
  78. padding:8px;
  79. margin:20px 0px 0px 20px;
  80. height:auto;
  81. background-color:{color:background};
  82. border:1px solid #f2f2f2;
  83. font-size:9px;
  84. line-height:9px;
  85. text-transform:lowercase;
  86. color:{color:text};
  87. z-index:999999999999999999999999999999999999;
  88. }
  89.  
  90. ::-webkit-scrollbar {width:11px; height:auto; background:{color:background};}
  91. ::-webkit-scrollbar-corner {background:{color:background};}
  92. ::-webkit-scrollbar-thumb:vertical {background:{AccentColor}; width:1px; border:5px solid {color:background};}
  93. ::-webkit-scrollbar-thumb:horizontal {background:{AccentColor};}
  94. ::-webkit-scrollbar-increment {width:5px; height:5px; background-color:#fff;}
  95.  
  96. iframe.tmblr-iframe {
  97. z-index:99999999999999!important;
  98. top:3px!important;
  99. right:0!important;
  100. opacity:0;
  101. padding-right:38px;
  102. filter:invert(1) contrast(150%);
  103. -webkit-filter:invert(1) contrast(150%);
  104. -o-filter:invert(1) contrast(150%);
  105. -moz-filter:invert(1) contrast(150%);
  106. -ms-filter:invert(1) contrast(150%);
  107. transform:scale(0.65);
  108. transform-origin:100% 0;
  109. -webkit-transform:scale(0.65);
  110. -webkit-transform-origin:100% 0;
  111. -o-transform:scale(0.65);
  112. -o-transform-origin:100% 0;
  113. -moz-transform:scale(0.65);
  114. -moz-transform-origin:100% 0;
  115. -ms-transform:scale(0.65);
  116. -ms-transform-origin:100% 0;}
  117.  
  118. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  119.  
  120. .hcontrols {position:fixed;top:5px;right:0;z-index:999999999;}
  121. .hcontrols svg {width:14px;height:14px;padding:9px;}
  122. .hcontrols svg path {fill:#888888;}
  123.  
  124. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  125. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  126. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  127.  
  128. .fade-in {
  129. opacity:0;
  130. -webkit-animation:fadeIn ease-in 1;
  131. -moz-animation:fadeIn ease-in 1;
  132. animation:fadeIn ease-in 1;
  133. -webkit-animation-fill-mode:forwards;
  134. -moz-animation-fill-mode:forwards;
  135. animation-fill-mode:forwards;
  136. -webkit-animation-duration:1s;
  137. -moz-animation-duration:1s; animation-duration:1s; }
  138.  
  139. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  140. .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
  141.  
  142. ::selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  143. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  144. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  145.  
  146. {block:ifWhiteLightbox}
  147. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  148. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  149. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  150. {/block:ifWhiteLightbox}
  151.  
  152. a, iframe, #s-m-t-tooltip, .posts, .stats, #credit {
  153. transition:0.5s ease-in-out;
  154. -webkit-transition:0.5s ease-in-out;
  155. -moz-transition:0.5s ease-in-out;
  156. -ms-transition:0.5s ease-in-out;
  157. -o-transition:0.5s ease-in-out;
  158. }
  159.  
  160. body {
  161. background:{color:background};
  162. margin:0px;
  163. height:100%;
  164. padding:0;
  165. color:{color:text};
  166. font:11px 'Lora', georgia;
  167. line-height:20px;
  168. -moz-font-smoothing:subpixel-antialiased;
  169. -webkit-font-smoothing:subpixel-antialiased;
  170. font-smoothing:subpixel-antialiased;
  171. }
  172.  
  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 13px georgia;text-transform:uppercase;}
  178. h2 {font:italic 15px georgia;line-height:110%; color:#333;text-align:center;}
  179. hr {border:none;border-top:1px solid #f2f2f2;height:0;}
  180. blockquote {padding-left:15px;border-left:1px solid #f2f2f2;margin-right:0;margin-left:20px;}
  181. blockquote blockquote {padding-left:15px;border-left:1px solid #f2f2f2;margin-right:0;}
  182. ol {text-align:left;}
  183. ul {list-style-type:none;text-align:left;}
  184. ul li {position:relative;padding-left:20px;margin-left:-10px;}
  185. ul li:before {
  186. content:'';
  187. position:absolute;
  188. display:block;
  189. top:10px;
  190. left:0;
  191. width:15px;
  192. height:1px;
  193. border-top:1px solid #ececec;
  194. }
  195.  
  196. pre {
  197. padding:8px 14px;
  198. font-family:consolas;
  199. background:#fafafa;
  200. border:1px solid #eee;
  201. white-space: pre-wrap;
  202. white-space: -moz-pre-wrap;
  203. white-space: -pre-wrap;
  204. white-space: -o-pre-wrap;
  205. word-wrap: break-word;
  206. }
  207.  
  208. #sidebar {
  209. width:150px;
  210. position:fixed;
  211. top:150px;
  212. left:calc(50% - (({select:Post Size}px / 2) + 300px));
  213. }
  214.  
  215. #title {
  216. margin:12px;
  217. width:auto;
  218. text-align:center;
  219. font-size:13px;
  220. }
  221.  
  222. #desc {
  223. width:150px;
  224. text-align:justify;
  225. font-size:10.5px;
  226. color:{color:text};
  227. line-height:130%;
  228. margin-top:1px;
  229. }
  230.  
  231. #desc:first-letter {
  232. width:20px;
  233. height:20px;
  234. padding:6px 9.5px 6px 7.5px;
  235. margin-right:8px;
  236. float:left;
  237. font:italic 20px georgia;
  238. line-height:15px;
  239. border:double #f2f2f2;
  240. text-transform:uppercase;
  241. text-align:center;
  242. }
  243.  
  244. .links {
  245. width:130px;
  246. padding:12px 10px 8px;
  247. font-size:10px;
  248. margin-top:-13px;
  249. text-align:center;
  250. }
  251.  
  252. .links a {
  253. display:inline-block;
  254. padding:2px 8px;
  255. color:{color:links};
  256. background:{color:background};
  257. border-bottom:1px solid transparent;
  258. }
  259.  
  260. .links a:hover {border-bottom:1px solid {color:links};}
  261.  
  262. /*Posts*/
  263.  
  264. #all {
  265. padding:10px;
  266. width:calc({select:Post Size}px + 20px);
  267. margin:20px auto 100px;
  268. -ms-word-break: break-all;
  269. word-break: break-all;
  270. word-break: break-word;
  271. -webkit-hyphens: auto;
  272. -moz-hyphens: auto;
  273. -ms-hyphens: auto;
  274. hyphens: auto;
  275. }
  276.  
  277. .posts {
  278. width:{select:Post Size}px;
  279. padding-bottom:20px;
  280. padding:10px;
  281. margin-top:100px;
  282. background-color:{color:Post};
  283. {block:IfGrayscale}
  284. -webkit-filter:grayscale(100%);
  285. -webkit-transition: all 0.5s ease opacity .9s linear;
  286. -moz-transition: all 0.5s ease;
  287. -o-transition: all 0.5s ease;
  288. }
  289.  
  290. .posts:hover {
  291. -webkit-transition: all 0.5s ease opacity .9s linear;
  292. -moz-transition: all 0.5s ease;
  293. -o-transition: all 0.5s ease;
  294. opacity: 1;
  295. -webkit-filter:none;
  296. {/block:IfGrayscale}
  297. }
  298.  
  299. .posts:hover .tags {opacity:1;}
  300.  
  301. iframe.spotify_audio_player {height:80px!important;display:block;}
  302.  
  303. .tumblr_audio_player {width:100%;margin-top:12px;}
  304.  
  305. .player {
  306. width:50px;
  307. height:50px;
  308. padding:10px;
  309. overflow:hidden;
  310. margin:0;
  311. display:block;
  312. float:left;
  313. }
  314.  
  315. .audioinfo {
  316. color:#888;
  317. margin:0px 0 10px 75px;
  318. display:block;
  319. padding:25px;
  320. height:20px;
  321. text-align:left;
  322. font-size:10px;
  323. line-height:12px;
  324. width:calc({select:Post Size}px - 127px);
  325. }
  326.  
  327. .question {
  328. padding:10px;
  329. letter-spacing:1px;
  330. text-align:center;
  331. color:{color:text};
  332. border-bottom:1px solid #f2f2f2;
  333. margin-bottom:2px;
  334. }
  335.  
  336. .akport {
  337. width:auto;
  338. display:inline-block;
  339. text-align:center;
  340. height:12px;
  341. padding:5px;
  342. font-style:italic;
  343. font-weight:lighter;
  344. color:#444;
  345. opacity:1;
  346. z-index:3;
  347. letter-spacing:1px;
  348. text-transform:uppercase;
  349. }
  350.  
  351. .akport a {text-decoration:none;border:none;}
  352.  
  353. .chat li {list-style:none;line-height:110%;}
  354. .line.odd {border-left:1px solid #f2f2f2;padding:3px 5px;}
  355. .line.even {border-left:1px solid {AccentColor};padding:3px 5px;}
  356.  
  357. .webs {display:block;text-align:center;}
  358. .webs a {font-size:11px;border-bottom:dotted 1px {color:text};padding-bottom:2px;}
  359.  
  360. .caption {padding:10px 20px;border:1px solid #f2f2f2;background:#fafafa;margin-top:10px;}
  361. .caption a {padding-bottom:1px;border-bottom:1px solid {color:link};}
  362. .caption a:hover {border-bottom-color:{color:hover};}
  363. a.tumblr_blog {border:none;font-style:oblique;}
  364.  
  365. #notecontain {
  366. width:calc({select:Post Size}px - 2px);
  367. padding:20px 0px;
  368. margin:7px 10px 10px;
  369. text-align:center;
  370. border:dotted 1px #f2f2f2;
  371. }
  372.  
  373. #notes {
  374. width:calc({select:Post Size}px - 55px);
  375. height:150px;
  376. padding:5px 10px;
  377. overflow-y:scroll;
  378. overflow-x:hidden;
  379. text-align:justify;
  380. margin:0 40px 0px 1px;
  381. line-height:125%;
  382. }
  383.  
  384. #notes img {display:none;}
  385. #notes ol, #notes li {line-height:125%;}
  386.  
  387. .dots, .tags:before, .dets:before, .tg {
  388. transition:0.4s ease-in-out;
  389. -webkit-transition:0.4s ease-in-out;
  390. -moz-transition:0.4s ease-in-out;
  391. -ms-transition:0.4s ease-in-out;
  392. -o-transition:0.4s ease-in-out;
  393. }
  394.  
  395. .dots {
  396. width:5px;
  397. height:5px;
  398. background:{color:background};
  399. border-radius:100%;
  400. position:absolute;
  401. margin-left:calc({select:Post Size}px + 20px);
  402. margin-top:20px;
  403. -webkit-transition-delay: .8s;
  404. -moz-transition-delay: .8s;
  405. transition-delay: 1s;
  406. }
  407.  
  408. .posts:hover .dots {background:#efefef;-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
  409.  
  410. .dets:before, .tags:before {
  411. content:'';
  412. display:block;
  413. height:1px;
  414. width:0px;
  415. background:#efefef;
  416. -webkit-transition-delay: .4s;
  417. -moz-transition-delay: .4s;
  418. transition-delay: .4s;
  419. }
  420.  
  421. .tags:before {-webkit-transform:rotate(45deg);margin-left:15px;margin-top:8px;margin-bottom:-2px;}
  422.  
  423. .posts:hover .tags:before {margin-left:-4px;-webkit-transition-delay: .8s;
  424. -moz-transition-delay: .8s;
  425. transition-delay: .8s;}
  426. .posts:hover .dets:before, .posts:hover .tags:before {
  427. content:'';
  428. width:40px;
  429. }
  430.  
  431. .dets {
  432. text-transform:lowercase;
  433. font:italic 9px georgia;
  434. position:absolute;
  435. margin-top:22px;
  436. max-width:200px;
  437. margin-left:calc({select:Post Size}px + 20px);
  438. color:{color:text};
  439. }
  440.  
  441. .stats {
  442. margin-top:-5px;
  443. margin-left:50px;
  444. opacity:0;
  445. text-align:center;
  446. -webkit-transition-delay: 0s;
  447. -moz-transition-delay: 0s;
  448. transition-delay: 0s;
  449. }
  450.  
  451. .posts:hover .stats {
  452. opacity:1;
  453. -webkit-transition-delay: .8s;
  454. -moz-transition-delay: .8s;
  455. transition-delay: .8s;}
  456.  
  457. .tg {
  458. text-transform:none;
  459. margin-left:35px;
  460. margin-top:13px;
  461. line-height:15px;
  462. opacity:0;
  463. -webkit-transition-delay: 0s;
  464. -moz-transition-delay: 0s;
  465. transition-delay: 0s;
  466. }
  467.  
  468. .posts:hover .tg {
  469. opacity:1;
  470. -webkit-transition-delay:1.3s;
  471. -moz-transition-delay: 1.3s;
  472. transition-delay: 1.3s;
  473. }
  474.  
  475. .tags a {display:inline;padding-left:4px;}
  476. .tags a:after {content:',';}
  477. .tags a:last-child:after {content:'';display:none;}
  478.  
  479. #pagin {
  480. width:150px;
  481. margin:20px 0;
  482. text-align:center;
  483. font-size:10px;
  484. }
  485.  
  486. #pagin .current_page {
  487. width:15px;
  488. height:15px;
  489. padding:5px;
  490. text-align:Center;
  491. }
  492.  
  493. #pagin a {display:inline-block;}
  494.  
  495. #credit, #credit a {
  496. position:fixed;
  497. bottom:20px;
  498. right:20px;
  499. color:{color:text};
  500. font:normal normal 12px calibri;
  501. text-decoration:none;
  502. }
  503.  
  504. {CustomCSS} </style></head><body>
  505.  
  506. <div id="sidebar" class="box fade-in one">
  507. <div id="title"><a href="/">{text:Blog Title}</a></div>
  508. <div class="links">
  509. <a href="{text:Link A URL}" title="{text:Link A}">i.</a>
  510. <a href="{text:Link B URL}" title="{text:Link B}">ii.</a>
  511. <a href="{text:Link C URL}" title="{text:Link C}">iii.</a>
  512. <a href="{text:Link D URL}" title="{text:Link D}">iv.</a>
  513. </div>
  514. <div id="desc">{Description}</div>
  515. {block:Pagination}<div id="pagin">
  516. {block:PreviousPage}<a href="{PreviousPage}">←</a>&nbsp;&nbsp;{/block:PreviousPage}
  517. {block:JumpPagination length="3"}
  518. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  519. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  520. {/block:JumpPagination}
  521. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  522. </div>{/block:Pagination}
  523. </div>
  524.  
  525. <div id="all" class="box fade-in two">{block:Posts}<div class="posts">
  526.  
  527. <div class="dots"></div><div class="dets"><div class="stats">
  528. {block:Date}<a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} {Year}">{ShortDayofWeek}</a>{/block:Date}{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:NoteCount}&emsp;<a href="{Permalink}">{NoteCount}°{select:Temperature}</a>{/block:NoteCount}</div>
  529. {block:HasTags} <div class="tags"><div class="tg">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}</div>
  530.  
  531. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption">{Body}</div>{/block:Text}
  532.  
  533. {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}
  534.  
  535. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  536.  
  537. {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}
  538.  
  539. {block:Quote}<h2>{Quote}</h2><div style="font-size:10px;text-align:center">{Source}</div>{/block:Quote}
  540.  
  541. {block:Audio}
  542. <div class="player">{AudioPlayerWhite}</div>
  543. <div class="audioinfo">
  544. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  545. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  546.  
  547. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  548.  
  549. {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}
  550.  
  551. {block:Answer}<div class="question"><div class="akport">{Asker}: </div>{Question}</div><div class="caption" style="margin-top:15px">{Answer}</div>{/block:Answer}
  552.  
  553. </div>
  554. {/block:Posts}
  555. {block:PostNotes}<div id="notecontain"><div id="notes">{PostNotes}</div></div>{/block:PostNotes}
  556. {/block:Posts}</div></div>
  557.  
  558. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  559.  
  560. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  561. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  562. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  563.  
  564. <script>
  565. $(document).ready(function(){
  566. var color = '{color:hover}';
  567. $('.soundcloud_audio_player').each(function(){
  568. $(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%' });
  569. });
  570. $('.photo-slideshow').pxuPhotoset({
  571. lightbox: true,
  572. rounded: false,
  573. gutter: '5px',
  574. borderRadius: '0px',
  575. photoset: '.photo-slideshow',
  576. photoWrap: '.photo-data',
  577. photo: '.pxu-photo'
  578. });
  579. });
  580. </script>
  581.  
  582. <div class="hcontrols"><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="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"/></svg></div>
  583.  
  584. </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!