API tools faq
paste
Advertisement
octomoosey

sugar

octomoosey
Jun 13th, 2016
2,339
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:postbg" content="#ffffff"/>
  12. <meta name="color:sidebg" content="#ffffff" />
  13. <meta name="color:sideborder" content="#eeeeee"/>
  14. <meta name="color:text" content="#7b7b7b"/>
  15. <meta name="color:description" content="#7b7b7b"/>
  16. <meta name="color:posttitle" content="#7b7b7b"/>
  17. <meta name="color:link" content="#8c8c8c"/>
  18. <meta name="color:linkhover" content="#aaaaaa"/>
  19. <meta name="color:nav" content="#8c8c8c"/>
  20. <meta name="color:navhover" content="#aaaaaa"/>
  21. <meta name="color:tags" content="#8c8c8c"/>
  22. <meta name="color:tagshover" content="#aaaaaa"/>
  23. <meta name="color:date" content="#8c8c8c"/>
  24. <meta name="color:datehover" content="#aaaaaa"/>
  25. <meta name="color:postborder" content="#eeeeee"/>
  26. <meta name="color:selectiontext" content="#ffffff" />
  27. <meta name="color:selectionbg" content="#8c8c8c" />
  28. <meta name="color:bold" content="#8c8c8c" />
  29. <meta name="color:italic" content="#8c8c8c" />
  30. <meta name="color:scrollbar" content="#fb9d28" />
  31. <meta name="color:portraitborder" content="#dddddd">
  32. <meta name="color:portraitborderhover" content="#3f3f3f">
  33. <meta name="color:sideboxesborder" content="#eeeeee">
  34. <meta name="color:sideboxestitle" content="#fb9d28">
  35. <meta name="color:sideboxestitlebg" content="#ffffff">
  36. <meta name="color:sideboxesinnerbg" content="#7b7b7b">
  37. <meta name="color:sideboxesinnertext" content="#ffffff">
  38.  
  39. <meta name="image:portrait" content="" />
  40.  
  41. <meta name="if:hide captions" content="0"/>
  42. <meta name="if:greyscale" content="0"/>
  43.  
  44. <meta name="text:link 1" content="link 1"/>
  45. <meta name="text:link 1 url" content="/"/>
  46. <meta name="text:link 2" content="link 2"/>
  47. <meta name="text:link 2 url" content="/"/>
  48. <meta name="text:link 3" content="link 3"/>
  49. <meta name="text:link 3 url" content="/"/>
  50. <meta name="text:link 4" content="link 4"/>
  51. <meta name="text:link 4 url" content="/"/>
  52. <meta name="text:link 5" content="link 5"/>
  53. <meta name="text:link 5 url" content="/"/>
  54. <meta name="text:link 6" content="link 6"/>
  55. <meta name="text:link 6 url" content="/"/>
  56. <meta name="text:link 7" content="link 7"/>
  57. <meta name="text:link 7 url" content="/"/>
  58. <meta name="text:link 8" content="link 8"/>
  59. <meta name="text:link 8 url" content="/"/>
  60.  
  61. <meta name="text:body font size" content="11px" />
  62. <meta name="text:about section" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. CURABITUR SIT AMET QUAM id libero suscipit venenatis." />
  63. <meta name="text:blogurl" content="add the url of your blog here to activate the ask box" />
  64.  
  65. <style type="text/css">
  66.  
  67. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  68. z-index:99999999999999999!important;
  69. white-space:nowrap!important;
  70. top:10px!important;
  71. right:10px!important;
  72. position:fixed!important;
  73. opacity:.6!important;}
  74.  
  75. #tumblr_lightbox {
  76. background-color:rgba(255, 255, 255, .9)!important;
  77. z-index:99999!important;}
  78.  
  79. #tumblr_lightbox img {opacity:0;}
  80.  
  81. #tumblr_lightbox_caption {
  82. font-weight:normal!important;
  83. text-shadow:none!important;}
  84.  
  85. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  86. -moz-box-shadow:none!important;
  87. -webkit-box-shadow:none!important;
  88. box-shadow:none!important;
  89. -moz-border-radius:0px!important;
  90. -webkit-border-radius:0px!important;
  91. border-radius:0px!important;
  92. opacity:1!important;}
  93.  
  94. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  95.  
  96. ::-webkit-scrollbar{
  97. height:3px;
  98. width:3px;
  99. background:inherit;}
  100.  
  101. ::-webkit-scrollbar-thumb {
  102. background:{color:scrollbar};}
  103.  
  104. ::-webkit-scrollbar-track {
  105. background:transparent;}
  106.  
  107. ::-moz-selection {
  108. color:{color:selectiontext};
  109. background:{color:selectionbg};}
  110.  
  111. ::selection {
  112. color:{color:selectiontext};
  113. background:{color:selectionbg};}
  114.  
  115. div[id$="Zy4yby-hide"], .static-only {
  116. display: none;}
  117.  
  118. body:not(.loaded) .toggle-content {
  119. display:none;}
  120.  
  121. body {
  122. background-attachment: fixed;
  123. background:{color:postbg};
  124. font-family: 'Share Tech', sans-serif;
  125. font-size: 10px;
  126. font-weight:normal;
  127. position:relative;
  128. text-align:left;
  129. margin:0;
  130. line-height:150%;}
  131.  
  132. blockquote {
  133. padding-left:10px;
  134. border-left:1px solid {color:postborder};
  135. margin:15px 0px 10px 0px;
  136. text-align:left;}
  137.  
  138. .caption blockquote {
  139. margin:15px 0px 10px 0px;}
  140.  
  141. blockquote img {
  142. max-width:100%;
  143. height:auto;}
  144.  
  145. img {
  146. max-width:100%;
  147. height:auto;}
  148.  
  149. .caption img {
  150. max-width:100%;
  151. height:auto;}
  152.  
  153. .posts img {
  154. margin-top:5px;
  155. margin-bottom:5px;}
  156.  
  157. pre {
  158. white-space: pre-wrap;
  159. white-space: -moz-pre-wrap;
  160. white-space: -pre-wrap;
  161. white-space: -o-pre-wrap;
  162. word-wrap: break-word;}
  163.  
  164. a {
  165. color:{color:link};
  166. text-decoration:none;
  167. letter-spacing:2px;
  168. cursor:help;
  169. -webkit-transition: all 0.7s ease;
  170. transition: all 0.7s ease;
  171. -moz-transition: all 0.7s ease;
  172. -o-transition: all 0.7s ease;}
  173.  
  174. a:hover {
  175. text-decoration:none;
  176. color:{color:linkhover};
  177. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  178.  
  179. p {
  180. margin:10px 0 10px 0;}
  181.  
  182. p:first-of-type {
  183. margin-top:0;
  184. padding-top:0;}
  185.  
  186. p:last-of-type {
  187. margin-bottom:10px;
  188. padding-bottom:0;}
  189.  
  190. b, strong {
  191. font-family: 'Share Tech', sans-serif;
  192. text-transform:uppercase;
  193. font-size: {text:body font size};
  194. color:{color:bold};}
  195.  
  196. i, em {
  197. font-family: 'Yanone Kaffeesatz', sans-serif;
  198. font-size: 14px;
  199. color:{color:italic};
  200. letter-spacing:1.5px;}
  201.  
  202. small, big {
  203. font-size:1em;}
  204.  
  205. h1, h2, h3, h4{
  206. font-family: 'Yanone Kaffeesatz', sans-serif;
  207. font-size:14px;
  208. letter-spacing:2px;
  209. line-height:30px;
  210. text-transform:uppercase;
  211. text-align:center;
  212. color:{color:posttitle};}
  213.  
  214. {block:IfGreyscale}
  215.  
  216. img {
  217. -webkit-filter:grayscale(100%);
  218. -webkit-transition: all 0.9s ease-in-out;
  219. -moz-transition: all 0.9s ease-in-out;
  220. -o-transition: all 0.9s ease-in-out;
  221. -ms-transition: all 0.9s ease-in-out;
  222. transition: all 0.9s ease-in-out;}
  223.  
  224. img:hover {
  225. -webkit-filter:none;}
  226.  
  227. .html_photoset {
  228. -webkit-filter: grayscale(100%);
  229. -webkit-transition: all 0.9s ease-in-out;
  230. -moz-transition: all 0.9s ease-in-out;
  231. -o-transition: all 0.9s ease-in-out;
  232. -ms-transition: all 0.9s ease-in-out;
  233. transition: all 0.9s ease-in-out;}
  234.  
  235. .html_photoset:hover {
  236. -webkit-filter: none;}
  237.  
  238. {/block:IfGreyscale}
  239.  
  240. .caption {
  241. margin-top:15px;
  242. {block:ifhidecaptions}
  243. {block:indexpage}
  244. display:none;
  245. {/block:indexpage}
  246. {/block:ifhidecaptions}}
  247.  
  248. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  249. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  250. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  251. .fade-in {
  252. opacity:0;
  253. -webkit-animation:fadeIn ease-in 1;
  254. -moz-animation:fadeIn ease-in 1;
  255. animation:fadeIn ease-in 1;
  256. -webkit-animation-fill-mode:forwards;
  257. -moz-animation-fill-mode:forwards;
  258. animation-fill-mode:forwards;
  259. -webkit-animation-duration:1s;
  260. -moz-animation-duration:1s;
  261. animation-duration:1s;}
  262.  
  263. .fade-in.one {
  264. -webkit-animation-delay:0s;
  265. -moz-animation-delay:0s;
  266. animation-delay:0s;}
  267.  
  268. .fade-in.two {
  269. -webkit-animation-delay:0.8s;
  270. -moz-animation-delay:0.8s;
  271. animation-delay:0.8s;}
  272.  
  273. #entries {
  274. z-index:0;
  275. position:absolute;
  276. top:0px;
  277. left:0px;
  278. padding:50px;
  279. margin-bottom:30px;
  280. width:442px;
  281. padding-bottom:0px;}
  282.  
  283. .posts {
  284. padding:20px;
  285. border:1px solid {color:postborder};
  286. width:400px;
  287. margin-bottom:10px;
  288. text-align:justify;
  289. background-color:{color:postbg};
  290. color:{color:text};}
  291.  
  292. #info {
  293. }
  294.  
  295. .date {
  296. color:{color:text};
  297. font-size:10px;
  298. margin-bottom:0px;
  299. text-align:left;
  300. font-family: 'Share Tech', sans-serif;}
  301.  
  302. .date a {
  303. font-size:10px;
  304. color:{color:date};}
  305.  
  306. .date a:hover {
  307. color:{color:datehover};}
  308.  
  309. .tags {
  310. color:{color:text};
  311. max-height:0px;
  312. margin-bottom:80px;
  313. text-align:left
  314. font-size:9px;
  315. margin-top:5px;
  316. -webkit-transition: all 0.7s ease;
  317. transition: all 0.7s ease;
  318. -moz-transition: all 0.7s ease;
  319. -o-transition: all 0.7s ease;}
  320.  
  321. .tags a {
  322. letter-spacing:0;
  323. color:{color:tags};
  324. -webkit-transition: all 0.7s ease;
  325. transition: all 0.7s ease;
  326. -moz-transition: all 0.7s ease;
  327. -o-transition: all 0.7s ease;}
  328.  
  329. .tags a:hover {
  330. color:{color:tagshover};
  331. -webkit-transition: all 0.7s ease;
  332. transition: all 0.7s ease;
  333. -moz-transition: all 0.7s ease;
  334. -o-transition: all 0.7s ease;}
  335.  
  336. .pagenotes {
  337. margin-top:15px;
  338. padding-top:15px;
  339. padding-left:20px;
  340. text-transform:lowercase;
  341. font-size:8px;
  342. letter-spacing:1px;}
  343.  
  344. .pagenotes a {
  345. border:0;}
  346.  
  347. ol.notes {
  348. color:{color:text};
  349. width:400px;
  350. list-style-type:none;
  351. text-align:left;
  352. padding:0px;
  353. margin-left:0px;}
  354.  
  355. ol.notes a {
  356. color:{color:link};}
  357.  
  358. ol.notes a:hover {
  359. color:{color:linkhover};}
  360.  
  361. ol.notes li.note {
  362. display:block;
  363. padding:0;
  364. margin:5px 0;}
  365.  
  366. ol.notes li.note img.avatar {
  367. display:none!important;}
  368.  
  369. a.more_notes_link {
  370. display:block;
  371. text-align:left;
  372. border:0;
  373. color:{color:link};}
  374.  
  375. .media {
  376. position:relative;
  377. display:inline-block;
  378. width:100%;}
  379.  
  380. #titlequote {
  381. font-size:10px;
  382. text-align:center;}
  383.  
  384. #source {
  385. margin-top:10px;
  386. text-align:center;}
  387.  
  388. .playerbuttonbg {
  389. position: absolute;
  390. left: 15px;
  391. top: 17px;
  392. width: 30px;
  393. height: 30px;
  394. background-color: #000;
  395. padding: 10px;
  396. opacity: 0.4;
  397. filter: alpha(opacity=40);
  398. -moz-opacity: 0.4;
  399. -khtml-opacity: 0.4;
  400. transition: opacity .7s ease-in-out;
  401. -moz-transition: opacity .7s ease-in-out;
  402. -webkit-transition: opacity .7s ease-in-out;}
  403.  
  404. .playerbuttonbg:hover {
  405. opacity: 1;
  406. filter: alpha(opacity=100);
  407. -moz-opacity: 1;
  408. -khtml-opacity: 1;}
  409.  
  410. .newplayerbutton {
  411. position: relative;
  412. width: 30px;
  413. height: 30px;
  414. overflow: hidden;}
  415.  
  416. .playerbuttonhug {
  417. position: absolute;
  418. top: -30px;
  419. left: -10px;}
  420.  
  421. .tumblr_audio_player {
  422. height: 90px;
  423. width: 270px;}
  424.  
  425. .audioimgwrapper {
  426. position: absolute;
  427. overflow: hidden;
  428. width: 80px;
  429. height: 80px;}
  430.  
  431. .trackdetails {
  432. width: 340px;
  433. padding:10px;
  434. display:inline-block;
  435. margin-left: 90px;
  436. min-height: 75px;}
  437.  
  438. .audiowrapper {
  439. position: relative;
  440. display:inline-block;}
  441.  
  442. .question {
  443. padding-bottom:10px;
  444. margin-bottom:10px;
  445. color:{color:text};
  446. text-align:center;
  447. border-bottom:1px solid {color:postborder};}
  448.  
  449. .asker {
  450. text-transform:lowercase;
  451. color:{color:text};
  452. font-size:20px;
  453. text-align:center;
  454. margin-bottom:10px;}
  455.  
  456. .asker a {
  457. color:{color:link};}
  458.  
  459. .asker a:hover {
  460. color:{color:linkhover};}
  461.  
  462. .answer {
  463. color:{color:text};
  464. border:0;}
  465.  
  466. .chat {
  467. margin:0;
  468. padding:0;
  469. list-style:none;}
  470.  
  471. .l {
  472. padding-bottom:15px;
  473. margin-top:15px;
  474. border-bottom:1px solid {color:text};}
  475.  
  476. .label {
  477. font-weight:bold;
  478. color:{color:text};
  479. display:inline-block;}
  480.  
  481. .l:first-of-type {
  482. margin-top:0;}
  483.  
  484. .l:last-of-type {
  485. padding-bottom:0;
  486. border:0;}
  487.  
  488. #side {
  489. border-left:1px solid {color:sideborder};
  490. position:fixed;
  491. z-index:8;
  492. width:100%;
  493. height:100%;
  494. top:0px;
  495. left:540px;
  496. background-color:{color:sidebg};}
  497.  
  498. #description {
  499. text-align:justify;
  500. bottom:0px;
  501. margin-top:100px;
  502. position:fixed;
  503. width:300px;
  504. padding:50px;
  505. line-height:120%;
  506. color:{color:description};}
  507.  
  508. #desc {
  509. min-height:75px;
  510. margin-bottom:10px;}
  511.  
  512. #portrait {
  513. border-radius:100%;
  514. float:left;
  515. margin-right:10px;}
  516.  
  517. #portrait img {
  518. border-radius:100%;
  519. border: solid 3px {color:portraitborder};
  520. height:70px;
  521. -webkit-transition: all 0.7s ease;
  522. transition: all 0.7s ease;
  523. -moz-transition: all 0.7s ease;
  524. -o-transition: all 0.7s ease;}
  525.  
  526. #portrait img:hover {
  527. border:solid 3px {color:portraitborderhover};
  528. -webkit-transition: all 0.7s ease;
  529. transition: all 0.7s ease;
  530. -moz-transition: all 0.7s ease;
  531. -o-transition: all 0.7s ease;
  532. -webkit-animation: spin 1s linear 0s infinite normal;
  533. -moz-animation: spin 2s linear 0s infinite normal;
  534. -ms-animation: spin 2s linear 0s infinite normal;
  535. -o-animation: spin 2s linear 0s infinite normal;
  536. animation: spin 2s linear 0s infinite normal;}
  537.  
  538. @keyframes spin {
  539. 0% { transform: rotate(360deg); }
  540. 100% { transform: rotate(0deg); }
  541. }
  542. @-webkit-keyframes spin {
  543. 0% {-webkit-transform: rotate(360deg); }
  544. 100% { -webkit-transform: rotate(0deg); }
  545. }
  546. @-ms-keyframes spin {
  547. 0% {-ms-transform: rotate(360deg); }
  548. 100% { -ms-transform: rotate(0deg); }
  549. }
  550. @-moz-keyframes spin {
  551. 0% { -moz-transform: rotate(360deg); }
  552. 100% { -moz-transform: rotate(0deg); }
  553. }
  554. @-o-keyframes spin {
  555. 0% { -o-transform: rotate(360deg); }
  556. 100% { -o-transform: rotate(0deg); }
  557. }
  558.  
  559. .mainnav {
  560. display:block;
  561. position:relative;
  562. top:0px;
  563. font-size:10px;
  564. padding-bottom:6px;
  565. color:{color:nav};
  566. text-decoration:none;
  567. letter-spacing:2px;}
  568.  
  569. .mainnav a {
  570. border-bottom:solid 1px {color:sidebar};
  571. display:block;
  572. position:relative;
  573. margin-bottom:4px;
  574. color:{color:nav};
  575. text-decoration:none;
  576. letter-spacing:2px;
  577. cursor:help;
  578. -webkit-transition: all 0.7s ease;
  579. transition: all 0.7s ease;
  580. -moz-transition: all 0.7s ease;
  581. -o-transition: all 0.7s ease;}
  582.  
  583. .mainnav a:hover {
  584. color:{color:navhover};
  585. letter-spacing:1px;
  586. cursor:help;
  587. -webkit-transition: all 0.7s ease;
  588. transition: all 0.7s ease;
  589. -moz-transition: all 0.7s ease;
  590. -o-transition: all 0.7s ease;}
  591.  
  592. #pagi {
  593. font-size:12px;
  594. position:absolute;
  595. margin-left:0px;
  596. bottom:20px;}
  597.  
  598. #pagi a {
  599. letter-spacing:0px;}
  600.  
  601. #pagi a:hover {
  602. letter-spacing:0px;}
  603.  
  604. .toggle {
  605. font-size: 11px;
  606. line-height:11px;
  607. background: transparent;
  608. margin-bottom: 0px;}
  609.  
  610. .toggle a.toggle-trigger {
  611. font-size:10px;
  612. display:block;
  613. border:1px solid {color:sideboxesborder};
  614. background:{color:sideboxestitlebg};
  615. letter-spacing:0px;
  616. text-align:left;
  617. padding: 10px;
  618. position:relative;
  619. text-decoration: none;
  620. color:{color:sideboxestitle};}
  621.  
  622. .toggle a.toggle-trigger:hover {
  623. opacity: .6;
  624. cursor: help;
  625. text-decoration: none;}
  626.  
  627. .toggle a.active {
  628. text-decoration: none;}
  629.  
  630. .toggle .toggle-content {
  631. opacity: .8;
  632. display:block;
  633. border:1px solid {color:sideboxesborder};
  634. background:{color:sideboxesinnerbg};
  635. font-size:10px;
  636. text-align:justify;
  637. padding: 10px;
  638. color:{color:sideboxesinnertext};}
  639.  
  640. #s-m-t-tooltip {
  641. max-width:300px;
  642. border-radius: 0px;
  643. padding:4px;
  644. margin:10px 10px 5px 0px;
  645. color:#000;
  646. border:1px solid #000;
  647. font-size:10px;
  648. letter-spacing:1px;
  649. background:#fff;
  650. font-family: 'Share Tech', sans-serif;
  651. font-size: 11px;
  652. z-index:99999;}
  653.  
  654. #credit {
  655. z-index:8;
  656. bottom:5px;
  657. right:5px;
  658. height:30px;
  659. width:30px;
  660. opacity:0.8;
  661. position:fixed;
  662. padding:5px;}
  663.  
  664. .media {
  665. position:relative;
  666. display:inline-block;
  667. width:100%;}
  668.  
  669. .answer iframe {
  670. width:400px!important;
  671. height:250px;}
  672.  
  673.  
  674.  
  675. </style>
  676.  
  677. <body>
  678.  
  679. <div id="side" class="fade-in two">
  680.  
  681. <div id="description">
  682. <div id="portrait"><a href="/" title="index"><img src="{image:portrait}"/></a></div>
  683. <div id="desc">{description}</div>
  684.  
  685.  
  686. <div class="toggle">
  687. <a href="#" class="toggle-trigger"><i class="fa fa-diamond"></i>&nbspABOUT</a>
  688. <div class="toggle-content">
  689. {text:about section}
  690. </div>
  691. </div>
  692.  
  693. <div class="toggle">
  694. <a href="#" class="toggle-trigger"><i class="fa fa-comment-o"></i>&nbspQUESTIONS</a>
  695. <div class="toggle-content">
  696. <iframe frameborder="0" height="260" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{text:blogurl}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  697. </div>
  698. </div>
  699.  
  700. <div class="toggle">
  701. <a href="#" class="toggle-trigger"><i class="fa fa-compass"></i>&nbspEXPLORE</a>
  702. <div class="toggle-content">
  703. <div class="mainnav">
  704. <a href="/">index</a>
  705. <a href="/ask">queries</a>
  706. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  707. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  708. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  709. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  710. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  711. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  712. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  713. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  714. <a href="/archive">archive</a>
  715. </div>
  716. </div>
  717. </div>
  718.  
  719. <div id="pagi">
  720. {block:Pagination}
  721. {block:PreviousPage}<a href="{PreviousPage}" title="back"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>{/block:PreviousPage}
  722. {block:NextPage}<a href="{NextPage}" title="next"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  723. {/block:NextPage}
  724. {/block:Pagination}
  725. </div></div></div>
  726.  
  727. </div>
  728.  
  729. <div id="entries" class="fade-in one">
  730.  
  731. {block:Posts}
  732.  
  733. <div class="posts">
  734.  
  735. {block:Quote}
  736. <div id="titlequote">{Quote}</div>
  737. {block:Source}<div id="source">{Source}</div>{/block:Source}
  738. {/block:Quote}
  739.  
  740. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  741.  
  742. {block:Link}
  743. <div id="title"><a href="{URL}">{Name}</a></div>
  744. {block:Description}{Description}{/block:Description}
  745. {/block:Link}
  746.  
  747. {block:Chat}
  748. {block:Title}<div id="title">{Title}</div>{/block:Title}
  749. <ol class="chat">
  750. {block:Lines}
  751. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  752. {/block:Lines}
  753. </ol>
  754. {/block:Chat}
  755.  
  756. {Block:Photo}{LinkOpenTag}
  757. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:HighRes}
  758. <a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}{/Block:Photo}
  759.  
  760. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  761.  
  762.  
  763. {block:Video}{Video-400}{/block:Video}
  764.  
  765. {block:Panorama}
  766. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  767. {/block:Panorama}
  768.  
  769. {block:AudioPlayer}
  770. <div class="audiowrapper">
  771. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  772. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  773. </div></div></div><div class="trackdetails">
  774. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  775. </div></div>{/block:AudioPlayer}
  776.  
  777. {block:Answer}
  778. <div class="question"><div class="asker"><i class="fa fa-comment-o"></i> from {Asker}</div>{Question}</div><div class="answer">{Answer}</div>
  779. {/block:Answer}
  780.  
  781. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  782. </div>
  783.  
  784. <div class="date">posted on: <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> |
  785. {block:NoteCount} <a href="{Permalink}">{NoteCount}n</a> | {/block:NoteCount}
  786. <a href="{ReblogURL}">reblog</a> |
  787. {block:RebloggedFrom}
  788. <a href="{ReblogParentURL}">via</a> |
  789. <a href="{ReblogRootURL}">source</a> |
  790. {/block:RebloggedFrom} </div>
  791.  
  792. {block:HasTags}<div class="tags">indexed: {block:Tags}<i class="fa fa-tag"></i></i><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  793. {/block:HasTags}
  794.  
  795. {block:PostNotes}{PostNotes}
  796. {/block:PostNotes}
  797.  
  798. {/block:Posts}
  799.  
  800. </div>
  801. </div></div>
  802. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  803.  
  804. {block:ContentSource}
  805. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  806. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  807. {/block:SourceLogo}
  808. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  809. {/block:ContentSource}
  810.  
  811. </body>
  812. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  813.  
  814. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  815.  
  816. <script>
  817. (function($){
  818. $(document).ready(function(){
  819. $("a[title]").style_my_tooltips({
  820. tip_follows_cursor:true,
  821. tip_delay_time:90,
  822. tip_fade_speed:600,
  823. attribute:"title"
  824. });
  825. });
  826. })(jQuery);
  827. </script>
  828.  
  829. <body onload="document.body.toggle += ' loaded';">
  830.  
  831. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  832.  
  833. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  834.  
  835. <link href='https://fonts.googleapis.com/css?family=Share+Tech' rel='stylesheet' type='text/css'>
  836.  
  837. <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  838.  
  839. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  840.  
  841. <script type="text/javascript">
  842. jQuery(document).ready(function($) {
  843. $('.toggle').each(function(){
  844. $(this).find('.toggle-content').hide();
  845. });
  846. $('.toggle a.toggle-trigger').click(function(){
  847. var el = $(this), parent = el.closest('.toggle');
  848.  
  849. if( el.hasClass('active') )
  850. {
  851. parent.find('.toggle-content').slideToggle();
  852. el.removeClass('active');
  853. }
  854. else
  855. {
  856. parent.find('.toggle-content').slideToggle();
  857. el.addClass('active');
  858. }
  859. return false;
  860. });
  861.  
  862. });
  863. </script>
  864. </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!