API tools faq
paste
Advertisement
extasisthemes

Papaverine

extasisthemes
Feb 7th, 2017
4,709
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.72 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!----- Papaverine by extasisthemes ----->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="color:Asker" content="#000000"/>
  14. <meta name="color:Audio Background" content="#ffffff"/>
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Blockquote" content="#eeeeee"/>
  17. <meta name="color:Blog Title" content="#000000"/>
  18. <meta name="color:Border" content="#eeeeee"/>
  19. <meta name="color:Caption Background" content="#fafafa"/>
  20. <meta name="color:Caption Border" content="#eeeeee"/>
  21. <meta name="color:Credit" content="#000000"/>
  22. <meta name="color:Credit Background" content="#ffffff"/>
  23. <meta name="color:Hover" content="#cfcfcf"/>
  24. <meta name="color:Link" content="#000000"/>
  25. <meta name="color:Link Border" content="#eeeeee"/>
  26. <meta name="color:Post Title" content="#000000"/>
  27. <meta name="color:Scrollbar" content="#000000"/>
  28. <meta name="color:Tab Link" content="#ff9977"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Tooltip Background" content="#ffffff"/>
  31.  
  32. <meta name="text:Link 1" content="/"/>
  33. <meta name="text:Link 1 Title" content="Link One"/>
  34.  
  35. <meta name="text:Title" content="Papaverine"/>
  36.  
  37. <meta name="image:Header Image" content="http://i.imgur.com/rGhMg4q.png"/>
  38.  
  39. <meta name="image:Image" content="http://i.imgur.com/M9sdorB.png"/>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:90,
  49. tip_fade_speed:600,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55.  
  56. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  57.  
  58. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  59.  
  60. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  61.  
  62. <style type="text/css">
  63.  
  64. @import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
  65. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic);
  66.  
  67. ::-webkit-scrollbar-thumb:vertical {
  68. background:{color:Scrollbar};
  69. height:50px;
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:10px;
  74. width:3px;
  75. }
  76.  
  77. #s-m-t-tooltip {
  78. background:{color:Tooltip Background};
  79. border:1px solid {color:Border};
  80. color:{color:Text};
  81. font-family:'Open Sans', sans-serif;
  82. font-size:10px;
  83. font-style:normal;
  84. font-weight:normal;
  85. letter-spacing:0px;
  86. margin-top:20px;
  87. padding:10px;
  88. text-align:center;
  89. text-decoration:none;
  90. text-transform:uppercase;
  91. z-index:999999999999999999999999999999999999;
  92. }
  93.  
  94. body {
  95. background:{color:Background};
  96. color:{color:Text};
  97. cursor:url(http://i.imgur.com/lhPqll6.png), progress;
  98. font-family:'Open Sans', sans-serif;
  99. font-size:11px;
  100. font-style:normal;
  101. font-weight:normal;
  102. letter-spacing:0px;
  103. margin:0px;
  104. text-align:justify;
  105. text-decoration:none;
  106. text-transform:none;
  107. word-break:break-word;
  108. }
  109.  
  110. a {
  111. border-bottom:1px solid {color:Link Border};
  112. color:{color:Link};
  113. text-decoration:none;
  114. -webkit-transition: all 0.5s ease;
  115. -moz-transition: all 0.5s ease;
  116. -o-transition: all 0.5s ease;
  117. }
  118.  
  119. a:hover {
  120. color:{color:Hover};
  121. }
  122.  
  123. h1 {
  124. color:{color:Post Title};
  125. font-family:'Open Sans', sans-serif;
  126. font-size:12px;
  127. font-style:normal;
  128. font-weight:bold;
  129. letter-spacing:0px;
  130. line-height:150%;
  131. text-align:left;
  132. text-decoration:none;
  133. text-transform:none;
  134. }
  135.  
  136. blockquote {
  137. border-left:1px solid {color:Blockquote};
  138. margin:5px;
  139. padding-left:5px;
  140. }
  141.  
  142. blockquote img {
  143. height:auto;
  144. max-width:200px;
  145. }
  146.  
  147. blockquote blockquote {
  148. border-left:1px solid {color:Blockquote};
  149. padding-left:5px;
  150. }
  151.  
  152. img {
  153. height:auto;
  154. max-width:100%;
  155. }
  156.  
  157. #container {
  158. margin-bottom:100px;
  159. margin-left:auto;
  160. margin-right:auto;
  161. margin-top:100px;
  162. width:602px;
  163. }
  164.  
  165. #border-left {
  166. background:{color:Border};
  167. height:100%;
  168. margin-top:-100px;
  169. position:fixed;
  170. width:1px;
  171. }
  172.  
  173. #border-right {
  174. background:{color:Border};
  175. height:100%;
  176. margin-left:601px;
  177. margin-top:-100px;
  178. position:fixed;
  179. width:1px;
  180. }
  181.  
  182. .headerimage {
  183. background-image:url("{image:Header Image}");
  184. background-position:top;
  185. background-attachment:fixed;
  186. height:135px;
  187. margin-left:1px;
  188. margin-top:-100px;
  189. position:absolute;
  190. width:600px;
  191. z-index:-1;
  192. }
  193.  
  194. .headerimage img {
  195. height:135px;
  196. width:600px;
  197. }
  198.  
  199. #tcontainer {
  200. margin-left:100px;
  201. position:relative;
  202. width:400px;
  203. }
  204.  
  205. #header {
  206. width:400px;
  207. }
  208.  
  209. .image {
  210. background:{color:Background};
  211. border-radius:100px;
  212. height:60px;
  213. margin-left:165px;
  214. padding:5px;
  215. width:60px;
  216. z-index:1;
  217. }
  218.  
  219. .image img {
  220. border-radius:100px;
  221. height:60px;
  222. width:60px;
  223. }
  224.  
  225. .title {
  226. color:{color:Blog Title};
  227. font-family:'Abril Fatface', cursive;
  228. font-size:25px;
  229. font-style:normal;
  230. font-weight:normal;
  231. letter-spacing:0px;
  232. margin-top:30px;
  233. text-decoration:none;
  234. text-align:center;
  235. text-transform:lowercase;
  236. }
  237.  
  238. .description {
  239. border-bottom:1px solid {color:Border};
  240. color:{color:Text};
  241. font-family:'Open Sans', sans-serif;
  242. font-size:11px;
  243. font-style:normal;
  244. font-weight:normal;
  245. letter-spacing:0px;
  246. margin-bottom:50px;
  247. margin-top:20px;
  248. padding-bottom:50px;
  249. text-decoration:none;
  250. text-align:center;
  251. text-transform:none;
  252. }
  253.  
  254. .tabs {
  255. width:400px;
  256. }
  257.  
  258. .tab-links li {
  259. color:{color:Link};
  260. display:inline-block;
  261. font-family:'Open Sans', sans-serif;
  262. font-size:10px;
  263. font-style:normal;
  264. font-weight:normal;
  265. letter-spacing:0px;
  266. margin-top:20px;
  267. text-decoration:none;
  268. text-align:center;
  269. text-transform:uppercase;
  270. }
  271.  
  272. .tab-links a {
  273. border-bottom:none;
  274. color:{color:Link};
  275. margin-left:5px;
  276. margin-right:5px;
  277. }
  278.  
  279. .tab-links a:hover {
  280. color:{color:Hover};
  281. }
  282.  
  283. li.active a, li.active a:hover {
  284. color:{color:Tab Link};
  285. -webkit-transition: all .3s;
  286. -moz-transition: all .3s;
  287. -o-transition: all .3s;
  288. -ms-transition: all .3s;
  289. transition: all .3s;
  290. }
  291.  
  292. .tab-content {
  293. margin-top:10px;
  294. width:400px;
  295. }
  296.  
  297. .tab {
  298. display:none;
  299. }
  300.  
  301. .tab.active {
  302. display:block;
  303. }
  304.  
  305. #faq {
  306. width:400px;
  307. }
  308.  
  309. .faq-question {
  310. color:{color:Text};
  311. font-family:'Open Sans', sans-serif;
  312. font-size:11px;
  313. font-style:normal;
  314. font-weight:700;
  315. letter-spacing:0px;
  316. text-decoration:none;
  317. text-align:justify;
  318. text-transform:none;
  319. }
  320.  
  321. .faq-answer {
  322. color:{color:Text};
  323. border-left:1px solid {color:Border};
  324. font-family:'Open Sans', sans-serif;
  325. font-size:11px;
  326. font-style:normal;
  327. font-weight:normal;
  328. letter-spacing:0px;
  329. margin-left:20px;
  330. margin-top:10px;
  331. padding-left:10px;
  332. text-decoration:none;
  333. text-align:justify;
  334. text-transform:none;
  335. }
  336.  
  337. .navigation {
  338. width:400px;
  339. }
  340.  
  341. .navigation-title {
  342. color:{color:Text};
  343. font-family:'Open Sans', sans-serif;
  344. font-size:11px;
  345. font-style:normal;
  346. font-weight:900;
  347. letter-spacing:0px;
  348. margin-top:10px;
  349. padding-left:10px;
  350. text-decoration:none;
  351. text-align:left;
  352. text-transform:none;
  353. }
  354.  
  355. .navigation-links {
  356. color:{color:Link};
  357. font-family:'Open Sans', sans-serif;
  358. font-size:11px;
  359. font-style:normal;
  360. font-weight:normal;
  361. letter-spacing:0px;
  362. text-decoration:none;
  363. text-align:left;
  364. text-transform:none;
  365. }
  366.  
  367. .navigation-links a {
  368. border-bottom:none;
  369. color:{color:Link};
  370. display:inline-block;
  371. padding:10px;
  372. width:118px;
  373. }
  374.  
  375. .navigation-links a:hover {
  376. color:{color:Hover};
  377. }
  378.  
  379. .entries {
  380. width:400px;
  381. }
  382.  
  383. .caption {
  384. margin-top:5px;
  385. background:{color:Caption Background};
  386. border:1px solid {color:Border};
  387. padding:10px;
  388. }
  389.  
  390. #quote {
  391. color:{color:Text};
  392. font-family:'Open Sans', sans-serif;
  393. font-size:15px;
  394. font-style:normal;
  395. font-weight:normal;
  396. letter-spacing:0px;
  397. padding:10px;
  398. text-align:justify;
  399. text-decoration:none;
  400. text-transform:none;
  401. }
  402.  
  403. #chat {
  404. color:{color:Text};
  405. font-family:'Open Sans', sans-serif;
  406. font-size:10px;
  407. font-style:normal;
  408. font-weight:normal;
  409. letter-spacing:0px;
  410. text-align:justify;
  411. text-decoration:none;
  412. text-transform:uppercase;
  413. }
  414.  
  415. #website {
  416. color:{color:Text};
  417. font-family:'Open Sans', sans-serif;
  418. font-size:12px;
  419. font-style:normal;
  420. font-weight:normal;
  421. letter-spacing:0px;
  422. text-align:justify;
  423. text-decoration:none;
  424. text-transform:none;
  425. }
  426.  
  427. .question {
  428. border:1px solid {color:Border};
  429. color:{color:Text};
  430. font-family:'Open Sans', sans-serif;
  431. font-size:11px;
  432. font-style:normal;
  433. font-weight:normal;
  434. letter-spacing:0px;
  435. margin-bottom:10px;
  436. padding:20px;
  437. text-align:justify;
  438. text-decoration:none;
  439. text-transform:none;
  440. }
  441.  
  442. .asker {
  443. color:{color:Asker};
  444. font-family:'Open Sans', sans-serif;
  445. font-size:11px;
  446. font-style:normal;
  447. font-weight:bold;
  448. letter-spacing:0px;
  449. text-align:justify;
  450. text-decoration:none;
  451. text-transform:uppercase;
  452. }
  453.  
  454. .asker a {
  455. border-bottom:1px solid {color:Border};
  456. color:{color:Asker};
  457. }
  458.  
  459. .asker a:hover {
  460. color:{color:Hover};
  461. }
  462.  
  463. .playbutton {
  464. height:28px;
  465. overflow:hidden;
  466. padding:5px;
  467. position:relative;
  468. width:25px;
  469. }
  470.  
  471. .playbox {
  472. background:{color:Audio Background};
  473. margin-left:17px;
  474. margin-top:17px;
  475. opacity:0.7;
  476. position:absolute;
  477. }
  478.  
  479. .audiodesc {
  480. color:{color:Text};
  481. font-family:'Open Sans', sans-serif;
  482. font-size:10px;
  483. font-style:normal;
  484. font-weight:normal;
  485. letter-spacing:0px;
  486. margin-left:5px;
  487. margin-top:0px;
  488. padding:17px;
  489. position:relative;
  490. text-align:left;
  491. text-decoration:none;
  492. text-transform:uppercase;
  493. }
  494.  
  495. #info {
  496. border-top:1px solid {color:Border};
  497. color:{color:Text};
  498. font-family:'Open Sans', sans-serif;
  499. font-size:10px;
  500. font-style:normal;
  501. font-weight:normal;
  502. letter-spacing:0px;
  503. margin-bottom:50px;
  504. padding-top:20px;
  505. text-align:left;
  506. text-decoration:none;
  507. text-transform:uppercase;
  508. }
  509.  
  510. #info a {
  511. color:{color:Link};
  512. }
  513.  
  514. #info a:hover {
  515. color:{color:Hover};
  516. }
  517.  
  518. #tags {
  519. color:{color:Text};
  520. font-family:'Open Sans', sans-serif;
  521. font-size:10px;
  522. font-style:normal;
  523. font-weight:normal;
  524. letter-spacing:0px;
  525. text-align:left;
  526. text-decoration:none;
  527. text-transform:uppercase;
  528. }
  529.  
  530. #tags a {
  531. color:{color:Link};
  532. }
  533.  
  534. #tags a:hover {
  535. color:{color:Hover};
  536. }
  537.  
  538. #notes {
  539. color:{color:Text};
  540. font-family:'Open Sans', sans-serif;
  541. font-size:10px;
  542. font-style:normal;
  543. font-weight:normal;
  544. letter-spacing:0px;
  545. text-align:left;
  546. text-decoration:none;
  547. text-transform:uppercase;
  548. width:400px;
  549. }
  550.  
  551. #notes a {
  552. color:{color:Link};
  553. }
  554.  
  555. #notes a:hover {
  556. color:{color:Hover};
  557. }
  558.  
  559. #notes img {
  560. display:none;
  561. }
  562.  
  563. .pagination {
  564. color:{color:Text};
  565. font-family:'Open Sans', sans-serif;
  566. font-size:10px;
  567. font-style:normal;
  568. font-weight:normal;
  569. letter-spacing:0px;
  570. margin-bottom:100px;
  571. text-align:center;
  572. text-decoration:none;
  573. text-transform:uppercase;
  574. width:400px;
  575. }
  576.  
  577. .pagination a {
  578. color:{color:Link};
  579. }
  580.  
  581. .pagination a:hover {
  582. color:{color:Hover};
  583. }
  584.  
  585. #credit {
  586. background:{color:Credit Background};
  587. border:1px solid {color:Border};
  588. bottom:15px;
  589. color:{color:Credit};
  590. float:right;
  591. font-family:'Open Sans', sans-serif;
  592. font-size:10px;
  593. font-style:normal;
  594. font-weight:normal;
  595. letter-spacing:0px;
  596. padding:5px;
  597. position:fixed;
  598. right:15px;
  599. text-align:justify;
  600. text-decoration:none;
  601. text-transform:uppercase;
  602. }
  603.  
  604. #credit a {
  605. border-bottom:none;
  606. color:{color:Credit};
  607. }
  608.  
  609. #credit a:hover {
  610. color:{color:Hover};
  611. }
  612.  
  613. {CustomCSS}</style></head><body>
  614.  
  615. <div id="container">
  616.  
  617. <div class="headerimage"></div>
  618.  
  619. <div id="border-left"></div>
  620.  
  621. <div id="border-right"></div>
  622.  
  623. <div id="tcontainer">
  624.  
  625. <div id="header">
  626.  
  627. <div class="image"><img src="{image:Image}"/></div>
  628.  
  629. <div class="title">{text:Title}</div>
  630.  
  631. <div class="tabs">
  632.  
  633. <div class="tab-links" style="padding:0px;text-align:center;">
  634. <li><a href="/">Refresh</a></li>
  635. <li><a href="#tab1">Message</a></li>
  636. <li class="active"><a href="#tab2">Posts</a></li>
  637. <li><a href="#tab3">Navigation</a></li>
  638. {block:ifLink1}<li><a href="{text:Link 1}">{text:Link 1 Title}</a></li>{/block:ifLink1}
  639. <li><a href="/archive">Archive</a></li>
  640. </div>
  641.  
  642. </div>
  643.  
  644. <div class="description">{Description}</div>
  645.  
  646. </div>
  647.  
  648. <div class="tabs">
  649.  
  650. <div class="tab-content">
  651.  
  652. <div id="tab1" class="tab">
  653.  
  654. <h1>Message</h1>
  655.  
  656. <div id="faq">
  657.  
  658. <div class="faq-question">What is Lorem Ipsum?</div>
  659.  
  660. <div class="faq-answer">
  661. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
  662. </div>
  663.  
  664. </div>
  665.  
  666. <div id="faq">
  667.  
  668. <div class="faq-question">Why do we use it?</div>
  669.  
  670. <div class="faq-answer">
  671. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
  672. </div>
  673.  
  674. </div>
  675.  
  676. <div id="faq">
  677.  
  678. <div class="faq-question">Where does it come from?</div>
  679.  
  680. <div class="faq-answer">
  681. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
  682. </div>
  683.  
  684. </div>
  685.  
  686. <p><iframe id="ask_form" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com "frameborder="0" scrolling="no" width="100%" height="200"></iframe></p>
  687.  
  688. </div>
  689.  
  690. <div id="tab2" class="tab active">
  691.  
  692. {block:Posts}
  693. <div class="entries">
  694. <div style="padding-bottom:20px;">
  695.  
  696. {block:Photo}<img src="{PhotoURL-400}">
  697. {block:Caption}{Caption}{/block:Caption}
  698. {/block:Photo}
  699.  
  700. {block:Photoset}{Photoset}
  701. {block:Caption}{Caption}{/block:Caption}
  702. {/block:Photoset}
  703.  
  704. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  705.  
  706. {block:Quote}<div id="quote">❝{Quote}</i>❞{block:Source} — {Source}</div>{/block:Source}{/block:Quote}
  707.  
  708. {block:Link}<div id="website"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  709.  
  710. <div id="chat">
  711. {block:Chat}
  712. {block:Title}
  713. <h1>{Title}</h1>
  714. {/block:Title}
  715. {block:Lines}
  716. {block:Label}<b>{Label}</b>{/block:Label}
  717. {Line}<br>
  718. {/block:Lines}{/block:Chat}
  719. </div>
  720.  
  721. {block:Audio}
  722. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  723. {block:AlbumArt}<img src="{AlbumArtURL}" height="70" width="70">{/block:AlbumArt}</td>
  724. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>{block:Caption}{Caption}{/block:Caption}
  725. {/block:Audio}
  726.  
  727. {block:Video}
  728. {Video-400}
  729. {block:Caption}{Caption}{/block:Caption}
  730. {/block:Video}
  731.  
  732. {block:Answer}
  733. <div class="question">
  734. <span class="asker"><a href="{AskerURL}">{Asker}</a></span> {Question}</div>
  735. {Answer}
  736. {/block:Answer}
  737. </div>
  738.  
  739. </div>
  740.  
  741. {block:Date}<div id="info"><font style="font-weight:bold;">{Month} {DayOfMonth}, {Year}</font> <font style="margin-left:10px;"><a href="{Permalink}">{NoteCount}</a> notes</font> {/block:Date} <font style="float:right;">{block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / {/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">Source</a> / {/block:ContentSource} <a href="{ReblogURL}" target="_blank">Reblog</a>{/block:RebloggedFrom}</font>
  742.  
  743. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  744. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}</div>
  745.  
  746. {/block:Posts}
  747.  
  748. {block:IndexPage}
  749. <div class="pagination">
  750. {block:PreviousPage}
  751. <a href="{PreviousPage}">previous</a>
  752. {/block:PreviousPage}
  753. {CurrentPage} out of {TotalPages}
  754. {block:NextPage}
  755. <a href="{NextPage}">next</a>
  756. {/block:NextPage}
  757. </div>
  758. {/block:IndexPage}
  759.  
  760. </div>
  761.  
  762. <div id="tab3" class="tab" style="margin-left:-10px;width:420px;">
  763.  
  764. <div id="navigation" style="padding-top:0px;">
  765.  
  766. <h1 style="padding-left:10px;">Navigation</h1>
  767.  
  768. <div class="navigation-title">Category One</div>
  769.  
  770. <div class="navigation-links">
  771. <a href="/">Link One</a>
  772. <a href="/">Link Two</a>
  773. <a href="/">Link Three</a>
  774. <a href="/">Link Four</a>
  775. <a href="/">Link Five</a>
  776. <a href="/">Link Six</a>
  777. <a href="/">Link Seven</a>
  778. </div>
  779.  
  780. <div class="navigation-title">Category Two</div>
  781.  
  782. <div class="navigation-links">
  783. <a href="/">Link One</a>
  784. <a href="/">Link Two</a>
  785. <a href="/">Link Three</a>
  786. <a href="/">Link Four</a>
  787. <a href="/">Link Five</a>
  788. <a href="/">Link Six</a>
  789. <a href="/">Link Seven</a>
  790. <a href="/">Link Eight</a>
  791. <a href="/">Link Nine</a>
  792. <a href="/">Link Ten</a>
  793. <a href="/">Link Eleven</a>
  794. </div>
  795.  
  796. <div class="navigation-title">Category Three</div>
  797.  
  798. <div class="navigation-links">
  799. <a href="/">Link One</a>
  800. <a href="/">Link Two</a>
  801. <a href="/">Link Three</a>
  802. <a href="/">Link Four</a>
  803. <a href="/">Link Five</a>
  804. <a href="/">Link Six</a>
  805. <a href="/">Link Seven</a>
  806. </div>
  807.  
  808. </div>
  809.  
  810. </div>
  811.  
  812. </div>
  813.  
  814. </div>
  815.  
  816. <script>
  817. $(document).ready(function() {
  818. $('.tab-links a').on('click', function(e) {
  819. var currentAttrValue = $(this).attr('href');
  820. $('' + currentAttrValue).fadeIn(600).siblings().hide();
  821. $(this).parent('li').addClass('active').siblings().removeClass('active');
  822. e.preventDefault();
  823. });
  824. });
  825. </script>
  826.  
  827. <script>
  828. $(document).ready(function() {
  829. $('#filterOptions li a').click(function() {
  830. var ourClass = $(this).attr('class');
  831. $('#filterOptions li').removeClass('active');
  832. $(this).parent().addClass('active');
  833. if(ourClass == 'all') {
  834. $('#ourHolder').children('div.item').show();
  835. }
  836. else {
  837. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  838. $('#ourHolder').children('div.' + ourClass).show();
  839. }
  840. return false;
  841. });
  842. });
  843. </script>
  844.  
  845. </div>
  846.  
  847. <div id="credit">
  848. <a href="http://extasisthemes.tumblr.com/">ET</a>
  849. </div>
  850.  
  851. </body>
  852. </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!