API tools faq
paste
Advertisement
simraaa

12, SPECTRUM.

simraaa
Mar 11th, 2019
722
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.40 KB | None | 0 0
raw download clone embed print report
  1. b<!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!-- here are some reminders. :~)
  7. 001. ᴅᴏɴᴜᴛ ᴄʟᴀɪᴍ ᴛʜɪs ᴛʜᴇᴍᴇ ᴛᴏ ʙᴇ ʏᴏᴜʀs
  8. 002. ᴅᴏɴᴜᴛ ᴇᴅɪᴛ ᴀɴᴅ ʀᴇᴅɪsᴛʀᴜʙᴇ
  9. 003. ᴅᴏɴᴜᴛ ᴛᴀᴋᴇ ᴘᴀʀᴛs ᴏғ ʜᴛᴍʟ ғʀᴏᴍ ᴛʜɪs ᴛʜᴇᴍᴇ
  10. 004. ᴅᴏɴᴜᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs
  11. 005. ʏᴏᴜ ᴍᴀʏ ᴇᴅɪᴛ ᴀɴᴅ sᴛᴜғғ
  12. 006. ᴇɴᴊᴏʏ
  13. IF YOU HAVE ANY QUESTIONS LET ME KNOW YAY FUN FUN. TWIRLS
  14. base code by neonbike themes -->
  15.  
  16.  
  17.  
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <meta charset="utf-8">
  22. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  23. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
  28. <link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
  29. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  30. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  31.  
  32. <meta name="color:text" content="#000000" />
  33. <meta name="color:links" content="#000000" />
  34. <meta name="color:links hover" content="#a0a0a0" />
  35. <meta name="color:title" content="#000000" />
  36. <meta name="color:posts" content="#ffffff" />
  37. <meta name="color:bold" content="#f8f8f8" />
  38. <meta name="color:italic" content="#f8f8f8" />
  39. <meta name="color:accent" content="#000" />
  40.  
  41. <meta name="image:sidebar" content="" />
  42.  
  43. <meta name="text:title" content="artitsics" />
  44. <meta name="text:online stats" content="" />
  45. <meta name="text:overall stats" content="" />
  46. <meta name="text:link 1" content="" />
  47. <meta name="text:link 1 url" content="" />
  48. <meta name="text:tablink1" content="" />
  49. <meta name="text:tablink1 url" content="" />
  50. <meta name="text:tablink2" content="" />
  51. <meta name="text:tablink2 url" content="" />
  52. <meta name="text:tablink3" content="" />
  53. <meta name="text:tablink3 url" content="" />
  54. <meta name="text:tablink4" content="" />
  55. <meta name="text:tablink4 url" content="" />
  56. <meta name="text:tablink5" content="" />
  57. <meta name="text:tablink5 url" content="" />
  58. <meta name="text:tablink6" content="" />
  59. <meta name="text:tablink6 url" content="" />
  60. <meta name="text:tablink7" content="" />
  61. <meta name="text:tablink7 url" content="" />
  62. <meta name="text:tablink8" content="" />
  63. <meta name="text:tablink8 url" content="" />
  64.  
  65.  
  66.  
  67.  
  68.  
  69. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  70.  
  71. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  72.  
  73. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  74.  
  75. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  76.  
  77. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  78.  
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  81. <script>
  82. (function($){
  83. $(document).ready(function(){
  84. $("a[title]").style_my_tooltips({
  85. tip_follows_cursor:true,
  86. tip_delay_time:90,
  87. tip_fade_speed:600,
  88. attribute:"title"
  89. });
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97. @font-face {
  98. font-family: austin worth; src: url('https://dl.dropboxusercontent.com/s/2tp2q1oawdgdewi/Austin%20Worth.ttf') ;}
  99.  
  100. @font-face { font-family: mellow; src: url('https://dl.dropboxusercontent.com/s/h4sw6ds4mu4ethd/Mellow.otf') ;}
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107. ::-moz-selection {
  108. background-color: {color:accent};
  109. color: white;
  110. }
  111.  
  112. ::selection {
  113. background: {color:accent};
  114. color: white;
  115. }
  116.  
  117.  
  118.  
  119. ::-webkit-scrollbar {
  120. width: 3px;
  121. height: 2px;
  122. }
  123. ::-webkit-scrollbar-button {
  124. width: 0px;
  125. height: 0px;
  126. }
  127. ::-webkit-scrollbar-thumb {
  128. background: transparent;
  129. border: 0px none #ffffff;
  130. border-radius: 50px;
  131. }
  132. ::-webkit-scrollbar-thumb:hover {
  133. background:transparent;
  134. }
  135. ::-webkit-scrollbar-thumb:active {
  136. background: transparent;
  137. }
  138. ::-webkit-scrollbar-track {
  139. background: #container;
  140. border: 0px none {color:accent};
  141. border-radius: 0px;
  142. }
  143. ::-webkit-scrollbar-track:hover {
  144. background: transparent;
  145. }
  146. ::-webkit-scrollbar-track:active {
  147. background: transparent;
  148. }
  149. ::-webkit-scrollbar-corner {
  150. background: transparent;
  151. }
  152. /* ------- TOOLTIPS ------ */
  153.  
  154. #s-m-t-tooltip {
  155. max-width:300px;
  156. margin:10px 0px 0px 10px;
  157. background:{color:accent};
  158. font-family:arial;
  159. letter-spacing:1px;
  160. font-size:7px;
  161. color:white;
  162. font-variant:small-caps;
  163. word-wrap: break-word;
  164. line-height:11px;
  165. text-transform:uppercase;
  166. padding:5px;
  167. z-index:999999999999999999999999999999999999;
  168. }
  169.  
  170.  
  171.  
  172. body {
  173. background:white;
  174. color: {color:text};
  175. font-family: montserrat;
  176. font-size:9px;
  177. line-height:16px;
  178. text-align:justify;
  179. overflow-y:scroll;
  180. padding:10px;
  181. background-color:#fff;
  182. }
  183.  
  184. a {
  185. color: {color:links};
  186. text-decoration: none;
  187. -webkit-transition: all .3s;
  188. -moz-transition: all .3s;
  189. -o-transition: all .3s;
  190. -ms-transition: all .3s;
  191. transition: all .3s;
  192. }
  193.  
  194. a:hover{
  195. color:{color:links hover};
  196. -webkit-transition: all .3s;
  197. -moz-transition: all .3s;
  198. -o-transition: all .3s;
  199. -ms-transition: all .3s;
  200. transition: all .3s;
  201. }
  202. small {
  203. font-size:9px;
  204. color:{color:text};
  205. }
  206. sub,sup {
  207. font-size:9px;
  208. color:{color:text};
  209. }
  210. b, strong{
  211. font-weight:bold;
  212. color:{color:bold};
  213. }
  214. pre {
  215. background-color:{color:accent};
  216. padding:2px;
  217. text-align:center;
  218. text-transform:uppercase;
  219. font-weight:bold;
  220. color:{color:italic};
  221. }
  222. h1, h2, h3 {
  223. color:{color:accent};
  224. text-transform:lowercase;
  225. text-align:center;
  226. font-family:'austin worth';
  227. opacity:.7;
  228. font-size:20px;
  229. letter-spacing:2px;
  230.  
  231. }
  232.  
  233. i, em {
  234. font-weight:italic;
  235. color:{color:italic};
  236.  
  237. }
  238.  
  239. u {
  240. background-color:{color:bold};
  241. color:{color:posts};
  242. font-weight:bold;
  243. opacity:.7;
  244. text-decoration: underline transparent;
  245. padding:2px;
  246. }
  247.  
  248.  
  249.  
  250. blockquote{
  251. margin-left:18px;
  252. padding-left:5px;
  253. border-left: 1px solid {color:text};
  254. }
  255.  
  256. iframe, img, embed, object, video {
  257. max-width: 100%;
  258. }
  259.  
  260. p{
  261. margin-bottom:10px;
  262. }
  263.  
  264. img {
  265. height: auto;
  266. width:auto;
  267. max-width:100%;
  268. }
  269.  
  270.  
  271. ul{
  272. list-style-type:square;
  273. }
  274.  
  275. ol{
  276. list-style-type:;
  277. }
  278.  
  279. #simba{
  280. width:520px;
  281. margin-left:auto;
  282. margin-right:auto;
  283. margin-top:200px;
  284. }
  285.  
  286. .tabcontent {
  287. position:static;
  288. text-align:center;
  289. padding:20px;
  290. z-index:999999999;
  291. width: 310px;
  292. height:370px;
  293. margin-top:-50px;
  294. margin-left:300px;
  295. }
  296. #zzz{
  297. background:{color:accent};
  298. position:fixed;
  299. width:350px;
  300. height:450px;
  301. position:fixed;
  302. margin-left:200px;
  303. z-index:-1;
  304. margin-right:auto;
  305. margin-top:-40px;
  306. margin-bottom:150px;
  307. }
  308.  
  309. #postcontainer {
  310. position:static;
  311. padding:20px;
  312. z-index:999999999999;
  313. width: 285px;
  314. height:390px;
  315. margin-top:-40px;
  316. margin-left:210px;
  317. overflow-y:scroll;
  318. text-align:center;
  319. margin-bottom:150px;
  320. }
  321.  
  322. /* ----------------------------- HEADER STUFF ---------------------------*/
  323. #sidebar {
  324. z-index:100000000000000999999;
  325. position:absolute;
  326. margin-left:-240px;
  327. margin-top:-40px;
  328. height:450px;
  329. width:270px;
  330.  
  331. }
  332. .sidebars {
  333. z-index:99999;
  334. position:fixed;
  335. background-color:{color:accent};
  336. width:100px;
  337. height:100px;
  338. margin-top:-10px;
  339. margin-left:110px;
  340. }
  341.  
  342.  
  343. .sidebars img {
  344. width:100px;
  345. margin-left:px;
  346. margin-top:-23px;
  347. position:fixed;
  348. z-index:999999999999999;
  349. }
  350.  
  351. .tittie {
  352. position:fixed;
  353. margin-top:105px;
  354. margin-left:110px;
  355. width:98px;
  356. height:60px;
  357. text-align:left;
  358. background-color:#fff;
  359. border:1px {color:accent} solid;
  360. font-family:helvetica neue;
  361. text-transform:uppercase;
  362. }
  363. .tittie a {
  364. color:#000;
  365. font-size:12px;
  366. line-height:25px;
  367. padding-left:5px;
  368. font-weight:bold;
  369. font-family:helvetica neue;
  370. }
  371.  
  372. .stats {
  373. position:fixed;
  374. margin-top:130px;
  375. margin-left:116px;
  376. width:98px;
  377.  
  378. width:90px;
  379. text-align:left;
  380. font-family:helvetica neue;
  381. text-transform:uppercase;
  382. }
  383. .stats a {
  384. color:#000;
  385. font-size:10px;
  386. font-weight:bold;
  387. font-family:helvetica neue;
  388. }
  389.  
  390. .navtittie {
  391. position:fixed;
  392. margin-top:60px;
  393. margin-left:115px;
  394. z-index:-8;
  395. font-family:mellow;
  396. }
  397. .navtittie a {
  398. color:transparent;
  399. font-size:70px;
  400. -webkit-text-stroke-width: 1px;
  401. -webkit-text-stroke-color: {color:accent};
  402. filter: blur(.5px);
  403. -webkit-filter: blur(.5px);
  404. }
  405.  
  406. .navtittie2 {
  407. position:fixed;
  408. margin-top:60px;
  409. z-index:-9;
  410. margin-left:110px;
  411. font-family:mellow;
  412. }
  413. .navtittie2 a {
  414. color:{color:accent};
  415. font-size:70px;
  416. filter: blur(1px);
  417. -webkit-filter: blur(1px);
  418. }
  419. .icon {
  420. z-index:99999999;
  421. margin-top:290px;
  422. position:fixed;
  423. margin-left:27px;
  424. width: 100px;
  425. height:80px;
  426. }
  427. .info {
  428. width:100px;
  429. height:50px;
  430. background-color:#b6b4ad;
  431. margin-top:353px;
  432. padding-top:30px;
  433. position:fixed;
  434. margin-left:27px;
  435. text-align:center;
  436. z-index:1;
  437.  
  438. }
  439.  
  440.  
  441.  
  442.  
  443.  
  444. .tabnav {
  445. display:inline-block;
  446. margin-left:-120px;
  447. margin-top:120px;
  448. width:250px;
  449. font-size:10px;
  450. position:fixed;
  451. z-index:9999999999999999999999999;
  452.  
  453. }
  454.  
  455. .tabnav li {
  456. margin-right:10px;
  457. display:inline-block;
  458. width:20px;
  459. padding:10px;
  460. height:17px;
  461. margin-bottom:15px;
  462. padding-top:13px;
  463. text-transform:uppercase;
  464. background-color:{color:accent};
  465. opacity:.9;
  466. color:#fff;
  467. border-radius:2px;
  468. }
  469. .tabnav a{
  470.  
  471. color:#fff;
  472.  
  473.  
  474. }
  475.  
  476.  
  477. /* ------------------------------ TABS ------------------------------ */
  478.  
  479. .tabs {
  480. width:400px;
  481. margin-left:100px;
  482. display:inline-block;
  483.  
  484. }
  485.  
  486. /*----- Tab Links -----*/
  487. .tab-links {
  488. display:block;
  489. margin-left:6px;
  490. margin-top:130px;
  491. z-index:99999999;
  492. position:fixed;
  493.  
  494. }
  495.  
  496. .tab-links li {
  497. margin-right:4px;
  498. text-transform:uppercase;
  499. list-style:none;
  500. display:inline;
  501. z-index:99999999999;
  502. }
  503.  
  504. .tab-links a {
  505. font-size:6.8px;
  506. color:{color:links};
  507. font-family:helvetica neue;
  508. font-weight:500;
  509. transition:all linear 0.15s;
  510.  
  511. }
  512.  
  513. .tab-links a:hover {
  514. text-decoration:none;
  515. filter: blur(1px);
  516. -webkit-filter: blur(1px);
  517. }
  518.  
  519. li.active a, li.active i:hover {
  520. color:{color:links};
  521. -webkit-transition: all .3s;
  522. -moz-transition: all .3s;
  523. -o-transition: all .3s;
  524. -ms-transition: all .3s;
  525. transition: all .3s;
  526. }
  527.  
  528. /*----- Content of Tabs -----*/
  529.  
  530. .tab {
  531. display:none;
  532. }
  533.  
  534. .tab.active {
  535. display:block;
  536. }
  537.  
  538. /* --------------------------- POSTS (articles) --------------------- */
  539.  
  540.  
  541. #entries{
  542. padding:20px;
  543. z-index:99;
  544. margin-top:-360px;
  545. width:350px;
  546. position:absolute;
  547. height:310px;
  548. overflow-y:scroll;
  549. margin-left:150px;
  550. }
  551.  
  552.  
  553. #post {
  554. font-size:10px;
  555. background-color:{color:posts};
  556. padding:25px;
  557. padding-bottom:0px;
  558. width: 400px;
  559. z-index:99;
  560. margin-bottom:170px;
  561. margin-left:320px;
  562. margin-top:-150px;
  563.  
  564. }
  565.  
  566.  
  567.  
  568.  
  569. blockquote{
  570. margin-left:18px;
  571. padding-left:5px;
  572. border-left: 1px solid {color:text};
  573. }
  574.  
  575.  
  576. .p { padding-top: 5px;}
  577. .ol, ul { margin-left: 10px; padding: 5px; }
  578. .ul { list-style-type: square; }
  579.  
  580. #post .tags {position:relative;
  581. text-align:center;opacity:0;
  582. color:{color:text};
  583. margin-top:-10px;
  584. padding:8px; z-index:999999999999999;
  585. font-size:7px;
  586. font-variant:small-caps;
  587. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  588. -moz-transition: all 0.2s linear;
  589. transition: all 0.2s linear;}
  590.  
  591. #post:hover .tags {position:relative;
  592. text-align:center;opacity:1;
  593. color:{color:text};
  594. margin-top:0px;
  595. padding:8px; width:auto;z-index:999999999999999;
  596. font-size:7px;
  597. font-variant:small-caps;
  598. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  599. -moz-transition: all 0.2s linear;
  600. transition: all 0.2s linear;}
  601. .tags a {color:{color:link};text-transform:uppercase;}
  602.  
  603. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  604.  
  605. #permalink{
  606. position:relative;
  607. text-align:center;
  608. color:{color:links};
  609. margin-top:15px;
  610. padding:5px;
  611. font-size:9px;
  612. letter-spacing:1px;
  613. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  614. -moz-transition: all 0.2s linear;
  615. transition: all 0.2s linear;
  616. }
  617.  
  618. #permalink a{
  619. color:{color:Permalink};
  620. }
  621.  
  622. #permalink a:hover{
  623. color:{color:Permalink Hover};
  624. }
  625. #question{
  626. margin-bottom:15px;
  627. text-transform:uppercase;
  628. width:380px;
  629. background-color:{color:accent};
  630. color:{color:text};
  631. padding:10px;
  632. text-align:center;
  633. border-radius:5px;
  634. }
  635. #question strong{
  636. text-transform:lowercase;
  637. text-align:center;
  638. font-family:austin worth;
  639. color:#000;
  640. opacity:.7;
  641. font-style:italic;
  642. font-size:13px;
  643. letter-spacing:2px;
  644. }
  645.  
  646. .answer {
  647. font-size:8px;
  648. }
  649. /* ------------------------- PAGINATION ------------------------- */
  650. ul.pagination {
  651. display: inline-block;
  652. margin-top:160px;
  653. margin-left:169px;
  654. padding: 0;
  655. position:fixed;
  656. z-index:100px;
  657. height:3px;
  658. }
  659.  
  660.  
  661. ul.pagination li {display: inline;}
  662.  
  663. ul.pagination li a {
  664. color:{color:accent};
  665. border-radius:10%;
  666. background-color:{color:posts};
  667. padding-left:5px;
  668. padding-right:5px;
  669. font-size:6px;
  670. z-index:100px;
  671. font-weight:500px;
  672. font-variant:small-caps;
  673. height:17px;
  674. }
  675.  
  676. ul.pagination li a.active {
  677. background-color: {color:posts};
  678. color: black;
  679. border-right: 1px solid {color:links};
  680. }
  681.  
  682. ul.pagination li a:hover:not(.active) {background-color: {color:accent};}
  683.  
  684. #cred {
  685. position:fixed;
  686. font-weight:normal;
  687. line-height:150%;
  688. letter-spacing:2px;
  689. right:10px;
  690. bottom:10px;
  691. text-transform:uppercase;
  692. text-align:center;
  693. }
  694. #cred img{
  695. width:20px;
  696. }
  697.  
  698.  
  699. /* --------------------------- Custom CSS -------------------------- */
  700. {CustomCSS}
  701. </style>
  702. </head>
  703. <body>
  704.  
  705. <div id="simba">
  706.  
  707.  
  708. <!--NAVIGATION STUFF-->
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718.  
  719. <!-- --------------------------- TABS -------------------------- -->
  720.  
  721.  
  722. <div class="tabs">
  723.  
  724. <!-- --------------------------- TAB 1 -------------------------- -->
  725.  
  726. <div id="sidebar">
  727.  
  728.  
  729. <div class="tittie"><a>{text:title}™</a></div>
  730. <div class="stats"><a>
  731. {text:online stats} - {text:overall stats}
  732. </a></div>
  733.  
  734.  
  735. <div class="tabs">
  736.  
  737. <ul class="tab-links">
  738. <li class="active">
  739. <a href="/"title="REFRESH" style="margin-left:4px;">Home</a></li>
  740. <li><a href="/ask"title="INBOX">Inbox</i></a></li>
  741. <li><a href="#tabbie"title="NAVIGATION">Links</a></li>
  742. <li><a href="{text:link 1 url}"title="{text:link 1}">Mine</i></a></li>
  743. </ul>
  744.  
  745.  
  746. </div>
  747.  
  748.  
  749. <div class="sidebars">
  750. <img src="{image:sidebar}">
  751. </div>
  752.  
  753.  
  754. {block:Pagination}
  755.  
  756. <ul class="pagination">
  757. {block:PreviousPage} <li><a href="{PreviousPage}"style="position:absolute;margin-left:-45px;margin-top:-2px; z-index:100px;">BACK</a></li>{/block:PreviousPage} &nbsp; {block:NextPage} <li><a href="{NextPage}"style="position:absolute;margin-top:-18.5px; z-index:100px;">NEXT</a></li>{/block:NextPage}
  758.  
  759. </ul>
  760.  
  761. {/block:Pagination}
  762.  
  763.  
  764.  
  765.  
  766.  
  767. <div class="tab-content">
  768. <div id="tab1" class="tab active">
  769. <!--PAGINATION-->
  770.  
  771.  
  772.  
  773.  
  774.  
  775.  
  776. {block:Posts}
  777. <div id="post">
  778.  
  779. {block:Text}
  780. {block:Title}
  781. <h1>{Title}</h1>
  782. {/block:Title}
  783. {Body}
  784. {/block:Text}
  785.  
  786. {block:Link}
  787. <div class="posttitle">
  788. <a href="{URL}">{Name}</a>
  789. </div>
  790. {block:Description}{Description}{/block:Description}
  791. {/block:Link}
  792.  
  793. {block:Photo}
  794. <center>
  795. {LinkOpenTag}
  796. <a href="{permalink}">
  797. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"></a>
  798. {LinkCloseTag}
  799. </center>
  800. {block:Caption}{Caption}{/block:Caption}
  801. {block:ContentSource}
  802. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  803. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  804. {/block:SourceLogo}
  805. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  806. {/block:ContentSource}
  807. {block:ReblogParentURL}
  808. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  809. {/block:ReblogParentURL}
  810. {/block:Photo}
  811.  
  812. {block:Photoset}
  813. {Photoset-400}
  814. {block:Caption}{Caption}{/block:Caption}
  815. {/block:Photoset}
  816.  
  817. {block:Quote}
  818. <div class="posttitle">"{Quote}"</div>
  819. {block:Source}
  820. - {Source}
  821. {/block:Source}
  822. {/block:Quote}
  823.  
  824. {block:Chat}
  825. {block:Title}
  826. <div class="posttitle">
  827. {Title}
  828. </div>
  829. {/block:Title}
  830. {block:Lines}
  831. {block:Label}
  832. <b>{Label} </b>
  833. {/block:Label}
  834. {Line}
  835. <br>
  836. {/block:Lines}
  837. {/block:Chat}
  838.  
  839. {block:Audio}
  840. {block:AlbumArt}
  841. <img src="{AlbumArtURL}" width="120px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  842. <span class="audio">{AudioPlayerGrey}<br></span>
  843. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  844. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  845. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  846. {block:Caption}{Caption}{/block:Caption}
  847. {/block:Audio}
  848.  
  849. {block:Video}
  850. {Video-500}
  851. {block:Caption}{Caption}{/block:Caption}
  852. {/block:Video}
  853.  
  854. {block:Answer}
  855. <div id="question"> <strong>{Asker}</strong> </br><hr style="opacity:.5;width:150px;">
  856. {Question}</div>
  857. <p><div class="answer">{Answer}</div>
  858. {/block:Answer}
  859.  
  860.  
  861.  
  862. {block:IndexPage}
  863. <div id="permalink">
  864. <a href="{Permalink}"style="border-radius:10%;background-color:{color:Accent};padding:5px;font-size:8px;"> {TimeAgo}</a>&nbsp;&nbsp;
  865.  
  866. <a href="{Permalink}"style="border-radius:10%;background-color:{color:accent};padding:5px;font-size:8px;">{NoteCountWithLabel}</a> &nbsp;&nbsp;
  867. {block:RebloggedFrom}
  868. {/block:RebloggedFrom}
  869. <a href="{ReblogURL}" target="_blank"style="border-radius:10%;background-color:{color:accent};padding:5px;font-size:8px;">REBLOG</a></br>
  870.  
  871. </div>
  872. <div class="tags">{block:HasTags}
  873. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  874. {/block:Tags}
  875. {/block:HasTags}</div>
  876. {/block:IndexPage}
  877.  
  878. {block:PermalinkPage}
  879. <div id="permalink">
  880. <a href="{Permalink}"> {TimeAgo}</a>
  881. |
  882. <a href="{Permalink}">{NoteCountWithLabel}</a>
  883. {block:RebloggedFrom}
  884. | <a href="{ReblogParentURL}" target="_blank">via</a>
  885. | <a href="{ReblogRootURL}" target="_blank">©</a>
  886. {/block:RebloggedFrom}
  887. | <a href="{ReblogURL}" target="_blank">REBLOG</a></br>
  888.  
  889. </div>
  890. <div class="tags">{block:HasTags}
  891. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  892. {/block:Tags}
  893. {/block:HasTags}</div>
  894. {/block:PermalinkPage}
  895.  
  896.  
  897. {block:PostNotes}
  898. {PostNotes}
  899. {/block:PostNotes}
  900. </div>
  901. {/block:Posts}
  902. <!--Close of article-->
  903.  
  904.  
  905.  
  906. </div>
  907.  
  908.  
  909.  
  910.  
  911.  
  912. <div id="tabbie" class="tab">
  913. <div class="tabcontent">
  914.  
  915. <div class="navtittie"><a>Links!</a></div>
  916. <div class="navtittie2"><a>Links!</a></div>
  917.  
  918.  
  919. <div class="tabnav">
  920. <li><a href="{text:tablink1 url}"title="{text:tablink1}">a</a></li>
  921. <li><a href="{text:tablink2 url}"title="{text:tablink2}">b</a></li>
  922. <li><a href="{text:tablink3 url}"title="{text:tablink3}">c</a></li>
  923. <li><a href="{text:tablink4 url}"title="{text:tablink4}">d</a></li></br>
  924. <li><a href="{text:tablink5 url}"title="{text:tablink5}">e</a></li>
  925. <li><a href="{text:tablink6 url}"title="{text:tablink6}">f</a></li>
  926. <li><a href="{text:tablink7 url}"title="{text:tablink7}">g</a></li>
  927. <li><a href="{text:tablink8 url}"title="{text:tablink8}">h</li>
  928. </div>
  929. <img src="https://66.media.tumblr.com/a6abc0753de9f08dab678086dd41833e/tumblr_pn8ovft1E81ts5jtfo1_100.png"style="z-index:-8;margin-top:30px;margin-left:50px; -webkit-transform:rotate(6deg);position:fixed;">
  930.  
  931.  
  932. </div>
  933. </div>
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941. <!-- END OF TABS -->
  942.  
  943. </div>
  944. </div>
  945. </div>
  946. </div>
  947. </div>
  948.  
  949.  
  950. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  951.  
  952. <script>
  953. $(document).ready(function() {
  954. $('.tabs .tab-links a').on('click', function(e) {
  955. var currentAttrValue = $(this).attr('href');
  956.  
  957. // Show/Hide Tabs
  958. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  959.  
  960. // Change/remove current tab to active
  961. $(this).parent('li').addClass('active').siblings().removeClass('active');
  962.  
  963. e.preventDefault();
  964. });
  965. });
  966. </script>
  967.  
  968. <script>
  969. $(document).ready(function() {
  970. $('#filterOptions li a').click(function() {
  971. // fetch the class of the clicked item
  972. var ourClass = $(this).attr('class');
  973.  
  974. // reset the active class on all the buttons
  975. $('#filterOptions li').removeClass('active');
  976. // update the active state on our clicked button
  977. $(this).parent().addClass('active');
  978.  
  979. if(ourClass == 'all') {
  980. // show all our items
  981. $('#ourHolder').children('div.item').show();
  982. }
  983. else {
  984. // hide all elements that don't share ourClass
  985. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  986. // show all elements that do share ourClass
  987. $('#ourHolder').children('div.' + ourClass).show();
  988. }
  989. return false;
  990. });
  991. });
  992. </script>
  993.  
  994.  
  995. <div id="cred"><a href="https://artitsics.tumblr.com/"><img src="https://cdn131.picsart.com/260345992009212.png?r1024x1024"></a></div>
  996.  
  997. </body>
  998. </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!