API tools faq
paste
TRRIVIA

GIA BY TRRIVIA

TRRIVIA
Jul 16th, 2019
783
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 23.63 KB | None | 0 0
raw download clone embed print report
  1. <!-- TRRIVIA -->
  2.  
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6.  
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10. <meta charset="utf-8">
  11. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  12. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. <!-- scripts -->
  17. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  18. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  19. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  20. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21.  
  22. <!-- fonts, stylesheets -->
  23. <link href="https://fonts.googleapis.com/css?family=ABeeZee:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  24. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  25. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  26. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  27. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  28.  
  29. <style>
  30. @font-face { font-family: 'trrivia'; src: url('https://dl.dropboxusercontent.com/s/8mbngkdwmd3agz0/Serenity%20Demo.ttf') ;}
  31. </style>
  32.  
  33. <!-- color metas -->
  34. <meta name="color:bg" content="#111" />
  35. <meta name="color:container" content="#333" />
  36. <meta name="color:posts" content="#222" />
  37. <meta name="color:accent" content="#975841" />
  38. <meta name="color:text" content="#aaa" />
  39. <meta name="color:links" content="#d4826e" />
  40. <meta name="color:links hover" content="#000" />
  41.  
  42. <!-- image metas -->
  43. <meta name="image:bg" content="">
  44. <meta name="image:container" content="">
  45. <meta name="image:icon" content="">
  46. <meta name="image:tab pic" content="">
  47.  
  48. <!-- text metas -->
  49. <meta name="text:title" content="title" />
  50. <meta name="text:subtitle" content="subtitle" />
  51. <meta name="text:description" content="description" />
  52. <meta name="text:link one title" content="refresh" />
  53. <meta name="text:link two title" content="ask" />
  54. <meta name="text:link three title" content="link title" />
  55. <meta name="text:blurb" content="lorem ipsum" />
  56. <meta name="text:nav one title" content="title" />
  57. <meta name="text:nav two title" content="title" />
  58. <meta name="text:nav three title" content="title" />
  59. <meta name="text:nav four title" content="title" />
  60. <meta name="text:nav five title" content="title" />
  61. <meta name="text:nav six title" content="title" />
  62. <meta name="text:nav seven title" content="title" />
  63. <meta name="text:nav eight title" content="title" />
  64. <meta name="text:nav one link" content="link" />
  65. <meta name="text:nav two link" content="link" />
  66. <meta name="text:nav three link" content="link" />
  67. <meta name="text:nav four link" content="link" />
  68. <meta name="text:nav five link" content="link" />
  69. <meta name="text:nav six link" content="link" />
  70. <meta name="text:nav seven link" content="link" />
  71. <meta name="text:nav eight link" content="link" />
  72.  
  73. <!-- tooltips -->
  74. <script> (function($){ $(document).ready(function() { $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:150, tip_fade_speed:370, attribute:"title" }); }); })(jQuery); </script> <style>
  75. .tooltip { display: inline; position: relative; }
  76. #s-m-t-tooltip { margin: 10px; padding: 5px; max-width: 140px; background: {color:posts}; opacity: 50%; color: {color:text}; line-height: 1; font-size: 9px; font-family: 'ABeeZee'; text-transform: lowercase; z-index: 9999999999999999999999999999999999999999; } </style>
  77.  
  78. <style type="text/css">
  79.  
  80. /* selection */
  81. ::-moz-selection { background: {color:posts}; color: {color:text}; }
  82. ::selection { background: {color:posts}; color: {color:text}; }
  83.  
  84. /* scrollbar */
  85. ::-webkit-scrollbar { width: 0px; }
  86. ::-webkit-scrollbar-track { background: transparent; }
  87. ::-webkit-scrollbar-thumb { background: transparent; }
  88. ::-webkit-scrollbar-thumb:window-inactive { background: transparent; }
  89.  
  90. /* basic styles */
  91. body { background: url('{image:bg}'); background-size: cover; background-attachment: fixed; background-color: {color:bg}; color: {color:text}; font-family: 'ABeeZee'; font-size: 10px; overflow: hidden;}
  92.  
  93. a { color: {color:links}; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  94. a:hover { color:{color:links hover}; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  95.  
  96. b, strong, bold { font-weight: 800; color: {color:accent}; letter-spacing: 1px; }
  97.  
  98. blockquote { border-left: 1px solid {color:text}; padding-left: 10px; margin: 10px; }
  99.  
  100. h1 { padding: 5px; font-family: 'trrivia', sans-serif; font-size: 50px; text-transform: lowercase; padding: 5px; color: {color:accent}; letter-spacing: 0px; text-align: left; font-style: none; text-decoration: bold; line-height: 5%; }
  101. h2 { padding: 5px; font-family: 'ABeeZee', sans-serif; font-size: 15px; text-transform: lowercase; padding: 5px; color: {color:links}; letter-spacing: 0px; text-align: left; font-style: none; text-decoration: bold; line-height: 75%; }
  102. ul { list-style-type: circle; }
  103. ol { list-style-type: i; }
  104.  
  105. iframe, img, embed, object, video { max-width: 100%; }
  106.  
  107. img { height: auto; width: auto; max-width: 100%; }
  108.  
  109. #container1 { width: 550px; height: 420px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; overflow: visible; z-index: 2; border-radius: 5px; }
  110. #container1a { width: 550px; height: 420px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: url('{image:container}'); background-color: {color:container}; overflow: hidden; z-index: 1; opacity: 1; border-radius: 5px;  }
  111.  
  112. #container2 { position: absolute; margin-left: 210px; margin-top: 0px; width: 320px; height: 100%; border-radius: 5px; overflow-x: hidden; overflow-y: auto; z-index: 5; }
  113.  
  114. .tabcontent { position: absolute; margin-top: 20px; margin-left: 210px; width: 320px; height: 380px; text-align: center; overflow: visible; z-index: 999;}
  115. .navtitle { position: absolute; width: 310px; margin-top: -15px; margin-left: 10px; font-family: 'trrivia'; color: {color:accent}; font-size: 60px; font-weight: bold; z-index: 2; }
  116. .navicon { position: absolute; margin-left: 30px; margin-top: 100px; z-index: 5; }
  117. .navicon img { width: 70px; height: 70px; border-radius: 5px; }
  118. .navblurb { position: absolute; margin-left: 130px; margin-top: 50px; width: 160px; height: 80px; padding: 10px; border-radius: 5px; overflow: auto; background: {color:posts}; font-size: 9px; line-height: 1.8; text-align: justify; z-index: 5; }
  119. .navblock { position: absolute; margin-left: 120px; margin-top: 40px; z-index: 4; background: {color:accent}; width: 200px; height: 300px;border-radius: 0px 5px 5px 0px; overflow: visible; white-space: nowrap; }
  120. .navblock img { position: absolute; margin-left: -200px; margin-top: 120px; width: 170px; height: 170px; border-radius: 5px; z-index: 4; }
  121. .nlinks { position: absolute; margin-top: 40px; margin-left: 10px ; background: {color:posts}; width: 90px; height: 280px; padding: 10px; text-align: right; z-index: 3; border-radius: 5px 0px 0px 5px; }
  122. .nlinks a { color: {color:links}; font-size: 20px; font-weight: bold; line-height: 33px; }
  123. .nlinks a:hover { color: {color:links}; opacity: 0.5; }
  124. .nlinks2 { position: absolute; margin-top: 150px; margin-left: 200px; width: 90px; height: 280px; padding: 10px; text-align: left; z-index: 5; border-radius: 5px 0px 0px 5px; }
  125. .nlinks2 a { color: {color:posts}; font-size: 20px; font-weight: bold; line-height: 33px; }
  126. .nlinks2 a:hover { opacity: 0.5; }
  127.  
  128.  
  129. /* links */
  130. #links { width: 155px; height: 20px; position: absolute; margin-left: 30px; margin-top: 285px; font-size: 8px; z-index: 9; overflow: visible; text-align: center; }
  131. .link:after { display: block; clear: both; content: ''; }
  132. .link li { display: inline-block; list-style: none; }
  133. .link a { margin-right: 5px; padding-right: 5px; margin-top: -20px; display: inline-block; font-weight: 800; font-family: 'ABeeZee'; color: {color:links}; font-size: 15px; text-shadow:-1px -1px 0 {color:container}, 1px -1px 0 {color:container}, -1px 1px 0 {color:container}, 1px 1px 0 {color:container}; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom:1px solid transparent; }
  134. .link a:hover { color: {color:posts}; }
  135.  
  136. #icon { position: absolute; top: 90px; left: 50px; z-index: 2; border-radius: 5px; }
  137. #icon img { width: 110px; height: 110px; border-radius: 5px; box-shadow: 10px 10px 0px 0px {color:links}, -10px -10px 0px 0px {color:accent}; }
  138.  
  139. #title { width: 155px; position: absolute; top: 170px; left: 30px; text-align: center; white-space: nowrap; z-index: 3; }
  140. .title { text-align: center; line-height: 40px; font-size: 100px; font-weight: 800; font-family: 'trrivia'; color: {color:accent}; text-shadow:-1px -1px 0 {color:container}, 1px -1px 0 {color:container}, -1px 1px 0 {color:container}, 1px 1px 0 {color:container}; z-index: 2; transform: rotate(-8deg); }
  141. .title a, .title a:hover { color:{color:accent}; }
  142. .subtitle { position: absolute; top: 40px; left: 40px; font-size: 18px; font-family: 'ABeeZee'; font-weight: 800; color: {color:links}; text-shadow:-1px -1px 0 {color:container}, 1px -1px 0 {color:container}, -1px 1px 0 {color:container}, 1px 1px 0 {color:container}; z-index: 2; }
  143. .subtitle a, .subtitle a:hover { color:{color:links}; }
  144.  
  145. .description { position: absolute; top: 225px; left: 30px; height: 50px; width: 135px; overflow: auto; background: {color:posts}; border-radius: 5px; padding: 10px; font-family: 'ABeeZee'; font-size: 9px; line-height: 1.5; text-align: center; z-index: 2; }
  146.  
  147.  
  148.     /*----- Content of Tabs -----*/
  149. .tab-content {}
  150.  
  151. .tab { display:none; }
  152.  
  153. .tab.active { display:block; }
  154.  
  155.  
  156.  
  157. #post { font-family: 'ABeeZee'; z-index: 99; padding: 10px; text-transform: lowercase; margin-top: 20px; margin-bottom: 50px; width: 300px; border-radius: 5px; opacity: 0.85; webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
  158. #post small, #post sub, #post sup { font-size: 9px; }
  159. #post:hover { opacity: 0.9; }
  160. #entries img, #post img { border-radius:5px; }
  161. #post iframe { border-radius: 5px; }
  162. .video iframe { border-radius: 5px; max-width: 300px; }
  163. #post img, #post figure { max-width: auto; }
  164.  
  165. /* READ MORE */
  166. #rm { text-align:center; }
  167. .rm { width: 64px; text-align:center; font-family:'ABeeZee'; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; display:inline-block; padding: 5px; font-size: 8px; line-height: 9px; overflow: hidden; border: 1px solid {color:text}; border-radius: 10px; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
  168. .rm a, .rm body { color:{color:text}; }
  169. .rm:hover { color:{color:links}; border: 1px solid {color:links}; }
  170. .rm:hover a { color:{color:links}; }
  171.  
  172. /* POST NOTES */
  173. #postnotes { padding: 10px; text-transform: lowercase; margin-top: 10px; margin-bottom: 30px; width: 300px; background-color: {color:posts}; opacity: 0.8; list-style:none; border-radius: 5px; webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
  174. #postnotes:hover { opacity: 0.9; }
  175. ol.notes { list-style:none; margin-left: -30px; margin-right: 5px; }
  176. ol.notes img { width: 0px; height: 0px; }
  177.  
  178. /* INFO STYLE */
  179. #info { font-family: 'ABeeZee', sans-serif; font-weight: 800; text-align: center; overflow: visible; text-transform: uppercase; font-style: none; font-size: 9px; margin-bottom: 5px; }
  180. #info a { color: {color:text}; }
  181. #info a:hover { color: {color:links}; }
  182.  
  183. /* TAG STYLE */
  184. #tags { background: {color:posts}; z-index: -99; margin-left: 10px; margin-top: -45px; margin-bottom: 50px; border-radius: 5px; padding: 10px; width: 280px; font-family: 'ABeeZee', sans-serif; font-style: none; font-size: 9px; text-align: center; text-transform: lowercase; line-height: 1.5; word-spacing:-1px; letter-spacing: 0px; opacity: 0.85; }
  185. #tags a { color: {color:text}; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
  186. #tags a:hover { color: {color:links}; }
  187. #tags b { text-transform: uppercase; letter-spacing: 0; font-size: 10px; padding-right: 5px; }
  188.  
  189. /* QUOTE POST STYLES */
  190. .quote { text-transform: uppercase; font-family: 'ABeeZee'; text-align: center; font-size: 12px; }
  191. .source { margin-top: -20px; text-align: center; text-transform: uppercase; font-size: 15px; font-family: 'ABeeZee'; font-weight: 800; letter-spacing: 2px; }
  192.  
  193. /* ASK POST STYLES */
  194. #ask { width: 280px; background: {color:posts}; color: {color:text}; font-family: 'ABeeZee'; padding: 10px; text-align: justify; text-transform: lowercase; line-height: 9px; border-radius: 5px; }
  195. #user { height: 0px; overflow: visible; font-family: 'ABeeZee'; font-size: 10px; text-transform: lowercase; text-decoration: bold; text-align: left; font-weight: 800; }
  196. #user span, #user a { color: {color:links}; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;  }
  197. #user:hover a, #user:hover span { color: {color:accent}; }
  198.  
  199. /* MUSIC POST SYLES */
  200. .playerbuttonbg { position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background-color: {color:posts}; padding: 10px; border-radius: 5px; opacity: 0; transition: opacity .7s ease-in-out; -moz-transition: opacity .7s ease-in-out; -webkit-transition: opacity .7s ease-in-out; }
  201. .playerbuttonbg:hover { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
  202. .newplayerbutton { position: relative; width: 30px; height: 40px; overflow: hidden; position: absolute; left: 12px; top: 12px; margin: auto;  }
  203. .playerbuttonhug { position: absolute; top: 0; }
  204. .tumblr_audio_player { height: 90px; width: 270px; -moz-transform: scale(0.60, 0.60); -webkit-transform: scale(0.60, 0.60); -o-transform: scale(0.60, 0.60); -ms-transform: scale(0.60, 0.60); transform: scale(0.60, 0.60); -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
  205. .audioimgwrapper { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 50px; height: 50px; }
  206. .audioimgwrapper img { width: 50px; height: 50px; border-radius: 5px;}
  207. .trackdetails { font-family: 'trrivia'; font-weight: 700; color: {color:links}; font-size: 30px; width: 181px; height: 35px; padding: 10px; margin-top: -5px; margin-left: 49px; margin-bottom: 10px; line-height: 15px; overflow: auto;  border-radius: 0px 5px 5px 0px; text-align: right; text-transform: lowercase; }
  208. .trackdetails span { font-size: 13px; color: {color:text}; text-transform: lowercase; font-family: 'ABeeZee'; }
  209. .audiowrapper { position: relative; display:inline-block; }
  210.  
  211. .label { font-weight: 800; color: {color:accent}; text-transform: uppercase; line-height: 2;}
  212. .line1 { font-weight: 800; color: {color:links}; }
  213.        
  214. /* PAGINATION STYLE */
  215. #pagination { position: absolute; top: 310px; left: 80px; width: 60px; text-align: center; }
  216. #pagination a { background: {color:posts}; padding: 5px; font-size: 8px; text-align: center; font-family: 'ABeeZee'; text-transform: lowercase;  -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; z-index: 9999; color:{color:accent}; }
  217.  
  218. /* growtate */
  219. .lovemaze { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
  220. .lovemaze:hover, .lovemaze:focus, .lovemaze:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); }
  221.  
  222. /* shrivel */
  223. .magicshop { display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
  224. .magicshop:hover, .magicshop:focus, .magicshop:active { -webkit-transform: scale(0.9); transform: scale(0.9); }
  225.  
  226. .credit { position: absolute; left: 20px; bottom: 20px; font-size:: 40px; font-family: 'trrivia'; line-height: 1; text-transform: lowercase; color: {color:accent}; text-align: center; width: 40px; height: 20px;}
  227. .credit cred { position: absolute; font-size: 30px; font-weight: 800; margin-top: -10px; margin-left: -15px; }
  228. .credit a { color: {color:links}; } .credit a:hover { color: {color:links}; }
  229.  
  230. /* --------------------------- Custom CSS -------------------------- */
  231. {CustomCSS}
  232. </style>
  233. </head>
  234. <body>
  235.  
  236. <!-- CREDIT, DON'T EDIT / REMOVE -->
  237. <div class="credit magicshop">
  238. <cred><a href="https://trrivia.tumblr.com/">trrivia</a></cred></div>
  239. <!-- CREDIT, DON'T EDIT / REMOVE -->
  240.  
  241. <div id="container1">
  242. <div id="icon"><a href="/"><img src="{image:icon}"></a></div>
  243. <div id="title"><a  href="/">
  244. <div class="title">{text:title}</div>
  245. <div class="subtitle">{text:subtitle}</div>
  246. </a></div>
  247. <div class="description"><br>{text:description}</div>
  248.  
  249. <div id="links">
  250. <div class="tabs">
  251. <ul class="link">
  252. <li class="active" style="margin-left:-30px">
  253. <a href="#tab1" title="{text:link one title}">01</a></li>
  254. <li><a href="/ask" title="{text:link two title}">02</a></li>
  255. <li><a href="#tab2" title="{text:link three title}">03</a></li>
  256. </ul>
  257. </div>
  258. </div>  
  259.  
  260.  
  261.  
  262. {block:Pagination}
  263. <div id="pagination">
  264. {block:PreviousPage}<a href="{PreviousPage}" class="magicshop"><</a>&emsp;{/block:PreviousPage}
  265. {block:NextPage}<a href="{NextPage}" class="magicshop">></a>{/block:NextPage}</div>
  266. {/block:Pagination}
  267.  
  268. <!-- --------------------------- TABS -------------------------- -->
  269.  
  270.  
  271. <div class="tabs">
  272.  
  273.  
  274. <!-- --------------------------- TAB 1 -------------------------- -->
  275. <div id="tab1" class="tab active">
  276. <div class="tab-content">  
  277.  
  278. <div id="container2">
  279.        
  280. {block:Posts}
  281. <div id="post">
  282.  
  283. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:More}<div id="rm"><div class="rm"><a href="{Permalink}">READ MORE</a></div></div>{/block:More}{/block:Text}
  284.  
  285.  
  286. {block:Quote}<div class="quote">{Quote}</div><br><br><div class="source"> {Source}</div>{/block:Quote}
  287.  
  288. {block:Photo}<center><img src="{PhotoURL-400}" style="border-radius: 5px; margin-bottom: 5px;"></center>{block:Caption}{Caption}{/block:Caption}{block:More}<div id="rm"><div class="rm"><a href="{Permalink}">READ MORE</a></div></div>{/block:More}{/block:Photo}
  289.  
  290. {block:Photoset}<center><div class="round">{Photoset}</div></center>{block:Caption}{Caption}{/block:Caption}{block:More}<div id="rm"><div class="rm"><a href="{Permalink}">READ MORE</a></div></div>{/block:More}{/block:Photoset}
  291.  
  292. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>{block:Description}<p>{Description}</p>{/block:Description}{block:More}<div id="rm"><div class="rm"><a href="{Permalink}">READ MORE</a></div></div>{/block:More}{/block:Link}
  293.  
  294. {block:Chat}
  295. {block:Title}
  296. <h1>{Title}</h1>{/block:Title}<br>
  297. {block:Lines}
  298. {block:Label}<span class="label line{UserNumber}">{Label} </span>{/block:Label}<span class="line">{Line}<br></span>
  299. {/block:Lines}
  300. {/block:Chat}
  301.  
  302. {block:AudioPlayer} <div class="audiowrapper"> {block:AlbumArt} <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div> {/block:AlbumArt} <div class="playerbuttonbg"> <div class="newplayerbutton"> <div class="playerbuttonhug"> {AudioPlayerBlack} </div> </div> </div> <div class="trackdetails"><span>{block:Artist}{Artist}{/block:Artist}</span><br>{block:TrackName}{TrackName}{/block:TrackName}</div> </div> {block:Caption}{Caption}{/block:Caption} {/block:AudioPlayer}
  303.    
  304. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{block:More}<div id="rm"><div class="rm"><a href="{Permalink}">READ MORE</a></div></div>{/block:More}{/block:Video}
  305.  
  306. {block:Answer}<div id="ask"><div id="user"><span>{Asker}</span> said:</div> <br>{Question}</div>{Answer}{/block:Answer}
  307.  
  308. </div>
  309.  
  310. <div id="tags"><div id="info">
  311. {block:NoteCount}<a href="{Permalink}">{NoteCount} NOTES</a> &nbsp; {/block:NoteCount}
  312. {block:Date}<a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> &nbsp; {/block:Date}
  313. {block:HasTags}<a href="{ReblogURL}" title="REBLOG">REBLOG</a> </div>{/block:Date}{block:Tags}<span class="magicshop">#<a href="{TagURL}">{Tag}</a></span>&emsp;{/block:Tags}{/block:HasTags}</div>
  314.  
  315. {/block:Posts}
  316.  
  317. {block:PostNotes}<div id="postnotes">{PostNotes}</div>{/block:PostNotes}
  318.  
  319. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!--close of article-->
  320.  
  321. </div>
  322. </div>
  323. </div>
  324.  
  325. <!-- -------------------------- TAB 2 -------------------------- -->
  326.  
  327. <div id="tab2" class="tab">
  328. <div class="tabcontent">
  329. <div class="navblurb">
  330. {text:blurb}
  331. </div>
  332. <div class="navblock"><img src="{image:tab pic}"></div>
  333. <div class="nlinks">
  334.     <a href="{text:nav one link}">{text:nav one title}</a></br>
  335.     <a href="{text:nav two link}">{text:nav two title}</a></br>
  336.     <a href="{text:nav three link}">{text:nav three title}</a></br>
  337. </div>
  338. <div class="nlinks2">
  339.     <a href="{text:nav four link}">{text:nav four title}</a></br>
  340.     <a href="{text:nav five link}">{text:nav five title}</a></br>
  341.     <a href="{text:nav six link}">{text:nav six title}</a></br>
  342.     <a href="{text:nav seven link}">{text:nav seven title}</a></br>
  343.     <a href="{text:nav eight link}">{text:nav eight title}</a></br>
  344. </div>
  345. </div>
  346. </div>
  347.  
  348. </div>
  349.  
  350. </div>
  351. <div id="container1a"></div>
  352.  
  353.  
  354. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  355.  
  356. <script> $(document).ready(function() { $('.tabs .link a').on('click', function(e)  { var currentAttrValue = $(this).attr('href'); $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide(); $(this).parent('li') .addClass('active').siblings().removeClass('active'); e.preventDefault(); }); }); </script>
  357.  
  358. <script> $(document).ready(function() { $('#filterOptions li a').click(function() { var ourClass = $(this).attr('class'); $('#filterOptions li').removeClass('active'); $(this).parent().addClass('active'); if(ourClass == 'all') { $('#ourHolder').children('div.item').show(); } else { $('#ourHolder').children('div:not(.' + ourClass + ')').hide(); $('#ourHolder').children('div.' + ourClass).show(); } return false; }); }); </script>
  359.  
  360. </body>
  361. </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!