API tools faq
paste
Advertisement
kavinskywrites

ritchie's layout.

kavinskywrites
Jan 9th, 2020
473
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.74 KB | None | 0 0
raw download clone embed print report
  1. about me__________
  2.  
  3. <style type="text/css">
  4.  
  5. @font-face {
  6. font-family: austin worth; src: url('https://dl.dropboxusercontent.com/s/ekbgufim3zsv8i6/AmostelySignature.ttf') ;}
  7.  
  8.  
  9. @font-face { font-family: honeyguide; src: url('https://dl.dropboxusercontent.com/s/z7vjt3axss4nbje/Oh%20Now%21.ttf') ;}
  10.  
  11.  
  12. @font-face { font-family: "vincentia"; src: url('https://dl.dropboxusercontent.com/s/lsokt12hrf59863/Vincentia.otf') ;}
  13. </style>
  14.  
  15.  
  16. </style>
  17.  
  18. <style type="text/css">
  19.  
  20. td.text table {position:relative; top: 0px;}td.text table table {position:static;}
  21.  
  22. table, tr, td { background-color:000000;}
  23. body {background-image:url(https://i.imgur.com/Ej4lPqd.gif);
  24. background-color:000000;
  25. background-position:center;
  26. background-attachment: fixed;
  27. background-repeat: yes;
  28. margin-left: 0px;
  29. margin-top: 0px; }
  30.  
  31. </style>
  32.  
  33.  
  34.  
  35.  
  36. <!-- v e r t i c l e s p a c e -->
  37. <style>
  38. table table br {display:none;}
  39. table table table br {display:block;}
  40. table table table {margin-top:2px;}
  41. table table table table {margin-top:0px;}
  42. </style>
  43.  
  44. <!-- m o v e l e f t c o l u m n -->
  45. <style>
  46. table table table {position:relative; left:225px; top:2px;}
  47. table table table table {position:static;}
  48. </style>
  49.  
  50. <!-- m o v e r i g h t c o l u m n -->
  51. <style>
  52. td.text table {position:relative; left:235px; top:-15px;}
  53. td.text table table {position:static;}
  54. </style>
  55.  
  56.  
  57.  
  58.  
  59.  
  60. <style>
  61. <---- scroll bar ---->
  62.  
  63.  
  64. ::-webkit-scrollbar { width:7px; height:7px; }
  65.  
  66. ::-webkit-scrollbar-track-piece { background-color:#1f0000; }
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. background-color:#74fefe;
  70. border:2px solid #090909;
  71. }
  72.  
  73. .inner::-webkit-scrollbar { width:2px; height:2px; }
  74.  
  75. .inner::-webkit-scrollbar-track-piece { background-color:transparent; }
  76.  
  77. .inner::-webkit-scrollbar-thumb { background-color:#090909; }
  78.  
  79. html, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto !important; }
  80.  
  81. a:hover{cursor:url("https://i.imgur.com/IepP2.jpg"), auto !important; }
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. </style>
  89.  
  90. <style>
  91. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  92.  
  93. </style>
  94.  
  95.  
  96.  
  97. <style>
  98. .kill4me {font:42px austin worth; color:#DBC3B6; text-align:center; text-shadow:-1px 1px 0px #ffffff; letter-spacing:1; line-height:10px; margin-top:20px;}
  99.  
  100. </style>
  101.  
  102. <style>
  103.  
  104. .friendscomments{display:none;}
  105. div td {display:none;} table {top:24px; position:relative;} table table {top:20px; position:relative;}
  106. .clearfix {margin-top: -100px;}
  107. table.latestblogentry {display: none;}
  108. [id="footerWarpper"] { display: none; }
  109. table.profileInfo td td {display:none;}
  110. table.profileInfo td td.text {display:table-cell; _display:inline;}
  111. .interestsanddetails{display:none;}
  112. .userprofiledetail{display:none;}
  113. .lightbluetext8{DISPLAY:none;VISIBILITY:hidden;}
  114. .nametext{display:none;}
  115. .contacttable {display: none;}
  116. .blurbs{display:none;}
  117. .friendspace{display:none;}
  118. .userprofileurl{display:none;}
  119. .userprofiledetail{display:none;}
  120. table div font {display: none;}
  121. div td {display:none;} table {top:20px; position:relative;} table table {top:20px; position:relative;}
  122. .blurbs{display:none;}
  123. .friendspace{display:none;}
  124. .extendednetwork{display:none;}</style>
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137. </style>
  138.  
  139.  
  140.  
  141. <style>
  142.  
  143.  
  144.  
  145. <---- fonts ----->
  146.  
  147.  
  148. <style>
  149. @font-face {font-family:buttercup;src:url('https://dl.dropbox.com/s/94r8x256ahxlyn1/buttercup_sample.otf');}
  150. </style>
  151.  
  152. <style>
  153. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet"><style type="text/css">
  154. </style>
  155.  
  156. <style>
  157. @import url('https://fonts.googleapis.com/css?family=Oswald|Crimson+Text:400,600i|Dancing+Script|Homemade+Apple|Montserrat|Roboto|Special+Elite|Barlow|Satisfy');
  158. @font-face {font-family:"bitxmap"; src: url("https://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  159.  
  160. </style>
  161.  
  162.  
  163. <style>
  164. table, tr, td, li, p, div {
  165. font-family:'Archivo Narrow', serif;
  166. color:#C8B7B5;
  167. font-size:10px;}
  168.  
  169. a:active, a:visited, a:link {
  170. font-family:'Archivo Narrow';
  171. color:#6D2E23;
  172. font-size:10px;
  173. font-weight: none;
  174. text-transform:none; }
  175.  
  176. a:hover {
  177. font-family:'Archivo Narrow';
  178. color:#6D2E23;
  179. font-size:10px;
  180. letter-spacing:0px;
  181. text-decoration:none; }
  182.  
  183. </style>
  184.  
  185.  
  186.  
  187. <style>
  188. .huevodarks {font:40px homemade apple; text-align:center; text-shadow:-1px 1px 0px #ffffff; letter-spacing:1; line-height:20px; margin-top:-15px;}
  189. </style>
  190.  
  191.  
  192. <style>
  193.  
  194. i, em, italic {
  195. color:#d1d1d1;
  196. text-shadow: 0px 0px 5px #ffffff;
  197. font-weight:400;
  198. font-family: 'Homemade Apple', cursive;
  199. text-transform: lowercase;
  200. font-size: 11px;
  201. letter-spacing: 0px;
  202. line-height:110%;
  203.  
  204. }
  205.  
  206. b, strong, bold {
  207. font-family: Arial;
  208. letter-spacing: 0px;
  209. color:#cecece;
  210. text-transform: uppercase;
  211. font-weight: none;
  212. text-shadow:0px 0px 1px #cecece;
  213. font-size: 10px;
  214. font-weight:600;
  215.  
  216. }
  217.  
  218. strike {
  219. font-size:9px;
  220. text-transform: uppercase;
  221. color:#dcdbdb;
  222. }
  223.  
  224. u {
  225. text-transform: uppercase;
  226. font-size:8px;
  227. color:#dcdbdb;
  228.  
  229.  
  230. redder {
  231. font-family: 'Abril Fatface', cursive;
  232. letter-spacing: 0px;
  233. color:#b60000;
  234. text-transform: uppercase;
  235. font-weight: none;
  236. text-shadow:0px 0px 1px #000000;
  237. font-size: 11px;
  238. font-weight:600;
  239.  
  240. }
  241.  
  242. mecoboy {
  243. color:#d1d1d1;
  244. text-shadow: 0px 0px 5px #ffffff;
  245. font-weight:400;
  246. font-family: 'Dancing Script', cursive;
  247. text-transform: lowercase;
  248. font-size: 16px;
  249. letter-spacing: 0px;
  250. line-height:110%;
  251.  
  252.  
  253. }
  254.  
  255.  
  256.  
  257.  
  258. h1 {
  259. font-size:20px;
  260. font-family: 'oswald', sans-serif;
  261. background:
  262. -webkit-linear-gradient(left, #250303, #621115, #250303);
  263. -webkit-background-clip: text;
  264. -webkit-text-fill-color: transparent;
  265. text-align:center;
  266. text-transform:uppercase;
  267. line-height:100%;
  268. font-weight:900;
  269. letter-spacing:0px;
  270. padding-bottom:-10px;
  271. text-shadow:none;
  272. }
  273.  
  274. h2 {
  275. font-size:18px;
  276. color:#e2e2e2;
  277. font-weight:bold;
  278. line-height:100%;
  279. text-align: center;
  280. font-family: 'Oswald', sans-serif;
  281. text-shadow: 0px 0px 0px #e2e2e2;
  282.  
  283. }
  284.  
  285. h2 small, small h2 {
  286. font-size:11px;
  287. color:#b00606;
  288. font-weight:none;
  289. text-transform:lowercase;
  290. font-family: 'Oswald', sans-serif;
  291. text-shadow: 0px 1px 1px #cecece;
  292.  
  293. }
  294.  
  295. h3 {
  296. font-size:18px;
  297. font-family: 'georgia', sans-serif;
  298. text-shadow: 0px 1px 1px #cecece;
  299. text-align:center;
  300. text-transform:lowercase;
  301. font-style:italic;
  302. line-height:100%;
  303. letter-spacing:0px;
  304. padding-bottom:-10px;
  305. color: #c6c6c6;
  306. }
  307.  
  308. h4 {
  309. padding:5px;
  310. padding-left:auto;
  311. padding-right:auto;
  312. margin-right:3px;
  313. word-wrap: break-word;
  314. text-align:center;
  315. font-family:trebuchet ms;
  316. text-shadow:1px 1px 1px #000000,
  317. 0px 0px 5px #000000;
  318. background:#1b1b1b;
  319. background:url('https://imgur.com/VzC060d.png');
  320. background-repeat:repeat;
  321. color:#d4d4d4;
  322. border:1px dashed #252525;
  323. outline:1px solid #1b1b1b;
  324. outline-offset:3px;
  325. font-size:8px;
  326. text-transform:uppercase;
  327. letter-spacing:1px;
  328.  
  329. }
  330.  
  331. </style>
  332.  
  333.  
  334.  
  335. <style>
  336.  
  337. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  338. </style>
  339.  
  340. <---- extra codes ---->
  341.  
  342.  
  343.  
  344.  
  345. <style>
  346.  
  347.  
  348. /*ANIMATION KEYFRAMES*/
  349.  
  350. /*GROW*/
  351. @-webkit-keyframes grow {
  352. from { transform: none; }
  353. 50% { transform: scale(1.2) rotate(5deg); }
  354. to { transform: none; }}
  355. }
  356.  
  357. @-moz-keyframes grow {
  358. from { transform: none; }
  359. 50% { transform: scale(1.2) rotate(5deg); }
  360. to { transform: none; }
  361. }
  362.  
  363. @-o-keyframes grow {
  364. from { transform: none; }
  365. 50% { transform: scale(1.2) rotate(5deg); }
  366. to { transform: none; }
  367. }
  368.  
  369. @keyframes grow {
  370. from { transform: none; }
  371. 50% { transform: scale(1.2) rotate(5deg); }
  372. to { transform: none; }
  373. }
  374.  
  375. /*ANTIGROW*/
  376. @-moz-keyframes antigrow {
  377. from { transform: none; }
  378. 50% { transform: scale(1.2) rotate(-5deg); }
  379. to { transform: none; }}
  380. }
  381.  
  382. @-moz-keyframes antigrow {
  383. from { transform: none; }
  384. 50% { transform: scale(1.2) rotate(-5deg); }
  385. to { transform: none; }
  386. }
  387.  
  388. @-o-keyframes antigrow {
  389. from { transform: none; }
  390. 50% { transform: scale(1.2) rotate(-5deg); }
  391. to { transform: none; }
  392. }
  393.  
  394. @keyframes antigrow {
  395. from { transform: none; }
  396. 50% { transform: scale(1.2) rotate(-5deg); }
  397. to { transform: none; }
  398. }
  399.  
  400.  
  401.  
  402.  
  403.  
  404. /*CUSTOMIZE NAVIGATION*/
  405. #navigation a {
  406. margin:10px;
  407. text-shadow:0 0 3px #444, 0 0 10px #666;
  408. color: #ccc;
  409. -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
  410. filter: blur(0px);
  411. -webkit-transition:all .7s ease-in-out;
  412. -moz-transition:all .7s ease-in-out;
  413. transition:all .7s ease-in-out;
  414. }
  415. #navigation a:hover {color: #2e3ba2;-webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */filter: blur(2px);}
  416.  
  417. .index {
  418. position:fixed;
  419. left:50%;
  420. top:500px;
  421. margin-left:-400px;
  422. transform:rotate(-5deg);
  423. -ms-transform: rotate(-5deg);
  424. -webkit-transform: rotate(-5deg);
  425. -o-transform: rotate(-5deg);
  426. -moz-transform: rotate(-5deg);
  427. -webkit-animation-name: grow;
  428. -webkit-animation-duration: 2.5s;
  429. -webkit-animation-iteration-count: infinite;
  430. -webkit-animation-direction: alternate;
  431. -webkit-animation-timing-function: linear;
  432. -webkit-animation-fill-mode: forwards;
  433. -webkit-animation-delay: 0.3s;
  434. }
  435. .index img {width:150px;}
  436.  
  437. .messages {
  438. position:fixed;
  439. left:50%;
  440. top:30px;
  441. margin-left:-580px;
  442. transform:rotate(-5deg);
  443. -ms-transform: rotate(-5deg);
  444. -webkit-transform: rotate(-5deg);
  445. -o-transform: rotate(-5deg);
  446. -moz-transform: rotate(-5deg);
  447. -webkit-animation-name: grow;
  448. -webkit-animation-duration: 2.3s;
  449. -webkit-animation-iteration-count: infinite;
  450. -webkit-animation-direction: alternate;
  451. -webkit-animation-timing-function: linear;
  452. -webkit-animation-fill-mode: forwards;
  453. -webkit-animation-delay: 0.3s;
  454. }
  455. .messages img {width:120px;}
  456.  
  457. .explore {
  458. position:fixed;
  459. font-size:50px;
  460. left:50%;
  461. top:250px;
  462. margin-left:-520px;
  463. transform:rotate(50deg);
  464. -ms-transform: rotate(50deg);
  465. -webkit-transform: rotate(50deg);
  466. -o-transform: rotate(50deg);
  467. -moz-transform: rotate(50deg);
  468. -webkit-animation-name: antigrow;
  469. -webkit-animation-duration: 2s;
  470. -webkit-animation-iteration-count: infinite;
  471. -webkit-animation-direction: alternate;
  472. -webkit-animation-timing-function: linear;
  473. -webkit-animation-fill-mode: forwards;
  474. -webkit-animation-delay: 0.3s;
  475. }
  476. .explore img {width:100px;}
  477.  
  478. .universe {
  479. position:fixed;
  480. font-size:40px;
  481. left:50%;
  482. top:100px;
  483. margin-left:-300px;
  484. transform:rotate(10deg);
  485. -ms-transform: rotate(10deg);
  486. -webkit-transform: rotate(10deg);
  487. -o-transform: rotate(10deg);
  488. -moz-transform: rotate(10deg);
  489. -webkit-animation-name: grow;
  490. -webkit-animation-duration: 3s;
  491. -webkit-animation-iteration-count: infinite;
  492. -webkit-animation-direction: alternate;
  493. -webkit-animation-timing-function: linear;
  494. -webkit-animation-fill-mode: forwards;
  495. -webkit-animation-delay: 0.3s;
  496. }
  497. .universe img {width:90px;}
  498.  
  499. /*CUSTOMIZE POPUPS*/
  500. .popup_block {
  501. display:none;
  502. padding:20px;
  503. top:370px;
  504. height:420px;
  505. position:fixed;
  506. float:left;
  507. left:50%;
  508. text-align:justify;
  509. overflow-x:hidden;
  510. overflow-y:scroll;
  511. z-index: 99999;
  512. }
  513.  
  514. *html #fade {position: absolute;}
  515. *html .popup_block {position: absolute;}
  516. #fade {
  517. display:none;
  518. position:fixed;
  519. left:0px;
  520. top:0px;
  521. width:100%;
  522. height:100%;
  523. z-index:9999;
  524. background:url('https://i.imgur.com/QLFeOTH.png');
  525. background-position:top center;
  526. background-repeat:no-repeat;
  527. background-color:#070707;
  528. }
  529.  
  530. .popup_block img {
  531. border:1px solid #ccc;
  532. outline:1px dashed #ccc;
  533. outline-offset:3px;
  534. margin-right:50px;
  535. }
  536.  
  537. .tables {
  538. width:100%;
  539. display:inline-block;
  540. text-align:center;
  541. margin-right:auto
  542. margin-left:auto;
  543. }
  544.  
  545. .tables a {
  546. display:inline-block;
  547. width:50px;
  548. padding:5px 15px 7px 15px;
  549. margin:5px;
  550. background-color:rgba(122,139,165,.5);
  551. border-top:2px solid #7a8ba5;
  552. color:#ccc;
  553. }
  554. .tables a:hover {background:transparent;color:#fff;letter-spacing:2px;}
  555.  
  556. ul#tabs {list-style-type: none;padding: 0;text-align: center;margin-top:10px;}
  557.  
  558. ul#tabs li {
  559. width:70px;
  560. display: inline-block;
  561.  
  562.  
  563.  
  564. ul#tabs li.active {background:#7a8ba5;}
  565. ul#tab {list-style-type: none;margin-bottom: 80px;padding: 0;}
  566. ul#tab li {display: none;}
  567. ul#tab li.active {display: block;}
  568. ul#tab img {margin-left: 30px;}
  569.  
  570. /*CUSTOMIZE SCROLLBAR*/
  571. ::-webkit-scrollbar {width: 0px;height: 2px;}
  572. ::-webkit-scrollbar-button {width: 0px;height: 0px;}
  573. ::-webkit-scrollbar-thumb {background: transparent;}
  574. ::-webkit-scrollbar-track {background: transparent;}
  575.  
  576.  
  577.  
  578.  
  579.  
  580. </style>
  581. <style>
  582.  
  583. <body onkeydown="return false"></body>
  584. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onmousedown="return false";></body>
  585. </style>
  586.  
  587. <style>
  588. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  589.  
  590. </style>
  591.  
  592.  
  593. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  594.  
  595. /----disclaimer----/
  596. layout created by daniel sforza @ https://www.roleplayer.me/cartoonblues ask for help if you want it, don't steal. we're all learning here. credits to beau @ spnpsd.tumblr for her font codes. this layout was converted from tumblr.
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. <style>/♥/ instagram header coding by beau valmont (roleplayer.me/1154440) from spnpsd.tumblr.com ♥</style>
  608.  
  609. <link href="https://fonts.googleapis.com/css?family=Rozha+One|Coda" rel="stylesheet">
  610.  
  611. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  612.  
  613. <style>
  614. .bvinsta {width:450px; height:75px; padding:12px; background:#31110E; box-shadow:2px 1px 2px #090909; margin-top:10px;}
  615.  
  616. check {color:#93432F;}
  617.  
  618. n {color:#d6c2b7; font-weight:bold;}
  619.  
  620. bv {color:#CEBBA9; font-weight:bold;}
  621.  
  622. uu {color:#aeaeae; border-bottom:1px solid #e5e5e5;}
  623.  
  624. m {text-shadow:.2px .2px 0px #a7a7a7;}
  625.  
  626. .beauinstaimgs {margin-top:27px;}
  627.  
  628. .beaumainimg {margin-top:-58px; margin-left:-372px;}
  629.  
  630. .beautitle {font:14px calibri; font-weight:bold; color:#DBC3B6; text-align:left; text-shadow:.2px .2px 0px #8b8b8b; text-transform:uppercase; letter-spacing:0px; margin-top:-80px; margin-left:90px;}
  631.  
  632. .follow {background-color:#FFF3EB; width:55px; padding:2px; font:10px calibri; color:#090909; text-align:center; text-shadow:.2px .2px 0px #8b8b8b; text-transform:uppercase; letter-spacing:.5px; margin-top:-20px; margin-left:214px; border-radius:5px;}
  633.  
  634. .ff {font:9px calibri; font-weight:bold; color:#A08A76; text-align:left; text-shadow:.2px .2px 0px #8b8b8b; text-transform:uppercase; letter-spacing:1px; margin-top:10px; margin-left:90px;}
  635.  
  636. .beaudesc {font:10px calibri; color:#A08A76; text-align:left; text-shadow:.2px .2px 0px #CEBBA9; text-transform:uppercase; letter-spacing:1px; margin-top:5px; margin-left:95px;}
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643. </style>
  644.  
  645.  
  646.  
  647.  
  648. <style>
  649. #rshipper {
  650. width: 300px;
  651. height: 370px;
  652.  
  653. background: #e9ffff;
  654. margin: 3px auto;
  655. overflow: hidden;
  656. position: relative;
  657. }
  658.  
  659. .rshippertabs {
  660. position: relative;
  661. clear: both;
  662. }
  663.  
  664. .rshippertab {
  665. float: left;
  666. }
  667.  
  668.  
  669.  
  670.  
  671.  
  672. .rshippertab label {
  673. display: block;
  674. width: 39px;
  675. height: 8px;
  676. padding: 17px;
  677. position: relative;
  678. background-color: #140000;
  679. left: 0px;
  680. top: 0px;
  681. text-transform: uppercase;
  682. line-height: 0px;
  683. text-align: center;
  684. font-size: 10px sans serif;
  685. border: 1px solid #090909;
  686. -webkit-transition-duration: 0s;
  687. -moz-transition-duration: 1s;
  688. -o-transition-duration: 1s;
  689. }
  690.  
  691. .rshippertabs .rshippertab [type=radio] {
  692. display: none;
  693. }
  694. .rshippertabs .rshippertab [type=radio]:checked ~ label {
  695. z-index: 1;
  696. background-color: #530000;
  697. }
  698. .rshippertabs .rshippertab [type=radio]:checked ~ label ~ .content {
  699. z-index: 4;
  700. opacity: 1;
  701. }
  702.  
  703. .content {
  704. position: absolute;
  705. bottom: 0px;
  706. top:42px;
  707. left: 0px;
  708. right: 0px;
  709. padding-right: 0px;
  710. height: 290px;
  711. width: 290px;
  712. padding: 20px;
  713. opacity: 0;
  714. background: #090909;
  715. overflow: visible;
  716. text-align: justify;
  717. -webkit-transition-duration: .8s;
  718. -moz-transition-duration: .8s;
  719. -o-transition-duration: .8s;
  720. }
  721.  
  722. .rshiph {
  723. width: 300px;
  724. height: 70px;
  725. font: normal 700 30px/40px oswald;
  726. text-align: center;
  727. color: #540000;
  728. letter-spacing: -1px;
  729. }
  730.  
  731. .rships {
  732. width: 200px;
  733. height: 150px;
  734. padding: 25px;
  735. overflow-y: auto;
  736. font: normal 400 12px/14px open sans;
  737. color: #fff;
  738. }
  739. </style>
  740.  
  741.  
  742.  
  743.  
  744. <style>
  745. #wastelandbaby {
  746. position:absolute;
  747. margin-left: 50px;
  748. margin-top: 20px;
  749. height: 370px;
  750. overflow-y: auto;
  751. width: 370px;
  752. opacity: 0;
  753. border:1px solid transparent;
  754. -webkit-transition: all 0.6s ease-out;
  755. -moz-transition: all 0.6s ease-out;
  756. transition: all 0.6s ease-out;
  757. -o-transition:all 0.6s ease;
  758. -ms-transition: all 0.6s ease-in-out;
  759.  
  760.  
  761. }
  762.  
  763. #wastelandbaby:hover {
  764. opacity: 1;
  765. -webkit-transition: all 0.6s ease-out;
  766. -moz-transition: all 0.6s ease-out;
  767. transition: all 0.6s ease-out;
  768. -o-transition:all 0.6s ease;
  769. -ms-transition: all 0.6s ease-in-out;
  770.  
  771.  
  772. }
  773.  
  774.  
  775. #movement {
  776. background-color:#090909;
  777.  
  778. }
  779.  
  780. #diatribes {
  781. color: #fae8eb;
  782. text-align: justify;
  783. font-size: 12px arial-narrow;
  784. line-height: 9px;
  785. overflow-y: auto;
  786. width: 340px;
  787. height: 340px;
  788. margin-bottom:20px;
  789. padding:10px 7px 10px 10px;
  790. }
  791.  
  792.  
  793. #movement img {
  794. max-width: 100%;
  795. height: auto;
  796. opacity:0.3; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  797. -moz-transition-duration: 0.5s;
  798. -o-transition-duration: 0.5s;
  799. -webkit-transition-duration: 0.5s;
  800. transition-duration: 0.5s;
  801. padding:5px;
  802.  
  803.  
  804. }
  805.  
  806. #movement img:hover {
  807. opacity: 1; /*image opacity of posts on hover*/
  808. -moz-transition-duration: 0.5s;
  809. -o-transition-duration: 0.5s;
  810. -webkit-transition-duration: 0.5s;
  811. transition-duration: 0.5s;
  812. padding:5px;
  813.  
  814. }
  815.  
  816.  
  817.  
  818.  
  819.  
  820. </style>
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828. <style>
  829. @import url('https://fonts.googleapis.com/css?family=Allura&display=swap');
  830. </style>
  831.  
  832.  
  833.  
  834. <style> #deadbehindtheeyes {height: 169px; width: 300px; margin: auto; position: relative; overflow: hidden;} #deadbehindtheeyes-img {height: 169px; width: 300px; position: absolute; background-image: url(https://cdn.discordapp.com/attachments/629807785282109440/640802139727331348/justsoicanfeelsomething.gif)} #deadbehindtheeyes-bg {width: 300px; height: 169px; background: rgba(0,0,0,0.5); position: absolute; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; -webkit-transition: 0.5s ease} #deadbehindtheeyes:hover #deadbehindtheeyes-bg {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1} #deadbehindtheeyes-txt1, #deadbehindtheeyes-txt1 {width:190px; padding:50px; text-align:justify; font:27px allura; letter-spacing:.5px; display:block; color:#f3e2b7;} #deadbehindtheeyes:hover #deadbehindtheeyes-txt1 {top: 70px} </style>
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855.  
  856. like to meet__________________
  857.  
  858.  
  859.  
  860. <br><br>
  861. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  862.  
  863.  
  864. <!--NAVIGATION-->
  865. <div id="earth">
  866. <div class="index"><a href="http://www.kavinskywrites.tumblr.com" title="TUMBLR"><img src="https://images2.imgbox.com/3d/8a/D9dlXRgr_o.png"></a></div>
  867.  
  868.  
  869. <div class="messages"><a href="/home.php" title="EARTH"><img src="https://images2.imgbox.com/21/20/J6qcRl5j_o.png"></a></div>
  870.  
  871.  
  872. <div class="explore"><a href="/send_message.php?member_id=65809" rel="law" class="poplight" title="ENCRYPTED"><img src="https://images2.imgbox.com/f9/d3/bO0tNMLP_o.png"></a></div>
  873.  
  874. <div class="universe"><a href="/add_comment.php?member_id=65809" rel="uni" class="poplight" title="RADIO"><img src="https://images2.imgbox.com/2f/09/2hSVFV28_o.png"></a></div>
  875. </div>
  876. <!--END NAVIGATION-->
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  884.  
  885. <center><div style="color: #fff; background-color: #31110E; width: 450px; height: 80px; color:#31110E; padding-top: 10px; text-align:center; text-shadow:-1px 0px 0px #090909;"><div class="kill4me">Tennessee Dean Richards</div>
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  894.  
  895. <div id="wastelandbaby">
  896. <div id="movement">
  897. <div id="diatribes">
  898.  
  899.  
  900.  
  901.  
  902. <p style="text-align:justify;">➣ born in the year 1962 the 21st day of September—he was given the name Tennessee Dean Richards. ( His dad almost named him after Johnny Cash and George Jones but he didn't like the sound of George Cash )<br><br>➣ parents are Dean Richards and Sherilyn Richards, née Valens<br><br>➣ He grew up where he was born, the small community of Berry Hill in Davidson County in Nashville, Tennessee<br><br>➣ His house was on a hill across the street from the state fair and he spent a lot of his childhood going each time it was open. His favorite ride is the spaceship. He always ended up covered in sugar from funnel cakes.<br><br>➣ A lot of his memories of his mom are at the fair and their house at 628 Benton Ave, Nashville, TN 37204<br><br>➣ Sherilyn was a stay at home mom but was considered unstable for most of the time she was alive<br><br>➣ Tennessee shared the same "insanity" that his mother had but he was more capable of processing it differently without letting it consume his mind<br><br>➣ Tennessee goes by a nickname given to him by Sherilyn. She would often sing "we belong together" ( he had assumed the robert and johnny version ) but she said she liked the ritchie version and that's why she called him that—which he would later learn she meant the Ritchie Valens cover.<br><br>➣ When he first heard the song in 1987 he cried like a baby for the first time in years, especially when he saw the name Ritchie Valens tied to it. To him, it was like his mom was using the stars to talk to him. It was a special message from her in his mind<br><br>➣ Ritchie first started to glitch in 1967 when he was five years old, it was quite literally what would help drive Sherilyn insane<br><br>➣ His mother committed suicide in 1973 when he was eleven. She claimed a man was haunting her—which he would later learn had been his own adult glitches making her lose her mind. Sherilyn had enough of the "apparitions" and took sleeping pills to never wake up again.<br><br>➣ Ritchie became obsessed with finding out more about the glitches of dimensions. He kept tapes and a journal, the only things that never disappeared from his timelines. <br><br>➣ He started the "Static Files" in 1977 and devoted most of his time to the paranormal and cryptic studies<br><br>➣ The Static is what he called the place where his soul went when he would glitch in and out of a dimension before the timeline changed<br><br>➣ Sherilyn never came back in any timeline, making her death permanent to him eventually<br><br>➣ He met his first doppelganger in 1979 and it threw him off so much he glitched and stayed in the static for a week straight<br><br>➣ The same year ( 1979 ) he became obsessed with the Vinyl Mansion and Talis Falls—the demon realm and its portals<br><br>➣ He started travelling in 1983 at twenty one years old to find out more and eventually started an illegal radio show where he'd talk to whoever would listen in whatever state he was currently in.<br><br>➣ Tennessee went missing in 1989 in Pecos, New Mexico after becoming too absorbed in the preternatural and conspiracies<br><br>➣ He still lives but he is trapped in a time loop between 1962 and 1989—sometimes he'll glitch into the modern world. Usually the 90s and early 2000s but the environment with technology doesn't give him enough energy to glitch into it. <br><br>➣ All of his files were found in the Vinyl Mansion where Julian Avalos now resides. Ritchie learns that Julian is the reincarnation of Victor Kavinsky, the previous owner of the Mansion ( who committed suicide there ) and he thinks that Julian's soul is tied to the demonic energy in the house<br><br>➣ Ritchie can't find a way out of the loop and assumes he'll be trapped there by Talis for his remaining existence except for the minor glitches. He always comes back to the odd town<br><br>➣ Julian and Ritchie share the theory that Ritchie isn't the only person stuck in the town. It has a high tally of missing people. It even earned the name 'Pecos Triangle' as it has a history of bizarre vanishings and a pile of missing persons cases.</p>
  903. </div>
  904.  
  905.  
  906. <br/>
  907. <br/>
  908. <br><BR>
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918. <!--important don't delete-->
  919. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  920.  
  921. </div>
  922. </div></div>
  923.  
  924.  
  925.  
  926. <img src="https://cdn.discordapp.com/attachments/629807785282109440/640807165606494222/0073.png" width="450"/>
  927.  
  928.  
  929.  
  930.  
  931.  
  932.  
  933.  
  934. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  935.  
  936. <center><div class="bvinsta"></div>
  937.  
  938. <div class="beautitle">radiosilence <check><i class="fa fa-check-circle" aria-hidden="true"></i></check></div>
  939.  
  940. <div class="follow">follow</div>
  941.  
  942. <div class="ff"><n>73</n> <b>posts</b> <n>4.5m</n> <b>followers</b> <n>803</n> <b>following</b></div>
  943.  
  944. <div class="beaudesc"><bv>tennessee richards</bv> stuck in the 80s...literally.</div>
  945.  
  946. <div class="beaumainimg"><img src="https://cdn.discordapp.com/attachments/639522389574680598/640812601961480229/jk_1.png" style="border: 3px solid #93432F; padding: 0px; border-radius:50px;" width=60></div>
  947.  
  948. <center><br><br>
  949. <div class="images"><img src="https://i.imgur.com/cAiMYfr.png" width=150>
  950.  
  951. <img src="https://i.imgur.com/aCBaE0i.png" width=150>
  952.  
  953. <img src="https://cdn.discordapp.com/attachments/639522389574680598/640812601961480229/jk_1.png" width=150>
  954. <br>
  955. <img src="https://cdn.discordapp.com/attachments/639522389574680598/640812601961480229/jk_1.png" width=150>
  956.  
  957. <img src="https://cdn.discordapp.com/attachments/639522389574680598/640812601961480229/jk_1.png" width=150>
  958.  
  959. <img src="https://cdn.discordapp.com/attachments/639522389574680598/640812601961480229/jk_1.png" width=150></div></center>
  960.  
  961.  
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974. interests____________________
  975.  
  976.  
  977. </tr> </table></td></tr></table><br /><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="center" bgcolor="ffffff" border="0"><td valign="top" align="left" width="300" bgcolor="ffffff" style="word-wrap:break-word">
  978.  
  979.  
  980. <div id="deadbehindtheeyes"> <div id="deadbehindtheeyes-img"></div> <div id="deadbehindtheeyes-bg"> <div id="deadbehindtheeyes-txt1"><center>love, hunt me down</center></div> </div> </div>
  981.  
  982.  
  983.  
  984.  
  985.  
  986. </tr> </table></td></tr></table><br /><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="300" bgcolor="ffcc99" border="0"><tr></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="center" bgcolor="ffffff" border="0"><td valign="top" align="left" width="300" bgcolor="ffffff" style="word-wrap:break-word">
  987.  
  988. <div id='rshipper'>
  989. <div class='rshippertabs'>
  990.  
  991. <div class='rshippertab'>
  992. <input type='radio' id='rshippertab-1' name="rshippertab-group-1" checked>
  993. <label for='rshippertab-1'>info</label>
  994. <div class='content'>
  995. <div class='rshiph'>
  996. devil in the details
  997. </div>
  998. <div class='rships'>
  999.  
  1000.  
  1001. this is coming soon, ok.
  1002. </div>
  1003. </div>
  1004. </div>
  1005.  
  1006. <div class='rshippertab'>
  1007. <input type='radio' id='rshippertab-2' name="rshippertab-group-1">
  1008. <label for='rshippertab-2' style=';'>brats</label>
  1009. <div class='content'>
  1010. <div class='rshiph'>
  1011. the brat pack
  1012. </div>
  1013. <div class='rships'>
  1014. <img src="https://cdn.discordapp.com/attachments/629807785282109440/640800374176874516/s.gif" width="100" height="100" align="left" style="padding:2px; border:3px solid #93432F; margin:2 10px 5px 2;">
  1015.  
  1016.  
  1017. <div id="links"><a href="/1443797"><i>coming soon</i></a></div><br>
  1018.  
  1019.  
  1020. <p style="text-align:justify;"><b>STAR</b> C R O S S E D <i>LOVERS</i>, they say we're <b>not meant</b> to be. 'Cause the stars in the sky and the fashion that they are aligned. I say if the future's been d r a w n out—there's <i>NO POINT</i> in living. I won't give up my love so that fate can have it's way. If the <b>S T A R S</b> say that you <i>couldn't</i> LOVE <b>me</b> are you telling me that you would <i>l i s t e n </i>? If the words make their way from your mouth—don't ask my permission, all is <b>f o r g i v e n.</b>
  1021. </p>
  1022.  
  1023. <br><BR>
  1024. <hr></hr>
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032. <img src="https://cdn.discordapp.com/attachments/629807785282109440/640800374176874516/s.gif" width="100" height="100" align="left" style="padding:2px; border:3px solid #93432F; margin:2 10px 5px 2;">
  1033.  
  1034.  
  1035. <div id="links"><a href="/1443797"><i>coming soon</i></a></div><br>
  1036.  
  1037.  
  1038. <p style="text-align:justify;"><b>STAR</b> C R O S S E D <i>LOVERS</i>, they say we're <b>not meant</b> to be. 'Cause the stars in the sky and the fashion that they are aligned. I say if the future's been d r a w n out—there's <i>NO POINT</i> in living. I won't give up my love so that fate can have it's way. If the <b>S T A R S</b> say that you <i>couldn't</i> LOVE <b>me</b> are you telling me that you would <i>l i s t e n </i>? If the words make their way from your mouth—don't ask my permission, all is <b>f o r g i v e n.</b>
  1039. </p>
  1040.  
  1041. <br><BR>
  1042. <hr></hr>
  1043.  
  1044.  
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051. </div>
  1052. </div>
  1053. </div>
  1054.  
  1055. <div class='rshippertab'>
  1056. <input type='radio' id='rshippertab-3' name="rshippertab-group-1">
  1057. <label for='rshippertab-3'>map</label>
  1058. <div class='content'>
  1059. <div class='rshiph'>
  1060. locations in sl
  1061. </div>
  1062. <div class='rships'>
  1063. <b>PECOS TRIANGLE</b><br><br><br>
  1064.  
  1065. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.
  1066. <br><BR>
  1067. <hr></hr>
  1068.  
  1069. <b>VINYL MANSION</b><br><br><br>
  1070. info about julian's estate
  1071. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.
  1072.  
  1073.  
  1074. <br><BR>
  1075. <hr></hr>
  1076.  
  1077. more coming soon, ok.
  1078.  
  1079. </div>
  1080. </div>
  1081. </div>
  1082.  
  1083.  
  1084.  
  1085.  
  1086. <div class='rshippertab'>
  1087. <input type='radio' id='rshippertab-4' name="rshippertab-group-1">
  1088. <label for='rshippertab-4'>media</label>
  1089. <div class='content'>
  1090. <div class='rshiph'>
  1091. the static files
  1092. </div>
  1093. <div class='rships'>
  1094. <b>content coming soon.</b><br><br><br>
  1095.  
  1096. patience!
  1097.  
  1098.  
  1099. </div>
  1100. </div>
  1101. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!