API tools faq
paste
mebuckner

Blue Island

mebuckner
Aug 6th, 2020 (edited)
219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.76 KB | None | 0 0
raw download clone embed print report
  1. This layout was made by Edits By M (/1631904). Do not remove any credit, claim this layout as your own, or use this on an account that has not asked for it. Thank you SO much for wanting to use this layout. You are wonderful.
  2.  
  3. <!--about me-->
  4. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  5. <style type="text/css">
  6. @import url('https://fonts.googleapis.com/css?family=Abel');
  7. @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@900&family=Poppins:wght@600&display=swap');
  8.  
  9. body {
  10. background-color:#232426;
  11. background-repeat:no-repeat;
  12. background-attachment:fixed;
  13. margin: 0;
  14. overflow:auto;
  15. background-image:url('https://i.imgur.com/B1JlmWn.png');
  16. background-size:cover;
  17. }
  18.  
  19. table, tr, td, li, p, div, .profileInfo td.text {
  20. font-size: 10px;
  21. font-family: georgia;
  22. color: #454235;
  23. }
  24.  
  25. b{
  26. color: #1f7f9f;
  27. }
  28.  
  29. h1{
  30. color: #fff; margin: 0;
  31. padding-top: 5px;
  32. padding-bottom: 5px;
  33. background: #1f7f9f;
  34. font-size: 12px;
  35. text-transform: uppercase;
  36. text-align: center;
  37. margin-bottom: 5px;
  38. margin-top: -10px;
  39. }
  40.  
  41. h2{
  42. color: #fff;
  43. margin: 0;
  44. padding-top: 0;
  45. padding-bottom: 0;
  46. font-size: 37px;
  47. text-transform: uppercase;
  48. text-align: center;
  49. margin-bottom: -4px;
  50. color: #1f7f9f;
  51. }
  52.  
  53. .container {
  54. width:800px;
  55. height:686px;
  56. position:absolute;
  57. left:0;
  58. right:0;
  59. top:0;
  60. bottom:0;
  61. overflow:hidden;
  62. margin:auto;
  63. color:#fff;
  64. background-color:#f7f7f7;
  65. font-family: 'Abel', sans-serif;
  66. border: 20px solid #f7f7f7;
  67. }
  68.  
  69. a.navigationLinks:link, a.navigationLinks:visited {
  70. background-color: #1f7f9f;
  71. color: #f7f7f7;
  72. padding: 10px 11px;
  73. text-align: center;
  74. text-decoration: none;
  75. display: inline-block;
  76. font-family: Georgia;
  77. text-transform: uppercase;
  78. width: 80px;
  79. font-size: 10px;
  80. }
  81.  
  82. a.navigationLinks:hover, a.navigationLinks:active {
  83. background-color: #f7f7f7;
  84. color:#1f7f9f;
  85. }
  86.  
  87.  
  88. a.affiliateLinks:link, a.affiliateLinks:visited {
  89. background-color: #1f7f9f;
  90. color: #f7f7f7;
  91. padding: 10px 11px;
  92. text-align: center;
  93. text-decoration: none;
  94. display: inline-block;
  95. font-family: Georgia;
  96. text-transform: uppercase;
  97. width: 114px;
  98. font-size: 10px;
  99. border-bottom: 5px solid #f7f7f7;
  100. }
  101.  
  102. a.affiliateLinks:hover, a.affiliateLinks:active {
  103. background-color: #f7f7f7;
  104. color:#1f7f9f;
  105. }
  106.  
  107. .navigationBar{
  108. width:800px;
  109. height:50px;
  110. display:inline-block;
  111. margin-top:-69px;
  112. text-align:center;
  113. margin-left: -9px;
  114. }
  115.  
  116. .leftSide{
  117. width:320px;
  118. height:261px;
  119. display:inline-block;
  120. vertical-align:top;
  121. text-align:center;
  122. margin-top:10px;
  123. }
  124.  
  125. .rightSide{
  126. width:477px;
  127. height:261px;
  128. display:inline-block;
  129. vertical-align:top;
  130. margin-top:10px;
  131. }
  132.  
  133. .bottomBar{
  134. width: 800px;
  135. height: 110px;
  136. vertical-align: top;
  137. margin-top: 10px;
  138. overflow: auto;
  139. white-space: nowrap;
  140. padding-top:10px;
  141. background-image: url('https://i.imgur.com/zdfruEV.png');
  142. background-position: center left;
  143. background-repeat: no-repeat;
  144. }
  145.  
  146. .groupInfoBox{
  147. width: 800px;
  148. height: 20px;
  149. margin-top: 10px;  
  150. font-size: 13px;
  151. text-align: center;
  152. padding-top: 5px;
  153. }
  154.  
  155. .ownersBox{
  156. width: 477px;
  157. height: 167px;
  158. margin-top: 10px;
  159. overflow:auto;
  160. }
  161.  
  162. .biographyBox{
  163. width: 300px;
  164. height: 134px;
  165. text-align: justify;
  166. font-family: georgia;
  167. color: #454235;
  168. display: inline-block;
  169. overflow: auto;
  170. }
  171.  
  172. .updatesBox{
  173. width: 289px;
  174. height: 60px;
  175. display: inline-block;
  176. padding:10px;
  177. margin-left: 10px;
  178. overflow:auto;
  179. vertical-align:top;
  180. }
  181.  
  182. #highlyRec{
  183. display:none;
  184. }
  185.  
  186. #highlyRec:target{
  187. width: 648px;
  188. height: 103px;
  189. display: inline-block;
  190. vertical-align: top;
  191. margin-left: 14px;
  192. overflow: auto;
  193. white-space: initial;
  194. text-align:center;
  195. background-color:#f7f7f7;
  196. margin-top:-1px;
  197. }
  198.  
  199.  
  200. #rpgLinks{
  201. display:none;
  202. }
  203.  
  204. #rpgLinks:target{
  205. width: 648px;
  206. height: 103px;
  207. display: inline-block;
  208. vertical-align: top;
  209. margin-left: 14px;
  210. overflow: auto;
  211. white-space: initial;
  212. text-align:center;
  213. background-color:#f7f7f7;
  214. margin-top:-1px;
  215. }
  216.  
  217.  
  218. #resourceLinks{
  219. display:none;
  220. }
  221.  
  222. #resourceLinks:target{
  223. width: 648px;
  224. height: 103px;
  225. display: inline-block;
  226. vertical-align: top;
  227. margin-left: 14px;
  228. overflow: auto;
  229. white-space: initial;
  230. text-align:center;
  231. background-color:#f7f7f7;
  232. margin-top:-1px;
  233. }
  234.  
  235. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#f7f7f7; border-top:10px solid #1f7f9f; border-bottom:10px solid #1f7f9f;}
  236. ::-webkit-scrollbar-thumb:horizontal {background:#f7f7f7; border-left:10px solid #1f7f9f; border-right:10px solid #1f7f9f;}
  237. ::-webkit-scrollbar {width:5px; height:7px;}
  238.  
  239.  
  240. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  241.  
  242. <!--this code was made by M from Edits by M, dont steal or we'll find you, thanks-->
  243. </style>
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263. <!--like to meet-->
  264. <html>
  265. <body>
  266. <div class="container">
  267. <img src="https://i.imgur.com/dROrI6b.png">
  268. <div class="navigationBar">
  269. <a href="https://www.roleplayer.me/home.php" class="navigationLinks">home</a>
  270. <a href="https://www.roleplayer.me/send_message.php?member_id=" class="navigationLinks" style="margin-left:15px;">audition</a>
  271. <a href="/" class="navigationLinks" style="margin-left:15px;">rules</a>
  272. <a href="/" class="navigationLinks" style="margin-left:15px;">all content</a>
  273. <a href="/" class="navigationLinks" style="margin-left:15px;">share</a>
  274. <a href="/1631904" class="navigationLinks" style="margin-left:15px;">credit</a>
  275. </div>
  276.  
  277. <div class="groupInfoBox">
  278. <b>group created</b> 00/00/0000 <b style="margin-left:10px;">current member count</b> 00/00 <b style="margin-left:10px;">female count</b> 00/00 <b style="margin-left:10px;">male count</b> 00/00
  279. </div>
  280.  
  281. <div class="leftSide">
  282. <img src="https://i.imgur.com/wxm9Mrn.png">
  283. <div class="biographyBox">
  284. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  285. <br><br>
  286. Amet nisl suscipit adipiscing bibendum est ultricies. Pulvinar pellentesque habitant morbi tristique senectus et netus et malesuada. Mauris rhoncus aenean vel elit scelerisque mauris. Nec dui nunc mattis enim ut tellus elementum. Nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Dictumst quisque sagittis purus sit amet volutpat consequat mauris. Lectus proin nibh nisl condimentum id. Amet dictum sit amet justo donec enim diam vulputate ut. Consectetur purus ut faucibus pulvinar elementum. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit duis. Lacus vestibulum sed arcu non odio. Et malesuada fames ac turpis egestas integer eget aliquet nibh. Eget est lorem ipsum dolor sit amet consectetur adipiscing elit. Mauris vitae ultricies leo integer malesuada nunc. Pharetra magna ac placerat vestibulum lectus mauris. Cursus mattis molestie a iaculis at erat pellentesque adipiscing commodo.
  287. <br><br>
  288. Urna cursus eget nunc scelerisque viverra mauris. Non tellus orci ac auctor augue mauris augue. Tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Semper auctor neque vitae tempus quam pellentesque nec. Et netus et malesuada fames ac turpis egestas maecenas. Eu volutpat odio facilisis mauris sit amet massa vitae tortor. Scelerisque eu ultrices vitae auctor eu augue ut lectus. Maecenas accumsan lacus vel facilisis volutpat est velit. Suspendisse potenti nullam ac tortor vitae purus faucibus. Arcu ac tortor dignissim convallis aenean et. Lacus luctus accumsan tortor posuere ac ut consequat. Iaculis nunc sed augue lacus viverra vitae congue eu consequat.
  289. <br><br>
  290. Nibh mauris cursus mattis molestie a. Lectus vestibulum mattis ullamcorper velit sed ullamcorper. Non enim praesent elementum facilisis. Vitae elementum curabitur vitae nunc sed velit dignissim sodales ut. Tincidunt vitae semper quis lectus nulla at volutpat diam. Interdum velit laoreet id donec ultrices tincidunt arcu. Amet nisl suscipit adipiscing bibendum est ultricies integer. Pellentesque habitant morbi tristique senectus et netus et malesuada fames. Integer quis auctor elit sed. Pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nisl pretium fusce id velit ut tortor pretium viverra suspendisse. Nisl purus in mollis nunc. Enim sed faucibus turpis in eu mi bibendum. Diam sollicitudin tempor id eu. Cras pulvinar mattis nunc sed blandit libero volutpat sed. Tortor posuere ac ut consequat.
  291. <br><br>
  292. Nulla facilisi cras fermentum odio eu feugiat pretium. In arcu cursus euismod quis. Sed viverra ipsum nunc aliquet. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Eget dolor morbi non arcu risus quis varius quam. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ligula ullamcorper malesuada proin libero. Congue quisque egestas diam in arcu cursus euismod quis viverra. Arcu bibendum at varius vel pharetra vel turpis nunc. Sed pulvinar proin gravida hendrerit lectus a. Sem integer vitae justo eget magna. Nunc sed id semper risus. Pellentesque id nibh tortor id aliquet. Adipiscing elit pellentesque habitant morbi tristique senectus. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Interdum velit laoreet id donec ultrices. Semper eget duis at tellus at urna condimentum mattis. Nulla facilisi cras fermentum odio eu feugiat pretium nibh.
  293. </div>
  294.  
  295. </div>
  296.  
  297. <div class="rightSide">
  298. <img src="https://i.imgur.com/ZGNtdOt.png">
  299. <div class="updatesBox">
  300. <h1>Group Updates</h1>
  301. <b>00/00</b> - Something happened here.<br><br>
  302. <b>00/00</b> - Something happened here.<br><br>
  303. <b>00/00</b> - Something happened here.<br><br>
  304. <b>00/00</b> - Something happened here.<br><br>
  305. <b>00/00</b> - Something happened here.<br><br>
  306. <b>00/00</b> - Something happened here.<br><br>
  307. <b>00/00</b> - Something happened here.<br><br>
  308. <b>00/00</b> - Something happened here.<br><br>
  309. <b>00/00</b> - Something happened here.<br><br>
  310. </div>
  311. <br>
  312. <div class="ownersBox">
  313. <center><h2>Meet the Owners</h2><br>
  314. <div style="width: 441px; height: 98px; padding: 10px; vertical-align: top; margin-left: 10px; display: inline-block; text-align: justify; overflow: auto;">
  315. <h1>name goes here</h1>
  316. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not.
  317. <br><br>
  318. <h1>name goes here</h1>
  319. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not. about them here and what not.
  320. </div>
  321. </div>
  322. </div>
  323. <div class="bottomBar">
  324. <div style="display:inline-block;">
  325. <a href="#highlyRec" class="affiliateLinks">highly rec</a> <br>
  326. <a href="#rpgLinks" class="affiliateLinks">roleplay groups</a> <br>
  327. <a href="#resourceLinks" class="affiliateLinks">resource sites</a>
  328. </div>
  329. <div id="highlyRec">
  330. <a href="/" class="affiliateLinks">highly rec</a>
  331. <a href="/" class="affiliateLinks">highly rec</a>
  332. <a href="/" class="affiliateLinks">highly rec</a>
  333. <a href="/" class="affiliateLinks">highly rec</a>
  334. <a href="/" class="affiliateLinks">highly rec</a>
  335. <a href="/" class="affiliateLinks">highly rec</a>
  336. <a href="/" class="affiliateLinks">highly rec</a>
  337. <a href="/" class="affiliateLinks">highly rec</a>
  338. <a href="/" class="affiliateLinks">highly rec</a>
  339. <a href="/" class="affiliateLinks">highly rec</a>
  340. <a href="/" class="affiliateLinks">highly rec</a>
  341. <a href="/" class="affiliateLinks">highly rec</a>
  342. <a href="/" class="affiliateLinks">highly rec</a>
  343. <a href="/" class="affiliateLinks">highly rec</a>
  344. <a href="/" class="affiliateLinks">highly rec</a>
  345. <a href="/" class="affiliateLinks">highly rec</a>
  346. <a href="/" class="affiliateLinks">highly rec</a>
  347. <a href="/" class="affiliateLinks">highly rec</a>
  348. <a href="/" class="affiliateLinks">highly rec</a>
  349. <a href="/" class="affiliateLinks">highly rec</a>
  350. <a href="/" class="affiliateLinks">highly rec</a>
  351. <a href="/" class="affiliateLinks">highly rec</a>
  352. <a href="/" class="affiliateLinks">highly rec</a>
  353. <a href="/" class="affiliateLinks">highly rec</a>
  354. <a href="/" class="affiliateLinks">highly rec</a>
  355. <a href="/" class="affiliateLinks">highly rec</a>
  356. <a href="/" class="affiliateLinks">highly rec</a>
  357.  
  358. </div>
  359. <div id="rpgLinks">
  360. <a href="/" class="affiliateLinks">roleplay group</a>
  361. <a href="/" class="affiliateLinks">roleplay group</a>
  362. <a href="/" class="affiliateLinks">roleplay group</a>
  363. <a href="/" class="affiliateLinks">roleplay group</a>
  364. <a href="/" class="affiliateLinks">roleplay group</a>
  365. <a href="/" class="affiliateLinks">roleplay group</a>
  366. <a href="/" class="affiliateLinks">roleplay group</a>
  367. <a href="/" class="affiliateLinks">roleplay group</a>
  368. <a href="/" class="affiliateLinks">roleplay group</a>
  369. <a href="/" class="affiliateLinks">roleplay group</a>
  370. <a href="/" class="affiliateLinks">roleplay group</a>
  371. <a href="/" class="affiliateLinks">roleplay group</a>
  372. <a href="/" class="affiliateLinks">roleplay group</a>
  373. <a href="/" class="affiliateLinks">roleplay group</a>
  374. <a href="/" class="affiliateLinks">roleplay group</a>
  375. <a href="/" class="affiliateLinks">roleplay group</a>
  376. <a href="/" class="affiliateLinks">roleplay group</a>
  377. <a href="/" class="affiliateLinks">roleplay group</a>
  378. <a href="/" class="affiliateLinks">roleplay group</a>
  379. <a href="/" class="affiliateLinks">roleplay group</a>
  380. <a href="/" class="affiliateLinks">roleplay group</a>
  381. <a href="/" class="affiliateLinks">roleplay group</a>
  382. <a href="/" class="affiliateLinks">roleplay group</a>
  383. <a href="/" class="affiliateLinks">roleplay group</a>
  384. <a href="/" class="affiliateLinks">roleplay group</a>
  385. <a href="/" class="affiliateLinks">roleplay group</a>
  386. <a href="/" class="affiliateLinks">roleplay group</a>
  387. <a href="/" class="affiliateLinks">roleplay group</a>
  388. <a href="/" class="affiliateLinks">roleplay group</a>
  389. <a href="/" class="affiliateLinks">roleplay group</a>
  390. <a href="/" class="affiliateLinks">roleplay group</a>
  391. <a href="/" class="affiliateLinks">roleplay group</a>
  392. <a href="/" class="affiliateLinks">roleplay group</a>
  393. <a href="/" class="affiliateLinks">roleplay group</a>
  394. <a href="/" class="affiliateLinks">roleplay group</a>
  395. </div>
  396. <div id="resourceLinks">
  397. <a href="/" class="affiliateLinks">resource site</a>
  398. <a href="/" class="affiliateLinks">resource site</a>
  399. <a href="/" class="affiliateLinks">resource site</a>
  400. <a href="/" class="affiliateLinks">resource site</a>
  401. <a href="/" class="affiliateLinks">resource site</a>
  402. <a href="/" class="affiliateLinks">resource site</a>
  403. <a href="/" class="affiliateLinks">resource site</a>
  404. <a href="/" class="affiliateLinks">resource site</a>
  405. <a href="/" class="affiliateLinks">resource site</a>
  406. <a href="/" class="affiliateLinks">resource site</a>
  407. <a href="/" class="affiliateLinks">resource site</a>
  408. <a href="/" class="affiliateLinks">resource site</a>
  409. <a href="/" class="affiliateLinks">resource site</a>
  410. <a href="/" class="affiliateLinks">resource site</a>
  411. <a href="/" class="affiliateLinks">resource site</a>
  412. <a href="/" class="affiliateLinks">resource site</a>
  413. <a href="/" class="affiliateLinks">resource site</a>
  414. <a href="/" class="affiliateLinks">resource site</a>
  415. <a href="/" class="affiliateLinks">resource site</a>
  416. <a href="/" class="affiliateLinks">resource site</a>
  417. <a href="/" class="affiliateLinks">resource site</a>
  418. <a href="/" class="affiliateLinks">resource site</a>
  419. <a href="/" class="affiliateLinks">resource site</a>
  420. <a href="/" class="affiliateLinks">resource site</a>
  421. <a href="/" class="affiliateLinks">resource site</a>
  422. <a href="/" class="affiliateLinks">resource site</a>
  423. <a href="/" class="affiliateLinks">resource site</a>
  424. <a href="/" class="affiliateLinks">resource site</a>
  425. <a href="/" class="affiliateLinks">resource site</a>
  426. <a href="/" class="affiliateLinks">resource site</a>
  427.  
  428. </div>
  429. </div>
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436. </div>
  437. </body>
  438. </html>
  439.  
  440.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!