API tools faq
paste
Advertisement
simraaa

03, SULTRY.

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