badmecha007

tf2theme pers

Dec 4th, 2018
230
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.38 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. ---------------------
  6. ---CROCKETT'S------==
  7. ----THEMES-------==
  8. -(BADMECHA007)-==
  9. -------------==
  10. -----------==
  11. ---------==
  12. -------==
  13. -----==
  14. ---==
  15. -== @2016 ~ badmecha007
  16. =
  17.  
  18. -----------------=========RULES:
  19. | 1. Do not steal or claim as your own.
  20. | 2. Do not use as base code. As well
  21. | as my coding system being fucking
  22. | confusing, my code is not up for
  23. | base use, period as some of it
  24. | is used from another person's base.
  25. | 3. Leave the watermark intact.
  26. | Do not remove it from the code
  27. | when customising.
  28. | 4. Minor modifications are fine.
  29. | You may take inspiration from my CSS
  30. | (check on my blog or ask
  31. | for specific css if you wish)
  32. | but try not to take giant snippets
  33. | of code (+8 lines of CSS).
  34. | 5. Share and reblog the original
  35. | post in goodwill if you do use this theme.
  36.  
  37.  
  38. Big thanks to SMT tooltips for the tooltip
  39. java code, themesbyeris for her base code, w3schools and
  40. various nameless peeps on jsfiddle for inspiration
  41. and help. Go there if you want the tooltips, base code,
  42. and general coding assistance unrelated to this theme
  43. respectively.
  44.  
  45. Team Fortress 2 belongs to Valve. Best hat simulator there is.
  46.  
  47. ========================valve - tf2 - loadout v1==============================
  48.  
  49.  
  50. COLORS:
  51. ORIGINAL TF2 LOADOUT:
  52. bg grey = #322E2B
  53. button light grey = #7F7367
  54. highlight salmon pink = #E06A5C
  55. border grey = #867C73
  56. bottom banner grey = #3d3834
  57. text color white = #e9e9e9
  58.  
  59. RED = #bd3a3a
  60. BLU = #5b7a8c
  61.  
  62.  
  63. NOTICE: This code uses #rrggbbaa hex notation, and thus will require Chrome 62 or higher to run fully.
  64. -->
  65.  
  66. <meta name="color:Highlights" content="#8B8279"/>
  67. <meta name="color:Background" content="#322E2B" />
  68. <meta name="color:SecondTab" content="#302C2B" />
  69. <meta name="color:Bottom" content="#3d3834" />
  70. <meta name="color:Stripe1" content="#322E2B" />
  71. <meta name="color:Stripe2" content="#2F2A27" />
  72. <meta name="color:Text" content="#e9e9e9" />
  73. <meta name="color:headerBG" content="#322E2B" />
  74. <meta name="image:headerBG" content="" />
  75. <meta name="color:AskBG" content="" />
  76. <meta name="color:PostBG" content="#322E2B" />
  77. <meta name="image:PostBG" content="" />
  78. <meta name="text:TabName" content=""/>
  79. <meta name="text:Tab2Name" content=""/>
  80. <meta name="if:Link 1 enabled" content="1"/>
  81. <meta name="text:Link1" content=""/>
  82. <meta name="text:Link1URL" content=""/>
  83. <meta name="text:Link1Img" content=""/>
  84. <meta name="select:Link1Color" content="#B2B2B2" title="Stock">
  85. <meta name="select:Link1Color" content="#FFD700" title="Unique">
  86. <meta name="select:Link1Color" content="#476291" title="Vintage">
  87. <meta name="select:Link1Color" content="#4D7455" title="Genuine">
  88. <meta name="select:Link1Color" content="#CF6A32" title="Strange">
  89. <meta name="select:Link1Color" content="#8650AC" title="Unusual">
  90. <meta name="select:Link1Color" content="#38F3AB" title="Haunted">
  91. <meta name="select:Link1Color" content="#AA0000" title="Collector&#39;s">
  92. <meta name="select:Link1Color" content="#B0C3D9" title="Civilian">
  93. <meta name="select:Link1Color" content="#5E98D9" title="Freelance">
  94. <meta name="select:Link1Color" content="#4B69FF" title="Mercenary">
  95. <meta name="select:Link1Color" content="#8847FF" title="Commando">
  96. <meta name="select:Link1Color" content="#D32CE6" title="Assassin">
  97. <meta name="select:Link1Color" content="#EB4B4B" title="Elite">
  98. <meta name="select:Link1Color" content="#70B04A" title="Community">
  99. <meta name="select:Link1Color" content="#A50F79" title="Valve">
  100. <meta name="if:Link 2 enabled" content="1"/>
  101. <meta name="text:Link2" content=""/>
  102. <meta name="text:Link2URL" content=""/>
  103. <meta name="text:Link2Img" content=""/>
  104. <meta name="select:Link2Color" content="#B2B2B2" title="Stock">
  105. <meta name="select:Link2Color" content="#FFD700" title="Unique">
  106. <meta name="select:Link2Color" content="#476291" title="Vintage">
  107. <meta name="select:Link2Color" content="#4D7455" title="Genuine">
  108. <meta name="select:Link2Color" content="#CF6A32" title="Strange">
  109. <meta name="select:Link2Color" content="#8650AC" title="Unusual">
  110. <meta name="select:Link2Color" content="#38F3AB" title="Haunted">
  111. <meta name="select:Link2Color" content="#AA0000" title="Collector&#39;s">
  112. <meta name="select:Link2Color" content="#B0C3D9" title="Civilian">
  113. <meta name="select:Link2Color" content="#5E98D9" title="Freelance">
  114. <meta name="select:Link2Color" content="#4B69FF" title="Mercenary">
  115. <meta name="select:Link2Color" content="#8847FF" title="Commando">
  116. <meta name="select:Link2Color" content="#D32CE6" title="Assassin">
  117. <meta name="select:Link2Color" content="#EB4B4B" title="Elite">
  118. <meta name="select:Link2Color" content="#70B04A" title="Community">
  119. <meta name="select:Link2Color" content="#A50F79" title="Valve">
  120. <meta name="if:Link 3 enabled" content="1"/>
  121. <meta name="text:Link3" content=""/>
  122. <meta name="text:link3URL" content=""/>
  123. <meta name="text:Link3Img" content=""/>
  124. <meta name="select:Link3Color" content="#B2B2B2" title="Stock">
  125. <meta name="select:Link3Color" content="#FFD700" title="Unique">
  126. <meta name="select:Link3Color" content="#476291" title="Vintage">
  127. <meta name="select:Link3Color" content="#4D7455" title="Genuine">
  128. <meta name="select:Link3Color" content="#CF6A32" title="Strange">
  129. <meta name="select:Link3Color" content="#8650AC" title="Unusual">
  130. <meta name="select:Link3Color" content="#38F3AB" title="Haunted">
  131. <meta name="select:Link3Color" content="#AA0000" title="Collector&#39;s">
  132. <meta name="select:Link3Color" content="#B0C3D9" title="Civilian">
  133. <meta name="select:Link3Color" content="#5E98D9" title="Freelance">
  134. <meta name="select:Link3Color" content="#4B69FF" title="Mercenary">
  135. <meta name="select:Link3Color" content="#8847FF" title="Commando">
  136. <meta name="select:Link3Color" content="#D32CE6" title="Assassin">
  137. <meta name="select:Link3Color" content="#EB4B4B" title="Elite">
  138. <meta name="select:Link3Color" content="#70B04A" title="Community">
  139. <meta name="select:Link3Color" content="#A50F79" title="Valve">
  140. <meta name="if:Link 4 enabled" content="1"/>
  141. <meta name="text:Link4" content=""/>
  142. <meta name="text:link4URL" content=""/>
  143. <meta name="text:Link4Img" content=""/>
  144. <meta name="select:Link4Color" content="#B2B2B2" title="Stock">
  145. <meta name="select:Link4Color" content="#FFD700" title="Unique">
  146. <meta name="select:Link4Color" content="#476291" title="Vintage">
  147. <meta name="select:Link4Color" content="#4D7455" title="Genuine">
  148. <meta name="select:Link4Color" content="#CF6A32" title="Strange">
  149. <meta name="select:Link4Color" content="#8650AC" title="Unusual">
  150. <meta name="select:Link4Color" content="#38F3AB" title="Haunted">
  151. <meta name="select:Link4Color" content="#AA0000" title="Collector&#39;s">
  152. <meta name="select:Link4Color" content="#B0C3D9" title="Civilian">
  153. <meta name="select:Link4Color" content="#5E98D9" title="Freelance">
  154. <meta name="select:Link4Color" content="#4B69FF" title="Mercenary">
  155. <meta name="select:Link4Color" content="#8847FF" title="Commando">
  156. <meta name="select:Link4Color" content="#D32CE6" title="Assassin">
  157. <meta name="select:Link4Color" content="#EB4B4B" title="Elite">
  158. <meta name="select:Link4Color" content="#70B04A" title="Community">
  159. <meta name="select:Link4Color" content="#A50F79" title="Valve">
  160. <meta name="if:Link 5 enabled" content="1"/>
  161. <meta name="text:Link5" content=""/>
  162. <meta name="text:link5URL" content=""/>
  163. <meta name="text:Link5Img" content=""/>
  164. <meta name="select:Link5Color" content="#B2B2B2" title="Stock">
  165. <meta name="select:Link5Color" content="#FFD700" title="Unique">
  166. <meta name="select:Link5Color" content="#476291" title="Vintage">
  167. <meta name="select:Link5Color" content="#4D7455" title="Genuine">
  168. <meta name="select:Link5Color" content="#CF6A32" title="Strange">
  169. <meta name="select:Link5Color" content="#8650AC" title="Unusual">
  170. <meta name="select:Link5Color" content="#38F3AB" title="Haunted">
  171. <meta name="select:Link5Color" content="#AA0000" title="Collector&#39;s">
  172. <meta name="select:Link5Color" content="#B0C3D9" title="Civilian">
  173. <meta name="select:Link5Color" content="#5E98D9" title="Freelance">
  174. <meta name="select:Link5Color" content="#4B69FF" title="Mercenary">
  175. <meta name="select:Link5Color" content="#8847FF" title="Commando">
  176. <meta name="select:Link5Color" content="#D32CE6" title="Assassin">
  177. <meta name="select:Link5Color" content="#EB4B4B" title="Elite">
  178. <meta name="select:Link5Color" content="#70B04A" title="Community">
  179. <meta name="select:Link5Color" content="#A50F79" title="Valve">
  180. <meta name="if:Link 6 enabled" content="1"/>
  181. <meta name="text:Link6" content=""/>
  182. <meta name="text:link6URL" content=""/>
  183. <meta name="text:Link6Img" content=""/>
  184. <meta name="select:Link6Color" content="#B2B2B2" title="Stock">
  185. <meta name="select:Link6Color" content="#FFD700" title="Unique">
  186. <meta name="select:Link6Color" content="#476291" title="Vintage">
  187. <meta name="select:Link6Color" content="#4D7455" title="Genuine">
  188. <meta name="select:Link6Color" content="#CF6A32" title="Strange">
  189. <meta name="select:Link6Color" content="#8650AC" title="Unusual">
  190. <meta name="select:Link6Color" content="#38F3AB" title="Haunted">
  191. <meta name="select:Link6Color" content="#AA0000" title="Collector&#39;s">
  192. <meta name="select:Link6Color" content="#B0C3D9" title="Civilian">
  193. <meta name="select:Link6Color" content="#5E98D9" title="Freelance">
  194. <meta name="select:Link6Color" content="#4B69FF" title="Mercenary">
  195. <meta name="select:Link6Color" content="#8847FF" title="Commando">
  196. <meta name="select:Link6Color" content="#D32CE6" title="Assassin">
  197. <meta name="select:Link6Color" content="#EB4B4B" title="Elite">
  198. <meta name="select:Link6Color" content="#70B04A" title="Community">
  199. <meta name="select:Link6Color" content="#A50F79" title="Valve">
  200. <meta name="if:Link 7 enabled" content="1"/>
  201. <meta name="text:Link7" content=""/>
  202. <meta name="text:link7URL" content=""/>
  203. <meta name="text:Link7Img" content=""/>
  204. <meta name="select:Link7Color" content="#B2B2B2" title="Stock">
  205. <meta name="select:Link7Color" content="#FFD700" title="Unique">
  206. <meta name="select:Link7Color" content="#476291" title="Vintage">
  207. <meta name="select:Link7Color" content="#4D7455" title="Genuine">
  208. <meta name="select:Link7Color" content="#CF6A32" title="Strange">
  209. <meta name="select:Link7Color" content="#8650AC" title="Unusual">
  210. <meta name="select:Link7Color" content="#38F3AB" title="Haunted">
  211. <meta name="select:Link7Color" content="#AA0000" title="Collector&#39;s">
  212. <meta name="select:Link7Color" content="#B0C3D9" title="Civilian">
  213. <meta name="select:Link7Color" content="#5E98D9" title="Freelance">
  214. <meta name="select:Link7Color" content="#4B69FF" title="Mercenary">
  215. <meta name="select:Link7Color" content="#8847FF" title="Commando">
  216. <meta name="select:Link7Color" content="#D32CE6" title="Assassin">
  217. <meta name="select:Link7Color" content="#EB4B4B" title="Elite">
  218. <meta name="select:Link7Color" content="#70B04A" title="Community">
  219. <meta name="select:Link7Color" content="#A50F79" title="Valve">
  220. <meta name="if:Link 8 enabled" content="1"/>
  221. <meta name="text:Link8" content=""/>
  222. <meta name="text:link8URL" content=""/>
  223. <meta name="text:Link8Img" content=""/>
  224. <meta name="select:Link8Color" content="#B2B2B2" title="Stock">
  225. <meta name="select:Link8Color" content="#FFD700" title="Unique">
  226. <meta name="select:Link8Color" content="#476291" title="Vintage">
  227. <meta name="select:Link8Color" content="#4D7455" title="Genuine">
  228. <meta name="select:Link8Color" content="#CF6A32" title="Strange">
  229. <meta name="select:Link8Color" content="#8650AC" title="Unusual">
  230. <meta name="select:Link8Color" content="#38F3AB" title="Haunted">
  231. <meta name="select:Link8Color" content="#AA0000" title="Collector&#39;s">
  232. <meta name="select:Link8Color" content="#B0C3D9" title="Civilian">
  233. <meta name="select:Link8Color" content="#5E98D9" title="Freelance">
  234. <meta name="select:Link8Color" content="#4B69FF" title="Mercenary">
  235. <meta name="select:Link8Color" content="#8847FF" title="Commando">
  236. <meta name="select:Link8Color" content="#D32CE6" title="Assassin">
  237. <meta name="select:Link8Color" content="#EB4B4B" title="Elite">
  238. <meta name="select:Link8Color" content="#70B04A" title="Community">
  239. <meta name="select:Link8Color" content="#A50F79" title="Valve">
  240. <meta name="text:SmallButtonOne" content=""/>
  241. <meta name="text:SmallButton1URL" content=""/>
  242. <meta name="text:SmallButtonTwo" content=""/>
  243. <meta name="text:SmallButton2URL" content=""/>
  244. <meta name="text:SmallButtonThree" content=""/>
  245. <meta name="text:SmallButton3URL" content=""/>
  246. <meta name="text:SmallButtonFour" content=""/>
  247. <meta name="text:SmallButton4URL" content=""/>
  248. <meta name="text:SecondaryMenu1Title" content=""/>
  249. <meta name="text:SecondaryMenu2Title" content=""/>
  250.  
  251. <meta name="select:Quality" content="#B2B2B2" title="Stock">
  252. <meta name="select:Quality" content="#FFD700" title="Unique">
  253. <meta name="select:Quality" content="#476291" title="Vintage">
  254. <meta name="select:Quality" content="#4D7455" title="Genuine">
  255. <meta name="select:Quality" content="#CF6A32" title="Strange">
  256. <meta name="select:Quality" content="#8650AC" title="Unusual">
  257. <meta name="select:Quality" content="#38F3AB" title="Haunted">
  258. <meta name="select:Quality" content="#AA0000" title="Collector&#39;s">
  259. <meta name="select:Quality" content="#B0C3D9" title="Civilian">
  260. <meta name="select:Quality" content="#5E98D9" title="Freelance">
  261. <meta name="select:Quality" content="#4B69FF" title="Mercenary">
  262. <meta name="select:Quality" content="#8847FF" title="Commando">
  263. <meta name="select:Quality" content="#D32CE6" title="Assassin">
  264. <meta name="select:Quality" content="#EB4B4B" title="Elite">
  265. <meta name="select:Quality" content="#70B04A" title="Community">
  266. <meta name="select:Quality" content="#A50F79" title="Valve">
  267.  
  268. <meta name="select:QualityLinks" content="#B2B2B2" title="Stock">
  269. <meta name="select:QualityLinks" content="#FFD700" title="Unique">
  270. <meta name="select:QualityLinks" content="#476291" title="Vintage">
  271. <meta name="select:QualityLinks" content="#4D7455" title="Genuine">
  272. <meta name="select:QualityLinks" content="#CF6A32" title="Strange">
  273. <meta name="select:QualityLinks" content="#8650AC" title="Unusual">
  274. <meta name="select:QualityLinks" content="#38F3AB" title="Haunted">
  275. <meta name="select:QualityLinks" content="#AA0000" title="Collector&#39;s">
  276. <meta name="select:QualityLinks" content="#B0C3D9" title="Civilian">
  277. <meta name="select:QualityLinks" content="#5E98D9" title="Freelance">
  278. <meta name="select:QualityLinks" content="#4B69FF" title="Mercenary">
  279. <meta name="select:QualityLinks" content="#8847FF" title="Commando">
  280. <meta name="select:QualityLinks" content="#D32CE6" title="Assassin">
  281. <meta name="select:QualityLinks" content="#EB4B4B" title="Elite">
  282. <meta name="select:QualityLinks" content="#70B04A" title="Community">
  283. <meta name="select:QualityLinks" content="#A50F79" title="Valve">
  284.  
  285. <meta name="select:QualityLinksHover" content="#B2B2B2" title="Stock">
  286. <meta name="select:QualityLinksHover" content="#FFD700" title="Unique">
  287. <meta name="select:QualityLinksHover" content="#476291" title="Vintage">
  288. <meta name="select:QualityLinksHover" content="#4D7455" title="Genuine">
  289. <meta name="select:QualityLinksHover" content="#CF6A32" title="Strange">
  290. <meta name="select:QualityLinksHover" content="#8650AC" title="Unusual">
  291. <meta name="select:QualityLinksHover" content="#38F3AB" title="Haunted">
  292. <meta name="select:QualityLinksHover" content="#AA0000" title="Collector&#39;s">
  293. <meta name="select:QualityLinksHover" content="#B0C3D9" title="Civilian">
  294. <meta name="select:QualityLinksHover" content="#5E98D9" title="Freelance">
  295. <meta name="select:QualityLinksHover" content="#4B69FF" title="Mercenary">
  296. <meta name="select:QualityLinksHover" content="#8847FF" title="Commando">
  297. <meta name="select:QualityLinksHover" content="#D32CE6" title="Assassin">
  298. <meta name="select:QualityLinksHover" content="#EB4B4B" title="Elite">
  299. <meta name="select:QualityLinksHover" content="#70B04A" title="Community">
  300. <meta name="select:QualityLinksHover" content="#A50F79" title="Valve">
  301.  
  302. <meta name="select:QualityText" content="#B2B2B2" title="Stock">
  303. <meta name="select:QualityText" content="#FFD700" title="Unique">
  304. <meta name="select:QualityText" content="#476291" title="Vintage">
  305. <meta name="select:QualityText" content="#4D7455" title="Genuine">
  306. <meta name="select:QualityText" content="#CF6A32" title="Strange">
  307. <meta name="select:QualityText" content="#8650AC" title="Unusual">
  308. <meta name="select:QualityText" content="#38F3AB" title="Haunted">
  309. <meta name="select:QualityText" content="#AA0000" title="Collector&#39;s">
  310. <meta name="select:QualityText" content="#B0C3D9" title="Civilian">
  311. <meta name="select:QualityText" content="#5E98D9" title="Freelance">
  312. <meta name="select:QualityText" content="#4B69FF" title="Mercenary">
  313. <meta name="select:QualityText" content="#8847FF" title="Commando">
  314. <meta name="select:QualityText" content="#D32CE6" title="Assassin">
  315. <meta name="select:QualityText" content="#EB4B4B" title="Elite">
  316. <meta name="select:QualityText" content="#70B04A" title="Community">
  317. <meta name="select:QualityText" content="#A50F79" title="Valve">
  318.  
  319.  
  320.  
  321. <meta name="select:Team" content="rgba(91,122,140,0.7)" title="Blu">
  322. <meta name="select:Team" content="rgba(189,58,58,0.7)" title="Red">
  323.  
  324. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  325. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  326. <link rel="shortcut icon" href="{Favicon}" />
  327.  
  328.  
  329.  
  330. <link href='http://fonts.googleapis.com/css?family=Carme' rel='stylesheet' type='text/css'>
  331.  
  332. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  333.  
  334. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  335.  
  336. <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  337.  
  338. <link href='https://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'>
  339.  
  340. <link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet">
  341. <link href="https://fonts.googleapis.com/css?family=McLaren" rel="stylesheet">
  342. <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
  343. <link href="https://fonts.googleapis.com/css?family=Bangers|Geostar|Henny+Penny|Satisfy|Shadows+Into+Light|Smythe|Stalinist+One|Timmana" rel="stylesheet">
  344.  
  345. <!--
  346.  
  347. font-family: 'Shadows Into Light', cursive;
  348.  
  349. font-family: 'Stalinist One', cursive;
  350.  
  351. font-family: 'Geostar', cursive;
  352.  
  353. font-family: 'Satisfy', cursive;
  354.  
  355. font-family: 'Bangers', cursive;
  356.  
  357. font-family: 'Henny Penny', cursive;
  358.  
  359. font-family: 'Timmana', sans-serif;
  360.  
  361. font-family: 'Smythe', cursive;
  362.  
  363.  
  364. -->
  365. <style type="text/css">
  366.  
  367.  
  368.  
  369.  
  370. body {
  371. background: {color:Background};
  372. margin-left: auto;
  373. margin-right: auto;
  374. padding: 0;
  375. font:normal 20px 'Anaheim', sans-serif;
  376. font-size: 20px;
  377. color: {color:Text};
  378. }
  379.  
  380. img {
  381. border: 0;
  382. max-width: 100%;
  383. height: auto;
  384. }
  385.  
  386. @font-face {
  387. font-family: 'tf2build';
  388. src: url('http://static.tumblr.com/jcho88r/JDfoiw991/tf2build.ttf') format('truetype');
  389. font-weight: normal;
  390. font-style: normal;
  391. }
  392.  
  393.  
  394. #header {
  395. border-bottom: 3px solid #867C73;
  396. height: 12%;
  397. width: 100% ;
  398. position: fixed;
  399. margin-left: auto;
  400. margin-right: auto;
  401. background-image: repeating-linear-gradient(-70deg, {color:Stripe1}, {color:Stripe1} 10px, {color:Stripe2} 9px, {color:Stripe2} 14px);
  402.  
  403. /* background: url('http://i.imgur.com/UO6YnJZ.png') top left fixed repeat ;*/
  404. z-index: 94;
  405. top: 0px;
  406. }
  407.  
  408. .partitions {
  409. border-top-left-radius: 18px;
  410. border-top-right-radius:18px;
  411. border-top: 3px solid {color:Highlights};
  412. border-right:3px solid {color:Highlights};
  413. border-left:3px solid {color:Highlights};
  414. position: absolute;
  415. bottom: -3px;
  416. margin-left: 50%;
  417. margin-right:50%;
  418. font: 30px 'Archivo Black', sans-serif;
  419. text-align:center;
  420. letter-spacing: 1px;
  421. text-transform: uppercase;
  422. }
  423.  
  424. #header #partitionmain {
  425. width: 400px;
  426. height:50px;
  427. transform: translate(-135%, 0);
  428. background: {color:Background};
  429. border-top: 3px solid {color:Highlights};
  430. border-right:3px solid {color:Highlights};
  431. border-left:3px solid {color:Highlights};
  432. color: rgb(198, 190, 170);
  433. }
  434.  
  435. #header #partitionsecd {
  436. width: 400px;
  437. height:47px;
  438. transform: translate(-30%, -3px);
  439. background: {color:SecondTab};
  440. border-top: 3px solid #403D38;
  441. border-right:3px solid #403D38;
  442. border-left:3px solid #403D38;
  443. color: rgb(130, 121, 112);
  444.  
  445. }
  446.  
  447.  
  448. #header #pages a {
  449. width: 129px;
  450. height: 129px;
  451. margin-bottom: 15px;
  452. font-size: 12px;
  453. }
  454.  
  455. #top {
  456. height: 25vh;
  457. width:100%;
  458. position:fixed;
  459. z-index:20 !important;
  460. margin-left: auto;
  461. margin-right: auto;
  462. top: 0px;
  463. }
  464.  
  465. #top2 {
  466. height: 25%;
  467. width:100%;
  468. position:fixed;
  469. z-index:99;
  470. margin-left: auto;
  471. margin-right: auto;
  472. top: 0px;
  473. pointer-events:none;
  474. }
  475.  
  476. #top #topmid {
  477. height:100%;
  478. width: 1000px ;
  479. margin-left: auto ;
  480. margin-right: auto ;
  481. background: {color:Background};
  482.  
  483. }
  484.  
  485. #hide{
  486. height:calc(100% + 60px);
  487. width: 600px ;
  488. background: {color:Background};
  489. margin-left: auto ;
  490. margin-right: auto ;
  491. z-index:999;
  492. }
  493.  
  494. #hide2{
  495. height: calc(100% + 60px);
  496. width: 150px ;
  497. background: {color:Background};
  498. margin-left: auto ;
  499. margin-right: auto ;
  500. right:0;
  501. left:0;
  502. transform:translate(360px ,0);
  503. top:0;
  504. position:absolute;
  505. z-index:-14 !important;
  506. }
  507.  
  508.  
  509. #top #topmid .maintitle {
  510. letter-spacing: 1px;
  511. text-transform: uppercase;
  512. position: absolute;
  513. bottom: 25px;
  514. margin-left: 30px;
  515. color: {color:Text};
  516. pointer-events:auto !important;
  517. }
  518.  
  519. #top #topmid .maintitle a {
  520. color: {color:Text};
  521. font: 30px 'Archivo Black', sans-serif;
  522. letter-spacing: 1px;
  523. text-transform: uppercase;
  524. text-decoration: none;
  525. z-index:999999999999999 !important;
  526. transition: font-size .25s ;
  527. -webkit-transition: font-size .25s ;
  528. }
  529. #top #topmid .maintitle a:hover {
  530. color: #fff;
  531. }
  532.  
  533. #top #topmid #arrows {
  534. font-size: 25px;
  535. color: #C35E52;
  536. bottom: 30px;
  537. position:absolute;
  538. }
  539. #top #topmid #dots {
  540. font-size: 50px;
  541. color: {color:Highlights};
  542. bottom: 5px;
  543. position:absolute;
  544. }
  545.  
  546.  
  547. #bbanner
  548. {
  549. position:fixed;
  550. width:100%;
  551. height:12%;
  552. background-color:{color:Bottom};
  553. bottom:0px;
  554. z-index: 99999999;
  555. border-top: 3px solid #867C73;
  556. }
  557.  
  558. #anchor{
  559. position:relative;
  560. height:1000px;
  561. width:1200px;/*250px*/
  562. top:25vh;
  563. left:2.5vw;
  564. margin-right: auto;
  565. margin-left: auto;
  566. pointer-events:none;
  567. z-index:60;
  568. }
  569.  
  570.  
  571.  
  572. .wepbox{
  573. letter-spacing: 1px;
  574. text-transform: lowercase;
  575. display: inline-block;
  576. vertical-align: top;
  577. border-radius: 10px;
  578. font: 15px 'Archivo Black', sans-serif;
  579. background: {color:AskBG};
  580. width: 225px;
  581. height: 104px;
  582. text-transform: uppercase;
  583. text-decoration: none;
  584. margin: 5px 0px 5px 0px;
  585. padding: 8px 0 0 0;
  586. pointer-events:all !important;
  587.  
  588. }
  589.  
  590. .wepbox:nth-child(odd) {
  591. margin: 5px 650px 5px 0px;
  592. z-index:99 !important;
  593. }
  594.  
  595. .wepbox:active{
  596. background: #FFF;
  597.  
  598. }
  599.  
  600. .wepbox a{
  601. text-decoration: none;
  602. }
  603.  
  604. .wepboxtxt{
  605. text-align: center;
  606. position:relative;
  607. width:100%;
  608. margin-left:auto;
  609. margin-right:auto;
  610. bottom: 0;
  611. }
  612.  
  613. .weppic{
  614. height:80px;
  615.  
  616. }
  617. #wp1{
  618. border: 3px solid {select:Link1Color} !important;
  619. }
  620.  
  621. #wp1:hover{
  622. background: {select:Link1Color}AF !important;
  623. }
  624.  
  625. #wp1 a{
  626. color:{select:Link1Color} !important;
  627. }
  628. #wp2{
  629. border: 3px solid {select:Link2Color} !important;
  630. }
  631.  
  632. #wp2:hover{
  633. background: {select:Link2Color}AF !important;
  634. }
  635.  
  636. #wp2 a{
  637. color:{select:Link2Color} !important;
  638. }
  639. #wp3{
  640. border: 3px solid {select:Link3Color} !important;
  641. }
  642.  
  643. #wp3:hover{
  644. background: {select:Link3Color}AF !important;
  645. }
  646.  
  647. #wp3 a{
  648. color:{select:Link3Color} !important;
  649. }
  650. #wp4{
  651. border: 3px solid {select:Link4Color} !important;
  652. }
  653.  
  654. #wp4:hover{
  655. background: {select:Link4Color}AF !important;
  656. }
  657.  
  658. #wp4 a{
  659. color:{select:Link4Color} !important;
  660. }
  661. #wp5{
  662. border: 3px solid {select:Link5Color} !important;
  663. }
  664.  
  665. #wp5:hover{
  666. background: {select:Link5Color}AF !important;
  667. }
  668.  
  669. #wp5 a{
  670. color:{select:Link5Color} !important;
  671. }
  672. #wp6{
  673. border: 3px solid {select:Link6Color} !important;
  674. }
  675.  
  676. #wp6:hover{
  677. background: {select:Link6Color}AF !important;
  678. }
  679.  
  680. #wp6 a{
  681. color:{select:Link6Color} !important;
  682. }
  683. #wp7{
  684. border: 3px solid {select:Link7Color} !important;
  685. }
  686.  
  687. #wp7:hover{
  688. background: {select:Link7Color}AF !important;
  689. }
  690.  
  691. #wp7 a{
  692. color:{select:Link7Color} !important;
  693. }
  694. #wp8{
  695. border: 3px solid {select:Link8Color} !important;
  696. }
  697.  
  698. #wp8:hover{
  699. background: {select:Link8Color}AF !important;
  700. }
  701.  
  702. #wp8 a{
  703. color:{select:Link8Color} !important;
  704. }
  705. .contheaders{
  706. color: #e9e9e9;
  707. font: 20px 'McLaren', cursive;
  708. border: 3px solid #e9e9e9;
  709. border-radius: 10px;
  710. padding: 5px 15px;
  711. background:{select:Team};
  712. list-style:none;
  713. line-height:14px;
  714. margin-bottom: 10px;
  715. }
  716.  
  717. .conttext{
  718. display:inline-block;
  719.  
  720. }
  721.  
  722. #content {
  723. left: 0;
  724. right: 0;
  725. top: calc(25vh + 60px);
  726. position:relative;
  727. z-index:3;
  728. width: 500px;
  729. background:{color:Background};
  730. color: #fff;
  731. padding-bottom:12vh;
  732. float: center;
  733. margin: auto;
  734.  
  735. }
  736.  
  737. #content a{
  738. text-decoration: none;
  739. transition: color .25s;
  740. }
  741.  
  742. #content a:hover{
  743. color: #fafafa;
  744.  
  745. }
  746.  
  747. #content blockquote {
  748. border-left: 3px inset {color:Highlights};
  749. margin-left: 10px;
  750. padding: 0px 0px 0px 8px;
  751. margin-right: 0;
  752. }
  753.  
  754. #content #posts {
  755. background: ;
  756. margin: auto;
  757. border-radius: 10px;
  758. font: 15px 'McLaren', cursive;
  759. color: {select:Quality};
  760. padding: .8em .8em;
  761. width: 100%;
  762. background-attachment: inherit;
  763. margin-bottom: 30px;
  764. border: 3px solid {color:Highlights};
  765. z-index:10;
  766. }
  767. #posts .text {
  768. color:{select:QualityText};
  769. }
  770.  
  771. #posts .text a{
  772. color:{select:QualityLinks};
  773. }
  774. #posts .text a:hover{
  775. color:{select:QualityLinksHover};
  776. }
  777.  
  778.  
  779. #posts > #notebox{
  780. display:none;
  781. }
  782.  
  783. #posts:hover > #notebox {
  784. display: block;
  785. }
  786.  
  787. #content #posts .title{
  788. font-size:40px;
  789. font-family: 'Smythe', cursive;
  790. text-transform:uppercase;
  791. }
  792.  
  793. #content #posts #photo img{
  794. width:100%;
  795. height:auto;
  796. }
  797.  
  798. #content #posts #permabox {
  799. margin-top:10px;
  800. color: #fff;
  801. width:100%;
  802. }
  803.  
  804.  
  805. #content #posts #permabox a{
  806. color: {color:Text};
  807. font-size:17px
  808. text-decoration: none;
  809. }
  810.  
  811.  
  812. #content #posts #permalink {
  813. font-size:15px;
  814. list-style-type: none;
  815. display:inline-block;
  816. margin-bottom:5px;
  817. }
  818.  
  819.  
  820. #content #posts #permalink li{
  821. list-style-type: none;
  822. }
  823.  
  824. #content #posts #tags {
  825. font-size: 12px;
  826. color: {color:Text};
  827. text-transform: uppercase;
  828. }
  829.  
  830. #content #posts #tags .comma:last-child {
  831. display: none;
  832.  
  833. }
  834. #player {
  835. margin-top: 5px;
  836. }
  837.  
  838. #content #notecontainer {
  839. margin: 20px auto;
  840. font: 15px 'Ubuntu', sans-serif;
  841. font-weight: normal;
  842. width: 100%;
  843. font-weight: 900;
  844.  
  845. }
  846.  
  847. #notecontainer a{
  848. color:{select:QualityLinks};
  849. }
  850.  
  851. #content #notecontainer ol.notes {
  852. list-style-type: none;
  853. margin: 0;
  854. padding: 0;
  855. }
  856.  
  857. #content #notecontainer img.avatar {
  858. margin-right: 10px;
  859. width: 16px;
  860. height: 16px;
  861. }
  862.  
  863. #notecontainer li{
  864. background: rgb(241,233,203);
  865. border-radius: 5px;
  866. margin-bottom: 5px;
  867. padding: 4px;
  868. }
  869.  
  870. #minbuttonsanc{
  871. width: 200px;
  872. height:40px;
  873. line-height: 34px !important;
  874. text-align: center;
  875. bottom:-55px;
  876. font: 30px 'Archivo Black', sans-serif;
  877. right:0;
  878. left:0;
  879. margin:auto;
  880. position:absolute;
  881. }
  882.  
  883. #minbuttonsanc a {
  884. color: {color:Text} !important;
  885. }
  886.  
  887. #askert{
  888. color: {color:Text} !important;
  889. }
  890. #audiob{
  891. display:inline-block;
  892. position:relative;
  893. margin:auto;
  894. }
  895.  
  896. /* code to edit audioplayer */
  897. .simple-player .audio-player .play-pause {
  898. font-size: 19px;
  899. padding: 0 30px !important;
  900. width: auto;
  901. }
  902.  
  903. .simple-player .audio-player{
  904. background:transparent !important;
  905. border: 2px solid {color:Text};
  906. }
  907. .audio-player.has-art {
  908. background:red !important;
  909. }
  910. .audio-player {
  911. background:red !important;
  912. }
  913.  
  914.  
  915. /*end*/
  916. #postdate{
  917. margin-bottom:5px;
  918.  
  919. }
  920.  
  921.  
  922. .headbox{
  923. border: 3px solid #8B8279;
  924. border-radius: 15px;
  925. padding: 15px;
  926. color: #e9e9e9;
  927. background:{select:Team};
  928. }
  929.  
  930. #asker{
  931. display: inline-block;
  932. max-width: 350px;
  933. padding-left: 10px;
  934. }
  935.  
  936. #asktitle{
  937. font: 15px 'Archivo Black', sans-serif !important;
  938.  
  939.  
  940. }
  941.  
  942. .notebutton{
  943. background: #7F7367;
  944. height: 20px;
  945. border-radius: 5px;
  946. font: 12px 'Archivo Black', sans-serif;
  947. text-align:center;
  948. cursor: cell;
  949. position:relative;
  950. display: inline-block;
  951. vertical-align: top;
  952. padding: 0px 5px;
  953. }
  954.  
  955. .notebutton:hover {
  956. background: #E06A5C;
  957. }
  958.  
  959.  
  960. .minorbutton {
  961. background: #7F7367;
  962. width: 40px;
  963. height: 40px;
  964. border-radius: 10px;
  965. position:relative;
  966. display:inline-block;
  967. bottom:5px;
  968. cursor:crosshair;
  969. float:center;
  970. margin: 0 5px 0 5px;
  971. color: {color:Titletext};
  972. }
  973.  
  974. .minorbutton:hover {
  975. background: #E06A5C;
  976. }
  977.  
  978. /*
  979. #reblogbutton {
  980. left: 515px;
  981. background-size: contain;
  982. }
  983.  
  984. #reblogbutton #letterbutton {
  985. width:55%;
  986. height:55%;
  987. top:9px;
  988. left: 9px;
  989. background: url('http://i.imgur.com/NnrOvrt.png') center no-repeat;
  990. background-size: contain;
  991. z-index:10;
  992. position:relative;
  993.  
  994. }*/
  995.  
  996.  
  997. #notebox{
  998. width:150px;
  999. border:2px solid black;
  1000. font: 22px 'McLaren', cursive;
  1001. font-weight:550;
  1002. color:white;
  1003. background: rgb(20,20,20);
  1004. position:absolute;
  1005. right:-180px;
  1006. z-index:-99 !important;
  1007. }
  1008.  
  1009. #notebox a{
  1010. width:150px;
  1011. }
  1012.  
  1013. .nboxdes{
  1014. border-bottom:2px solid rgb(240, 240 ,240);
  1015. width:150px;
  1016. color:rgb(240, 240 ,240);
  1017. }
  1018. .nboxdes:hover{
  1019. background: rgba(240, 240 ,240, 0.2);
  1020. }
  1021. .nboxdes:active{
  1022. background: rgba(240, 240 ,240, 0.4);
  1023. }
  1024.  
  1025. .nboxdes a{
  1026. border-bottom:2px solid rgb(240, 240 ,240);
  1027. color:rgb(240, 240 ,240);
  1028. }
  1029.  
  1030.  
  1031. #content #navigation a {
  1032. background-color: #000;
  1033. color: {color:Posts};
  1034. padding: 5px 10px;
  1035. text-decoration: none;
  1036. margin-left: 25px;
  1037. border: 3px solid {color:Trimmings};
  1038. }
  1039.  
  1040. #content #navigation a:hover {
  1041. opacity: 0.9;
  1042. }
  1043.  
  1044.  
  1045. #ident {
  1046. background: url('http://i.imgur.com/K59aJgC.png') center no-repeat;
  1047. background-size: contain;
  1048. height:40px;
  1049. width:40px;
  1050. top:20px;
  1051. cursor:cell;
  1052. z-index:99999999;
  1053.  
  1054.  
  1055. border-radius: 5px;
  1056.  
  1057.  
  1058. position:fixed;
  1059. right:20px;
  1060. opacity:0.3;
  1061. transition: opacity 0.6s;
  1062. }
  1063. #ident:hover {
  1064. opacity:0.6;
  1065. }
  1066.  
  1067.  
  1068. #s-m-t-tooltip {
  1069. max-width:300px;
  1070. height:18px;
  1071. border-radius: 0px;
  1072. text-transform:uppercase;
  1073. padding:4px;
  1074. color:#fff;
  1075. border-top: 2px solid {color:Highlights};
  1076. border-bottom: 2px solid {color:Highlights};
  1077. letter-spacing:1px;
  1078. background:{color:Background};
  1079. font: 15px 'Archivo Black', sans-serif;
  1080. z-index:99999;}
  1081.  
  1082. .linkblock{
  1083. border: 3px solid {color:Highlights};
  1084. border-radius:15px;
  1085. padding: 10px 5px;
  1086. text-align:center;
  1087. }
  1088.  
  1089. .linkblock a{
  1090. font-size:20px;
  1091. color:{select:QualityText};
  1092.  
  1093. }
  1094.  
  1095. .linkblock a:hover{
  1096. font-size:20px;
  1097. color:rgb(240,240,240);
  1098. }
  1099.  
  1100.  
  1101.  
  1102.  
  1103. /*tumblr controls edit*/
  1104.  
  1105.  
  1106. .tumblr_blog {
  1107. text-transform:uppercase;
  1108. color:#fff !important;
  1109. font: 15px 'Archivo Black', sans-serif;
  1110. }
  1111.  
  1112. .iframe-controls-container.iframe-controls-container--logged-in .tx-button {
  1113. background-color:{color:Background} !important;
  1114.  
  1115. border-radius: 5px;
  1116.  
  1117. }
  1118.  
  1119.  
  1120. .iframe-controls-container.iframe-controls-container--logged-in .tx-button:hover {
  1121. background-color: #E06A5C !important;
  1122.  
  1123. }
  1124.  
  1125. .tx-button message-button a{
  1126. background-color:{color:Background} !important;
  1127. border-radius: 5px;
  1128. }
  1129.  
  1130. .tx-button message-button a:hover{
  1131.  
  1132. background-color: #E06A5C !important;
  1133.  
  1134. }
  1135. /*
  1136. .tmblr-iframe{
  1137. background:{color:Background} !important;
  1138.  
  1139. border-radius: 5px;
  1140. }
  1141.  
  1142. .tmblr-iframe:hover {
  1143. background: #E06A5C !important;
  1144.  
  1145. }
  1146.  
  1147.  
  1148.  
  1149. */
  1150. </style>
  1151.  
  1152.  
  1153. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1154.  
  1155. <script src="jquery-3.2.1.min.js"></script>
  1156.  
  1157. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1158.  
  1159. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  1160.  
  1161. <script>
  1162. (function($){
  1163. $(document).ready(function(){
  1164. $("[title],a[title],img[title]").style_my_tooltips({
  1165. tip_follows_cursor:true,
  1166. tip_delay_time:0,
  1167. tip_fade_speed:0,
  1168. attribute:"title"
  1169. });
  1170. });
  1171. })(jQuery);
  1172. </script>
  1173.  
  1174. <script>
  1175. $("iframe.tumblr_audio_player").on("load", function() {
  1176. $(this).contents().find("div.audio_player,div.audio_controls,div.audio_player_overlay").css("background","transparent");
  1177. $(this).closest("div._audio-wrapper").show();
  1178. });
  1179. </script>
  1180.  
  1181. </head>
  1182. <body>
  1183. <a href="http://crocketts-themes.tumblr.com/" title="theme by crockett">
  1184. <div id="ident"></div></a>
  1185.  
  1186. <div id="header">
  1187. <div id="partitionmain" class="partitions">{text:TabName}</div>
  1188. <div id="partitionsecd" class="partitions">{text:Tab2Name}</div>
  1189.  
  1190. </div>
  1191.  
  1192. <div id="top">
  1193. <div id="topmid">
  1194. <div id="arrows">››</div>
  1195. <div id="dots">............................................................................................</div>
  1196. <div class="maintitle"><a href="/">{Title}</a></div>
  1197. <div id="hide"></div>
  1198. <div id="hide2"></div>
  1199.  
  1200. <div id="minbuttonsanc">
  1201. <a href="{text:SmallButton1URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonOne}">A</div></a>
  1202. <a href="{text:SmallButton2URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonTwo}">B</div></a>
  1203. <a href="{text:SmallButton3URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonThree}">C</div></a>
  1204. <a href="{text:SmallButton4URL}" target="_blank"><div class="minorbutton" title="{text:SmallButtonFour}">D</div></a>
  1205. </div>
  1206.  
  1207.  
  1208. </div>
  1209.  
  1210. </div>
  1211.  
  1212.  
  1213. <div id="top2">
  1214.  
  1215. <div id="anchor">
  1216.  
  1217. {block:IfLink1Enabled}
  1218. <div class="wepbox" id="wp1">
  1219. <a href="{text:Link1URL}" target="_blank">
  1220. <div class ="weppic">
  1221. <img src="{text:Link1Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1222. </div>
  1223. <div class="wepboxtxt" >
  1224. {text:Link1}
  1225. </div>
  1226. </a>
  1227. </div>
  1228.  
  1229. {/block:IfLink1Enabled}
  1230. {block:IfLink2Enabled}
  1231. <div class="wepbox" id="wp2">
  1232. <a href="{text:Link2URL}" target="_blank">
  1233. <div class ="weppic">
  1234. <img src="{text:Link2Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1235. </div>
  1236. <div class="wepboxtxt">
  1237. {text:Link2}
  1238. </div>
  1239. </a>
  1240. </div>
  1241. {/block:IfLink2Enabled}
  1242. {block:IfLink3Enabled}
  1243.  
  1244. <div class="wepbox" id="wp3">
  1245. <a href="{text:Link3URL}" target="_blank">
  1246. <div class ="weppic">
  1247. <img src="{text:Link3Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1248. </div>
  1249.  
  1250. <div class="wepboxtxt">
  1251. {text:Link3}
  1252. </div>
  1253. </a>
  1254. </div>
  1255. {/block:IfLink3Enabled}
  1256. {block:IfLink4Enabled}
  1257.  
  1258. <div class="wepbox" id="wp4">
  1259. <a href="{text:Link4URL}" target="_blank">
  1260. <div class ="weppic">
  1261. <img src="{text:Link4Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1262. </div>
  1263.  
  1264. <div class="wepboxtxt">
  1265. {text:Link4}
  1266. </div>
  1267. </a>
  1268. </div>
  1269. {/block:IfLink4Enabled}
  1270. {block:IfLink5Enabled}
  1271.  
  1272. <div class="wepbox" id="wp5">
  1273. <a href="{text:Link5URL}" target="_blank">
  1274. <div class ="weppic">
  1275. <img src="{text:Link5Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1276. </div>
  1277. <div class="wepboxtxt">
  1278. {text:Link5}
  1279. </div>
  1280. </a>
  1281. </div>
  1282. {/block:IfLink5Enabled}
  1283. {block:IfLink6Enabled}
  1284.  
  1285. <div class="wepbox" id="wp6">
  1286. <a href="{text:Link6URL}" target="_blank">
  1287. <div class ="weppic">
  1288. <img src="{text:Link6Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1289. </div>
  1290.  
  1291. <div class="wepboxtxt">
  1292. {text:Link6}
  1293. </div>
  1294. </a>
  1295. </div>
  1296. {/block:IfLink6Enabled}
  1297. {block:IfLink7Enabled}
  1298.  
  1299. <div class="wepbox" id="wp7">
  1300. <a href="{text:Link7URL}" target="_blank">
  1301. <div class ="weppic">
  1302. <img src="{text:Link7Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1303. </div>
  1304.  
  1305. <div class="wepboxtxt">
  1306. {text:Link7}
  1307. </div>
  1308. </a>
  1309. </div>
  1310. {/block:IfLink7Enabled}
  1311. {block:IfLink8Enabled}
  1312.  
  1313. <div class="wepbox" id="wp8">
  1314. <a href="{text:Link8URL}" target="_blank">
  1315. <div class ="weppic">
  1316. <img src="{text:Link8Img}" style="height:75px; float:center;margin-top:5px;display: block;margin: auto;">
  1317. </div>
  1318.  
  1319. <div class="wepboxtxt">
  1320. {text:Link8}
  1321. </div>
  1322. </a>
  1323. </div>
  1324. {/block:IfLink8Enabled}
  1325. </div><!--anchor-->
  1326.  
  1327.  
  1328.  
  1329.  
  1330. </div>
  1331.  
  1332.  
  1333.  
  1334.  
  1335.  
  1336.  
  1337.  
  1338. <!---->
  1339.  
  1340. <div id="content">
  1341.  
  1342. <div class = "autopagerize_page_element" >
  1343.  
  1344. {block:Posts}
  1345. <div id="posts">
  1346.  
  1347.  
  1348. <!--
  1349. <a href="{ReblogURL}" target="_blank" title="REBLOG">
  1350. <div id="reblogbutton" class="minorbutton">
  1351. <div id="letterbutton"></div>
  1352. </div>
  1353. </a> -->
  1354.  
  1355. <!--
  1356. <div id="notebox">
  1357. <div id="nboxpermalink" class="nboxdes"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  1358. <div id="nboxpermalink" class="nboxdes"><a href="{Permalink}" >Permalink</a></div>
  1359. {block:NoteCount}<div id="nboxnotes" class="nboxdes">{NoteCountWithLabel}</div>{/block:NoteCount}
  1360.  
  1361.  
  1362.  
  1363. </div>
  1364. -->
  1365.  
  1366. {block:Photo}
  1367. <div id ="photohead" class="contheaders"><img src="http://2.bp.blogspot.com/-bBEAeDB3Pkg/UhkoIqVexRI/AAAAAAAAAGo/KJPoHiNWtLo/s1600/Six+string+stinger.jpg" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Photo</li></div></div>
  1368. {LinkOpenTag}<div id="photo"><img src="{PhotoURL-HighRes}" /></div>{LinkCloseTag}
  1369. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1370. {/block:Photo}
  1371.  
  1372. {block:Photoset}
  1373. <div id ="photosethead" class="contheaders"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHZiUQ4VA2vjfZBekQ9Mt3wBbQ7l9rWCiClOFOeB4Vl2gEVT7j" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Photoset</li></div></div>
  1374. {Photoset-500}
  1375. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1376. {/block:Photoset}
  1377.  
  1378. {block:Video}
  1379. <div id ="vidhead" class="contheaders"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQoZTA9WMxNRFstJB3NhOSeVHTpaZjgXzr1zZPv9Qf672RlayUopw" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Video</li></div></div>
  1380. {Video-500}
  1381. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1382. {/block:Video}
  1383.  
  1384. {block:Audio}
  1385. <div id="askcont" class="headbox">
  1386. {block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}
  1387.  
  1388. <div id="audiob">
  1389. {block:Artist}<div class="text">{Artist}</div>{/block:Artist}
  1390. {block:TrackName}<div id ="asktitle" class="title">{TrackName}</div>{/block:TrackName}
  1391.  
  1392. {AudioPlayerBlack}
  1393.  
  1394. </div></div>
  1395.  
  1396. <div class="text">~ {PlayCountWithLabel}</div>
  1397. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1398. {/block:Audio}
  1399.  
  1400. {block:Quote}
  1401. <div class="title">“{Quote}”</div>
  1402. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  1403. {/block:Quote}
  1404.  
  1405. {block:Text}
  1406. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1407. <div class="text">{Body}</div>
  1408. {/block:Text}
  1409.  
  1410. {block:Answer}
  1411. <div id="askcont" class="headbox">
  1412. <img src="http://i.imgur.com/YrLUaTf.png" width="100" height="100">
  1413. <div id="asker">
  1414. <div class="text" id="askert">You were questioned by {Asker}</div>
  1415. <div id ="asktitle" class="title">{Question}</div>
  1416. </div></div>
  1417. <div class="text">{Answer}</div>
  1418. {block:Answer}
  1419.  
  1420. {block:Chat}
  1421. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1422. <div class="text">
  1423. {block:Lines}
  1424. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1425. {/block:Lines}
  1426. </div> <!--text-->
  1427. {/block:Chat}
  1428.  
  1429. {block:Link}
  1430. <div id ="photohead" class="contheaders"><img src="https://wiki.teamfortress.com/w/images/4/4d/Tf_play_game_everymap.png?t=20120903063544" height="25px" width="25px"> <div class="conttext"><li style="font-size:8px !important;">This post is a </li><li>Link</li></div></div>
  1431. <div class="linkblock">{block:Thumbnail}
  1432. <img src="{Thumbnail-HighRes}" target="_blank" width="200px" height="auto" >
  1433. {/block:Thumbnail}
  1434.  
  1435.  
  1436.  
  1437.  
  1438.  
  1439. <p style="font: 20px 'Archivo Black', sans-serif; text-transform:uppercase;margin-top:-5px"><a href="{URL}">{Name}</a></p>
  1440. <p style="line-height: 20%; font-size:12px">{block:Host} ({Host}) {/block:Host}</p>
  1441. </div>
  1442. {block:Description}
  1443. <div class="text">{Description}</div>
  1444. {/block:Description}
  1445. {/block:Link}
  1446.  
  1447. <div id="permabox">
  1448. <div id="permalink">
  1449. {block:Date}
  1450. <a href="{Permalink}">
  1451. <div id="postdate" class="notebutton">
  1452. POSTED {MonthNumberWithZero}{DayOfMonthWithZero}-{Year} AT {24HourwithZero}{Minutes}
  1453. </div>
  1454. </a>
  1455. {/block:Date}
  1456. </div>
  1457.  
  1458.  
  1459.  
  1460.  
  1461. {block:HasTags}
  1462.  
  1463.  
  1464.  
  1465. <div id="inditag">
  1466. {block:Tags}<a href="{TagURL}" class="notebutton">{Tag}</a><span class="comma"> </span>{/block:Tags}
  1467. </div>
  1468.  
  1469.  
  1470. {/block:HasTags}
  1471.  
  1472.  
  1473.  
  1474. </div> <!--permabox-->
  1475.  
  1476.  
  1477.  
  1478. {block:PostNotes}
  1479. <div id="notecontainer">{PostNotes}</div>
  1480. {/block:PostNotes}
  1481. </div><!--posts-->
  1482.  
  1483.  
  1484. {/block:Posts}
  1485. </div> <!--autoresize for inf scroll-->
  1486.  
  1487.  
  1488.  
  1489.  
  1490. </div> <!--content-->
  1491. <div id ="bbanner"></div>
  1492. </body>
Advertisement
Add Comment
Please, Sign In to add comment