SHARE
TWEET

GIA BY TRRIVIA

TRRIVIA Jul 16th, 2019 (edited) 271 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top