Advertisement
greekish24

stranger things

Jul 28th, 2020
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.78 KB | None | 0 0
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Abel');
  3. @import url('https://fonts.googleapis.com/css?family=FONT+NAME');
  4. @import url('https://fonts.googleapis.com/css?family=FONT+NAME');
  5.  
  6. /*BODY DECOR*/
  7. body {
  8. background-color:#fff;
  9. background-image: url('');
  10. background-repeat:no-repeat;
  11. background-attachment: fixed;
  12. background-position:center;}
  13.  
  14.  
  15. /*ID BOXES DECOR*/
  16. #b1 {
  17. position:absolute;
  18. background-color:#aeaeae;
  19. padding:5px;
  20. width:950px;
  21. height:290px;
  22. top:1px;
  23. left:280px;
  24. }
  25.  
  26. #navi {
  27. position:absolute;
  28. background:#aeaeae;
  29. padding:5px;
  30. width:750px;
  31. height:40px;
  32. top:131px;
  33. left:380px;
  34. }
  35.  
  36. #b2 {
  37. position:absolute;
  38. background-color:#aeaeae;
  39. padding:5px;
  40. width:228px;
  41. height:100px;
  42. top:302px;
  43. left:280px;
  44. }
  45.  
  46. #b3 {
  47. position:absolute;
  48. background-color:#aeaeae;
  49. padding:5px;
  50. width:228px;
  51. height:100px;
  52. top:302px;
  53. left:521px;
  54. }
  55.  
  56. #b4 {
  57. position:absolute;
  58. background-color:#aeaeae;
  59. padding:5px;
  60. width:228px;
  61. height:100px;
  62. top:302px;
  63. left:762px;
  64. }
  65.  
  66. #b5 {
  67. position:absolute;
  68. background-color:#aeaeae;
  69. padding:5px;
  70. width:228px;
  71. height:100px;
  72. top:302px;
  73. left:1003px;
  74. animation-name: slide;
  75. animation-duration: .4s;
  76. }
  77.  
  78. #b5-1 {
  79. position:absolute;
  80. width:228px;
  81. height:200px;
  82. top:302px;
  83. left:1003px;
  84. padding:5px;
  85. background:#aeaeae;
  86. z-index:2;
  87. opacity:0;
  88. filter:alpha(opacity=0);
  89. overflow:hidden;
  90. -webkit-transition: all 1s ease-out;
  91. -moz-transition:all 1s ease-out;
  92. transition:all 1s ease-out;
  93. animation-name: slide;
  94. animation-duration: .4s;
  95. }
  96.  
  97. #b5-1:hover {
  98. position:absolute;
  99. width:950px;
  100. height:290px;
  101. top:1px;
  102. left:280px;
  103. padding:5px;
  104. background:#aeaeae;
  105. z-index:2;
  106. opacity:1;
  107. filter:alpha(opacity=1);
  108. overflow:hidden;
  109. -webkit-transition:all 2s ease-out;
  110. -moz-transition: all 2s ease-out;
  111. transition:all 2s ease-out;
  112. animation-name: slide;
  113. animation-duration: .4s;
  114. }
  115.  
  116. #upda {
  117. position:absolute;
  118. background-color:#aeaeae;
  119. padding:5px;
  120. width:228px;
  121. height:175px;
  122. top:413px;
  123. left:280px;
  124. }
  125.  
  126. #mostwantm {
  127. position:absolute;
  128. background-color:#aeaeae;
  129. padding:5px;
  130. width:228px;
  131. height:175px;
  132. top:413px;
  133. left:521px;
  134. }
  135.  
  136. #mostwantm-1 {
  137. position:absolute;
  138. width:228px;
  139. height:175px;
  140. top:413px;
  141. left:521px;
  142. padding:5px;
  143. background:#aeaeae;
  144. z-index:2;
  145. opacity:0;
  146. filter:alpha(opacity=0);
  147. overflow:hidden;
  148. -webkit-transition: all 1s ease-out;
  149. -moz-transition:all 1s ease-out;
  150. transition:all 1s ease-out;
  151. }
  152.  
  153. #mostwantm-1:hover {
  154. position:absolute;
  155. width:228px;
  156. height:175px;
  157. top:413px;
  158. left:521px;
  159. padding:5px;
  160. background:#aeaeae;
  161. z-index:2;
  162. opacity:1;
  163. filter:alpha(opacity=1);
  164. overflow:hidden;
  165. -webkit-transition:all 2s ease-out;
  166. -moz-transition: all 2s ease-out;
  167. transition:all 2s ease-out;
  168.  
  169. }
  170.  
  171. #mostwantf {
  172. position:absolute;
  173. background-color:#aeaeae;
  174. padding:5px;
  175. width:228px;
  176. height:175px;
  177. top:413px;
  178. left:762px;
  179. }
  180.  
  181. #mostwantf-1 {
  182. position:absolute;
  183. width:228px;
  184. height:175px;
  185. top:413px;
  186. left:762px;
  187. padding:5px;
  188. background:#aeaeae;
  189. z-index:2;
  190. opacity:0;
  191. filter:alpha(opacity=0);
  192. overflow:hidden;
  193. -webkit-transition: all 1s ease-out;
  194. -moz-transition:all 1s ease-out;
  195. transition:all 1s ease-out;
  196. }
  197.  
  198. #mostwantf-1:hover {
  199. position:absolute;
  200. width:228px;
  201. height:175px;
  202. top:413px;
  203. left:762px;
  204. padding:5px;
  205. background:#aeaeae;
  206. z-index:2;
  207. opacity:1;
  208. filter:alpha(opacity=1);
  209. overflow:hidden;
  210. -webkit-transition:all 2s ease-out;
  211. -moz-transition: all 2s ease-out;
  212. transition:all 2s ease-out;
  213. }
  214.  
  215. #open {
  216. position:absolute;
  217. background-color:#aeaeae;
  218. padding:5px;
  219. width:228px;
  220. height:175px;
  221. top:413px;
  222. left:1003px;
  223. }
  224.  
  225. /*OWNER SECTION BEGINS*/
  226. #os1 {
  227. position:absolute;
  228. background-color:#aeaeae;
  229. padding:5px;
  230. width:100px;
  231. height:100px;
  232. top:599px;
  233. left:280px;
  234. }
  235.  
  236. #os1-1 {
  237. position:absolute;
  238. width:100px;
  239. height:100px;
  240. top:599px;
  241. left:280px;
  242. padding:5px;
  243. background:#aeaeae;
  244. z-index:2;
  245. opacity:0;
  246. filter:alpha(opacity=0);
  247. overflow:hidden;
  248. -webkit-transition: all 1s ease-out;
  249. -moz-transition:all 1s ease-out;
  250. transition:all 1s ease-out;
  251. animation-name: slide;
  252. animation-duration: .4s;
  253. }
  254.  
  255. #os1-1:hover {
  256. position:absolute;
  257. width:250px;
  258. height:100px;
  259. top:710px;
  260. left:391px;
  261. padding:5px;
  262. background:#aeaeae;
  263. z-index:2;
  264. opacity:1;
  265. filter:alpha(opacity=1);
  266. overflow:hidden;
  267. -webkit-transition:all 2s ease-out;
  268. -moz-transition: all 2s ease-out;
  269. transition:all 2s ease-out;
  270. animation-name: slide;
  271. animation-duration: .4s;
  272. }
  273.  
  274. #os2 {
  275. position:absolute;
  276. background-color:#aeaeae;
  277. padding:5px;
  278. width:100px;
  279. height:100px;
  280. top:710px;
  281. left:280px;
  282. }
  283.  
  284. #os2-1 {
  285. position:absolute;
  286. width:100px;
  287. height:100px;
  288. top:710px;
  289. left:280px;
  290. padding:5px;
  291. background:#aeaeae;
  292. z-index:2;
  293. opacity:0;
  294. filter:alpha(opacity=0);
  295. overflow:hidden;
  296. -webkit-transition: all 1s ease-out;
  297. -moz-transition:all 1s ease-out;
  298. transition:all 1s ease-out;
  299. animation-name: slide;
  300. animation-duration: .4s;
  301. }
  302.  
  303. #os2-1:hover {
  304. position:absolute;
  305. width:250px;
  306. height:100px;
  307. top:710px;
  308. left:391px;
  309. padding:5px;
  310. background:#aeaeae;
  311. z-index:2;
  312. opacity:1;
  313. filter:alpha(opacity=1);
  314. overflow:hidden;
  315. -webkit-transition:all 2s ease-out;
  316. -moz-transition: all 2s ease-out;
  317. transition:all 2s ease-out;
  318. animation-name: slide;
  319. animation-duration: .4s;
  320. }
  321.  
  322. #os3 {
  323. position:absolute;
  324. background-color:#aeaeae;
  325. padding:5px;
  326. width:100px;
  327. height:100px;
  328. top:821px;
  329. left:280px;
  330. }
  331.  
  332. #os3-1 {
  333. position:absolute;
  334. width:100px;
  335. height:100px;
  336. top:821px;
  337. left:280px;
  338. padding:5px;
  339. background:#aeaeae;
  340. z-index:2;
  341. opacity:0;
  342. filter:alpha(opacity=0);
  343. overflow:hidden;
  344. -webkit-transition: all 1s ease-out;
  345. -moz-transition:all 1s ease-out;
  346. transition:all 1s ease-out;
  347. animation-name: slide;
  348. animation-duration: .4s;
  349. }
  350.  
  351. #os3-1:hover {
  352. position:absolute;
  353. width:250px;
  354. height:100px;
  355. top:710px;
  356. left:391px;
  357. padding:5px;
  358. background:#aeaeae;
  359. z-index:2;
  360. opacity:1;
  361. filter:alpha(opacity=1);
  362. overflow:hidden;
  363. -webkit-transition:all 2s ease-out;
  364. -moz-transition: all 2s ease-out;
  365. transition:all 2s ease-out;
  366. animation-name: slide;
  367. animation-duration: .4s;
  368. }
  369.  
  370. #ownerbanner {
  371. position:absolute;
  372. background-color:#aeaeae;
  373. padding:5px;
  374. width:250px;
  375. height:322px;
  376. top:599px;
  377. left:391px;
  378. }
  379.  
  380. /*OWNER SECTION ENDS*/
  381.  
  382. #motm {
  383. position:absolute;
  384. background-color:#aeaeae;
  385. padding:5px;
  386. width:250px;
  387. height:100px;
  388. top:599px;
  389. left:652px;
  390. }
  391.  
  392. #rotm {
  393. position:absolute;
  394. background-color:#aeaeae;
  395. padding:5px;
  396. width:250px;
  397. height:100px;
  398. top:710px;
  399. left:652px;
  400. }
  401.  
  402. #promos {
  403. position:absolute;
  404. background-color:#aeaeae;
  405. padding:5px;
  406. width:318px;
  407. height:211px;
  408. top:599px;
  409. left:913px;
  410. }
  411.  
  412. #members {
  413. position:absolute;
  414. background-color:#aeaeae;
  415. padding:5px;
  416. width:579px;
  417. height:100px;
  418. top:821px;
  419. left:652px;
  420. }
  421.  
  422. /*BEGIN AFFIE*/
  423.  
  424. #affie {
  425. position:absolute;
  426. background-color:#aeaeae;
  427. padding:5px;
  428. width:952px;
  429. height:40px;
  430. top:932px;
  431. left:280px;
  432. }
  433.  
  434. #affie-1 {
  435. position:absolute;
  436. width:945px;
  437. height:30px;
  438. top:932px;
  439. left:285px;
  440. padding:5px;
  441. background:#aeaeae;
  442. z-index:2;
  443. opacity:0;
  444. filter:alpha(opacity=0);
  445. overflow:hidden;
  446. -webkit-transition: all 1s ease-out;
  447. -moz-transition:all 1s ease-out;
  448. transition:all 1s ease-out;
  449. }
  450.  
  451. #affie-1:hover {
  452. position:absolute;
  453. width:950px;
  454. height:350px;
  455. top:599px;
  456. left:280px;
  457. padding:5px;
  458. background:#aeaeae;
  459. z-index:2;
  460. opacity:1;
  461. filter:alpha(opacity=1);
  462. overflow:hidden;
  463. -webkit-transition:all 2s ease-out;
  464. -moz-transition: all 2s ease-out;
  465. transition:all 2s ease-out;
  466. }
  467.  
  468. /*end affies*/
  469.  
  470. /*credit*/
  471.  
  472. .streetcred {bottom:0px; left:0px; position:absolute; width:100px; height:20px; background:transparent;}
  473.  
  474. /*links begin*/
  475.  
  476. a, a:link, a:active, a:visited {
  477. text-decoration:none;
  478. color:#fff;
  479. font-size:'Abel';
  480. font-size:13px;
  481. text-transform:uppercase;
  482. font-weight:lighter;
  483. line-height:13px;
  484. }
  485. a:hover {
  486. color:#aeaeae;
  487. background:#fff;
  488. }
  489.  
  490. a.one, a.one:link, a.one:active, a.one:visited {
  491. background-color:#ddd;
  492. color:#000;
  493. text-decoration:none;
  494. display:inline-block;
  495. float:left;
  496. width:178px;
  497. line-height:11px;
  498. border:1px solid #fff;
  499. padding:.5px;
  500. margin:3px;
  501. text-align:center;
  502. text-transform:uppercase;
  503. font-family:'Abel';
  504. }
  505. a.one:hover {style here}
  506.  
  507.  
  508. a.sib, a.sib:link, a.sib:active, a.sib:visited {
  509. text-decoration:none;
  510. display:inline-block;
  511. float:left;
  512. background:#aeaeae;
  513. padding:2px 10px;
  514. width:90px;
  515. color:#fff;
  516. text-align:center;
  517. margin:1px 2px;
  518. font-family:Abel;
  519. font-size:9px;
  520. line-height:11px;
  521. -webkit-transition: all 0.6s ease-out;
  522. -moz-transition: all 0.6s ease-out;
  523. transition: all 0.6s ease-out;
  524. }
  525. a.sib:hover {
  526. box-shadow: inset 10 0 0 0 #8a558a, inset -10 0 0 0 #8a558a;
  527. text-shadow:1px 1px #fff;
  528. color:#fff;
  529. background:#aeaeae;
  530. -webkit-transition: all 0.6s ease-out;
  531. -moz-transition: all 0.6s ease-out;
  532. transition: all 0.6s ease-out;
  533. }
  534.  
  535. a.two, a.two:link, a.two:active, a.two:visited {
  536. text-decoration:none;
  537. display:block;
  538. width:auto;
  539. text-align:center;
  540. color:#fff;
  541. background:#aeaeae;
  542. margin:2px 3px;
  543. font-size:times new roman;
  544. font-size:9px;
  545. text-transform:uppercase;
  546. padding-top:2px;
  547. padding-bottom:2px;
  548. line-height:10px;
  549. text-align:center;
  550. }
  551.  
  552. a.two:hover {
  553. background:#fff;
  554. color:#aeaeae;
  555. -webkit-transition: all 0.6s ease-out;
  556. -moz-transition: all 0.6s ease-out;
  557. transition: all 0.6s ease-out;
  558. }
  559.  
  560. a.three, a.three:link, a.three:active, a.three:visited {
  561. text-decoration:none;
  562. display:block;
  563. width:auto;
  564. text-align:center;
  565. color:#fff;
  566. background:#aeaeae;
  567. margin:2px 3px;
  568. font-size:times new roman;
  569. font-size:9px;
  570. text-transform:uppercase;
  571. padding-top:2px;
  572. padding-bottom:2px;
  573. line-height:10px;
  574. text-align:center;
  575. }
  576. a.three:hover {
  577. box-shadow: inset 0 0 6px #595959;
  578. text-shadow:1px 1px #595959, 1px 1px #595959;
  579. background:#fff; color:#aeaeae;
  580. -webkit-transition: all 0.6s ease-out;
  581. -moz-transition: all 0.6s ease-out;
  582. transition: all 0.6s ease-out;
  583. }
  584.  
  585. /*credit link*/
  586.  
  587.  
  588.  
  589. /*DECOR TEXT*/
  590.  
  591. table, tr, td, li, p, div {
  592. font-family:'Abel';
  593. font-size:10px;
  594. line-height:10px;
  595. color:#fff;
  596. }
  597.  
  598. b {
  599. font-family:'Abel';
  600. font-size:10px;
  601. line-height:10px;
  602. font-weight:bold;
  603. text-transform:lowercase;
  604. color:#fff;
  605. }
  606.  
  607. strong {
  608. font-family:'Abel';
  609. font-size:10px;
  610. line-height:10px;
  611. font-weight:bolder;
  612. text-transform:uppercase;
  613. color:#fff;
  614. }
  615.  
  616. i {
  617. font-family:'Abel';
  618. font-size:10px;
  619. line-height:10px;
  620. font-weight:100;
  621. text-transform:lowercase;
  622. color:#fff;
  623. }
  624.  
  625. em {
  626. font-family:'Abel';
  627. font-size:10px;
  628. line-height:10px;
  629. font-weight:100;
  630. text-transform:lowercase;
  631. color:#fff;
  632. font-style:italic;
  633. }
  634.  
  635. u {
  636. font-family:'Abel';
  637. font-size:10px;
  638. line-height:10px;
  639. text-transform:lowercase;
  640. color:#fff;
  641. padding-top:-1px;
  642. padding-right:5px;
  643. padding-bottom:-1px;
  644. padding-left:5px;
  645. background:#000;
  646. text-decoration:none;
  647. }
  648.  
  649. blockquote {
  650. width:250px;
  651. height:50px;
  652. background:#fff;
  653. color:#fff;
  654. overflow:auto;
  655. margin-left:150px;
  656. }
  657.  
  658. textarea {
  659. width:250px;
  660. height:50px;
  661. color:#3d2950;
  662. background:#fff;
  663. }
  664.  
  665.  
  666. h1 {
  667. font-family:'Abel';
  668. font-size:30px;
  669. line-height:29px;
  670. border-bottom:3px solid #fff;
  671. color:#fff; text-transform:uppercase;
  672. letter-spacing:-2.5px; text-align:center;
  673. font-weight:lighter;
  674. }
  675.  
  676. h2 {
  677. font-family:'Abel';
  678. font-size:26px;
  679. line-height:25px;
  680. border-bottom:3px solid #fff;
  681. color:#fff;
  682. text-transform:uppercase;
  683. letter-spacing:-2.5px;
  684. text-align:left;
  685. font-weight:lighter;
  686. }
  687.  
  688. h3 {
  689. font-family:'Abel';
  690. font-size:24px;
  691. line-height:23px;
  692. border-bottom:3px solid #fff;
  693. color:#fff;
  694. text-transform:uppercase;
  695. letter-spacing:-2.5px;
  696. text-align:center;
  697. font-weight:lighter;
  698. }
  699.  
  700. h4 {
  701. font-family:'Abel';
  702. font-size:14px;
  703. line-height:13px;
  704. border-bottom:3px solid #fff;
  705. color:#fff;
  706. text-transform:uppercase;
  707. letter-spacing:-1px;
  708. text-align:right;
  709. font-weight:lighter;
  710. }
  711. h5 {
  712. font-family:'Abel';
  713. font-size:12px;
  714. line-height:11px;
  715. border-bottom:3px solid #fff;
  716. color:#fff;
  717. text-transform:uppercase;
  718. letter-spacing:2px;
  719. text-align:center;
  720. font-weight:lighter;
  721. }
  722.  
  723. h6 {
  724. font-family:'Abel';
  725. font-size:10px;
  726. line-height:9px;
  727. color:#fff;
  728. text-transform:uppercase;
  729. word-spacing:5px;
  730. text-align:center;
  731. font-weight:lighter;
  732. }
  733.  
  734. /*KEYFRAMES*/
  735.  
  736. @keyframes slide{
  737. from{
  738. left: 100%;
  739. opacity: 0;
  740. }
  741. to{
  742. left: 280px;
  743. opacity: 1;
  744. }
  745. }
  746.  
  747. /*ELDERSCROLLS*/
  748. ::-webkit-scrollbar
  749. {width: 3px; height: 2px; background-color: ;}
  750. ::-webkit-scrollbar-thumb
  751. {background-color: ; width: 3px; height: 2px;}
  752.  
  753.  
  754. /*HIDE CODES - KEFISOURCES*/
  755.  
  756. .clearfix {display:none !important; position:absolute!important;}
  757. .clearfix {margin-top: -130px;}
  758. .profileinfo {display:none;}
  759. .blurbs td. text {display:none;}
  760. .blurbs td td .orangetext15 {display:none;}
  761. .latestblogentry {display: none;}
  762. .extendednetwork{display:none;}
  763. .lightbluetext8 {DISPLAY:none;}
  764. .profileInfo td td.text {visibility:hidden;}
  765. .profileInfo td.text a img {visibility:visible;}
  766. .blacktext10 {display:none;}
  767. .whitetext12{display:none;}
  768. .whitetext12{display:none;}
  769. .nametext{display:none;}
  770. .friendscomments{display:none;}
  771. .friendsSpace {display: none;}
  772. .userProfileCompany{display:none;}
  773. .contacttable {display: none;}a
  774. table div font {display: none;}
  775. .userprofiledetail{display:none;}
  776. .interestsanddetails{display:none;}
  777. .userProfileNetworking{display:none;}
  778. .userProfileSchool{display:none;}
  779. .navigationbar{display:none;}
  780. table, tr, td {background-color:transparent !important;}
  781. .userprofileurl{display:none;}
  782. .friendspace{display:none;}
  783. table div font {display: none;}
  784. span.orangetext15 {display: none;}
  785. #topnav {display: none;}
  786. #footerWarpper div div { display: none;}
  787. </style>
  788.  
  789. <div ID="b1"><img src="http://via.placeholder.com/950x290" /></div>
  790.  
  791. <div ID="navi">
  792.  
  793. <a href="" class="one">home</a>
  794. <a href="" class="one">message</a>
  795. <a href="" class="one">comment</a>
  796. <a href="" class="one">rules</a>
  797. <a href="" class="one">taken</a>
  798. <a href="" class="one">character list</a>
  799. <a href="" class="one">extra</a>
  800. <a href="" class="one">share</a>
  801.  
  802. </div>
  803.  
  804. <div ID="b2"><img src="http://via.placeholder.com/228x100"/></div>
  805.  
  806. <div ID="b3"><img src="http://via.placeholder.com/228x100"/></div>
  807.  
  808. <div ID="b4"><img src="http://via.placeholder.com/228x100"/></div>
  809.  
  810. <div ID="b5"><img src="http://via.placeholder.com/228x100"/></div>
  811.  
  812. <div ID="b5-1">
  813.  
  814. <div style="width:950px; height:280px; display:block; padding:5px;">
  815.  
  816. <div style="width:440px; height:280px; display:inline-block; flaot:left; overflow:auto; margin-left:35px; ">
  817.  
  818. <h1 style="margin-top:8px;"> Welcome to the Upside Down,</h1>
  819.  
  820. <span class="sweetitz">H</span>awkins, Indiana circa 1983 Young Will Byers is cycling home from a disappointing "Dungeons & Dragons" campaign at a friend's house, when a terrifying figure suddenly appears... Will tries to escape and hide, but he is abducted... Will's friends Dustin, Lucas and Mike begin investigating his disappearance; while looking for Will in the local forest, the boys find a girl with a shaved head in a hospital gown, who they let stay in Mike's basement. They learn her name is Eleven and that she has psychokinetic abilities. <br><br>
  821.  
  822. Will's mother Joyce becomes transfixed by supernatural events affecting the house electricity - she's convinced Will is communicating with her. As these strange events continue, she witnesses the same monster that took Will, which threatens her on numerous occasions. Meanwhile, police chief Jim Hopper grows suspicious of the nearby national laboratory after he finds a torn piece of hospital gown outside the lab grounds. Mike's older sister Nancy attends a pool party hosted by her new boyfriend Steve, begrudgingly accompanied by her best friend Barb. Jonathan, Will's brother, witnesses the events of the party, taking photos. While alone, Barb is abducted by the Monster. <br><br>
  823.  
  824. Hopper researches Dr. Martin Brenner, the laboratory, and a woman, who claimed her daughter was taken by scientists. Steve discovers Jonathan's photographs and destroys them, but an anxious Nancy retrieves the fragments of a photo showing Barb. She goes back over to Steve's house, to look around for Barb - she briefly sees the Monster run through the woods, scaring her and prompting her to flee. What appears to be Will's body is discovered in a quarry; however, Eleven proves Will is still alive, manipulating several radios to project the sound of Will's voice. Examining Jonathan's photo of Barb, Nancy realizes the monster is also visible. Jonathan realizes that Nancy's description of the creature matches his mother's: a humanoid figure with long arms and no face. They team up to learn more about the creature, in the hopes of saving Will and Barb. The two teens look around Hawkins, hoping to find the creature and potentially kill it. <br><br>
  825.  
  826. A suspicious Hopper finds and cuts open Will's body, discovering it to be fake. He heads to the laboratory and breaks in, finding Eleven's bedroom and a huge, sprawling gate to an alternate dimension before being knocked out by agents. He wakes up in his own home and finds it bugged. After pulling together all their knowledge and speculation on the supernatural events, the boys search for a hypothetical Gate to the other world, which they've now nicknamed the Upside Down. The boys eventually realize that a fearful Eleven - afraid of the lab and the Upside Down - has been misguiding them while exploring through Hawkins. A fight breaks out, resulting in Lucas being injured by Eleven and the group splitting up. <br><br>
  827.  
  828. Throughout the season, Eleven experiences a series of painful flashbacks to the experimentation conducted on her by Dr. Brenner at the laboratory. This culminates with a flashback to an experiment in which she was placed in a sensory deprivation tank. Within an altered psychic state, she accidentally opened the Gate to the Upside Down after making contact with the creature. After sharing what they know, Hopper and Joyce track down Terry Ives, learning more about Eleven and Dr. Brenner. While Lucas attempts to once more find the Gate, Mike and Dustin find Eleven, who saves Mike from falling of the cliff. The trio then reconcile with a hug and return to Mike's house. Lucas sees agents leaving the laboratory, realizing they are on their way to capture Eleven. Mike, Dustin, and Eleven narrowly escape, reuniting with Lucas. <br><br>
  829.  
  830. Joyce and Hopper return to Hawkins, sharing their knowledge of the creature with Nancy and Jonathan. Joyce, Hopper, Nancy and Jonathan contact and eventually find the kids, formulating a plan to make a sensory deprivation tank to enhance Eleven's powers - this way, she can psychically view Will and Barb without entering the Upside Down. The group break into Hawkins Middle School and set up their makeshift tank there. Using the tank, Eleven discovers Barb to be dead and Will alive, hiding in Castle Byers, his makeshift fort. Hopper and Joyce break into Hawkins Laboratory to pass through the Gate and save Will, but are apprehended by security. Nancy and Jonathan resolve to kill the monster. In the Upside Down, the monster breaks through Castle Byers, taking Will. <br><br>
  831.  
  832. Interrogated by Brenner, Hopper gives up Eleven's location in exchange for access to the Gate. Hopper and Joyce enter the Upside Down, discovering the creature's nest, where an unconscious Will has been strung up with a tendril extending down his throat. After detaching and killing the creature, Hopper and Joyce attempt to revive Will, and Hopper remembers the moment his daughter died - he's determined to spare Joyce from the same grief. Will is eventually found and revived, and the three return through the Gate. Meanwhile, Nancy and Jonathan set up a trap at the Byers house before cutting their hands to attract the creature with their blood. Steve arrives, intending to apologize to Jonathan and Nancy following a previous argument. The monster attacks, and although Nancy, Jonathan and Steve successfully injure and trap it, it escapes to the Upside Down. <br><br>
  833.  
  834. At the school, Dustin attempts to find food as Mike and Eleven share an intimate moment. However, agents arrive and storm the school, but Eleven kills many of them, crushing their brains. As Brenner recovers a weakened Eleven, the wounded monster, attracted by the bloodshed, enters the school and attacks Brenner. The boys escape with Eleven and hide in a classroom with Mike trying to calm her, but the monster finds and attacks them. However, before it could harm the boys, Eleven pins the creature against a wall, looks back and says goodbye to Mike. In a painful and self-destructive act, Eleven dissolves the creature into a thick mist in which she too vanishes. Mike is left in tears as Eleven vanishes. Will is hospitalized and reunited with his family and friends. Hopper is reluctantly picked up by a black government car. <br><br>
  835.  
  836. One month later, Nancy has gotten back together with Steve, and they've both befriended Jonathan. The four boys play D&D in Mike's basement, where Mike has kept Elven's pillow fort in perfect condition in regards to her memory. Hopper leaves eggos in a concealed box in the woods. Will coughs up a slug-like creature in his bathroom sink and has a momentary flash into the Upside Down, though he doesn't reveal the event to his family. <br><br>
  837.  
  838.  
  839.  
  840. </div>
  841.  
  842. <div style="width:440px; height:280px; display:inline-block; float:left; overflow:auto; margin-left:5px;">
  843.  
  844. <h1 style="margin-top:5px;">GROUP INFO</h1>
  845.  
  846. <b>RPG NAME</b>: Upside Down <br>
  847. <b>VERSES</b>: Stranger Things. <br>
  848. <b>TIMELINE</b>: Specifically any time canonly, we will have au storylines as well! <br>
  849. <b>CREATED BY</b>: Erica, Joyce, Robyn, Nancy <br>
  850. <b>WEBMASTER</b>: Joyce <br>
  851. <b>RPG STATUS</b>: Active <br>
  852. <b>ESTABLISHED</b>: 04/01/2020 <br>
  853. <b>VERDICT DAYS</b>: Fridays <br>
  854. <b>AFFILIATE POSTING DAY</b>: Sundays<br>
  855. <b>NUMBER OF STAFF</b>: 04 <br>
  856. <b>NUMBER OF MEMBERS</b>: 04 <br>
  857. <b>ACTIVITY EXPECTED</b>: We expect activity on site and in the group discord. We require all members to have at least <i>two</i> storylines going on within the group. <br>
  858. <b>DRAMA EXPECTED</b>:NONE! Like Really? Okay, in characters cool but ooc drama, none. zip. zero. zelch. <br>
  859. <b>COMMENTS</b>: The Walking Dead/Fear the Walking Dead are amazing fandoms that need to be loved and nurtured, and even sometimes hit upside the noggin with Lucille. We want to become a family here and would really love to have a whole bunch of interest in this group! <br>
  860.  
  861. </div>
  862.  
  863. </div>
  864.  
  865. </div>
  866.  
  867. <div ID="upda">
  868.  
  869. <div style="background:#ccc; width:218px; height:163px; display:block; padding:5px; overflow:auto;">
  870.  
  871. <h2 style="margin-top:0px;">updates</h2>
  872.  
  873. <div style="width:213px; height:163px; display:block; padding:5px; margin-top:-15px;">
  874.  
  875. <b>00/00</b> - Lorem ipsum dolor sit amet, eu sumo velit adolescens vis, sed dicat admodum ei. Ocurreret deterruisset mediocritatem usu an, nihil vivendum duo te. <br>
  876. <b>00/00</b> - Lorem ipsum dolor sit amet, eu sumo velit adolescens vis, sed dicat admodum ei. Ocurreret deterruisset mediocritatem usu an, nihil vivendum duo te. <br>
  877. <b>00/00</b> - Lorem ipsum dolor sit amet, eu sumo velit adolescens vis, sed dicat admodum ei. Ocurreret deterruisset mediocritatem usu an, nihil vivendum duo te. <br>
  878. <b>00/00</b> - Lorem ipsum dolor sit amet, eu sumo velit adolescens vis, sed dicat admodum ei. Ocurreret deterruisset mediocritatem usu an, nihil vivendum duo te. <br>
  879. <b>00/00</b> - Lorem ipsum dolor sit amet, eu sumo velit adolescens vis, sed dicat admodum ei. Ocurreret deterruisset mediocritatem usu an, nihil vivendum duo te. <br>
  880. <b>00/00</b> - Lorem ipsum dolor sit amet, eu sumo velit adolescens vis, sed dicat admodum ei. Ocurreret deterruisset mediocritatem usu an, nihil vivendum duo te. <br>
  881.  
  882. </div>
  883.  
  884. </div>
  885.  
  886. </div>
  887.  
  888. <div ID="mostwantm">
  889.  
  890. <div style="background:#ccc; width:218px; height:165px; display:block; padding:5px; overflow:auto;">
  891.  
  892. <img src="http://via.placeholder.com/218x165" />
  893.  
  894. </div>
  895.  
  896. </div>
  897.  
  898. <div ID="mostwantm-1"></div>
  899.  
  900. <div ID="mostwantf">
  901.  
  902. <div style="background:#ccc; width:218px; height:165px; display:block; padding:5px; overflow:auto;">
  903.  
  904. <img src="http://via.placeholder.com/218x165" />
  905.  
  906. </div>
  907.  
  908. </div>
  909.  
  910. <div ID="mostwantf-1"></div>
  911.  
  912. <div ID="open">
  913.  
  914. <div style="background:#ccc; width:218px; height:165px; display:block; padding:5px; overflow:auto;">
  915.  
  916. <h2 style="margin-top:0px;">open characters</h2>
  917.  
  918. <div style=" width:213px; height:165px; display:block; padding:5px; margin-top:-15px;">
  919.  
  920. things
  921.  
  922. </div>
  923.  
  924. </div>
  925.  
  926. </div>
  927.  
  928. <div ID="os1"> <img src="http://via.placeholder.com/100x100" /> </div>
  929.  
  930. <div ID="os1-1"></div>
  931.  
  932. <div ID="os2"> <img src="http://via.placeholder.com/100x100" /> </div>
  933.  
  934. <div ID="os2-1"></div>
  935.  
  936. <div ID="os3"> <img src="http://via.placeholder.com/100x100" /> </div>
  937.  
  938. <div ID="os3-1"></div>
  939.  
  940. <div ID="ownerbanner">
  941.  
  942. <div style="background:#ccc; width:240px; height:310px; display:block; padding:5px; overflow:auto; overflow-y:hidden;">
  943.  
  944. <img src="http://via.placeholder.com/240x310" />
  945.  
  946. </div>
  947.  
  948. </div>
  949.  
  950. <div ID="motm">
  951.  
  952. <div style="background:#ccc; width:240px; height:90px; display:block; padding:5px; overflow:auto; overflow-y:hidden;"> motm </div>
  953.  
  954. </div>
  955.  
  956. <div ID="rotm">
  957.  
  958. <div style="background:#ccc; width:240px; height:90px; display:block; padding:5px; overflow:auto; overflow-y:hidden;"> rotm </div>
  959.  
  960. </div>
  961.  
  962. <div ID="promos">
  963.  
  964. <div style="background:#ccc; width:308px; height:201px; display:block; padding:5px; overflow:auto; overflow-y:hidden;"> promos </div>
  965.  
  966. </div>
  967.  
  968. <div ID="members">
  969.  
  970. <div style="background:#ccc; width:570px; height:90px; display:block; padding:5px; overflow:auto; overflow-y:hidden;">
  971.  
  972. <div style=" width:570px; height:90px; display:block; padding:5px; margin-top:-15px;">
  973.  
  974. <marquee direction="right">
  975.  
  976. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  977.  
  978. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  979.  
  980. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  981.  
  982. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  983.  
  984. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  985.  
  986. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  987.  
  988. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  989.  
  990. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  991.  
  992. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  993.  
  994. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  995.  
  996. <a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/90x90" style="width:90px; height:90; padding:5px 5px; margin-left:-3px; margin-top:5px;" /> </a>
  997. <!---<a href="" class="" target="_blank" title="[ name ]"><img src="http://via.placeholder.com/145x181" style="width:145px; height;181px; padding:5px; margin:5px;" /> </a>--->
  998.  
  999. </marquee>
  1000.  
  1001. </div>
  1002.  
  1003. </div>
  1004.  
  1005. </div>
  1006.  
  1007. <div ID="affie"> <img src="http://via.placeholder.com/952x40" /> </div>
  1008.  
  1009. <div ID="affie-1">
  1010.  
  1011. <h1 style="margin-top:-1px;">Affiliates</h1>
  1012.  
  1013. <div style="width:840px; height:60px; display:block; margin-top:-5px;">
  1014. <h5 style="margin-top:-15px; margin-left:18px;">Sibling sites & highly recommended</h5>
  1015.  
  1016. <div style="margin-top:10px; margin-left:20px;">
  1017.  
  1018. <a href="" class="sib">name here</a>
  1019. <a href="" class="sib">NAME HERE</a>
  1020. <a href="" class="sib">NAME HERE</a>
  1021. <a href="" class="sib">NAME HERE</a>
  1022. <a href="" class="sib">NAME HERE</a>
  1023. <a href="" class="sib">NAME HERE</a>
  1024. <a href="" class="sib">NAME HERE</a>
  1025. <a href="" class="sib">NAME HERE</a>
  1026. <a href="" class="sib">NAME HERE</a>
  1027. <a href="" class="sib">NAME HERE</a>
  1028. <a href="" class="sib">NAME HERE</a>
  1029. <a href="" class="sib">NAME HERE</a>
  1030.  
  1031. </div>
  1032.  
  1033. </div>
  1034.  
  1035. <br><br><br><br>
  1036.  
  1037. <div style="width:840px; height:30px; display:block; margin-top:0px;">
  1038.  
  1039. <div style="width:410px; height:px; display:inline-block; float:left; margin-top:0px; margin:5px;">
  1040.  
  1041. <h5 style="margin-top:-10px;">RESOURCE SITES</h5>
  1042.  
  1043. </div>
  1044.  
  1045. <div style="width:410px; height:30px; display:inline-block; float:left; margin-top:0px; margin:5px;">
  1046.  
  1047. <h5 style="margin-top:-10px;">ROLEPLAY GROUPS</h5>
  1048.  
  1049. </div>
  1050.  
  1051. </div>
  1052.  
  1053. <div style="width:850px; height:200px; display:block; margin-top:0px;">
  1054.  
  1055. <div style="width:410px; height:190px; display:inline-block; float:left; margin-top:-30px; margin:5px; overflow:auto;">
  1056.  
  1057. <a href="" class="two">name here</a>
  1058. <a href="" class="three"> name here</a>
  1059. <a href="" class="two">name here</a>
  1060. <a href="" class="three"> name here</a>
  1061. <a href="" class="two">name here</a>
  1062. <a href="" class="three"> name here</a>
  1063. <a href="" class="two">name here</a>
  1064. <a href="" class="three"> name here</a>
  1065. <a href="" class="two">name here</a>
  1066. <a href="" class="three"> name here</a>
  1067. <a href="" class="two">name here</a>
  1068. <a href="" class="three"> name here</a>
  1069. <a href="" class="two">name here</a>
  1070. <a href="" class="three"> name here</a>
  1071. <a href="" class="two">name here</a>
  1072. <a href="" class="three"> name here</a>
  1073. <a href="" class="two">name here</a>
  1074. <a href="" class="three"> name here</a>
  1075. <a href="" class="two">name here</a>
  1076. <a href="" class="three"> name here</a>
  1077. <a href="" class="two">name here</a>
  1078. <a href="" class="three"> name here</a>
  1079. <a href="" class="two">name here</a>
  1080. <a href="" class="three"> name here</a>
  1081. <a href="" class="two">name here</a>
  1082. <a href="" class="three"> name here</a>
  1083. <a href="" class="two">name here</a>
  1084. <a href="" class="three"> name here</a>
  1085.  
  1086. </div>
  1087.  
  1088. <div style="width:410px; height:190px; display:inline-block; float:left; margin-top:-30px; margin:5px; overflow:auto;">
  1089.  
  1090. <a href="" class="two">name here</a>
  1091. <a href="" class="three"> name here</a>
  1092. <a href="" class="two">name here</a>
  1093. <a href="" class="three"> name here</a>
  1094. <a href="" class="two">name here</a>
  1095. <a href="" class="three"> name here</a>
  1096. <a href="" class="two">name here</a>
  1097. <a href="" class="three"> name here</a>
  1098. <a href="" class="two">name here</a>
  1099. <a href="" class="three"> name here</a>
  1100. <a href="" class="two">name here</a>
  1101. <a href="" class="three"> name here</a>
  1102. <a href="" class="two">name here</a>
  1103. <a href="" class="three"> name here</a>
  1104. <a href="" class="two">name here</a>
  1105. <a href="" class="three"> name here</a>
  1106. <a href="" class="two">name here</a>
  1107. <a href="" class="three"> name here</a>
  1108. <a href="" class="two">name here</a>
  1109. <a href="" class="three"> name here</a>
  1110. <a href="" class="two">name here</a>
  1111. <a href="" class="three"> name here</a>
  1112. <a href="" class="two">name here</a>
  1113. <a href="" class="three"> name here</a>
  1114. <a href="" class="two">name here</a>
  1115. <a href="" class="three"> name here</a>
  1116. <a href="" class="two">name here</a>
  1117. <a href="" class="three"> name here</a>
  1118.  
  1119. </div>
  1120.  
  1121. </div>
  1122.  
  1123. </div>
  1124.  
  1125. <div class="streetcred"><a href="/1578703" class="cred">royal epidemic</a></div>
  1126.  
  1127.  
  1128.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement