API tools faq
paste
Advertisement
nayahelper

theme: mallory

nayahelper
Mar 25th, 2015
2,395
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. base code by neonbikethemes@tumblr & mrsmilicevic@tumblr
  8. theme by pisceswrites@tumblr
  9. please, please do not steal parts of my coding
  10. or use as a base theme!!!! thank you!!!
  11.  
  12. -->
  13.  
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <meta charset="utf-8">
  18. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  19. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <meta name="color:text"content="#000">
  24. <meta name="color:link"content="#000">
  25. <meta name="color:post"content="#fff">
  26. <meta name="color:postsbg"content="#000">
  27. <meta name="color:navbar"content="#fff">
  28. <meta name="color:hover"content="#fff">
  29. <meta name="color:border"content="#000">
  30. <meta name="color:accent"content="#000">
  31. <meta name="color:background"content="#fff">
  32. <meta name="color:bold"content="#fff">
  33. <meta name="color:italic"content="#fff">
  34. <meta name="color:scrollbar"content="#000">
  35. <meta name="color:scrollbar bg"content="#fff">
  36.  
  37. <meta name="image:background"content="">
  38. <meta name="image:sbar1"content="">
  39. <meta name="image:navpic"content="">
  40.  
  41. <meta name="text:tab 1 title" content="Tab 1 Title" />
  42. <meta name="text:tab 2 title" content="Tab 2 Title" />
  43. <meta name="text:tab 3 title" content="Tab 3 Title" />
  44. <meta name="text:tab 4 title" content="Tab 4 Title" />
  45. <meta name="text:tab 5 title" content="Tab 5 Title" />
  46.  
  47.  
  48.  
  49.  
  50. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  51.  
  52. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  53.  
  54. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  55.  
  56. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  57.  
  58. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("a[title]").style_my_tooltips({
  66. tip_follows_cursor:true,
  67. tip_delay_time:90,
  68. tip_fade_speed:600,
  69. attribute:"title"
  70. });
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. /* ---------------------------- GENERAL ----------------------------- */
  79.  
  80. /* -------- SELECTION TOOL ------- */
  81.  
  82. ::-moz-selection {
  83. background: {color:text};
  84. color: {color:background};
  85. }
  86.  
  87. ::selection {
  88. background: {color:text};
  89. color: {color:background};
  90. }
  91.  
  92. /* -------- SCROLLBAR ------- */
  93.  
  94. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};height:100px;}
  95.  
  96. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar};height:10px !important;}
  97.  
  98. ::-webkit-scrollbar { height:1px;width:1px; background-color:transparent;}
  99.  
  100. /* ------- TOOLTIPS ------ */
  101.  
  102. #s-m-t-tooltip {
  103. max-width:300px;
  104. padding:3px 5px 3px 5px;
  105. margin:20px 0px 0px 20px;
  106. background:{color:post};
  107. border:1px solid {color:border};
  108. text-transform:uppercase;
  109. color:{color:text};
  110. z-index:999999999999999999999999999999999999;
  111. font-family:arial;
  112. letter-spacing:1px;
  113. font-size:8px;
  114. }
  115.  
  116. /* -------- BASICS ------- */
  117.  
  118. body {
  119. background:{color:Background};
  120. background-image:url('{image:background}');
  121. color: {color:text};
  122. font-family: arial;
  123. font-size: 9px;
  124. }
  125.  
  126. a {
  127. color: {color:link};
  128. text-decoration: none;
  129. -webkit-transition: all .3s;
  130. -moz-transition: all .3s;
  131. -o-transition: all .3s;
  132. -ms-transition: all .3s;
  133. transition: all .3s;
  134. }
  135.  
  136. a:hover{
  137. color:{color:hover};
  138. -webkit-transition: all .3s;
  139. -moz-transition: all .3s;
  140. -o-transition: all .3s;
  141. -ms-transition: all .3s;
  142. transition: all .3s;
  143. }
  144.  
  145. blockquote {
  146. border-left: 1px solid {color:text};
  147. margin: 10px;
  148. padding-left:25px;
  149. padding-top:3px;
  150. padding-bottom:3px;
  151. }
  152.  
  153. iframe, img, embed, object, video {
  154. max-width: 100%;
  155. }
  156.  
  157. small {
  158. font-size:9px;
  159. }
  160.  
  161. h1 {
  162. background-color:{color:border};
  163. color:{color:link};
  164. letter-spacing:5px;
  165. font-size:8px;
  166. text-transform:uppercase;
  167. font-style:bold;
  168. text-align:center;
  169. padding:10px;
  170. }
  171.  
  172. h1 a{
  173. color:{color:link};
  174. }
  175.  
  176. h2 {
  177. background-color:{color:post};
  178. color:{color:postsbg};
  179. letter-spacing:5px;
  180. font-size:8px;
  181. text-transform:uppercase;
  182. font-style:bold;
  183. text-align:center;
  184. padding:10px;
  185. text-shadow:1px 1px 0px {color:hover};
  186. }
  187.  
  188. pre {
  189. padding:5px;
  190. text-transform:uppercase;
  191. font-size:8px;
  192. letter-spacing:1px;
  193. background-color:{color:postsbg};
  194. color:{color:border};
  195. word-wrap:break-word;
  196. font-family:arial;
  197. font-style:italic;
  198. font-weight:bold;
  199. }
  200.  
  201. h2 a{
  202. color:{color:link};
  203. }
  204.  
  205. ul{
  206. list-style-type:square;
  207. }
  208.  
  209. ol{
  210. list-style-type:;
  211. }
  212.  
  213. big {
  214. padding-top:1px;
  215. padding-bottom:1px;
  216. padding-left:2px;
  217. padding-right:2px;
  218. font-size:8px;
  219. line-height:14px;
  220. font-weight:bold;
  221. text-transform:uppercase;
  222. background-color:{color:postsbg};
  223. color:{color:bold};
  224. letter-spacing:1px;
  225. text-shadow:1px 1px 0px {color:background};
  226. }
  227.  
  228. #sbar1 {
  229. margin-top:13px;
  230. width:245px;
  231. height:500px;
  232. overflow-x:hidden;
  233. overflow-y:hidden;
  234. border:15px solid {color:postsbg};
  235. }
  236.  
  237. #sbar2 {
  238. width:520px;
  239. height:282px;
  240. border-bottom:9px solid {color:post};
  241. position:fixed;
  242. overflow-x:hidden;
  243. overflow-y:hidden;
  244. }
  245.  
  246. #bigcon{
  247. width:600px;
  248. margin-left:200px;
  249. margin-top:50px;
  250. }
  251.  
  252. .tabcontent {
  253. position:static;
  254. margin-left:auto;
  255. margin-right:auto;
  256. width: 530px;
  257. height: 491px;
  258. overflow:auto;
  259. overflow-x:hidden;
  260. }
  261.  
  262. #postcontainer {
  263. position:static;
  264. width: 530px;
  265. height:491px;
  266. overflow:auto;
  267. overflow-x:hidden;
  268. }
  269.  
  270.  
  271. /* ----------------------------- HEADER STUFF ---------------------------*/
  272.  
  273. #topbar{
  274. position:static;
  275. margin-top:10px;
  276. margin-bottom:-23px;
  277. text-align:center;
  278. }
  279.  
  280. #navbar{
  281. margin-top:10px;
  282. width:800px;
  283. height:10px;
  284. margin-left:-357px;
  285. display:inline-block;
  286. text-align:center;
  287. }
  288.  
  289.  
  290. /* ----------------------------- TAB 2 STUFF ---------------------------*/
  291.  
  292.  
  293. .navi {
  294. width:200px;
  295. height:200px;
  296. margin-top:292px;
  297. }
  298.  
  299. .navi h2 {
  300. margin-top:6px;
  301. }
  302.  
  303. .navi #linkz {
  304. margin-top:-6px;
  305. margin-bottom:-7px;
  306. }
  307.  
  308. .navi #linkzz {
  309. margin-top:-6px;
  310. margin-bottom:-7px;
  311. margin-left:0px;
  312. }
  313.  
  314. .navi a {
  315. width:93px;
  316. margin-bottom:2px;
  317. margin-right:-1px;
  318. padding:3px;
  319. color:{color:hover};
  320. font-family:'arial';
  321. background-color:{color:background};
  322. font-size:8px;
  323. font-style:italic;
  324. letter-spacing:0px;
  325. text-transform:uppercase;
  326. display:inline-block;
  327. text-shadow:1px 1px 0px {color:postsbg};
  328. }
  329.  
  330. .navi a:hover {
  331. text-decoration: underline;
  332. }
  333.  
  334.  
  335. #navidesc {
  336. margin-left:203px;
  337. margin-top:-208px;
  338. overflow:auto;
  339. height:201px;
  340. width:317px;
  341. text-align:justify;
  342. }
  343.  
  344. #navidesc h2 {
  345. border-top:1px solid {color:postsbg};
  346. border-bottom:1px solid {color:postsbg};
  347. width:297px;
  348. position:absolute;
  349. }
  350.  
  351. #navidesc p {
  352. padding-top:35px;
  353. padding-left:10px;
  354. padding-right:10px;
  355. padding-bottom:0px;
  356. }
  357.  
  358. /* ----------------------------- TAB 3&4 STUFF ---------------------------*/
  359.  
  360. .cells {margin-top:10px; margin-left:32px;}
  361.  
  362. #cell { width:148px; height:90px; margin-top:24px; margin-left:24px; display:inline-block; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease; padding-bottom:25px;}
  363.  
  364. #cell:hover #info { opacity:1; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease; }
  365.  
  366. #cell img { width:64px; height:64px; margin-left:-4px; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease; border:1px solid {color:post}; z-index:999999;}
  367.  
  368. .row {width:530px;}
  369.  
  370. #name { font-family:arial; width:151.5px; text-align:center; height:34px; background:{color:post}; padding:10px; position:static; font-size:8px; letter-spacing:1px; text-transform:uppercase; margin-top:-105px; margin-left:-57px; color:{color:text}; line-height:12px; z-index:-999999;}
  371.  
  372. #name b { text-decoration:underline; }
  373.  
  374. #name a { color:{color:text}; }
  375.  
  376.  
  377. .onclick-menu {
  378. position: relative;
  379. display: inline-block;
  380. }
  381.  
  382. .onclick-menu:hover {
  383. cursor:help;
  384. }
  385. .onclick-menu:before {
  386. content: "+ more info";
  387. font-size:7px;
  388. }
  389. .onclick-menu:focus {
  390. /* clicking on label should toggle the menu */
  391. pointer-events: none;
  392. outline:0px !important;
  393. border:0px !important;
  394. }
  395. .onclick-menu:focus .onclick-menu-content {
  396. /* opacity is 1 in opened state (see below) */
  397. opacity: 1;
  398. visibility: visible;
  399. outline:0px !important;
  400. border:0px !important;
  401.  
  402. /* don't let pointer-events affect descendant elements */
  403. pointer-events: auto;
  404. }
  405. .onclick-menu-content {
  406. position: absolute;
  407. z-index: 1;
  408. outline:0px !important;
  409. border:0px !important;
  410.  
  411. /* use opacity to fake immediate toggle */
  412. opacity: 0;
  413. visibility: hidden;
  414. transition: visibility 0.5s;
  415. }
  416.  
  417. .onclick-menu ul {
  418. background-color:{color:post};
  419. list-style:none;
  420. width:171px;
  421. outline:0px !important;
  422. border:0px !important;
  423. padding-left: 0!important;
  424. }
  425.  
  426. .onclick-menu li {
  427. letter-spacing:0px;
  428. padding:5px;
  429. padding-left: 0!important;
  430. list-style-position: inside;
  431. background-color:{color:post};
  432. border-top:1px solid {color:postsbg};
  433. }
  434.  
  435.  
  436.  
  437. /* ----------------------------- TAB 5 STUFF ---------------------------*/
  438.  
  439. .app {
  440. width:520px;
  441. float:left;
  442. background-color:{color:postsbg};
  443. height:450px;
  444. overflow:auto;
  445. padding-right:10px;
  446. }
  447.  
  448. .submit a {
  449. display:inline-block;
  450. margin-top:10px;
  451. width:520px;
  452. text-align:right;
  453. background-color:{color:postsbg};
  454. border-bottom:5px solid {color:background};
  455. font-size:22px;
  456. letter-spacing:-1px;
  457. font-style:italic;
  458. font-weight:bold;
  459. color:{color:hover};
  460. }
  461.  
  462.  
  463.  
  464. /* ------------------------------ TABS ------------------------------ */
  465.  
  466. .tabs {
  467. width:828px;
  468. margin-left:278px;
  469. margin-top:-565px;
  470. display:inline-block;
  471. }
  472.  
  473. /*----- Tab Links -----*/
  474.  
  475. /* Clearfix */
  476. .tab-links:after {
  477. display:block;
  478. clear:both;
  479. content:'';
  480. }
  481.  
  482. .tab-links {
  483. background-color:{color:postsbg};
  484. padding:15px;
  485. }
  486.  
  487. .tab-links li {
  488. display:inline-block;
  489. list-style:none;
  490. text-transform:uppercase;
  491. }
  492.  
  493. .tab-links a {
  494. background-color:{color:post};
  495. width:100px;
  496. font-size:8px;
  497. font-weight:bold;
  498. padding:4px;
  499. display:inline-block;
  500. color:{color:link};
  501. transition:all linear 0.15s;
  502. }
  503.  
  504. .tab-links a:hover {
  505. text-decoration:none;
  506. }
  507.  
  508. li.active a, li.active a:hover {
  509. color:{color:hover};
  510. background:{color:background};
  511. -webkit-transition: all .3s;
  512. -moz-transition: all .3s;
  513. -o-transition: all .3s;
  514. -ms-transition: all .3s;
  515. transition: all .3s;
  516. }
  517.  
  518. /*----- Content of Tabs -----*/
  519. .tab-content {
  520. width:520px;
  521. height:491px;
  522. padding:15px;
  523. background-color:{color:postsbg};
  524. }
  525.  
  526. .tab {
  527. display:none;
  528. }
  529.  
  530. .tab.active {
  531. display:block;
  532. }
  533.  
  534. /* --------------------------- POSTS (articles) --------------------- */
  535.  
  536. article {
  537. margin-left:0px;
  538. background-color:{color:post};
  539. padding-top:10px;
  540. padding-left:10px;
  541. padding-right:10px;
  542. padding-bottom:0px;
  543. width: 500px;
  544. margin-bottom:20px;
  545. }
  546.  
  547. /* ---------------------------- POST INFO -----------------------------*/
  548.  
  549. #info {
  550. width:511px;
  551. color:{color:link};
  552. background:{color:postsbg};
  553. text-shadow:1px 1px 0px {color:background};
  554. text-align:right;
  555. font-family:arial;
  556. letter-spacing:0px;
  557. outline:1px solid {color:post};
  558. font-size:8px;
  559. font-weight:bold;
  560. padding-left:7px;
  561. padding-top:3px;
  562. padding-bottom:2px;
  563. line-height:10px;
  564. text-transform:uppercase;
  565. margin-left:-9px;
  566. margin-top:15px;
  567. }
  568.  
  569. #info a {
  570. color:{color:post links};
  571. }
  572.  
  573. #info a:hover {
  574. -moz-transition-duration:0.4s;
  575. -webkit-transition-duration:0.4s;
  576. -o-transition-duration:0.4s;
  577. color:{color:Hover}
  578. }
  579.  
  580. /* ---------------------------- POST NOTES ------------------------- */
  581.  
  582. ol.notes {
  583. display:block;
  584. text-align:left;
  585. list-style-type:none;
  586. margin-left:-40px;
  587. }
  588.  
  589. ol.notes li.note{
  590. margin-bottom:5px;
  591. }
  592.  
  593. .pagenotes {
  594. text-align:left;
  595. margin-top:15px;
  596. }
  597.  
  598. .pagenotes img{
  599. padding-right:5px;
  600. padding-top:5px;
  601. margin-bottom:-5px;
  602. }
  603.  
  604.  
  605. /* -------------------------- POST TYPES -------------------------- */
  606.  
  607. /* CHAT */
  608.  
  609. .chat {
  610. line-height:20px;
  611. list-style:none;
  612. }
  613.  
  614. .line.odd {
  615. background:{color:postsbg};
  616. margin-bottom:2px;
  617. padding:5px;
  618. list-style:none;
  619. font-size:10px;
  620. }
  621.  
  622. .line.even {
  623. background:{color:background};
  624. margin-bottom:2px;
  625. padding:5px;
  626. list-style:none;
  627. font-size:10px;
  628. }
  629.  
  630. .label {
  631. padding-right:1px;
  632. text-transform:uppercase;
  633. font-weight:bold;
  634. color:{color:hover};
  635. }
  636.  
  637. /* QUOTES */
  638.  
  639. .qsource {
  640. font-size:8px;
  641. text-transform:uppercase;
  642. text-align:left;
  643. letter-spacing:1px;
  644. background-color:{color:border};
  645. color:{color:postsbg};
  646. padding:5px;
  647. font-weight:bold;
  648. }
  649.  
  650. .quote {
  651. color:{color:text};
  652. font-style:italic;
  653. padding:5px;
  654. font-size:14px;
  655. font-weight:bold;
  656. letter-spacing:-0.3px;
  657. background-color:{color:postsbg};
  658. text-transform:lowercase;
  659. text-align:center;
  660. margin-bottom:-4px;
  661. }
  662.  
  663. .quote big {
  664. margin:5px;
  665. }
  666.  
  667. /* QUESTIONS */
  668.  
  669. .asker{
  670. padding-right:5px;
  671. color:{color:link};
  672. background-color:{color:background};
  673. font-size:8px;
  674. line-height:18px;
  675. letter-spacing:1px;
  676. font-weight:bold;
  677. text-transform: uppercase;
  678. text-align:right;
  679. }
  680.  
  681. .asker a{
  682. color:{color:link};
  683. }
  684.  
  685. .questions{
  686. text-align:center;
  687. padding:15px;
  688. background-color:{color:postsbg};
  689. color:{color:text};
  690. margin-bottom:9px;
  691. }
  692.  
  693. .answer{
  694. color:{color:text};
  695. text-align:left;
  696. margin-top:1px;
  697. }
  698.  
  699. /* AUDIO */
  700.  
  701. .audio {
  702. margin-top:-50px;
  703. width:500px;
  704. }
  705.  
  706. .albumart {
  707. position:relative;
  708. float:left;
  709. padding:0px 10px 10px 0px;
  710. }
  711.  
  712. .albumart img {
  713. width:64px;
  714. height:64px;
  715. }
  716.  
  717. .playercontainer {
  718. margin-left:11px;
  719. margin-top:10px;
  720. z-index:9999;
  721. position:relative;
  722. padding-top:7px;
  723. padding-left:11px;
  724. padding-right:9px;
  725. padding-bottom:13px;
  726. background-color:#ffffff;
  727. width: 20px;
  728. height: 20px;
  729. overflow: hidden;
  730. -webkit-border-radius: 100px;
  731. -moz-border-radius: 100px;
  732. border-radius: 100px;
  733. opacity:0.2;
  734. -webkit-transition: all .3s;
  735. -moz-transition: all .3s;
  736. -o-transition: all .3s;
  737. -ms-transition: all .3s;
  738. transition: all .3s;
  739. }
  740.  
  741. .playercontainer:hover {
  742. opacity:0.9;
  743. -webkit-transition: all .3s;
  744. -moz-transition: all .3s;
  745. -o-transition: all .3s;
  746. -ms-transition: all .3s;
  747. transition: all .3s;
  748. }
  749.  
  750. .audioinfo {
  751. text-transform:uppercase;
  752. line-height:14px;
  753. font-size:8px;
  754. padding:10px;
  755. color:{color:text};
  756. }
  757.  
  758. .audioinfo b {
  759. text-decoration:underline;
  760. }
  761.  
  762. /* ------------------------- PAGINATION ------------------------- */
  763.  
  764. #pagination{
  765. position:static;
  766. margin-top:30px;
  767. text-align:center;
  768. }
  769.  
  770. .pagibutton{
  771. position:relative;
  772. display:inline-block;
  773. background:{color:posts};
  774. padding:15px;
  775. }
  776.  
  777.  
  778. #credit {
  779. width: 5px;
  780. height: 5px;
  781. font-weight:bold;
  782. font-family: arial;
  783. font-size: 8px;
  784. text-transform: uppercase;
  785. text-align: center;
  786. bottom: 10px;
  787. right: 10px;
  788. padding: 10px;
  789. color:{color:text};
  790. position: fixed;
  791. }
  792.  
  793.  
  794. /* --------------------------- Custom CSS -------------------------- */
  795. {CustomCSS}
  796. </style>
  797. </head>
  798. <body>
  799.  
  800.  
  801. <div id="bigcon">
  802.  
  803.  
  804. <!--TOPBAR-->
  805.  
  806. <div id="topbar">
  807.  
  808.  
  809. <div id="navbar">
  810. <div class="tabs">
  811. <ul class="tab-links">
  812. <li class="active" style="margin-left:-30px">
  813. <a href="#tab1">{text:Tab 1 Title}</a></li>
  814. <li><a href="#tab2">{text:Tab 2 Title}</a></li>
  815. <li><a href="#tab3">{text:Tab 3 Title}</a></li>
  816. <li><a href="#tab4">{text:Tab 4 Title}</a></li>
  817. <li><a href="#tab5">{text:Tab 5 Title}</a></li>
  818. </ul>
  819. </div>
  820. </div>
  821.  
  822.  
  823. <div id="sbar1"><img src="{image:sbar1}"></div>
  824.  
  825.  
  826. </div>
  827.  
  828.  
  829. <!-- --------------------------- TABS -------------------------- -->
  830.  
  831.  
  832. <div class="tabs">
  833.  
  834.  
  835. <!-- --------------------------- TAB 1 -------------------------- -->
  836.  
  837. <div class="tab-content">
  838. <div id="tab1" class="tab active">
  839.  
  840. <div id="postcontainer">
  841.  
  842. {block:Posts}
  843. <!-- {block:NoRebloggedFrom}
  844. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  845. {/block:NoRebloggedFrom} -->
  846. {block:ContentSource}<!-- {SourceURL}
  847. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  848. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  849. {/block:ContentSource}
  850. <article>
  851.  
  852. <!--TEXT POST-->
  853. {block:Text}
  854. {block:Title}
  855. <h1 class="title">
  856. <a href="{Permalink}">{Title}</a></h1>
  857. {/block:Title}
  858. {Body}
  859. {/block:Text}
  860.  
  861.  
  862. <!--PHOTO POST-->
  863. {block:Photo}
  864. {block:IndexPage}
  865. {LinkOpenTag}
  866. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  867. {LinkCloseTag}
  868. {block:Caption}{Caption}{/block:Caption}
  869. {/block:IndexPage}
  870. {block:PermalinkPage}
  871. {LinkOpenTag}
  872. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  873. {LinkCloseTag}
  874. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  875. {/block:Photo}
  876.  
  877.  
  878. <!--PHOTOSET POST-->
  879. {block:Photoset}
  880. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  881. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  882. {block:Caption}{Caption}{/block:Caption}
  883. {/block:Photoset}
  884.  
  885.  
  886. <!--QUOTE POST-->
  887. {block:Quote}
  888. {block:Source}<div class="qsource">{Source}</div>{/block:Source}
  889. <div class="quote"><big>“</big> {Quote} <big>”</big></div>
  890. {/block:Quote}
  891.  
  892.  
  893. <!--LINK POST-->
  894. {block:Link}
  895. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  896. {block:Description}{Description}{/block:Description}
  897. {/block:Link}
  898.  
  899.  
  900. <!--CHAT POST-->
  901. {block:Chat}
  902. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  903. {/block:Chat}
  904.  
  905.  
  906. <!--AUDIO POST-->
  907. {block:Audio}{block:AudioPlayer}<div class="playercontainer">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  908. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  909. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></div>
  910. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  911.  
  912.  
  913. <!--VIDEO POST-->
  914. {block:Video}
  915. <div class="video">
  916. <div class="video-player">{Video-500}</div>
  917. {/block:Video}
  918.  
  919.  
  920. <!--ANSWER POST-->
  921. {block:Answer}<div class="asker">{Asker}</div>
  922. <div class="questions">{Question}</div>
  923. <div class="answer">{Answer}</div>{/block:answer}
  924.  
  925. <!--CAPTIONS-->
  926. {block:Ifhidecaptions}
  927. {block:permalink}
  928. {block:Caption}
  929. {Caption}
  930. {/block:Caption}
  931. {/block:permalink}
  932. {/block:Ifhidecaptions}
  933. {block:Ifnothidecaptions}
  934. {block:Caption}
  935. {Caption}
  936. {/block:Caption}
  937. {/block:Ifnothidecaptions}
  938.  
  939. <!--POST INFORMATION-->
  940. <div id="info">{block:Date}<a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</a>{/block:Date}&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a></b>
  941. {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">/ src</a>&nbsp;&nbsp;{/block:ContentSource}{/block:RebloggedFrom}</div>
  942.  
  943. <!--POST NOTES-->
  944. {block:PostNotes}
  945. <div class="pagenotes">{PostNotes-16}</div>
  946. {/block:PostNotes}
  947.  
  948.  
  949. </article>
  950. {/block:Posts}
  951. <!--Close of article-->
  952.  
  953.  
  954. <!--PAGINATION-->
  955. <center>{block:Pagination}{block:PreviousPage}<big style="background-color:{color:border};"><a href="{PreviousPage}">SWIM</a></big>{/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<big style="background-color:{color:border};"><a href="{NextPage}">SINK</a>{/block:NextPage}</big>{/block:Pagination}</center>
  956.  
  957. </div>
  958.  
  959. </div>
  960.  
  961. <!-- -------------------------- TAB 2 -------------------------- -->
  962.  
  963. <div id="tab2" class="tab">
  964. <div class="tabcontent" style="overflow:hidden;">
  965. <div id="sbar2"><img src="{image:navpic}"></div>
  966. <div class="navi">
  967. <h2>before acceptance</h2>
  968. <div id="linkz">
  969. <a href="/">premier maillon</a>
  970. <a href="/">seconde lien</a>
  971. <a href="/">troisième liaison</a>
  972. <a href="/">quatrième lien</a>
  973. <a href="/">cinquième lien</a>
  974. <a href="/">sixième lien</a>
  975. <a href="/">septième lien</a>
  976. <a href="/">huitième lien</a>
  977. </div>
  978. <h2>after acceptance</h2>
  979. <div id="linkzz" style="margin-top:-5px;">
  980. <a href="/">premier maillon</a>
  981. <a href="/">seconde lien</a>
  982. <a href="/">troisième liaison</a>
  983. <a href="/">quatrième lien</a>
  984. <a href="/">cinquième lien</a>
  985. <a href="/">sixième lien</a>
  986. <a href="/">septième lien</a>
  987. <a href="/">huitième lien</a>
  988. </div>
  989. </div>
  990.  
  991. <div id="navidesc">
  992. <h2>welcome to the plot</h2>
  993. <p>Cras feugiat magna lacus, at commodo ante pellentesque nec. Donec ipsum metus, condimentum a varius at, laoreet eu odio. Nunc interdum lectus et enim tempor, ac rhoncus magna vehicula. Maecenas eleifend tortor eros, ac ultricies tellus finibus venenatis. Nam accumsan risus sit amet pharetra scelerisque. Aenean maximus quis augue ullamcorper rutrum. Proin ultrices pulvinar tortor, sit amet volutpat nisl sagittis a. Ut tincidunt eu tellus non rhoncus. Duis convallis tempor nisl et commodo. Etiam pellentesque diam quis tempus blandit. Curabitur blandit, odio sit amet finibus vulputate, sapien est pulvinar diam, in fringilla metus risus at est. Mauris vitae ex scelerisque, auctor elit eu, cursus urna. Nam vulputate lacus sapien, vitae aliquet nisi tristique nec. Phasellus eu dictum neque. Ut sed eros in tortor consequat vestibulum malesuada eu mauris. Aliquam nisl justo, eleifend in hendrerit at, pellentesque sed mi.<br>
  994. <br>
  995. Duis id magna vitae tortor rutrum mattis. Vestibulum sit amet aliquam mi. Suspendisse vel ligula bibendum, molestie magna in, pulvinar odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam fringilla mollis sodales. Integer porta enim eu sem vulputate, egestas egestas neque gravida. Cras ac dapibus nulla. Nunc fringilla dolor magna, at mollis nisi porttitor nec. Proin nec consequat massa. Quisque vitae faucibus lorem. Proin in nisi est. Duis interdum dapibus sem at mollis. Nunc sodales id sem ut maximus.<br>
  996. <br>
  997. In augue arcu, pellentesque mattis fermentum nec, accumsan id arcu. Vivamus odio elit, hendrerit non lacinia a, gravida vel velit. Pellentesque tempor metus eget mattis pellentesque. Nunc et nisl vitae eros elementum posuere vel ac sapien. Curabitur facilisis, ante at iaculis scelerisque, justo urna dapibus quam, non fringilla purus arcu eu diam. Aenean sed felis id massa iaculis tempor vitae non lectus. Etiam lobortis odio ligula, vitae laoreet nunc ultrices quis. Ut vestibulum lacus turpis, a condimentum elit finibus lacinia. Etiam nec velit tempor eros tempus dapibus quis vitae justo. Duis maximus ex neque, vitae ullamcorper justo viverra nec. Vivamus eu blandit eros. Donec sed quam non magna ultricies laoreet. Sed gravida arcu ac quam fringilla, eget pellentesque erat auctor. Aenean at erat eu neque auctor dictum vitae ac velit. Nullam orci nunc, fermentum vitae aliquet in, sollicitudin a urna. Aliquam non elementum neque.
  998. </p>
  999. </div>
  1000.  
  1001. <div style="margin-top:2px;width:520px; height:5px; background-color:{color:post};"></div>
  1002.  
  1003. </div>
  1004. </div>
  1005.  
  1006.  
  1007. <!-- -------------------------- TAB 3 -------------------------- -->
  1008.  
  1009. <div id="tab3" class="tab">
  1010. <div class="tabcontent">
  1011.  
  1012. <div class="cells">
  1013.  
  1014. <!-- row ---><div class="row"><!-- /// --->
  1015.  
  1016.  
  1017.  
  1018. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1019. copy and paste one row at a time,
  1020. not one cell at a time or else it will look wonky! -->
  1021.  
  1022. <div id="cell">
  1023.  
  1024. <img src="http://i.imgur.com/R8SdvDO.png">
  1025.  
  1026. <div id="name">
  1027. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1028. <div tabindex="0" class="onclick-menu">
  1029. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1030. <li>age, label, occupation</button></li>
  1031. <li>positive, positive, positive</li>
  1032. <li>negative, negative, negative</li>
  1033. </ul>
  1034. </div>
  1035. </div>
  1036.  
  1037. </div>
  1038.  
  1039. <!-- end cell -->
  1040.  
  1041. <!-- cell -->
  1042.  
  1043. <div id="cell">
  1044.  
  1045. <img src="http://i.imgur.com/oy8bESD.png">
  1046.  
  1047. <div id="name">
  1048. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1049. <div tabindex="0" class="onclick-menu">
  1050. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1051. <li>age, label, occupation</button></li>
  1052. <li>positive, positive, positive</li>
  1053. <li>negative, negative, negative</li>
  1054. </ul>
  1055. </div>
  1056. </div>
  1057.  
  1058. </div>
  1059.  
  1060. <!-- end cell -->
  1061.  
  1062.  
  1063. <!-- cell -->
  1064.  
  1065. <div id="cell">
  1066.  
  1067. <img src="http://i.imgur.com/NhPTLHK.png">
  1068.  
  1069. <div id="name">
  1070. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1071. <div tabindex="0" class="onclick-menu">
  1072. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1073. <li>age, label, occupation</button></li>
  1074. <li>positive, positive, positive</li>
  1075. <li>negative, negative, negative</li>
  1076. </ul>
  1077. </div>
  1078. </div>
  1079.  
  1080. </div>
  1081.  
  1082. <!-- end cell -->
  1083.  
  1084.  
  1085. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1086. copy and paste one row at a time,
  1087. not one cell at a time or else it will look wonky! -->
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093.  
  1094.  
  1095. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1096. copy and paste one row at a time,
  1097. not one cell at a time or else it will look wonky! -->
  1098.  
  1099. <!-- cell -->
  1100.  
  1101. <div id="cell">
  1102.  
  1103. <img src="http://i.imgur.com/qn218mi.png">
  1104.  
  1105. <div id="name">
  1106. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1107. <div tabindex="0" class="onclick-menu">
  1108. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1109. <li>age, label, occupation</button></li>
  1110. <li>positive, positive, positive</li>
  1111. <li>negative, negative, negative</li>
  1112. </ul>
  1113. </div>
  1114. </div>
  1115.  
  1116. </div>
  1117.  
  1118. <!-- end cell -->
  1119.  
  1120.  
  1121. <!-- cell -->
  1122.  
  1123. <div id="cell">
  1124.  
  1125. <img src="http://i.imgur.com/Bxn975G.png">
  1126.  
  1127. <div id="name">
  1128. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1129. <div tabindex="0" class="onclick-menu">
  1130. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1131. <li>age, label, occupation</button></li>
  1132. <li>positive, positive, positive</li>
  1133. <li>negative, negative, negative</li>
  1134. </ul>
  1135. </div>
  1136. </div>
  1137.  
  1138.  
  1139. </div>
  1140.  
  1141. <!-- end cell -->
  1142.  
  1143.  
  1144. <!-- cell -->
  1145.  
  1146. <div id="cell">
  1147.  
  1148. <img src="http://i.imgur.com/8tvPtGN.png">
  1149.  
  1150. <div id="name">
  1151. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1152. <div tabindex="0" class="onclick-menu">
  1153. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1154. <li>age, label, occupation</button></li>
  1155. <li>positive, positive, positive</li>
  1156. <li>negative, negative, negative</li>
  1157. </ul>
  1158. </div>
  1159. </div>
  1160.  
  1161.  
  1162. </div>
  1163.  
  1164. <!-- end cell -->
  1165.  
  1166. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1167. copy and paste one row at a time,
  1168. not one cell at a time or else it will look wonky! -->
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174.  
  1175. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1176. copy and paste one row at a time,
  1177. not one cell at a time or else it will look wonky! -->
  1178.  
  1179. <!-- cell -->
  1180.  
  1181. <div id="cell">
  1182.  
  1183. <img src="http://i.imgur.com/tC4kC28.png">
  1184.  
  1185. <div id="name">
  1186. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1187. <div tabindex="0" class="onclick-menu">
  1188. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1189. <li>age, label, occupation</button></li>
  1190. <li>positive, positive, positive</li>
  1191. <li>negative, negative, negative</li>
  1192. </ul>
  1193. </div>
  1194. </div>
  1195.  
  1196. </div>
  1197.  
  1198. <!-- end cell -->
  1199.  
  1200.  
  1201. <!-- cell -->
  1202.  
  1203. <div id="cell">
  1204.  
  1205. <img src="http://i.imgur.com/TRZAaTj.png">
  1206.  
  1207. <div id="name">
  1208. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1209. <div tabindex="0" class="onclick-menu">
  1210. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1211. <li>age, label, occupation</button></li>
  1212. <li>positive, positive, positive</li>
  1213. <li>negative, negative, negative</li>
  1214. </ul>
  1215. </div>
  1216. </div>
  1217.  
  1218.  
  1219. </div>
  1220.  
  1221. <!-- end cell -->
  1222.  
  1223.  
  1224. <!-- cell -->
  1225.  
  1226. <div id="cell">
  1227.  
  1228. <img src="http://i.imgur.com/HzPAj1a.png">
  1229.  
  1230. <div id="name">
  1231. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1232. <div tabindex="0" class="onclick-menu">
  1233. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1234. <li>age, label, occupation</button></li>
  1235. <li>positive, positive, positive</li>
  1236. <li>negative, negative, negative</li>
  1237. </ul>
  1238. </div>
  1239. </div>
  1240.  
  1241.  
  1242. </div>
  1243.  
  1244. <!-- end cell -->
  1245.  
  1246. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1247. copy and paste one row at a time,
  1248. not one cell at a time or else it will look wonky! -->
  1249.  
  1250.  
  1251.  
  1252.  
  1253.  
  1254.  
  1255.  
  1256. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1257. copy and paste one row at a time,
  1258. not one cell at a time or else it will look wonky! -->
  1259.  
  1260. <!-- cell -->
  1261.  
  1262. <div id="cell">
  1263.  
  1264. <img src="http://i.imgur.com/BZ5gSUx.png">
  1265.  
  1266. <div id="name">
  1267. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1268. <div tabindex="0" class="onclick-menu">
  1269. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1270. <li>age, label, occupation</button></li>
  1271. <li>positive, positive, positive</li>
  1272. <li>negative, negative, negative</li>
  1273. </ul>
  1274. </div>
  1275. </div>
  1276.  
  1277. </div>
  1278.  
  1279. <!-- end cell -->
  1280.  
  1281.  
  1282. <!-- cell -->
  1283.  
  1284. <div id="cell">
  1285.  
  1286. <img src="http://i.imgur.com/oZgZhNp.png">
  1287.  
  1288. <div id="name">
  1289. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1290. <div tabindex="0" class="onclick-menu">
  1291. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1292. <li>age, label, occupation</button></li>
  1293. <li>positive, positive, positive</li>
  1294. <li>negative, negative, negative</li>
  1295. </ul>
  1296. </div>
  1297. </div>
  1298.  
  1299. </div>
  1300.  
  1301. <!-- end cell -->
  1302.  
  1303.  
  1304. <!-- cell -->
  1305.  
  1306. <div id="cell">
  1307.  
  1308. <img src="http://i.imgur.com/s1fZVas.png">
  1309.  
  1310. <div id="name">
  1311. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1312. <div tabindex="0" class="onclick-menu">
  1313. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1314. <li>age, label, occupation</button></li>
  1315. <li>positive, positive, positive</li>
  1316. <li>negative, negative, negative</li>
  1317. </ul>
  1318. </div>
  1319. </div>
  1320.  
  1321. </div>
  1322.  
  1323. <!-- end cell -->
  1324.  
  1325. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1326. copy and paste one row at a time,
  1327. not one cell at a time or else it will look wonky! -->
  1328.  
  1329.  
  1330.  
  1331.  
  1332.  
  1333.  
  1334.  
  1335. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1336. copy and paste one row at a time,
  1337. not one cell at a time or else it will look wonky! -->
  1338.  
  1339. <!-- cell -->
  1340.  
  1341. <div id="cell">
  1342.  
  1343. <img src="http://i.imgur.com/R8SdvDO.png">
  1344.  
  1345. <div id="name">
  1346. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1347. <div tabindex="0" class="onclick-menu">
  1348. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1349. <li>age, label, occupation</button></li>
  1350. <li>positive, positive, positive</li>
  1351. <li>negative, negative, negative</li>
  1352. </ul>
  1353. </div>
  1354. </div>
  1355.  
  1356. </div>
  1357.  
  1358. <!-- end cell -->
  1359.  
  1360. <!-- cell -->
  1361.  
  1362. <div id="cell">
  1363.  
  1364. <img src="http://i.imgur.com/oy8bESD.png">
  1365.  
  1366. <div id="name">
  1367. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1368. <div tabindex="0" class="onclick-menu">
  1369. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1370. <li>age, label, occupation</button></li>
  1371. <li>positive, positive, positive</li>
  1372. <li>negative, negative, negative</li>
  1373. </ul>
  1374. </div>
  1375. </div>
  1376.  
  1377. </div>
  1378.  
  1379. <!-- end cell -->
  1380.  
  1381.  
  1382. <!-- cell -->
  1383.  
  1384. <div id="cell">
  1385.  
  1386. <img src="http://i.imgur.com/NhPTLHK.png">
  1387.  
  1388. <div id="name">
  1389. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1390. <div tabindex="0" class="onclick-menu">
  1391. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1392. <li>age, label, occupation</button></li>
  1393. <li>positive, positive, positive</li>
  1394. <li>negative, negative, negative</li>
  1395. </ul>
  1396. </div>
  1397. </div>
  1398.  
  1399. </div>
  1400.  
  1401. <!-- end cell -->
  1402.  
  1403. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1404. copy and paste one row at a time,
  1405. not one cell at a time or else it will look wonky! -->
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1414. copy and paste one row at a time,
  1415. not one cell at a time or else it will look wonky! -->
  1416.  
  1417. <!-- cell -->
  1418.  
  1419. <div id="cell">
  1420.  
  1421. <img src="http://i.imgur.com/qn218mi.png">
  1422.  
  1423. <div id="name">
  1424. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1425. <div tabindex="0" class="onclick-menu">
  1426. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1427. <li>age, label, occupation</button></li>
  1428. <li>positive, positive, positive</li>
  1429. <li>negative, negative, negative</li>
  1430. </ul>
  1431. </div>
  1432. </div>
  1433.  
  1434. </div>
  1435.  
  1436. <!-- end cell -->
  1437.  
  1438.  
  1439. <!-- cell -->
  1440.  
  1441. <div id="cell">
  1442.  
  1443. <img src="http://i.imgur.com/Bxn975G.png">
  1444.  
  1445. <div id="name">
  1446. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1447. <div tabindex="0" class="onclick-menu">
  1448. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1449. <li>age, label, occupation</button></li>
  1450. <li>positive, positive, positive</li>
  1451. <li>negative, negative, negative</li>
  1452. </ul>
  1453. </div>
  1454. </div>
  1455.  
  1456.  
  1457. </div>
  1458.  
  1459. <!-- end cell -->
  1460.  
  1461.  
  1462. <!-- cell -->
  1463.  
  1464. <div id="cell">
  1465.  
  1466. <img src="http://i.imgur.com/8tvPtGN.png">
  1467.  
  1468. <div id="name">
  1469. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1470. <div tabindex="0" class="onclick-menu">
  1471. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1472. <li>age, label, occupation</button></li>
  1473. <li>positive, positive, positive</li>
  1474. <li>negative, negative, negative</li>
  1475. </ul>
  1476. </div>
  1477. </div>
  1478.  
  1479.  
  1480. </div>
  1481.  
  1482. <!-- end cell -->
  1483.  
  1484. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1485. copy and paste one row at a time,
  1486. not one cell at a time or else it will look wonky! -->
  1487.  
  1488.  
  1489. </div>
  1490. </div>
  1491. </div>
  1492. </div>
  1493.  
  1494.  
  1495. <!-- -------------------------- TAB 4 -------------------------- -->
  1496.  
  1497. <div id="tab4" class="tab">
  1498. <div class="tabcontent">
  1499.  
  1500.  
  1501. <div class="cells">
  1502.  
  1503. <!-- row ---><div class="row"><!-- /// --->
  1504.  
  1505.  
  1506.  
  1507. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1508. copy and paste one row at a time,
  1509. not one cell at a time or else it will look wonky! -->
  1510.  
  1511. <div id="cell">
  1512.  
  1513. <img src="http://i.imgur.com/R8SdvDO.png">
  1514.  
  1515. <div id="name">
  1516. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1517. <div tabindex="0" class="onclick-menu">
  1518. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1519. <li>age, label, occupation</button></li>
  1520. <li>positive, positive, positive</li>
  1521. <li>negative, negative, negative</li>
  1522. </ul>
  1523. </div>
  1524. </div>
  1525.  
  1526. </div>
  1527.  
  1528. <!-- end cell -->
  1529.  
  1530. <!-- cell -->
  1531.  
  1532. <div id="cell">
  1533.  
  1534. <img src="http://i.imgur.com/oy8bESD.png">
  1535.  
  1536. <div id="name">
  1537. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1538. <div tabindex="0" class="onclick-menu">
  1539. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1540. <li>age, label, occupation</button></li>
  1541. <li>positive, positive, positive</li>
  1542. <li>negative, negative, negative</li>
  1543. </ul>
  1544. </div>
  1545. </div>
  1546.  
  1547. </div>
  1548.  
  1549. <!-- end cell -->
  1550.  
  1551.  
  1552. <!-- cell -->
  1553.  
  1554. <div id="cell">
  1555.  
  1556. <img src="http://i.imgur.com/NhPTLHK.png">
  1557.  
  1558. <div id="name">
  1559. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1560. <div tabindex="0" class="onclick-menu">
  1561. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1562. <li>age, label, occupation</button></li>
  1563. <li>positive, positive, positive</li>
  1564. <li>negative, negative, negative</li>
  1565. </ul>
  1566. </div>
  1567. </div>
  1568.  
  1569. </div>
  1570.  
  1571. <!-- end cell -->
  1572.  
  1573.  
  1574. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1575. copy and paste one row at a time,
  1576. not one cell at a time or else it will look wonky! -->
  1577.  
  1578.  
  1579.  
  1580.  
  1581.  
  1582.  
  1583.  
  1584. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1585. copy and paste one row at a time,
  1586. not one cell at a time or else it will look wonky! -->
  1587.  
  1588. <!-- cell -->
  1589.  
  1590. <div id="cell">
  1591.  
  1592. <img src="http://i.imgur.com/qn218mi.png">
  1593.  
  1594. <div id="name">
  1595. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1596. <div tabindex="0" class="onclick-menu">
  1597. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1598. <li>age, label, occupation</button></li>
  1599. <li>positive, positive, positive</li>
  1600. <li>negative, negative, negative</li>
  1601. </ul>
  1602. </div>
  1603. </div>
  1604.  
  1605. </div>
  1606.  
  1607. <!-- end cell -->
  1608.  
  1609.  
  1610. <!-- cell -->
  1611.  
  1612. <div id="cell">
  1613.  
  1614. <img src="http://i.imgur.com/Bxn975G.png">
  1615.  
  1616. <div id="name">
  1617. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1618. <div tabindex="0" class="onclick-menu">
  1619. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1620. <li>age, label, occupation</button></li>
  1621. <li>positive, positive, positive</li>
  1622. <li>negative, negative, negative</li>
  1623. </ul>
  1624. </div>
  1625. </div>
  1626.  
  1627.  
  1628. </div>
  1629.  
  1630. <!-- end cell -->
  1631.  
  1632.  
  1633. <!-- cell -->
  1634.  
  1635. <div id="cell">
  1636.  
  1637. <img src="http://i.imgur.com/8tvPtGN.png">
  1638.  
  1639. <div id="name">
  1640. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1641. <div tabindex="0" class="onclick-menu">
  1642. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1643. <li>age, label, occupation</button></li>
  1644. <li>positive, positive, positive</li>
  1645. <li>negative, negative, negative</li>
  1646. </ul>
  1647. </div>
  1648. </div>
  1649.  
  1650.  
  1651. </div>
  1652.  
  1653. <!-- end cell -->
  1654.  
  1655. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1656. copy and paste one row at a time,
  1657. not one cell at a time or else it will look wonky! -->
  1658.  
  1659.  
  1660.  
  1661.  
  1662.  
  1663.  
  1664. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1665. copy and paste one row at a time,
  1666. not one cell at a time or else it will look wonky! -->
  1667.  
  1668. <!-- cell -->
  1669.  
  1670. <div id="cell">
  1671.  
  1672. <img src="http://i.imgur.com/tC4kC28.png">
  1673.  
  1674. <div id="name">
  1675. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1676. <div tabindex="0" class="onclick-menu">
  1677. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1678. <li>age, label, occupation</button></li>
  1679. <li>positive, positive, positive</li>
  1680. <li>negative, negative, negative</li>
  1681. </ul>
  1682. </div>
  1683. </div>
  1684.  
  1685. </div>
  1686.  
  1687. <!-- end cell -->
  1688.  
  1689.  
  1690. <!-- cell -->
  1691.  
  1692. <div id="cell">
  1693.  
  1694. <img src="http://i.imgur.com/TRZAaTj.png">
  1695.  
  1696. <div id="name">
  1697. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1698. <div tabindex="0" class="onclick-menu">
  1699. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1700. <li>age, label, occupation</button></li>
  1701. <li>positive, positive, positive</li>
  1702. <li>negative, negative, negative</li>
  1703. </ul>
  1704. </div>
  1705. </div>
  1706.  
  1707.  
  1708. </div>
  1709.  
  1710. <!-- end cell -->
  1711.  
  1712.  
  1713. <!-- cell -->
  1714.  
  1715. <div id="cell">
  1716.  
  1717. <img src="http://i.imgur.com/HzPAj1a.png">
  1718.  
  1719. <div id="name">
  1720. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1721. <div tabindex="0" class="onclick-menu">
  1722. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1723. <li>age, label, occupation</button></li>
  1724. <li>positive, positive, positive</li>
  1725. <li>negative, negative, negative</li>
  1726. </ul>
  1727. </div>
  1728. </div>
  1729.  
  1730.  
  1731. </div>
  1732.  
  1733. <!-- end cell -->
  1734.  
  1735. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1736. copy and paste one row at a time,
  1737. not one cell at a time or else it will look wonky! -->
  1738.  
  1739.  
  1740.  
  1741.  
  1742.  
  1743.  
  1744.  
  1745. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1746. copy and paste one row at a time,
  1747. not one cell at a time or else it will look wonky! -->
  1748.  
  1749. <!-- cell -->
  1750.  
  1751. <div id="cell">
  1752.  
  1753. <img src="http://i.imgur.com/BZ5gSUx.png">
  1754.  
  1755. <div id="name">
  1756. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1757. <div tabindex="0" class="onclick-menu">
  1758. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1759. <li>age, label, occupation</button></li>
  1760. <li>positive, positive, positive</li>
  1761. <li>negative, negative, negative</li>
  1762. </ul>
  1763. </div>
  1764. </div>
  1765.  
  1766. </div>
  1767.  
  1768. <!-- end cell -->
  1769.  
  1770.  
  1771. <!-- cell -->
  1772.  
  1773. <div id="cell">
  1774.  
  1775. <img src="http://i.imgur.com/oZgZhNp.png">
  1776.  
  1777. <div id="name">
  1778. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1779. <div tabindex="0" class="onclick-menu">
  1780. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1781. <li>age, label, occupation</button></li>
  1782. <li>positive, positive, positive</li>
  1783. <li>negative, negative, negative</li>
  1784. </ul>
  1785. </div>
  1786. </div>
  1787.  
  1788. </div>
  1789.  
  1790. <!-- end cell -->
  1791.  
  1792.  
  1793. <!-- cell -->
  1794.  
  1795. <div id="cell">
  1796.  
  1797. <img src="http://i.imgur.com/s1fZVas.png">
  1798.  
  1799. <div id="name">
  1800. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1801. <div tabindex="0" class="onclick-menu">
  1802. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1803. <li>age, label, occupation</button></li>
  1804. <li>positive, positive, positive</li>
  1805. <li>negative, negative, negative</li>
  1806. </ul>
  1807. </div>
  1808. </div>
  1809.  
  1810. </div>
  1811.  
  1812. <!-- end cell -->
  1813.  
  1814. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1815. copy and paste one row at a time,
  1816. not one cell at a time or else it will look wonky! -->
  1817.  
  1818.  
  1819.  
  1820.  
  1821.  
  1822.  
  1823.  
  1824. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1825. copy and paste one row at a time,
  1826. not one cell at a time or else it will look wonky! -->
  1827.  
  1828. <!-- cell -->
  1829.  
  1830. <div id="cell">
  1831.  
  1832. <img src="http://i.imgur.com/R8SdvDO.png">
  1833.  
  1834. <div id="name">
  1835. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1836. <div tabindex="0" class="onclick-menu">
  1837. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1838. <li>age, label, occupation</button></li>
  1839. <li>positive, positive, positive</li>
  1840. <li>negative, negative, negative</li>
  1841. </ul>
  1842. </div>
  1843. </div>
  1844.  
  1845. </div>
  1846.  
  1847. <!-- end cell -->
  1848.  
  1849. <!-- cell -->
  1850.  
  1851. <div id="cell">
  1852.  
  1853. <img src="http://i.imgur.com/oy8bESD.png">
  1854.  
  1855. <div id="name">
  1856. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1857. <div tabindex="0" class="onclick-menu">
  1858. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1859. <li>age, label, occupation</button></li>
  1860. <li>positive, positive, positive</li>
  1861. <li>negative, negative, negative</li>
  1862. </ul>
  1863. </div>
  1864. </div>
  1865.  
  1866. </div>
  1867.  
  1868. <!-- end cell -->
  1869.  
  1870.  
  1871. <!-- cell -->
  1872.  
  1873. <div id="cell">
  1874.  
  1875. <img src="http://i.imgur.com/NhPTLHK.png">
  1876.  
  1877. <div id="name">
  1878. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1879. <div tabindex="0" class="onclick-menu">
  1880. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1881. <li>age, label, occupation</button></li>
  1882. <li>positive, positive, positive</li>
  1883. <li>negative, negative, negative</li>
  1884. </ul>
  1885. </div>
  1886. </div>
  1887.  
  1888. </div>
  1889.  
  1890. <!-- end cell -->
  1891.  
  1892. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1893. copy and paste one row at a time,
  1894. not one cell at a time or else it will look wonky! -->
  1895.  
  1896.  
  1897.  
  1898.  
  1899.  
  1900.  
  1901.  
  1902. <!-- !!!!!!!!!!!! START OF ONE ROW !!!!!!!!!!
  1903. copy and paste one row at a time,
  1904. not one cell at a time or else it will look wonky! -->
  1905.  
  1906. <!-- cell -->
  1907.  
  1908. <div id="cell">
  1909.  
  1910. <img src="http://i.imgur.com/qn218mi.png">
  1911.  
  1912. <div id="name">
  1913. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1914. <div tabindex="0" class="onclick-menu">
  1915. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-57px; border:0px;">
  1916. <li>age, label, occupation</button></li>
  1917. <li>positive, positive, positive</li>
  1918. <li>negative, negative, negative</li>
  1919. </ul>
  1920. </div>
  1921. </div>
  1922.  
  1923. </div>
  1924.  
  1925. <!-- end cell -->
  1926.  
  1927.  
  1928. <!-- cell -->
  1929.  
  1930. <div id="cell">
  1931.  
  1932. <img src="http://i.imgur.com/Bxn975G.png">
  1933.  
  1934. <div id="name">
  1935. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1936. <div tabindex="0" class="onclick-menu">
  1937. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1938. <li>age, label, occupation</button></li>
  1939. <li>positive, positive, positive</li>
  1940. <li>negative, negative, negative</li>
  1941. </ul>
  1942. </div>
  1943. </div>
  1944.  
  1945.  
  1946. </div>
  1947.  
  1948. <!-- end cell -->
  1949.  
  1950.  
  1951. <!-- cell -->
  1952.  
  1953. <div id="cell">
  1954.  
  1955. <img src="http://i.imgur.com/8tvPtGN.png">
  1956.  
  1957. <div id="name">
  1958. <a href="/"><b>f</b>irst <b>l</b>ast</a><br>
  1959. <div tabindex="0" class="onclick-menu">
  1960. <ul class="onclick-menu-content" style="margin-top:4px;margin-left:-58px;width:172px; border:0px;">
  1961. <li>age, label, occupation</button></li>
  1962. <li>positive, positive, positive</li>
  1963. <li>negative, negative, negative</li>
  1964. </ul>
  1965. </div>
  1966. </div>
  1967.  
  1968.  
  1969. </div>
  1970.  
  1971. <!-- end cell -->
  1972.  
  1973. <!-- !!!!!!!!!!!! END OF ONE ROW !!!!!!!!!!
  1974. copy and paste one row at a time,
  1975. not one cell at a time or else it will look wonky! -->
  1976.  
  1977.  
  1978.  
  1979. </div>
  1980. </div>
  1981. </div>
  1982. </div>
  1983.  
  1984.  
  1985. <!-- -------------------------- TAB 5 -------------------------- -->
  1986.  
  1987. <div id="tab5" class="tab">
  1988. <div class="tabcontent" style="overflow:hidden;">
  1989.  
  1990. <div class="app">
  1991.  
  1992. <h2 style="margin-top:0px;">This is for your application</h2>
  1993. <blockquote>But this tab can easily be changed to anything else if you want, if you're not a roleplay or if your rp doesn't require an app or whatever else. Just have fun with it, basically. Do whatever u want. Except still follow my rules pls.</blockquote>
  1994.  
  1995. <h2>Lorem ipsum dolor sit amet,</h2>
  1996. <blockquote>Aliquam scelerisque augue tortor, sed vehicula leo ornare vel. Suspendisse et ornare felis. Vivamus varius euismod tincidunt. Pellentesque sit amet felis eu nisi fringilla viverra vitae eu sapien. Ut laoreet volutpat orci, vel egestas risus imperdiet ut.</blockquote>
  1997.  
  1998. <h2>Ut pretium, arcu eget porttitor fermentum</h2>
  1999. <blockquote>Vestibulum elementum dapibus congue. Ut felis metus, mollis ut tristique in, maximus sed lectus. Quisque finibus, enim a vehicula porttitor, lorem mi semper orci, sed pretium lorem dui non nulla. Donec pulvinar lacus ac ligula egestas, id sagittis arcu scelerisque.</blockquote>
  2000.  
  2001. <h2>Nunc tincidunt nibh lacus</h2>
  2002. <blockquote>Fusce posuere purus ut erat venenatis efficitur. Sed efficitur fringilla leo ut gravida. Aenean et urna lacinia, ultricies augue sed, rhoncus quam. Phasellus sed sollicitudin quam, id viverra libero. Curabitur ullamcorper turpis nec placerat pretium.</blockquote>
  2003.  
  2004. <h2>Lorem ipsum dolor sit amet,</h2>
  2005. <blockquote>Aliquam scelerisque augue tortor, sed vehicula leo ornare vel. Suspendisse et ornare felis. Vivamus varius euismod tincidunt. Pellentesque sit amet felis eu nisi fringilla viverra vitae eu sapien. Ut laoreet volutpat orci, vel egestas risus imperdiet ut.</blockquote>
  2006.  
  2007. <h2>Ut pretium, arcu eget porttitor fermentum</h2>
  2008. <blockquote>Vestibulum elementum dapibus congue. Ut felis metus, mollis ut tristique in, maximus sed lectus. Quisque finibus, enim a vehicula porttitor, lorem mi semper orci, sed pretium lorem dui non nulla. Donec pulvinar lacus ac ligula egestas, id sagittis arcu scelerisque.</blockquote>
  2009.  
  2010. <h2>Nunc tincidunt nibh lacus</h2>
  2011. <blockquote>Fusce posuere purus ut erat venenatis efficitur. Sed efficitur fringilla leo ut gravida. Aenean et urna lacinia, ultricies augue sed, rhoncus quam. Phasellus sed sollicitudin quam, id viverra libero. Curabitur ullamcorper turpis nec placerat pretium.</blockquote>
  2012. </div>
  2013.  
  2014. <div class="submit"><a href="/submit">link to submit page</a></div>
  2015.  
  2016.  
  2017. </div>
  2018. </div>
  2019.  
  2020.  
  2021.  
  2022. <!-- END OF TABS -->
  2023.  
  2024. </div>
  2025. </div>
  2026. </div>
  2027. </div>
  2028. <div id="credit"><a href="http://pisceswrites.tumblr.com">▲</a></div>
  2029. </div>
  2030.  
  2031.  
  2032. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  2033.  
  2034. <script>
  2035. $(document).ready(function() {
  2036. $('.tabs .tab-links a').on('click', function(e) {
  2037. var currentAttrValue = $(this).attr('href');
  2038.  
  2039. // Show/Hide Tabs
  2040. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  2041.  
  2042. // Change/remove current tab to active
  2043. $(this).parent('li').addClass('active').siblings().removeClass('active');
  2044.  
  2045. e.preventDefault();
  2046. });
  2047. });
  2048. </script>
  2049.  
  2050. <script>
  2051. $(document).ready(function() {
  2052. $('#filterOptions li a').click(function() {
  2053. // fetch the class of the clicked item
  2054. var ourClass = $(this).attr('class');
  2055.  
  2056. // reset the active class on all the buttons
  2057. $('#filterOptions li').removeClass('active');
  2058. // update the active state on our clicked button
  2059. $(this).parent().addClass('active');
  2060.  
  2061. if(ourClass == 'all') {
  2062. // show all our items
  2063. $('#ourHolder').children('div.item').show();
  2064. }
  2065. else {
  2066. // hide all elements that don't share ourClass
  2067. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  2068. // show all elements that do share ourClass
  2069. $('#ourHolder').children('div.' + ourClass).show();
  2070. }
  2071. return false;
  2072. });
  2073. });
  2074. </script>
  2075.  
  2076.  
  2077.  
  2078.  
  2079. </body>
  2080. </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!