API tools faq
paste
octomoosey

arrow

octomoosey
Aug 5th, 2018 (edited)
3,266
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.16 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>
  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="#000000">
  13. <meta name="color:maintitle" content="#ffffff">
  14. <meta name="color:maintitlehover" content="#fb9d28">
  15. <meta name="color:slidertitle" content="#ffffff">
  16. <meta name="color:pagetitle" content="#ffffff">
  17. <meta name="color:text" content="#adadad">
  18. <meta name="color:italic" content="#ffffff" />
  19. <meta name="color:bold" content="#ffffff" />
  20. <meta name="color:quoteicon" content="#fb9d28">
  21. <meta name="color:link" content="#fb9d28">
  22. <meta name="color:linkhover" content="#ffffff">
  23. <meta name="color:nav" content="#ffffff">
  24. <meta name="color:navbg" content="#fb9d28">
  25. <meta name="color:scrollbar" content="#fb9d28" />
  26. <meta name="color:borders" content="#adadad" />
  27. <meta name="color:posttitle" content="#fb9d28">
  28. <meta name="color:permalink" content="#bbb"/>
  29. <meta name="color:permalinkhover" content="#8c8c8c" />
  30. <meta name="color:tags" content="#bbb"/>
  31. <meta name="color:tagshover" content="#8c8c8c" />
  32. <meta name="color:selectiontext" content="#ffffff" />
  33. <meta name="color:selectionbg" content="#8c8c8c" />
  34.  
  35. <!--- ••• Image Variables ••• --->
  36. <meta name="image:sidebar" content=""/>
  37.  
  38. <!--- ••• Other Variables ••• --->
  39. <meta name="text:fontsize" content="10px" />
  40. <meta name="text:maintitle" content="there's a crack in everything that's how the light gets in" / >
  41. <meta name="text:slidernavtitle" content="info & nav" / >
  42. <meta name="text:sliderasktitle" content="queries" / >
  43. <meta name="text:YOURBLOGNAME" content="" />
  44. <meta name="text:askpagetitle" content="Ask me anything..." / >
  45. <meta name="text:askpageinfo" content="there's a crack in everything that's how the light gets in" / >
  46. <meta name="text:infotitle" content="About" / >
  47. <meta name="text:navtitle" content="Explore" / >
  48.  
  49. <!--- ••• Links ••• --->
  50. <meta name="text:link 1" content="link 1"/>
  51. <meta name="text:link 1 url" content="/"/>
  52. <meta name="text:link 2" content="link 2"/>
  53. <meta name="text:link 2 url" content="/"/>
  54. <meta name="text:link 3" content="link 3"/>
  55. <meta name="text:link 3 url" content="/"/>
  56. <meta name="text:link 4" content="link 4"/>
  57. <meta name="text:link 4 url" content="/"/>
  58. <meta name="text:link 5" content="link 5"/>
  59. <meta name="text:link 5 url" content="/"/>
  60. <meta name="text:link 6" content="link 6"/>
  61. <meta name="text:link 6 url" content="/"/>
  62. <meta name="text:link 7" content="link 7"/>
  63. <meta name="text:link 7 url" content="/"/>
  64. <meta name="text:link 8" content="link 8"/>
  65. <meta name="text:link 8 url" content="/"/>
  66. <meta name="text:link 9" content="link 9"/>
  67. <meta name="text:link 9 url" content="/"/>
  68. <meta name="text:link 10" content="link 10"/>
  69. <meta name="text:link 10 url" content="/"/>
  70.  
  71. <!--- ••• Fonts ••• --->
  72.  
  73. <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  74.  
  75. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  76.  
  77. <style>
  78.  
  79. #tumblr_lightbox {
  80. background-color:rgba(255, 255, 255, .9)!important;
  81. z-index:99999!important;}
  82.  
  83. #tumblr_lightbox img {opacity:0;}
  84.  
  85. #tumblr_lightbox_caption {
  86. font-weight:normal!important;
  87. text-shadow:none!important;}
  88.  
  89. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  90. -moz-box-shadow:none!important;
  91. -webkit-box-shadow:none!important;
  92. box-shadow:none!important;
  93. -moz-border-radius:0px!important;
  94. -webkit-border-radius:0px!important;
  95. border-radius:0px!important;
  96. opacity:1!important;}
  97.  
  98. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  99.  
  100. iframe.tmblr-iframe {
  101. z-index:99999999999999!important;
  102. top:7px!important;
  103. right:10px!important;
  104. opacity:0.7;
  105. transform:scale(0.65);
  106. transform-origin:100% 0;
  107. -webkit-transform:scale(0.65);
  108. -webkit-transform-origin:100% 0;
  109. -o-transform:scale(0.65);
  110. -o-transform-origin:100% 0;
  111. -moz-transform:scale(0.65);
  112. -moz-transform-origin:100% 0;
  113. -ms-transform:scale(0.65);
  114. -ms-transform-origin:100% 0;}
  115.  
  116. ::-webkit-scrollbar {
  117. width:17px;
  118. height:17px;}
  119.  
  120. ::-webkit-scrollbar {
  121. background-color:{color:background};}
  122.  
  123. ::-webkit-scrollbar-track {
  124. border:8px solid {color:background};}
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. border:8px solid {color:background};
  128. background-color:{color:scrollbar};
  129. min-height:24px;
  130. min-width:24px;}
  131.  
  132. ::-moz-selection {
  133. color:{color:selectiontext};
  134. background:{color:selectionbg};}
  135.  
  136. ::selection {
  137. color:{color:selectiontext};
  138. background:{color:selectionbg};}
  139.  
  140. /* ---••• General Styling •••--- */
  141.  
  142. body {
  143. margin:0;
  144. top:0;
  145. left:0;
  146. width: calc(100% - 24px);
  147. font-size: {text:fontsize};
  148. font-family: 'Arial';
  149. line-height:160%;
  150. color:{color:text};
  151. background:{color:background};}
  152.  
  153. blockquote {
  154. padding-left:10px;
  155. border-left:1px solid {color:borders};
  156. margin:15px 0px 0px 0px;
  157. text-align:justify;}
  158.  
  159. .caption blockquote {
  160. margin:15px 0px 0px 0px;}
  161.  
  162. blockquote img {
  163. max-width:100%;
  164. height:auto;;}
  165.  
  166. img {
  167. max-width:100%;
  168. height:auto;}
  169.  
  170. .caption img {
  171. max-width:100%;
  172. height:auto;}
  173.  
  174. .posts img {
  175. max-width:100%;
  176. margin-top:0px;
  177. margin-bottom:5px;}
  178.  
  179. .caption {
  180. border:1px solid {color:borders};
  181. padding:15px;
  182. margin-top:15px;}
  183.  
  184. .caption a {
  185. border-bottom:1px solid {color:borders};
  186. color:{color:link};
  187. text-decoration:none;
  188. letter-spacing:1px;
  189. cursor:help;
  190. -webkit-transition: all 0.7s ease;
  191. transition: all 0.7s ease;
  192. -moz-transition: all 0.7s ease;
  193. -o-transition: all 0.7s ease;}
  194.  
  195. .caption a:hover {
  196. letter-spacing:1px;
  197. text-decoration:none;
  198. color:{color:linkhover};}
  199.  
  200. a {
  201. color:{color:link};
  202. text-decoration:none;
  203. letter-spacing:1px;
  204. cursor:help;
  205. -webkit-transition: all 0.7s ease;
  206. transition: all 0.7s ease;
  207. -moz-transition: all 0.7s ease;
  208. -o-transition: all 0.7s ease;}
  209.  
  210. a:hover {
  211. letter-spacing:1px;
  212. text-decoration:none;
  213. color:{color:linkhover};}
  214.  
  215. p:first-of-type {
  216. margin:0px;}
  217.  
  218. p {
  219. margin:10px 0 0px 0;}
  220.  
  221. small, sub {
  222. font-size: {text:fontsize};
  223. vertical-align:baseline;}
  224.  
  225. pre {
  226. white-space: pre-wrap;
  227. white-space: -moz-pre-wrap;
  228. white-space: -pre-wrap;
  229. white-space: -o-pre-wrap;
  230. word-wrap: break-word;}
  231.  
  232. h1, h2, h3, h4, h5, h6 {
  233. font-size:14px;
  234. letter-spacing:4px;
  235. text-align:center;
  236. text-transform:uppercase;
  237. color:{color:posttitle};}
  238.  
  239. b, strong {
  240. letter-spacing:1px;
  241. font-size: {text:fontsize};
  242. color:{color:bold};}
  243.  
  244. i, em {
  245. font-size: {text:fontsize};
  246. color:{color:italic};}
  247.  
  248. small, big {
  249. font-size:{text:fontsize};}
  250.  
  251. /* ---••• Slider •••--- */
  252.  
  253. .slider {
  254. border-left:1px solid {color:borders};
  255. position:fixed;
  256. right:0px;
  257. top:50px;
  258. width: 750px;}
  259.  
  260. .slider > ul > li,
  261. .slider-title,
  262. .slider-content,
  263. .slider-separator {
  264. background:{color:borders};
  265. float: left;}
  266.  
  267. .slider > ul > li {
  268. margin-right: -600px;
  269. margin-bottom: -0px;}
  270.  
  271. .slider-select:checked ~ .slider-separator {
  272. margin-right: 600px;
  273. margin-bottom: 0px;}
  274.  
  275. .slider-title,
  276. .slider-select {
  277. text-align:left;
  278. background-color: {color:background};
  279. color: {color:slidertitle};
  280. width: 50px;
  281. height:calc(100vh - 50px);
  282. font-size: 9px;}
  283.  
  284. .slider-title span {
  285. text-transform:uppercase;
  286. letter-spacing:4px;
  287. margin-bottom: 25px;
  288. margin-left: 20px;
  289. transform: rotate(-90deg);
  290. -o-transform: rotate(-90deg);
  291. -moz-transform: rotate(-90deg);
  292. -webkit-transform: rotate(-90deg);
  293. -ms-writing-mode: lr-bt;
  294. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  295. margin-left: 0px;
  296. line-height: 50px;}
  297.  
  298. .slider-content {
  299. background-color: {color:background};
  300. color: {color:text};
  301. height:calc(100vh - 150px);
  302. width: 500px;
  303. padding: 50px;}
  304.  
  305. .slider-title,
  306. .slider-select:checked ~ .slider-content {
  307. margin-right: 1px;
  308. margin-bottom: 1px;}
  309.  
  310. .slider {
  311. overflow: hidden;}
  312.  
  313. .slider > ul {
  314. margin: 0;
  315. padding: 0;
  316. list-style: none;
  317. width: 101%;}
  318.  
  319. .slider > ul > li,
  320. .slider-title {
  321. position: relative;}
  322.  
  323. .slider-select {
  324. cursor: help;
  325. position: absolute;
  326. opacity: 0;
  327. top: 0;
  328. left: 0;
  329. margin: 0;
  330. z-index: 1;}
  331.  
  332. .slider-title span {
  333. display: block;
  334. position: absolute;
  335. bottom: 0px;
  336. width: 100%;
  337. white-space: nowrap;}
  338.  
  339. .slider-content {
  340. position: relative;
  341. overflow: auto;}
  342.  
  343. .slider-separator {
  344. transition: margin 0.6s ease 0.1s;
  345. -o-transition: margin 0.6s ease 0.1s;
  346. -moz-transition: margin 0.6s ease 0.1s;
  347. -webkit-transition: margin 0.6s ease 0.1s;}
  348.  
  349. /* ---••• Sidebar & Topbar •••--- */
  350.  
  351. #sidebar {
  352. position:fixed;
  353. top:50px;
  354. left:0px;
  355. height:calc(100vh - 50px);
  356. width:calc(100vw - 750px);
  357. background-image: url('{image:sidebar}');
  358. background-position:center;
  359. background-attachment: absolute;
  360. -webkit-background-size: cover;
  361. -moz-background-size: cover;
  362. -o-background-size: cover;
  363. background-size: cover;
  364. overflow-x:hidden;}
  365.  
  366. #topbar {
  367. background:{color:background};
  368. height:49px;
  369. left:0px;
  370. right:0px;
  371. position:fixed;
  372. border-bottom:1px solid {color:borders};}
  373.  
  374. .maintitle {
  375. text-transform:uppercase;
  376. position:absolute;
  377. top:17px;
  378. left:55px;}
  379.  
  380. .maintitle a {
  381. letter-spacing:2px;
  382. color:{color:maintitle};}
  383.  
  384. .maintitle a:hover {
  385. letter-spacing:2.5px;
  386. color:{color:maintitlehover};}
  387.  
  388. .maintitleicon {
  389. position:absolute;
  390. top:13px;
  391. margin-left:20px;
  392. font-size:20px;
  393. -webkit-border-radius: 12px;
  394. -moz-border-radius: 12px;
  395. border-radius: 12px;}
  396.  
  397. /* ---••• Posts •••--- */
  398.  
  399. .entries {
  400. margin-left:-0px;}
  401.  
  402. .posts {
  403. margin-top:0px;
  404. width: 500px;
  405. text-align:justify;
  406. margin-bottom:80px;}
  407.  
  408. .postsinner {
  409. border:1px solid {color:borders};
  410. padding:15px;}
  411.  
  412. .postsinner a {
  413. border-bottom:1px solid {color:borders};
  414. color:{color:link};
  415. text-decoration:none;
  416. letter-spacing:1px;
  417. cursor:help;
  418. -webkit-transition: all 0.7s ease;
  419. transition: all 0.7s ease;
  420. -moz-transition: all 0.7s ease;
  421. -o-transition: all 0.7s ease;}
  422.  
  423. .postsinner a:hover {
  424. letter-spacing:1px;
  425. text-decoration:none;
  426. color:{color:linkhover};}
  427.  
  428. .perma {
  429. font-size:calc({text:fontsize} - 2px);
  430. text-transform:uppercase;
  431. background:{color:postbg};
  432. margin-top:15px;
  433. padding:10px 15px;
  434. border:1px solid {color:borders};
  435. letter-spacing: .5px;}
  436.  
  437. .perma a {
  438. color:{color:permalink};}
  439.  
  440. .perma a:hover {
  441. color:{color:permalinkhover};}
  442.  
  443. .tags {
  444. text-transform:uppercase;
  445. margin-top:5px;
  446. font-size:calc({text:fontsize} - 2px);
  447. text-align:right;}
  448.  
  449. .tags a {
  450. color:{color:tags};
  451. margin-left:3px;}
  452.  
  453. .tags a:hover {
  454. color:{color:tagshover};}
  455.  
  456. .like-b {
  457. position:relative;
  458. display:inline-block;
  459. height:1em;
  460. line-height:1em;
  461. overflow:hidden;
  462. margin-bottom:-2px;}
  463.  
  464. .like-b .like_button iframe {
  465. position:absolute;
  466. top:0;
  467. left:0;
  468. bottom:0;
  469. right:0;
  470. z-index:2;
  471. opacity:0;}
  472.  
  473. .like-b .liked + .b {
  474. color:inherit;}
  475.  
  476. .like-b .liked + .b:after {
  477. content:'d';}
  478.  
  479. /* ---••• Post Notes •••--- */
  480.  
  481. ol.notes {
  482. padding:0px;
  483. margin:25px 0px 0px -10px;
  484. list-style-type:none;}
  485.  
  486. ol.notes li.note {
  487. padding:10px;}
  488.  
  489. ol.notes li.note a {
  490. text-transform:uppercase;}
  491.  
  492. ol.notes li.note img.avatar {
  493. vertical-align:-9px;
  494. margin-right:10px;
  495. width:16px;
  496. height:16px;}
  497.  
  498. ol.notes li.note span.action {
  499. font-weight:none;}
  500.  
  501. ol.notes li.note .answer_content {
  502. font-weight:normal;}
  503.  
  504. ol.notes li.note blockquote {
  505. padding:4px 10px;
  506. margin:10px 0px 0px 25px;}
  507.  
  508. ol.notes li.note blockquote a {
  509. text-decoration:none;}
  510.  
  511. /* ---••• Post Types •••--- */
  512.  
  513. .posttitle {
  514. color:{color:posttitle};
  515. font-style: italic;
  516. font-size:14px;
  517. margin-bottom:5px;
  518. text-transform:uppercase;
  519. letter-spacing:2px;}
  520.  
  521. /* ---••• Ask Posts •••--- */
  522.  
  523. .asker {
  524. font-size:calc({text:fontsize} - 2px);
  525. text-align:right;
  526. text-transform:uppercase;
  527. letter-spacing:2px;}
  528.  
  529. .question {
  530. border:1px solid {color:borders};
  531. padding:15px;}
  532.  
  533. .answer a {
  534. border-bottom:1px solid {color:borders};
  535. color:{color:link};
  536. text-decoration:none;
  537. letter-spacing:1px;
  538. cursor:help;
  539. -webkit-transition: all 0.7s ease;
  540. transition: all 0.7s ease;
  541. -moz-transition: all 0.7s ease;
  542. -o-transition: all 0.7s ease;}
  543.  
  544. .answer a:hover {
  545. letter-spacing:1px;
  546. text-decoration:none;
  547. color:{color:linkhover};}
  548.  
  549. .answer {
  550. border:1px solid {color:borders};
  551. padding:15px;}
  552.  
  553. /* ---••• Quote Posts •••--- */
  554.  
  555. .titlequote {
  556. font-size:calc({text:fontsize} - 1px);
  557. letter-spacing:2px;
  558. text-transform:uppercase;}
  559.  
  560. .source {
  561. font-size:;
  562. text-align:right;
  563. margin-top:10px;}
  564.  
  565. .ql {
  566. position:relative;
  567. float:left;
  568. margin-right:5px;
  569. bottom:-11px;
  570. font-size: 60px;
  571. color:{color:quoteicon};}
  572.  
  573. /* ---••• Audio Player •••--- */
  574.  
  575. .playwrap {
  576. margin-top:0px;
  577. position:relative;}
  578.  
  579. .playbutton {
  580. position:relative;
  581. margin-top:40px;
  582. margin-left:23px;
  583. z-index:9;
  584. width:33px;
  585. height:30px;
  586. overflow:hidden;}
  587.  
  588. .albumart img {
  589. border:10px solid {color:text};
  590. position:relative;
  591. margin-top:-55px;
  592. margin-left:0px
  593. height:60px;
  594. width:60px;}
  595.  
  596. .trackinfo {
  597. margin-bottom:10px;
  598. color:{color:text};
  599. top:40px;
  600. position:relative;
  601. margin-left:100px;
  602. height:80px;
  603. margin-top:-135px;
  604. margin-bottom:65px;}
  605.  
  606. .trackname {
  607. position:relative;
  608. padding-top:25px;
  609. text-align:left;
  610. font-size:10px;
  611. text-transform:uppercase;
  612. font-weight: bold;
  613. letter-spacing:2px;}
  614.  
  615. .artist {
  616. text-align:left;
  617. font-size:10px;
  618. text-transform:uppercase;
  619. letter-spacing:4px;}
  620.  
  621. .album {
  622. text-align:left;
  623. font-style: italic;
  624. letter-spacing:4px;}
  625.  
  626. /* ---••• Pagination •••--- */
  627.  
  628. .pagination {
  629. text-align:center;
  630. margin-top:-50px;
  631. text-transform:uppercase;
  632. font-size:14px;
  633. letter-spacing:1px;}
  634.  
  635. /* ---••• Slider Content •••--- */
  636.  
  637. .pagetitle {
  638. color:{color:pagetitle};
  639. text-transform:uppercase;
  640. border:1px solid {color:borders};
  641. padding:15px;
  642. margin-bottom:15px;
  643. letter-spacing:2px;}
  644.  
  645. .nav {
  646. }
  647.  
  648. .nav a {
  649. font-weight:bold;
  650. color:{color:nav};
  651. background:{color:navbg};
  652. text-align:center;
  653. letter-spacing:2px;
  654. font-size:calc({text:fontsize} - 2px);
  655. text-transform:uppercase;
  656. margin-bottom:6px;
  657. display:block;
  658. padding:6px 10px 5px;
  659. border:1px solid {color:borders};}
  660.  
  661. .nav a:hover {
  662. letter-spacing:4px;
  663. color:{color:navbg};
  664. background:{color:nav};}
  665.  
  666. .notouchy {
  667. font-size:8px;
  668. line-height:10px;
  669. text-transform:uppercase;
  670. padding:2px 3px;
  671. position:fixed;
  672. bottom:-24px;
  673. left:10px;
  674. color:{color:text};
  675. opacity:0.6;
  676. -webkit-transition: all 0.7s ease;
  677. transition: all 0.7s ease;
  678. -moz-transition: all 0.7s ease;
  679. -o-transition: all 0.7s ease;}
  680.  
  681. .notouchy img {
  682. margin-bottom:10px;
  683. padding:3px;
  684. background:#151515;
  685. -webkit-border-radius: 16px;
  686. -moz-border-radius: 16px;
  687. border-radius: 16px;}
  688.  
  689. .notouchy a {
  690. color:{color:text};}
  691.  
  692. .notouchy:hover {
  693. opacity:1;
  694. bottom:10px;}
  695.  
  696. </style>
  697. </head>
  698. <body>
  699. <div id="topbar">
  700. <div class="maintitleicon"><a href="/"><img src="{PortraitURL-24}"></a></div>
  701. <div class="maintitle"><a href="/">{text:maintitle}</a></div></div>
  702.  
  703. <div id="sidebar">
  704.  
  705. <div class="notouchy">
  706. <a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a><br>
  707. <a href="//octomoosey.tumblr.com/">theme by<br>octomoosey</a></div></div>
  708.  
  709. <div class="slider">
  710. <ul>
  711. <li>
  712. <input type="radio" name="select" class="slider-select" />
  713. <div class="slider-title"><span>{text:slidernavtitle}</span></div>
  714. <div class="slider-content">
  715. <div class="pagetitle">{text:infotitle}</div>
  716. {description}
  717.  
  718. <br><br>
  719. <div class="pagetitle">{text:navtitle}</div>
  720. <div class="nav">
  721. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  722. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  723. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  724. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  725. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  726. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  727. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  728. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  729. {block:iflink9}<a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9}
  730. {block:iflink10}<a href="{text:link 10 url}">{text:link 10}</a>{/block:iflink10}
  731. </div>
  732. </div>
  733. <div class="slider-separator"></div>
  734. </li>
  735.  
  736. <li>
  737. <input type="radio" name="select" class="slider-select" />
  738. <div class="slider-title"><span>{text:sliderasktitle}</span></div>
  739. <div class="slider-content">
  740. <div class="pagetitle">{text:askpagetitle}</div>
  741. {text:askpageinfo}
  742. <br><br>
  743. <p><iframe frameborder="0" height="260" id="ask_form" scrolling="no" src="//www.tumblr.com/ask_form/{text:YOURBLOGNAME}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  744. </div>
  745. <div class="slider-separator"></div>
  746. </li>
  747.  
  748. <li>
  749. <input type="radio" name="select" class="slider-select" checked />
  750. <div class="slider-title"><span>posts</span></div>
  751. <div class="slider-content">
  752. <div class="entries">
  753. {block:Posts}
  754. <div class="posts">
  755.  
  756. {block:Text}
  757. <div class="postsinner">
  758. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  759. {Body}</div>{/block:Text}
  760.  
  761.  
  762. {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}{/block:Photo}
  763.  
  764. {block:Photoset}{Photoset-500}{/block:Photoset}
  765.  
  766. {block:Panorama}
  767. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  768. {/block:Panorama}
  769.  
  770. {block:Video}
  771. <div class="media video">{Video-500}</div>
  772. {/block:Video}
  773.  
  774. {block:Quote}
  775. <div class="postsinner">
  776. <div class="ql">&ldquo;</div>
  777. <div class="titlequote">{Quote}</div>
  778. {block:Source}<div class="source">{Source}</div>{/block:Source}
  779. </div>
  780. {/block:Quote}
  781.  
  782. {block:Link}
  783. <div class="postsinner">
  784. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  785. {block:Description}{Description}{/block:Description}
  786. </div>
  787. {/block:Link}
  788.  
  789. {block:Chat}
  790. <div class="text">
  791. {block:Title}<h3>{Title}</h3>{/block:Title}
  792. {block:Lines}<p>
  793. {block:Label}<b>{Label}</b>{/block:Label}
  794. {Line}</p>
  795. {/block:Lines}
  796. </div>
  797. {/block:Chat}
  798.  
  799. {block:Audio}
  800. {block:AudioPlayer}
  801. <div class="playwrap">
  802. <div class="playbutton">{AudioPlayerGrey}</div>
  803. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  804. <div class="trackinfo">
  805. <div class="trackname">
  806. {block:TrackName}{TrackName}{/block:TrackName}
  807. </div>
  808. <div class="artist">
  809. {block:Artist}{Artist}{/block:Artist}
  810. </div>
  811. <div class="album">
  812. {block:Album}{Album}{/block:Album}
  813. </div>
  814. </div>
  815. </div>
  816. {/block:AudioPlayer}
  817. {/block:Audio}
  818.  
  819. {block:Answer}
  820. <div class="question">
  821. <div class="asker">{Asker} said:</div>
  822. {Question}</div><br>
  823. <div class="postinner">
  824. <div class="answer">
  825. {Answer}</div></div>
  826. {/block:Answer}
  827.  
  828. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  829.  
  830. {block:Date}
  831. <div class="perma">
  832. <a href="{Permalink}">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {Year} &middot;</a>
  833. <a href="{Permalink}">{block:NoteCount} {NoteCount}N &middot;{/block:NoteCount}</a>
  834.  
  835. <a href="{ReblogURL}">reblog</a> &middot;
  836. <a class="like-b" href="#">{LikeButton}<span class="b">Like</span></a>
  837. {block:RebloggedFrom}
  838. <a href="{ReblogParentURL}">&middot; via </a>
  839. <a href="{ReblogRootURL}">&middot; src </a>
  840. {/block:RebloggedFrom}
  841. </div>
  842.  
  843. <div class="tags">
  844. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags} </div>
  845. {/block:Date}
  846.  
  847. {block:PostNotes}{PostNotes}{/block:PostNotes}
  848. </div>
  849.  
  850. {/block:Posts}
  851. </div>
  852.  
  853. <div class="pagination">
  854. {block:Pagination}
  855. {block:PreviousPage}
  856. <a href="{PreviousPage}">↽ back</a>{/block:PreviousPage}&nbsp;
  857. {block:NextPage}
  858. <a href="{NextPage}">forth ⇁</a>
  859. {/block:NextPage}
  860. {/block:Pagination}
  861. </div>
  862.  
  863. {block:ContentSource}
  864. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  865. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  866. {/block:SourceLogo}
  867. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  868. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  869. </div>
  870. <div class="slider-separator"></div>
  871. </li>
  872. </ul>
  873. </div>
  874. </body>
  875. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!