API tools faq
paste
badmecha007

CT ask

badmecha007
Dec 4th, 2018
215
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.82 KB | None | 0 0
raw download clone embed print report
  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. <title>ASK</title>
  22. <link href='http://fonts.googleapis.com/css?family=Carme' rel='stylesheet' type='text/css'>
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='https://fonts.googleapis.com/css?family=Archivo+Black' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='https://fonts.googleapis.com/css?family=Tinos:700' rel='stylesheet' type='text/css'>
  33.  
  34. <link href='https://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  35.  
  36. <link href='https://fonts.googleapis.com/css?family=Limelight' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='https://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. body {
  44. background: #322E2B url('http://i.imgur.com/atYtIOA.png') top right fixed no-repeat ;
  45. background-size: cover;
  46. margin-left: auto;
  47. z-index:-999;
  48. margin-right: auto;
  49. padding: 0;
  50. font:normal 20px 'Anaheim', sans-serif;
  51. font-size: 20px;
  52. color: {color:Text};
  53. }
  54.  
  55.  
  56. h2,h3,h4{
  57. font-family: 'Limelight', cursive;
  58. }
  59.  
  60. img {
  61. border: 0;
  62. max-width: 100%;
  63. height: auto;
  64. margin-left:auto;
  65. margin-right: auto;
  66. }
  67.  
  68.  
  69. #bgrnd{
  70. height:0px;
  71. width: 0px;
  72. z-index:-1;
  73. margin:auto;
  74. position: fixed;
  75. right:50%;
  76. top: 50%;
  77. transform: translateY(-50%);
  78.  
  79.  
  80. }
  81.  
  82. #bgrnd #blk{
  83. width:800px;
  84. height:500px;
  85. background: rgba(0,0,0,0.7);
  86. position:absolute;
  87. top:-190px;
  88. left:-300px;
  89. border-right:5px outset #372EA1 ;
  90. border-left:5px outset #372EA1;
  91. border-bottom:5px outset #372EA1;
  92. animation-name: lights;
  93. animation-duration: 10s;
  94. animation-iteration-count: 999;
  95. }
  96.  
  97.  
  98.  
  99.  
  100. @keyframes lights {
  101. 0% {box-shadow:
  102. 0 0 3px 3px #fff,
  103. 0 0 10px 6px #e58b50,
  104. 0 0 14px 9px #f95454;}
  105. 8% {box-shadow:
  106. 0 0 6px 3px #fff,
  107. 0 0 15px 6px #e58b50,
  108. 0 0 14px 9px #f95454;}
  109. 25% {box-shadow:
  110. 0 0 9px 3px #fff,
  111. 0 0 20px 6px #70d8a8,
  112. 0 0 14px 9px #e58b50;}
  113. 41% {box-shadow:
  114. 0 0 6px 3px #fff,
  115. 0 0 15px 6px #0ff,
  116. 0 0 14px 9px #70d8a8;}
  117. 57% {box-shadow:
  118. 0 0 3px 3px #fff,
  119. 0 0 10px 6px #9370DB,
  120. 0 0 14px 9px #0ff;}
  121. 83% {box-shadow:
  122. 0 0 6px 3px #fff,
  123. 0 0 5px 6px #cc70d8,
  124. 0 0 14px 9px #9370DB;}
  125. 100% {box-shadow:
  126. 0 0 3px 3px #fff,
  127. 0 0 10px 6px #e58b50,
  128. 0 0 14px 9px #f95454;}
  129. }
  130.  
  131.  
  132. .header {
  133.  
  134.  
  135. position: fixed;
  136. margin-left: auto;
  137. margin-right: auto;
  138. z-index:1;
  139.  
  140. }
  141.  
  142. #headert{
  143. height: 20px;
  144. width: 100% ;
  145. top: 0px;
  146. z-index: 1;
  147. background: #58D6FC;
  148. }
  149.  
  150. #headerb{
  151. height: 20px;
  152. width: 100% ;
  153. bottom: 0px;
  154. z-index: 1;
  155. background: #E54BB4;
  156. }
  157.  
  158. #headerr{
  159. width: 20px;
  160. height: 100%;
  161. right: 0px;
  162. z-index: 2;
  163. background: linear-gradient(to bottom, rgba(88,214,252,1) 0%,rgba(83,134,237,1) 40%,rgba(229,75,180,1) 100%);
  164. }
  165.  
  166. #headerl{
  167. width: 20px;
  168. height: 100%;
  169. left: 0px;
  170. z-index: 2;
  171. background: linear-gradient(to bottom, rgba(88,214,252,1) 0%,rgba(83,134,237,1) 40%,rgba(229,75,180,1) 100%);
  172. }
  173.  
  174.  
  175.  
  176. #topmid {
  177. height:0px;
  178. width: 0px;
  179. z-index:999;
  180. margin:auto;
  181. position: fixed;
  182. right:50%;
  183. top: 50%;
  184. transform: translateY(-50%);
  185. background: rgba(0,0,0,0.25);
  186.  
  187.  
  188. }
  189.  
  190. #topmid #titleblock {
  191. height:240px;
  192. width:600px;
  193. position: fixed;
  194. border-top-left-radius:120px;
  195. border-bottom-left-radius:120px;
  196. top:-330px;
  197. left:-500px;
  198. z-index:9999;
  199. transform: rotate(-17deg);
  200. }
  201. #topmid #titleblock a{
  202. color:rgba(242,242,242,1);
  203. 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 ;
  204. transition: text-shadow .5s;
  205. z-index:9999;
  206. }
  207. #topmid #titleblock a:hover {
  208. 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 ;
  209. }
  210. .titletext{
  211. position:fixed;
  212. margin-left:220px;
  213. font: 100px 'Seaweed Script', cursive;
  214.  
  215. }
  216.  
  217. .neonbars{
  218. z-index:-9999;
  219. position:fixed;
  220. animation-name: lights;
  221. animation-duration: 10s;
  222. animation-iteration-count: infinite;
  223. width:700px;
  224. height:0;
  225.  
  226. }
  227. #neon1{
  228. margin-top:100px;
  229. }
  230. #neon2{
  231. margin-top:120px;
  232. }
  233.  
  234. #sidebarm {
  235. height:100%;
  236. width: 1000px;
  237. margin-left: auto;
  238. margin-right: auto;
  239. z-index: 1;
  240. top: 25%;
  241. bottom:0;
  242. }
  243.  
  244. .opbars {
  245. height: 20px;
  246. -webkit-box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  247. -moz-box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  248. box-shadow: 15px 10px 0px 0px rgba(0,0,0,1);
  249. text-align: right;
  250. letter-spacing: 5px;
  251. text-transform: uppercase;
  252. text-decoration:none;
  253. z-index:98;
  254. font: 12px 'Oswald', sans-serif;
  255. padding-right:.4em;
  256. transition: box-shadow 0.4s, background 0.4s, letter-spacing 0.8s;
  257. }
  258.  
  259. #topmid #redopbar {
  260. width:600px;
  261. background:red;
  262. cursor:cell;
  263. position: fixed;
  264. top: -220px;
  265. left: -60px;
  266. color:yellow;
  267. }
  268.  
  269. #topmid #redopbar:hover {
  270. color: red;
  271. letter-spacing: 10px;
  272. background-color:cyan;
  273. box-shadow:
  274. 0 0 3px 1px #fff, /* inner white */
  275. 0 0 5px 3px #9370DB , /* middle magenta */
  276. 0 0 7px 4px #0ff; /* outer cyan */
  277. }
  278.  
  279.  
  280. #topmid #ylwopbar {
  281. background:yellow;
  282. position: fixed;
  283. top: -190px;
  284. left: -200px;
  285. width:650px;
  286. }
  287.  
  288. #topmid #grnopbar {
  289. background:green;
  290. position: fixed;
  291. top: -160px;
  292. left: -300px;
  293. width:650px;
  294. }
  295.  
  296. #topmid #bluopbar {
  297. background:blue;
  298. position: fixed;
  299. top: -130px;
  300. width:600px;
  301. left:-350px;
  302. }
  303.  
  304. #topmid #desc{
  305. width:180px;
  306. max-height:400px;
  307. min-height:20px;
  308. /* 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;
  309. background-size:cover; */
  310. box-shadow:
  311. 0 0 3px 1px #fff,
  312. 0 0 5px 3px #9370DB ,
  313. 0 0 7px 4px #0ff;
  314. position:fixed;
  315. border: 3px outset red;
  316. padding: .3em .1em .3em .1em;
  317. transform: translate(-275px,-30px);
  318. font: 18px 'Limelight', cursive;
  319. text-shadow:
  320. 1px 1px #000,
  321. 2px 2px #000,
  322. 3px 3px #000;
  323. color: yellow;
  324. text-align:center;
  325. text-transform: uppercase;
  326. transition: text-shadow 1s;
  327. }
  328.  
  329. #topmid #desc:hover{
  330. text-shadow:
  331. 0 0 rgba(255,255,255,0),
  332. 1px 1px 0 red,
  333. 2px 2px 0 orange,
  334. 3px 3px 0 yellow,
  335. 4px 4px 0 green,
  336. 5px 5px 0 blue,
  337. 6px 6px 0 indigo,
  338. 7px 7px 0 violet;
  339. }
  340.  
  341. #content {
  342. background:url('http://www.richardfarrar.com/downloads/cctv-lines.png') top left fixed repeat;
  343. left:200px;
  344. right: 0;
  345. margin-left: auto;
  346. margin-right: auto;
  347. top: 50%;
  348. margin-top: -220px;
  349. position:absolute;
  350. width: 750px;
  351. height: 380px;
  352. overflow: hidden;
  353. color: #fff;
  354. float: center;
  355. margin: auto;
  356. margin-top: -220px;
  357. border: 5px outset #372EA1;
  358. transform: translate(0,130px);
  359.  
  360. }
  361.  
  362.  
  363. #telly {
  364. position:fixed;
  365. transform:translate(165px, 70px);
  366. }
  367.  
  368.  
  369. #s-m-t-tooltip {
  370. max-width:300px;
  371. transform: translate(0.5em, 0.5em);
  372. height:18px;
  373. border-radius: 0px;
  374. padding:4px;
  375. color:#FFFF00;
  376. text-shadow: 1px 1px #000;
  377. border:2px solid #000;
  378. letter-spacing:1px;
  379. background: #ef3ed5; /* Old browsers */
  380. background: -moz-linear-gradient(top, #ef3ed5 0%, #2ec5ea 100%); /* FF3.6-15 */
  381. background: -webkit-linear-gradient(top, #ef3ed5 0%,#2ec5ea 100%); /* Chrome10-25,Safari5.1-6 */
  382. background: linear-gradient(to bottom, #ef3ed5 0%,#2ec5ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  383. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3ed5', endColorstr='#2ec5ea',GradientType=0 );
  384. font: 15px 'Limelight', cursive;
  385. z-index:99999;}
  386.  
  387.  
  388. #error_old_ie, #error_no_javascript, .l-container {
  389. background:red !important;
  390.  
  391.  
  392. }
  393.  
  394.  
  395. </style>
  396.  
  397. <script type="text/javascript">
  398. function open(askbox) {
  399. var askcontainer = document.getElementById(askbox);
  400. if (askcontainer) {askcontainer.className=(askcontainer.className=='closed')?'open':'closed';}
  401. }
  402. </script>
  403.  
  404. <!--tooltip script-->
  405. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  406.  
  407. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  408.  
  409. <script>
  410. (function($){
  411. $(document).ready(function(){
  412. $("a[title]").style_my_tooltips({
  413. tip_follows_cursor:true,
  414. tip_delay_time:10,
  415. tip_fade_speed:0,
  416. attribute:"title"
  417. });
  418. });
  419. })(jQuery);
  420. </script>
  421.  
  422.  
  423.  
  424.  
  425. </head>
  426. <body>
  427. <div id="headert" class="header"></div>
  428. <div id="headerb" class="header"></div>
  429. <div id="headerr" class="header"></div>
  430. <div id="headerl" class="header"></div>
  431.  
  432. <div id="bgrnd">
  433. <div id="blk"></div>
  434. </div>
  435.  
  436. <div id="topmid">
  437. <a href="/" title="BACK TO CROCKETT'S THEMES"><div id="redopbar" class="opbars"><i>HOME</i></div></a>
  438. <div id="ylwopbar" class="opbars"> ♦ </div>
  439. <div id="grnopbar" class="opbars"> ♦ </div>
  440. <div id="bluopbar" class="opbars"> ♦ </div>
  441.  
  442.  
  443. <div id="titleblock"><a href="http://crocketts-themes.tumblr.com/">
  444. <img src="http://i.imgur.com/LUl64GJ.png" width="220" height="220" style="position: absolute; z-index: 1">
  445. <div id="neon1" class="neonbars"></div>
  446. <div id="neon2" class="neonbars"></div>
  447. <div class="titletext">crockett's </div>
  448. <div class="titletext" style="margin-top:90px">themes</div>
  449. </a>
  450. </div>
  451.  
  452. </div>
  453.  
  454.  
  455.  
  456. <!--DO NOT REMOVE THIS CODE WITHIN THIS COMMENT-->
  457.  
  458. <a href="http://badmecha007.tumblr.com/">
  459. <div id="ident"></div></a>
  460.  
  461. <!---->
  462.  
  463. <div id="content">
  464. <div id="title" style="transform:translate(160px,30px);text-align;center; width:100%; color:yellow;position:absolute">
  465.  
  466. <h2 style="font-size:20px; margin-left:100px">ASK/REPORT A BUG:</h2>
  467. </div>
  468.  
  469. <div id="telly">
  470. <iframe frameborder="0" border="0" scrolling="no" width="400" height="255" allowtransparency="true" src="http://www.tumblr.com/ask_form/crocketts-themes.tumblr.com" style="background-color:transparent; overflow:hidden; border: 10px inset #3d0099; broder-radius: 5px"></iframe>
  471. </div>
  472.  
  473. </div> <!--content-->
  474.  
  475. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!