API tools faq
paste
Advertisement
octomoosey

tango

octomoosey
Jun 8th, 2019 (edited)
1,436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="//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. <!--- ••• Color Variables ••• --->
  12. <meta name="color:background" content="#ffffff">
  13. <meta name="color:postbg" content="#fbfbfb">
  14. <meta name="color:circle" content="#fb9d28" />
  15. <meta name="color:circletext" content="#ffffff" />
  16. <meta name="color:stripes" content="#e9e9e9" />
  17. <meta name="color:maintitle" content="#fb9d28" />
  18. <meta name="color:italic" content="#fb9d28" />
  19. <meta name="color:bold" content="#fb9d28f" />
  20. <meta name="color:text" content="#adadad">
  21. <meta name="color:posttitle" content="#fb9d28" />
  22. <meta name="color:nav" content="#fb9d28" />
  23. <meta name="color:navhover" content="#adadad" />
  24. <meta name="color:quoteicon" content="#fb9d28" />
  25. <meta name="color:link" content="#fb9d28">
  26. <meta name="color:linkhover" content="#adadad">
  27. <meta name="color:borders" content="#adadad" />
  28. <meta name="color:postinfo" content="#fb9d28" />
  29. <meta name="color:postinfohover" content="#adadad" />
  30. <meta name="color:pagination" content="#adadad">
  31. <meta name="color:paginationbg" content="#e9e9e9" />
  32. <meta name="color:selectiontext" content="#ffffff" />
  33. <meta name="color:selectionbg" content="#8c8c8c" />
  34. <meta name="color:tooltiptext" content="#ffffff">
  35. <meta name="color:tooltipbg" content="#333333">
  36. <meta name="color:scrollbar" content="#fb9d28" />
  37.  
  38. <!--- ••• Other Variables ••• --->
  39. <meta name="text:fontsize" content="10px" />
  40. <meta name="text:maintitle" content="Themes & resources by Octomoosey" />
  41. <meta name="text:circletitle" content="welcome" />
  42.  
  43. <!--- ••• If Variables ••• --->
  44. <meta name="if:250px posts" content="1"/>
  45. <meta name="if:400px posts" content="0"/>
  46.  
  47. <!--- ••• Links ••• --->
  48. <meta name="text:link 1" content="link 1">
  49. <meta name="text:link 1 url" content="/">
  50. <meta name="text:link 2" content="link 2">
  51. <meta name="text:link 2 url" content="/">
  52. <meta name="text:link 3" content="link 3">
  53. <meta name="text:link 3 url" content="/">
  54. <meta name="text:link 4" content="link 4">
  55. <meta name="text:link 4 url" content="/">
  56. <meta name="text:link 5" content="link 5">
  57. <meta name="text:link 5 url" content="/">
  58.  
  59. <!--- ••• Fonts ••• --->
  60. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  61.  
  62. <link href="//fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap" rel="stylesheet">
  63.  
  64. <link href="//fonts.googleapis.com/css?family=Oswald:400,700&display=swap" rel="stylesheet">
  65.  
  66. <style type="text/css">
  67.  
  68. #tumblr_lightbox {
  69. background-color:rgba(255, 255, 255, .9)!important;
  70. z-index:99999!important;}
  71.  
  72. #tumblr_lightbox img {opacity:0;}
  73.  
  74. #tumblr_lightbox_caption {
  75. font-weight:normal!important;
  76. text-shadow:none!important;}
  77.  
  78. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  79. -moz-box-shadow:none!important;
  80. -webkit-box-shadow:none!important;
  81. box-shadow:none!important;
  82. -moz-border-radius:0px!important;
  83. -webkit-border-radius:0px!important;
  84. border-radius:0px!important;
  85. opacity:1!important;}
  86.  
  87. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  88.  
  89. iframe.tmblr-iframe {
  90. z-index:99999999999999!important;
  91. top:8px!important;
  92. right:0!important;
  93. opacity:0.7;
  94. transform:scale(0.65);
  95. transform-origin:100% 0;
  96. -webkit-transform:scale(0.65);
  97. -webkit-transform-origin:100% 0;
  98. -o-transform:scale(0.65);
  99. -o-transform-origin:100% 0;
  100. -moz-transform:scale(0.65);
  101. -moz-transform-origin:100% 0;
  102. -ms-transform:scale(0.65);
  103. -ms-transform-origin:100% 0;}
  104.  
  105. ::-webkit-scrollbar {
  106. width:17px;
  107. height:17px;}
  108.  
  109. ::-webkit-scrollbar {
  110. background-color:{color:background};}
  111.  
  112. ::-webkit-scrollbar-track {
  113. border:7px solid {color:background};
  114. background-color:{color:background};}
  115.  
  116. ::-webkit-scrollbar-thumb {
  117. border:7px solid {color:background};
  118. background-color:{color:scrollbar};
  119. min-height:24px;
  120. min-width:24px;}
  121.  
  122. ::-moz-selection {
  123. color:{color:selectiontext};
  124. background:{color:selectionbg};}
  125.  
  126. ::selection {
  127. color:{color:selectiontext};
  128. background:{color:selectionbg};}
  129.  
  130. body {
  131. margin:0;
  132. top:0;
  133. left:0;
  134. width: calc(100% - 24px);
  135. font-size: {text:fontsize};
  136. font-family: 'Roboto', sans-serif;
  137. line-height:160%;
  138. color:{color:text};
  139. background:{color:background};}
  140.  
  141. blockquote {
  142. padding-left:10px;
  143. border-left:1px solid {color:borders};
  144. margin:15px 0px 10px 0px;
  145. text-align:justify;}
  146.  
  147. blockquote img {
  148. max-width:100%;
  149. height:auto;;}
  150.  
  151. img {
  152. max-width:100%;
  153. height:auto;}
  154.  
  155. .caption img {
  156. max-width:100%;
  157. height:auto;}
  158.  
  159. .posts img {
  160. max-width:100%;
  161. margin-top:0px;
  162. margin-bottom:5px;}
  163.  
  164. a {
  165. color:{color:link};
  166. text-decoration:none;
  167. letter-spacing:1px;
  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. letter-spacing:1px;
  176. text-decoration:none;
  177. color:{color:linkhover};}
  178.  
  179. p:first-of-type {
  180. margin:0px;}
  181.  
  182. p {
  183. margin:10px 0 0px 0;}
  184.  
  185. small, sub {
  186. font-size: {text:fontsize};
  187. vertical-align:baseline;}
  188.  
  189. pre {
  190. white-space: pre-wrap;
  191. white-space: -moz-pre-wrap;
  192. white-space: -pre-wrap;
  193. white-space: -o-pre-wrap;
  194. word-wrap: break-word;}
  195.  
  196. h1, h2, h3, h4, h5, h6 {
  197. font-family:'Raleway', sans-serif;
  198. font-size:14px;
  199. letter-spacing:4px;
  200. text-align:center;
  201. text-transform:uppercase;
  202. color:{color:posttitle};}
  203.  
  204. b, strong {
  205. letter-spacing:1px;
  206. font-size: {text:fontsize};
  207. color:{color:bold};}
  208.  
  209. i, em {
  210. font-size: {text:fontsize};
  211. color:{color:italic};}
  212.  
  213. small, big {
  214. font-size:{text:fontsize};}
  215.  
  216. /* ---••• Posts •••--- */
  217.  
  218. .posts {
  219. padding:25px;
  220. background:{color:postbg};
  221. margin-top:0px;
  222. {block:if250pxposts}
  223. width:250px;
  224. {/block:if250pxposts}
  225. {block:if400pxposts}
  226. width:400px;
  227. {/block:if400pxposts}
  228. text-align:justify;
  229. {block:indexpage}
  230. margin-bottom:80px;
  231. {/block:indexpage}
  232. {block:permalinkpage}
  233. margin-bottom:20px;
  234. {/block:permalinkpage}
  235. display:block;
  236. position:relative;
  237. opacity:0;
  238. -webkit-animation:fadeIn ease-in 1;
  239. -moz-animation:fadeIn ease-in 1;
  240. animation:fadeIn ease-in 1;
  241. -webkit-animation-fill-mode:forwards;
  242. -moz-animation-fill-mode:forwards;
  243. animation-fill-mode:forwards;
  244. -webkit-animation-duration:1s;
  245. -moz-animation-duration:1s;
  246. animation-duration:1s;
  247. -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  248. -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  249. box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);}
  250.  
  251. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  252. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  253. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  254.  
  255. .entries {
  256. position:relative;
  257. padding-top:50px;
  258. margin-bottom:70px;
  259. width: {select:postsize};
  260. margin-left:80px;}
  261.  
  262. /* ---••• Post Info •••--- */
  263.  
  264. .postdate {
  265. position:absolute;
  266. display:block;
  267. bottom:-18px;
  268. margin-left:-50px;
  269. font-size:9px;
  270. transform: rotate(-90deg);
  271. transform-origin: 0% 0%;
  272. text-transform:uppercase;
  273. letter-spacing:1px;}
  274.  
  275. .postdate a {
  276. color:{color:postinfo};}
  277.  
  278. .postdate a:hover {
  279. color:{color:postinfohover};}
  280.  
  281. .postnote {
  282. text-align:right;
  283. position:absolute;
  284. display:block;
  285. top:0px;
  286. margin-left:-50px;
  287. font-size:9px;
  288. transform: rotate(-90deg) translateX(-100%);
  289. transform-origin: 0% 0%;
  290. text-transform:uppercase;
  291. letter-spacing:1px;}
  292.  
  293. .postnote a {
  294. color:{color:postinfo};}
  295.  
  296. .postnote a:hover {
  297. color:{color:postinfohover};}
  298.  
  299. .postperma {
  300. text-align:right;
  301. position:absolute;
  302. display:block;
  303. top:0px;
  304. margin-left:-50px;
  305. font-size:9px;
  306. transform: rotate(-90deg) translateX(-100%);
  307. transform-origin: 0% 0%;
  308. text-transform:uppercase;
  309. letter-spacing:1px;}
  310.  
  311. .postperma a {
  312. color:{color:postinfo};}
  313.  
  314. .postperma a:hover {
  315. color:{color:postinfohover};}
  316.  
  317. .tags {
  318. text-align:left;
  319. line-height:15px;
  320. margin-top:0px;
  321. font-size:8px;
  322. letter-spacing:1px;}
  323.  
  324. .tags a {
  325. margin-right:4px;}
  326.  
  327. .like-b {
  328. position:relative;
  329. display:inline-block;
  330. height:1em;
  331. line-height:1em;
  332. overflow:hidden;
  333. margin-bottom:-1.5px;}
  334.  
  335. .like-b .like_button iframe {
  336. position:absolute;
  337. top:0;
  338. left:0;
  339. bottom:0;
  340. right:0;
  341. z-index:2;
  342. opacity:0;}
  343.  
  344. .like-b .liked + .b {
  345. color:inherit;}
  346.  
  347. .like-b .liked + .b:after {
  348. content:'d';}
  349.  
  350. /* ---••• Post Notes •••--- */
  351.  
  352. ol.notes {
  353. padding:0px;
  354. margin:25px 0px 0px -10px;
  355. list-style-type:none;}
  356.  
  357. ol.notes li.note {
  358. padding:10px;}
  359.  
  360. ol.notes li.note img.avatar {
  361. vertical-align:-9px;
  362. margin-right:10px;
  363. width:16px;
  364. height:16px;}
  365.  
  366. ol.notes li.note span.action {
  367. font-weight:none;}
  368.  
  369. ol.notes li.note .answer_content {
  370. font-weight:normal;}
  371.  
  372. ol.notes li.note blockquote {
  373. padding:4px 10px;
  374. margin:10px 0px 0px 25px;}
  375.  
  376. ol.notes li.note blockquote a {
  377. text-decoration:none;}
  378.  
  379. /* ---••• Captions •••--- */
  380.  
  381. .caption {
  382. margin-top:15px;}
  383.  
  384. .caption blockquote {
  385. max-width: 100%;
  386. text-align:justify;}
  387.  
  388. .caption img {
  389. height: 100%;
  390. max-width: 100%;}
  391.  
  392. /* ---••• Sidebar •••--- */
  393.  
  394. .maintitle {
  395. font-size:24px;
  396. position:fixed;
  397. bottom:75px;
  398. right:220px;
  399. text-transform:uppercase;
  400. font-family: 'Oswald', sans-serif;
  401. color:{color:maintitle};
  402. text-shadow: 3px 3px 5px rgba(0,0,0,0.17);}
  403.  
  404. .sidebar {
  405. background:{color:background};
  406. overflow-y:auto;
  407. top:120px;
  408. color:{color:description};
  409. height:calc(100% - 240px);
  410. position:fixed;
  411. width:280px;
  412. right:0px;
  413. padding-right:20px}
  414.  
  415. .circle {
  416. z-index:7;
  417. height: 305px;
  418. width: 305px;
  419. background: {color:circle};
  420. -moz-border-radius: 50%;
  421. -webkit-border-radius: 50%;
  422. border-radius: 50%;
  423. position:fixed;
  424. margin-top:80px;
  425. right:220px;
  426. -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  427. -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  428. box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);}
  429.  
  430. .circleinner {
  431. color:{color:circletext};
  432. margin-left:50px;
  433. text-align:center;
  434. width:200px;
  435. position: relative;
  436. top: 50%;
  437. transform: translateY(-50%);}
  438.  
  439. .circletitle {
  440. text-transform:uppercase;
  441. font-size:calc({text:fontsize} - 1px);
  442. letter-spacing:1px;}
  443.  
  444. #stripesidebar {
  445. position:fixed;
  446. background:#f2f2f2;
  447. margin-top:50px;
  448. width:calc(100% - 400px);
  449. left:200px;
  450. height:calc(100% - 100px);}
  451.  
  452. .stripes {
  453. position:absolute;
  454. height:100%;
  455. width:100%;
  456. background: repeating-linear-gradient(
  457. to right,
  458. {color:background},
  459. {color:background} 10px,
  460. {color:stripes} 10px,
  461. {color:stripes} 20px);}
  462.  
  463. #nav {
  464. position: fixed;
  465. top: 50%;
  466. transform: translateY(-50%);
  467. z-index:9;
  468. right:30px;
  469. font-size:10px;
  470. text-transform:uppercase;}
  471.  
  472. #nav a {
  473. text-align:right;
  474. width:158px;
  475. margin-bottom:5px;
  476. padding:9px 0px;
  477. margin-left:30px;
  478. border-bottom:1px solid {color:borders};
  479. display:block;
  480. color:{color:nav};
  481. letter-spacing:2px;}
  482.  
  483. #nav a:hover {
  484. letter-spacing:4px;
  485. color:{color:navhover};}
  486.  
  487. #nav a span {
  488. padding-left:3px;
  489. position:relative;
  490. top:1px;
  491. font-size:11px;
  492. color:{color:text};}
  493.  
  494. /* ---••• Pagination •••--- */
  495.  
  496. .pagination {
  497. z-index:8;
  498. height: 100px;
  499. width: 100px;
  500. background: {color:paginationbg};
  501. border-radius: 50%;
  502. position:fixed;
  503. margin-top:340px;
  504. right:260px;
  505. -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  506. -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);
  507. box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.17);}
  508.  
  509. .paginationinner {
  510. color:{color:pagination};
  511. text-align:center;
  512. width:100px;
  513. position: relative;
  514. top: 50%;
  515. transform: translateY(-50%);}
  516.  
  517. .pagination a {
  518. font-size:calc({text:fontsize} - 1px);
  519. color:{color:pagination};
  520. text-transform:uppercase;}
  521.  
  522. /* ---••• Post Types •••--- */
  523.  
  524. .posttitle {
  525. font-size:calc({text:fontsize} + 4px);
  526. letter-spacing:2px;
  527. margin-bottom:5px;
  528. text-align:center;
  529. text-transform:uppercase;
  530. color:{color:posttitle};}
  531.  
  532. /* ---••• Questions •••--- */
  533.  
  534. .question {
  535. padding:10px;
  536. border:1px solid {color:borders};}
  537.  
  538. .asker {
  539. letter-spacing:2px;
  540. font-size:calc({text:fontsize} - 1px);
  541. text-transform:uppercase;
  542. margin-bottom:3px;}
  543.  
  544. .answer {
  545. margin:0px;}
  546.  
  547. /* ---••• Quotes •••--- */
  548.  
  549. .quote {
  550. letter-spacing:1px;
  551. text-transform:uppercase;
  552. font-size:calc({text:fontsize} - 1px);
  553. text-align:justify;}
  554.  
  555. .quotesource {
  556. text-align:right;
  557. margin-top:10px;}
  558.  
  559. .quote i {
  560. margin-right:3px;
  561. font-size:18px;
  562. color:{color:quoteicon};}
  563.  
  564. /* ---••• Chat •••--- */
  565.  
  566. .chat {
  567. line-height:20px;
  568. list-style:none;}
  569.  
  570. .line.odd {
  571. background:#fafafa;
  572. margin-bottom:2px;
  573. padding:5px;
  574. list-style:none;
  575. font-size:10px;}
  576.  
  577. .line.even {
  578. background:#ffffff;
  579. margin-bottom:2px;
  580. padding:5px;
  581. list-style:none;
  582. font-size:10px;}
  583.  
  584. .label {
  585. padding-right:1px;
  586. text-transform:uppercase;
  587. font-weight:bold;
  588. color:{color:links};}
  589.  
  590. /* ---••• Audio Player •••--- */
  591.  
  592. .playwrap {
  593. margin-top:10px;
  594. position:relative;}
  595.  
  596. .playbutton {
  597. position:relative;
  598. margin-top:40px;
  599. margin-left:23px;
  600. z-index:9;
  601. width:33px;
  602. height:30px;
  603. overflow:hidden;}
  604.  
  605. .albumart img {
  606. border:10px solid {color:postbg};
  607. position:relative;
  608. margin-top:-55px;
  609. margin-left:0px
  610. height:60px;
  611. width:60px;}
  612.  
  613. .trackinfo {
  614. margin-bottom:10px;
  615. color:{color:text};
  616. top:20px;
  617. position:relative;
  618. margin-left:100px;
  619. height:110px;
  620. margin-top:-120px;}
  621.  
  622. .trackname {
  623. position:relative;
  624. padding-top:30px;
  625. text-align:left;
  626. font-size:10px;
  627. text-transform:uppercase;
  628. font-weight: bold;
  629. letter-spacing:2px;}
  630.  
  631. .artist {
  632. text-align:left;
  633. font-size:10px;
  634. text-transform:uppercase;
  635. letter-spacing:4px;}
  636.  
  637. .album {
  638. text-align:left;
  639. font-style: italic;
  640. letter-spacing:4px;}
  641.  
  642. /* ---••• Other •••--- */
  643.  
  644. #credit {
  645. z-index:8;
  646. bottom:0px;
  647. right:-10px;
  648. height:30px;
  649. width:30px;
  650. opacity:0.8;
  651. position:fixed;
  652. padding:5px;}
  653.  
  654. #s-m-t-tooltip {
  655. max-width:300px;
  656. margin:15px;
  657. padding:5px;
  658. border-radius:0px;
  659. background:{color:tooltipbg};
  660. color:{color:tooltiptext};
  661. z-index:999999;
  662. font-size:9px;
  663. font-style:none;
  664. font-weight:lighter;
  665. letter-spacing:2px;
  666. font-family:helvetica;
  667. text-transform:uppercase;
  668. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  669.  
  670. .like-b {
  671. position:relative;
  672. display:inline-block;
  673. height:1em;
  674. line-height:1em;
  675. overflow:hidden;
  676. margin-bottom:-2px;}
  677.  
  678. .like-b .like_button iframe {
  679. position:absolute;
  680. top:0;
  681. left:0;
  682. bottom:0;
  683. right:0;
  684. z-index:2;
  685. opacity:0;}
  686.  
  687. .like-b .liked + .b {
  688. color:inherit;}
  689.  
  690. .like-b .liked + .b:after {
  691. content:'d';}
  692.  
  693. .triangle {
  694. position:fixed;
  695. bottom:120px;
  696. right:300px;
  697. width: 0;
  698. height: 0;
  699. border-style: solid;
  700. border-width: 0 0 80px 250px;
  701. border-color: transparent transparent {color:background} transparent;}
  702.  
  703. .bgcircletop {
  704. position:fixed;
  705. top:-100px;
  706. right:380px;
  707. width: 280px;
  708. height: 280px;
  709. background: {color:background};
  710. -moz-border-radius: 50%;
  711. -webkit-border-radius: 50%;
  712. border-radius: 50%;
  713. }
  714.  
  715. .bgcirclebottom {
  716. position:fixed;
  717. bottom:-100px;
  718. left:380px;
  719. width: 280px;
  720. height: 280px;
  721. background: {color:background};
  722. -moz-border-radius: 50%;
  723. -webkit-border-radius: 50%;
  724. border-radius: 50%;
  725. }
  726.  
  727. .hidden { visibility: hidden; }
  728. .unhidden { visibility: visible; }
  729.  
  730. #topbar {
  731. z-index:7;
  732. position:fixed;
  733. top:0px;
  734. left:0px;
  735. height:50px;
  736. width:100%;
  737. background:{color:background};}
  738.  
  739. #bottombar {
  740. z-index:7;
  741. position:fixed;
  742. bottom:0px;
  743. left:0px;
  744. height:50px;
  745. width:100%;
  746. background:{color:background};}
  747.  
  748. </style>
  749.  
  750. </head>
  751.  
  752. <!---••• Scripts •••--->
  753.  
  754. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  755. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  756. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  757. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  758.  
  759. <!---••• Tooltips Script •••--->
  760.  
  761. <script>
  762. (function($){
  763. $(document).ready(function(){
  764. $("a[title]").style_my_tooltips({
  765. tip_follows_cursor:true,
  766. tip_delay_time:90,
  767. tip_fade_speed:600,
  768. attribute:"title"
  769. });
  770. });
  771. })(jQuery);
  772. </script>
  773.  
  774. <body>
  775.  
  776. <div id="topbar"></div>
  777. <div id="bottombar"></div>
  778.  
  779. <div id="stripesidebar">
  780. <dive class="stripes"></div>
  781. </div>
  782.  
  783. <div class="bgcircletop"></div>
  784. <div class="bgcirclebottom"></div>
  785.  
  786. <div class="circle">
  787. <div class="circleinner">
  788. <div class="circletitle">{text:circletitle}</div>
  789. {description}</div>
  790. </div>
  791. {block:Pagination}
  792. <div class="pagination">
  793. <div class="paginationinner">
  794. {block:PreviousPage}<a href="{PreviousPage}">back</a> - {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  795. {/block:NextPage}
  796. </div></div>
  797. {/block:Pagination}
  798.  
  799. <div class="sidebar"></div>
  800. <div id="nav">
  801. <a href="/">home <span class="lnr lnr-home"></span></a>
  802. <a href="/ask">ask <span class="lnr lnr-bubble"></span></a>
  803. {block:iflink1}<a href="{text:link 1 url}">{text:link 1} <span class="lnr lnr-leaf"></span></a>{/block:iflink1}
  804. {block:iflink2}<a href="{text:link 2 url}">{text:link 2} <span class="lnr lnr-star"></span></a>{/block:iflink2}
  805. {block:iflink3}<a href="{text:link 3 url}">{text:link 3} <span class="lnr lnr-sun"></span></a>{/block:iflink3}
  806. {block:iflink4}<a href="{text:link 4 url}">{text:link 4} <span class="lnr lnr-moon"></span></a>{/block:iflink4}
  807. {block:iflink5}<a href="{text:link 5 url}">{text:link 5} <span class="lnr lnr-cog"></span></a>{/block:iflink5}
  808. </div>
  809.  
  810. <div class="maintitle">{text:maintitle}</div>
  811.  
  812.  
  813.  
  814. <div class="entries">
  815. {block:Posts}
  816. <div class="posts">
  817.  
  818. {block:Text}
  819. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  820. {Body}{/block:Text}
  821.  
  822. {block:Photo}
  823. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}
  824. {/block:Photo}
  825.  
  826. {block:Photoset}
  827. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  828. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  829. {/block:Photoset}
  830.  
  831. {block:Video}
  832. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  833. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  834. {/block:Video}
  835.  
  836. {block:Panorama}
  837. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  838. {/block:Panorama}
  839.  
  840. {block:Quote}
  841. <div class="quote"><i class="fas fa-quote-left"></i>{Quote}</div>
  842. {block:Source}<div class="quotesource"> — {Source}</div>
  843. {/block:Source}{/block:Quote}
  844.  
  845.  
  846. {block:Link}
  847. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  848. {block:Description}{Description}{/block:Description}
  849. {/block:Link}
  850.  
  851. {block:Chat}
  852. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  853. {/block:Chat}
  854.  
  855. {block:Audio}
  856. {block:AudioPlayer}
  857. <div class="playwrap">
  858. <div class="playbutton">{AudioPlayerGrey}</div>
  859. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  860. <div class="trackinfo">
  861. <div class="trackname">
  862. {block:TrackName}{TrackName}{/block:TrackName}
  863. </div>
  864. <div class="artist">
  865. {block:Artist}{Artist}{/block:Artist}
  866. </div>
  867. <div class="album">
  868. {block:Album}{Album}{/block:Album}
  869. </div>
  870. </div>
  871. </div>
  872. {/block:AudioPlayer}
  873. {/block:Audio}
  874.  
  875. {block:Answer}
  876. <div class="question">
  877. <div class="asker">{Asker} said:</div>
  878. {Question}</div><br>
  879. <div class="postinner">
  880. <div class="answer">
  881. {Answer}</div></div>
  882. {/block:Answer}
  883.  
  884. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  885.  
  886. {block:IndexPage}
  887. <div class="postdate"><a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> / <a href="{Permalink}">{NoteCount}N</a></div>
  888. <div class="postnote"> <a href="{ReblogURL}">rblg</a> / <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a> </div>
  889. {/block:IndexPage}
  890.  
  891. {block:PermalinkPage}
  892. <div class="postperma"><a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> / <a href="{Permalink}">{NoteCount}N</a> / <a href="{ReblogURL}">rblg</a> / <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a> </div>
  893. {block:HasTags}
  894. <div class="tags">
  895. {block:Tags}
  896. <span class="lnr lnr-tag"></span> <a href="{TagURL}"> {Tag}</a>
  897. {/block:Tags}
  898. </div>
  899. {/block:HasTags}
  900. {/block:PermalinkPage}
  901.  
  902. {block:PostNotes}
  903. {PostNotes}
  904. {/block:PostNotes}
  905. </div>
  906. {/block:Posts}
  907.  
  908. </div></div></div>
  909. {block:ContentSource}
  910. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  911. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  912. {/block:SourceLogo}
  913. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  914. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  915.  
  916. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  917.  
  918. </body>
  919. </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!