badmecha007

CT themepage

Dec 4th, 2018
271
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.25 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. ---------------------
  7. -------------------
  8. -----------------
  9. ---------------
  10. -BADMECHA007-
  11. -----------
  12. ---------
  13. -------
  14. -----
  15. ---
  16. -
  17.  
  18.  
  19. ========================personal theme 1 - 80's baby==============================
  20. -->
  21.  
  22.  
  23. <title>THEMES</title>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Carme' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  32.  
  33. <link href='https://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'>
  34.  
  35. <link href='https://fonts.googleapis.com/css?family=Tinos:700' rel='stylesheet' type='text/css'>
  36.  
  37. <link href='https://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  38.  
  39. <link href='https://fonts.googleapis.com/css?family=Limelight' rel='stylesheet' type='text/css'>
  40.  
  41. <link href='https://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>
  42.  
  43. <link href='https://fonts.googleapis.com/css?family=Jaldi:700' rel='stylesheet' type='text/css'>
  44. <link href="https://fonts.googleapis.com/css?family=McLaren" rel="stylesheet">
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Prompt:900" rel="stylesheet">
  47. <link rel="stylesheet" href="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css"><!--scrollbaar stylesheet-->
  48.  
  49. <style type="text/css">
  50.  
  51. body {
  52. background: #322E2B url('http://i.imgur.com/atYtIOA.png') top right fixed no-repeat ;
  53. background-size: cover;
  54. margin-left: auto;
  55. z-index:-999;
  56. margin-right: auto;
  57. padding: 0;
  58. font:normal 20px 'Anaheim', sans-serif;
  59. font-size: 20px;
  60. color: {color:Text};
  61. }
  62.  
  63.  
  64. h2,h3,h4{
  65. font-family: 'Limelight', cursive;
  66. }
  67.  
  68. img {
  69. border: 0;
  70. max-width: 100%;
  71. height: auto;
  72. margin-left:auto;
  73. margin-right: auto;
  74. }
  75.  
  76. #disclaimer{
  77.  
  78. list-style: none;
  79. }
  80.  
  81. #disclaimer li{
  82. font-size: 15px ;
  83. }
  84.  
  85. #bgrnd{
  86. height:0px;
  87. width: 0px;
  88. z-index:-1;
  89. margin:auto;
  90. position: fixed;
  91. right:50%;
  92. top: 50%;
  93. transform: translateY(-50%);
  94.  
  95.  
  96. }
  97.  
  98. #bgrnd #blk{
  99. width:800px;
  100. height:500px;
  101. background: rgba(0,0,0,0.7);
  102. position:absolute;
  103. top:-190px;
  104. left:-300px;
  105. border-right:5px outset #372EA1 ;
  106. border-left:5px outset #372EA1;
  107. border-bottom:5px outset #372EA1;
  108. animation-name: lights;
  109. animation-duration: 10s;
  110. animation-iteration-count: 999;
  111. }
  112.  
  113.  
  114.  
  115.  
  116. @keyframes lights {
  117. 0% {box-shadow:
  118. 0 0 3px 3px #fff,
  119. 0 0 10px 6px #e58b50,
  120. 0 0 14px 9px #f95454;}
  121. 8% {box-shadow:
  122. 0 0 6px 3px #fff,
  123. 0 0 15px 6px #e58b50,
  124. 0 0 14px 9px #f95454;}
  125. 25% {box-shadow:
  126. 0 0 9px 3px #fff,
  127. 0 0 20px 6px #70d8a8,
  128. 0 0 14px 9px #e58b50;}
  129. 41% {box-shadow:
  130. 0 0 6px 3px #fff,
  131. 0 0 15px 6px #0ff,
  132. 0 0 14px 9px #70d8a8;}
  133. 57% {box-shadow:
  134. 0 0 3px 3px #fff,
  135. 0 0 10px 6px #9370DB,
  136. 0 0 14px 9px #0ff;}
  137. 83% {box-shadow:
  138. 0 0 6px 3px #fff,
  139. 0 0 5px 6px #cc70d8,
  140. 0 0 14px 9px #9370DB;}
  141. 100% {box-shadow:
  142. 0 0 3px 3px #fff,
  143. 0 0 10px 6px #e58b50,
  144. 0 0 14px 9px #f95454;}
  145. }
  146.  
  147.  
  148. .header {
  149.  
  150.  
  151. position: fixed;
  152. margin-left: auto;
  153. margin-right: auto;
  154. z-index:1;
  155.  
  156. }
  157.  
  158. #headert{
  159. height: 20px;
  160. width: 100% ;
  161. top: 0px;
  162. z-index: 1;
  163. background: #58D6FC;
  164. }
  165.  
  166. #headerb{
  167. height: 20px;
  168. width: 100% ;
  169. bottom: 0px;
  170. z-index: 1;
  171. background: #E54BB4;
  172. }
  173.  
  174. #headerr{
  175. width: 20px;
  176. height: 100%;
  177. right: 0px;
  178. z-index: 2;
  179. background: linear-gradient(to bottom, rgba(88,214,252,1) 0%,rgba(83,134,237,1) 40%,rgba(229,75,180,1) 100%);
  180. }
  181.  
  182. #headerl{
  183. width: 20px;
  184. height: 100%;
  185. left: 0px;
  186. z-index: 2;
  187. background: linear-gradient(to bottom, rgba(88,214,252,1) 0%,rgba(83,134,237,1) 40%,rgba(229,75,180,1) 100%);
  188. }
  189.  
  190.  
  191.  
  192. #topmid {
  193. height:0px;
  194. width: 0px;
  195. z-index:999;
  196. margin:auto;
  197. position: fixed;
  198.  
  199. right:50%;
  200. top: 50%;
  201. transform: translateY(-50%);
  202. background: rgba(0,0,0,0.25);
  203.  
  204.  
  205. }
  206.  
  207. #topmid #titleblock {
  208. height:240px;
  209. width:600px;
  210. position: fixed;
  211. border-top-left-radius:120px;
  212. border-bottom-left-radius:120px;
  213. top:-330px;
  214. left:-500px;
  215. z-index:9999;
  216. transform: rotate(-17deg);
  217. }
  218. #topmid #titleblock a{
  219. color:rgba(242,242,242,1);
  220. 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 ;
  221. transition: text-shadow .5s;
  222. z-index:9999;
  223. }
  224. #topmid #titleblock a:hover {
  225. 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 ;
  226. }
  227. .titletext{
  228. position:fixed;
  229. margin-left:220px;
  230. font: 100px 'Seaweed Script', cursive;
  231.  
  232. }
  233. #topmid #titleblock img{
  234. top: 12px;
  235. }
  236. .neonbars{
  237. z-index:-9999;
  238. position:fixed;
  239. animation-name: lights;
  240. animation-duration: 10s;
  241. animation-iteration-count: infinite;
  242. width:700px;
  243. height:0;
  244.  
  245. }
  246. #neon1{
  247. margin-top:100px;
  248. }
  249. #neon2{
  250. margin-top:120px;
  251. }
  252.  
  253.  
  254.  
  255. #sidebarm {
  256. height:100%;
  257. width: 1000px;
  258. margin-left: auto;
  259. margin-right: auto;
  260. z-index: 1;
  261. top: 25%;
  262. bottom:0;
  263. }
  264.  
  265. .opbars {
  266. height: 20px;
  267. -webkit-box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  268. -moz-box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  269. box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  270. text-align: right;
  271. letter-spacing: 5px;
  272. text-transform: uppercase;
  273. text-decoration:none;
  274. z-index:98;
  275. font: 12px 'Oswald', sans-serif;
  276. padding-right:.4em;
  277. transition: box-shadow 0.4s, background 0.4s, letter-spacing 0.8s;
  278. }
  279.  
  280. #topmid #redopbar {
  281. width:600px;
  282. background:red;
  283. cursor:cell;
  284. position: fixed;
  285. top: -220px;
  286. left: -60px;
  287. color:yellow;
  288. }
  289.  
  290. #topmid #redopbar:hover {
  291. color: red;
  292. letter-spacing: 10px;
  293. background-color:cyan;
  294. box-shadow:
  295. 0 0 3px 1px #fff, /* inner white */
  296. 0 0 5px 3px #9370DB , /* middle magenta */
  297. 0 0 7px 4px #0ff; /* outer cyan */
  298. }
  299.  
  300.  
  301. #topmid #ylwopbar {
  302. background:yellow;
  303. position: fixed;
  304. top: -190px;
  305. left: -200px;
  306. width:650px;
  307. }
  308.  
  309. #topmid #grnopbar {
  310. background:green;
  311. position: fixed;
  312. top: -160px;
  313. left: -300px;
  314. width:650px;
  315. }
  316.  
  317. #topmid #bluopbar {
  318. background:blue;
  319. position: fixed;
  320. top: -130px;
  321. width:600px;
  322. left:-350px;
  323. }
  324.  
  325. #topmid #desc{
  326. width:180px;
  327. max-height:400px;
  328. min-height:20px;
  329. /* 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;
  330. background-size:cover; */
  331. box-shadow:
  332. 0 0 3px 1px #fff,
  333. 0 0 5px 3px #9370DB ,
  334. 0 0 7px 4px #0ff;
  335. position:fixed;
  336. border: 3px outset red;
  337. padding: .3em .1em .3em .1em;
  338. transform: translate(-275px,-30px);
  339. font: 18px 'Limelight', cursive;
  340. text-shadow:
  341. 1px 1px #000,
  342. 2px 2px #000,
  343. 3px 3px #000;
  344. color: yellow;
  345. text-align:center;
  346. text-transform: uppercase;
  347. transition: text-shadow 1s;
  348. }
  349.  
  350. #topmid #desc:hover{
  351. text-shadow:
  352. 0 0 rgba(255,255,255,0),
  353. 1px 1px 0 red,
  354. 2px 2px 0 orange,
  355. 3px 3px 0 yellow,
  356. 4px 4px 0 green,
  357. 5px 5px 0 blue,
  358. 6px 6px 0 indigo,
  359. 7px 7px 0 violet;
  360. }
  361.  
  362. #content {
  363. background:url('http://www.richardfarrar.com/downloads/cctv-lines.png') top left fixed repeat;
  364. left:200px;
  365. right: 0;
  366. margin-left: auto;
  367. margin-right: auto;
  368. top: 50%;
  369. margin-top: -220px;
  370. position:absolute;
  371. width: 750px;
  372. height: 380px;
  373. overflow-y: auto;
  374. overflow-x: hidden;
  375. color: #fff;
  376. float: center;
  377. margin: auto;
  378. margin-top: -220px;
  379. border: 5px outset #372EA1;
  380. transform: translate(0,130px);
  381.  
  382. }
  383.  
  384.  
  385.  
  386. #infoblock{
  387. display:inline-block;
  388.  
  389. }
  390.  
  391.  
  392. #ident {
  393. background: url('http://i.imgur.com/9MBwXCI.png') center no-repeat;
  394. background-size: contain;
  395. height:50px;
  396. width:50px;
  397. bottom:20px;
  398. z-index:99999999;
  399. position:fixed;
  400. right:20px;
  401. opacity:0.6;
  402. transition: opacity 0.6s;
  403. }
  404. #ident:hover {
  405. opacity:1;
  406. }
  407.  
  408. #ident2 {
  409. background: url('http://i.imgur.com/LUl64GJ.png') center no-repeat;
  410. background-size: contain;
  411. height:50px;
  412. width:50px;
  413. bottom:75px;
  414. z-index:99999999;
  415. position:fixed;
  416. right:20px;
  417. opacity:0.6;
  418. transition: opacity 0.6s;
  419. }
  420. #ident2:hover {
  421. opacity:1;
  422. }
  423.  
  424.  
  425. #s-m-t-tooltip {
  426. max-width:300px;
  427. transform: translate(0.5em, 0.5em);
  428. height:18px;
  429. border-radius: 0px;
  430. padding:4px;
  431. color:#FFFF00;
  432. text-shadow: 1px 1px #000;
  433. border:2px solid #000;
  434. letter-spacing:1px;
  435. background: #ef3ed5; /* Old browsers */
  436. background: -moz-linear-gradient(top, #ef3ed5 0%, #2ec5ea 100%); /* FF3.6-15 */
  437. background: -webkit-linear-gradient(top, #ef3ed5 0%,#2ec5ea 100%); /* Chrome10-25,Safari5.1-6 */
  438. background: linear-gradient(to bottom, #ef3ed5 0%,#2ec5ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  439. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3ed5', endColorstr='#2ec5ea',GradientType=0 );
  440. font: 15px 'Limelight', cursive;
  441. z-index:99999;}
  442.  
  443.  
  444. #banner{
  445. font: 20px 'Seaweed Script', cursive;
  446. height: 330px;
  447. width: 125px;
  448. top:0;
  449. pointer-events: none;
  450.  
  451. }
  452. /*beginning of head link for post*/
  453.  
  454.  
  455.  
  456. .links_body {
  457. display: block;
  458. float:center;
  459. padding: .2em .8em;
  460. text-decoration: none;
  461.  
  462. }
  463.  
  464. .links_body li {
  465. margin: 0 0 .4em 0;
  466. /* font: 15px 'Seaweed Script', cursive;*/
  467. text-align:center;
  468. }
  469. .links_body ul {
  470. margin: 0;
  471. padding: 0;
  472. list-style-type: none;
  473. width:424px;
  474. }
  475.  
  476. .links_body a
  477. {
  478. display: block;
  479. padding: 0em .8em;
  480. text-decoration: none;
  481.  
  482.  
  483. }
  484.  
  485. .links_list {
  486. margin: 20px auto;
  487. padding:0px;
  488. width:460px;
  489. float:center;
  490. overflow: hidden;
  491. display:block;
  492. transition: color 0.4s;
  493.  
  494. }
  495.  
  496. .links_head {
  497. font:20px 'Seaweed Script', cursive;
  498. padding-top:50px;
  499. padding-bottom:50px;
  500. cursor:pointer;
  501. float:center;
  502. position:relative;
  503. margin:0px;
  504. width:450px;
  505. text-align:center;
  506. opacity:1.0;
  507. transition: color 0.4s, background-color 0.4s, opacity 0.4s;
  508.  
  509.  
  510. }
  511.  
  512. .links_head:hover{
  513. opacity:0.5;
  514.  
  515. }
  516.  
  517.  
  518. /******************************************VTBAR****************/
  519.  
  520. #valvethemesbody {
  521. /* transform: translateY(-300px);*/
  522. }
  523.  
  524. #vthhead{
  525. background:url('http://i.imgur.com/11xeopV.png');
  526. background-size:contain;
  527. border: 5px inset #7700ff;
  528. text-shadow: 1px 1px #420023;
  529. color: #CC3A3A;
  530. }
  531. #vthhead:hover{
  532. color:#000;
  533. }
  534.  
  535. #vtoverlay{
  536. pointer-events: none;
  537. width:410px;
  538. padding:32px 25px;
  539. position:absolute;
  540. background: transparent;
  541. text-align:center;
  542. font: 20px 'Limelight', cursive;
  543. }
  544.  
  545. #vtbody{
  546. background:#322E2B;
  547. border-right: 3px solid #C8C8C8;
  548. border-bottom: 3px solid #C8C8C8;
  549. border-left: 3px solid #C8C8C8;
  550. }
  551.  
  552. #nhf a{
  553. color: #F37B21;
  554. }
  555. #nhf a:hover{
  556. color:#A3A3A3;
  557. }
  558. .cms{
  559. font: 15px 'Seaweed Script', cursive;
  560. border:2px solid #FF00DD;
  561. background: rgba(0,255,149,0.3);
  562. }
  563.  
  564. #nhf{
  565. background:#000;
  566. font: 18px 'Jaldi', sans-serif;
  567. text-transform: uppercase;
  568. border: 3px solid #F37B21;
  569. transition: border 0.4s;
  570. }
  571.  
  572. #nhf:hover{
  573. border: 3px solid #A3A3A3;
  574. }
  575.  
  576. #sav{
  577. border-bottom: 3px dotted #f36500;
  578. border-top: 3px dotted #f36500;
  579. border-left: 3px dashed #f36500;
  580. border-right: 3px dashed #f36500;
  581. background:#000;
  582. text-transform: lowercase;
  583. font: normal 18px 'Anaheim', sans-serif;
  584. padding: 3px 0px;
  585. }
  586.  
  587. #sav a{
  588. color:#f36500;
  589. }
  590.  
  591. #sav a:hover{
  592. color: #61FFFF;
  593. }
  594.  
  595. #tf2t{
  596. border: 3px solid #e9e9e9;
  597. background:#322E2B;
  598. text-transform: uppercase;
  599. font: normal 18px 'McLaren', cursive;
  600. padding: 3px 0px;
  601. }
  602.  
  603. #tf2t a{
  604. color:#e9e9e9;
  605. }
  606.  
  607. #tf2t a:hover{
  608. color:#00ff00;
  609. }
  610.  
  611.  
  612. /******************************************GZBAR****************/
  613.  
  614.  
  615. #gzhead{
  616. background:url('http://images.akamai.steamusercontent.com/ugc/547507944935053892/4180E77CD57D33201312D52F67B322AECA01C65E/?interpolation=lanczos-none&output-format=jpeg&output-quality=95&fit=inside%7C637:358&composite-to=*,*%7C637:358&background-color=black');
  617. background-size:cover;
  618. border: 5px inset red;
  619. text-shadow: 1px 1px #420023;
  620. color: #CC3A3A;
  621. }
  622. #gzhead:hover{
  623. color:#000;
  624. }
  625.  
  626. #gzoverlay{
  627. pointer-events: none;
  628. width:410px;
  629. padding:32px 25px;
  630. position:absolute;
  631. background: transparent;
  632. text-align:center;
  633. font: 20px 'Limelight', cursive;
  634. }
  635.  
  636.  
  637. #gzbod{
  638. background: #001920;
  639. border-right: 3px solid #E6E6E6;
  640. border-bottom: 3px solid #E6E6E6;
  641. border-left: 3px solid #E6E6E6;
  642. }
  643.  
  644. #ldcold {
  645. background: url('http://i60.tinypic.com/30a6gci.jpg') top repeat;
  646. text-transform: uppercase;
  647. border: 3px solid #f0d657;
  648. font-family: 'Prompt', sans-serif;
  649. transition: border 0.4s;
  650.  
  651. }
  652.  
  653. #ldcold a{
  654. color: #f0d657;
  655. }
  656.  
  657. #ldcold:hover {
  658.  
  659. }
  660.  
  661. #gorillazthemesbody{
  662. /*transform: translateY(-610px);*/
  663. }
  664.  
  665.  
  666. /******************************************NSBAR****************/
  667.  
  668. #nshead{
  669. background:url('https://www.classicdriver.com/sites/default/files/import/articlesv2/images/_de/8204/Miami_Vice_Trivia_01pop.jpg') top right;
  670. background-size:cover;
  671. border-bottom: 5px inset #E54BB4;
  672. border-right: 5px inset #E54BB4;
  673. border-top: 5px inset #58D6FC;
  674. border-left: 5px inset #58D6FC;
  675. text-shadow: 2px 2px #33cccc;
  676. color: #ff00ff;
  677. }
  678.  
  679. #nsoverlay{
  680. pointer-events: none;
  681. width:410px;
  682. padding:32px 25px;
  683. position:absolute;
  684. background: transparent;
  685. text-align:center;
  686. font: 20px 'Limelight', cursive;
  687. }
  688.  
  689. #nsbod{
  690. background: rgb(66,30,150); /*
  691. background: -moz-linear-gradient(top, rgba(66,30,150,1) 0%, rgba(165,40,214,1) 50%, rgba(34,163,214,1) 54%, rgba(169,164,219,1) 100%);
  692. background: -webkit-linear-gradient(top, rgba(66,30,150,1) 0%,rgba(165,40,214,1) 50%,rgba(34,163,214,1) 54%,rgba(169,164,219,1) 100%);
  693. background: linear-gradient(to bottom, rgba(66,30,150,1) 0%,rgba(165,40,214,1) 50%,rgba(34,163,214,1) 54%,rgba(169,164,219,1) 100%); */
  694. border-right: 3px solid rgba(34,163,214,1);
  695. border-bottom: 3px solid rgba(34,163,214,1);
  696. border-left: 3px solid rgba(34,163,214,1);
  697. }
  698.  
  699. /* for portal theme text sec color color: #61FFFF;*/
  700.  
  701. .mCSB_scrollTools .mCSB_draggerRail { background:rgba(0,255,106, 0.5); width:2px; }
  702.  
  703.  
  704. .mCSB_draggerContainer { width:8px; }
  705. .mCSB_scrollTools .mCSB_dragger { cursor:auto; }
  706. .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  707. width:5px;
  708. background:#ffffcc;
  709. text-align:center;
  710. box-shadow: 0 0 3px 1px #fff, 0 0 5px 3px #ffff1a, 0 0 7px 4px #ffff4d;
  711. border-radius:2px; }
  712. .mCSB_scrollTools { opacity:1; }
  713.  
  714.  
  715.  
  716. </style>
  717.  
  718. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  719.  
  720. <script src="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.js"></script><!--scrollbar code-->
  721.  
  722. <script src="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
  723.  
  724. <script>
  725. var jqscroll = $.noConflict()
  726. (function(jqscroll){
  727. jqscroll(window).on("load",function(){
  728. jqscroll("#content").mCustomScrollbar({
  729. scrollInertia:700,
  730. alwaysShowScrollbar: 2,
  731. MouseWheel:{ enable: true },
  732. scrollButtons:{ enable: false },
  733. keyboard:{ enable: true },
  734. scrollbarPosition:"inside",
  735. });
  736. });
  737. })(jQuery);
  738. </script>
  739.  
  740.  
  741.  
  742. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  743.  
  744. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script><!--tooltip code-->
  745. <!--tooltip script-->
  746. <script>
  747. var jqttip = $.noConflict()
  748. (function(jqttip){
  749. jqttip(document).ready(function(){
  750. jqttip("a[title]").style_my_tooltips({
  751. tip_follows_cursor:true,
  752. tip_delay_time:10,
  753. tip_fade_speed:0,
  754. attribute:"title"
  755. });
  756. });
  757. })(jQuery);
  758. </script>
  759.  
  760.  
  761. <script type="text/javascript">
  762. function open(askbox) {
  763. var askcontainer = document.getElementById(askbox);
  764. if (askcontainer) {askcontainer.className=(askcontainer.className=='closed')?'open':'closed';}
  765. }
  766. </script>
  767.  
  768. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  769. <script type="text/javascript">
  770. var jqopenbox = $.noConflict()
  771. jqopenbox(document).ready(function(){
  772. jqopenbox(".links_body").hide();
  773. jqopenbox(".links_head").click(function(){
  774. jqopenbox(this).next(".links_body").slideToggle('fast');
  775. }); }); </script>
  776.  
  777.  
  778. </head>
  779. <body>
  780. <div id="headert" class="header"></div>
  781. <div id="headerb" class="header"></div>
  782. <div id="headerr" class="header"></div>
  783. <div id="headerl" class="header"></div>
  784.  
  785. <div id="bgrnd">
  786. <div id="blk"></div>
  787. </div>
  788.  
  789. <div id="topmid">
  790. <a href="/" title="BACK TO CROCKETT'S THEMES"><div id="redopbar" class="opbars" ><i>HOME</i></div></a>
  791. <div id="ylwopbar" class="opbars"> ♦ </div>
  792. <div id="grnopbar" class="opbars"> ♦ </div>
  793. <div id="bluopbar" class="opbars"> ♦ </div>
  794.  
  795.  
  796. <div id="titleblock"><a href="http://crocketts-themes.tumblr.com/">
  797. <img src="http://i.imgur.com/LUl64GJ.png" width="220" height="220" style="position: absolute; z-index: 1">
  798. <div id="neon1" class="neonbars"></div>
  799. <div id="neon2" class="neonbars"></div>
  800. <div class="titletext">crockett's </div>
  801. <div class="titletext" style="margin-top:90px">themes</div>
  802. </a>
  803. </div>
  804.  
  805. </div>
  806.  
  807.  
  808.  
  809. <!--DO NOT REMOVE THIS CODE WITHIN THIS COMMENT-->
  810.  
  811. <a href="http://crocketts-themes.tumblr.com/" title="theme by crockett">
  812. <div id="ident2"></div></a>
  813.  
  814. <a href="http://badmecha007.tumblr.com/" title="main blog">
  815. <div id="ident"></div></a>
  816.  
  817. <!---->
  818. <div id="titleint">
  819. <h2 style="font-size:22px;text-align;center; color:#33cca6;position:absolute; border: 3px inset #cc33a6; padding:.2em .3em" align="center">THEMES:</h2>
  820. </div>
  821.  
  822. <div id="content">
  823.  
  824. <div id = "disclaimer" style = "padding: 0px 5px 0px 5px;text-align:center;width:300px; align:center; border:2px solid red;margin: 0 auto;" align="center"><div style="background:rgba(0,0,25,0.4);line-height:1px"><h2 style="border-bottom:1px solid rgba(255,0,0,0.5)">TERMS OF USE:</h2></div><li>Do not steal, redistribute without my permission</li><li>If you want to take some code from one of my themes, let me now and I'll send you the code if reasonable (a sidebar design, fancy border code etc.)</li><li style="padding-bottom:5px">If you're unsure about anything, ask.</li></div>
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831.  
  832.  
  833. <div id="valvethemesbody" class="links_list">
  834. <div id="vtoverlay">Themes and pages based off Valve's videogames, including Team Fortress, Half-Life and Portal.</div>
  835. <p id="vthhead" class="links_head">valve themes</p>
  836. <div class="links_body" id="vtbody">
  837. <ul>
  838. <li style="color: #F37B21"id="nhf"><a href="http://crocketts-themes.tumblr.com/post/147170670490/no-hard-feelings-by-crocketts-themes-a-simple" title="simple redirect page" target="_blank">half-life - no hard feelings</a></li>
  839.  
  840. <li style="color: #F37B21" id="sav"><a href="http://crocketts-themes.tumblr.com" target="_blank" title="end title theme">portal - still alive theme</a></li>
  841.  
  842.  
  843.  
  844. <li style="color: #e9e9e9" id="tf2t"><a href="http://crocketts-themes.tumblr.com/post/170111944365/tf2-theme-by-crocketts-themes-my-first-full" target="_blank" title="loadout theme">tf2 - loadout theme</a></li>
  845.  
  846.  
  847. <li class="cms">citadel theme -coming soon</li>
  848. </ul>
  849. </div></div>
  850.  
  851.  
  852.  
  853. <div id="gorillazthemesbody" class="links_list">
  854. <div id="gzoverlay">Themes based off the popular British band, Gorillaz.</div>
  855. <p id="gzhead" class="links_head">gorillaz themes</p>
  856. <div class="links_body" id="gzbod">
  857. <ul>
  858. <li id="ldcold" ><a href="http://crocketts-themes.tumblr.com/askalt" title="Old & buggy - ask for code" target="_blank">OLD - lil' dub chefin theme</a></li>
  859. <li class="cms">revamped ldc theme - coming soon</li>
  860. </ul>
  861. </div></div>
  862.  
  863.  
  864. <div id="nsthemesbody" class="links_list">
  865. <div id="nsoverlay">80's, 90's and vapor/synthwave inspired themes</div>
  866. <p id="nshead" class="links_head">nostalgia themes</p>
  867. <div class="links_body" id="nsbod">
  868. <ul>
  869. <li class="cms">miami vice redirect - coming soon</li>
  870. <li class="cms">80's baby (personal theme) - coming soon</li>
  871. <li class="cms">kyoto vice - coming soon</li>
  872. </ul>
  873. </div></div>
  874.  
  875.  
  876.  
  877.  
  878.  
  879. </div> <!--content-->
  880.  
  881. </body>
Advertisement
Add Comment
Please, Sign In to add comment