API tools faq
paste
Advertisement
str-wrs

Erato (P1: AIO Theme)

str-wrs
Feb 25th, 2016
9,844
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.86 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ERATO PACK
  4. (P1: AIO 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:Contained Posts" content=""/>
  32. <meta name="if:Load More" content=""/>
  33. <meta name="if:Paginate" content=""/>
  34. <meta name="if:Round Edges" content=""/>
  35.  
  36. <meta name="select:Captions" content="creg" title="Regular">
  37. <meta name="select:Captions" content="cinl" title="Inline">
  38. <meta name="select:Captions" content="chid" title="Hide">
  39.  
  40. <meta name="select:Tags" content="tshow" title="Show">
  41. <meta name="select:Tags" content="thide" title="Hide">
  42. <meta name="select:Tags" content="thover" title="Hover">
  43.  
  44. <meta name="select:About Tab" content="tabshow" title="Show">
  45. <meta name="select:About Tab" content="tabhide" title="Hide">
  46.  
  47. <meta name="select:Contact Tab" content="tabshow" title="Show">
  48. <meta name="select:Contact Tab" content="tabhide" title="Hide">
  49.  
  50. <meta name="select:Links Tab" content="tabshow" title="Show">
  51. <meta name="select:Links Tab" content="tabhide" title="Hide">
  52.  
  53. <meta name="select:Blogroll Tab" content="blit" title="Default">
  54. <meta name="select:Blogroll Tab" content="blio" title="Icons Only">
  55. <meta name="select:Blogroll Tab" content="tabhide" title="Hide">
  56.  
  57. <meta name="text:Post" content="320"/>
  58. <meta name="text:Margin" content="50"/>
  59. <meta name="text:Padding" content="5"/>
  60.  
  61. <meta name="text:Link 1" content="/"/>
  62. <meta name="text:Link 1 Title" content="one"/>
  63. <meta name="text:Link 2" content="/" />
  64. <meta name="text:Link 2 Title" content="two"/>
  65. <meta name="text:Link 3" content="/" />
  66. <meta name="text:Link 3 Title" content="three"/>
  67. <meta name="text:Link 4" content="/" />
  68. <meta name="text:Link 4 Title" content="four"/>
  69. <meta name="text:Link 5" content="/" />
  70. <meta name="text:Link 5 Title" content="five"/>
  71.  
  72. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  73. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  75. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  76. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  77.  
  78. <style type="text/css">
  79.  
  80. /* Scroll */
  81.  
  82. ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};}
  83. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.25);}
  84. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  85. border:5px solid {color:Background};
  86. }
  87.  
  88. /* Controls */
  89.  
  90. #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;}
  91.  
  92. /* General */
  93.  
  94. body {
  95. margin:0;
  96. color:{color:Text};
  97. background:{color:Background};
  98. font-smooth:always;
  99. -webkit-font-smoothing:antialiased;
  100. -moz-osx-font-smoothing: grayscale;
  101. }
  102.  
  103. a:link, a:active, a:visited {text-decoration:none;}
  104. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;letter-spacing:-0.2px;}
  105. body,p,pre,em{font-family:'Karla',Arial,Helvetica,sans-serif;}
  106. a,.tags,ul#tabs li,.name {
  107. transition:0.5s ease;
  108. -o-transition:0.5s ease;
  109. -moz-transition:0.5s ease;
  110. -webkit-transition:0.5s ease;
  111. }
  112.  
  113. /* Credit & Scroll to Top */
  114.  
  115. .c,.top{position:fixed;right:30px;width:35px;}
  116. .c {bottom:30px;}
  117. .top {bottom:50px;display:none;}
  118.  
  119. /* Pagination */
  120.  
  121. .cp {font-weight:600;}
  122. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  123. .pag a i,.top{font-size:20px;}
  124. .pag {position:relative;}
  125. .load {cursor:pointer;display:block;font-style:italic;}
  126. .c,.top,.pag,.load {text-align:center;}
  127. .c,.pag,.load{font-size:10px;text-transform:uppercase;letter-spacing:0.5px!important;}
  128. {block:ifnotPaginate}
  129. .pag,#infscr-loading {display:none!important;}
  130. {/block:ifnotPaginate}
  131.  
  132. /* Containers */
  133.  
  134. #center {min-width:250px;width:350px;max-width:600px;}
  135. #center {
  136. position:relative;
  137. margin:100px auto;
  138. width:calc({text:Post}px + 2px + ({text:Padding}px * 2));
  139. }
  140.  
  141. .entry img{max-width:100%;height:auto;}
  142. .entry {margin:{text:Margin}px 0;}
  143.  
  144. /* Sidebar */
  145.  
  146. aside {
  147. position:fixed;
  148. text-align:right;
  149. width:100px;
  150. margin-left:calc(-100px + -{text:Margin}px);
  151. }
  152.  
  153. .icon {display:inline-block;width:50px;padding:1px;margin:0 0 10px;}
  154. .links * {list-style-type:decimal;margin:0;padding:0;font-size:0;}
  155. .links ul#tabs li.active {text-decoration:line-through;}
  156. .links ul#tabs li:hover,.links ul#tabs li.active {color:{color:Accent};}
  157. .links ul#tabs li,.links a {
  158. display:block;
  159. font-size:10px;
  160. margin:10px 0;
  161. letter-spacing:-0.3px;
  162. line-height:100%;
  163. color:{color:Link};
  164. cursor:pointer;
  165. }
  166.  
  167. .links ul#tabs li.tabhide {display:none;}
  168.  
  169. /* Titles */
  170.  
  171. h2 {margin:10px;font-size:12px;}
  172. h3,h4,h5 {margin:10px;font-size:10px;}
  173.  
  174. /* Permalinks */
  175.  
  176. .p {padding:10px;line-height:100%;text-transform:lowercase;}
  177. .p b{text-transform:uppercase;margin-right:2px;font-weight:400;}
  178. .entry:hover .thover{opacity:1;}
  179. .tshow,.thover{display:block;position:relative;}
  180. .thide {display:none;}
  181. .thover {opacity:0;}
  182. .tags {margin-top:5px;word-wrap:break-word;word-break:break-all;}
  183. .tags a {margin-right:5px;text-transform:none;font-style:italic;}
  184.  
  185. /* Quotes */
  186.  
  187. .qut_hold {padding:20px;}
  188. .src,.src *{margin:0;padding:0;line-height:100%;}
  189. .src a{display:inline-block;}
  190. .src {margin-top:5px;}
  191. .qut {font-size:12px;font-style:italic;}
  192.  
  193. /* Audio & Chat */
  194.  
  195. .lines,.chat h2,.audio {padding:10px;}
  196. .chat h2 {margin:0;}
  197. .chat {line-height:100%;}
  198. .lines:last-of-type {border:0;}
  199. .lines b{display:block;font-weight:400;margin:0 0 5px;}
  200.  
  201. .play {
  202. padding:10px;
  203. background:#e4e4e4;
  204. margin-right:15px;
  205. height:27px;
  206. width:27px;
  207. }
  208.  
  209. .audio {font-size:0;}
  210. .play,.au {display:inline-block;vertical-align:middle;}
  211. .soundcloud_audio_player{padding:15px 0;}
  212. .au span {display:block;font-size:10px;line-height:100%;}
  213. .tn {margin:0 0 5px;font-style:italic;font-size:11px!important;}
  214. .au {width:calc(100% - 62px);}
  215. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  216.  
  217. /* Text */
  218.  
  219. .entry ol,.entry ul,.abouttab ol,.abouttab ul {
  220. padding:0 0 0 10px!important;
  221. margin:10px!important;
  222. display:block!important;
  223. color:{color:Link};
  224. line-height:100%;
  225. }
  226.  
  227. .entry li:before,.abouttab li:before {content:'•';margin-right:10px;}
  228. .entry li,.abouttab li {
  229. display:block!important;
  230. padding:0!important;
  231. background:none!important;
  232. border:0!important;
  233. margin:5px!important;
  234. list-style-type:disc!important;
  235. }
  236.  
  237. p,blockquote,pre{margin:10px;}
  238. blockquote p,.abouttab p{margin:10px 0;}
  239. blockquote p:first-child,.abouttab p:first-child{margin:0 0 10px;}
  240. blockquote p:last-child,.abouttab p:last-child{margin:10px 0 0;}
  241. blockquote p:only-child,.abouttab p:only-child{margin:0;}
  242. blockquote blockquote {margin:0;}
  243. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  244. pre {
  245. white-space:pre-wrap;
  246. white-space:-moz-pre-wrap;
  247. white-space:-pre-wrap;
  248. white-space:-o-pre-wrap;
  249. word-wrap:break-word;
  250. }
  251.  
  252. /* Captions */
  253.  
  254. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  255. .txt,.cap{padding:10px;}
  256. .chid {display:none;}
  257. .cinl {padding:20px;}
  258. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  259. .cinl p:first-of-type {display:inline!important;}
  260. .cinl blockquote {border:0;}
  261. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  262.  
  263. /* Video */
  264.  
  265. .video {overflow:hidden;}
  266. .vine-embed,#youtube_iframe {display:block;}
  267. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  268.  
  269. /* Photosets */
  270.  
  271. #tumblr_lightbox,.tmblr-lightbox {
  272. background:rgba({RGBcolor:Background},0.99)!important;
  273. }
  274.  
  275. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  276. opacity:0!important;
  277. }
  278.  
  279. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  280. #tumblr_lightbox_right_image, .lightbox-image {
  281. box-shadow:none!important;
  282. border-radius:0!important;
  283. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  284. }
  285.  
  286. /* Ask */
  287.  
  288. .ask {padding:20px;}
  289. .ask b{text-transform:uppercase;}
  290.  
  291. /* Permalink Page + Postnotes */
  292.  
  293. .pph {text-transform:lowercase;}
  294. .perma {padding:15px;}
  295. .pmt a:after {content:',';}
  296. .pmt a:last-of-type:after {content:'.';}
  297. .pn ol {margin:0;padding:0!important;list-style-type:none;}
  298. .pn li{margin:5px;padding:0;}
  299. .pn,.pn img,.pn li:before{display:none;}
  300. .pn {padding:8px;font-size:9px;line-height:100%;}
  301. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  302. .more_notes_link,.notes_loading {text-align:left!important;}
  303.  
  304. /* Tooltips */
  305.  
  306. #s-m-t-tooltip{
  307. max-width:300px;
  308. margin:15px;
  309. z-index:99999999;
  310. padding:5px;
  311. font-style:italic;
  312. line-height:100%;
  313. word-wrap:break-word;
  314. word-break:break-all;
  315. background:{color:Post};
  316. border:1px solid {color:Border};
  317. }
  318.  
  319. /* Borders */
  320.  
  321. .ask,.lines,.chat h2 {border-bottom:1px solid {color:Border};}
  322. .cap,.perma,.pn {border-top:1px solid {color:Border};}
  323. a.tumblr_blog,.src a,.navi a,.blit .name{
  324. border-bottom:1px solid {color:Border};
  325. }
  326.  
  327. a.tumblr_blog:hover,.src a:hover,.navi a:hover,.blit .blog:hover .name{
  328. border-color:rgba({RGBcolor:Accent}, 0.6);
  329. }
  330.  
  331. .txt h2 a,.txt h2 a:hover {border:0;}
  332.  
  333. /* Tabs */
  334.  
  335. ul#tab {list-style-type:none;margin:0;padding:0;}
  336. ul#tab li.active {display:block;}
  337. ul#tab li {display:none;margin:0;}
  338. ul#tab li.tabshow,ul#tab li.blio,ul#tab li.blit {padding:15px;}
  339. ul#tab li.tabhide {display:none;}
  340. .navtab,.blogroll,.abouttab {max-height:350px;overflow:auto;}
  341. .abouttab {padding:0 10px 0 0;}
  342. .hold ::-webkit-scrollbar {width:1px;height:1px;}
  343. .hold ::-webkit-scrollbar,.hold ::-webkit-scrollbar-thumb {
  344. border:solid {color:Post};
  345. border-width:5px 0;
  346. }
  347.  
  348. /* Tags */
  349.  
  350. .navtab h3 {
  351. margin:15px 0 0;
  352. font-size:11px;
  353. letter-spacing:-0.25px;
  354. text-transform:capitalize;
  355. }
  356.  
  357. .navtab h3:first-child {margin:0;}
  358. .navi {font-size:0;margin:5px 0;padding:0;list-style-type:none;}
  359. .navi:last-of-type {margin-bottom:0;}
  360. .navi a,.navi b {display:inline-block;font-style:italic;}
  361. .navi b {border-bottom:1px solid rgba({RGBcolor:Text}, 0.5);}
  362. .navi li {line-height:100%;font-size:10px;}
  363.  
  364. /* Blogroll */
  365.  
  366. .blogroll {margin:0;font-size:0;line-height:0;}
  367. .name {
  368. font-size:10px;
  369. line-height:100%;
  370. font-style:italic;
  371. word-wrap:break-word;
  372. word-break:break-all;
  373. }
  374.  
  375. .blit .blog,.navi li {
  376. display:inline-block!important;
  377. width:calc(33.33% - 10px);
  378. margin:5px!important;
  379. max-height:15px;
  380. }
  381.  
  382. .blit .blog img,.blit .name {display:inline-block;vertical-align:middle;}
  383. .blit .blog img{width:15px;height:15px;margin-right:5px;}
  384. .blit .name {max-width:calc(100% - 20px);}
  385. .blio .blog {
  386. display:inline-block!important;
  387. width:calc(12.3% - 6px);
  388. height:inherit;
  389. margin:3px;
  390. position:relative;
  391. }
  392.  
  393. .blio .blog img{width:100%;}
  394. .blio .blog:hover .name {opacity:1;}
  395. .blio .name {
  396. position:absolute;
  397. top:0;
  398. left:0;
  399. padding:5px;
  400. width:calc(100% - 10px);
  401. height:calc(100% - 10px);
  402. z-index:999999;
  403. text-align:center;
  404. opacity:0;
  405. background:rgba({RGBcolor:Post},0.95);
  406. overflow:hidden;
  407. }
  408.  
  409. /* Common Styles */
  410.  
  411. .ask,p,blockquote,.pn,.qut,.cap{line-height:150%;}
  412. .perma{line-height:175%;}
  413. a:hover, a h2:hover,.navtab h3,.p b{color:{color:Accent};}
  414. a,.p,.perma,.src,.lines b,.tn,h2,.ask,.pag{color:{color:Link};}
  415. .tn,.qut,.ask,.pnh,.p,.navi li{letter-spacing:0;}
  416. h2 a i{margin:0 2px;}
  417.  
  418. {block:IndexPage}.entry_hold,{/block:IndexPage}
  419. {block:PermalinkPage}.entry,{/block:PermalinkPage}li.hold,.icon {
  420. background:{color:Post};
  421. border:1px solid {color:Border};
  422. }
  423.  
  424. .bx,.video {padding:{text:Padding}px;}
  425.  
  426. {block:ifContainedPosts}
  427. .maintab {max-height:510px;overflow:auto;}
  428. #center {width:calc({text:Post}px + 2px + ({text:Padding}px * 2) + 25px);}
  429. #content {padding-right:25px;}
  430. .entry {margin:0 0 {text:Margin}px;width:calc({text:Post}px + 2px + ({text:Padding}px * 2));}
  431. {/block:ifContainedPosts}
  432.  
  433. {block:ifRoundEdges}
  434. .blog img {border-radius:3px;}
  435. .icon {border-radius:4px;}
  436. .entry_hold,.hold,.video,.entry iframe,.ph,.cap img,.txt img,.play,#s-m-t-tooltip{border-radius:3px!important;}
  437. {/block:ifRoundEdges}
  438.  
  439. /* Etc */
  440.  
  441. img {margin:0;display:block;}
  442.  
  443. </style>
  444. </head>
  445. <body>
  446.  
  447. <div id="center">
  448.  
  449. <aside>
  450. <a href="/"><img class="icon" src="{block:ifSidebarImage}{image:Sidebar}{/block:ifSidebarImage}{block:ifnotSidebarImage}{PortraitURL-64}{/block:ifnotSidebarImage}"/></a>
  451.  
  452. <div class="links">
  453. <ul id="tabs">
  454. <li class="active">index</li>
  455. <li class="{select:About Tab}">about</li>
  456. <li class="{select:Contact Tab}">contact</li>
  457. <li class="{select:Links Tab}">navigate</li>
  458. <li class="{select:Blogroll Tab}">blogroll</li>
  459. </ul>
  460. <a href="/archive">history</a>
  461. </div>
  462. </aside>
  463.  
  464. <ul id="tab">
  465. <li class="active maintab">
  466. <div id="content">
  467. {block:Posts}
  468. <div class="entry" id="{PostID}">
  469. <div class="entry_hold">
  470.  
  471. {block:Text}
  472. <div class="txt">
  473. {block:Title}<h2>{Title}</h2>{/block:Title}
  474. {Body}
  475. </div>
  476. {/block:Text}
  477.  
  478. {block:Link}
  479. <div class="txt">
  480. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  481. {block:Description}{Description}{/block:Description}
  482. </div>
  483. {/block:Link}
  484.  
  485. {block:Photo}
  486. <div class="bx"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="ph"/></a></div>
  487. {/block:Photo}
  488.  
  489. {block:Photoset}
  490. <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>
  491. {/block:Photoset}
  492.  
  493. {block:Quote}
  494. <div class="qut_hold">
  495. <div class="qut">{Quote}</div>
  496. {block:Source}<div class="src">{Source}</div>{/block:Source}
  497. </div>
  498. {/block:Quote}
  499.  
  500. {block:Chat}
  501. <div class="chat">
  502. {block:Title}<h2>{Title}</h2>{/block:Title}
  503. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  504. </div>
  505. {/block:Chat}
  506.  
  507. {block:Audio}
  508. <div class="audio">
  509. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  510. <div class="au">
  511. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  512. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  513. </div>
  514. </div>
  515. {/block:Audio}
  516.  
  517. {block:Video}
  518. <div class="video">{Video-500}</div>
  519. {/block:Video}
  520.  
  521. {block:Answer}
  522. <div class="ask"><b>{Asker}:</b> {Question}</div>
  523. <div class="txt">{Answer}</div>
  524. {/block:Answer}
  525.  
  526. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  527.  
  528. </div>
  529.  
  530. {block:IndexPage}
  531. <div class="p">
  532. <a title="{TimeAgo}" href="{Permalink}"><b>{NoteCount} N</b> on {DayofWeek}</a>
  533. {block:HasTags}<div class="tags {select:Tags}">
  534. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  535. </div>{/block:HasTags}
  536. </div>
  537. {/block:IndexPage}
  538.  
  539. {block:PermalinkPage}
  540. {block:Date}
  541. <div class="pph">
  542. <div class="perma">
  543. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  544. {block:RebloggedFrom}<br>
  545. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp; &middot; &nbsp;
  546. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  547. {/block:RebloggedFrom}
  548.  
  549. {block:HasTags}<div class="pmt">tags: &nbsp;
  550. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  551. </div>{/block:HasTags}
  552. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  553. </div>
  554.  
  555. {block:PostNotes}
  556. <div class="pn">{PostNotes}</div>
  557. {/block:PostNotes}
  558.  
  559. </div>
  560. {/block:Date}
  561. {/block:PermalinkPage}
  562.  
  563. {block:ContentSource}
  564. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  565. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  566. {/block:SourceLogo}
  567. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  568. {/block:ContentSource}
  569.  
  570. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  571.  
  572. </div>
  573. {/block:Posts}
  574.  
  575. {block:ifPaginate}
  576. {block:Pagination}
  577. <div class="pag">
  578. {block:PreviousPage}
  579. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  580. {/block:PreviousPage}
  581.  
  582. {block:JumpPagination length="3"}
  583. {block:CurrentPage}
  584. <span class="cp">{PageNumber}</span>
  585. {/block:CurrentPage}
  586. {block:JumpPage}
  587. <a class="jp" href="{URL}">{PageNumber}</a>
  588. {/block:JumpPage}
  589. {/block:JumpPagination}
  590.  
  591. {block:NextPage}
  592. <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  593. {/block:NextPage}
  594. </div>
  595. {/block:Pagination}
  596. {/block:ifPaginate}
  597.  
  598. </div>
  599.  
  600. {block:ifnotPaginate}
  601. {block:Pagination}
  602. <div class="pag">
  603. {block:PreviousPage}
  604. <a href="{PreviousPage}" class="prev">back</a>
  605. {/block:PreviousPage}
  606. {block:NextPage}
  607. <a href="{NextPage}" class="next">next</a>
  608. {/block:NextPage}
  609. </div>
  610.  
  611. {block:ifLoadMore}
  612. <a class="load">Load More</a>
  613. {/block:ifLoadMore}
  614. {/block:Pagination}
  615. {/block:ifnotPaginate}
  616.  
  617. </li>
  618. <!-- Do not edit above this line! -->
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630. <!-- About Start -->
  631. <li class="hold {select:About Tab}">
  632. <div class="abouttab">
  633. <!-- About Start -->
  634.  
  635. <p>Your description goes here. Add < p > tags between paragraphs if you are planning on writing a lot!!</p>
  636.  
  637. <!-- About End -->
  638. </div>
  639. </li>
  640. <!-- About End -->
  641.  
  642.  
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651. <!-- Ask Start (DO NOT EDIT - AUTOMATICALLY GENERATED) -->
  652. <li class="hold {select:Contact Tab}"><iframe id="ask_form" frameborder="0" border="0" scrolling="no" width="100%" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com"></iframe></li><!-- Ask End -->
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663. <!-- Links Start (REMEMBER TO KEEP ALL <ul> AND <li> TAGS!!) -->
  664. <li class="hold {select:Links Tab}">
  665. <div class="navtab">
  666.  
  667. <!-- This first box is automatically generated! -->
  668. <h3>main links</h3>
  669. <ul class="navi">
  670. {block:ifLink1}
  671. <li><a href="{text:Link 1}">{text:Link 1 Title}</a></li>
  672. {/block:ifLink1}{block:ifLink2}
  673. <li><a href="{text:Link 2}">{text:Link 2 Title}</a></li>
  674. {/block:ifLink2}{block:ifLink3}
  675. <li><a href="{text:Link 3}">{text:Link 3 Title}</a></li>
  676. {/block:ifLink3}{block:ifLink4}
  677. <li><a href="{text:Link 4}">{text:Link 4 Title}</a></li>
  678. {/block:ifLink4}{block:ifLink5}
  679. <li><a href="{text:Link 5}">{text:Link 5 Title}</a></li>
  680. {/block:ifLink5}
  681. </ul>
  682. <!-- End -->
  683.  
  684.  
  685. <!-- Box 1 Start -->
  686. <h3>category name</h3>
  687.  
  688. <ul class="navi">
  689. <li><a href="/url">link</a></li>
  690. <li><a href="/url">link</a></li>
  691. <li><a href="/url">link</a></li>
  692. <li><a href="/url">link</a></li>
  693. <li><a href="/url">link</a></li>
  694. <li><a href="/url">link</a></li>
  695. <li><a href="/url">link</a></li>
  696. <li><a href="/url">link</a></li>
  697. <li><b>subtitle:</b></li>
  698. <li><a href="/tagged/tag-link">tag</a></li>
  699. <li><a href="/tagged/tag-link">tag</a></li>
  700. <li><a href="/tagged/tag-link">tag</a></li>
  701. <li><a href="/tagged/tag-link">tag</a></li>
  702. <li><a href="/tagged/tag-link">tag</a></li>
  703. <li><a href="/tagged/tag-link">tag</a></li>
  704. <li><a href="/tagged/tag-link">tag</a></li>
  705. <li><a href="/tagged/tag-link">tag</a></li>
  706. </ul>
  707. <!-- Box 1 End -->
  708.  
  709.  
  710. <!-- Box 2 Start -->
  711. <h3>category name</h3>
  712.  
  713. <ul class="navi">
  714. <li><a href="/url">link</a></li>
  715. <li><a href="/url">link</a></li>
  716. <li><a href="/url">link</a></li>
  717. <li><a href="/url">link</a></li>
  718. <li><a href="/url">link</a></li>
  719. <li><a href="/url">link</a></li>
  720. <li><a href="/url">link</a></li>
  721. <li><a href="/tagged/tag-link">tag</a></li>
  722. <li><a href="/tagged/tag-link">tag</a></li>
  723. <li><a href="/tagged/tag-link">tag</a></li>
  724. <li><a href="/tagged/tag-link">tag</a></li>
  725. <li><a href="/tagged/tag-link">tag</a></li>
  726. <li><a href="/tagged/tag-link">tag</a></li>
  727. <li><a href="/tagged/tag-link">tag</a></li>
  728. <li><a href="/tagged/tag-link">tag</a></li>
  729. </ul>
  730. <!-- Box 2 End -->
  731.  
  732.  
  733. <!-- Box 3 Start -->
  734. <h3>category name</h3>
  735.  
  736. <ul class="navi">
  737. <li><a href="/url">link</a></li>
  738. <li><a href="/url">link</a></li>
  739. <li><a href="/url">link</a></li>
  740. <li><a href="/url">link</a></li>
  741. <li><a href="/url">link</a></li>
  742. <li><a href="/url">link</a></li>
  743. <li><a href="/url">link</a></li>
  744. <li><a href="/tagged/tag-link">tag</a></li>
  745. <li><a href="/tagged/tag-link">tag</a></li>
  746. <li><a href="/tagged/tag-link">tag</a></li>
  747. <li><a href="/tagged/tag-link">tag</a></li>
  748. <li><a href="/tagged/tag-link">tag</a></li>
  749. <li><a href="/tagged/tag-link">tag</a></li>
  750. <li><a href="/tagged/tag-link">tag</a></li>
  751. <li><a href="/tagged/tag-link">tag</a></li>
  752. </ul>
  753. <!-- Box 3 End -->
  754.  
  755.  
  756. <!-- Links End -->
  757. </div>
  758. </li>
  759. <!-- Links End -->
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770. <!-- Blogroll Start (DO NOT EDIT - AUTOMATICALLY GENERATED) -->
  771. <li class="hold {select:Blogroll Tab}">
  772. <div class="blogroll">{block:Following}{block:Followed}<a href="{FollowedURL}"><div class="blog {FollowedName}"><img src="{FollowedPortraitURL-64}"><div class="name">{FollowedName}</div></div></a>{/block:Followed}{/block:Following}</div></li>
  773. <!-- Blogroll End -->
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784. <!-- Do not edit below this line! -->
  785. </ul>
  786. </div>
  787.  
  788. <a href="#" class="top"><i class="fa fa-angle-up"></i></a>
  789. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  790.  
  791. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  792. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  793. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  794. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  795. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  796. <script>
  797. $(document).ready(function(){
  798. $('.photo-slideshow').pxuPhotoset({
  799. lightbox: true,
  800. gutter: '1px',
  801. photoset: '.photo-slideshow',
  802. photoWrap: '.photo-data',
  803. photo: '.pxu-photo',
  804. {block:ifnotRoundEdges}
  805. rounded: false,
  806. {/block:ifnotRoundEdges}
  807. {block:ifRoundEdges}
  808. rounded: 'corners',
  809. borderRadius: '3px'
  810. {/block:ifRoundEdges}
  811. });
  812. {block:ifnotPaginate}
  813. var $container = $('#content');
  814. $container.infinitescroll({
  815. itemSelector: '.entry',
  816. navSelector: '.pag',
  817. nextSelector: '.next',
  818. loadingImg: ' ',
  819. loadingText: ' ',
  820. donetext: 'No more posts' ,
  821. bufferPx: 2000,
  822. {block:ifLoadMore}
  823. errorCallback: function(){
  824. jQuery('.load').delay(50).fadeOut();
  825. }
  826. {/block:ifLoadMore}
  827. },
  828. function( newElements ) {
  829. var $newElems = $( newElements );
  830. $newElems.find('.photo-slideshow').pxuPhotoset({
  831. lightbox: true,
  832. gutter: '1px',
  833. photoset: '.photo-slideshow',
  834. photoWrap: '.photo-data',
  835. photo: '.pxu-photo',
  836. {block:ifnotRoundEdges}
  837. rounded: false,
  838. {/block:ifnotRoundEdges}
  839. {block:ifRoundEdges}
  840. rounded: 'corners',
  841. borderRadius: '3px'
  842. {/block:ifRoundEdges}
  843. });
  844. resizeVideos();
  845. });
  846.  
  847. {block:ifLoadMore}
  848. $(window).unbind(".infscr");
  849. $(".load").click(function(){
  850. $("#content").infinitescroll("retrieve");
  851. });
  852. {/block:ifLoadMore}
  853.  
  854. {/block:ifnotPaginate}
  855. });
  856.  
  857.  
  858. // minimal soundcloud player © eoxk.tumblr
  859. $(document).ready(function(){
  860. var color = '{color:Link}'; // color of play button (hex)
  861. $('.soundcloud_audio_player').each(function(){
  862. $(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%' });
  863. });
  864. });
  865.  
  866.  
  867. // scroll to top © html-tuts.com
  868. var amountScrolled = 400;
  869.  
  870. $(window).scroll(function() {
  871. if ($(window).scrollTop() > amountScrolled) {
  872. $('a.top').fadeIn('slow');
  873. } else {
  874. $('a.top').fadeOut('slow');
  875. }
  876. });
  877.  
  878. $('a.top').click(function() {
  879. $('body, html').animate({
  880. scrollTop: 0
  881. }, 'slow');
  882. return false;
  883. });
  884.  
  885.  
  886. // drop links & post notes
  887. $(document).ready(function(){
  888. $(".pn").hide();
  889. $(".pnh").show();$('.pnh').toggle(function(){
  890. $(".pn").slideDown(function(){});
  891. },function(){
  892. $(".pn").slideUp(function(){});
  893. });
  894. });
  895.  
  896.  
  897. // tooltips
  898. (function($){
  899. $(document).ready(function(){
  900. $("[title]").style_my_tooltips({
  901. tip_delay_time:200,
  902. tip_fade_speed:300
  903. }
  904. );
  905. });
  906. })(jQuery);
  907.  
  908. </script>
  909. </body>
  910. </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!