API tools faq
paste
Advertisement
octomoosey

seven

octomoosey
Oct 22nd, 2017 (edited)
9,138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.57 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. <meta name="color:background" content="#000000">
  12. <meta name="color:container" content="#000000">
  13. <meta name="color:italic" content="#ef7511" />
  14. <meta name="color:bold" content="#ef7511" />
  15. <meta name="color:text" content="#acacac">
  16. <meta name="color:link" content="#ef7511">
  17. <meta name="color:linkhover" content="#333333">
  18. <meta name="color:nav" content="#ef7511">
  19. <meta name="color:navhover" content="#fafafa">
  20. <meta name="color:selectiontext" content="#ffffff" />
  21. <meta name="color:selectionbg" content="#8c8c8c" />
  22. <meta name="color:tooltiptext" content="#ffffff">
  23. <meta name="color:tooltipbg" content="#333333">
  24. <meta name="color:todoicon" content="#ef7511">
  25. <meta name="color:posttitle" content="#ef7511">
  26. <meta name="color:borders" content="#262626">
  27. <meta name="color:date" content="#acacac">
  28. <meta name="color:datehover" content="#ef7511">
  29. <meta name="color:tags" content="#ef7511">
  30. <meta name="color:tagshover" content="#acacac">
  31. <meta name="color:scrollbar" content="#ef7511" />
  32.  
  33. <meta name="text:maintitle" content="soul on fire" />
  34. <meta name="text:fontsize" content="10px" />
  35. <meta name="text:descriptionfontsize" content="10px" />
  36. <meta name="text:tagsfontsize" content="8px" />
  37.  
  38. <meta name="text:update1date" content="22.10.17" />
  39. <meta name="text:update1text" content="update 1" />
  40. <meta name="text:update2date" content="23.10.17" />
  41. <meta name="text:update2text" content="update 2" />
  42. <meta name="text:update3date" content="24.10.17" />
  43. <meta name="text:update3text" content="update 3" />
  44. <meta name="text:update4date" content="25.10.17" />
  45. <meta name="text:update4text" content="update 4" />
  46. <meta name="text:update5date" content="26.10.17" />
  47. <meta name="text:update5text" content="update 5" />
  48.  
  49. <meta name="text:todo1" content="list item 1 goes here" />
  50. <meta name="text:todo2" content="list item 2 goes here" />
  51. <meta name="text:todo3" content="list item 3 goes here" />
  52. <meta name="text:todo4" content="list item 4 goes here" />
  53. <meta name="text:todo5" content="list item 5 goes here" />
  54.  
  55. <meta name="text:link 1" content="link 1">
  56. <meta name="text:link 1 url" content="/">
  57. <meta name="text:link 2" content="link 2">
  58. <meta name="text:link 2 url" content="/">
  59. <meta name="text:link 3" content="link 3">
  60. <meta name="text:link 3 url" content="/">
  61. <meta name="text:link 4" content="link 4">
  62. <meta name="text:link 4 url" content="/">
  63. <meta name="text:link 5" content="link 5">
  64. <meta name="text:link 5 url" content="/">
  65. <meta name="text:link 6" content="link 6">
  66. <meta name="text:link 6 url" content="/">
  67.  
  68. <meta name="if:greyscale" content="0"/>
  69.  
  70. <meta name="image:sidebar" content="" />
  71. <meta name="image:postinfobg" content="//static.tumblr.com/uopakca/xrVoxh84h/milatags.gif" />
  72. <meta name="image:icon1" content="" />
  73. <meta name="image:icon2" content="" />
  74. <meta name="image:icon3" content="" />
  75. <meta name="image:icon4" content="" />
  76. <meta name="image:icon5" content="" />
  77. <meta name="image:icon6" content="" />
  78. <meta name="image:icon7" content="" />
  79.  
  80. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  81.  
  82. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  83.  
  84. <link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  85.  
  86. <link href="//fonts.googleapis.com/css?family=Muli" rel="stylesheet">
  87.  
  88. <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  89.  
  90. <style type="text/css">
  91.  
  92. /* ---••• General Styling •••--- */
  93.  
  94. iframe.tmblr-iframe {
  95. z-index:99999999999999!important;
  96. top:14px!important;
  97. right:0!important;
  98. opacity:0;
  99. padding-right:40px;
  100. transform:scale(0.65);
  101. transform-origin:100% 0;
  102. -webkit-transform:scale(0.65);
  103. -webkit-transform-origin:100% 0;
  104. -o-transform:scale(0.65);
  105. -o-transform-origin:100% 0;
  106. -moz-transform:scale(0.65);
  107. -moz-transform-origin:100% 0;
  108. -ms-transform:scale(0.65);
  109. -ms-transform-origin:100% 0;
  110. transition:all 0.4s ease-in-out;
  111. -webkit-transition:all 0.4s ease-in-out;
  112. -o-transition:all 0.4s ease-in-out;
  113. -moz-transition:all 0.4s ease-in-out;
  114. -ms-transition:all 0.4s ease-in-out;}
  115.  
  116. iframe.tmblr-iframe:hover {
  117. opacity:0.6!important;
  118. transition:all 0.4s ease-in-out;
  119. -webkit-transition:all 0.4s ease-in-out;
  120. -o-transition:all 0.4s ease-in-out;
  121. -moz-transition:all 0.4s ease-in-out;
  122. -ms-transition:all 0.4s ease-in-out;}
  123.  
  124. .hcontrols {
  125. position:fixed;
  126. top:12px;
  127. right:0;
  128. z-index:999999999;}
  129.  
  130. .hcontrols svg {
  131. width:20px;
  132. height:20px;
  133. padding:9px;}
  134.  
  135. .hcontrols svg path {
  136. fill:{color:text};}
  137.  
  138. #tumblr_lightbox {
  139. background-color:rgba(255, 255, 255, .9)!important;
  140. z-index:99999!important;}
  141.  
  142. #tumblr_lightbox img {opacity:0;}
  143.  
  144. #tumblr_lightbox_caption {
  145. font-weight:normal!important;
  146. text-shadow:none!important;}
  147.  
  148. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  149. -moz-box-shadow:none!important;
  150. -webkit-box-shadow:none!important;
  151. box-shadow:none!important;
  152. -moz-border-radius:0px!important;
  153. -webkit-border-radius:0px!important;
  154. border-radius:0px!important;
  155. opacity:1!important;}
  156.  
  157. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  158.  
  159. ::-webkit-scrollbar{
  160. height:3px;
  161. width:2px;
  162. background:inherit;}
  163.  
  164. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  165.  
  166. ::-webkit-scrollbar-track {background:{color:container};}
  167.  
  168. ::-moz-selection {
  169. color:{color:selectiontext};
  170. background:{color:selectionbg};}
  171.  
  172. ::selection {
  173. color:{color:selectiontext};}
  174.  
  175. body {
  176. margin:0;
  177. font-size: {text:fontsize};
  178. font-family: 'Muli', sans-serif;
  179. line-height:150%;
  180. -moz-osx-font-smoothing:grayscale;
  181. -webkit-font-smoothing:antialiased;
  182. font-smoothing:antialiased;
  183. color:{color:text};
  184. background:{color:background};}
  185.  
  186. blockquote {
  187. padding-left:10px;
  188. border-left:1px solid {color:borders};
  189. margin:15px 0px 10px 0px;
  190. text-align:justify;}
  191.  
  192. .caption blockquote {
  193. margin:15px 0px 10px 0px;}
  194.  
  195. blockquote img {
  196. max-width:100%;
  197. height:auto;;}
  198.  
  199. img {
  200. max-width:100%;
  201. height:auto;}
  202.  
  203. .caption img {
  204. max-width:100%;
  205. height:auto;}
  206.  
  207. .posts img {
  208. max-width:100%;
  209. margin-top:5px;
  210. margin-bottom:5px;}
  211.  
  212. a {
  213. color:{color:link};
  214. text-decoration:none;
  215. letter-spacing:1px;
  216. cursor:help;
  217. -webkit-transition: all 0.7s ease;
  218. transition: all 0.7s ease;
  219. -moz-transition: all 0.7s ease;
  220. -o-transition: all 0.7s ease;}
  221.  
  222. a:hover {
  223. letter-spacing:1px;
  224. text-decoration:none;
  225. color:{color:linkhover};}
  226.  
  227. p {
  228. margin:10px 0 10px 0;}
  229.  
  230. p:first-of-type {
  231. margin-top:0;
  232. padding-top:0;}
  233.  
  234. p:last-of-type {
  235. margin-bottom:10px;
  236. padding-bottom:0;}
  237.  
  238. small, sub {
  239. font-size: {text:fontsize};
  240. vertical-align:baseline;}
  241.  
  242. pre {
  243. white-space: pre-wrap;
  244. white-space: -moz-pre-wrap;
  245. white-space: -pre-wrap;
  246. white-space: -o-pre-wrap;
  247. word-wrap: break-word;}
  248.  
  249. h1, h2, h3, h4, h5, h6 {
  250. font-family:'Raleway', sans-serif;
  251. font-size:14px;
  252. letter-spacing:4px;
  253. text-align:center;
  254. text-transform:uppercase;
  255. color:{color:posttitle};}
  256.  
  257. b, strong {
  258. letter-spacing:1px;
  259. font-family:'Raleway', sans-serif;
  260. font-size: {text:fontsize};
  261. color:{color:bold};}
  262.  
  263. i, em {
  264. font-family:'Raleway', sans-serif;
  265. font-size: {text:fontsize};
  266. color:{color:italic};
  267. letter-spacing:1.5px;}
  268.  
  269. small, big {
  270. font-size:{text:fontsize};}
  271.  
  272. .media {
  273. position:relative;
  274. display:inline-block;
  275. height:auto;
  276. width:100%;}
  277.  
  278. hr {
  279. border:0;
  280. margin-top:2px;
  281. margin-bottom:2px;
  282. width:80%;
  283. height:1px;
  284. -moz-box-sizing:border-box;
  285. box-sizing:border-box;
  286. background-color:{color:borders};}
  287.  
  288. .caption {
  289. color:{color:text};
  290. margin-top:15px;
  291. display:block;
  292. margin-bottom:10px;}
  293.  
  294. {block:IfGreyscale}
  295.  
  296. img {
  297. -webkit-filter:grayscale(100%);
  298. -webkit-transition: all 0.9s ease-in-out;
  299. -moz-transition: all 0.9s ease-in-out;
  300. -o-transition: all 0.9s ease-in-out;
  301. -ms-transition: all 0.9s ease-in-out;
  302. transition: all 0.9s ease-in-out;}
  303.  
  304. img:hover {
  305. -webkit-filter:none;}
  306.  
  307. .html_photoset {
  308. -webkit-filter: grayscale(100%);
  309. -webkit-transition: all 0.9s ease-in-out;
  310. -moz-transition: all 0.9s ease-in-out;
  311. -o-transition: all 0.9s ease-in-out;
  312. -ms-transition: all 0.9s ease-in-out;
  313. transition: all 0.9s ease-in-out;}
  314.  
  315. .html_photoset:hover {
  316. -webkit-filter: none;}
  317.  
  318. {/block:IfGreyscale}
  319.  
  320. /* ---••• Container Styling •••--- */
  321.  
  322. #container {
  323. position:absolute;
  324. top:50%;
  325. margin-top:-275px;
  326. left:50%;
  327. margin-left:-500px;
  328. height:550px;
  329. border:1px solid {color:borders};
  330. width:1000px;
  331. background:{color:container};
  332. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  333.  
  334. /* ---••• Post Styling •••--- */
  335.  
  336. #entries {
  337. z-index:8;
  338. top:50px;
  339. height:450px;
  340. overflow-y:scroll;
  341. margin-left:500px;
  342. padding-right:22px;
  343. position:absolute;
  344. background:{color:container};
  345. border-left:1px solid {color:borders};
  346. padding:0px 25px 0px 50px;}
  347.  
  348. .posts {
  349. z-index:7;
  350. width:400px;
  351. text-align:justify;
  352. position:relative;
  353. opacity:0;
  354. -webkit-animation:fadeIn ease-in 1;
  355. -moz-animation:fadeIn ease-in 1;
  356. animation:fadeIn ease-in 1;
  357. -webkit-animation-fill-mode:forwards;
  358. -moz-animation-fill-mode:forwards;
  359. animation-fill-mode:forwards;
  360. -webkit-animation-duration:1s;
  361. -moz-animation-duration:1s;
  362. animation-duration:1s;}
  363.  
  364. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  365. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  366. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  367.  
  368. .postinfo {
  369. height:30px;
  370. text-align:center;
  371. margin-top:10px;
  372. border:1px solid {color:borders};
  373. color:{color:date};
  374. text-transform:uppercase;
  375. margin-bottom:5px;
  376. background-image: url('{image:postinfobg}');
  377. background-position:top left;
  378. background-repeat: no-repeat;
  379. background-attachment: absolute;}
  380.  
  381. .postinfo a {
  382. letter-spacing:2px;
  383. display:inline-block;
  384. position:relative;
  385. padding-top:9px;
  386. margin:0px 10px 0px 10px;
  387. font-size:8px;
  388. color:{color:date};}
  389.  
  390. .postinfo a:hover {
  391. color:{color:datehover};}
  392.  
  393. .tags {
  394. letter-spacing:2px;
  395. color:{color:tags};
  396. margin-bottom:50px;
  397. font-size:8px;
  398. text-align:justify;}
  399.  
  400. .tags a {
  401. color:{color:tags};
  402. text-transform:uppercase;}
  403.  
  404. .tags a:hover {
  405. color:{color:tagshover};}
  406.  
  407. .tags i {
  408. color:{color:text};}
  409.  
  410. ol.notes {
  411. font-size:10px;
  412. text-align:left;
  413. padding:0px;
  414. margin:25px 0px 0px 0px;
  415. list-style-type:none;}
  416.  
  417. ol.notes li.note {
  418. margin-bottom:5px;
  419. font-size:10px;}
  420.  
  421. ol.notes li.note img.avatar {
  422. vertical-align:-5px;
  423. margin-right:10px;
  424. width:16px;
  425. height:16px;}
  426.  
  427. ol.notes li.note span.action {
  428. font-weight:none;}
  429.  
  430. ol.notes li.note .answer_content {
  431. font-weight:normal;}
  432.  
  433. ol.notes li.note blockquote {
  434. padding:4px 10px;
  435. margin:10px 0px 0px 0px;}
  436.  
  437. ol.notes li.note blockquote a {
  438. text-decoration:none;}
  439.  
  440. /* ---••• Pagination •••--- */
  441.  
  442. #pagination {
  443. margin-left:20px;
  444. position:relative;
  445. text-shadow: 2px 2px 4px #000000;
  446. color:{color:text};
  447. text-transform:uppercase;
  448. text-align:center;
  449. margin-top:4px;
  450. font-size:10px;}
  451.  
  452. #pagination a {
  453. text-shadow: 2px 2px 4px #000000;
  454. color:{color:nav};}
  455.  
  456. /* ---••• Bar Styling •••--- */
  457.  
  458. #titlebar {
  459. border-bottom:1px solid {color:borders};
  460. margin-top:0px;
  461. left:50%;
  462. color:#000;
  463. height:25px;
  464. width:1000px;}
  465.  
  466. #bottombar {
  467. border-top:1px solid {color:borders};
  468. position:absolute;
  469. margin-top:500px;
  470. color:#000;
  471. height:25px;
  472. width:1000px;}
  473.  
  474. #navigation {
  475. position:absolute;
  476. top:0px;
  477. left:10px;
  478. z-index:9;
  479. display:inline-block;
  480. margin-top:5px;
  481. font-family: 'Raleway', sans-serif;
  482. font-size:10px;
  483. color:{color:nav};
  484. text-transform:uppercase;
  485. padding:0;}
  486.  
  487. #navigation a {
  488. letter-spacing:2px;
  489. text-shadow: 2px 2px 4px #000000;
  490. font-weight:700;
  491. display:inline-block;
  492. margin-right:15px;
  493. color:{color:nav};}
  494.  
  495. #navigation a:hover {
  496. color:{color:navhover};}
  497.  
  498. /* ---••• Sidebar Styling •••--- */
  499.  
  500. .maint {
  501. text-transform:uppercase;
  502. letter-spacing:2px;
  503. border-bottom:1px solid {color:borders};
  504. margin-bottom:5px;
  505. padding-bottom:6px;
  506. text-align:center;}
  507.  
  508. .desc {
  509. overflow-y:hidden;
  510. position:absolute;
  511. text-align:justify;
  512. margin-top:25px;
  513. left:200px;
  514. height:450px;
  515. width:150px;
  516. padding:0px 25px 0px 25px;
  517. border-left:1px solid {color:borders};
  518. border-right:1px solid {color:borders};}
  519.  
  520. .description {
  521. padding-right:23px;
  522. overflow-y:scroll;
  523. position:absolute;
  524. text-align:justify;
  525. margin-top:10px;
  526. height:195px;
  527. width:150px;}
  528.  
  529. .updates {
  530. margin-top:225px;}
  531.  
  532. .updates span {
  533. float:right;}
  534.  
  535. .material-icons {
  536. font-size: 14px;
  537. color:{color:todoicon};}
  538.  
  539. .todo {
  540. margin-top:15px;}
  541.  
  542. .todo li {
  543. margin-bottom:3px;
  544. list-style: none;
  545. display: block;
  546. padding: 0px; }
  547.  
  548. .todo mi {
  549. font-size:10px;
  550. float: left;
  551. margin-top: 0px;
  552. width: 25px;}
  553.  
  554. /* ---••• Cont Image Styling •••--- */
  555.  
  556. .contimg {
  557. overflow:hidden;
  558. position:absolute;
  559. text-align:justify;
  560. margin-top:25px;
  561. left:25px;
  562. height:450px;
  563. width:150px;
  564. padding:0px;
  565. background:{color:background};
  566. background-image: url('{image:sidebar}');
  567. background-position:top center;
  568. background-attachment: absolute;
  569. -webkit-background-size: cover;
  570. -moz-background-size: cover;
  571. -o-background-size: cover;
  572. background-size: cover;}
  573.  
  574. /* ---••• Post Types Styling •••--- */
  575.  
  576. /* ---••• Quotes •••--- */
  577.  
  578. .quote {
  579. letter-spacing:2px;
  580. text-transform:uppercase;
  581. font-size: 10px;
  582. text-align:center;}
  583.  
  584. .quotesource {
  585. text-align:center;
  586. margin-top:10px;}
  587.  
  588. /* ---••• Chat •••--- */
  589.  
  590. .chat {
  591. line-height:20px;
  592. list-style:none;}
  593.  
  594. .line.odd {
  595. background:{color:text};
  596. color:{color:background};
  597. margin-bottom:2px;
  598. padding:5px;
  599. list-style:none;
  600. font-size: 10px;}
  601.  
  602. .line.even {
  603. margin-bottom:2px;
  604. padding:5px;
  605. list-style:none;
  606. font-size: 10px;}
  607.  
  608. .label {
  609. padding-right:1px;
  610. text-transform:uppercase;
  611. font-weight:bold;
  612. color:#f66d1f;}
  613.  
  614. /* ---••• Asks •••--- */
  615.  
  616. .question {
  617. position:relative;
  618. font-size:8px;
  619. z-index:8;
  620. top:6px;
  621. text-align:center;
  622. letter-spacing:2px;
  623. text-transform:uppercase;
  624. border:1px solid {color:borders};
  625. padding:20px 10px 10px 10px;
  626. margin-bottom:15px;}
  627.  
  628. .fr {
  629. position:absolute;
  630. margin-left:10px;
  631. z-index:9;
  632. padding:0px 10px 0px 10px;
  633. background:{color:container};
  634. text-align:center;
  635. letter-spacing:3px;
  636. margin-bottom:10px;
  637. text-transform:uppercase;}
  638.  
  639. .answer {
  640. }
  641.  
  642. /* ---••• Audio Player •••--- */
  643.  
  644. .playwrap {
  645. margin-top:10px;
  646. position:relative;}
  647.  
  648. .playbutton {
  649. position:relative;
  650. margin-top:40px;
  651. margin-left:25px;
  652. z-index:9;
  653. width:33px;
  654. height:30px;
  655. overflow:hidden;}
  656.  
  657. .albumart img {
  658. position:relative;
  659. margin-top:-55px;
  660. margin-left:0px
  661. height:80px;
  662. width:80px;}
  663.  
  664. .trackinfo {
  665. margin-bottom:10px;
  666. color:#eee;
  667. top:20px;
  668. position:relative;
  669. margin-left:120px;
  670. height:120px;
  671. margin-top:-120px;}
  672.  
  673. .trackname {
  674. position:relative;
  675. padding-top:30px;
  676. text-align:center;
  677. font-size:14px;
  678. text-transform:uppercase;
  679. font-weight: bold;
  680. letter-spacing:2px;}
  681.  
  682. .artist {
  683. text-align:center;
  684. font-size:12px;
  685. text-transform:uppercase;
  686. letter-spacing:4px;}
  687.  
  688. .album {
  689. text-align:center;
  690. font-style: italic;
  691. letter-spacing:4px;}
  692.  
  693. /* ---••• Other •••--- */
  694.  
  695. #s-m-t-tooltip {
  696. max-width:300px;
  697. margin:15px;
  698. padding:5px;
  699. border:1px solid #bababa;
  700. border-radius:0px;
  701. background:#000;
  702. color:#bababa;
  703. z-index:999999;
  704. font-size:7px;
  705. font-style:none;
  706. font-weight:lighter;
  707. letter-spacing:2px;
  708. font-family:helvetica;
  709. text-transform:uppercase;
  710. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  711.  
  712. /* caption */
  713. .caption blockquote {
  714. max-width: 100%;
  715. text-align:justify;}
  716.  
  717. .caption img {
  718. height: 100%;
  719. max-width: 100%;}
  720.  
  721. .uncap {
  722. }
  723.  
  724. .tumblr_blog {
  725. }
  726.  
  727. .uncap a.tumblr_blog {
  728. display:inline;
  729. letter-spacing:2px;
  730. text-transform:uppercase;
  731. font-size:8px;
  732. vertical-align:middle;
  733. line-height:33px;
  734. margin-bottom:5px;}
  735.  
  736. .uncap a.tumblr_blog:hover {
  737. color:#777;}
  738.  
  739. .uncap .unavatar {
  740. width:22px;
  741. height:22px;
  742. margin-right:7px;
  743. display:inline-block;
  744. float:left;
  745. border-radius:10px;}
  746.  
  747. .uncap p{ margin:2px 0 0px 0;}
  748.  
  749. .unavatar:none {
  750. display:none;}
  751.  
  752. .smallimg {
  753. margin-top:26px;
  754. margin-left:425px;}
  755.  
  756. .smallimg img {
  757. border:1px solid {color:borders};
  758. margin-bottom:14px;
  759. display:block;
  760. height:50px;
  761. width:50px;}
  762.  
  763. [data-tooltip],
  764. .tooltip {
  765. position: relative;}
  766.  
  767. [data-tooltip]:before,
  768. [data-tooltip]:after,
  769. .tooltip:before,
  770. .tooltip:after {
  771. position: absolute;
  772. visibility: hidden;
  773. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  774. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  775. opacity: 0;
  776. -webkit-transition:
  777. opacity 0.2s ease-in-out,
  778. visibility 0.2s ease-in-out,
  779. -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  780. -moz-transition:
  781. opacity 0.2s ease-in-out,
  782. visibility 0.2s ease-in-out,
  783. -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  784. transition:
  785. opacity 0.2s ease-in-out,
  786. visibility 0.2s ease-in-out,
  787. transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  788. -webkit-transform: translate3d(0, 0, 0);
  789. -moz-transform: translate3d(0, 0, 0);
  790. transform: translate3d(0, 0, 0);
  791. pointer-events: none;}
  792.  
  793. [data-tooltip]:hover:before,
  794. [data-tooltip]:hover:after,
  795. [data-tooltip]:focus:before,
  796. [data-tooltip]:focus:after,
  797. .tooltip:hover:before,
  798. .tooltip:hover:after,
  799. .tooltip:focus:before,
  800. .tooltip:focus:after {
  801. visibility: visible;
  802. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  803. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  804. opacity: 1;}
  805.  
  806. .tooltip:before,
  807. [data-tooltip]:before {
  808. margin-left:-7px;
  809. z-index: 1001;
  810. border: 6px solid transparent;
  811. background: transparent;
  812. content: "";}
  813.  
  814. .tooltip:after,
  815. [data-tooltip]:after {
  816. z-index: 1000;
  817. padding: 6px 4px 4px 4px;
  818. width: 80px;
  819. background-color: #777;
  820. color: #fff;
  821. content: attr(data-tooltip);
  822. font-size: 8px;
  823. line-height: 1.2;}
  824.  
  825. [data-tooltip]:after,
  826. .tooltip:after {
  827. margin-left: -45px;}
  828.  
  829. .tooltip-bottom:before,
  830. .tooltip-bottom:after {
  831. top: 100%;
  832. bottom: auto;
  833. left: 50%;}
  834.  
  835. .tooltip-bottom:before {
  836. margin-top: -12px;
  837. margin-bottom: 0;
  838. border-top-color: transparent;
  839. border-bottom-color: #777;}
  840.  
  841. .tooltip-bottom:hover:before,
  842. .tooltip-bottom:hover:after,
  843. .tooltip-bottom:focus:before,
  844. .tooltip-bottom:focus:after {
  845. -webkit-transform: translateY(10px);
  846. -moz-transform: translateY(10px);
  847. transform: translateY(10px); }
  848.  
  849. .cr {
  850. float:right;
  851. font-size:14px;
  852. margin-right:10px;}
  853.  
  854. </style>
  855.  
  856. </head>
  857.  
  858. <body>
  859.  
  860. <div id="bgimage"></div>
  861.  
  862. <div id="container">
  863. <div id="titlebar"></div>
  864. <div id="bottombar">
  865. <div id="pagination">
  866. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> - {/block:PreviousPage} page {CurrentPage} of {TotalPages}{block:NextPage} - <a href="{NextPage}">next</a>
  867. {/block:NextPage}
  868. {/block:Pagination}
  869. <div class="cr">
  870. <a href="//octomoosey.tumblr.com/" class="tooltip-bottom" data-tooltip="theme by octomoosey"><span class="lnr lnr-code"></span></a></div>
  871. </div>
  872. </div>
  873. <div id="navigation">
  874. <a href="/">01. index</a>
  875. <a href="/ask">02. ask me</a>
  876. {block:iflink1}<a href="{text:link 1 url}">03. {text:link 1}</a>{/block:iflink1}
  877. {block:iflink2}<a href="{text:link 2 url}">04. {text:link 2}</a>{/block:iflink2}
  878. {block:iflink3}<a href="{text:link 3 url}">05. {text:link 3}</a>{/block:iflink3}
  879. {block:iflink4}<a href="{text:link 4 url}">06. {text:link 4}</a>{/block:iflink4}
  880. {block:iflink5}<a href="{text:link 5 url}">07. {text:link 5}</a>{/block:iflink5}
  881. {block:iflink6}<a href="{text:link 6 url}">08. {text:link 6}</a>{/block:iflink6}
  882. </div>
  883.  
  884. <div class="desc">
  885. <div class="maint">{text:maintitle}</div>
  886. <div class="description">
  887. {description}</div>
  888. <div class="updates">
  889. <b>{text:update1date}</b> <span>{text:update1text}</span> <br><hr>
  890. <b>{text:update2date}</b> <span>{text:update2text}</span> <br><hr>
  891. <b>{text:update3date}</b> <span>{text:update3text}</span> <br><hr>
  892. <b>{text:update4date}</b> <span>{text:update4text}</span> <br><hr>
  893. <b>{text:update5date}</b> <span>{text:update5text}</span>
  894. </div>
  895.  
  896. <div class="todo">
  897. <li><mi><i class="material-icons">check_circle</i></mi> {text:todo1}</li>
  898. <li><mi><i class="material-icons">check_circle</i></mi> {text:todo2}</li>
  899. <li><mi><i class="material-icons">check_circle</i></mi> {text:todo3}</li>
  900. <li><mi><i class="material-icons">check_circle</i></mi> {text:todo4}</li>
  901. <li><mi><i class="material-icons">check_circle</i></mi> {text:todo5}</li>
  902. </div>
  903.  
  904. </div>
  905.  
  906. <div class="contimg"></div>
  907. <div class="smallimg">
  908. <img src="{image:icon1}">
  909. <img src="{image:icon2}">
  910. <img src="{image:icon3}">
  911. <img src="{image:icon4}">
  912. <img src="{image:icon5}">
  913. <img src="{image:icon6}">
  914. <img src="{image:icon7}">
  915. </div>
  916.  
  917. <div id="entries">
  918.  
  919. <div class="posts">
  920. {block:Posts}
  921.  
  922. {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}{/block:Photo}
  923.  
  924. {block:Photoset}{Photoset-400}{/block:Photoset}
  925.  
  926. {block:Panorama}
  927. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  928. {/block:Panorama}
  929.  
  930. {block:Video}
  931. <div class="media video">{Video-400}</div>
  932. {/block:Video}
  933.  
  934. {block:Text}
  935. {block:Title}<h1>{Title}</h1>{/block:Title}
  936. {Body}
  937. {/block:Text}
  938.  
  939. {block:Link}
  940. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  941. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  942. {/block:Link}
  943.  
  944. {block:Chat}
  945. {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>
  946. {/block:Chat}
  947.  
  948. {block:Quote}<div class="quote">"{Quote}"</div>
  949. {block:Source}<div class="quotesource"> — {Source}</div>
  950. {/block:Source}{/block:Quote}
  951.  
  952. {block:Audio}
  953. {block:AudioPlayer}
  954. <div class="playwrap">
  955. <div class="playbutton">{AudioPlayerGrey}</div>
  956. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  957. <div class="trackinfo">
  958. <div class="trackname">
  959. {block:TrackName}{TrackName}{/block:TrackName}
  960. </div>
  961. <div class="artist">
  962. {block:Artist}{Artist}{/block:Artist}
  963. </div>
  964. <div class="album">
  965. {block:Album}{Album}{/block:Album}
  966. </div>
  967. </div>
  968. </div>
  969. {/block:AudioPlayer}
  970. {/block:Audio}
  971.  
  972. {block:Answer}
  973. <div class="fr">from {Asker}</div>
  974. <div class="question">{question}</div>
  975. {answer}{/block:Answer}
  976.  
  977. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  978.  
  979. {block:Date}<div class="postinfo">
  980. <a href="{Permalink}">{TimeAgo}</a>
  981. <a href="{Permalink}">{NoteCount}n</a>
  982. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  983. {block:ContentSource}<a href="{ReblogRootURL}" title="{SourceTitle}">src</a>{/block:ContentSource}
  984. <a href="{ReblogURL}" target="_blank">reblog</a>
  985. </div>
  986.  
  987. <div class="tags">{block:HasTags}{block:Tags}<i class="fa fa-hashtag" aria-hidden="true"></i> <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>{/block:Tags}{/block:PermalinkPage}{/block:HasTags}</div>{/block:Date}
  988.  
  989. {/block:Posts}
  990. {block:PostNotes}
  991. <div class="pagenotes">{PostNotes}</div>
  992. {/block:PostNotes}
  993.  
  994. {/block:Posts}
  995.  
  996. {block:ContentSource}
  997. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  998. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  999. {/block:SourceLogo}
  1000. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1001. {/block:ContentSource}
  1002.  
  1003. </div></div></div></div>
  1004.  
  1005. <!---••• Scripts •••--->
  1006.  
  1007. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  1008.  
  1009. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1010.  
  1011. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  1012.  
  1013. <script>
  1014. (function($){
  1015. $(document).ready(function(){
  1016. $("a[title]").style_my_tooltips({
  1017. tip_follows_cursor:true,
  1018. tip_delay_time:90,
  1019. tip_fade_speed:600,
  1020. attribute:"title"
  1021. });
  1022. });
  1023. })(jQuery);
  1024. </script>
  1025.  
  1026. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1027.  
  1028. <script src="//static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1029. <script>
  1030. $(function(){ $('.posts').unnest({
  1031. yourCaption: ".caption",
  1032. wrapName: ".uncap",
  1033. newCaptionUsername: false,
  1034. originalPostCaptionUsername: false,
  1035. tumblrAvatars: true,
  1036. tumblrAvatarClass: ".unavatar",
  1037. usernameColon: false
  1038. }); }); </script>
  1039.  
  1040. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  1041.  
  1042. </body>
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!