API tools faq
paste
Advertisement
greekish24

REmainlo

greekish24
Dec 14th, 2019
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.94 KB | None | 0 0
raw download clone embed print report
  1. ABOUT ME
  2.  
  3. <style>
  4.  
  5. @import url(https://fonts.googleapis.com/css?family=Oswald|Playfair+Display:400,700i|Playfair+Display+SC|Babas+Neue|VT323|);
  6.  
  7. </style>
  8.  
  9. <style>
  10.  
  11. body {
  12. background-color: #000;
  13. background-image: url('https://i.pinimg.com/564x/0e/ce/87/0ece874c804d881670f8bb56bef21ff0.jpg');
  14. background-repeat: repeat;
  15. background-attachment: fixed;
  16. background-position: top left;
  17.  
  18. }
  19.  
  20.  
  21. </style>
  22.  
  23. <style>
  24.  
  25. .container { position:absolute; width:0; height:0; top:0; left:0; }
  26.  
  27. .sidebar { position:absolute; width:175px; height:400px; top:200px; left:700px; background:#bb8383; border:3px double #363636; font-family:'Oswald'; font-size:12px; color:#000; text-align:justify; }
  28.  
  29. .b-box1 { position:absolute; width:600px; height:400; top:200px; left:900px; background-image: url('https://i.imgur.com/AIf3vGH.png'); border:3px double #363636; }
  30.  
  31. </style>
  32.  
  33. <style>
  34.  
  35. /*POP UP*/
  36.  
  37. .overlay {
  38. position: fixed;
  39. top: 0;
  40. bottom: 0;
  41. left: 0;
  42. right: 0;
  43. background: rgba(0, 0, 0, 0.7);
  44. transition: opacity 500ms;
  45. visibility: hidden;
  46. opacity: 0;
  47. }
  48. .overlay:target {
  49. visibility: visible;
  50. opacity: 1;
  51. }
  52.  
  53. .popup {
  54. margin: 70px auto;
  55. width:560px;
  56. height:360px;
  57. top:133px;
  58. left:243px;
  59. padding: 20px;
  60. background: #bb8183;
  61. border-radius: 5px;
  62. opacity:0.9;
  63. position: relative;
  64. transition: all 5s ease-in-out;
  65. }
  66.  
  67. .popup .close {
  68. position: absolute;
  69. top: 1px;
  70. right: 1px;
  71. transition: all 200ms;
  72. font-size: 15px;
  73. font-weight: lighter;
  74. text-decoration: none;
  75. color: #363636;
  76. }
  77. .popup .close:hover {
  78. color: #747373;
  79. }
  80.  
  81. </style>
  82.  
  83. <style>
  84.  
  85. a.contacts, a.contacts:link, a.contacts:active, a.contacts:visited {
  86. width:25px;
  87. text-decoration:none;
  88. line-height:20px;
  89. background:#363636;
  90. color:#bb8183;
  91. border:1px solid #473737;
  92. border-radius:50px 50px;
  93. padding:1px 10px;
  94. margin:1px auto;
  95. }
  96.  
  97. a.contacts:hover {
  98. color:#363636;
  99. background:#bb8183;
  100. border:1px solid #473737;
  101. }
  102.  
  103. a.button { display:block; text-decoration:none; font-family:Oswald; font-size:9px; line-height:14px; padding:2px 2px; margin:2px 5px; background-color:#363636; color:#bb8183; text-transform:uppercase; text-align:center; border:1px solid #473737; }
  104.  
  105. a.button:hover { background-color:#bb8183; color:#363636; }
  106.  
  107. a.one, a.one:link, a.one:active, a.one:visited { display:block; float:left; text-decoration:none; text-transform:uppercase; font-family:Oswald; font-size:9px; padding:2px 2px; letter-spacing:1px; width:520px; font-weight:lighter; line-height:12px; background-color:#473737; color:#bb8183; text-align:center; }
  108.  
  109. a.one:hover { background-color:#bb8183; color:#473737; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out; text-shadow: 0px 0px, 0px 0px ; }
  110.  
  111. </style>
  112.  
  113. <style>
  114.  
  115. table, tr, td, li, p, div { font-family:Babas Neue; font-size:9px; line-height:11px; text-align:justify; color:#473737; padding:2px 2px; }
  116.  
  117. h1 { font-family:Bebas Neue; font-size:25px; line-height:23px; color:#363636; text-align:right; margin-top:0px; letter-spacing:3px; }
  118. h2 { font-family:Playfair Display; font-size:25px; line-height:25px; background-color:363636; color:#bb8383; padding-top:3px; padding-bottom:10px; font-style:italic; margin-top:0px; padding-left:250px; text-shadow:1px 1px #747373, 1px 1px #747373; }
  119. h3 { font-family:Bebas Neue; font-size:17px; line-height:20px; color:#363636; text-align:right; margin-top:0px; }
  120. h4 { font-family:Playfair Display; font-size:17px; line-height:20px; background-color:363636; color:#bb8383; padding-top:3px; padding-bottom:10px; font-style:italic; margin-top:0px; padding-left:250px; text-shadow:1px 1px #747373, 1px 1px #747373; }
  121. h5 { font-family:Bebas Neue; font-size:12px; line-height:16px; color:#363636; text-align:right; margin-top:0px; }
  122. h6 { font-family:Playfair Display; font-size:12px; line-height:16px; background-color:363636; color:#bb8383; padding-top:3px; padding-bottom:10px; font-style:italic; margin-top:0px; padding-left:250px; text-shadow:1px 1px #747373, 1px 1px #747373; letter-spacing:10px; margin-bottom:5px; }
  123.  
  124. b {
  125. font-family:Playfair Display;
  126. font-size:11px;
  127. line-height:11px;
  128. font-weight:bolder;
  129. color:#bbbbbb;
  130. }
  131. strong {
  132. font-family:Playfair Display;
  133. font-size:11px;
  134. line-height:13px;
  135. background-color:#473737;
  136. color:#bb8183;
  137. border:1px solid #623838;
  138. padding:0px 2px;
  139. margin:0px 1px;
  140. }
  141. i { font-family:Playfair Display;
  142. font-size:11px;
  143. line-height:11px;
  144. letter-spacing:-1px;
  145. font-style:italics;
  146. font-weight:lighter;
  147. color:#bbbbbb;
  148. }
  149. em { font-family:Playfair Display;
  150. font-size:11px;
  151. line-height:11px; color;#473737; background-color:#bbbbbb; padding:0 2px; margin:0 1px; }
  152. u { font-family:Playfair Display;
  153. font-size:11px;
  154. line-height:11px; }
  155. tt { font-family:VT323;
  156. font-size:11px;
  157. line-height:11px; text-transform:uppercase;}
  158.  
  159. first {
  160. font-family:VT323;
  161. width:20px;
  162. height:20px;
  163. font-size:16px;
  164. line-height:17px;
  165. color:#473737;
  166. font-weight:bolder;
  167. padding:0px 3px 0px 3px;
  168. margin:3px 1px 3px 1px;
  169. border:1px solid #bbbbbb;
  170. }
  171.  
  172. blockquote { }
  173.  
  174. </style>
  175.  
  176. <style>
  177.  
  178. ::-webkit-scrollbar
  179. {width: 5px; height: 5px; background-color:#473737;}
  180. ::-webkit-scrollbar-thumb
  181. {background-color:#bb8183; width: 5px; height: 5px;}
  182.  
  183. </style>
  184.  
  185. <style>
  186.  
  187. .ROYALepidemic { h i d e c o d e s }
  188. .clearfix {display:none !important; position:absolute!important;}
  189. .clearfix {margin-top: -130px;}
  190. .profileinfo {display:none;}
  191. .blurbs td. text {display:none;}
  192. .blurbs td td .orangetext15 {display:none;}
  193. .latestblogentry {display: none;}
  194. .extendednetwork{display:none;}
  195. .lightbluetext8 {DISPLAY:none;}
  196. .profileInfo td td.text {visibility:hidden;}
  197. .profileInfo td.text a img {visibility:visible;}
  198. .blacktext10 {display:none;}
  199. .whitetext12{display:none;}
  200. .whitetext12{display:none;}
  201. .nametext{display:none;}
  202. .friendscomments{display:none;}
  203. .friendsSpace {display: none;}
  204. .userProfileCompany{display:none;}
  205. .contacttable {display: none;}a
  206. table div font {display: none;}
  207. .userprofiledetail{display:none;}
  208. .interestsanddetails{display:none;}
  209. .userProfileNetworking{display:none;}
  210. .userProfileSchool{display:none;}
  211. .navigationbar{display:none;}
  212. table, tr, td {background-color:transparent !important;}
  213. .userprofileurl{display:none;}
  214. .friendspace{display:none;}
  215. table div font {display: none;}
  216. span.orangetext15 {display: none;}
  217. #topnav {display: none;}
  218. #footerWarpper div div { display: none;}
  219.  
  220. </style>
  221.  
  222. WHO I'D LIKE TO MEET
  223.  
  224. <body><html>
  225.  
  226. <div class="container"></div>
  227.  
  228. <div class="sidebar">
  229.  
  230. <img src="https://i.imgur.com/tHMCJnt.png" style="padding:5px 5px 5px 5px;" />
  231.  
  232. <center>
  233. <a href="/home.php" class="contacts" title="home">✈</a>
  234. <a href="/send_message.php?member_id=#####" class="contacts" title="message">✉</a>
  235. <a href="/add_comment.php?member_id=####" class="contacts" title="comment">✎</a>
  236. <a href="/" class="contacts" title="guidelines">𝙂</a>
  237. <a href="/view_profile.php?member_id=####" class="contacts" title="credit">©</a>
  238. </center>
  239.  
  240. <a class="button" href="#popup1">About Cora</a>
  241. <a class="button" href="#popup2">About Naoma</a>
  242. <a class="button" href="#popup3">Family Sites</a>
  243. <a class="button" href="#popup4">Affiliates</a>
  244. <a class="button" href="#popup5">Extra</a>
  245. <a class="button" href="#popup6">Extra</a>
  246.  
  247.  
  248. </div>
  249.  
  250. <div class="b-box1">
  251.  
  252.  
  253. <div id="popup1" class="overlay">
  254. <div class="popup">
  255. <h2 style="margin-top:-15px;">ABOUT CORA</h2>
  256. <a class="close" href="#">×</a>
  257. <div class="content">
  258. <div style="width:545px; height:350px; padding:2px 2px;">
  259. <div style="width:545px; height:22px; padding:2px 2px; float:left; display:inline-block; margin-top:-20px; align:left;">
  260. <img src="https://i.imgur.com/a9B98Oq.png" style="padding:5px 5px 5px 5px; " />
  261. <div style="width:287px; height:223px; margin-top:4px; align:right; float:right; display:inline-block; border:1px solid #473737; overflow:auto;"> <first>L</first>orem ipsum dolor sit amet, consectetur <b>adipiscing</b> elit, <strong>sed do eiusmod</strong> tempor incididunt <i>ut labore et dolore magna aliqua</i>. Ut enim ad <em>minim veniam, quis</em> <u>nostrud exercitation</u> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in <blockquote>reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</blockquote>. Lorem ipsum dolor sit amet, consectetur adipiscing <tt>elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</tt>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </div>
  262. <center><h6 style="margin-top:225px;">Important Links</h6> <div style="width:540px; height:50px; border:1px solid #473737; margin-top:0px;overflow:auto;">
  263. <a href="/" class="one">LINKS</a>
  264. <a href="/" class="one">LINKS</a>
  265. <a href="/" class="one">LINKS</a>
  266. <a href="/" class="one">LINKS</a>
  267. <a href="/" class="one">LINKS</a>
  268. <a href="/" class="one">LINKS</a></div>
  269. </center>
  270.  
  271.  
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276.  
  277. <div id="popup2" class="overlay">
  278. <div class="popup">
  279. <h2 style="margin-top:-15px;">ABOUT NAOMA</h2>
  280. <a class="close" href="#">×</a>
  281. <div class="content">
  282. <div style="width:545px; height:350px; padding:2px 2px;">
  283. <div style="width:545px; height:22px; padding:2px 2px; float:left; display:inline-block; margin-top:-20px; align:right;">
  284. <img src="https://i.imgur.com/vwgkHGW.png" style="padding:5px 5px 5px 5px; " />
  285. <div style="width:287px; height:223px; margin-top:4px; align:left; float:right; display:inline-block; border:1px solid #473737; overflow:auto;"> <b>ALIAS</b> <i>Naoma</i> <br>
  286. <strong>verses</strong> <em>I am not currently active on any pages at the moment.</em> <br>
  287. <b>EXPERIENCE</b> <i>I've owned many sites in the past, I recently have owned Silverlinings and Elysian Chaos. </i> <br>
  288. <strong>site opening</strong> <em>date here</em> <br>
  289. <b>YEARS ROLEPLAYING</b> <i>15+</i> <br>
  290. <strong>editing years</strong> <em>5 years</em> <br>
  291. <b>EDITOR STATUS</b> <i>Active</i> <br>
  292. <strong>site duties</strong> <em>most minimal site daily updates and code maintenace</em> <br>
  293. <b>STRENGTHS</b> <i> answers here </i> <br>
  294. <strong>weakness</strong> <em> answers there </em> <br> <first>L</first>orem ipsum dolor sit amet, consectetur <b>adipiscing</b> elit, <strong>sed do eiusmod</strong> tempor incididunt <i>ut labore et dolore magna aliqua</i>. Ut enim ad <em>minim veniam, quis</em> <u>nostrud exercitation</u> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in <blockquote>reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</blockquote>. Lorem ipsum dolor sit amet, consectetur adipiscing <tt>elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</tt> quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </div>
  295. <center><h6 style="margin-top:225px;">Important Links</h6> <div style="width:540px; height:50px; border:1px solid #473737; margin-top:0px;overflow:auto;">
  296. <a href="/" class="one">LINKS</a>
  297. <a href="/" class="one">LINKS</a>
  298. <a href="/" class="one">LINKS</a>
  299. <a href="/" class="one">LINKS</a>
  300. <a href="/" class="one">LINKS</a>
  301. <a href="/" class="one">LINKS</a></div>
  302. </center>
  303.  
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308.  
  309. <div id="popup3" class="overlay">
  310. <div class="popup">
  311. <h2 style="margin-top:-15px;">FAMILY SITES</h2>
  312. <a class="close" href="#">×</a>
  313. <div class="content">
  314. <marquee style="margin-top:-20px;"><a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a><a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a> <a href="/" title="hover for name"><img src="https://i.imgur.com/k4QA4ZR.png" style="padding:5px 5px 5px 5px;" /></a></marquee>
  315.  
  316. <center> <h6 style="margin-top:0px;">Highly Recommended</h6>
  317.  
  318. <div style="width:545px; height:135px; border:1px solid #473737; margin-top:0px;overflow:auto;">
  319. <a href="/" class="one">LINKS</a>
  320. <a href="/" class="one">LINKS</a>
  321. <a href="/" class="one">LINKS</a>
  322. <a href="/" class="one">LINKS</a>
  323. <a href="/" class="one">LINKS</a>
  324. <a href="/" class="one">LINKS</a>
  325. <a href="/" class="one">LINKS</a>
  326. <a href="/" class="one">LINKS</a>
  327. <a href="/" class="one">LINKS</a>
  328. <a href="/" class="one">LINKS</a>
  329. <a href="/" class="one">LINKS</a>
  330. <a href="/" class="one">LINKS</a>
  331. <a href="/" class="one">LINKS</a>
  332. <a href="/" class="one">LINKS</a>
  333. <a href="/" class="one">LINKS</a>
  334. <a href="/" class="one">LINKS</a>
  335. <a href="/" class="one">LINKS</a>
  336. <a href="/" class="one">LINKS</a>
  337. <a href="/" class="one">LINKS</a>
  338. <a href="/" class="one">LINKS</a>
  339. <a href="/" class="one">LINKS</a>
  340. <a href="/" class="one">LINKS</a>
  341. <a href="/" class="one">LINKS</a>
  342. <a href="/" class="one">LINKS</a>
  343. </div></center>
  344. </div>
  345. </div>
  346. </div>
  347.  
  348. <div id="popup4" class="overlay">
  349. <div class="popup">
  350. <h2 style="margin-top:-15px;">AFFILIATES</h2>
  351. <a class="close" href="#">×</a>
  352. <div class="content">
  353. <center> <h6 style="margin-top:-20px;">Resource Sites</h6>
  354.  
  355. <div style="width:545px; height:135px; border:1px solid #473737; margin-top:0px;overflow:auto;">
  356. <a href="/" class="one">LINKS</a>
  357. <a href="/" class="one">LINKS</a>
  358. <a href="/" class="one">LINKS</a>
  359. <a href="/" class="one">LINKS</a>
  360. <a href="/" class="one">LINKS</a>
  361. <a href="/" class="one">LINKS</a>
  362. <a href="/" class="one">LINKS</a>
  363. <a href="/" class="one">LINKS</a>
  364. <a href="/" class="one">LINKS</a>
  365. <a href="/" class="one">LINKS</a>
  366. <a href="/" class="one">LINKS</a>
  367. <a href="/" class="one">LINKS</a>
  368. <a href="/" class="one">LINKS</a>
  369. <a href="/" class="one">LINKS</a>
  370. <a href="/" class="one">LINKS</a>
  371. <a href="/" class="one">LINKS</a>
  372. <a href="/" class="one">LINKS</a>
  373. <a href="/" class="one">LINKS</a>
  374. <a href="/" class="one">LINKS</a>
  375. <a href="/" class="one">LINKS</a>
  376. <a href="/" class="one">LINKS</a>
  377. <a href="/" class="one">LINKS</a>
  378. <a href="/" class="one">LINKS</a>
  379. <a href="/" class="one">LINKS</a>
  380. </div>
  381.  
  382. <center> <h6 style="margin-top:3px;">Roleplay Sites</h6>
  383.  
  384. <div style="width:545px; height:135px; border:1px solid #473737; margin-top:0px;overflow:auto;">
  385. <a href="/" class="one">LINKS</a>
  386. <a href="/" class="one">LINKS</a>
  387. <a href="/" class="one">LINKS</a>
  388. <a href="/" class="one">LINKS</a>
  389. <a href="/" class="one">LINKS</a>
  390. <a href="/" class="one">LINKS</a>
  391. <a href="/" class="one">LINKS</a>
  392. <a href="/" class="one">LINKS</a>
  393. <a href="/" class="one">LINKS</a>
  394. <a href="/" class="one">LINKS</a>
  395. <a href="/" class="one">LINKS</a>
  396. <a href="/" class="one">LINKS</a>
  397. <a href="/" class="one">LINKS</a>
  398. <a href="/" class="one">LINKS</a>
  399. <a href="/" class="one">LINKS</a>
  400. <a href="/" class="one">LINKS</a>
  401. <a href="/" class="one">LINKS</a>
  402. <a href="/" class="one">LINKS</a>
  403. <a href="/" class="one">LINKS</a>
  404. <a href="/" class="one">LINKS</a>
  405. <a href="/" class="one">LINKS</a>
  406. <a href="/" class="one">LINKS</a>
  407. <a href="/" class="one">LINKS</a>
  408. <a href="/" class="one">LINKS</a>
  409. </div></center>
  410. </center>
  411. </div>
  412. </div>
  413. </div>
  414.  
  415. <div id="popup5" class="overlay">
  416. <div class="popup">
  417. <h2 style="margin-top:-15px;">EXTRA BOX 1</h2>
  418. <a class="close" href="#">×</a>
  419. <div class="content">
  420. Thank to pop me out of that button, but now i'm done so you can close this window.
  421. </div>
  422. </div>
  423. </div>
  424.  
  425. <div id="popup6" class="overlay">
  426. <div class="popup">
  427. <h2 style="margin-top:-15px;">EXTRA BOX 2</h2>
  428. <a class="close" href="#">×</a>
  429. <div class="content">
  430. Thank to pop me out of that button, but now i'm done so you can close this window.
  431. </div>
  432. </div>
  433. </div>
  434.  
  435. </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!