API tools faq
paste
the49thname

Theme 17: Fever Pitch

the49thname
Oct 1st, 2019
3,059
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!-- theme 17: fever pitch
  6.  
  7. themes by ro (the49thname) / the49ththeme.tumblr.com
  8. tumblr controls fix by cyantists @ tumblr
  9. npf photoset script by codematurgy @ tumblr
  10. pxu photoset script by shythemes @ tumblr / pixelunion @ github
  11. honeybee icons by suiomi @ tumblr
  12. don't remove the credit, use as a base code, or claim as your own work.
  13. edit as much as you want, and feel free to send me any queries/problems.
  14.  
  15. -->
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20.  
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  26.  
  27. <!-- colour options -->
  28.  
  29. <meta name="color:background" content="#000"/>
  30. <meta name="color:scrollbar" content="#000"/>
  31. <meta name="color:sidebar border" content="#cc3434"/>
  32. <meta name="color:nav links" content="#888"/>
  33. <meta name="color:nav links hover" content="#fff"/>
  34. <meta name="color:text" content="#fff"/>
  35. <meta name="color:bold" content="#ccc"/>
  36. <meta name="color:italic" content="#ccc"/>
  37. <meta name="color:underline" content="#fff"/>
  38. <meta name="color:link" content="#ccc"/>
  39. <meta name="color:link hover" content="#888"/>
  40. <meta name="color:h1 text" content="#ccc"/>
  41. <meta name="color:border" content="#992727"/>
  42. <meta name="color:button icon" content="#fff"/>
  43. <meta name="color:button icon hover" content="#888"/>
  44. <meta name="color:perma link" content="#fff"/>
  45. <meta name="color:perma link hover" content="#888"/>
  46. <meta name="color:tags" content="#fff"/>
  47. <meta name="color:tags hover" content="#888"/>
  48. <meta name="color:tooltip text" content="#fff"/>
  49. <meta name="color:tooltip bg" content="#000"/>
  50. <meta name="color:selection text" content="#fff"/>
  51. <meta name="color:selection bg" content="#000"/>
  52.  
  53. <!-- image options -->
  54.  
  55. <meta name="image:bg" content="//66.media.tumblr.com/a9792920066d597287a0468e9ac38dc7/076607904a4bd86e-64/s540x810/cfe278106608f8387e87f355f3fe5c58728cfdbf.png"/>
  56. <meta name="image:side img" content="//66.media.tumblr.com/209cb768f4577125fb1ee711f1f67a54/tumblr_pxmc1jPtPj1uptww3o1_r1_640.png"/>
  57. <meta name="image:sidebar icon" content="//66.media.tumblr.com/f026ec4804b932debd864832407966e2/076607904a4bd86e-dd/s540x810/165cd1ef0846cc8a690671eab5d6454adbcae0fd.png"/>
  58.  
  59. <!-- text options -->
  60.  
  61. <meta name="text:Link 1" content="Link 1"/>
  62. <meta name="text:Link 1 URL" content=""/>
  63. <meta name="text:Link 2" content="Link 2"/>
  64. <meta name="text:Link 2 URL" content=""/>
  65. <meta name="text:Link 3" content="Link 3"/>
  66. <meta name="text:Link 3 URL" content=""/>
  67.  
  68. <!-- toggle options -->
  69.  
  70. <meta name="if:custom cursor" content="1"/>
  71. <meta name="if:sidebar icon" content="0"/>
  72. <meta name="if:greyscale filter" content="1"/>
  73. <meta name="if:show captions" content="1"/>
  74. <meta name="if:show tags" content="1"/>
  75. <meta name="if:show icon permalinks" content="1"/>
  76. <meta name="if:show like reblog buttons" content="1"/>
  77.  
  78. <!-- fonts -->
  79.  
  80. <script src="//use.edgefonts.net/double-pica.js"></script>
  81.  
  82. <!-- honeybee script -->
  83.  
  84. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  85.  
  86. <!-- pxu photosets css -->
  87.  
  88. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  89.  
  90. <!-- npf photosets css -->
  91.  
  92. <link href="//cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  93.  
  94. <style type="text/css">
  95.  
  96. iframe.tmblr-iframe {
  97. top:0!important;
  98. right:0!important;
  99. transform:scale(0.8);
  100. transform-origin:100% 0;
  101. -webkit-transform:scale(0.8);
  102. -webkit-transform-origin:100% 0;
  103. -o-transform:scale(0.8);
  104. -o-transform-origin:100% 0;
  105. -moz-transform:scale(0.8);
  106. -moz-transform-origin:100% 0;
  107. -ms-transform:scale(0.8);
  108. -ms-transform-origin:100% 0;
  109. z-index:99999999999999!important;
  110. }
  111.  
  112. ::-webkit-scrollbar {
  113. width:20px;
  114. background-color:transparent;
  115. }
  116.  
  117. ::-webkit-scrollbar-track {
  118. background:rgb(0,0,0);
  119. border:9px solid transparent;
  120. background-clip:content-box;
  121. }
  122.  
  123. ::-webkit-scrollbar-thumb {
  124. background:{color:scrollbar};
  125. border:6px solid transparent;
  126. background-clip:content-box;
  127. }
  128.  
  129. ::-webkit-scrollbar-button {
  130. display:inline-block;
  131. width:20px;
  132. height:34px;
  133. }
  134.  
  135. ::-webkit-scrollbar-button:vertical:decrement {
  136. background-image:url("//66.media.tumblr.com/4724cd2fdb7192b624c26c9d5e9fec4d/076607904a4bd86e-dd/s540x810/b0a633cb3516f5174c52db5094eafb0f13fb5386.png");
  137. }
  138.  
  139. ::-webkit-scrollbar-button:single-button:vertical:increment {
  140. background-image:url("//66.media.tumblr.com/e383f2e31fc25e64783f227ce399c3c0/076607904a4bd86e-ea/s540x810/6b0b7d48ded6974c71a59d5ed3d966c543f68641.png");
  141. }
  142.  
  143. /* basics */
  144.  
  145. * {margin:0;padding:0;box-sizing:border-box;}
  146.  
  147. {block:ifcustomcursor}
  148. html {cursor:url("//66.media.tumblr.com/8d72d65b937b7e4b8dec12aa4ad81366/076607904a4bd86e-97/s540x810/ab2721a77396c55ccd2911c559f67155a887da9e.png"), default;}
  149. a {cursor:url("//66.media.tumblr.com/8d72d65b937b7e4b8dec12aa4ad81366/076607904a4bd86e-97/s540x810/ab2721a77396c55ccd2911c559f67155a887da9e.png"), pointer;}
  150. {/block:ifcustomcursor}
  151.  
  152. body {
  153. color:{color:text};
  154. background-color:{color:background};
  155. font-family:double-pica, serif;
  156. font-size:calc(1rem - 1px);
  157. line-height:calc(1rem + 1px);
  158. letter-spacing:1px;
  159. text-align:justify;
  160. word-wrap:break-word;
  161. background-image:url('{image:bg}');
  162. background-position:left top;
  163. background-attachment:fixed;
  164. background-repeat:repeat;
  165. }
  166.  
  167. small {font-size:calc(1rem - 2px);}
  168.  
  169. pre {
  170. margin-bottom:2%;
  171. padding:2%;
  172. border:1px solid {color:border};
  173. font-size:calc(1rem - 3px);
  174. word-wrap:break-word;
  175. white-space:pre-wrap;
  176. white-space:-moz-pre-wrap;
  177. white-space:-pre-wrap;
  178. white-space:-o-pre-wrap;
  179. }
  180.  
  181. blockquote {
  182. margin:0 0 2% 4%;
  183. padding:2% 0 1px 4%;
  184. border-left:1px solid {color:border};
  185. }
  186.  
  187. b, strong {color:{color:bold};}
  188. i, em {color:{color:italic};}
  189. u {color:{color:underline};text-transform:none;}
  190.  
  191. a {
  192. color:{color:link};
  193. text-decoration:none;
  194. -moz-transition-duration:1s;
  195. -webkit-transition-duration:1s;
  196. -o-transition-duration:1s;
  197. }
  198.  
  199. a:hover {
  200. color:{color:link hover};
  201. -moz-transition-duration:1s;
  202. -webkit-transition-duration:1s;
  203. -o-transition-duration:1s;
  204. }
  205.  
  206. p {margin-bottom:2%;}
  207. p:empty {display:none;}
  208.  
  209. hr {width:20%;margin:0 auto 2% auto;border-color:{color:border};}
  210.  
  211. /* media queries */
  212.  
  213. @media only screen and (max-height: 899px) {
  214. {block:ifnotsidebaricon}
  215. #sideimg {top:calc(50% - 38vh);right:calc(50% + 51vh);height:76vh;}
  216. #sideimg img {height:76vh;}
  217. {/block:ifnotsidebaricon}
  218.  
  219. {block:ifsidebaricon}
  220. #sideimg {top:calc(50% - 15vh);right:calc(50% + 51vh);height:30vh;}
  221. #sideimg img {height:30vh;}
  222. {/block:ifsidebaricon}
  223.  
  224. #sidebarcont {
  225. top:calc(50% - 28vh);
  226. right:calc(50% + 25vh);
  227. width:48vh;
  228. height:56vh;
  229. }
  230.  
  231. #sline {top:0;left:0;width:32vh;height:56vh;}
  232. #nav {top:calc(50% - 23vh);left:25vh;height:45vh;}
  233.  
  234. #nav li:nth-of-type(1) {padding-left:calc(1vh + 35px);}
  235. #nav li:nth-of-type(2) {padding-left:calc(2vh + 45px);}
  236. #nav li:nth-of-type(3) {padding-left:calc(2vh + 50px);}
  237. #nav li:nth-of-type(4) {padding-left:calc(2vh + 50px);}
  238. #nav li:nth-of-type(5) {padding-left:calc(2vh + 45px);}
  239. #nav li:nth-of-type(6) {padding-left:calc(1vh + 35px);}
  240.  
  241. #nav a {font-size:2vh;line-height:8vh;}
  242. #nav li:hover a {font-size:3vh;}
  243.  
  244. .inksplat:before {
  245. width:13vh;
  246. height:5vh;
  247. margin-top:1vh;
  248. background-size:13vh 5vh;
  249. }
  250.  
  251. #postcontainerbg {
  252. top:calc(50% - 42vh);
  253. right:calc(50% - 80vh);
  254. width:97vh;
  255. height:84vh;
  256. }
  257.  
  258. #postcontainer {
  259. top:calc(50% - 37vh + 1px);
  260. right:calc(50% - 62vh);
  261. width:74vh;
  262. height:74vh;
  263. }
  264.  
  265. .posts {margin:0 0 12% 5%;}
  266.  
  267. .tumblr_video_container, .tumblr_video_container iframe {
  268. height:34vh!important;
  269. }
  270.  
  271. #youtube_iframe {height:34vh;}
  272.  
  273. #sidebartwo {
  274. display:none;
  275. top:calc(50% - 42vh);
  276. right:calc(50% - 44vh);
  277. height:84vh;
  278. font-size:7vh;
  279. }
  280.  
  281. #sidebartwo a {margin-bottom:5vh;}
  282. #sidebartwo a:first-of-type {margin-top:5vh;}
  283. #sidebartwo a:nth-of-type(3) {margin-bottom:39vh;}
  284. }
  285.  
  286. @media only screen and (min-height: 900px) {
  287. {block:ifnotsidebaricon}
  288. #sideimg {top:calc(50% - 27vh);right:calc(50% + 35vh);height:54vh;}
  289. #sideimg img {height:54vh;}
  290. {/block:ifnotsidebaricon}
  291.  
  292. {block:ifsidebaricon}
  293. #sideimg {top:calc(50% - 10vh);right:calc(50% + 35vh);height:20vh;}
  294. #sideimg img {height:20vh;}
  295. {/block:ifsidebaricon}
  296.  
  297. #sidebarcont {
  298. top:calc(50% - 20vh);
  299. right:calc(50% + 17vh);
  300. width:34vh;
  301. height:40vh;
  302. }
  303.  
  304. #sline {top:0;left:0;width:23vh;height:40vh;}
  305. #nav {top:calc(50% - 15vh);left:19vh;height:32vh;}
  306.  
  307. #nav li:nth-of-type(1) {padding-left:calc(1vh + 35px);}
  308. #nav li:nth-of-type(2) {padding-left:calc(2vh + 45px);}
  309. #nav li:nth-of-type(3) {padding-left:calc(2vh + 50px);}
  310. #nav li:nth-of-type(4) {padding-left:calc(2vh + 50px);}
  311. #nav li:nth-of-type(5) {padding-left:calc(2vh + 45px);}
  312. #nav li:nth-of-type(6) {padding-left:calc(1vh + 35px);}
  313.  
  314. #nav a {font-size:2vh;line-height:5vh;}
  315. #nav li:hover a {font-size:calc(2vh + 4px);}
  316.  
  317. .inksplat:before {
  318. width:10vh;
  319. height:4vh;
  320. background-size:10vh 4vh;
  321. }
  322.  
  323. #postcontainerbg {
  324. top:calc(50% - 30vh);
  325. right:calc(50% - 60vh);
  326. width:69vh;
  327. height:60vh;
  328. }
  329.  
  330. #postcontainer {
  331. top:calc(50% - 26vh - 4px);
  332. right:calc(50% - 47vh - 5px);
  333. width:53vh;
  334. height:53vh;
  335. }
  336.  
  337. .posts {margin:0 0 10% 5%;}
  338.  
  339. .tumblr_video_container, .tumblr_video_container iframe {
  340. height:25vh!important;
  341. }
  342.  
  343. #youtube_iframe {height:25vh;}
  344.  
  345. #sidebartwo {
  346. display:none;
  347. top:calc(50% - 30vh);
  348. right:calc(50% - 32vh);
  349. height:60vh;
  350. font-size:5vh;
  351. }
  352.  
  353. #sidebartwo a:first-of-type {margin-top:3vh;}
  354. #sidebartwo a:nth-of-type(3) {margin-bottom:calc(23vh + 20px);}
  355. }
  356.  
  357. @media screen and (max-aspect-ratio: 4/3) and (max-height: 899px) {
  358. #sideimg, #sidebarcont {display:none;}
  359.  
  360. #postcontainerbg {
  361. top:calc(50% - 42vh);
  362. right:calc(50% - 49vh);
  363. width:97vh;
  364. height:84vh;
  365. }
  366.  
  367. #postcontainer {
  368. top:calc(50% - 37vh + 1px);
  369. right:calc(50% - 31vh);
  370. width:74vh;
  371. height:74vh;
  372. }
  373.  
  374. #sidebartwo {display:block;}
  375. }
  376.  
  377. @media screen and (max-aspect-ratio: 4/3) and (min-height: 900px) {
  378. #sideimg, #sidebarcont {display:none;}
  379.  
  380. #postcontainerbg {
  381. top:calc(50% - 30vh);
  382. right:calc(50% - 35vh);
  383. width:69vh;
  384. height:60vh;
  385. }
  386.  
  387. #postcontainer {
  388. top:calc(50% - 27vh + 5px);
  389. right:calc(50% - 22vh - 4px);
  390. width:53vh;
  391. height:53vh;
  392. }
  393.  
  394. #sidebartwo {display:block;}
  395. }
  396.  
  397. /* sidebar */
  398.  
  399. #sideimg {position:fixed;}
  400.  
  401. #sideimg img {
  402. width:auto;
  403. {block:ifsidebaricon}
  404. padding:2vh 0 2vh 2vh;
  405. border-radius:50%;
  406. border-left:1px solid {color:sidebar border};
  407. {/block:ifsidebaricon}
  408. }
  409.  
  410. #sidebarcont {position:fixed;}
  411.  
  412. #sline {
  413. position:absolute;
  414. border:1px solid {color:sidebar border};
  415. border-color:transparent transparent transparent {color:sidebar border};
  416. border-radius:100%;
  417. -webkit-transform:scaleX(-1);
  418. transform:scaleX(-1);
  419. }
  420.  
  421. #nav {position:absolute;}
  422. #nav li {display:block;list-style-type:none;padding:0;}
  423.  
  424. #nav a {
  425. position:relative;
  426. color:{color:nav links};
  427. letter-spacing:2px;
  428. text-transform:uppercase;
  429. -moz-transition-duration:0.5s;
  430. -webkit-transition-duration:0.5s;
  431. -o-transition-duration:0.5s;
  432. z-index:99;
  433. }
  434.  
  435. #nav li:hover a {
  436. color:{color:nav links hover};
  437. -moz-transition-duration:0.5s;
  438. -webkit-transition-duration:0.5s;
  439. -o-transition-duration:0.5s;
  440. }
  441.  
  442. .inksplat {
  443. position:absolute;
  444. opacity:0;
  445. -moz-transition-duration:0.5s;
  446. -webkit-transition-duration:0.5s;
  447. -o-transition-duration:0.5s;
  448. z-index:9;
  449. }
  450.  
  451. #nav li:hover .inksplat {
  452. opacity:1;
  453. -moz-transition-duration:0.5s;
  454. -webkit-transition-duration:0.5s;
  455. -o-transition-duration:0.5s;
  456. }
  457.  
  458. .inksplat:before {
  459. display:inline-block;
  460. content:"";
  461. background-image:url("//66.media.tumblr.com/3c0f4cf5d36dd680502f9e29af8877c8/076607904a4bd86e-37/s540x810/2cb176500138ada732c001c51059897cc6f00756.png");
  462. }
  463.  
  464. #sidebartwo {
  465. position:fixed;
  466. width:5vh;
  467. text-align:center;
  468. z-index:99;
  469. }
  470.  
  471. #sidebartwo a {
  472. display:block;
  473. width:100%;
  474. margin-bottom:5vh;
  475. color:{color:nav links};
  476. }
  477.  
  478. #sidebartwo a:hover {color:{color:nav links hover};}
  479.  
  480. /* fade-in */
  481.  
  482. @-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
  483. @-moz-keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
  484. @keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
  485.  
  486. .fade-in {
  487. opacity:0;
  488. -webkit-animation:fadeIn ease-in 1;
  489. -moz-animation:fadeIn ease-in 1;
  490. animation:fadeIn ease-in 1;
  491. -webkit-animation-fill-mode:forwards;
  492. -moz-animation-fill-mode:forwards;
  493. animation-fill-mode:forwards;
  494. -webkit-animation-duration:1s;
  495. -moz-animation-duration:1s;
  496. animation-duration:1s;
  497. }
  498.  
  499. /* post container */
  500.  
  501. #postcontainerbg {
  502. position:fixed;
  503. background:url("//66.media.tumblr.com/2e4ad66c5d13dc3976f6867057f25b8f/tumblr_pxmc1jPtPj1uptww3o3_r1_1280.png") top center;
  504. -webkit-background-size:cover;
  505. -moz-background-size:cover;
  506. -o-background-size:cover;
  507. background-size:cover;
  508. z-index:1!important;
  509. }
  510.  
  511. #postcontainer {
  512. position:fixed;
  513. overflow-x:hidden;
  514. overflow-y:scroll;
  515. }
  516.  
  517. .posts {
  518. width:94%;
  519. padding:4%;
  520. background-color:rgba(0,0,0,0.3);
  521. -moz-transition-duration:1s;
  522. -webkit-transition-duration:1s;
  523. -o-transition-duration:1s;
  524. }
  525.  
  526. .posts:hover {
  527. background-color:rgba(0,0,0,0.6);
  528. -moz-transition-duration:1s;
  529. -webkit-transition-duration:1s;
  530. -o-transition-duration:1s;
  531. }
  532.  
  533. .posts:first-of-type {margin-top:5%;}
  534. {PermalinkPage}.posts:last-of-type {margin-bottom:5%;}{/block:PermalinkPage}
  535.  
  536. /* posts - text */
  537.  
  538. .caption {
  539. {block:ifnotshowcaptions}
  540. {block:IndexPage}display:none;{/block:IndexPage}
  541. {/block:ifnotshowcaptions}
  542. }
  543.  
  544. .caption:empty {display:none;}
  545.  
  546. .text, .unnestcont {margin-bottom:2%;border-bottom:1px solid {color:border};}
  547.  
  548. .username img {
  549. width:7%;
  550. height:7%;
  551. vertical-align:middle;
  552. margin:1% 1% 2% 0;
  553. }
  554.  
  555. .posts ul {margin:0 0 2% 0;}
  556. .posts ul li {list-style-type:none;margin:0 0 0 4%;}
  557.  
  558. .posts ul li:before {
  559. position:absolute;
  560. margin-left:-4%;
  561. font-size:calc(1rem + 7px);
  562. }
  563.  
  564. .posts ul li:nth-child(odd):before {content:"\2660";color:{color:bold};}
  565. .posts ul li:nth-child(even):before {content:"\2666";color:{color:link};}
  566.  
  567. .posts ol {margin:0 0 2% 4%;}
  568. .posts ol li {list-style-type:upper-roman;margin:0 0 0 4%;}
  569.  
  570. .posts h1 {
  571. margin:0 0 2% 0;
  572. padding:0 1% 1% 1%;
  573. color:{color:h1 text};
  574. border-bottom:1px solid {color:border};
  575. font-size:calc(1rem + 2px);
  576. line-height:calc(1rem + 7px);
  577. text-align:center;
  578. text-transform:uppercase;
  579. letter-spacing:1px;
  580. }
  581.  
  582. .posts h1 a {color:{color:link};}
  583. .posts h1 a:hover {color:{color:h1 text};}
  584.  
  585. /* posts - embeds */
  586.  
  587. .text img, .unnest img, .text video, .unnest video {
  588. max-width:100%;
  589. height:auto;
  590. margin-bottom:2%;
  591. }
  592.  
  593. .text p img, .unnest p img, .text p video, .unnest p video {margin-bottom:0;}
  594.  
  595. .npf_photoset {margin-bottom:2%;}
  596.  
  597. blockquote img, blockquote video {max-width:calc(100% - 4%);}
  598.  
  599. /* posts - quotes */
  600.  
  601. h2 {
  602. padding:1% 0;
  603. text-align:center;
  604. font-size:1rem;
  605. line-height:calc(1rem + 4px);
  606. word-spacing:2px;
  607. text-transform:uppercase;
  608. }
  609.  
  610. #source {padding:2%;text-align:center;}
  611.  
  612. /* posts - chats */
  613.  
  614. #chat ol {margin:0 0 2% 0;border-bottom:1px solid {color:border};}
  615. #chat ol li {list-style-type:none;margin:0;padding:2% 0 0 0;}
  616. #chat li:first-of-type {padding-top:0;}
  617. #chat li:last-of-type {padding-bottom:2%;}
  618. .label {font-weight:bold;}
  619.  
  620. /* posts - photos / videos */
  621.  
  622. .mediacont, .photo-slideshow.processed {
  623. margin-bottom:2%;
  624. padding-bottom:2%;
  625. border-bottom:1px solid {color:border};
  626. }
  627.  
  628. .mediacont img, .mediacont iframe, .photo-slideshow.processed {
  629. display:block;
  630. max-width:100%;
  631. }
  632.  
  633. .mediacont img, .photo-slideshow.processed img {height:auto;}
  634.  
  635. .tumblr_video_container {width:100%!important;}
  636.  
  637. {block:ifgreyscalefilter}
  638. {block:IndexPage}
  639. .posts img, .posts video, .posts iframe:not(.like_toggle) {
  640. opacity:0.6;
  641. -moz-filter:grayscale(100%);
  642. -webkit-filter:grayscale(100%);
  643. -o-filter:grayscale(100%);
  644. filter:grayscale(100%);
  645. -moz-transition-duration:1s;
  646. -webkit-transition-duration:1s;
  647. -o-transition-duration:1s;
  648. }
  649.  
  650. .posts:hover img, .posts:hover video, .posts:hover iframe:not(.like_toggle) {
  651. opacity:1;
  652. -moz-filter:grayscale(0%);
  653. -webkit-filter:grayscale(0%);
  654. -o-filter:grayscale(0%);
  655. filter:grayscale(0%);
  656. -moz-transition-duration:1s;
  657. -webkit-transition-duration:1s;
  658. -o-transition-duration:1s;
  659. }
  660. {/block:IndexPage}
  661. {/block:ifgreyscalefilter}
  662.  
  663. /* posts - audio */
  664.  
  665. .spotify_audio_player, .soundcloud_audio_player {
  666. width:100%!important;
  667. height:80px!important;
  668. }
  669.  
  670. #audio {
  671. height:140px;
  672. margin-bottom:2%;
  673. padding-bottom:2%;
  674. font-size:calc(1rem - 4px);
  675. line-height:calc(1rem + 10px);
  676. border-bottom:1px solid {color:border};
  677. }
  678.  
  679. #albumart {
  680. float:left;
  681. width:calc(140px + 1%);
  682. height:120px;
  683. padding-right:1%;
  684. border-right:1px solid {color:border};
  685. }
  686.  
  687. #albumart img {width:120px;height:120px;}
  688.  
  689. #audioplayerbg {
  690. position:absolute;
  691. width:120px;
  692. height:120px;
  693. padding:10px;
  694. background-color:#fff;
  695. opacity:0.4;
  696. z-index:99;
  697. -moz-transition-duration:1s;
  698. -webkit-transition-duration:1s;
  699. -o-transition-duration:1s;
  700. }
  701.  
  702. #audioplayerbg:hover {
  703. opacity:0.6;
  704. -moz-transition-duration:1s;
  705. -webkit-transition-duration:1s;
  706. -o-transition-duration:1s;
  707. }
  708.  
  709. #audioplayer {
  710. width:30px;
  711. height:30px;
  712. margin:40px auto;
  713. overflow:hidden;
  714. }
  715.  
  716. #audioinfo {
  717. height:120px;
  718. padding:3% 2% 0 4%;
  719. text-transform:uppercase;
  720. text-align:left;
  721. overflow-x:hidden;
  722. overflow-y:auto;
  723. }
  724.  
  725. /* posts - asks */
  726.  
  727. #askcont {border-bottom:1px solid {color:border};}
  728. #ask {position:relative;min-height:65px;padding:2% 0 4% 0;}
  729. #asker {margin-bottom:2%;font-size:1rem;text-transform:uppercase;}
  730. #answercont {margin-top:3%;}
  731. #answer {position:relative;padding:1px 0 2% 0;}
  732.  
  733. #replier {
  734. margin:0 0 2% 0;
  735. font-size:1rem;
  736. text-align:center;
  737. text-transform:uppercase;
  738. }
  739.  
  740. #askericon {
  741. position:relative;
  742. float:left;
  743. width:60px;
  744. height:60px;
  745. margin-right:4%;
  746. z-index:99;
  747. }
  748.  
  749. #askericon img {
  750. width:60px;
  751. height:60px;
  752. opacity:1;
  753. -moz-transition-duration:1s;
  754. -webkit-transition-duration:1s;
  755. -o-transition-duration:1s;
  756. }
  757.  
  758. #askericon img:hover {
  759. opacity:0.5;
  760. -moz-transition-duration:1s;
  761. -webkit-transition-duration:1s;
  762. -o-transition-duration:1s;
  763. }
  764.  
  765. /* perma */
  766.  
  767. #perma {
  768. {block:IndexPage}
  769. {block:ifshowiconpermalinks}padding:2% 2% 0 2%;{/block:ifshowiconpermalinks}
  770. {block:ifnotshowiconpermalinks}
  771. {block:ifshowlikereblogbuttons}padding:2%;{/block:ifshowlikereblogbuttons}
  772. {block:ifnotshowlikereblogbuttons}
  773. padding:0 2% 2% 2%;
  774. {/block:ifnotshowlikereblogbuttons}
  775. border-bottom:1px solid {color:border};
  776. {/block:ifnotshowiconpermalinks}
  777. {/block:IndexPage}
  778. {block:PermalinkPage}
  779. padding:0 2% 2% 2%;
  780. border-bottom:1px solid {color:border};
  781. {/block:PermalinkPage}
  782. letter-spacing:2px;
  783. text-align:center;
  784. }
  785.  
  786. .buttonscont {
  787. display:inline-block;
  788. {block:ifshowiconpermalinks}width:100%;{/block:ifshowiconpermalinks}
  789. color:{color:button icon};
  790. text-align:center;
  791. font-size:calc(1rem + 2px);
  792. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  793. {block:ifnotshowiconpermalinks}
  794. {block:ifnotshowlikereblogbuttons}
  795. display:none;
  796. {/block:ifnotshowlikereblogbuttons}
  797. margin-bottom:2%;
  798. {/block:ifnotshowiconpermalinks}
  799. }
  800.  
  801. .buttonscont a {color:{color:button icon};}
  802. .buttonscont a:hover {color:{color:button icon hover};}
  803.  
  804. .buttonscont .th-tooth-o,
  805. .buttonscont .th-heart-1,
  806. .buttonscont .th-reblog {
  807. font-size:1rem;
  808. }
  809.  
  810. .buttonscont .th-key-o {
  811. transform:rotate(-45deg) scaleX(-1);
  812. -webkit-transform:rotate(-45deg) scaleX(-1);
  813. }
  814.  
  815. .buttons {display:inline-block;margin:0 3%;}
  816. .buttons:first-of-type {margin-left:0;}
  817. .buttons:last-of-type {margin-right:0;}
  818.  
  819. .likebutton, .reblogbutton {
  820. {block:ifnotshowlikereblogbuttons}
  821. display:none;
  822. {/block:ifnotshowlikereblogbuttons}
  823. {block:ifnotshowiconpermalinks}
  824. vertical-align:middle;
  825. {/block:ifnotshowiconpermalinks}
  826. }
  827.  
  828. .likebutton {
  829. {block:ifnotshowiconpermalinks}
  830. margin-right:calc(1rem - 6px)!important;
  831. {/block:ifnotshowiconpermalinks}
  832. }
  833.  
  834. .like_button {
  835. position:absolute;
  836. width:20px;
  837. height:18px;
  838. opacity:0;
  839. z-index:10;
  840. overflow:hidden;
  841. }
  842.  
  843. span.likeicon {
  844. z-index:1;
  845. -moz-transition-duration:1s;
  846. -webkit-transition-duration:1s;
  847. -o-transition-duration:1s;
  848. }
  849.  
  850. .like_button:hover + span.likeicon {
  851. color:{color:button icon hover};
  852. -moz-transition-duration:1s;
  853. -webkit-transition-duration:1s;
  854. -o-transition-duration:1s;
  855. }
  856.  
  857. .buttonscont .likebutton .liked + span.likeicon {color:{color:border};}
  858.  
  859. .reblogbutton {
  860. {block:ifnotshowiconpermalinks}
  861. margin-left:calc(1rem - 6px)!important;
  862. {/block:ifnotshowiconpermalinks}
  863. }
  864.  
  865. {block:PermalinkPage}
  866. #perma a {color:{color:perma link};padding-right:calc(1rem - 6px);}
  867. #perma a:last-child {padding-right:0;}
  868. #perma a:hover {color:{color:perma link hover};}
  869. {/block:PermalinkPage}
  870.  
  871. {block:ifnotshowiconpermalinks}
  872. #permalinks {display:inline-block;}
  873. #permalinks a {color:{color:perma link};padding-right:calc(1rem - 6px);}
  874. #permalinks a:last-child {padding-right:0;}
  875. #permalinks a:hover {color:{color:perma link hover};}
  876. {/block:ifnotshowiconpermalinks}
  877.  
  878. #tags {
  879. margin-top:2%;
  880. font-size:calc(1rem - 2px);
  881. text-align:center;
  882. {block:ifnotshowtags}
  883. {block:IndexPage}display:none;{/block:IndexPage}
  884. {/block:ifnotshowtags}
  885. }
  886.  
  887. #tags a {padding-right:calc(1rem - 6px);color:{color:tags};}
  888. #tags a:last-child {padding-right:0;}
  889. #tags a:hover {color:{color:tags hover};}
  890.  
  891. #pagination {
  892. width:94%;
  893. margin:0 0 10% 5%;
  894. color:{color:scrollbar};
  895. font-size:calc(1rem + 4px);
  896. line-height:calc(1rem + 6px);
  897. text-align:center;
  898. text-transform:uppercase;
  899. }
  900.  
  901. #pagination span {
  902. margin-left:calc(1rem - 6px);
  903. margin-right:calc(1rem - 6px);
  904. }
  905.  
  906. #pagination .th:first-of-type, #pagination .th:nth-of-type(3) {
  907. transform:rotate(45deg);
  908. -webkit-transform:rotate(45deg);
  909. }
  910.  
  911. #pagination .th:nth-of-type(2), #pagination .th:last-of-type {
  912. transform:rotate(-45deg) scaleX(-1);
  913. -webkit-transform:rotate(-45deg) scaleX(-1);
  914. }
  915.  
  916. #pagination a {
  917. display:inline-block;
  918. margin-right:calc(1rem - 6px);
  919. color:{color:scrollbar};
  920. }
  921.  
  922. #pagination a:hover {color:{color:text};}
  923.  
  924. /* notes */
  925.  
  926. ol.notes {list-style-type:none;margin:2% 0 0 0;text-align:left;}
  927. ol.notes li.note {margin:0;padding:2% 0;list-style-type:none;}
  928. ol.notes li.note:last-child {padding-bottom:3%;}
  929.  
  930. ol.notes li.note img.avatar {
  931. width:6%;
  932. height:6%;
  933. margin:0 3% 0 0;
  934. vertical-align:middle;
  935. }
  936.  
  937. ol.notes li.note blockquote {padding:1% 2%;margin:2% 0 0 4%;}
  938.  
  939. /* extras */
  940.  
  941. #s-m-t-tooltip {
  942. display:block;
  943. max-width:150px;
  944. margin:24px 14px 7px 12px;
  945. padding:2px 5px 2px 5px;
  946. color:{color:tooltip text};
  947. background:{color:tooltip bg};
  948. border:1px solid {color:tooltip text};
  949. font-size:12px;
  950. line-height:14px;
  951. text-align:center;
  952. text-transform:uppercase;
  953. word-wrap:break-word;
  954. z-index:9999999999;
  955. }
  956.  
  957. ::selection {color:{color:selection text};background:{color:selection bg};}
  958.  
  959. /* credit - do not remove, alter, or move to another page */
  960.  
  961. #credit {
  962. position:fixed;
  963. bottom:14px;
  964. right:10px;
  965. text-align:center;
  966. z-index:9999;
  967. }
  968.  
  969. #credit a {
  970. color:{color:background};
  971. background-color:{color:text};
  972. padding:4px;
  973. font-size:12px;
  974. }
  975.  
  976. #credit a:hover {color:{color:text};background-color:{color:background};}
  977.  
  978. </style>
  979. </head>
  980. <body>
  981.  
  982. <div id="sideimg" class="fade-in">{block:ifnotsidebaricon}<img src="{image:side img}" alt="side img"/>{/block:ifnotsidebaricon}{block:ifsidebaricon}<img src="{image:sidebar icon}" alt="sidebar icon"/>{/block:ifsidebaricon}</div>
  983.  
  984. <div id="sidebarcont">
  985. <div id="sline" class="fade-in"></div>
  986. <div id="nav" class="fade-in">
  987. <li><div class="inksplat"></div><a href="/">Home</a></li>
  988. <li><div class="inksplat"></div><a href="/ask">Message</a></li>
  989. <li><div class="inksplat"></div><a href="/archive">Memory</a></li>
  990. <li><div class="inksplat"></div><a href="{text:Link 1 URL}">{text:Link 1}</a></li>
  991. <li><div class="inksplat"></div><a href="{text:Link 2 URL}">{text:Link 2}</a></li>
  992. <li><div class="inksplat"></div><a href="{text:Link 3 URL}">{text:Link 3}</a></li>
  993. </div>
  994. </div>
  995.  
  996. <div id="sidebartwo">
  997. <a href="/" title="return home">&spades;</a>
  998. <a href="/ask" title="send a message">&clubs;</a>
  999. <a href="/archive" title="view your memories">&hearts;</a>
  1000. <a href="{text:Link 1 URL}" title="{text:Link 1}">&diamondsuit;</a>
  1001. <a href="{text:Link 2 URL}" title="{text:Link 2}">&spades;</a>
  1002. <a href="{text:Link 3 URL}" title="{text:Link 3}">&clubs;</a>
  1003. </div>
  1004.  
  1005. <div id="postcontainerbg" class="fade-in">
  1006. <div id="postcontainer">
  1007. {block:Posts}
  1008. <div class="posts">
  1009.  
  1010. {block:Text}
  1011. {block:Title}<h1>{Title}</h1>{/block:Title}
  1012. {block:NotReblog}
  1013. <div class="text">{Body}</div>
  1014. {/block:NotReblog}
  1015. {block:RebloggedFrom}{block:Reblogs}
  1016. <div class="unnestcont">
  1017. <div class="username">
  1018. <img src="{PortraitURL-64}"/>
  1019. <span>{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}{/block:IsActive}{block:IsDeactivated}{block:HasNoPermalink}<a href="" title="deactivated">{/block:HasNoPermalink}{Username}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsDeactivated}</span>
  1020. </div>
  1021. <div class="unnest">{Body}</div>
  1022. </div>
  1023. {/block:Reblogs}{/block:RebloggedFrom}
  1024. {/block:Text}
  1025.  
  1026. {block:Quote}
  1027. <div class="text"><h2>&ldquo;{Quote}&rdquo;</h2>
  1028. {block:Source}<div id="source">{Source}</div>{/block:Source}</div>
  1029. {/block:Quote}
  1030.  
  1031. {block:Link}
  1032. <h1><a href="{URL}"><< {Name} >></a></h1>
  1033. {block:Description}
  1034. {block:NotReblog}<div class="text">{Description}</div>{/block:NotReblog}
  1035. {block:RebloggedFrom}{block:Reblogs}
  1036. <div class="unnestcont">
  1037. <div class="username">
  1038. <img src="{PortraitURL-64}"/>
  1039. <span>{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}{/block:IsActive}{block:IsDeactivated}{block:HasNoPermalink}<a href="" title="deactivated">{/block:HasNoPermalink}{Username}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsDeactivated}</span>
  1040. </div>
  1041. <div class="unnest">{Body}</div>
  1042. </div>
  1043. {/block:Reblogs}{/block:RebloggedFrom}
  1044. {/block:Description}
  1045. {/block:Link}
  1046.  
  1047. {block:Chat}
  1048. {block:Title}
  1049. <h1>{Title}</h1>
  1050. {/block:Title}
  1051. <div id="chat">
  1052. <ol>{block:Lines}
  1053. <li class="line {Alt}">
  1054. {block:Label}
  1055. <span class="label">
  1056. <b>{Label}</b></span>
  1057. {/block:Label}{Line}</li>
  1058. {/block:Lines}
  1059. </ol></div>
  1060. {/block:Chat}
  1061.  
  1062. {block:Photo}
  1063. <div class="mediacont">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  1064. {/block:Photo}
  1065.  
  1066. {block:Photoset}
  1067. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" 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>
  1068. {/block:Photoset}
  1069.  
  1070. {block:Video}<div class="mediacont">{Video-700}</div>{/block:Video}
  1071.  
  1072. {block:Audio}
  1073. <div id="audio">
  1074. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  1075. <div id="albumart"><span{block:AlbumArt} style="display:none;"{block:AlbumArt}><img src="//78.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="120"/></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="120"/>{/block:AlbumArt}</div>
  1076. <div id="audioinfo">
  1077. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  1078. <br/><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  1079. <br/><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  1080. <br/><span{block:PlayCount} style="display:none;"{block:PlayCount}><b>Play count:</b> unknown</span>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  1081. </div></div>
  1082. {/block:Audio}
  1083.  
  1084. {block:Caption}
  1085. <div class="caption">
  1086. {block:NotReblog}<div class="text">{Caption}</div>{/block:NotReblog}
  1087. {block:RebloggedFrom}{block:Reblogs}
  1088. <div class="unnestcont">
  1089. <div class="username">
  1090. <img src="{PortraitURL-64}"/>
  1091. <span>{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}{/block:IsActive}{block:IsDeactivated}{block:HasNoPermalink}<a href="" title="deactivated">{/block:HasNoPermalink}{Username}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsDeactivated}</span>
  1092. </div>
  1093. <div class="unnest">{Body}</div>
  1094. </div>
  1095. {/block:Reblogs}{/block:RebloggedFrom}
  1096. </div>
  1097. {/block:Caption}
  1098.  
  1099. {block:Answer}
  1100. <div id="askcont">
  1101. <div id="askericon"><a href="{AskerURL}"><img src="//66.media.tumblr.com/015b1e537c4627f03fcbf563052c32b3/076607904a4bd86e-10/s540x810/91d27dd1f283216864e25dea8cc0efc1dd472097.png"/></a></div>
  1102. <div id="ask"><div id="asker">{Asker} inquired:</div>{Question}</div>
  1103. </div>
  1104. <div id="answercont">
  1105. <div id="answer" class="text">{block:Answerer}<div id="replier">{Answerer} responded:</div>{/block:Answerer}{Answer}</div></div>
  1106. {block:RebloggedFrom}{block:Reblogs}
  1107. <div class="caption">
  1108. <div class="unnestcont">
  1109. <div class="username">
  1110. <img src="{PortraitURL-64}"/>
  1111. <span>{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}{/block:IsActive}{block:IsDeactivated}{block:HasNoPermalink}<a href="" title="deactivated">{/block:HasNoPermalink}{Username}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsDeactivated}</span>
  1112. </div>
  1113. <div class="unnest">{Body}</div>
  1114. </div></div>
  1115. {/block:Reblogs}{/block:RebloggedFrom}
  1116. {/block:Answer}
  1117.  
  1118. {block:Date}
  1119.  
  1120. {block:ifshowiconpermalinks}
  1121. {block:IndexPage}<div id="perma">
  1122. <div class="buttonscont">
  1123. <div class="buttons likebutton">{LikeButton}<span class="likeicon th th-heart-1"></span></div><div class="buttons"><a href="{Permalink}" title="{NoteCount} teeth collected"><span class="th th-tooth-o"></span></a></div><div class="buttons"><a href="{Permalink}" title="Memory unlocked {block:Date}{TimeAgo}{/block:Date}"><span class="th th-key-o"></span></a></div><div class="buttons reblogbutton"><a href="{ReblogURL}" target="_blank" class="reblog" title="reblog"><span class="th th-reblog"></span></a></div>
  1124. </div>
  1125. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1126. </div>{/block:IndexPage}
  1127.  
  1128. {block:PermalinkPage}<div id="perma">
  1129. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  1130. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1131. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1132. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  1133. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1134. </div>{/block:PermalinkPage}
  1135. {/block:ifshowiconpermalinks}
  1136.  
  1137. {block:ifnotshowiconpermalinks}<div id="perma">
  1138. {block:IndexPage}<div class="buttonscont"><div class="buttons likebutton">{LikeButton}<span class="likeicon th th-heart-1"></span></div></div>{/block:IndexPage}<div id="permalinks"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a> <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}</div>
  1139. {block:IndexPage}<div class="buttonscont"><div class="buttons reblogbutton"><a href="{ReblogURL}" target="_blank" class="reblog" title="reblog"><span class="th th-reblog"></span></a></div></div>{/block:IndexPage}
  1140. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1141. </div>{/block:ifnotshowiconpermalinks}
  1142.  
  1143. {/block:Date}
  1144.  
  1145. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1146.  
  1147. </div>
  1148. {/block:Posts}
  1149.  
  1150. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><span class="th th-knife-o"></span> Back <span class="th th-knife-o"></span></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><span class="th th-knife-o"></span> Forth <span class="th th-knife-o"></span></a>{/block:NextPage}</div>{/block:Pagination}
  1151.  
  1152. </div>
  1153. </div>
  1154.  
  1155. <!-- jquery script -->
  1156.  
  1157. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1158.  
  1159. <!-- tooltip script -->
  1160.  
  1161. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1162.  
  1163. <!-- pxu photosets script -->
  1164.  
  1165. <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1166.  
  1167. <!-- npf photosets script -->
  1168.  
  1169. <script src="//cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  1170.  
  1171. <!-- jquery -->
  1172.  
  1173. <script type="text/javascript">
  1174. $(document).ready(function(){
  1175. $('.photo-slideshow').pxuPhotoset({
  1176. lightbox: true,
  1177. rounded: false,
  1178. gutter: '2px',
  1179. borderRadius: '0',
  1180. photoset: '.photo-slideshow',
  1181. photoWrap: '.photo-data',
  1182. photo: '.pxu-photo'
  1183. });
  1184. npfPhotosets(".posts", {
  1185. rowClass:"npf_row",
  1186. imageContainerClass:"tmblr-full",
  1187. generatedPhotosetContainerClass:"npf_photoset",
  1188. imageClass:"npf_image",
  1189. includeSingleRowImagesInPhotosets: true,
  1190. insertGalleryIndicator: false,
  1191. galleryIndicatorClass: "npf_gallery_indicator",
  1192. galleryIndicatorContent: "<img src='image_url'>",
  1193. photosetMargins:""
  1194. });
  1195. });
  1196. </script>
  1197.  
  1198. <!-- tooltips jquery -->
  1199.  
  1200. <script>
  1201. (function($){
  1202. $(document).ready(function(){
  1203. $("a[title]").style_my_tooltips({
  1204. tip_follows_cursor:true,
  1205. tip_delay_time:90,
  1206. tip_fade_speed:600,
  1207. attribute:"title"
  1208. });
  1209. });
  1210. })(jQuery);
  1211. </script>
  1212.  
  1213. <div id="credit"><a href="//the49thname.tumblr.com/" title="made by the49thname">49</a>
  1214. </div>
  1215.  
  1216. </body>
  1217. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!