API tools faq
paste
Advertisement
simraaa

07, SUNKISSED.

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