API tools faq
paste
Advertisement
octomoosey

burnout

octomoosey
Jun 11th, 2018 (edited)
2,227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.81 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. <!--- ••• Colour Variables ••• --->
  12. <meta name="color:background" content="#f2f2f2">
  13. <meta name="color:postbg" content="#dcdcdc">
  14. <meta name="color:italic" content="#f2992e" />
  15. <meta name="color:bold" content="#f2992e" />
  16. <meta name="color:text" content="#333333">
  17. <meta name="color:link" content="#f2992e">
  18. <meta name="color:linkhover" content="#ffffff">
  19. <meta name="color:scrollbar" content="#f2992e" />
  20. <meta name="color:tooltipbg" content="#ffffff">
  21. <meta name="color:tooltiptext" content="#737373">
  22. <meta name="color:pageborder" content="#ffffff">
  23. <meta name="color:toptitle" content="#f2992e">
  24. <meta name="color:toptitlehover" content="#737373">
  25. <meta name="color:description" content="#737373">
  26. <meta name="color:datetext" content="#737373">
  27. <meta name="color:datetexthover" content="#f2992e">
  28. <meta name="color:tags" content="#737373">
  29. <meta name="color:tagshover" content="#f2992e">
  30. <meta name="color:tagsicon" content="#f2992e">
  31. <meta name="color:posttitle" content="#f2992e">
  32. <meta name="color:asktext" content="#ffffff">
  33. <meta name="color:askbg" content="#737373">
  34. <meta name="color:audioimageborder" content="#737373">
  35. <meta name="color:viewposts" content="#f2992e">
  36.  
  37. <meta name="color:menuopenicon" content="#737373">
  38. <meta name="color:menuopeniconhover" content="#f2992e">
  39. <meta name="color:menucloseicon" content="#f2992e">
  40. <meta name="color:menutitle" content="#737373">
  41. <meta name="color:menubg" content="#f2f2f2">
  42. <meta name="color:menulinkbg" content="#ffffff">
  43. <meta name="color:menulink" content="#737373">
  44.  
  45. <!--- ••• Text Variables ••• --->
  46. <meta name="text:postsize" content="300" />
  47. <meta name="text:bodyfontsize" content="10px" />
  48. <meta name="text:maintitle" content="themes & resources by octomoosey" />
  49. <meta name="text:menutitle" content="Navigation" />
  50. <meta name="text:yourblogname" content="octomoosey" />
  51.  
  52. <!--- ••• If Variables ••• --->
  53. <meta name="if:showheader" content="1"/>
  54. <meta name="if:singleimage" content="0"/>
  55. <meta name="if:multipleimages" content="1"/>
  56.  
  57. <!--- ••• Image Variables ••• --->
  58. <meta name="image:singlebackground" content=""/>
  59. <meta name="image:multibackground1" content=""/>
  60. <meta name="image:multibackground2" content=""/>
  61. <meta name="image:multibackground3" content=""/>
  62. <meta name="image:multibackground4" content=""/>
  63. <meta name="image:multibackground5" content=""/>
  64.  
  65. <!--- ••• Links ••• --->
  66. <meta name="text:link 1" content="link 1">
  67. <meta name="text:link 1 url" content="/">
  68. <meta name="text:link 2" content="link 2">
  69. <meta name="text:link 2 url" content="/">
  70. <meta name="text:link 3" content="link 3">
  71. <meta name="text:link 3 url" content="/">
  72. <meta name="text:link 4" content="link 4">
  73. <meta name="text:link 4 url" content="/">
  74. <meta name="text:link 5" content="link 5">
  75. <meta name="text:link 5 url" content="/">
  76. <meta name="text:link 6" content="link 6">
  77. <meta name="text:link 6 url" content="/">
  78. <meta name="text:link 7" content="link 7">
  79. <meta name="text:link 7 url" content="/">
  80. <meta name="text:link 8" content="link 8">
  81. <meta name="text:link 8 url" content="/">
  82.  
  83. <!--- ••• Fonts ••• --->
  84.  
  85. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  86.  
  87. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  88.  
  89. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  90.  
  91. <link href="//fonts.googleapis.com/css?family=Raleway:400,400i,700,700i" rel="stylesheet">
  92.  
  93. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  94.  
  95. <style type="text/css">
  96.  
  97. iframe.tmblr-iframe {
  98. z-index:99999999999999!important;
  99. top:20px!important;
  100. right:0!important;
  101. padding-right:50px;
  102. transform:scale(0.65);
  103. transform-origin:100% 0;
  104. -webkit-transform:scale(0.65);
  105. -webkit-transform-origin:100% 0;
  106. -o-transform:scale(0.65);
  107. -o-transform-origin:100% 0;
  108. -moz-transform:scale(0.65);
  109. -moz-transform-origin:100% 0;
  110. -ms-transform:scale(0.65);
  111. -ms-transform-origin:100% 0;
  112. -webkit-transition: all 0.7s ease;
  113. transition: all 0.7s ease;
  114. -moz-transition: all 0.7s ease;
  115. -o-transition: all 0.7s ease;}
  116.  
  117. #tumblr_lightbox {
  118. background-color:rgba(255, 255, 255, .9)!important;
  119. z-index:99999!important;}
  120.  
  121. #tumblr_lightbox img {opacity:0;}
  122.  
  123. #tumblr_lightbox_caption {
  124. font-weight:normal!important;
  125. text-shadow:none!important;}
  126.  
  127. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  128. -moz-box-shadow:none!important;
  129. -webkit-box-shadow:none!important;
  130. box-shadow:none!important;
  131. -moz-border-radius:0px!important;
  132. -webkit-border-radius:0px!important;
  133. border-radius:0px!important;
  134. opacity:1!important;}
  135.  
  136. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  137.  
  138. ::-webkit-scrollbar{
  139. height:3px;
  140. width:4px;
  141. background:inherit;}
  142.  
  143. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  144.  
  145. ::-webkit-scrollbar-track {background:{color:background};}
  146.  
  147. ::-moz-selection {
  148. color:{color:selectiontext};
  149. background:{color:selectionbg};}
  150.  
  151. ::selection {
  152. color:{color:selectiontext};
  153. background:{color:selectionbg};}
  154.  
  155. body {
  156. overflow-x:hidden;
  157. background:{color:background};
  158. color:{color:text};
  159. font-family: 'Arial';
  160. font-size: {text:bodyfontsize};
  161. font-weight:normal;
  162. margin:0;}
  163.  
  164. blockquote {
  165. padding-left:10px;
  166. border-left:1px solid {color:borders};
  167. margin:15px 0px 10px 0px;
  168. text-align:justify;}
  169.  
  170. .caption blockquote {
  171. margin:15px 0px 10px 0px;}
  172.  
  173. blockquote img {
  174. max-width:100%;
  175. height:auto;}
  176.  
  177. blockquote iframe {
  178. max-width:100%;
  179. height:auto;}
  180.  
  181. img {
  182. max-width:100%;
  183. height:auto;}
  184.  
  185. .caption img {
  186. max-width:100%;
  187. height:auto;}
  188.  
  189. .post img {
  190. max-width:100%;}
  191.  
  192. pre {
  193. font-size:8px;
  194. letter-spacing:1px;
  195. text-transform:uppercase;
  196. color:{color:posttitle};
  197. overflow: hidden;
  198. display: block;
  199. text-align: center;}
  200.  
  201. a {
  202. color:{color:link};
  203. padding-bottom:2px;
  204. text-decoration:none;
  205. cursor:help;
  206. -webkit-transition: all 0.7s ease;
  207. transition: all 0.7s ease;
  208. -moz-transition: all 0.7s ease;
  209. -o-transition: all 0.7s ease;}
  210.  
  211. a:hover {
  212. padding-bottom:2px;
  213. text-decoration:none;
  214. color:{color:linkhover};}
  215.  
  216. p {
  217. margin:10px 0 10px 0;}
  218.  
  219. p:first-of-type {
  220. margin-top:0;
  221. padding-top:0;}
  222.  
  223. p:last-of-type {
  224. margin-bottom:10px;
  225. padding-bottom:0;}
  226.  
  227. b, strong {
  228. color:{color:bold};}
  229.  
  230. i {
  231. font-style:italic;
  232. font-size: 11px;
  233. color:{color:italic};
  234. letter-spacing:1px;
  235. text-align:justify;}
  236.  
  237. small, big {
  238. font-size: {text:bodyfontsize};}
  239.  
  240. sub, sup {
  241. font-size: 1em;
  242. letter-spacing:1.7px;}
  243.  
  244. h1, h2, h3, h4 {
  245. font-family: 'Contrail One', cursive;
  246. text-transform:uppercase;
  247. letter-spacing:2px;
  248. text-align:left;
  249. font-size:14px;
  250. color:{color:posttitle};}
  251.  
  252. .media {
  253. position:relative;
  254. display:inline-block;
  255. height:auto;
  256. width:100%;}
  257.  
  258. .caption {
  259. margin-top:10px;
  260. display:block;}
  261.  
  262. /* ---••• Post Styling •••--- */
  263.  
  264. #container {
  265. {block:indexpage}
  266. width:calc(100% - 140px);
  267. margin-left:70px;
  268. {/block:indexpage}
  269. {block:PermalinkPage}
  270. position:absolute;
  271. left:50%;
  272. margin-left:-320px;
  273. width:540px;
  274. {/block:PermalinkPage}}
  275.  
  276. #content {
  277. display: hidden;
  278. padding-top:150px;
  279. position:relative;
  280. width:calc(100% - 100px);
  281. margin:0px auto;
  282. margin-bottom:0px;
  283. {block:PermalinkPage}
  284. margin-bottom:80px;
  285. {/block:PermalinkPage}
  286. opacity:0;
  287. -webkit-animation:fadeIn ease-in 1;
  288. -moz-animation:fadeIn ease-in 1;
  289. animation:fadeIn ease-in 1;
  290. -webkit-animation-fill-mode:forwards;
  291. -moz-animation-fill-mode:forwards;
  292. animation-fill-mode:forwards;
  293. -webkit-animation-duration:1s;
  294. -moz-animation-duration:1s;
  295. animation-duration:1s;}
  296.  
  297. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  298. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  299. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  300.  
  301. .post {
  302. z-index:2!important;
  303. background:{color:postbg};
  304. padding:20px;
  305. text-align:justify;
  306. z-index:7;
  307. {block:indexpage}
  308. margin-bottom:50px;
  309. width:{text:postsize}px;
  310. {/block:indexpage}
  311. {block:permalinkpage}
  312. width:500px;
  313. {/block:permalinkpage}}
  314.  
  315. .topdate {
  316. {block:indexpage}
  317. width:{text:postsize}px;
  318. {/block:indexpage}
  319. {block:permalinkpage}
  320. width:500px;
  321. {/block:permalinkpage}
  322. display:inline-block;
  323. margin-bottom:15px;
  324. text-transform:uppercase;
  325. font-size:8px;
  326. padding-bottom:1px;}
  327.  
  328. .topdate a {
  329. border-bottom:1px solid {color:datetext};
  330. color:{color:datetext};}
  331.  
  332. .topdate a:hover {
  333. color:{color:datetexthover};}
  334.  
  335. .topother {
  336. float:right;}
  337.  
  338. .tags {
  339. margin-top:15px;}
  340.  
  341. .tags a {
  342. color:{color:tags};
  343. font-size:9px;
  344. margin-right:5px;
  345. border-bottom:1px solid {color:tags};}
  346.  
  347. .tags a:hover {
  348. color:{color:tagshover};}
  349.  
  350. .tags i {
  351. color:{color:tagsicon};
  352. font-size:9px;}
  353.  
  354. .like-b {
  355. position:relative;
  356. display:inline-block;
  357. height:1em;
  358. line-height:1em;
  359. overflow:hidden;
  360. margin-bottom:-5px;}
  361.  
  362. .like-b .like_button iframe {
  363. position:absolute;
  364. top:0;
  365. left:0;
  366. bottom:0;
  367. right:0;
  368. z-index:2;
  369. opacity:0;}
  370.  
  371. .like-b .liked + .b {
  372. color:inherit;}
  373.  
  374. .like-b .liked + .b:after {
  375. content:'d';}
  376.  
  377. /* ---••• Post Notes •••--- */
  378.  
  379. ol.notes {
  380. padding:0px;
  381. margin:25px 0px 0px -10px;
  382. list-style-type:none;}
  383.  
  384. ol.notes li.note {
  385. padding:10px;}
  386.  
  387. ol.notes li.note img.avatar {
  388. vertical-align:-4px;
  389. margin-right:10px;
  390. width:16px;
  391. height:16px;}
  392.  
  393. ol.notes li.note span.action {
  394. font-weight:none;}
  395.  
  396. ol.notes li.note .answer_content {
  397. font-weight:normal;}
  398.  
  399. ol.notes li.note blockquote {
  400. padding:4px 10px;
  401. margin:10px 0px 0px 25px;}
  402.  
  403. ol.notes li.note blockquote a {
  404. text-decoration:none;}
  405.  
  406. /* ---••• Header •••--- */
  407.  
  408. {block:ifshowheader}
  409.  
  410. #header {
  411. position:relative;
  412. padding:0;
  413. margin-top:100px;
  414. margin-left:40px;
  415. width:calc(100% - 80px);
  416. height:calc(100vh - 140px);
  417. left:0px;
  418. overflow:hidden;
  419. {block:ifsingleimage}
  420. background-image: url('{image:singlebackground}');
  421. background-size: cover;
  422. background-position: center center;
  423. {/block:ifsingleimage}}
  424.  
  425. .clickdown {
  426. font-family: 'Arial';
  427. font-weight:700;
  428. padding:20px;
  429. width:100%;
  430. text-align:left;
  431. position:absolute;
  432. bottom:0px;
  433. font-style: none;
  434. text-transform:uppercase;
  435. letter-spacing:2px;
  436. font-size:12px;}
  437.  
  438. .clickdown a {
  439. font-size:30px;
  440. color:{color:viewposts};}
  441.  
  442. .item-wrapper {
  443. display:none;}
  444.  
  445. .page-1 {
  446. display:block;}
  447.  
  448. {block:ifmultipleimages}
  449. .headerimages > figure {
  450. animation: imageAnimation 25s linear infinite 0s;
  451. background-size: cover;
  452. background-position: center center;
  453. height: 100%;
  454. margin-left: 0px;
  455. opacity: 0;
  456. position: absolute;
  457. margin-top: 0px;
  458. width: 100%;
  459. z-index: 0;}
  460.  
  461. .headerimages > figure:nth-child(1) {
  462. background-image: url('{image:multibackground1}'); }
  463.  
  464. .headerimages > figure:nth-child(2) {
  465. animation-delay: 5s;
  466. background-image: url('{image:multibackground2}');}
  467.  
  468. .headerimages > figure:nth-child(3) {
  469. animation-delay: 10s;
  470. background-image: url('{image:multibackground3}');}
  471.  
  472. .headerimages > figure:nth-child(4) {
  473. animation-delay: 15s;
  474. background-image: url('{image:multibackground4}');}
  475.  
  476. .headerimages > figure:nth-child(5) {
  477. animation-delay: 20s;
  478. background-image: url('{image:multibackground5}');}
  479.  
  480. @keyframes imageAnimation { 0% {
  481. animation-timing-function: ease-in;
  482. opacity: 0;}
  483.  
  484. 5% {
  485. animation-timing-function: ease-out;
  486. opacity: 1;}
  487.  
  488. 20% {
  489. opacity: 1}
  490.  
  491. 25% {
  492. opacity: 0}
  493.  
  494. 100% {
  495. opacity: 0}
  496. }
  497. {/block:ifmultipleimages}
  498. {/block:ifshowheader}
  499.  
  500. /* ---••• Top Bar •••--- */
  501.  
  502. #bar {
  503. -webkit-transform: translateZ(0);
  504. background:{color:pageborder};
  505. height:100px;
  506. top:0px;
  507. width:100%;
  508. position:fixed;
  509. left:0px;
  510. z-index:5;}
  511.  
  512. .navicon {
  513. position:fixed;
  514. margin-top:18px;
  515. margin-left:40px;
  516. font-size:47px;
  517. cursor:help;}
  518.  
  519. .navicon a {
  520. color:{color:menuopenicon};}
  521.  
  522. .navicon a:hover {
  523. color:{color:menuopeniconhover};}
  524.  
  525. .toptitle {
  526. font-family: 'Raleway', sans-serif;
  527. position:fixed;
  528. margin-top:53px;
  529. margin-left:85px;
  530. font-size:16px;
  531. text-transform:uppercase;
  532. text-align:right;
  533. right:40px;
  534. letter-spacing:1px;}
  535.  
  536. .toptitle a {
  537. color:{color:toptitle};}
  538.  
  539. .toptitle a:hover {
  540. color:{color:toptitlehover};}
  541.  
  542. .description {
  543. color:{color:description};
  544. font-size:11px;
  545. width:500px;
  546. position:fixed;
  547. margin-top:34px;
  548. margin-left:90px;}
  549.  
  550. /* ---••• Page Borders •••--- */
  551.  
  552. #left {
  553. -webkit-transform: translateZ(0);
  554. position:fixed;
  555. left:0px;
  556. top:0px;
  557. height:100%;
  558. width:40px;
  559. background:{color:pageborder};
  560. z-index:5;}
  561.  
  562. #right {
  563. -webkit-transform: translateZ(0);
  564. position:fixed;
  565. right:0px;
  566. top:0px;
  567. height:100%;
  568. width:40px;
  569. background:{color:pageborder};
  570. z-index:5;}
  571.  
  572. #bottom {
  573. -webkit-transform: translateZ(0);
  574. position:fixed;
  575. left:0px;
  576. bottom:0px;
  577. height:40px;
  578. width:100%;
  579. background:{color:pageborder};
  580. z-index:5;}
  581.  
  582. /* ---••• Slide Menu •••--- */
  583.  
  584. .overlay {
  585. height: 0%;
  586. width: calc(100% - 80px);
  587. position: fixed;
  588. z-index: 4!important;
  589. left: 40px;
  590. top: 100px;
  591. background-color: rgb({RGBcolor:menubg});
  592. background-color: rgba({RGBcolor:menubg}, 0.8);
  593. overflow-x: hidden;
  594. transition: 0.5s;
  595. overflow-y:hidden;}
  596.  
  597. .overlay-content {
  598. position: relative;
  599. top: 50%;
  600. transform: translateY(-50%);
  601. width: calc(100% - 80px);
  602. text-align: center;}
  603.  
  604. .overlaymenu {
  605. position:relative;
  606. left:50%;
  607. margin-left:-185px;
  608. width:450px;}
  609.  
  610. .overlaymenu a {
  611. font-family: 'Raleway', sans-serif;
  612. text-transform:uppercase;
  613. letter-spacing:1px;
  614. margin:3px;
  615. background:{color:menulinkbg};
  616. width:190px;
  617. padding: 10px;
  618. text-decoration: none;
  619. font-size: 11px;
  620. color: {color:menulink};
  621. display: inline-block;
  622. transition: 0.6s; }
  623.  
  624. .overlaymenu a:hover {
  625. color: {color:menulinkbg};
  626. background:{color:menulink};}
  627.  
  628. .closebtn {
  629. background:transparent;
  630. color:{color:menucloseicon};
  631. position: absolute;
  632. top: 0px;
  633. right: 15px;
  634. font-size: 60px;}
  635.  
  636. .menutitle {
  637. position:relative;
  638. left:50%;
  639. margin-left:-174px;
  640. width:428px;
  641. color:{color:menutitle};
  642. font-family: 'Raleway', sans-serif;
  643. font-size:24px;
  644. text-align:left;}
  645.  
  646. /* ---••• Footer Styling •••--- */
  647.  
  648. {block:indexpage}
  649. #footer {
  650. font-size:10px;
  651. text-align:center;
  652. margin-left:0px;
  653. width:100%;
  654. height:80px;
  655. background:{color:postbg};
  656. margin-bottom:40px;}
  657.  
  658. .pagination {
  659. padding:15px 0px 6px 0px;
  660. text-transform:uppercase;
  661. font-size:14px;
  662. letter-spacing:1px;}
  663. {/block:indexpage}
  664.  
  665. /* ---••• Post Types •••--- */
  666.  
  667. .posttitle {
  668. font-family: 'Raleway', sans-serif;
  669. font-size:24px;
  670. color:{color:posttitle};}
  671.  
  672. /* ---••• Ask Posts •••--- */
  673.  
  674. .question {
  675. background:{color:askbg};
  676. color:{color:asktext};
  677. padding:10px;
  678. margin-bottom:5px;}
  679.  
  680. .asker {
  681. font-size:14px;
  682. font-family: 'Raleway', sans-serif;
  683. text-transform:uppercase;
  684. letter-spacing:1px;}
  685.  
  686. /* ---••• Quote Posts •••--- */
  687.  
  688. .quote {
  689. font-family: 'Raleway', sans-serif;
  690. text-align:center;
  691. font-size:14px;
  692. margin-bottom:10px;
  693. text-align: justify;
  694. -moz-text-align-last: center;
  695. text-align-last: center;}
  696.  
  697. .source {
  698. text-align:center;}
  699.  
  700. /* ---••• Audio Player •••--- */
  701.  
  702. .playwrap {
  703. margin-top:-15px;
  704. position:relative;}
  705.  
  706. .playbutton {
  707. position:relative;
  708. margin-top:40px;
  709. margin-left:23px;
  710. z-index:9;
  711. width:33px;
  712. height:30px;
  713. overflow:hidden;}
  714.  
  715. .albumart img {
  716. border:10px solid {color:audioimageborder};
  717. position:relative;
  718. margin-top:-55px;
  719. margin-left:0px
  720. height:60px;
  721. width:60px;}
  722.  
  723. .trackinfo {
  724. margin-bottom:10px;
  725. color:{color:text};
  726. top:40px;
  727. position:relative;
  728. margin-left:100px;
  729. height:80px;
  730. margin-top:-120px;
  731. margin-bottom:50px;}
  732.  
  733. .trackname {
  734. position:relative;
  735. padding-top:25px;
  736. text-align:left;
  737. font-size:10px;
  738. text-transform:uppercase;
  739. font-weight: bold;
  740. letter-spacing:2px;}
  741.  
  742. .artist {
  743. text-align:left;
  744. font-size:10px;
  745. text-transform:uppercase;
  746. letter-spacing:4px;}
  747.  
  748. .album {
  749. text-align:left;
  750. font-style: italic;
  751. letter-spacing:4px;}
  752.  
  753. /* ---••• Other •••--- */
  754.  
  755. #credit {
  756. z-index:8;
  757. bottom:0px;
  758. left:5px;
  759. height:30px;
  760. width:30px;
  761. opacity:0.8;
  762. position:fixed;
  763. padding:5px;}
  764.  
  765. #s-m-t-tooltip {
  766. max-width:300px;
  767. margin:15px;
  768. padding:5px;
  769. border-radius:0px;
  770. background:{color:tooltipbg};
  771. color:{color:tooltiptext};
  772. border:1px solid {color:tooltiptext};
  773. z-index:999999;
  774. font-size:9px;
  775. font-style:none;
  776. font-weight:lighter;
  777. letter-spacing:2px;
  778. font-family:helvetica;
  779. text-transform:uppercase;
  780. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  781.  
  782. .hidden { visibility: hidden; }
  783. .unhidden { visibility: visible; }
  784.  
  785. </style>
  786.  
  787. </head>
  788.  
  789. <!---••• Scripts •••--->
  790. <script>
  791. function openNav() {
  792. document.getElementById("myNav").style.height = "calc(100% - 140px)";
  793. }
  794.  
  795. function closeNav() {
  796. document.getElementById("myNav").style.height = "0%";
  797. }
  798. </script>
  799.  
  800. <!---••• Scripts Misc •••--->
  801.  
  802.  
  803. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  804. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  805.  
  806. <script type="text/javascript">
  807. function unhide("content") {
  808. var item = document.getElementById("content");
  809. if (item) {
  810. item.className=(item.className=='hidden')?'unhidden':'hidden';
  811. }
  812. }
  813. </script>
  814.  
  815. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  816.  
  817. <script>
  818. (function($){
  819. $(document).ready(function(){
  820. $("a[title]").style_my_tooltips({
  821. tip_follows_cursor:true,
  822. tip_delay_time:90,
  823. tip_fade_speed:600,
  824. attribute:"title"
  825. });
  826. });
  827. })(jQuery);
  828. </script>
  829.  
  830. {block:indexpage}
  831. <script>
  832. $(document).ready(function(){
  833.  
  834. $('.totop').click(function(){
  835. $('html, body, #container').animate({scrollTop : 0},1200);
  836. return false;
  837. });
  838. $('.clickdown').click(function(){
  839. $('html, body, #container').animate({scrollTop : $("#content").offset().top},1200);
  840. return false;
  841. });
  842. });
  843. </script>
  844. {/block:indexpage}
  845.  
  846. <!---••• Scripts PXU Photoset by Shythemes •••--->
  847. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  848. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  849. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  850.  
  851. <script>
  852. $(document).ready(function(){
  853. $('.photo-slideshow').pxuPhotoset({
  854. lightbox: true,
  855. rounded: false,
  856. gutter: '3px',
  857. borderRadius: '0px',
  858. photoset: '.photo-slideshow',
  859. photoWrap: '.photo-data',
  860. photo: '.pxu-photo'
  861. });
  862. });
  863. </script>
  864.  
  865. <!---••• Scripts Masonry •••--->
  866.  
  867. {block:indexpage}
  868. <script src="//static.tumblr.com/uopakca/Re4pbazqg/masonry.pkgd.min.js"></script>
  869.  
  870. <script type="text/javascript">
  871. $(window).load(function () {
  872. $('#content').masonry({
  873. itemSelector : ".post",
  874. columnWidth: {text:postsize} + 40,
  875. gutter:50,
  876. isFitWidth: true
  877. },
  878. function() { $('#content').masonry({ appendedContent: $(this) }); }
  879. );
  880. });
  881. </script>
  882. {/block:indexpage}
  883.  
  884. <body>
  885.  
  886. <div id="myNav" class="overlay">
  887.  
  888. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  889.  
  890. <div class="overlay-content">
  891. <div class="menutitle">{text:menutitle}</div>
  892. <div class="overlaymenu">
  893. <a href="/">return</a>
  894. <a href="/ask">queries</a>
  895. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  896. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  897. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  898. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  899. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  900. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  901. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  902. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  903. </div></div>
  904.  
  905. </div>
  906.  
  907. <div id="left"></div>
  908. <div id="right"></div>
  909. <div id="bottom"></div>
  910.  
  911. <div id="bar">
  912. <div class="navicon"><a span onclick="openNav()" title="MENU">&#9776;</span></a></div>
  913.  
  914. <div class="description">{description}</div>
  915.  
  916. <div class="toptitle"><a href="/">{text:maintitle}</a></div>
  917.  
  918. </div>
  919. </div>
  920.  
  921. {block:ifshowheader}
  922. {block:HomePage}
  923. <div class="item-wrapper page-{CurrentPage}">
  924. <div id="header">
  925. {block:ifmultipleimages}
  926. <div class="headerimages">
  927. <figure></figure>
  928. <figure></figure>
  929. <figure></figure>
  930. <figure></figure>
  931. <figure></figure>
  932. </div>
  933. {/block:ifmultipleimages}
  934.  
  935. <div class="clickdown"><a href="#">view posts</a></div>
  936. </div>
  937. </div>
  938. {/block:HomePage}
  939. {/block:ifshowheader}
  940.  
  941. <div id="container">
  942.  
  943. <div id="content">
  944.  
  945. {block:Posts}
  946.  
  947. <div class="post" id="{PostID}">
  948.  
  949. {block:Date}
  950. <div class="topdate">
  951. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a>
  952. {block:NoteCount}&middot; <a href="{Permalink}" target="_blank">{NoteCount}N</a>{/block:NoteCount}
  953.  
  954. <div class="topother">{block:RebloggedFrom}
  955. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a> &middot;
  956. {block:ContentSource}
  957. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> src</a> &middot;
  958. {/block:ContentSource}
  959. {/block:RebloggedFrom}
  960. <a href="{ReblogURL}" target="_blank" class="details">rblg</a> &middot;
  961. <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  962. </div>
  963. </div>
  964. {/block:Date}
  965.  
  966. {block:Photo}
  967. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  968. {/block:Photo}
  969.  
  970. {block:Photoset}
  971. <div class="media">
  972. <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>
  973. </div>
  974. {/block:Photoset}
  975.  
  976. {block:Panorama}
  977. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  978. {/block:Panorama}
  979.  
  980. {block:Video}
  981. <div class="media video">{Video-500}</div>
  982. {/block:Video}
  983.  
  984. {block:Text}
  985. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  986. {Body}
  987. {/block:Text}
  988.  
  989. {block:Quote}
  990. <div class="quote">{Quote}</div>
  991. {block:Source}<div class="source">{Source}</div>{/block:Source}
  992. {/block:Quote}
  993.  
  994. {block:Link}
  995. <div class="text">
  996. <a href="{URL}"><div class="posttitle">{Name}</div></a>{block:Description}{Description}{/block:Description}</div>
  997. {/block:Link}
  998.  
  999. {block:Chat}
  1000. <div class="text">
  1001. {block:Title}<h3>{Title}</h3>{/block:Title}
  1002. {block:Lines}<p>
  1003. {block:Label}<b>{Label}</b>{/block:Label}
  1004. {Line}</p>
  1005. {/block:Lines}
  1006. </div>
  1007. {/block:Chat}
  1008.  
  1009. {block:Audio}
  1010. {block:AudioPlayer}
  1011. <div class="playwrap">
  1012. <div class="playbutton">{AudioPlayerGrey}</div>
  1013. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1014. <div class="trackinfo">
  1015. <div class="trackname">
  1016. {block:TrackName}{TrackName}{/block:TrackName}
  1017. </div>
  1018. <div class="artist">
  1019. {block:Artist}{Artist}{/block:Artist}
  1020. </div>
  1021. <div class="album">
  1022. {block:Album}{Album}{/block:Album}
  1023. </div>
  1024. </div>
  1025. </div>
  1026. {/block:AudioPlayer}
  1027. {/block:Audio}
  1028.  
  1029. {block:Answer}
  1030. <div class="question">
  1031. <div class="asker">{Asker} asked:</div>
  1032. {Question}
  1033. </div>
  1034. <div class="answer">
  1035. {Answer}
  1036. </div>
  1037. {/block:Answer}
  1038.  
  1039. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1040.  
  1041. {block:HasTags}
  1042. <div class="tags">
  1043. {block:Tags}
  1044. <i class="fas fa-hashtag"></i><a href="{TagURL}"> {Tag}</a>
  1045. {/block:Tags}
  1046. </div>
  1047. {/block:HasTags}
  1048.  
  1049. {block:PostNotes}
  1050. {PostNotes}
  1051. {/block:PostNotes}
  1052.  
  1053. </div>
  1054.  
  1055. {block:ContentSource}
  1056. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1057. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1058. {/block:SourceLogo}
  1059. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1060. {/block:ContentSource}
  1061.  
  1062. {/block:Posts}
  1063.  
  1064. </div></div></div></div>
  1065.  
  1066. {block:indexpage}
  1067. <div id="footer">
  1068. <div class="pagination">
  1069. {block:Pagination}
  1070. {block:PreviousPage}
  1071. <a href="{PreviousPage}">↽ back</a>{/block:PreviousPage}&nbsp;
  1072. {block:NextPage}
  1073. <a href="{NextPage}">forth ⇁</a>
  1074. {/block:NextPage}
  1075. {/block:Pagination}
  1076. </div>
  1077. Curator: <a href="/">{text:YOURBLOGNAME}</a>. Established: {CopyrightYears}.<br>
  1078. Theme: <a href="//octomoosey.tumblr.com/">octomoosey</a>. Powered by <a href="//www.tumblr.com/">tumblr</a>.
  1079. </div>
  1080. {/block:indexpage}
  1081. </div>
  1082. </div></div></div></div>
  1083.  
  1084. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  1085.  
  1086.  
  1087. </body>
  1088.  
  1089. </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!