API tools faq
paste
Advertisement
aellionios

coco ( redo ) ; acuite

aellionios
May 31st, 2016
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.65 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: HARMONIA
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8.  
  9. - @acuite for more themes
  10.  
  11. - reminder: you do not need to edit the popup at all. simply add your description, links & quote in the main Theme Options menu!
  12.  
  13. -->
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="image:Sidebar" content=""/>
  24.  
  25. <meta name="color:Background" content="#f8f8f8"/>
  26. <meta name="color:Post" content="#fff"/>
  27. <meta name="color:Border" content="#eee"/>
  28. <meta name="color:Text" content="#555"/>
  29. <meta name="color:Link" content="#999"/>
  30. <meta name="color:Hover" content="#f0bfb3"/>
  31.  
  32. <meta name="if:Side Links" content=""/>
  33. <meta name="if:Popup" content=""/>
  34. <meta name="if:Tags" content=""/>
  35. <meta name="if:Load More" content=""/>
  36. <meta name="if:Paginate" content=""/>
  37. <meta name="if:Round Edges" content=""/>
  38.  
  39. <meta name="select:Posts" content="solid_posts" title="Solid">
  40. <meta name="select:Posts" content="minimal_posts" title="Minimal">
  41.  
  42. <meta name="select:Captions" content="creg" title="Regular">
  43. <meta name="select:Captions" content="cmin" title="Minimal">
  44. <meta name="select:Captions" content="cinl" title="Inline">
  45. <meta name="select:Captions" content="chid" title="Hide">
  46.  
  47. <meta name="text:Post" content="350"/>
  48. <meta name="text:Margin" content="75"/>
  49.  
  50. <meta name="text:Link 1" content="/"/>
  51. <meta name="text:Link 1 Title" content="one"/>
  52. <meta name="text:Link 2" content="/" />
  53. <meta name="text:Link 2 Title" content="two"/>
  54. <meta name="text:Link 3" content="/" />
  55. <meta name="text:Link 3 Title" content="three"/>
  56. <meta name="text:Link 4" content="/" />
  57. <meta name="text:Link 4 Title" content="four"/>
  58. <meta name="text:Link 5" content="/" />
  59. <meta name="text:Link 5 Title" content="five"/>
  60. <meta name="text:Link 6" content="/" />
  61. <meta name="text:Link 6 Title" content="six"/>
  62.  
  63. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  64. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  65. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  66.  
  67. <style type="text/css">
  68.  
  69. /* Scroll */
  70.  
  71. ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};}
  72. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  73. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  74. border:5px solid {color:Background};
  75. }
  76.  
  77. /* Controls */
  78.  
  79. #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;}
  80.  
  81. /* General */
  82.  
  83. body {
  84. background: #fff url('http://static.tumblr.com/68f115cee568439ec06c1b875175a7aa/zszxfum/04uo2mczi/tumblr_static_53vljvmuc54wgw4wcsgcw8gsg.png') fixed;
  85. background-attachment:repeat;
  86. background-size:repeat;
  87. margin:0;
  88. color:{color:Text};
  89. font-smooth:always;
  90. -webkit-font-smoothing:antialiased;
  91. -moz-osx-font-smoothing: grayscale;
  92. }
  93.  
  94. a:link, a:active, a:visited {text-decoration:none;}
  95. body,p,pre,blockquote,big,small,sub,sup,li {font-size:9.5px;}
  96. body,p,pre,em{font-family:'Karla',Arial,Helvetica,sans-serif;}
  97. a,.tags,.our_button,.like_button,.menu {
  98. transition:0.5s ease;
  99. -o-transition:0.5s ease;
  100. -moz-transition:0.5s ease;
  101. -webkit-transition:0.5s ease;
  102. }
  103.  
  104. /* Credit & Scroll to Top */
  105.  
  106. .c,.top{position:fixed;right:30px;width:35px;}
  107. .c {bottom:30px;}
  108. .top {bottom:50px;display:none;}
  109.  
  110. /* Pagination */
  111.  
  112. .cp {font-weight:600;}
  113. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  114. .pag a i,.top{font-size:20px;}
  115. .pag {position:relative;}
  116. .load {cursor:pointer;display:block;}
  117. .c,.top,.pag,.load {text-align:center;}
  118. .c,.pag,.load {font-size:9px;letter-spacing:1px;text-transform:uppercase;}
  119. {block:ifnotPaginate}
  120. .pag,#infscr-loading {display:none!important;}
  121. {/block:ifnotPaginate}
  122.  
  123. /* Containers */
  124.  
  125. .center {
  126. position:relative;
  127. margin-left: 700px;
  128. width:{text:Post}px;
  129. z-index: 9;
  130. }
  131.  
  132. .solid_posts .center {width:calc({text:Post}px + 4px);}
  133. .bx,.video {padding-bottom:1px;}
  134. .solid_posts .bx,.solid_posts .video {padding:1px;}
  135. .solid_posts .p {padding:8px 10px;}
  136. .entry img{max-width:100%;height:auto;}
  137. .entry {margin:{text:Margin}px 0;}
  138.  
  139. /* Sidebar */
  140.  
  141. aside {
  142. position:fixed;
  143. width:50px;
  144. font-size:0;
  145. top:{text:Margin}px;
  146. margin-left:calc(-50px + -{text:Margin}px);
  147. }
  148.  
  149. aside .image,.menu {border-radius:30px 30px 0 30px;}
  150. .minimal_posts aside .image {width:100%;}
  151. .solid_posts aside .image {width:calc(100% - 4px);padding:1px;}
  152. #navi {cursor:pointer;color:{color:Link}!important;}
  153. #navi:hover .menu {opacity:1;}
  154. .solid_posts .menu {margin:2px;padding:16px 15px 15px 16px;}
  155. .minimal_posts .menu {padding:18px 17px 17px 18px;}
  156. .menu {
  157. position:absolute;
  158. background:rgba({RGBcolor:Border},0.9);
  159. font-size:15px;
  160. text-align:center;
  161. height:15px;
  162. width:15px;
  163. opacity:0;
  164. {block:ifnotPopup}display:none;{/block:ifnotPopup}
  165. }
  166.  
  167. .lh {cursor:help;}
  168. .lb{display:none;border-right:1px solid {color:Border};padding-right:9px;}
  169. aside nav {margin-top:20px;}
  170. aside nav *{text-align:right;list-style-type:none;margin:0;padding:0;}
  171. aside nav li{display:block;margin:9px 0;}
  172. aside nav li a {
  173. display:inline-block;
  174. font-size:9.5px;
  175. line-height:100%;
  176. padding:0 0 1px;
  177. }
  178.  
  179. /* Titles */
  180.  
  181. h2 {margin:10px;font-size:12px;font-weight:400;}
  182. h3,h4,h5 {margin:10px;font-size:10px;}
  183.  
  184. /* Permalinks */
  185.  
  186. .p {padding-top:8px;font-size:0;}
  187. .p i {opacity:0.75;font-size:10px;}
  188. .ple i {margin-right:2px;}
  189. .ple {font-weight:700;padding:0 0 1px;}
  190. .ple,.pri {display:inline-block;vertical-align:middle;width:50%;}
  191. .ple,.tags a {font-size:9px;line-height:100%;}
  192. .pri {text-align:right;}
  193. .fa-refresh {margin-left:6px;}
  194.  
  195. .custom-like-button *{cursor:pointer!important;}
  196. .custom-like-button {
  197. position:relative;
  198. display:inline-block;
  199. vertical-align:top;
  200. width:10px;
  201. height:10px;
  202. cursor:pointer;
  203. }
  204.  
  205. .like_button:hover + .our_button {color:{color:Hover};}
  206. .like_button.liked + .our_button {color:{color:Hover};}
  207. .like_button iframe {width:100%!important;height:100%!important;}
  208. .like_button {z-index:10;opacity:0;}
  209. .our_button {z-index:1;}
  210. .our_button,.like_button {
  211. position:absolute;
  212. top:0;
  213. left:0;
  214. width:100%;
  215. height:100%;
  216. }
  217.  
  218. .tags {margin-top:4px;}
  219. .tags a {
  220. margin-right:5px;
  221. font-style:italic;
  222. text-transform:none;
  223. display:inline;
  224. }
  225.  
  226. /* Quotes */
  227.  
  228. .qut_hold {padding:20px;}
  229. .src {margin-bottom:10px;}
  230. .qut {font-size:11px;font-style:italic;}
  231.  
  232. /* Audio & Chat */
  233.  
  234. .lines,.chat h2,.audio {padding:10px;}
  235. .lines:first-of-type {border:0;}
  236. .chat h2 {margin:0;}
  237. .lines b{display:block;font-weight:400;}
  238. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  239. .audio {font-size:0;}
  240. .play,.au {display:inline-block;vertical-align:middle;}
  241. .soundcloud_audio_player{padding:15px 0;}
  242. .tn {text-transform:uppercase;letter-spacing:1px;}
  243. .au span {display:block;margin:3px 0;font-size:9px;}
  244. .au {width:calc(100% - 62px);margin-left:15px;}
  245. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  246.  
  247. /* Text */
  248.  
  249. ol,ul {padding:0 0 0 25px;font-size:0;}
  250. li {margin:7px 0;line-height:100%;}
  251. p,blockquote,pre,ul,ol{margin:10px;}
  252. blockquote p{margin:10px 0;}
  253. blockquote p:first-child{margin:0 0 10px;}
  254. blockquote p:last-child{margin:10px 0 0;}
  255. blockquote p:only-child{margin:0;}
  256. blockquote blockquote {margin:0;}
  257. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  258. pre {
  259. white-space:pre-wrap;
  260. white-space:-moz-pre-wrap;
  261. white-space:-pre-wrap;
  262. white-space:-o-pre-wrap;
  263. word-wrap:break-word;
  264. }
  265.  
  266. /* Captions */
  267.  
  268. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  269. .solid_posts .txt,.solid_posts .cap{padding:10px;}
  270. .minimal_posts .txt,.minimal_posts .cap{padding:5px 0;}
  271. .solid_posts .cinl{padding:20px;}
  272. .minimal_posts .cinl{padding:15px 10px;}
  273. .chid {display:none;}
  274. .cmin blockquote {border:0;padding:0;}
  275. .cinl *:not(a):not(ul):not(ol):not(li){margin:0;padding:0;display:inline;}
  276. .cinl p:first-of-type {display:inline!important;}
  277. .cinl blockquote {border:0;}
  278. .cinl p,.cinl blockquote p {display:block!important;margin:0!important;}
  279.  
  280. /* Video */
  281.  
  282. .video {overflow:hidden;}
  283. .vine-embed,#youtube_iframe {display:block;}
  284. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  285.  
  286. /* Photosets */
  287.  
  288. #tumblr_lightbox,.tmblr-lightbox {
  289. background:rgba({RGBcolor:Background},0.99)!important;
  290. }
  291.  
  292. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  293. opacity:0!important;
  294. }
  295.  
  296. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  297. #tumblr_lightbox_right_image, .lightbox-image {
  298. box-shadow:none!important;
  299. border-radius:0px!important;
  300. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  301. }
  302.  
  303. /* Ask */
  304.  
  305. .ask {padding:20px;}
  306. .aski {margin:0 0 10px;line-height:20px;font-size:10px;}
  307. .aski img {float:left;width:20px;margin-right:7px;}
  308.  
  309. /* Permalink Page + Postnotes */
  310.  
  311. .solid_posts .perma {padding:15px;}
  312. .minimal_posts .perma {padding:15px 0;}
  313.  
  314. .pph {text-transform:lowercase;}
  315. .perma {line-height:175%;}
  316. .pmt a:after {content:',';}
  317. .pmt a:last-of-type:after {content:'.';}
  318. .pn ol {margin:0;padding:0;list-style-type:none;}
  319. .pn li{margin:10px;font-size:8px;line-height:100%;}
  320. .pn,.pn img{display:none;}
  321. .pn {padding:5px;font-size:0;}
  322. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  323. .more_notes_link,.notes_loading {text-align:left!important;}
  324.  
  325. /* Tooltips */
  326.  
  327. #s-m-t-tooltip{
  328. max-width:200px;
  329. margin:15px;
  330. z-index:99999999;
  331. padding:6px;
  332. line-height:100%;
  333. word-wrap:break-word;
  334. word-break:break-all;
  335. }
  336.  
  337. /* Popups */
  338.  
  339. #navi,a.close {cursor:pointer;}
  340. .close i {font-size:12px;float:right;}
  341. .full{top:0;left:0;width:100%;height:100%;position:absolute;}
  342. .solid_posts .popup{background:rgba({RGBcolor:Background},0.9);}
  343. .minimal_posts .popup{background:{color:Background};}
  344. .popup{
  345. position:fixed;
  346. width:100%;
  347. height:100%;
  348. top:0;
  349. left:0;
  350. z-index:999999;
  351. display:none;
  352. }
  353.  
  354. .popup_content {
  355. position:absolute;
  356. top:{text:Margin}px;
  357. width:{text:Post}px;
  358. margin-left:calc((-{text:Post}px + -72px) / 2);
  359. padding:35px;
  360. font-size:0;
  361. left:50%;
  362. }
  363.  
  364. h1 {margin:0;font-weight:400;font-size:13px;text-transform:uppercase;}
  365. .desc {margin:10px 0;font-size:10px;line-height:150%;text-align:justify;}
  366. .popup nav {margin:0;}
  367. .popup nav ul {margin:0;padding:0;list-style-type:none;}
  368. .popup nav li a {font-size:10px;line-height:100%;}
  369. .popup nav li,.popup nav li a{display:inline-block;}
  370. .popup nav li {width:33.33333%;margin:5px 0;padding:0;}
  371. .quote {margin:10px 0 0;font-size:12px;font-style:italic;}
  372.  
  373. /* Common Styles */
  374.  
  375. .ask,p,blockquote,.lines,.pn,.cap{line-height:150%;}
  376. a:hover,a h2:hover{color:{color:Hover};}
  377. a,.p,.perma,.src,.chat b,.tn,h1,h2,.ask,.pag{color:{color:Link};}
  378. h2 a i{margin:0 2px;}
  379.  
  380. {block:ifRoundEdges}
  381. .play,.aski img,.entry,.popup_content{border-radius:4px;}
  382. .ph,.entry iframe,.video,#s-m-t-tooltip{border-radius:3px!important;}
  383. {/block:ifRoundEdges}
  384.  
  385. /* Borders */
  386.  
  387. .solid_posts .entry,.solid_posts aside .image,.solid_posts .popup_content,#s-m-t-tooltip {background:{color:Post};border:1px solid {color:Border};}
  388.  
  389. nav li a:hover {border-color:rgba({RGBcolor:Hover},0.5);}
  390. .pn,.lines,.cap,.p,.perma{border-top:1px solid {color:Border};}
  391. .ask,nav li a{border-bottom:1px solid {color:Border};}
  392.  
  393. /* Etc */
  394.  
  395. img {margin:0;display:block;}
  396.  
  397. /* akali sidebar coding */
  398.  
  399. #botbor {
  400. position: fixed;
  401. margin-left:0px;
  402. bottom:0px;
  403. width: 100%;
  404. height: 70px;
  405. background-color: #fff;
  406. z-index: 9999;
  407. }
  408.  
  409. #side {
  410. position: fixed;
  411. margin-left: 200px;
  412. bottom: 0px;
  413. width: 314px;
  414. height: 300px;
  415. }
  416.  
  417. .ping {
  418. position:fixed;
  419. margin-left: -203px;
  420. bottom: 0px;
  421. }
  422.  
  423. .quo {
  424. position: fixed;
  425. margin-top: 238px;
  426. margin-left: 105px;
  427. width: 205px;
  428. height: 100px;
  429. text-align: justify;
  430. }
  431.  
  432. .descp {
  433. position: fixed;
  434. margin-top: 140px;
  435. margin-left: 10px;
  436. width: 220px;
  437. height: 54px;
  438. text-align:justify;
  439. background-color: #fff;
  440. padding: 15px;
  441. padding-left: 15px;
  442. z-index: -10;
  443. }
  444.  
  445. .tile {
  446. position:fixed;
  447. margin-top:64px;
  448. margin-left: 5px;
  449. font-size: 40px;
  450. color: #e9abb9;
  451. letter-spacing: -4px;
  452. text-shadow: 2px 2px 0px #9f6a76;
  453. }
  454.  
  455. #lefs {
  456. margin-left:5px;
  457. margin-top:108px;
  458. text-align: center;
  459. position: fixed;}
  460.  
  461. #lefs a {
  462. display: inline-block;
  463. font-family:arial;
  464. background: #fff;
  465. text-transform: uppercase;
  466. color: #888888;
  467. -webkit-transition: all 0.4s ease-out;
  468. -moz-transition: all 0.4s ease-out;
  469. width:56px;
  470. height:25px;
  471. line-height:25px;
  472. text-align: center;
  473. margin-left:4px;}
  474.  
  475. #lefs a:hover {
  476. color:transparent;
  477. text-decoration: none;
  478. -webkit-transition: 0.44s linear;
  479. box-shadow: inset 200px 0px 0px #9f6a76;
  480. text-shadow: 5px 0px 0px #fff;}
  481.  
  482. .hovers {
  483. position: fixed;
  484. margin-left:257px;
  485. margin-top: 130px;
  486. width:200px;
  487. height:12px;
  488. padding: 4px;
  489. }
  490.  
  491. .whants{
  492. width:15px;
  493. height:15px;
  494. float: left;
  495. margin-left: 4px;
  496. position: fixed;
  497. -webkit-transition: all 0.4s ease-out;
  498. -moz-transition: all 0.1s ease-out;}
  499.  
  500. .whants a {
  501. display: inline-block;
  502. float: left;
  503. margin-left: 1px;
  504. margin-top:6px;
  505. height: 12px;
  506. width: 48px;
  507. -webkit-transition: all .8s ease-out;
  508. -moz-transition: all .8s ease-out;
  509. -webkit-transition: all .8s ease-out;
  510. -moz-transition: all .8s ease-out;
  511. background-color: #fff;
  512. overflow:hidden;
  513. color:#848484;
  514. font-size:10px;
  515. text-transform: uppercase;
  516. line-height:20px;
  517. text-align:center;}
  518.  
  519. .whants a:hover{
  520. color:#fff;
  521. background-color: #9f6a76;
  522. -webkit-animation: RH infinite 3s;}
  523.  
  524. </style>
  525. </head>
  526.  
  527. <div id="botbor">
  528. <div id="side">
  529. <div class="ping">
  530. <img src='http://o.aolcdn.com/hss/storage/fss/564f1b7fff03aa473cd2c83aa7178ea7/test.png'/>
  531. </div>
  532. <div class="quo">
  533. “I HATE TO ADMIT THAT BENEATH MY STRENGTH, MY STUBBORNNESS, MY BOLDNESS, MY KINDNESS, OR MY SMILE THAT MY HEART IS A RATHER FRAGILE THING. IT DOESN’T TAKE MUCH TO MAKE OLD WOUNDS ACHE AFRESH.."
  534. </div>
  535. <div class="descp">
  536. HAILING FROM INCHEON, SOUTH KOREA. CHOI CHRISH, OR BETTER KNOWN TO HER FANS AS CHERISH MADE HER DEBUT AT THE RIPE AGE OF 11 IN A KID'S COMMERICAL.
  537. </div>
  538. <div class="tile">GRAVITYFALLS<i>!</i>*</div>
  539. <div id="lefs">
  540. <a href="#">link</a>
  541. <a href="#">link</a>
  542. <a href="#">link</a>
  543. <a href="#">link</a>
  544. <a href="#">link</a>
  545. </div>
  546. <div class="hovers">
  547. <div class="whants">
  548. <a title="hover"> </a>
  549. <a title="hover"> </a>
  550. <a title="hover"></a>
  551. <a title="hover"></a>
  552. <a title="Theme by acuite. Heavily tweaked by aellionios, for cocorhee's use only. Graphics are also done by me. Do not steal. questions welcomed. Optimized for Google Chrome."></a>
  553.  
  554. </div>
  555. </div>
  556.  
  557.  
  558.  
  559. <body class="{select:Posts}">
  560.  
  561.  
  562. </div></div>
  563.  
  564. <div class="center">
  565.  
  566. <div id="content">
  567. {block:Posts}
  568. <div class="entry" id="{PostID}">
  569.  
  570. {block:Text}
  571. <div class="txt">
  572. {block:Title}<h2>{Title}</h2>{/block:Title}
  573. {Body}
  574. </div>
  575. {/block:Text}
  576.  
  577. {block:Link}
  578. <div class="txt">
  579. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  580. {block:Description}{Description}{/block:Description}
  581. </div>
  582. {/block:Link}
  583.  
  584. {block:Photo}
  585. <div class="bx"><a href="{Permalink}"><img class="ph" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  586. {/block:Photo}
  587.  
  588. {block:Photoset}
  589. <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>
  590. {/block:Photoset}
  591.  
  592. {block:Quote}
  593. <div class="qut_hold">
  594. {block:Source}<div class="src">{Source}</div>{/block:Source}
  595. <div class="qut">{Quote}</div>
  596. </div>
  597. {/block:Quote}
  598.  
  599. {block:Chat}
  600. <div class="chat">
  601. {block:Title}<h2>{Title}</h2>{/block:Title}
  602. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  603. </div>
  604. {/block:Chat}
  605.  
  606. {block:Audio}
  607. <div class="audio">
  608. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  609. <div class="au">
  610. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  611. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  612. </div>
  613. </div>
  614. {/block:Audio}
  615.  
  616. {block:Video}
  617. <div class="video">{Video-500}</div>
  618. {/block:Video}
  619.  
  620. {block:Answer}
  621. <div class="ask">
  622. <div class="aski"><img src="{AskerPortraitURL-24}">{Asker} said:</div>
  623. <div class="que">{Question}</div>
  624. </div>
  625. <div class="txt">{Answer}</div>
  626. {/block:Answer}
  627.  
  628. {block:Caption}<div class="cap {select:Captions}">{Caption}</div>{/block:Caption}
  629.  
  630. {block:IndexPage}
  631. <div class="p">
  632. <a class="ple" href="{Permalink}"><i class="fa fa-map-marker"></i> {FormattedNoteCount}</a>
  633.  
  634. <div class="pri">
  635. <div class="custom-like-button">{LikeButton}
  636. <span class="our_button"><i class="fa fa-heart"></i></span>
  637. </div>
  638. <a href="{ReblogURL}"><i class="fa fa-refresh"></i></a>
  639. </div>
  640.  
  641. {block:ifTags}{block:HasTags}<div class="tags">
  642. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  643. </div>{/block:HasTags}{/block:ifTags}
  644. </div>
  645. {/block:IndexPage}
  646.  
  647.  
  648.  
  649. {block:PermalinkPage}
  650. {block:Date}
  651. <div class="pph">
  652. <div class="perma">
  653. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  654. {block:RebloggedFrom}<br>
  655. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  656. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  657. {/block:RebloggedFrom}
  658.  
  659. {block:HasTags}<div class="pmt">tags: &nbsp;
  660. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  661. </div>{/block:HasTags}
  662. <a href="#" class="pnh">{NoteCountWithLabel}</a>
  663. </div>
  664.  
  665. {block:PostNotes}
  666. <div class="pn">{PostNotes}</div>
  667. {/block:PostNotes}
  668.  
  669. </div>
  670. {/block:Date}
  671. {/block:PermalinkPage}
  672.  
  673. {block:ContentSource}
  674. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  675. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  676. {/block:SourceLogo}
  677. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  678. {/block:ContentSource}
  679.  
  680. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  681.  
  682. </div>
  683. {/block:Posts}
  684.  
  685. {block:ifPaginate}
  686. {block:Pagination}
  687. <div class="pag">
  688. {block:PreviousPage}
  689. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  690. {/block:PreviousPage}
  691.  
  692. {block:JumpPagination length="3"}
  693. {block:CurrentPage}
  694. <span class="cp">{PageNumber}</span>
  695. {/block:CurrentPage}
  696. {block:JumpPage}
  697. <a class="jp" href="{URL}">{PageNumber}</a>
  698. {/block:JumpPage}
  699. {/block:JumpPagination}
  700.  
  701. {block:NextPage}
  702. <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  703. {/block:NextPage}
  704. </div>
  705. {/block:Pagination}
  706. {/block:ifPaginate}
  707.  
  708. </div>
  709.  
  710. {block:ifnotPaginate}
  711. {block:Pagination}
  712. <div class="pag">
  713. {block:PreviousPage}
  714. <a href="{PreviousPage}" class="prev">back</a>
  715. {/block:PreviousPage}
  716. {block:NextPage}
  717. <a href="{NextPage}" class="next">next</a>
  718. {/block:NextPage}
  719. </div>
  720.  
  721. {block:ifLoadMore}
  722. <a class="load">Load More</a>
  723. {/block:ifLoadMore}
  724. {/block:Pagination}
  725. {/block:ifnotPaginate}
  726.  
  727. </div>
  728.  
  729. <a href="#" class="top"><i class="fa fa-angle-up"></i></a>
  730. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  731.  
  732. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  733. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  734. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  735. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  736. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  737. <script>
  738. $(document).ready(function(){
  739. $('.photo-slideshow').pxuPhotoset({
  740. lightbox: true,
  741. gutter: '1px',
  742. photoset: '.photo-slideshow',
  743. photoWrap: '.photo-data',
  744. photo: '.pxu-photo',
  745. {block:ifnotRoundEdges}
  746. rounded: false,
  747. {/block:ifnotRoundEdges}
  748. {block:ifRoundEdges}
  749. rounded: 'corners',
  750. borderRadius: '3px'
  751. {/block:ifRoundEdges}
  752. });
  753. {block:ifnotPaginate}
  754. var $container = $('#content');
  755. $container.infinitescroll({
  756. itemSelector: '.entry',
  757. navSelector: '.pag',
  758. nextSelector: '.next',
  759. loadingImg: ' ',
  760. loadingText: ' ',
  761. donetext: 'No more posts' ,
  762. bufferPx: 2000,
  763. {block:ifLoadMore}
  764. errorCallback: function(){
  765. jQuery('.load').delay(50).fadeOut();
  766. }
  767. {/block:ifLoadMore}
  768. },
  769. function( newElements ) {
  770. var $newElems = $( newElements );
  771. var $newElemsIDs = $newElems.map(function(){
  772. return this.id;
  773. }).get();
  774. $newElems.find('.photo-slideshow').pxuPhotoset({
  775. lightbox: true,
  776. gutter: '1px',
  777. photoset: '.photo-slideshow',
  778. photoWrap: '.photo-data',
  779. photo: '.pxu-photo',
  780. {block:ifnotRoundEdges}
  781. rounded: false,
  782. {/block:ifnotRoundEdges}
  783. {block:ifRoundEdges}
  784. rounded: 'corners',
  785. borderRadius: '3px'
  786. {/block:ifRoundEdges}
  787. });
  788. resizeVideos();
  789. console.log($newElems, $newElemsIDs);
  790. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  791. });
  792.  
  793. {block:ifLoadMore}
  794. $(window).unbind(".infscr");
  795. $(".load").click(function(){
  796. $("#content").infinitescroll("retrieve");
  797. });
  798. {/block:ifLoadMore}
  799.  
  800. {/block:ifnotPaginate}
  801. });
  802.  
  803.  
  804.  
  805. // scroll to top © html-tuts.com
  806. var amountScrolled = 500;
  807. $(window).scroll(function() {
  808. if ($(window).scrollTop() > amountScrolled) {
  809. $('a.top').fadeIn('slow');
  810. } else {
  811. $('a.top').fadeOut('slow');
  812. }
  813. });
  814.  
  815. $('a.top').click(function() {
  816. $('body, html').animate({
  817. scrollTop: 0
  818. }, 'slow');
  819. return false;
  820. });
  821.  
  822.  
  823.  
  824. // drop links & post notes
  825. $(document).ready(function(){
  826. $(".pn").hide();
  827. $(".pnh").show();$('.pnh').toggle(function(){
  828. $(".pn").slideDown(function(){});
  829. },function(){
  830. $(".pn").slideUp(function(){});
  831. });
  832. $(".lb").hide();
  833. $(".lh").show();$('.lh').toggle(function(){
  834. $(".lb").slideDown(function(){});
  835. },function(){
  836. $(".lb").slideUp(function(){});
  837. });
  838. });
  839.  
  840.  
  841. // tooltips
  842. (function($){
  843. $(document).ready(function(){
  844. $("[title]").style_my_tooltips({
  845. tip_delay_time:200,
  846. tip_fade_speed:300
  847. }
  848. );
  849. });
  850. })(jQuery);
  851.  
  852.  
  853. // pop ups © neothm
  854. $(function(){
  855. $("#navi").click(function(){ //on click on a navigation link
  856.  
  857. //if you have other “regular” links in your navigation they won’t work anymore
  858. //in this case, change “nav a” to “#askbox, #navigation, #archive”
  859.  
  860. id = $(this).attr("id"); //retrieves the link’s name
  861. $(".popup."+id).fadeIn(); //opens the appropriate popup
  862. });
  863. $("a.close").click(function(){
  864. $(".popup").fadeOut(); //closes the popup
  865. });
  866. });
  867. </script>
  868. </body>
  869. </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!