API tools faq
paste
Advertisement
simraaa

05, SUNCITY.

simraaa
Dec 3rd, 2018
1,442
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.65 KB | None | 0 0
raw download clone embed print report
  1. <!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="path/to/font-awesome/css/font-awesome.min.css">
  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:Background" content="#ffffff" />
  33. <meta name="color:text" content="#000000" />
  34. <meta name="color:desctext" content="#000000" />
  35. <meta name="color:links" content="#000000" />
  36. <meta name="color:links hover" content="#a0a0a0" />
  37. <meta name="color:posts" content="#ffffff" />
  38. <meta name="color:container" content="#f8f8f8" />
  39. <meta name="color:bold" content="#f8f8f8" />
  40. <meta name="color:italic" content="#f8f8f8" />
  41. <meta name="color:accent" content="#000" />
  42.  
  43. <meta name="image:bg" content="" />
  44. <meta name="image:sidebar" content="" />
  45.  
  46.  
  47. <meta name="text:sbar title" content="" />
  48. <meta name="text:chara name" content="" />
  49. <meta name="text:chara age" content="" />
  50. <meta name="text:chara location or zodiac" content="" />
  51. <meta name="text:aesthetic" content="" />
  52. <meta name="text:song1" content="" />
  53. <meta name="text:artist1" content="" />
  54. <meta name="text:song2" content="" />
  55. <meta name="text:artist2" content="" />
  56. <meta name="text:song3" content="" />
  57. <meta name="text:artist3" content="" />
  58. <meta name="text:song4" content="" />
  59. <meta name="text:artist4" content="" />
  60. <meta name="text:link 1" content="" />
  61. <meta name="text:link 1 url" content="" />
  62. <meta name="text:navlink1 url" content="" />
  63. <meta name="text:navlink1 title" content="" />
  64. <meta name="text:navlink2 url" content="" />
  65. <meta name="text:navlink2 title" content="" />
  66. <meta name="text:navlink3 url" content="" />
  67. <meta name="text:navlink3 title" content="" />
  68. <meta name="text:navlink4 url" content="" />
  69. <meta name="text:navlink4 title" content="" />
  70. <meta name="text:navlink5 url" content="" />
  71. <meta name="text:navlink5 title" content="" />
  72. <meta name="text:navlink6 url" content="" />
  73. <meta name="text:navlink6 title" content="" />
  74. <meta name="text:navlink7 url" content="" />
  75. <meta name="text:navlink7 title" content="" />
  76. <meta name="text:navlink8 url" content="" />
  77. <meta name="text:navlink8 title" content="" />
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  86.  
  87. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  88.  
  89. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  90.  
  91. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  92.  
  93. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("a[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:90,
  103. tip_fade_speed:600,
  104. attribute:"title"
  105. });
  106. });
  107. })(jQuery);
  108. </script>
  109.  
  110.  
  111. <style type="text/css">
  112.  
  113. @font-face {
  114. font-family: austin worth; src: url('https://dl.dropboxusercontent.com/s/2tp2q1oawdgdewi/Austin%20Worth.ttf') ;}
  115.  
  116. @font-face { font-family: stay rad; src: url('https://dl.dropboxusercontent.com/s/rcbleva0319cmkl/Sun%20Valley%20-%20Demo.ttf?dl=0') ;}
  117.  
  118. @font-face { font-family: monthey; src: url('https://dl.dropboxusercontent.com/s/c19wmm9ldhak71l/Sugar%20%26%20Spice%20demo.ttf') ; }
  119.  
  120.  
  121.  
  122.  
  123. ::-moz-selection {
  124. background-color: {color:accent};
  125. color: {color:bold};
  126. }
  127.  
  128. ::selection {
  129. background: {color:text};
  130. color: {color:background};
  131. }
  132.  
  133.  
  134.  
  135. ::-webkit-scrollbar {
  136. width: 3px;
  137. height: 2px;
  138. }
  139. ::-webkit-scrollbar-button {
  140. width: 0px;
  141. height: 0px;
  142. }
  143. ::-webkit-scrollbar-thumb {
  144. background: transparent;
  145. border: 0px none #ffffff;
  146. border-radius: 50px;
  147. }
  148. ::-webkit-scrollbar-thumb:hover {
  149. background:transparent;
  150. }
  151. ::-webkit-scrollbar-thumb:active {
  152. background: transparent;
  153. }
  154. ::-webkit-scrollbar-track {
  155. background: #container;
  156. border: 0px none {color:container};
  157. border-radius: 0px;
  158. }
  159. ::-webkit-scrollbar-track:hover {
  160. background: transparent;
  161. }
  162. ::-webkit-scrollbar-track:active {
  163. background: transparent;
  164. }
  165. ::-webkit-scrollbar-corner {
  166. background: transparent;
  167. }
  168. /* ------- TOOLTIPS ------ */
  169.  
  170. #s-m-t-tooltip {
  171. max-width:300px;
  172. margin:10px 0px 0px 10px;
  173. background-color:{color:accent};
  174. font-family:arial;
  175. letter-spacing:1px;
  176. font-size:7px;
  177. color:{color:italic};
  178. font-variant:small-caps;
  179. word-wrap: break-word;
  180. line-height:11px;
  181. text-transform:uppercase;
  182. padding:5px;
  183. z-index:999999999999999999999999999999999999;
  184. }
  185.  
  186.  
  187.  
  188. body {
  189. background:{color:Background};
  190. color: {color:text};
  191. margin: 0;
  192. padding: 0;
  193. color:{color:text};
  194. font-weight:500;
  195. color:{color:text};
  196. font-family: 'Cabin', sans-serif;
  197. font-size:10px;
  198. line-height:16px;
  199. letter-spacing:.5px;
  200. text-align:justify;
  201. overflow-y:hidden;
  202. padding:10px;
  203. background-image:url('{image:bg}');
  204. }
  205.  
  206. a {
  207. color: {color:links};
  208. text-decoration: none;
  209. -webkit-transition: all .3s;
  210. -moz-transition: all .3s;
  211. -o-transition: all .3s;
  212. -ms-transition: all .3s;
  213. transition: all .3s;
  214. }
  215.  
  216. a:hover{
  217. color:{color:links hover};
  218. -webkit-transition: all .3s;
  219. -moz-transition: all .3s;
  220. -o-transition: all .3s;
  221. -ms-transition: all .3s;
  222. transition: all .3s;
  223. }
  224. small {
  225. font-size:10px;
  226. color:{color:text};
  227. }
  228. sub,sup {
  229. font-size:10px;
  230. color:{color:text};
  231. font-variant:small-caps;
  232. }
  233. b, strong{
  234. font-weight:bold;
  235. color:{color:bold};
  236. }
  237. pre {
  238. background-color:{color:container};
  239. padding:2px;
  240. text-align:center;
  241. text-transform:uppercase;
  242. font-weight:bold;
  243. color:{color:italic};
  244. }
  245. h1, h2 {
  246. color:{color:title};
  247. text-transform:lowercase;
  248. text-align:center;
  249. font-family:'austin worth';
  250. text-shadow: -1px -1px {color:container};
  251. opacity:.7;
  252. font-size:20px;
  253. letter-spacing:2px;
  254.  
  255. }
  256.  
  257. i, em {
  258. font-weight:italic;
  259. color:{color:italic};
  260.  
  261. }
  262.  
  263. u {
  264. background-color:{color:bold};
  265. color:{color:italic};
  266. font-weight:bold;
  267. opacity:.7;
  268. text-decoration: underline transparent;
  269. padding:2px;
  270. }
  271.  
  272.  
  273.  
  274. blockquote {
  275. border-left: 1px solid {color:bold};
  276. margin: 10px;
  277. padding-left:25px;
  278. padding-top:3px;
  279. padding-bottom:3px;
  280. padding-right:0px;
  281. }
  282.  
  283. iframe, img, embed, object, video {
  284. max-width: 100%;
  285. }
  286.  
  287. p{
  288. margin-bottom:10px;
  289. }
  290.  
  291. img {
  292. height: auto;
  293. width:auto;
  294. max-width:100%;
  295. }
  296.  
  297.  
  298. ul{
  299. list-style-type:square;
  300. }
  301.  
  302. ol{
  303. list-style-type:;
  304. }
  305.  
  306. #simba{
  307. width:520px;
  308. margin-left:auto;
  309. margin-right:auto;
  310. margin-top:200px;
  311. }
  312.  
  313. .tabcontent {
  314. position:static;
  315. text-align:center;
  316. padding:20px;
  317. z-index:999999999;
  318. width: 310px;
  319. height:370px;
  320. margin-top:-15px;
  321. margin-left:5px;
  322. }
  323. #zzz{
  324. background:{color:container};
  325. position:fixed;
  326. width:400px;
  327. height:470px;
  328. position:fixed;
  329. margin-left:65px;
  330. z-index:-1;
  331. margin-right:auto;
  332. margin-top:-70px;
  333. margin-bottom:150px;
  334. }
  335.  
  336. #postcontainer {
  337. position:static;
  338. padding:20px;
  339. z-index:999999999999;
  340. width: 305px;
  341. height:390px;
  342. margin-top:-60px;
  343. margin-left:90px;
  344. overflow-y:scroll;
  345. text-align:center;
  346. margin-bottom:150px;
  347. }
  348.  
  349. /* ----------------------------- HEADER STUFF ---------------------------*/
  350. #sidebar {
  351. z-index:100000000000000999999;
  352. position:absolute;
  353. margin-left:-190px;
  354. margin-top:-70px;
  355.  
  356.  
  357. }
  358.  
  359. #sidebars img{
  360. height:345px;
  361. width:125px;
  362. position:fixed;
  363. margin-left:130px;
  364. z-index:0;
  365. }
  366.  
  367. #desc {
  368. height:160px;
  369. width:110px;
  370. position:fixed;
  371. margin-top:35px;
  372. margin-left:140px;
  373. opacity:0;
  374. color:{color:desctext};
  375. overflow-y:scroll;
  376. text-align:center;
  377. -webkit-transition: all 1s;
  378. -moz-transition: all 1s;
  379. -o-transition: all 1s;
  380. -ms-transition: all 1s;
  381. transition: all 1s;
  382. }
  383. #desc b {
  384. font-weight:normal;
  385. }
  386. #desc i,em {
  387. color:{color:accent};
  388. }
  389. #desc:hover{
  390. height:160px;
  391. width:110px;
  392. position:fixed;
  393. margin-top:35px;
  394. margin-left:140px;
  395. opacity:.65;
  396. color:{color:desctext};
  397. overflow-y:scroll;
  398. text-align:center;
  399. -webkit-transition: all 1s;
  400. -moz-transition: all 1s;
  401. -o-transition: all 1s;
  402. -ms-transition: all 1s;
  403. transition: all 1s;
  404. }
  405.  
  406. #tittie {
  407. height:50px;
  408. width:160px;
  409. position:fixed;
  410. margin-top:-10px;
  411. margin-left:140px;
  412. color:{color:title};
  413. font-size:30px;
  414. font-weight:500;
  415. text-shadow: -1px -1px {color:container};
  416. z-index:1;
  417. font-family:austin worth;
  418. }
  419.  
  420. #charainfo {
  421. display:block;
  422. text-align:center;
  423. opacity:.85;
  424. margin-top:215px;
  425. position:fixed;
  426. margin-left:145px;
  427. z-index:99999;
  428. width:95px;
  429. }
  430.  
  431. #charainfo span {
  432. display:block;
  433. background-color:{color:accent};
  434. color:{color:container};
  435. padding:5px;
  436. margin-bottom: 10px;
  437. border-radius:3px;
  438. text-transform:uppercase;
  439. }
  440.  
  441. #linkywinky{
  442. position:fixed;
  443. margin-top:275px;
  444. margin-left:40px;
  445. width:125px;
  446. height:125px;
  447. background-color:{color:posts};
  448. text-align:center;
  449. }
  450.  
  451. #tabbox {
  452. display:inline-block;
  453. background:{color:posts};
  454. width:143px;
  455. height:143px;
  456. margin-left:15px;
  457. position:static;
  458. }
  459.  
  460. .tabnav {
  461. display:inline-block;
  462. padding:20px;
  463. margin-left:-15px;
  464. width:143px;
  465. margin-top:2px;
  466.  
  467. }
  468.  
  469. .tabnav i {
  470. margin-right:10px;
  471. line-height:42px;
  472. list-style:none;
  473. text-transform:uppercase;
  474. background-color:{color:container};
  475. color:{color:background};
  476. text-shadow: 1px 1px {color:posts};
  477. width:42px;
  478. height:42px;
  479. }
  480.  
  481. .tabnav a {
  482. padding-top:20px;
  483. font-size:15px;
  484. color:{color:text};
  485. font-family:austin worth;
  486. transition:all linear 0.15s;
  487.  
  488. }
  489.  
  490. .tabnav a:hover {
  491. text-decoration:none;
  492. }
  493. .aes {
  494. overflow:scroll;
  495. height:100px;
  496. width:100px;
  497. margin-left:21px;
  498. margin-top:17px;
  499. }
  500. .sike {
  501. overflow:scroll;
  502. height:100px;
  503. width:100px;
  504. margin-left:21px;
  505. margin-top:26px;
  506. }
  507.  
  508. /* ------------------------------ TABS ------------------------------ */
  509.  
  510. .tabs {
  511. width:400px;
  512. margin-left:100px;
  513. display:inline-block;
  514.  
  515. }
  516.  
  517. /*----- Tab Links -----*/
  518. .tab-links {
  519. display:block;
  520. margin-left:-505px;
  521. margin-top:15px;
  522. }
  523.  
  524. .tab-links li {
  525. margin-right:10px;
  526. display:inline-block;
  527. list-style:none;
  528. text-transform:uppercase;
  529. background-color:{color:container};
  530. width:40px;
  531. height:40px;
  532. }
  533.  
  534. .tab-links a {
  535. padding-top:18px;
  536. display:inline-block;
  537. font-size:30px;
  538. color:{color:text};
  539. font-family:austin worth;
  540. text-shadow: -1px -1px {color:background};
  541. transition:all linear 0.15s;
  542.  
  543. }
  544.  
  545. .tab-links a:hover {
  546. text-decoration:none;
  547. }
  548.  
  549. li.active a, li.active i:hover {
  550. color:{color:text};
  551. -webkit-transition: all .3s;
  552. -moz-transition: all .3s;
  553. -o-transition: all .3s;
  554. -ms-transition: all .3s;
  555. transition: all .3s;
  556. }
  557.  
  558. /*----- Content of Tabs -----*/
  559.  
  560. .tab {
  561. display:none;
  562. }
  563.  
  564. .tab.active {
  565. display:block;
  566. }
  567.  
  568. /* --------------------------- POSTS (articles) --------------------- */
  569.  
  570. article {
  571. float:left;
  572. background-color:{color:posts};
  573. padding: 15px;
  574. width: 305px;
  575. text-align:left;
  576. margin-bottom:30px;
  577. margin-left:-10px;
  578. z-index:99999;
  579.  
  580. }
  581.  
  582. /* ---------------------------- POST INFO -----------------------------*/
  583.  
  584. .postinfo{
  585. margin-top:10px;
  586. font-weight:bold;
  587. text-align:center;
  588. text-transform:uppercase;
  589.  
  590. }
  591.  
  592. .tags {
  593. margin-top:5px;
  594. font-size:7px;
  595. font-weight:normal;
  596. }
  597.  
  598. /* ---------------------------- POST NOTES ------------------------- */
  599.  
  600. ol.notes {
  601. display:block;
  602. text-align:left;
  603. list-style-type:none;
  604. margin-left:-40px;
  605. }
  606.  
  607. ol.notes li.note{
  608. margin-bottom:5px;
  609. }
  610.  
  611. .pagenotes {
  612. text-align:left;
  613. margin-top:15px;
  614. }
  615.  
  616. .pagenotes img{
  617. padding-right:5px;
  618. padding-top:5px;
  619. margin-bottom:-5px;
  620. }
  621.  
  622.  
  623. /* -------------------------- POST TYPES -------------------------- */
  624.  
  625. /* CHAT */
  626.  
  627. ul.chat{
  628. list-style:none;
  629. margin-left:-40px;
  630. }
  631.  
  632. .chat span {
  633. float: left;
  634. }
  635.  
  636. /* QUOTES */
  637.  
  638. .quote{
  639. font-size:15px;
  640. line-height:150%;
  641. text-align:center;
  642. text-transform:uppercase;
  643. }
  644.  
  645. .quotesource{
  646. text-align:right;
  647. margin-bottom:10px;
  648. }
  649.  
  650. /* QUESTIONS */
  651.  
  652. #question{
  653. margin-bottom:15px;
  654. text-transform:uppercase;
  655. width:280px;
  656. background-color:{color:container};
  657. color:{color:accent};
  658. padding:10px;
  659. text-align:center;
  660. border-radius:5px;
  661. }
  662. #question strong{
  663. color:{color:bold};
  664. text-shadow: 1px 1px {color:posts};
  665. }
  666.  
  667. .answer {
  668. font-size:8px;
  669. }
  670.  
  671.  
  672.  
  673. /* AUDIO */
  674.  
  675. .songart{
  676. float:left;
  677. margin-right:10px;
  678. }
  679.  
  680. .songart img{
  681. width:80px;
  682. height:80px;
  683. }
  684.  
  685. .songtitle{
  686. margin-bottom:10px;
  687. margin-left:90px;
  688. }
  689.  
  690. .songauthor{
  691. margin-bottom:10px;
  692. font-size:8px;
  693. margin-left:90px;
  694. }
  695.  
  696. .tumblr_audio_player {
  697. height: 50px;
  698. }
  699.  
  700. /* ------------------------- PAGINATION ------------------------- */
  701. ul.pagination {
  702. display: inline-block;
  703. padding: 0;
  704. position:fixed;
  705. margin-left:415px;
  706. margin-top:437px;
  707. }
  708.  
  709.  
  710. ul.pagination li {display: inline;}
  711.  
  712. ul.pagination li a {
  713. background: {color:container};
  714. padding: 1px;
  715. color:{color:accent};
  716. text-decoration: none;
  717. transition: background-color .3s;
  718. font-size: 10px;
  719. }
  720.  
  721. ul.pagination li a.active {
  722. background-color: {color:container};
  723. color: black;
  724. border-right: 1px solid {color:links};
  725. }
  726.  
  727. ul.pagination li a:hover:not(.active) {background-color: {color:container};}
  728.  
  729. #cred {
  730. position:fixed;
  731. font-weight:normal;
  732. line-height:150%;
  733. letter-spacing:2px;
  734. right:10px;
  735. bottom:10px;
  736. text-transform:uppercase;
  737. text-align:center;
  738. }
  739. #cred img{
  740. width:20px;
  741. }
  742.  
  743.  
  744. /* --------------------------- Custom CSS -------------------------- */
  745. {CustomCSS}
  746. </style>
  747. </head>
  748. <body>
  749.  
  750.  
  751. <div id="simba">
  752.  
  753.  
  754. <!--NAVIGATION STUFF-->
  755.  
  756. <div id="linkywinky">
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763. <div class="tabs">
  764.  
  765. <ul class="tab-links">
  766. <li class="active">
  767. <a href="#tab1"title="REFRESH">1</a></li>
  768. <li><a href="/ask"title="INBOX">2</i></a></li></br></br>
  769. <li><a href="#tabbie"title="NAVIGATION">3</a></li>
  770. <li><a href="{text:link 1 url}"title="{text:link 1}">4</i></a></li>
  771. </ul>
  772. </div>
  773.  
  774. </div>
  775.  
  776.  
  777. <!-- --------------------------- TABS -------------------------- -->
  778.  
  779.  
  780. <div class="tabs">
  781. <div id="zzz"></div>
  782. <!-- --------------------------- TAB 1 -------------------------- -->
  783.  
  784. <div id="sidebar">
  785.  
  786.  
  787. <div id="charainfo">
  788. <span>{text:chara name}</span>
  789. <span>{text:chara age}</span>
  790. <span>{text:chara location or zodiac}</span>
  791. </div>
  792. <div id="sidebars"><img src="{image:sidebar}"></div>
  793. <div id="desc">{Description}</div>
  794. <div id="tittie">{text:sbar title}</div>
  795. </div>
  796.  
  797.  
  798. <div class="tab-content">
  799. <div id="tab1" class="tab active">
  800. <!--PAGINATION-->
  801. {block:Pagination}
  802. <ul class="pagination">
  803. {block:PreviousPage} <li><a href="{PreviousPage}"style="position:absolute;margin-left:-40px;margin-top:-2px;">BACK </a></li>{/block:PreviousPage} &nbsp; {block:NextPage} <li><a href="{NextPage}"style="position:absolute;margin-top:-18.5px;">NEXT</a></li>{/block:NextPage}
  804.  
  805. </ul>
  806.  
  807. {/block:Pagination}
  808.  
  809.  
  810. <div id="postcontainer">
  811.  
  812.  
  813. {block:Posts}
  814. <article>
  815.  
  816. <!--TEXT POST-->
  817. {block:Text}
  818. {block:Title}
  819. <h1 class="title">
  820. {Title}</h1>
  821. {/block:Title}
  822. {Body}
  823. {/block:Text}
  824.  
  825.  
  826. <!--PHOTO POST-->
  827. {block:Photo}
  828. {block:IndexPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:IndexPage}
  829. {block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:PermalinkPage}
  830.  
  831. {/block:Photo}
  832.  
  833.  
  834. <!--PHOTOSET POST-->
  835. {block:Photoset}
  836. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  837. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  838. {/block:Photoset}
  839.  
  840.  
  841. <!--QUOTE POST-->
  842. {block:Quote}
  843. <div class="quote">&#10077;{Quote}&#10078;</div>
  844.  
  845. {/block:Quote}
  846.  
  847.  
  848. <!--LINK POST-->
  849. {block:Link}
  850. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  851. {block:Description}{Description}{/block:Description}
  852. {/block:Link}
  853.  
  854.  
  855. <!--CHAT POST-->
  856. {block:Chat}
  857. <ul class="chat">
  858. {block:Lines}<li class="{Alt}">{block:Label}<span class="label"style="font-weight:bold;text-transform:uppercase;padding:.5px;color:{color:bold};">{Label} </span> {/block:Label} <p> {Line} </p></li>{/block:Lines}
  859. </ul>
  860. {/block:Chat}
  861.  
  862.  
  863. <!--AUDIO POST-->
  864. {block:Audio}
  865. {block:AlbumArt}
  866. <div class="songart">
  867. <img src="{AlbumArtURL}">
  868. </div>
  869. {/block:AlbumArt}
  870. <div class="songtitle">
  871. {block:TrackName}
  872. {TrackName}
  873. {/block:TrackName}
  874. </div>
  875. <div class="songauthor">
  876. By
  877. {block:Artist}
  878. {Artist}
  879. {/block:Artist}
  880. </div>
  881. {AudioPlayerWhite}
  882. {/block:Audio}
  883.  
  884.  
  885. <!--VIDEO POST-->
  886. {block:Video}
  887. <div class="video">
  888. <div class="video-player">{Video-400}</div>
  889. {/block:Video}
  890.  
  891.  
  892. <!--ANSWER POST-->
  893. {block:Answer}
  894. <div id="question"> <strong>{Asker}</strong> </br><hr style="opacity:.5;width:150px;">
  895. {Question}</div>
  896. <p><div class="answer">{Answer}</div>
  897. {/block:Answer}
  898.  
  899. <!--CAPTIONS-->
  900.  
  901. {block:Caption}
  902. {Caption}
  903. {/block:Caption}
  904.  
  905.  
  906. <!--POST INFORMATION-->
  907. <div class="postinfo"style="text-transform:uppercase;">
  908.  
  909.  
  910.  
  911. <!--PERMALINK-->
  912. <a href="{Permalink}">
  913. <a href="{ReblogURL}" target="_blank" class="details"style="border-radius:10%;background-color:{color:container};padding:5px;font-size:8px;">REBLOG</a>
  914. {block:NoteCount} &nbsp;&nbsp;
  915. <a href="{Permalink}"style="border-radius:10%;background-color:{color:container};padding:5px;font-size:8px;"> {TimeAgo} </a> &nbsp;&nbsp;
  916. <a href="{Permalink}"style="border-radius:10%;background-color:{color:container};padding:5px;font-size:8px;"> {NoteCount} notes </a>
  917. {/block:NoteCount}
  918. <!--TAGS-->
  919. {block:HasTags}
  920. <div class="tags">
  921. {block:Tags}
  922. <a href="{TagURL}">#{Tag},</a>
  923. {/block:Tags}
  924. </div>
  925. {/block:HasTags}
  926.  
  927. </div>
  928.  
  929. <!--POST NOTES-->
  930. {block:PostNotes}
  931. <div class="pagenotes">{PostNotes-16}</div>
  932. {/block:PostNotes}
  933.  
  934.  
  935. </article>
  936. {/block:Posts}
  937. <!--Close of article-->
  938.  
  939.  
  940. </div>
  941.  
  942. </div>
  943.  
  944.  
  945.  
  946. <!-- -------------------------- TAB 3 -------------------------- -->
  947.  
  948. <div id="tabbie" class="tab">
  949. <div class="tabcontent">
  950.  
  951. <div id="tabbox">
  952. <div class="tabnav">
  953. <a href="{text:navlink1 url}"title="{text:navlink1 title}"><i class="fa fa-star"></i></a>
  954. <a href="{text:navlink2 url}"title="{text:navlink2 title}"><i class="fa fa-heart"></i></a></br></br>
  955. <a href="{text:navlink3 url}"title="{text:navlink3 title}"><i class="fa fa-cloud"></i></a>
  956. <a href="{text:navlink4 url}"title="{text:navlink4 title}"><i class="fa fa-bars"></i></a>
  957. </div>
  958. </div>
  959. <div id="tabbox"style="position:fixed;margin-top:0px;">
  960. <div class="aes">{text:aesthetic}</div>
  961. </div></br></br>
  962.  
  963. <div id="tabbox">
  964. <div class="sike"><u>* LISTENING TO...</u></br>
  965. <sub style="font-size:8px;">
  966. <i>{text:song1}</i>, {text:artist1}</br>
  967. <i>{text:song2}</i>, {text:artist2}</br>
  968. <i>{text:song3}</i>, {text:artist3}</br>
  969. <i>{text:song4}</i>, {text:artist4}
  970. </sub>
  971. </div>
  972. </div>
  973. <div id="tabbox"style="position:fixed;margin-top:0px;">
  974. <div class="tabnav">
  975. <a href="{text:navlink5 url}"title="{text:navlink5 title}"><i class="fa fa-asterisk"></i></a>
  976. <a href="{text:navlink6 url}"title="{text:navlink6 title}"><i class="fa fa-thumbs-up"></i></a></br></br>
  977. <a href="{text:navlink7 url}"title="{text:navlink7 title}"><i class="fa fa-paw"></i></a>
  978. <a href="{text:navlink8 url}"title="{text:navlink8 title}"><i class="fa fa-paper-plane"></i></a>
  979. </div>
  980. </div>
  981.  
  982. </div>
  983. </div>
  984.  
  985.  
  986.  
  987.  
  988.  
  989.  
  990.  
  991. <!-- END OF TABS -->
  992.  
  993. </div>
  994. </div>
  995. </div>
  996. </div>
  997. </div>
  998.  
  999.  
  1000. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1001.  
  1002. <script>
  1003. $(document).ready(function() {
  1004. $('.tabs .tab-links a').on('click', function(e) {
  1005. var currentAttrValue = $(this).attr('href');
  1006.  
  1007. // Show/Hide Tabs
  1008. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1009.  
  1010. // Change/remove current tab to active
  1011. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1012.  
  1013. e.preventDefault();
  1014. });
  1015. });
  1016. </script>
  1017.  
  1018. <script>
  1019. $(document).ready(function() {
  1020. $('#filterOptions li a').click(function() {
  1021. // fetch the class of the clicked item
  1022. var ourClass = $(this).attr('class');
  1023.  
  1024. // reset the active class on all the buttons
  1025. $('#filterOptions li').removeClass('active');
  1026. // update the active state on our clicked button
  1027. $(this).parent().addClass('active');
  1028.  
  1029. if(ourClass == 'all') {
  1030. // show all our items
  1031. $('#ourHolder').children('div.item').show();
  1032. }
  1033. else {
  1034. // hide all elements that don't share ourClass
  1035. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1036. // show all elements that do share ourClass
  1037. $('#ourHolder').children('div.' + ourClass).show();
  1038. }
  1039. return false;
  1040. });
  1041. });
  1042. </script>
  1043.  
  1044.  
  1045. <div id="cred"><a href="http://artitsics.tumblr.com/"><img src="https://31.media.tumblr.com/f25f57438824cf9d9fde9668123aa966/tumblr_inline_n7pbqeTAmQ1ssv4p5.png"></a></div>
  1046. </body>
  1047. </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!