API tools faq
paste
Advertisement
str-wrs

Erato (P2: Basic Theme)

str-wrs
Feb 25th, 2016
6,282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.69 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ERATO PACK
  4. (P2: Basic Theme)
  5. by acuite
  6.  
  7. - don't steal this pls
  8. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  9.  
  10. - @acuite for more themes
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="image:Sidebar" content=""/>
  23.  
  24. <meta name="color:Background" content="#f8f8f8"/>
  25. <meta name="color:Post" content="#fff"/>
  26. <meta name="color:Border" content="#eee"/>
  27. <meta name="color:Text" content="#555"/>
  28. <meta name="color:Link" content="#999"/>
  29. <meta name="color:Accent" content="#222"/>
  30.  
  31. <meta name="if:Drop Links" content=""/>
  32. <meta name="if:Drop Description" content=""/>
  33. <meta name="if:Load More" content=""/>
  34. <meta name="if:Paginate" content=""/>
  35. <meta name="if:Round Edges" content=""/>
  36.  
  37. <meta name="select:Captions" content="creg" title="Regular">
  38. <meta name="select:Captions" content="cinl" title="Inline">
  39. <meta name="select:Captions" content="chid" title="Hide">
  40.  
  41. <meta name="select:Tags" content="tshow" title="Show">
  42. <meta name="select:Tags" content="thide" title="Hide">
  43. <meta name="select:Tags" content="thover" title="Hover">
  44.  
  45. <meta name="text:Post" content="320"/>
  46. <meta name="text:Margin" content="50"/>
  47. <meta name="text:Padding" content="5"/>
  48.  
  49. <meta name="text:Link 1" content="/"/>
  50. <meta name="text:Link 1 Title" content="one"/>
  51. <meta name="text:Link 2" content="/" />
  52. <meta name="text:Link 2 Title" content="two"/>
  53. <meta name="text:Link 3" content="/" />
  54. <meta name="text:Link 3 Title" content="three"/>
  55. <meta name="text:Link 4" content="/" />
  56. <meta name="text:Link 4 Title" content="four"/>
  57. <meta name="text:Link 5" content="/" />
  58. <meta name="text:Link 5 Title" content="five"/>
  59.  
  60. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  61. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  62. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  63.  
  64. <style type="text/css">
  65.  
  66. /* Scroll */
  67.  
  68. ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};}
  69. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.25);}
  70. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  71. border:5px solid {color:Background};
  72. }
  73.  
  74. /* Controls */
  75.  
  76. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  77.  
  78. /* General */
  79.  
  80. body {
  81. margin:0;
  82. color:{color:Text};
  83. background:{color:Background};
  84. font-smooth:always;
  85. -webkit-font-smoothing:antialiased;
  86. -moz-osx-font-smoothing: grayscale;
  87. }
  88.  
  89. a:link, a:active, a:visited {text-decoration:none;}
  90. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;letter-spacing:-0.2px;}
  91. body,p,pre,em{font-family:'Karla',Arial,Helvetica,sans-serif;}
  92. a,.tags {
  93. transition:0.5s ease;
  94. -o-transition:0.5s ease;
  95. -moz-transition:0.5s ease;
  96. -webkit-transition:0.5s ease;
  97. }
  98.  
  99. /* Credit & Scroll to Top */
  100.  
  101. .c,.top{position:fixed;right:30px;width:35px;}
  102. .c {bottom:30px;}
  103. .top {bottom:50px;display:none;}
  104.  
  105. /* Pagination */
  106.  
  107. .cp {font-weight:600;}
  108. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  109. .pag a i,.top{font-size:20px;}
  110. .pag {position:relative;}
  111. .load {cursor:pointer;display:block;font-style:italic;}
  112. .c,.top,.pag,.load {text-align:center;}
  113. .c,.pag,.load{font-size:10px;text-transform:uppercase;letter-spacing:0.5px!important;}
  114. {block:ifnotPaginate}
  115. .pag,#infscr-loading {display:none!important;}
  116. {/block:ifnotPaginate}
  117.  
  118. /* Containers */
  119.  
  120. #center {min-width:250px;width:350px;max-width:600px;}
  121. #center {
  122. position:relative;
  123. margin:100px auto;
  124. width:calc({text:Post}px + 2px + ({text:Padding}px * 2));
  125. }
  126.  
  127. .entry img{max-width:100%;height:auto;}
  128. .entry {margin:{text:Margin}px 0;}
  129.  
  130. /* Sidebar */
  131.  
  132. aside {
  133. position:fixed;
  134. text-align:right;
  135. width:130px;
  136. margin-left:calc(-130px + -{text:Margin}px);
  137. }
  138.  
  139. .icon {display:inline-block;width:50px;padding:1px;margin:0 0 10px;}
  140. .db,.lb {display:none;margin:0;padding:0;}
  141. .lb a:hover {padding-right:5px;}
  142. .links a {
  143. display:block;
  144. font-size:10px;
  145. margin:10px 0;
  146. letter-spacing:-0.3px;
  147. line-height:100%;
  148. }
  149.  
  150. /* Titles */
  151.  
  152. h2 {margin:10px;font-size:12px;}
  153. h3,h4,h5 {margin:10px;font-size:10px;}
  154.  
  155. /* Permalinks */
  156.  
  157. .p {padding:10px;line-height:100%;text-transform:lowercase;}
  158. .p b{text-transform:uppercase;margin-right:2px;font-weight:400;}
  159. .entry:hover .thover{opacity:1;}
  160. .tshow,.thover{display:block;position:relative;}
  161. .thide {display:none;}
  162. .thover {opacity:0;}
  163. .tags {margin-top:5px;word-wrap:break-word;word-break:break-all;}
  164. .tags a {margin-right:5px;text-transform:none;font-style:italic;}
  165.  
  166. /* Quotes */
  167.  
  168. .qut_hold {padding:20px;}
  169. .src,.src *{margin:0;padding:0;line-height:100%;}
  170. .src a{display:inline-block;}
  171. .src {margin-top:5px;}
  172. .qut {font-size:12px;font-style:italic;}
  173.  
  174. /* Audio & Chat */
  175.  
  176. .lines,.chat h2,.audio {padding:10px;}
  177. .chat h2 {margin:0;}
  178. .chat {line-height:100%;}
  179. .lines:last-of-type {border:0;}
  180. .lines b{display:block;font-weight:400;margin:0 0 5px;}
  181.  
  182. .play {
  183. padding:10px;
  184. background:#e4e4e4;
  185. margin-right:15px;
  186. height:27px;
  187. width:27px;
  188. }
  189.  
  190. .audio {font-size:0;}
  191. .play,.au {display:inline-block;vertical-align:middle;}
  192. .soundcloud_audio_player{padding:15px 0;}
  193. .au span {display:block;font-size:10px;line-height:100%;}
  194. .tn {margin:0 0 5px;font-style:italic;font-size:11px!important;}
  195. .au {width:calc(100% - 62px);}
  196. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  197.  
  198. /* Text */
  199.  
  200. ol,ul {padding:0 0 0 20px;}
  201. li {margin:5px;}
  202. p,blockquote,pre,ul,ol{margin:10px;}
  203. blockquote p{margin:10px 0;}
  204. blockquote p:first-child{margin:0 0 10px;}
  205. blockquote p:last-child{margin:10px 0 0;}
  206. blockquote p:only-child{margin:0;}
  207. blockquote blockquote {margin:0;}
  208. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  209. pre {
  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. /* Captions */
  218.  
  219. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  220. .txt,.cap{padding:10px;}
  221. .chid {display:none;}
  222. .cinl {padding:20px;}
  223. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  224. .cinl p:first-of-type {display:inline!important;}
  225. .cinl blockquote {border:0;}
  226. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  227.  
  228. /* Video */
  229.  
  230. .video {overflow:hidden;}
  231. .vine-embed,#youtube_iframe {display:block;}
  232. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  233.  
  234. /* Photosets */
  235.  
  236. #tumblr_lightbox,.tmblr-lightbox {
  237. background:rgba({RGBcolor:Background},0.99)!important;
  238. }
  239.  
  240. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  241. opacity:0!important;
  242. }
  243.  
  244. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  245. #tumblr_lightbox_right_image, .lightbox-image {
  246. box-shadow:none!important;
  247. border-radius:0!important;
  248. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  249. }
  250.  
  251. /* Ask */
  252.  
  253. .ask {padding:20px;}
  254. .ask b{text-transform:uppercase;}
  255.  
  256. /* Permalink Page + Postnotes */
  257.  
  258. .pph {text-transform:lowercase;}
  259. .perma {padding:15px;}
  260. .pmt a:after {content:',';}
  261. .pmt a:last-of-type:after {content:'.';}
  262. .pn ol {margin:0;padding:0!important;list-style-type:none;}
  263. .pn li{margin:5px;padding:0;}
  264. .pn,.pn img,.pn li:before{display:none;}
  265. .pn {padding:8px;font-size:9px;line-height:100%;}
  266. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  267. .more_notes_link,.notes_loading {text-align:left!important;}
  268.  
  269. /* Tooltips */
  270.  
  271. #s-m-t-tooltip{
  272. max-width:300px;
  273. margin:15px;
  274. z-index:99999999;
  275. padding:5px;
  276. font-style:italic;
  277. line-height:100%;
  278. word-wrap:break-word;
  279. word-break:break-all;
  280. }
  281.  
  282. /* Borders */
  283.  
  284. .ask,.lines,.chat h2 {border-bottom:1px solid {color:Border};}
  285. .cap,.perma,.pn {border-top:1px solid {color:Border};}
  286. a.tumblr_blog,.src a{border-bottom:1px solid {color:Border};}
  287. a.tumblr_blog:hover,.src a:hover{border-color:rgba({RGBcolor:Accent},.5);}
  288. .txt h2 a,.txt h2 a:hover {border:0;}
  289.  
  290. /* Common Styles */
  291.  
  292. .ask,p,blockquote,.pn,.qut,.cap{line-height:150%;}
  293. .perma{line-height:175%;}
  294. a:hover, a h2:hover,.p b{color:{color:Accent};}
  295. a,.p,.perma,.src,.lines b,.tn,h2,.ask,.pag,ul,ol{color:{color:Link};}
  296. .tn,.qut,.ask,.pnh,.p,.navi li{letter-spacing:0;}
  297. h2 a i{margin:0 2px;}
  298.  
  299. {block:IndexPage}.entry_hold,{/block:IndexPage}
  300. {block:PermalinkPage}.entry,{/block:PermalinkPage}.icon,#s-m-t-tooltip {
  301. background:{color:Post};
  302. border:1px solid {color:Border};
  303. }
  304.  
  305. .bx,.video {padding:{text:Padding}px;}
  306.  
  307. {block:ifRoundEdges}
  308. .icon {border-radius:4px;}
  309. .entry_hold,.video,.entry iframe,.ph,.cap img,.txt img,.play,#s-m-t-tooltip{border-radius:3px!important;}
  310. {/block:ifRoundEdges}
  311.  
  312. /* Etc */
  313.  
  314. img {margin:0;display:block;}
  315.  
  316. </style>
  317. </head>
  318. <body>
  319.  
  320. <div id="center">
  321.  
  322. <aside>
  323. <a href="/"><img class="icon" src="{block:ifSidebarImage}{image:Sidebar}{/block:ifSidebarImage}{block:ifnotSidebarImage}{PortraitURL-64}{/block:ifnotSidebarImage}"/></a>
  324.  
  325. <div class="links">
  326. <a href="/">index</a>
  327. {block:ifDropDescription}
  328. <a href="#" class="dh">about</a>
  329. <div class="db">{Description}</div>
  330. {/block:ifDropDescription}
  331. <a href="/ask">contact</a>
  332. {block:ifDropLinks}
  333. <a href="#" class="lh">navigate</a>
  334. <div class="lb">
  335. {/block:ifDropLinks}
  336. {block:ifLink1}
  337. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  338. {/block:ifLink1}{block:ifLink2}
  339. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  340. {/block:ifLink2}{block:ifLink3}
  341. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  342. {/block:ifLink3}{block:ifLink4}
  343. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  344. {/block:ifLink4}
  345. {block:ifDropLinks}</div>{/block:ifDropLinks}
  346. <a href="/archive">history</a>
  347. </div>
  348. </aside>
  349.  
  350. <div id="content">
  351. {block:Posts}
  352. <div class="entry" id="{PostID}">
  353. <div class="entry_hold">
  354.  
  355. {block:Text}
  356. <div class="txt">
  357. {block:Title}<h2>{Title}</h2>{/block:Title}
  358. {Body}
  359. </div>
  360. {/block:Text}
  361.  
  362. {block:Link}
  363. <div class="txt">
  364. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  365. {block:Description}{Description}{/block:Description}
  366. </div>
  367. {/block:Link}
  368.  
  369. {block:Photo}
  370. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="ph"/></a></div>
  371. {/block:Photo}
  372.  
  373. {block:Photoset}
  374. <div class="bx"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
  375. {/block:Photoset}
  376.  
  377. {block:Quote}
  378. <div class="qut_hold">
  379. <div class="qut">{Quote}</div>
  380. {block:Source}<div class="src">{Source}</div>{/block:Source}
  381. </div>
  382. {/block:Quote}
  383.  
  384. {block:Chat}
  385. <div class="chat">
  386. {block:Title}<h2>{Title}</h2>{/block:Title}
  387. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  388. </div>
  389. {/block:Chat}
  390.  
  391. {block:Audio}
  392. <div class="audio">
  393. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  394. <div class="au">
  395. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  396. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  397. </div>
  398. </div>
  399. {/block:Audio}
  400.  
  401. {block:Video}
  402. <div class="video">{Video-500}</div>
  403. {/block:Video}
  404.  
  405. {block:Answer}
  406. <div class="ask"><b>{Asker}:</b> {Question}</div>
  407. <div class="txt">{Answer}</div>
  408. {/block:Answer}
  409.  
  410. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  411.  
  412. </div>
  413.  
  414. {block:IndexPage}
  415. <div class="p">
  416. <a title="{TimeAgo}" href="{Permalink}"><b>{NoteCount} N</b> on {DayofWeek}</a>
  417. {block:HasTags}<div class="tags {select:Tags}">
  418. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  419. </div>{/block:HasTags}
  420. </div>
  421. {/block:IndexPage}
  422.  
  423. {block:PermalinkPage}
  424. {block:Date}
  425. <div class="pph">
  426. <div class="perma">
  427. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  428. {block:RebloggedFrom}<br>
  429. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp; &middot; &nbsp;
  430. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  431. {/block:RebloggedFrom}
  432.  
  433. {block:HasTags}<div class="pmt">tags: &nbsp;
  434. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  435. </div>{/block:HasTags}
  436. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  437. </div>
  438.  
  439. {block:PostNotes}
  440. <div class="pn">{PostNotes}</div>
  441. {/block:PostNotes}
  442.  
  443. </div>
  444. {/block:Date}
  445. {/block:PermalinkPage}
  446.  
  447. {block:ContentSource}
  448. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  449. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  450. {/block:SourceLogo}
  451. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  452. {/block:ContentSource}
  453.  
  454. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  455.  
  456. </div>
  457. {/block:Posts}
  458.  
  459. {block:ifPaginate}
  460. {block:Pagination}
  461. <div class="pag">
  462. {block:PreviousPage}
  463. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  464. {/block:PreviousPage}
  465.  
  466. {block:JumpPagination length="3"}
  467. {block:CurrentPage}
  468. <span class="cp">{PageNumber}</span>
  469. {/block:CurrentPage}
  470. {block:JumpPage}
  471. <a class="jp" href="{URL}">{PageNumber}</a>
  472. {/block:JumpPage}
  473. {/block:JumpPagination}
  474.  
  475. {block:NextPage}
  476. <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  477. {/block:NextPage}
  478. </div>
  479. {/block:Pagination}
  480. {/block:ifPaginate}
  481.  
  482. </div>
  483.  
  484. {block:ifnotPaginate}
  485. {block:Pagination}
  486. <div class="pag">
  487. {block:PreviousPage}
  488. <a href="{PreviousPage}" class="prev">back</a>
  489. {/block:PreviousPage}
  490. {block:NextPage}
  491. <a href="{NextPage}" class="next">next</a>
  492. {/block:NextPage}
  493. </div>
  494.  
  495. {block:ifLoadMore}
  496. <a class="load">Load More</a>
  497. {/block:ifLoadMore}
  498. {/block:Pagination}
  499. {/block:ifnotPaginate}
  500.  
  501. </div>
  502.  
  503. <a href="#" class="top"><i class="fa fa-angle-up"></i></a>
  504. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  505.  
  506. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  507. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  508. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  509. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  510. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  511. <script>
  512. $(document).ready(function(){
  513. $('.photo-slideshow').pxuPhotoset({
  514. lightbox: true,
  515. gutter: '1px',
  516. photoset: '.photo-slideshow',
  517. photoWrap: '.photo-data',
  518. photo: '.pxu-photo',
  519. {block:ifnotRoundEdges}
  520. rounded: false,
  521. {/block:ifnotRoundEdges}
  522. {block:ifRoundEdges}
  523. rounded: 'corners',
  524. borderRadius: '3px'
  525. {/block:ifRoundEdges}
  526. });
  527. {block:ifnotPaginate}
  528. var $container = $('#content');
  529. $container.infinitescroll({
  530. itemSelector: '.entry',
  531. navSelector: '.pag',
  532. nextSelector: '.next',
  533. loadingImg: ' ',
  534. loadingText: ' ',
  535. donetext: 'No more posts' ,
  536. bufferPx: 2000,
  537. {block:ifLoadMore}
  538. errorCallback: function(){
  539. jQuery('.load').delay(50).fadeOut();
  540. }
  541. {/block:ifLoadMore}
  542. },
  543. function( newElements ) {
  544. var $newElems = $( newElements );
  545. $newElems.find('.photo-slideshow').pxuPhotoset({
  546. lightbox: true,
  547. gutter: '1px',
  548. photoset: '.photo-slideshow',
  549. photoWrap: '.photo-data',
  550. photo: '.pxu-photo',
  551. {block:ifnotRoundEdges}
  552. rounded: false,
  553. {/block:ifnotRoundEdges}
  554. {block:ifRoundEdges}
  555. rounded: 'corners',
  556. borderRadius: '3px'
  557. {/block:ifRoundEdges}
  558. });
  559. resizeVideos();
  560. });
  561.  
  562. {block:ifLoadMore}
  563. $(window).unbind(".infscr");
  564. $(".load").click(function(){
  565. $("#content").infinitescroll("retrieve");
  566. });
  567. {/block:ifLoadMore}
  568.  
  569. {/block:ifnotPaginate}
  570. });
  571.  
  572.  
  573. // minimal soundcloud player © eoxk.tumblr
  574. $(document).ready(function(){
  575. var color = '{color:Link}'; // color of play button (hex)
  576. $('.soundcloud_audio_player').each(function(){
  577. $(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%' });
  578. });
  579. });
  580.  
  581.  
  582. // scroll to top © html-tuts.com
  583. var amountScrolled = 400;
  584.  
  585. $(window).scroll(function() {
  586. if ($(window).scrollTop() > amountScrolled) {
  587. $('a.top').fadeIn('slow');
  588. } else {
  589. $('a.top').fadeOut('slow');
  590. }
  591. });
  592.  
  593. $('a.top').click(function() {
  594. $('body, html').animate({
  595. scrollTop: 0
  596. }, 'slow');
  597. return false;
  598. });
  599.  
  600.  
  601. // drop links & post notes
  602. $(document).ready(function(){
  603. $(".pn").hide();
  604. $(".pnh").show();$('.pnh').toggle(function(){
  605. $(".pn").slideDown(function(){});
  606. },function(){
  607. $(".pn").slideUp(function(){});
  608. });
  609. $(".lb").hide();
  610. $(".lh").show();$('.lh').toggle(function(){
  611. $(".lb").slideDown(function(){});
  612. },function(){
  613. $(".lb").slideUp(function(){});
  614. });
  615. $(".db").hide();
  616. $(".dh").show();$('.dh').toggle(function(){
  617. $(".db").slideDown(function(){});
  618. },function(){
  619. $(".db").slideUp(function(){});
  620. });
  621. });
  622.  
  623.  
  624. // tooltips
  625. (function($){
  626. $(document).ready(function(){
  627. $("[title]").style_my_tooltips({
  628. tip_delay_time:200,
  629. tip_fade_speed:300
  630. }
  631. );
  632. });
  633. })(jQuery);
  634.  
  635. </script>
  636. </body>
  637. </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!