API tools faq
paste
azurethemes

THEME NO. 032 "TOXIC"

azurethemes
Jun 22nd, 2015
503
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("a[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:30,
  11. tip_fade_speed:300,
  12. attribute:"title"
  13. });
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <script type="text/javascript">
  19. WebFontConfig = {
  20. google: { families: [ 'Roboto:700:latin' ] }
  21. };
  22. (function() {
  23. var wf = document.createElement('script');
  24. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  25. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  26. wf.type = 'text/javascript';
  27. wf.async = 'true';
  28. var s = document.getElementsByTagName('script')[0];
  29. s.parentNode.insertBefore(wf, s);
  30. })(); </script>
  31.  
  32. <head>
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <!----
  40.  
  41. ☁ THEME 032 "TOXIC" CREATED BY AZUREOFRP ☁
  42. ☁ PLEASE DONT STEAL ANYTHING OF MY CODINNG AND USE FOR YOUR THEMES ☁
  43. ☁ DONT STEAL MY THEMES AND CLAIM THEM AS YOUR OWN ☁
  44. ☁ DO NOT REMOVE THE CREDIT OR I WILL HUNT YOU DOWN!!!! ☁
  45. ☁ YOU MAY EDIT THIS THEME AS MUCH AS YOU WANT FOR YOUR PERSONAL USE ONLY ☁
  46. ☁ IF YOU WANT TO PUBLISH AN EDITED VERSION OF THIS THEME, MESSAGE ME FIRST ☁
  47. --->
  48.  
  49.  
  50.  
  51. <meta name="color:blockquote border" content="#ffffff">
  52. <meta name="color:border" content="#000000">
  53. <meta name="color:text" content="#000000"/>
  54. <meta name="color:post text" content="#b6b6b6"/>
  55. <meta name="color:title text" content="#ffffff"/>
  56. <meta name="color:italic text" content="#000000">
  57. <meta name="color:bold text" content="#000000">
  58. <meta name="color:hover" content="#c1b8b8">
  59. <meta name="color:links" content="#ffffff"/>
  60. <meta name="color:scrollbar" content="#473f3f">
  61. <meta name="color:credit" content="#616b6b">
  62. <meta name="color:text shadow" content="#ffffff">
  63. <meta name="color:shadow" content="#ffffff">
  64. <meta name="color:background" content="#c3cccc"/>
  65. <meta name="color:blockquote background" content="#c3cccc">
  66.  
  67. <meta name="color:description background" content="#c1b6b6"/>
  68. <meta name="color:post background" content="#000000">
  69. <meta name="color:links background" content="#a1adad">
  70. <meta name="color:info background" content="#a1adad">
  71. <meta name="color:sidebar background" content="#adb3b3">
  72. <meta name="color:question background" content="#adb3b3">
  73. <meta name="color:scrollbar background" content="#616b6b">
  74.  
  75. <meta name="image:background" content=""/>
  76. <meta name="image:sidebar" content=""/>
  77. <meta name="image:png" content=""/>
  78. <meta name="image:admin 1" content=""/>
  79. <meta name="image:admin 2" content=""/>
  80. <meta name="image:admin 3" content=""/>
  81.  
  82. <meta name="text:ask form url" content="">
  83.  
  84.  
  85. <meta name="text:link 1" content="Link 1">
  86. <meta name="text:link 2" content="Link 2">
  87. <meta name="text:link 3" content="Link 3">
  88. <meta name="text:link 4" content="Link 4">
  89. <meta name="text:link 5" content="Link 5">
  90. <meta name="text:link 6" content="Link 6">
  91.  
  92.  
  93. <meta name="text:link 1 url" content="/">
  94. <meta name="text:link 2 url" content="/">
  95. <meta name="text:link 3 url" content="/">
  96. <meta name="text:link 4 url" content="/">
  97. <meta name="text:link 5 url" content="/">
  98. <meta name="text:link 6 url" content="/">
  99.  
  100. <style type="text/css">
  101.  
  102. ::-webkit-scrollbar-thumb{
  103. background-color: {color:scrollbar};
  104. border: 2px solid {color:scrollbar background};
  105. height:auto;
  106. }
  107.  
  108. ::-webkit-scrollbar {
  109. width:11px;
  110. height:auto;
  111. border:5px solid {color:scrollbar background};
  112. background-color: {color:scrollbar};
  113.  
  114.  
  115. }
  116. #s-m-t-tooltip {
  117. max-width:300px;
  118. padding:3px 5px 3px 5px;
  119. margin:20px 0px 0px 20px;
  120. background:{color:description background};
  121. box-shadow: 1px 1px 2px {color:text shadow};
  122. color:{color:text};
  123. text-transform:uppercase;
  124. font-weight:bold;
  125. letter-spacing:1px;
  126. z-index:999999999999999999999999999999999999;
  127. font-family:'arial';
  128. font-size:10px;
  129. }
  130.  
  131.  
  132.  
  133.  
  134. body {
  135. background-color:{color:background};
  136. background-image:url('{image:background}');
  137. background-attachment: fixed;
  138. background-repeat: repeat;
  139. font-family: 'arial', sans-serif;
  140. font-size:10px;
  141. text-align:justify;
  142. color:{color:txt};
  143. margin:0;
  144.  
  145.  
  146. }
  147.  
  148. a {
  149. text-decoration:none;
  150. color:{color:links};
  151. transition-duration: 0.2s;
  152. -moz-transition-duration: 0.2s;
  153. -webkit-transition-duration: 0.3s;
  154. -o-transition-duration: 0.3s;
  155. }
  156.  
  157. a:hover {
  158. text-decoration:none;
  159. color:{color:hover};
  160. transition-duration: 0.2s;
  161. -moz-transition-duration: 0.2s;
  162. -webkit-transition-duration: 0.3s;
  163. -o-transition-duration: 0.3s;
  164.  
  165. }
  166.  
  167. img {
  168. border:none;
  169.  
  170.  
  171.  
  172. }
  173.  
  174. blockquote {
  175. font-size:10px;
  176. max-width:545px;
  177. border-left:4px solid{color:blockquote border};
  178. background-color:{color:blockquote background};
  179. text-align:left;
  180. padding:5px;
  181. margin-left:5px;
  182. margin-right:5px;
  183. padding-left:5px;
  184. color:{color:title text};
  185.  
  186. }
  187.  
  188. pre{
  189. font-size:11px;
  190. text-align:center;
  191. text-decoration:underline;
  192. text-transform:uppercase;
  193. font-family:arial;
  194. font-weight:bold;
  195. border-left:2px solid {color:blockquote border};
  196. border-bottom:2px solid {color:blockquote border};
  197. letter-spacing:1px;
  198. background-color:{color:blockquote background};
  199. color:{color:text};
  200. padding:6px;
  201. }
  202.  
  203. small{
  204. font-size:10px;
  205. }
  206.  
  207. big{
  208. font-size:10px;
  209. }
  210.  
  211. sub{
  212. font-size:10px;
  213. }
  214.  
  215.  
  216. h1 {
  217. font-size:11px;
  218. text-align:center;
  219. text-decoration:underline;
  220. font-family: 'Roboto', sans-serif;
  221. font-weight:bold;
  222. letter-spacing:1px;
  223. background-color:{color:blockquote background};
  224. color:{color:text};
  225. padding:6px;
  226.  
  227.  
  228. }
  229.  
  230. h1 a{
  231. color:{color:text};
  232. }
  233.  
  234.  
  235. h2{
  236. color:{color:text};
  237. text-transform:uppercase;
  238. text-decoration:underline;
  239. text-shadow: 1px 1px 0px {color:text shadow};
  240. text-align:left;
  241. font-style:italic;
  242.  
  243. }
  244.  
  245. span {
  246. font-size:11px;
  247. text-align:center;
  248. text-transform:uppercase;
  249. font-family: 'Roboto', sans-serif;
  250. font-weight:bold;
  251. letter-spacing:1px;
  252. background-color:{color:blockquote background};
  253. color:{color:links background};
  254. padding:6px;
  255.  
  256.  
  257. }
  258.  
  259. span a{
  260. color:{color:text};
  261. }
  262.  
  263.  
  264.  
  265. b {
  266. font-weight:bold;
  267. color:{color:bold text};
  268.  
  269.  
  270. }
  271.  
  272. i {
  273. font-weight:italic;
  274. color:{color:italic text};
  275.  
  276.  
  277. }
  278.  
  279. u {
  280. text-decoration:none;
  281. border-bottom:1px solid {color:border};
  282.  
  283.  
  284. }
  285.  
  286.  
  287.  
  288.  
  289. #description {
  290. overflow:auto;
  291. position:fixed;
  292. text-align:center;
  293. margin-top:408px;
  294. margin-left:176px;
  295. text-transform:none;
  296. font-style:normal;
  297. font-family:arial;
  298. width:451px;
  299. height:100px;
  300. opacity:1;
  301. line-height:10px;
  302. color:{color:text};
  303. background:{color:description background};
  304. padding:10px;
  305. letter-spacing:0.2px;
  306. padding-top:8px;
  307. font-size:9.5px;
  308. z-index:9999999;
  309. transition-duration: 0.9s;
  310. -moz-transition-duration:0.9s;
  311. -webkit-transition-duration:0.9s;
  312. -o-transition-duration:0.9s;
  313.  
  314.  
  315. }
  316.  
  317.  
  318. #description:first-letter {
  319. font-size:25px;
  320. padding:1px;
  321. font-family:'arial';
  322. font-weight:bold;
  323. padding-left:2px;
  324. margin:4px 0 0;
  325. float:center;
  326. text-shadow: 2px 1px 0px {color:text shadow};
  327. font-style:italic;
  328. text-transform:uppercase;
  329.  
  330.  
  331.  
  332. }
  333.  
  334. #description::-webkit-scrollbar-thumb {
  335. background-color: {color:scrollbar};
  336. border: 4px solid {color:description background};
  337. height:auto;
  338. }
  339.  
  340. #description::-webkit-scrollbar {
  341. width:11px;
  342. height:auto;
  343. border:5px solid {color:description background};
  344. background-color: {color:scrollbar};
  345. }
  346.  
  347.  
  348.  
  349.  
  350. #pagination {
  351. font-size:8px;
  352. font-style:normal;
  353. position:fixed;
  354. text-align:center;
  355. letter-spacing:1px;
  356. margin-left:30px;
  357. background:{color:post background};
  358. margin-top:50px;
  359. padding:5px;
  360. line-height:10px;
  361. height:8px;
  362. width:50px;
  363. font-weight:bold;
  364. display:inline-block;
  365. color:{color:links};
  366. z-index:999;
  367. font-family: arial;
  368. transition-duration: 0.9s;
  369. -moz-transition-duration:0.9s;
  370. -webkit-transition-duration:0.9s;
  371. -o-transition-duration:0.9s;
  372.  
  373.  
  374.  
  375.  
  376.  
  377. }
  378.  
  379. #pagination:hover{
  380. color:{color:hover};
  381. transition-duration: 0.9s;
  382. -moz-transition-duration:0.9s;
  383. -webkit-transition-duration:0.9s;
  384. -o-transition-duration:0.9s;
  385.  
  386.  
  387.  
  388.  
  389. }
  390.  
  391.  
  392.  
  393.  
  394. #sidebar1{
  395. position:fixed;
  396. opacity:1;
  397. background-image:url('{image:sidebar}');
  398. width:471px;
  399. height:258px;
  400. margin-top:-4px;
  401. margin-left:-4px;
  402. z-index:9999999;
  403.  
  404. }
  405.  
  406. #png{
  407. position:fixed;
  408. opacity:1;
  409. background-image:url('{image:png}');
  410. width:220px;
  411. height:223px;
  412. margin-top:30px;
  413. margin-left:245px;
  414. z-index:99999;
  415.  
  416. }
  417.  
  418. #bbackground{
  419. position:fixed;
  420. opacity:1;
  421. width:490px;
  422. height:511px;
  423. background:{color:sidebar background};
  424. margin-top:113px;
  425. margin-left:167px;
  426. z-index:-999999;
  427.  
  428. }
  429.  
  430. #bbackground2{
  431. position:fixed;
  432. opacity:1;
  433. width:555px;
  434. height:511px;
  435. background:{color:sidebar background};
  436. margin-top:113px;
  437. margin-left:673px;
  438. z-index:-999999;
  439.  
  440. }
  441.  
  442. #admin1 {
  443. position:fixed;
  444. width:70px;
  445. margin-top:190px;
  446. padding:10px;
  447. height:70px;
  448. margin-left:180px;
  449. background-color:transparent;
  450. z-index:-9999999999;
  451. }
  452.  
  453. #admin1image {
  454. width 70px;
  455. z-index:-99999;
  456. }
  457.  
  458. #admin1image img {
  459. width:70px;
  460. height:70px;
  461. margin-left:260px;
  462. margin-top:541px;
  463. border-radius:100px;
  464. position:fixed;
  465. opacity:1;
  466. border:solid 1px {color:border};
  467. z-index:9999999999;
  468.  
  469.  
  470.  
  471. }
  472.  
  473. #admin2 {
  474. position:fixed;
  475. width:70px;
  476. margin-top:190px;
  477. padding:10px;
  478. height:70px;
  479. margin-left:180px;
  480. background-color:transparent;
  481. z-index:-9999999999;
  482. }
  483.  
  484. #admin2image {
  485. width 70px;
  486. z-index:-99999;
  487. }
  488.  
  489. #admin2image img {
  490. width:70px;
  491. height:70px;
  492. margin-left:373px;
  493. margin-top:541px;
  494. border-radius:100px;
  495. position:fixed;
  496. opacity:1;
  497. border:solid 1px {color:border};
  498. z-index:9999999999;
  499.  
  500.  
  501.  
  502. }
  503.  
  504. #admin3 {
  505. position:fixed;
  506. width:70px;
  507. margin-top:190px;
  508. padding:10px;
  509. height:70px;
  510. margin-left:180px;
  511. background-color:transparent;
  512. z-index:-9999999999;
  513. }
  514.  
  515. #admin3image {
  516. width 70px;
  517. z-index:-99999;
  518. }
  519.  
  520. #admin3image img {
  521. width:70px;
  522. height:70px;
  523. margin-left:481px;
  524. margin-top:541px;
  525. border-radius:100px;
  526. position:fixed;
  527. opacity:1;
  528. border:solid 1px {color:border};
  529. z-index:9999999999;
  530.  
  531.  
  532.  
  533. }
  534.  
  535.  
  536.  
  537. #entries {
  538. position:fixed;
  539. z-index:99999999;
  540. height:494px;
  541. width:545px;
  542. font-family:arial;
  543. overflow:auto;
  544. margin-left:683px;
  545. outline-offset:5px;
  546. letter-spacing:0px;
  547. margin-top:122px;
  548.  
  549.  
  550. }
  551.  
  552. #post{
  553. padding:15px;
  554. width:500px;
  555. overflow:hidden;
  556. letter-spacing:0px;
  557. color:{color:post text};
  558. background:{color:post background};
  559. margin-bottom:8px;
  560. margin-left:0px;
  561. float:center;
  562. z-index:99999999;
  563.  
  564. }
  565.  
  566.  
  567.  
  568.  
  569. #info {
  570. width:530px;
  571. text-align:center;
  572. font-family:arial;
  573. text-transform:uppercase;
  574. margin-left:-20px;
  575. font-size:9px;
  576. margin-top:20px;
  577. margin-bottom:-19px;
  578. font-weight:bold;
  579. font-style:none;
  580. padding:10px;
  581. line-height:10px;
  582. background-color:{color:info background};
  583. color:{color:text};
  584. }
  585.  
  586. #info a {
  587. text-align:center;
  588. font-family:arial;
  589. line-height:7px;
  590. color:{color:text};
  591. }
  592.  
  593. #info a:hover{
  594. color:{color:hover};
  595. }
  596.  
  597.  
  598. .right{
  599. float:center;
  600.  
  601. }
  602.  
  603.  
  604.  
  605. #tags {
  606. text-align:left;
  607. opacity:1;
  608. font-size:8px;
  609. font-family:'calibri';
  610. margin-top:3px;
  611. margin-left:-5px;
  612. padding:-5px;
  613. font-weight:none;
  614. margin-bottom:-5px;
  615. height:15px;
  616. width:530px;
  617. padding-top:3px;
  618. background-color:{color:post background};
  619. text-transform:uppercase;
  620. transition-duration: 0.5s;
  621. -moz-transition-duration: 0.5s;
  622. -webkit-transition-duration: 0.5s;
  623. -o-transition-duration: 0.5s;
  624. }
  625.  
  626.  
  627.  
  628. #tags a {
  629. padding:3px;
  630. color:{color:text};
  631. line-height:6px;
  632. letter-spacing:0.5px;
  633. font-weight:none;
  634. font-size:8px;
  635. font-family:'calibri';
  636. text-decoration:underline;
  637. display:inline-block;
  638. }
  639.  
  640. #tags a:hover {
  641. -moz-transition-duration:0.3s;
  642. -webkit-transition-duration:0.3s;
  643. -o-transition-duration:0.3s;
  644. color:{color:hover};
  645. }
  646.  
  647.  
  648. #asking {
  649. margin-left:15px;
  650.  
  651. }
  652.  
  653. #question {
  654. padding:12px;
  655. padding-left:70px;
  656. color:{color:title text};
  657. background-color:{color:question background};
  658. }
  659.  
  660. #asker{
  661. margin-top:-35px;
  662. margin-left:70px;
  663. font-family: 'Roboto', sans-serif;
  664. text-transform:uppercase;
  665.  
  666. }
  667.  
  668. #c{
  669. position:absolute;
  670. font-size:10px;
  671. font-weight:bold;
  672. padding-bottom:5px;
  673. padding-top:5px;
  674. height:10px;
  675. width:40px;
  676. opacity:1;
  677. padding-left:5px;
  678. padding-right:5px;
  679. margin-left:1300px;
  680. margin-top:650px;
  681. letter-spacing:0px;
  682. line-height:12px;
  683. border-right:2px solid {color:border};
  684. border-bottom:2px solid {color:border};
  685. text-align:center;
  686. text-decoration:underline;
  687. float:left;
  688. font-family:arial;
  689. color:{color:text};
  690. text-transform:uppercase;
  691. background-color:{color:credit};
  692. transition-duration: 0.8s;
  693.  
  694.  
  695. }
  696.  
  697.  
  698.  
  699.  
  700. #links2 {
  701. width:240px;
  702. height:114px;
  703. overflow:hidden;
  704. cursor:pointer;
  705. background:{color:description background};
  706. margin-top:12px;
  707. opacity:1;
  708. position:fixed;
  709. margin-left:25px;
  710. z-index:99999999999999;
  711. }
  712.  
  713. #links2 #all {
  714. margin-left:0px;
  715. margin-top:0px;
  716. padding:5px;
  717. height:14px;
  718. z-index:999999999999999999999;
  719. }
  720.  
  721. #links2 #all a:hover {
  722. color:{color:hover};
  723. transition-duration: 0.2s;
  724. -moz-transition-duration: 0.2s;
  725. -webkit-transition-duration: 0.3s;
  726. -o-transition-duration: 0.3s;
  727. }
  728.  
  729.  
  730.  
  731.  
  732. #links2 a {
  733. width:105px;
  734. height:16px;
  735. margin-bottom:3px;
  736. text-align:center;
  737. text-transform:uppercase;
  738. padding:4px;
  739. line-height:17px;
  740. text-decoration:underline;
  741. color:{color:links};
  742. font-style:none;
  743. background:{color:links background};
  744. font-family: 'Roboto', sans-serif;
  745. letter-spacing:2px;
  746. font-size:9px;
  747. display:inline-block;
  748.  
  749.  
  750. }
  751.  
  752.  
  753. .tabs {
  754. width:520px;
  755. height:30px;
  756. color:#fff;
  757. position:fixed;
  758. display:inline-block;
  759. margin-top:110px;
  760. margin-left:160px;
  761. }
  762.  
  763. /*----- Tab Links -----*/
  764.  
  765. /* Clearfix */
  766. .tab-links:after {
  767. display:block;
  768. clear:both;
  769. content:'';
  770. }
  771.  
  772. .tab-links li {
  773. margin-right:-3px;
  774. display:inline-block;
  775. list-style:none;
  776. text-transform:uppercase;
  777. }
  778.  
  779. .tab-links a {
  780. font-size:10px;
  781. padding:1px;
  782. padding-left:16px;
  783. padding-right:16px;
  784. font-weight:bold;
  785. line-height:25px;
  786. height:25px;
  787. width:125px;
  788. font-family: 'Roboto', sans-serif;
  789. text-transform:uppercase;
  790. background-color:{color:links background};
  791. color:{color:links};
  792. border-bottom:0px;
  793. display:inline-block;
  794.  
  795.  
  796. }
  797.  
  798. .tab-links a:hover {
  799. color:{color:hover};
  800. }
  801.  
  802. li.active a, li.active a:hover {
  803. background:{color:hover};
  804. -webkit-transition: all 0.5s;
  805. -moz-transition: all 0.5s;
  806. -o-transition: all 0.5s;
  807. -ms-transition: all 0.5s;
  808. transition: all 0.5s;
  809. }
  810.  
  811. /*----- -----*/
  812. .tab-content {
  813. }
  814.  
  815. .tab {
  816. display:none;
  817. }
  818.  
  819. .tab.active {
  820. display:block;
  821. }
  822.  
  823. #tab-links-bar{
  824. display:inline-block;
  825. text-align:center;
  826. position:fixed;
  827. z-index:999999;
  828. margin-top:3px;
  829. margin-left:-30px;
  830.  
  831. }
  832.  
  833. .tabcontent {
  834. position:static;
  835. margin-left:16px;
  836. margin-top:40px;
  837. padding:4px;
  838. width: 463px;
  839. height:250px;
  840. text-transform:none;
  841. font-size:9px;
  842. line-height:11px;
  843. color:{color:text};
  844. z-index:9999;
  845. overflow:auto;
  846. background-color:{color:sidebar background};
  847. text-align:justify;
  848. }
  849.  
  850. {CustomCSS}</style>
  851.  
  852.  
  853.  
  854. </head>
  855. <body>
  856.  
  857.  
  858. <div id="sidebar">
  859. <div id="description">{description}</div>
  860. <div id="admin1image"><img src="{image:admin 1}"></a></div>
  861. <div id="admin2image"><img src="{image:admin 2}"></a></div>
  862. <div id="admin3image"><img src="{image:admin 3}"></a></div>
  863. <div id="bbackground"></div>
  864. <div id="bbackground2"></div>
  865.  
  866. </div>
  867.  
  868. </div>
  869.  
  870. </div>
  871.  
  872. </div>
  873. <div id="tab-links-bar">
  874. <div class="tabs">
  875. <ul class="tab-links">
  876. <li class="active"<>
  877. <a href="#tab1">home</a></li>
  878. <li><a href="#tab2">navigation</a></li>
  879. <li><a href="#tab3">askbox</a></li>
  880.  
  881. </ul>
  882. </div>
  883. </div>
  884.  
  885. <div class="tabs">
  886. <div id="tab1" class="tab active">
  887. <div class="tabcontent">
  888. <div id="sidebar1"><a href="/"><img src="{image:sidebar}"></a></div>
  889. </div>
  890. </div>
  891.  
  892.  
  893. <div id="tab2" class="tab">
  894. <div class="tabcontent">
  895. <div id="png"><img src="{image:png}"></a></div>
  896. <h1>LINKS:</h1>
  897. <div id="links2">
  898. <div id="all">
  899. <a href="/">Home</a>
  900. <a href="/ask">Message</a>
  901. <a href="{text:link 1 url}">{text:link 1}</a>
  902. <a href="{text:link 2 url}">{text:link 2}</a>
  903. <a href="{text:link 3 url}">{text:link 3}</a>
  904. <a href="{text:link 4 url}">{text:link 4}</a>
  905. <a href="{text:link 5 url}">{text:link 5}</a>
  906. <a href="{text:link 6 url}">{text:link 6}</a>
  907. </div>
  908. </div>
  909. </div>
  910. </div>
  911.  
  912. <div id="tab3" class="tab">
  913. <div class="tabcontent">
  914. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:ask form url}.tumblr.com" style="background-color:transparent; overflow:hidden; height: 245px;" id="ask_form"></iframe></div>
  915.  
  916. </div>
  917. </div>
  918.  
  919. </div>
  920.  
  921. <div id="pagination">{block:Pagination}
  922. {block:PreviousPage}
  923. <a href="{PreviousPage}">BACK </a>
  924. {/block:PreviousPage}
  925.  
  926. {block:NextPage}
  927. <a href="{NextPage}">NEXT</a>
  928. {/block:NextPage}
  929. {/block:Pagination}</div>
  930. </div></div>
  931.  
  932.  
  933. <div id="entries">
  934. {block:Posts}
  935. <div id="post"
  936.  
  937. <!--TEXT POSTS-->
  938.  
  939. {block:Text}
  940. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  941. {Body}
  942. {/block:Text}
  943.  
  944.  
  945.  
  946. {block:Answer}
  947. <div id="asking"><img src="{AskerPortraitURL-48}"/></div>
  948. <div id="asker">{Asker} sent:</div>
  949. <div id="question">{Question}</div>
  950. {Answer}{/block:Answer}
  951.  
  952.  
  953. {block:Quote}
  954.  
  955. {block:Quote}
  956. <h2>{Quote}</h2>
  957. <div align="right">
  958. {block:Source}<h1>-{Source}</h1>{/block:Source}
  959. </div>
  960. {/block:Quote}
  961.  
  962.  
  963. {block:Link}
  964. <h2><center><a href="{URL}">{Name}</center></a></h2>
  965. {block:Description}{Description}{/block:Description}
  966. {/block:Link}
  967.  
  968.  
  969.  
  970. {block:Chat}
  971. {block:Title}<h2>{Title}</h2>{/block:Title}
  972. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  973. {Line}</li>{/block:Lines}</ul>
  974. {/block:Chat}
  975.  
  976.  
  977.  
  978. {block:Photo}
  979. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  980.  
  981. {block:Caption}{Caption}{/block:Caption}
  982. {/block:Photo}
  983.  
  984.  
  985.  
  986. {block:Photoset}
  987. {Photoset-500}
  988. {block:Caption}{Caption}{/block:Caption}
  989. {/block:Photoset}
  990.  
  991.  
  992.  
  993. {block:Video}
  994. {Video-500}
  995. {block:Caption}{Caption}{/block:Caption}
  996. {/block:Video}
  997.  
  998.  
  999.  
  1000.  
  1001. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  1002. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1003. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1004. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1005. {/block:Audio}
  1006.  
  1007.  
  1008. <div id="info">
  1009. <div id="permalink">
  1010. <a href="{Permalink}">{Month} {DayOfMonth} {Year} </a> | {NoteCount}</div>
  1011.  
  1012. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1013. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  1014. </div></div>
  1015.  
  1016. {/block:Posts}{/block:Posts}</div></div></div>
  1017. </div>
  1018.  
  1019. {/block:Posts}{/block:Posts}</div></div></div>
  1020.  
  1021. </div>
  1022.  
  1023.  
  1024. <div id="c">
  1025. <a href="http://adf.ly/1IcHXD">AZURE</a>
  1026.  
  1027. </div>
  1028.  
  1029. <script>
  1030. $(document).ready(function() {
  1031. $('.tabs .tab-links a').on('click', function(e) {
  1032. var currentAttrValue = $(this).attr('href');
  1033.  
  1034. // Show/Hide Tabs
  1035. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1036.  
  1037. // Change/remove current tab to active
  1038. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1039.  
  1040. e.preventDefault();
  1041. });
  1042. });
  1043. </script>
  1044.  
  1045. <script>
  1046. $(document).ready(function() {
  1047. $('#filterOptions li a').click(function() {
  1048. // fetch the class of the clicked item
  1049. var ourClass = $(this).attr('class');
  1050.  
  1051. // reset the active class on all the buttons
  1052. $('#filterOptions li').removeClass('active');
  1053. // update the active state on our clicked button
  1054. $(this).parent().addClass('active');
  1055.  
  1056. if(ourClass == 'all') {
  1057. // show all our items
  1058. $('#ourHolder').children('div.item').show();
  1059. }
  1060. else {
  1061. // hide all elements that don't share ourClass
  1062. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1063. // show all elements that do share ourClass
  1064. $('#ourHolder').children('div.' + ourClass).show();
  1065. }
  1066. return false;
  1067. });
  1068. });
  1069. </script>
  1070. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!