badmecha007

crocketts themes

Dec 4th, 2018
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.87 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶777¶¶¶¶¶¶¶¶77$¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶s-m-t
  7. ¶¶¶¶¶¶¶¶¶¶7¶¶¶¶¶¶+¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶7¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  8. ¶¶¶¶¶¶¶¶7¶¶¶¶¶D ¶¶¶¶¶¶¶¶¶¶¶Z$7¶¶O7¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  9. ¶¶¶¶¶¶¶$¶¶¶¶N. ¶¶¶¶¶¶¶¶¶¶¶¶777777¶¶7¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  10. ¶¶¶¶¶¶$¶¶¶¶ ¶¶¶¶¶¶¶¶¶¶¶¶$777777¶¶¶..¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  11. ¶¶¶¶¶7¶¶¶~. ¶¶¶¶¶¶¶¶¶¶¶¶77777777¶¶¶¶ D7¶¶¶¶¶¶¶.¶¶¶. ¶ N¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  12. ¶¶¶¶7¶¶¶ ?¶¶¶¶¶¶¶¶¶¶¶7777777777¶¶¶. ¶7$¶ .¶¶ ¶¶7 O¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  13. ¶¶¶¶7¶¶. ¶¶¶¶¶¶¶¶¶¶. .77,...77.. ¶. ¶.¶7. N¶ N¶O ¶¶¶¶¶O ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  14. ¶¶¶7¶¶. ¶¶¶¶¶¶ .N 7~ 7. II...~¶¶ :¶..¶¶.Z ¶ . ¶¶¶¶¶.D. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  15. ¶¶¶7¶ ¶¶¶¶: ¶¶¶¶¶ .7¶ ,++ I¶ N ~¶. ¶¶. :¶¶ ¶¶¶¶¶+ ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  16. ¶¶¶7¶ .¶?. ?¶¶¶¶¶77¶O777¶77¶¶¶¶¶¶¶¶¶¶¶¶O¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  17. ¶¶¶7¶~ ¶¶¶¶¶¶¶¶¶77D¶$77Z¶¶¶¶¶¶¶¶¶¶¶¶¶8¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  18. ¶¶¶O¶¶¶¶¶¶¶¶¶¶¶¶77$¶$7$¶¶7¶¶¶¶¶¶¶¶¶¶¶¶¶$¶¶7. .¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  19. ¶¶¶¶7¶¶¶¶¶¶¶¶¶¶¶7777O¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶O ¶¶¶ Z¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  20. ¶¶¶¶$¶¶¶¶¶¶¶¶¶77¶¶77¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶7¶. ¶¶¶.7 ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  21. ¶¶¶¶¶7¶¶¶¶¶¶D7777D¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶$..¶¶¶ ¶¶¶..¶¶¶¶¶¶¶¶¶¶¶. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  22. ¶¶¶¶¶¶7¶¶¶¶$77777¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶I. ¶¶¶D .¶¶¶. ¶¶ ¶¶¶¶ .¶¶ ¶¶¶¶¶¶¶¶¶¶
  23. ¶¶¶¶¶¶¶7¶¶$77777¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶Z: ¶¶¶¶¶. . ¶ ¶¶. D D. ¶: ¶ N¶¶¶¶¶¶¶¶¶¶
  24. ¶¶¶¶¶¶¶¶877777¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶$¶ ¶¶¶¶¶¶. N¶¶¶~ ~¶..¶..¶¶¶¶¶..¶¶. +¶¶¶¶¶¶¶¶¶¶
  25. ¶¶¶¶¶¶¶¶¶¶777¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶7N¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  26. ¶¶¶¶¶¶¶¶¶¶¶¶¶77¶¶¶¶¶¶¶¶¶¶¶¶¶¶77¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  27. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶Z7$77777777¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  28. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  29. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
  30.  
  31. @2016 badmecha007, @1980 design inspo
  32.  
  33. -----------------=========RULES:
  34. | 1. Do not steal or claim as your own.
  35. | 2. Do not use as base code. As well
  36. | as my coding system being fucking
  37. | confusing, my code is not up for
  38. | base use, period.
  39. | 3. Leave the watermark intact.
  40. | Do not remove it from the code
  41. | when customising.
  42. | 4. Minor modifications are fine.
  43. | You may take inspiration from my
  44. | CSS such as the rainbow border
  45. | (check on my blog or ask
  46. | for specific css if you wish)
  47. | but try not to take giant snippets
  48. | of code (+8 lines of CSS).
  49. | 5. Share and reblog the original
  50. | post in goodwill if you do use this theme.
  51.  
  52.  
  53. Big thanks to SMT tooltips for the tooltip
  54. java code, mahilu for the scrollbar code, themesbyeris
  55. for her base code, w3schools and various nameless
  56. peeps on jsfiddle for inspiration and help.
  57.  
  58. ========================personal theme 1 - 80's baby==============================
  59.  
  60. https://webdesign.tutsplus.com/tutorials/create-a-customized-html5-audio-player--webdesign-7081
  61.  
  62. http://vanne-statprev.tumblr.com/musictab2
  63.  
  64. mp3 player
  65. -->
  66. <meta name="color:Trimmings" content=""/>
  67. <meta name="color:Title" content="" />
  68. <meta name="image:Background" content="" />
  69. <meta name="color:headerBG" content="" />
  70. <meta name="image:headerBG" content="" />
  71.  
  72.  
  73. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  74. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  75. <link rel="shortcut icon" href="{Favicon}" />
  76.  
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Carme' rel='stylesheet' type='text/css'>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Play" rel="stylesheet">
  83.  
  84. <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'>
  87.  
  88. <link href='https://fonts.googleapis.com/css?family=Tinos:700' rel='stylesheet' type='text/css'>
  89.  
  90. <link href='https://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  91.  
  92. <link href='https://fonts.googleapis.com/css?family=Limelight' rel='stylesheet' type='text/css'>
  93.  
  94. <link href='https://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>
  95.  
  96. <link rel="stylesheet" href="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css"><!--scrollbaar stylesheet-->
  97.  
  98. <link href="https://fonts.googleapis.com/css?family=Roboto:900" rel="stylesheet">
  99.  
  100. <style type="text/css">
  101. /*http://i.imgur.com/atYtIOA.png*/
  102.  
  103. body {
  104. background: #322E2B url('https://stmed.net/sites/default/files/hotline-miami-2%3A-wrong-number-hd-wallpapers-33246-5699657.png') top right fixed no-repeat ;
  105. background-size: cover;
  106. margin-left: auto;
  107. z-index:-999;
  108. margin-right: auto;
  109. padding: 0;
  110. font-family: 'Anaheim', sans-serif;
  111. color: {color:Text};
  112. }
  113.  
  114. /* cursor: url('http://i.imgur.com/1AEV1rf.png'), auto; */
  115.  
  116. img {
  117. border: 0;
  118. max-width: 100%;
  119. height: auto;
  120. margin-left:auto;
  121. margin-right: auto;
  122. }
  123.  
  124. h2 {
  125. font-family: 'Seaweed Script', cursive;
  126. text-transform:lowercase;
  127. text-shadow: 2px 2px #000;;
  128. font-size:35px;
  129. font-weight: 900;
  130. line-height:90%;
  131. }
  132.  
  133. #content #posts .text h2 a{
  134. font-family: 'Seaweed Script', cursive;
  135. font-size:35px;
  136. color:#ff0098;
  137. text-shadow: 2px 2px #000;
  138. transition: color 0.4s, box-shadow 0.2s;
  139. line-height:90%;
  140. }
  141.  
  142. #content #posts .text h2 a:hover{
  143. color: #fff;
  144. text-shadow:
  145. 0px 0px 7px rgba(255, 255, 255, 1),
  146. 0px 0px 3px rgba(0, 255, 255, 1);
  147. }
  148.  
  149.  
  150.  
  151.  
  152.  
  153. .title{
  154. font-family: 'Limelight', cursive;
  155. font-size:35px;
  156. font-weight: 900;
  157. color:#00FFA2;
  158. text-shadow: 0 0 10px rgba(0,67,255,1) , 0 0 20px rgba(0,127,255,1) , 0 0 30px rgba(0,174,255,1) ;
  159. }
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167. p {
  168. margin-bottom:5px;
  169.  
  170. }
  171.  
  172. #bgrnd{
  173. height:0px;
  174. width: 0px;
  175. z-index:-1;
  176. margin:auto;
  177. position: fixed;
  178. right:50%;
  179. top: 50%;
  180. transform: translateY(-50%);
  181.  
  182.  
  183. }
  184.  
  185. .flashyborder{
  186. border-right:5px outset #372EA1 ;
  187. border-left:5px outset #372EA1;
  188. border-bottom:5px outset #372EA1;
  189. animation-name: lights;
  190. animation-duration: 10s;
  191. animation-iteration-count: infinite;
  192. }
  193.  
  194. #bgrnd #blk{
  195. width:800px;
  196. height:500px;
  197. background: rgba(0,0,0,0.7);
  198. position:absolute;
  199. top:-190px;
  200. left:-300px;
  201.  
  202. }
  203.  
  204.  
  205.  
  206.  
  207. @keyframes lights {
  208. 0% {box-shadow:
  209. 0 0 3px 3px #fff,
  210. 0 0 10px 6px #e58b50,
  211. 0 0 14px 9px #f95454;}
  212. 8% {box-shadow:
  213. 0 0 6px 3px #fff,
  214. 0 0 15px 6px #e58b50,
  215. 0 0 14px 9px #f95454;}
  216. 25% {box-shadow:
  217. 0 0 9px 3px #fff,
  218. 0 0 20px 6px #70d8a8,
  219. 0 0 14px 9px #e58b50;}
  220. 41% {box-shadow:
  221. 0 0 6px 3px #fff,
  222. 0 0 15px 6px #0ff,
  223. 0 0 14px 9px #70d8a8;}
  224. 57% {box-shadow:
  225. 0 0 3px 3px #fff,
  226. 0 0 10px 6px #9370DB,
  227. 0 0 14px 9px #0ff;}
  228. 83% {box-shadow:
  229. 0 0 6px 3px #fff,
  230. 0 0 5px 6px #cc70d8,
  231. 0 0 14px 9px #9370DB;}
  232. 100% {box-shadow:
  233. 0 0 3px 3px #fff,
  234. 0 0 10px 6px #e58b50,
  235. 0 0 14px 9px #f95454;}
  236. }
  237.  
  238. @keyframes border {}
  239.  
  240.  
  241. .header {
  242.  
  243.  
  244. position: fixed;
  245. margin-left: auto;
  246. margin-right: auto;
  247. z-index:1;
  248.  
  249. }
  250.  
  251. #headert{
  252. height: 20px;
  253. width: 100% ;
  254. top: 0px;
  255. z-index: 1;
  256. background: #58D6FC;
  257. }
  258.  
  259. #headerb{
  260. height: 20px;
  261. width: 100% ;
  262. bottom: 0px;
  263. z-index: 1;
  264. background: #E54BB4;
  265. }
  266.  
  267. #headerr{
  268. width: 20px;
  269. height: 100%;
  270. right: 0px;
  271. z-index: 2;
  272. background: linear-gradient(to bottom, rgba(88,214,252,1) 0%,rgba(83,134,237,1) 40%,rgba(229,75,180,1) 100%);
  273. }
  274.  
  275. #headerl{
  276. width: 20px;
  277. height: 100%;
  278. left: 0px;
  279. z-index: 2;
  280. background: linear-gradient(to bottom, rgba(88,214,252,1) 0%,rgba(83,134,237,1) 40%,rgba(229,75,180,1) 100%);
  281. }
  282.  
  283.  
  284.  
  285. #topmid {
  286. height:0px;
  287. width: 0px;
  288. z-index:999;
  289. margin:auto;
  290. position: fixed;
  291.  
  292. right:50%;
  293. top: 50%;
  294. transform: translateY(-50%);
  295. background: rgba(0,0,0,0.25);
  296.  
  297.  
  298. }
  299.  
  300. #topmid #titleblock {
  301. height:240px;
  302. width:600px;
  303. position: fixed;
  304. border-top-left-radius:120px;
  305. border-bottom-left-radius:120px;
  306. top:-330px;
  307. left:-500px;
  308. z-index:9999;
  309. transform: rotate(-17deg);
  310. }
  311. #topmid #titleblock a{
  312. color:rgba(242,242,242,1);
  313. text-shadow: 0 0 10px rgba(0,67,255,1) , 0 0 20px rgba(0,127,255,1) , 0 0 30px rgba(0,174,255,1) , 0 0 40px #00ffc3 , 0 0 70px #00ff6a , 0 0 80px #00ff4c , 0 0 100px #00ff1d ;
  314. transition: text-shadow .5s;
  315. z-index:9999;
  316. }
  317. #topmid #titleblock a:hover {
  318. text-shadow: 0 0 10px rgba(0,255,25,1) , 0 0 20px rgba(0,255,85,1) , 0 0 30px rgba(0,255,148,1) , 0 0 40px #00ffff , 0 0 70px #00bbff , 0 0 80px #00bbff , 0 0 100px #00aeff ;
  319. }
  320. .titletext{
  321. position:fixed;
  322. margin-left:220px;
  323. font: 100px 'Seaweed Script', cursive;
  324.  
  325. }
  326. #topmid #titleblock img{
  327. top: 12px;
  328. }
  329. .neonbars{
  330. z-index:-9999;
  331. position:fixed;
  332. animation-name: lights;
  333. animation-duration: 10s;
  334. animation-iteration-count: infinite;
  335. width:700px;
  336. height:0;
  337.  
  338. }
  339. #neon1{
  340. margin-top:100px;
  341. }
  342. #neon2{
  343. margin-top:120px;
  344. }
  345.  
  346. #sidebarm {
  347. height:100%;
  348. width: 1000px;
  349. margin-left: auto;
  350. margin-right: auto;
  351. z-index: 1;
  352. top: 25%;
  353. bottom:0;
  354. }
  355.  
  356. .opbars {
  357. height: 20px;
  358. -webkit-box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  359. -moz-box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  360. box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  361. text-align: right;
  362. letter-spacing: 5px;
  363. text-transform: uppercase;
  364. text-decoration:none;
  365. z-index:98;
  366. font: 12px 'Oswald', sans-serif;
  367. padding-right:.4em;
  368. transition: box-shadow 0.4s, background 0.4s, letter-spacing 0.8s;
  369. }
  370.  
  371. .opbars:hover {
  372. cursor: cell;
  373. letter-spacing: 10px;
  374. }
  375.  
  376. #topmid #redopbar {
  377. width:600px;
  378. background:red;
  379. position: fixed;
  380. top: -220px;
  381. left: -60px;
  382. color:yellow;
  383. }
  384.  
  385. #topmid #redopbar:hover {
  386. color: red;
  387. background-color:cyan;
  388. box-shadow:
  389. 0 0 3px 1px #fff, /* inner white */
  390. 0 0 5px 3px #9370DB , /* middle magenta */
  391. 0 0 7px 4px #0ff; /* outer cyan */
  392. }
  393.  
  394.  
  395. #topmid #ylwopbar {
  396. background:yellow;
  397. position: fixed;
  398. top: -190px;
  399. left: -200px;
  400. width:650px;
  401. }
  402.  
  403. #topmid #ylwopbar:hover {
  404. color: yellow;
  405. background-color:purple;
  406. box-shadow:
  407. 0 0 3px 1px #fff,
  408. 0 0 5px 3px #C182FF ,
  409. 0 0 7px 4px #FFFC42;
  410. }
  411.  
  412. #topmid #grnopbar {
  413. background:green;
  414. position: fixed;
  415. color: orange;
  416. top: -160px;
  417. left: -300px;
  418. width:650px;
  419. }
  420.  
  421. #topmid #grnopbar:hover {
  422. color: 00ff61;
  423. background-color:Fuchsia;
  424. box-shadow:
  425. 0 0 3px 1px #fff,
  426. 0 0 5px 3px #FF2EE7 ,
  427. 0 0 7px 4px #FF9CF3;
  428. }
  429.  
  430.  
  431. #topmid #bluopbar {
  432. background:blue;
  433. position: fixed;
  434. color:orange;
  435. top: -130px;
  436. width:600px;
  437. left:-350px;
  438. }
  439.  
  440. #topmid #bluopbar:hover {
  441. color: blue;
  442. background-color: orange;
  443. }
  444.  
  445. #topmid #bluopbar i{
  446. color: yellow;
  447. }
  448.  
  449. #topmid #desc{
  450. width:180px;
  451. max-height:400px;
  452. min-height:20px;
  453. overflow: hidden;
  454. /* background:url('https://scontent.cdninstagram.com/t51.2885-15/s320x320/e15/11417399_440096642832305_369483626_n.jpg?ig_cache_key=MTAwMzc2NjY1MjIzMzcwNTM2NQ%3D%3D.2') center no-repeat;
  455. background-size:cover; */
  456. /* box-shadow:
  457. 0 0 3px 1px #fff,
  458. 0 0 5px 3px #9370DB ,
  459. 0 0 7px 4px #0ff;*/
  460. position:fixed;
  461. /* border: 3px outset red;*/
  462. padding: .3em .1em .3em .1em;
  463. transform: translate(-275px,-30px);
  464. font: 18px 'Limelight', cursive;
  465. color: yellow;
  466. text-align:center;
  467. text-transform: uppercase;
  468. transition: text-shadow 1s;
  469.  
  470.  
  471. /* text-shadow: 1px 1px 0px #7CACDE;
  472.  
  473. upd test 11/09/16 \/ \/ \/ \/*/
  474. border: 5px outset #FF30F8;
  475.  
  476. background: linear-gradient(#E54BB4, #FF2EFF);
  477.  
  478. }
  479.  
  480. #desc li::selection {
  481. background: #00ffc3;
  482. color: white;
  483. }
  484. #desc li::-moz-selection {
  485. background: #00ffc3;
  486. color: white;
  487. }
  488.  
  489. .gradient{
  490. list-style: none;
  491. z-index:2;
  492. background:-webkit-linear-gradient(-45deg, #ffd51c 0%,#f9ec9f 16%,#fff6ad 21%,#ffd51c 34%,#ffd51c 39%,#f9ec9f 53%,#fff6ad 58%,#ffd51c 73%,#ffd51c 77%,#f9ec9f 88%,#fff6ad 92%,#f9d72a 100%);
  493. -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
  494. font-weight:900;
  495. position:absolute;
  496. }
  497.  
  498. .shadow{
  499. text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000;
  500. color:transparent;
  501. font-weight:900;
  502. }
  503. #desc li::selection {
  504. background: #00ffc3;
  505. color: white;
  506. }
  507.  
  508.  
  509.  
  510.  
  511. #topmid #desc:hover{
  512. cursor: cell;
  513. /*
  514.  
  515. rainbow text font:
  516.  
  517. text-shadow:
  518. 0 0 rgba(255,255,255,0),
  519. 1px 1px 0 red,
  520. 2px 2px 0 orange,
  521. 3px 3px 0 yellow,
  522. 4px 4px 0 green,
  523. 5px 5px 0 blue,
  524. 6px 6px 0 indigo,
  525. 7px 7px 0 violet;*/
  526. }
  527.  
  528. #topmid #progmenu{
  529. height:300px;
  530. width:300px;
  531. position:absolute;
  532. margin-left:-700px;
  533. margin-top:3px;
  534. border-top:5px outset #372EA1;
  535. background: rgba(0,0,0,0.7) url('http://www.richardfarrar.com/downloads/cctv-lines.png') top left fixed repeat ;
  536. margin-top: -50px;
  537. }
  538.  
  539. #progmenutitle{
  540. font-family: 'Seaweed Script', cursive;
  541. font-size: 30px;
  542. margin-top:-40px;
  543. margin-left:63px;
  544. color: rgba(242,242,242,1);
  545. text-shadow: 0 0 5px rgba(0,67,255,1) , 0 0 10px rgba(0,127,255,1) , 0 0 15px rgba(0,174,255,1) , 0 0 20px #00ffc3 , 0 0 35px #00ff6a , 0 0 40px #00ff4c , 0 0 50px #00ff1d;
  546. }
  547.  
  548. #progtext{
  549. font-family: 'Limelight', cursive;
  550. font-size: 25px;
  551. border:3px outset #372EA1;
  552. margin-left:20px ;
  553. margin-right:20px ;
  554. }
  555.  
  556. #content {
  557. background:url('http://www.richardfarrar.com/downloads/cctv-lines.png') top left fixed repeat;
  558. left:220px;
  559. right: 0;
  560. margin-left: auto;
  561. margin-right: auto;
  562. top: 320px;
  563. margin-top: -220px;
  564. position:absolute;
  565. width: 530px;
  566. height: 380px;
  567. overflow-y: auto;
  568. overflow-x: hidden;
  569. color: #fff;
  570. float: center;
  571. margin: auto;
  572. margin-top: -220px;
  573. border: 5px outset #372EA1;
  574.  
  575.  
  576. }
  577.  
  578. #content #posts {
  579.  
  580. margin: auto;
  581. left:70px;
  582. color: #FCDC0F;
  583. padding-top: .8em;
  584. padding-left: 1em;
  585. padding-right: 1em;
  586. width: 440px;
  587. background-attachment: inherit;
  588. margin-bottom: 60px;
  589. margin-left: 17px;
  590. background: rgba(0,63,102,0.5);
  591. border: 5px inset #E54BB4;
  592.  
  593. }
  594. #content #posts .img {
  595. max-width: 100%;
  596. border:0;
  597. height: auto;
  598. }
  599.  
  600. #content #posts .text {
  601. font-size:18px;
  602. background: rgba(0,0,0,0.1);
  603. line-height:90%;
  604. }
  605.  
  606. #content #posts .text a{
  607. color:#ff0098;
  608. text-shadow: 2px 2px #000;
  609. transition: color 0.4s, box-shadow 0.2s;
  610.  
  611. }
  612.  
  613. #content #posts .text a:hover{
  614. color: #fff;
  615. }
  616.  
  617. #content #posts #text img {
  618. display: block;
  619. max-width: 200px;
  620. height: auto;
  621. margin-left: auto;
  622. margin-right: auto;
  623. }
  624.  
  625. #content #posts a {
  626. color:yellow;
  627. font: 18px 'Seaweed Script', cursive;
  628. text-decoration:none;
  629. transition: text-shadow 0.4s, color 0.4s;
  630. }
  631.  
  632. #content #posts a:hover {
  633. text-shadow:
  634. 0px 0px 7px rgba(255, 255, 255, 1),
  635. 0px 0px 3px rgba(0, 255, 255, 1);
  636. }
  637.  
  638.  
  639. #content #posts .asker{
  640. font: 24px 'Seaweed Script', cursive;
  641. text-shadow: 1px 1px #000, -1px -1px #000;
  642. color:yellow;
  643.  
  644.  
  645. }
  646.  
  647.  
  648. #content #posts .asker:hover {
  649. color:red;
  650. text-shadow:
  651. 0px 0px 7px rgba(255, 255, 255, 1),
  652. 0px 0px 3px rgba(0, 255, 255, 1);
  653. }
  654.  
  655. #content #posts .asker a{
  656. font: 24px 'Seaweed Script', cursive;
  657. text-shadow: 1px 1px #000, -1px -1px #000;
  658. text-decoration:none;
  659. color:yellow;
  660. font-style: italic;
  661.  
  662. }
  663.  
  664.  
  665. #content #posts .asker a:hover {
  666. color:red;
  667. text-shadow:
  668. 0px 0px 7px rgba(255, 255, 255, 1),
  669. 0px 0px 3px rgba(0, 255, 255, 1);
  670. }
  671.  
  672. #content blockquote {
  673. border-left: 3px inset #0ff;
  674. margin-left: 10px;
  675. padding: 0px 0px 0px 8px;
  676. margin-right: 0;
  677. }
  678.  
  679. /*vidya code*/
  680.  
  681. #content #posts .vidya{
  682. box-shadow: 0 0 3px 1px #fff, 0 0 5px 3px #ff7cbb, 0 0 7px 4px #ffb7d0;
  683. height: auto;
  684.  
  685. }
  686.  
  687. /*end vidya code*/
  688.  
  689. /*VIDDY: embed trick add
  690. http://webdesignerwall.com/tutorials/css-elastic-videos
  691.  
  692.  
  693. */
  694.  
  695.  
  696. #content #posts #permabox {
  697. border: 3px solid {color:Trimmings};
  698. background: {color:Perma} url('{image:Perma}');
  699. margin-top:10px;
  700. color: #fff;
  701. transition: background .25s ;
  702. -webkit-transition: background .25s
  703.  
  704. }
  705.  
  706. #content #posts #permabox:hover{
  707. background:rgba(125, 125, 125, 0.27) ;
  708.  
  709. }
  710.  
  711. #content #posts #permabox a{
  712. color: #fff;
  713. font-size:15px
  714. text-decoration: none;
  715.  
  716.  
  717. }
  718.  
  719. #content #posts #permabox a:hover{
  720. color: #03b700;
  721. text-decoration: none
  722.  
  723. }
  724.  
  725.  
  726. #content #posts #permalink {
  727. font-size:15px;
  728. list-style-type: none;
  729.  
  730.  
  731. }
  732.  
  733.  
  734. #content #posts #permalink li{
  735. list-style-type: none;
  736. }
  737.  
  738. #content #posts #tags {
  739. font-size: 12px;
  740. color: #fff;
  741. text-transform: uppercase;
  742. }
  743.  
  744. #content #posts #tags .comma:last-child {
  745. display: none;
  746.  
  747. }
  748.  
  749.  
  750.  
  751. #infoblock{
  752. display:inline-block;
  753. transform: translateY(15px);
  754.  
  755. }
  756.  
  757.  
  758. .sbars{
  759. box-shadow: 0px 10px 0px -3px rgba(0,0,0,1);
  760. letter-spacing: 5px;
  761. text-transform: uppercase;
  762. z-index:98;
  763. font-family: 'Play', sans-serif;
  764. font-size:10px;
  765. transition: transform 0.4s,box-shadow 0.8s, letter-spacing 0.4s, height 0.4s;
  766. text-align:center;
  767.  
  768. }
  769.  
  770. .sbars a{
  771. font-family: 'Play', sans-serif;
  772. font-size:10px;
  773. }
  774.  
  775. .sbars:hover {
  776. cursor: cell;
  777. transform: translate(-5px, -7px);
  778. margin-left:auto;
  779. letter-spacing: 8px;
  780. margin-right:auto;
  781. color:#fff;
  782. box-shadow:
  783. 0 0 2px 1px #fff,
  784. 0 0 3px 2px #9370DB ,
  785. 0 0 5px 3px #0ff;
  786. }
  787.  
  788. #content #posts #rebline{
  789. height:15px;
  790. width: 480px;
  791. transform: translate(-20px, -15px);
  792. background:red;
  793. position:fixed;
  794. color:yellow;
  795. }
  796.  
  797. #content #posts #rebline:hover{
  798. color:#fff;
  799. }
  800.  
  801. #content #posts #likeline{
  802. height:15px;
  803. width: 450px;
  804. transform: translate(-5px, 5px);
  805. background:blue;
  806. position:fixed;
  807. }
  808. #content #posts #likeline:hover{
  809. color:#fff;
  810. }
  811. #content #posts #permline{
  812. width: 415px;
  813. padding-left:5px;
  814. height:15px;
  815. overflow: hidden;
  816. text-overflow: hidden;
  817. transform: translate(10px, 26px);
  818. background:green;
  819. position:fixed;
  820.  
  821. }
  822. #content #posts #permline:hover{
  823. height:45px;
  824. }
  825. #content #posts #permline a{
  826. font: 10px 'Play', sans-serif;
  827. color: yellow;
  828. }
  829. #content #posts #permline a:hover{
  830. color: white;
  831. }
  832.  
  833. #content #posts #question{
  834. border: 3px outset #3d0099;
  835. width:80%;
  836. transform: translate(60px, 0);
  837. }
  838.  
  839. #content #posts #cassette img{
  840. height:75px;
  841. width:75px;
  842. }
  843.  
  844.  
  845. #content #notecontainer {
  846. margin: 20px auto;
  847. font: 10px 'Play', sans-serif;
  848. width:90%;
  849. background: rgb(0,0,0,0.25);
  850. box-shadow:
  851. 0 0 2px 1px #fff, /* inner white */
  852. 0 0 3px 2px #9370DB , /* middle magenta */
  853. 0 0 5px 3px #0ff; /* outer cyan */
  854. }
  855.  
  856. #content #notecontainer ol.notes {
  857. padding-top:5px;
  858. list-style-type: none;
  859. padding-left: 0;
  860. margin: 0;
  861. font: 15px 'Seaweed Script', cursive;
  862. text-decoration:none;
  863. }
  864.  
  865. #notecontainer li{
  866. border-top: 2px inset #0ff;
  867. padding-left: 15px;
  868. background: -moz-linear-gradient(left, rgba(0,233,255,0.6) 0%, rgba(108,192,235,0) 86%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
  869. background: -webkit-linear-gradient(left, rgba(0,233,255,0.6) 0%,rgba(108,192,235,0) 86%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
  870. background: linear-gradient(to right, rgba(0,233,255,0.6) 0%,rgba(108,192,235,0) 86%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  871.  
  872. }
  873. #notecontainer li:nth-child(2n+2) {
  874. text-align:right;
  875. padding-right: 15px;
  876. border-top: 2px outset #FF30F8;
  877. padding-left: 0;
  878. background: -moz-linear-gradient(left, rgba(0,233,255,0) 0%, rgba(43,193,253,0) 17%, rgba(255,0,246,0.6) 100%); /* FF3.6-15 */
  879. background: -webkit-linear-gradient(left, rgba(0,233,255,0) 0%,rgba(43,193,253,0) 17%,rgba(255,0,246,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  880. background: linear-gradient(to right, rgba(0,233,255,0) 0%,rgba(43,193,253,0) 17%,rgba(255,0,246,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  881. }
  882. #content #notecontainer li a{
  883.  
  884. color: #0800FF;
  885. text-shadow: -1px -1px 0 #00FF7C, 1px -1px 0 #00FF7C, -1px 1px 0 #00FF7C, 1px 1px 0 #00FF7C;
  886. }
  887. #content #notecontainer li a:nth-child(2n+2){
  888. text-shadow: -1px -1px 0 #FF82FF, 1px -1px 0 #FF82FF, -1px 1px 0 #FF82FF, 1px 1px 0 #FF82FF;
  889. }
  890.  
  891. #content #notecontainer img.avatar {
  892. margin-right: 10px;
  893. width: 16px;
  894. height: 16px;
  895. }
  896.  
  897.  
  898.  
  899. #navigation {
  900. text-align: center;
  901. text-transform: lowercase;
  902. width:170px;
  903. padding: 5px 5px;
  904. text-shadow:0px 0px #000;
  905. }
  906.  
  907. #navigation:hover{
  908. text-transform: lowercase;
  909. color:orange;
  910. opacity: 0.9;
  911. text-shadow:0px 0px #000;
  912. }
  913.  
  914. #navigation a {
  915. text-align: center;
  916. font: 11px 'Limelight', cursive;
  917. background-color: #000;
  918. height:15px;
  919. text-transform: uppercase;
  920. padding: 2px 4px;
  921. margin-left: 2px;
  922. border: 3px inset red;
  923. text-decoration: none;
  924. color:fuchsia;
  925. }
  926.  
  927. #navigation a:hover {
  928. color:green;
  929. }
  930.  
  931. #ident {
  932. background: url('http://i.imgur.com/9MBwXCI.png') center no-repeat;
  933. background-size: contain;
  934. height:50px;
  935. width:50px;
  936. bottom:20px;
  937. z-index:99999999;
  938. position:fixed;
  939. right:20px;
  940. opacity:0.6;
  941. transition: opacity 0.6s;
  942. }
  943. #ident:hover {
  944. opacity:1;
  945. cursor: cell;
  946. }
  947.  
  948. #ident2 {
  949. background: url('http://i.imgur.com/LUl64GJ.png') center no-repeat;
  950. background-size: contain;
  951. height:50px;
  952. width:50px;
  953. bottom:75px;
  954. z-index:99999999;
  955. position:fixed;
  956. right:20px;
  957. opacity:0.6;
  958. transition: opacity 0.6s;
  959. }
  960. #ident2:hover {
  961. opacity:1;
  962. cursor: cell;
  963. }
  964.  
  965. #s-m-t-tooltip {
  966. max-width:300px;
  967. transform: translate(0.5em, 0.5em);
  968. height:18px;
  969. border-radius: 0px;
  970. padding:4px;
  971. color:#FFFF00;
  972. text-shadow: 1px 1px #000;
  973. border:2px solid #000;
  974. letter-spacing:1px;
  975. background: #ef3ed5; /* Old browsers */
  976. background: -moz-linear-gradient(top, #ef3ed5 0%, #2ec5ea 100%); /* FF3.6-15 */
  977. background: -webkit-linear-gradient(top, #ef3ed5 0%,#2ec5ea 100%); /* Chrome10-25,Safari5.1-6 */
  978. background: linear-gradient(to bottom, #ef3ed5 0%,#2ec5ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  979. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3ed5', endColorstr='#2ec5ea',GradientType=0 );
  980. font: 15px 'Limelight', cursive;
  981. z-index:99999;
  982. }
  983.  
  984.  
  985. #content #posts #photo{
  986. margin-right:auto;
  987. margin-left:auto;
  988. margin-top: 10px;
  989. box-shadow: 0 0 3px 1px #fff, 0 0 5px 3px #ff7cbb, 0 0 7px 4px #ffb7d0;
  990. transition: box-shadow 0.8s;
  991. }
  992.  
  993. #content #posts #photo:hover{
  994. box-shadow: 0 0 6px 3px #fff, 0 0 10px 6px #ff7cbb, 0 0 14px 9px #ffb7d0;
  995. }
  996.  
  997.  
  998.  
  999. #content #posts #photo img{
  1000. width:100%;
  1001. height:auto;
  1002. }
  1003.  
  1004.  
  1005. #content #posts #bphotoset{
  1006. transition: box-shadow 0.8s;
  1007. width:450px;
  1008. margin-left: -5px;
  1009. }
  1010.  
  1011. #content #posts #bphotoset:hover{
  1012. }
  1013.  
  1014. #content #posts #bphotoset .photoset{
  1015. margin-top:10px;
  1016. margin-right:auto;
  1017. margin-left:auto;
  1018. }
  1019.  
  1020. /*box-shadow: 0 0 6px 3px #fff, 0 0 10px 6px #9370DB, 0 0 14px 9px #0ff;*/
  1021.  
  1022. #content #posts #bphotoset .photoset img{
  1023. box-shadow: 0 0 3px 1px #fff, 0 0 5px 3px #9370DB, 0 0 7px 4px #0ff;
  1024. width:100%;
  1025. height:auto;
  1026. }
  1027.  
  1028. #audioplayer
  1029. {
  1030. background-color: #000;
  1031. opacity: 0.5;
  1032. transition: opacity 0.4s;
  1033. }
  1034.  
  1035. #audioplayer:hover
  1036. {
  1037. opacity: 0.8;
  1038. }
  1039.  
  1040. #playa td{
  1041. color:red;
  1042. font:12px 'Roboto', sans-serif;
  1043. text-transform:uppercase;
  1044. transition: box-shadow .6s cubic-bezier(.19,1,.22,1);
  1045. }
  1046. #playa td:hover{
  1047. box-shadow:
  1048. 0px 0px 8px 2px rgba(255,0,0,1) inset;
  1049.  
  1050. }
  1051.  
  1052. #playa td input[type=range]::-webkit-slider-thumb {
  1053. box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  1054. border: 0px solid #000000;
  1055. height: 20px;
  1056. width: 39px;
  1057. border-radius: 7px;
  1058. background: #65001c;
  1059. cursor: pointer;
  1060. -webkit-appearance: none;
  1061. margin-top: -3.6px;
  1062. }
  1063.  
  1064. .mCSB_scrollTools .mCSB_draggerRail { background:rgba(0,255,106, 0.5); width:2px; }
  1065.  
  1066.  
  1067. .mCSB_draggerContainer { width:8px; }
  1068. .mCSB_scrollTools .mCSB_dragger { cursor:auto; }
  1069. .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  1070. width:5px;
  1071. background:#ffffcc;
  1072. text-align:center;
  1073. box-shadow: 0 0 3px 1px #fff, 0 0 5px 3px #ffff1a, 0 0 7px 4px #ffff4d;
  1074. border-radius:2px; }
  1075. .mCSB_scrollTools { opacity:1; }
  1076. .mCSB_container{
  1077. padding: 20px 0px 5px;
  1078. }
  1079.  
  1080. </style>
  1081.  
  1082.  
  1083.  
  1084. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1085.  
  1086. <script src="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.js"></script><!--scrollbar code-->
  1087.  
  1088. <script src="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
  1089.  
  1090. <script>
  1091. var jqscroll = $.noConflict()
  1092. (function(jqscroll){
  1093. jqscroll(window).on("load",function(){
  1094. jqscroll("#content").mCustomScrollbar({
  1095. scrollInertia:700,
  1096. alwaysShowScrollbar: 2,
  1097. MouseWheel:{ enable: true },
  1098. scrollButtons:{ enable: false },
  1099. keyboard:{ enable: true },
  1100. scrollbarPosition:"inside",
  1101. });
  1102. });
  1103. })(jQuery);
  1104. </script>
  1105.  
  1106.  
  1107.  
  1108.  
  1109. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1110.  
  1111. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script><!--tooltip code-->
  1112. <!--tooltip script-->
  1113. <script>
  1114. var jqttip = $.noConflict()
  1115. (function(jqttip){
  1116. jqttip(document).ready(function(){
  1117. jqttip("a[title]").style_my_tooltips({
  1118. tip_follows_cursor:true,
  1119. tip_delay_time:10,
  1120. tip_fade_speed:0,
  1121. attribute:"title"
  1122. });
  1123. });
  1124. })(jQuery);
  1125. </script>
  1126.  
  1127.  
  1128.  
  1129.  
  1130. </head>
  1131. <body>
  1132. <div id="headert" class="header"></div>
  1133. <div id="headerb" class="header"></div>
  1134. <div id="headerr" class="header"></div>
  1135. <div id="headerl" class="header"></div>
  1136.  
  1137.  
  1138.  
  1139.  
  1140. <div id="bgrnd">
  1141. <div id="blk" class="flashyborder">
  1142.  
  1143.  
  1144.  
  1145. <div id="content">
  1146.  
  1147. {block:Posts}
  1148. <div id="posts">
  1149.  
  1150.  
  1151. {block:Photo}
  1152.  
  1153. <div style="font: 16px 'Limelight', cursive; border: 3px inset #E54BB4; text-align:center">PHOTO:</div>
  1154. {LinkOpenTag}<div id="photo"><img src="{PhotoURL-500}" align="center"/></div>{LinkCloseTag}
  1155. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1156. {/block:Photo}
  1157.  
  1158.  
  1159. {block:Photoset}
  1160.  
  1161. <div style="font: 16px 'Limelight', cursive; border: 3px inset #E54BB4; text-align:center">PHOTOSET:</div>
  1162. <div id="bphotoset"><div class="photoset" align="center" >{Photoset-400}</div></div>
  1163. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1164. {/block:Photoset}
  1165.  
  1166. {block:Video}
  1167.  
  1168. <div style="font: 16px 'Limelight', cursive; border: 3px inset #E54BB4; text-align:center">VIDEO:</div>
  1169. <div class="vidya" align="center">{Video-400}</div>
  1170. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1171. {/block:Video}
  1172.  
  1173. {block:Audio}
  1174.  
  1175. <div style="font: 16px 'Limelight', cursive; border: 3px inset #E54BB4; text-align:center">AUDIO:</div>
  1176.  
  1177. <table id="title" width="100%" border="4" bordercolor="3f00ff" style="font:20px 'Seaweed Script', cursive; text-transform:lowercase;text-align:center; border: 3px inset #E54BB4; margin-top: 10px;">
  1178. <tr>
  1179. <td rowspan="3" style="width:110px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="110">{/block:AlbumArt}</td>
  1180. <td><i>{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</i></td>
  1181. </tr>
  1182. <tr>
  1183. <td>{block:AudioPlayer}<div id= "audioplayer">{AudioPlayerBlack}</div>{/block:AudioPlayer}</td>
  1184. </tr>
  1185. <tr>
  1186. <td>{PlayCountWithLabel}</td>
  1187. </tr>
  1188. </table>
  1189. {/block:Audio}
  1190.  
  1191. <!-- wtf is this
  1192. <div class="text"></div>
  1193. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1194. -->
  1195.  
  1196. {block:Quote}
  1197. <div style="font: 16px 'Limelight', cursive; transform:translate(190px, -25px)">QUOTE:</div>
  1198. <div class="title">“{Quote}”</div>
  1199. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  1200. {/block:Quote}
  1201.  
  1202. {block:Text}
  1203. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1204. <div class="text">{Body}</div>
  1205. {/block:Text}
  1206.  
  1207. {block:Answer}
  1208. <div class="asker"> &gt; &gt; &nbsp; {Asker}</div>
  1209. <div id="question">{Question}</div>
  1210. <div class="text">{Answer}</div>
  1211. {block:Answer}
  1212.  
  1213. {block:Chat}
  1214. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1215. <div class="text">
  1216. {block:Lines}
  1217. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1218. {/block:Lines}
  1219. </div> <!--text-->
  1220. {/block:Chat}
  1221.  
  1222. {block:Link}
  1223. <div class="title"><a href="{URL}">{Name}</a></div>
  1224. {block:Description}
  1225. <div class="text">{Description}</div>
  1226. {/block:Description}
  1227. {/block:Link}
  1228.  
  1229.  
  1230. <div id="infoblock">
  1231. <a href="{ReblogURL}" target="_blank" title="REBLOG">
  1232. <div id="rebline" class="sbars" align="center"><b>{block:Date}
  1233. POSTED {MonthNumberWithZero}{DayOfMonthWithZero}-{Year} AT {24HourwithZero}{Minutes}</b>{/block:Date}
  1234. </div>
  1235. </a>
  1236. <a href="{Permalink}" title="PERMALINK">
  1237. <div id="likeline" class="sbars" align="center"><b>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</b></div>
  1238. </a>
  1239. <div id="permline" class="sbars" align="center"><b>{block:HasTags}{block:Tags}<a href="{TagURL}"><b>{Tag}</b></a><span class="comma">, </span>{/block:Tags}{/block:HasTags}<span class="comma"> </span></b></div>
  1240. </div>
  1241.  
  1242.  
  1243. <!--
  1244. <div id="permabox">
  1245. <div id="permalink">
  1246.  
  1247. </div> -->
  1248.  
  1249.  
  1250.  
  1251.  
  1252.  
  1253.  
  1254.  
  1255.  
  1256.  
  1257. </div> <!--posts-->
  1258. <!--Note Container (Part 7)-->
  1259.  
  1260. {block:PostNotes}
  1261. <div id="notecontainer">{PostNotes}</div>
  1262. {/block:PostNotes}
  1263. <!-- </div> -->
  1264.  
  1265. {/block:Posts}
  1266.  
  1267.  
  1268.  
  1269.  
  1270.  
  1271.  
  1272. </div> <!--content-->
  1273.  
  1274.  
  1275.  
  1276. </div>
  1277. </div>
  1278.  
  1279. <div id="topmid">
  1280. <a href="/askalt"><div id="redopbar" class="opbars"><i>{AskLabel}</i></div></a>
  1281. <a href="/about"><div id="ylwopbar" class="opbars"><i>ABOUT</i></div></a>
  1282. <a href="/themes"><div id="grnopbar" class="opbars"><i>THEMES</i></div></a>
  1283. <a href="/res"><div id="bluopbar" class="opbars">RESOURCES & TUTORIALS - <i>UNDER CONSTRUCTION</i></div></a>
  1284.  
  1285.  
  1286. <div id="titleblock"><a href="http://crocketts-themes.tumblr.com/">
  1287. <img src="http://i.imgur.com/LUl64GJ.png" width="220" height="220" style="position: absolute; z-index: 1">
  1288. <div id="neon1" class="neonbars"></div>
  1289. <div id="neon2" class="neonbars"></div>
  1290. <div class="titletext">crockett's </div>
  1291. <div class="titletext" style="margin-top:90px">themes</div>
  1292. </a>
  1293. </div>
  1294.  
  1295. <div id="desc">
  1296. <div class="gradient">{Description}</div>
  1297. <div class="shadow" >{Description}</div>
  1298. <img style="position: absolute;left:0;top: 0;width: 100%;height: auto; opacity: 0.3;filter:brightness(200%); z-index:-4" src="http://www.clipartbest.com/cliparts/RcA/67M/RcA67Me7i.png">
  1299. {block:Pagination}
  1300. <div id="navigation">
  1301. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1302.  
  1303. {block:NextPage}<a href="{NextPage}">{lang:Next} &rarr;</a>{/block:NextPage}
  1304.  
  1305.  
  1306. </div>
  1307.  
  1308.  
  1309. {/block:Pagination}
  1310. </div>
  1311.  
  1312. <div id="mplayer" class="flashyborder" style="
  1313. width:200px;
  1314. max-height:100px;
  1315. position: absolute;
  1316. left: -280px;
  1317. top:200px;
  1318. box-shadow: 0 0 0 0 rgba(0,0,0,0)!important ;
  1319. background: rgba(0,0,0,0.7) url('http://www.richardfarrar.com/downloads/cctv-lines.png') top left fixed repeat ;">
  1320.  
  1321. <table id="playa" border="1" width="100%" height="100%">
  1322. <tr>
  1323. <td rowspan="2">
  1324. <style type="text/css">
  1325. .playerbutton{cursor:pointer;border:none;background:transparent;outline:none;display:inline}
  1326. .gaf210codes_youtubebox,.preload_box{width:1px;height:1px;overflow:hidden;visibility:hidden;position:absolute;display:inline}
  1327. .gaf210codes_youtubetitle{vertical-align:top;text-shadow:1px 1px #ccc; min-height:12px;}
  1328. #gaf210codes_5TZU9_container{}
  1329. </style>
  1330.  
  1331. <script type="text/javascript" src="http://www.youtube.com/player_api"></script><script type="text/javascript">function toggleButtonPlayer_5TZU9(buttonobj){buttonobj.style.display="none";if(buttonobj.id=="gaf210codes-5TZU9-playbutton"){document.getElementById("gaf210codes-5TZU9-pausebutton").style.display="inline";}else{document.getElementById("gaf210codes-5TZU9-playbutton").style.display="inline";}}/*Youtube player code generated @ http://gaf210.imvustylez.net*/</script>
  1332.  
  1333.  
  1334.  
  1335.  
  1336. <div id="gaf210codes_5TZU9_container"><div class="gaf210codes_youtubebox"><iframe allow="autoplay" width="250" height="250" src="https://www.youtube.com/embed/z-GmV4kwUIc?start=10?enablejsapi=1&amp;fs=0&amp;rel=0&amp;showinfo=0&amp;modestbranding=1&amp;iv_load_policy=3&amp;controls=0&amp;autoplay=0&amp;loop=0" onload="gaf210codes_5TZU9=new YT.Player(this,{events:{'onStateChange':function(event){if(event.data == 1){document.getElementById('gaf210codes_5TZU9_title').innerHTML=event.target.getVideoData().title}}}})"></iframe></div>
  1337.  
  1338. <button type="button" class="playerbutton" id="gaf210codes-5TZU9-playbutton" onclick="gaf210codes_5TZU9.playVideo();toggleButtonPlayer_5TZU9(this)">
  1339.  
  1340. <img src="http://i.imgur.com/uU7aL6z.png"></button>
  1341.  
  1342. <button type="button" class="playerbutton" id="gaf210codes-5TZU9-pausebutton" onclick="gaf210codes_5TZU9.pauseVideo();toggleButtonPlayer_5TZU9(this)" style="display:none">
  1343.  
  1344. <img src="http://i.imgur.com/egYsmvU.png"></button><div class="preload_box">
  1345.  
  1346. <img src="http://i.imgur.com/uU7aL6z.png"><img src="http://i.imgur.com/egYsmvU.png"></div>
  1347.  
  1348.  
  1349.  
  1350. </div>
  1351. <td>&nbsp;Now Playing:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
  1352. </tr>
  1353.  
  1354. <tr>
  1355. <td id="gaf210codes_5TZU9_title" class="gaf210codes_youtubetitle"></td>
  1356. </tr>
  1357. <tr>
  1358. <td colspan="2">
  1359. <input style="outline:none;border: 2px solid blue;" type="range" min="0" max="100" onchange="gaf210codes_5TZU9.setVolume(this.value)">
  1360. </td>
  1361. </tr>
  1362.  
  1363.  
  1364.  
  1365.  
  1366. </table>
  1367.  
  1368.  
  1369.  
  1370.  
  1371.  
  1372.  
  1373. </div><!--mplayer-->
  1374.  
  1375. <div id="progmenu" class="flashyborder">
  1376. <div id="progmenutitle">Current Project:</div>
  1377.  
  1378. </div>
  1379.  
  1380.  
  1381.  
  1382.  
  1383.  
  1384. </div> <!--topmid -->
  1385.  
  1386.  
  1387.  
  1388. <!--DO NOT REMOVE THIS CODE WITHIN THIS COMMENT-->
  1389. <a href="http://crocketts-themes.tumblr.com/" title="theme by crockett">
  1390. <div id="ident2"></div></a>
  1391.  
  1392. <a href="http://badmecha007.tumblr.com/" title="main blog">
  1393. <div id="ident"></div></a>
  1394.  
  1395. <!---->
  1396.  
  1397. </body>
Advertisement
Add Comment
Please, Sign In to add comment