mebuckner

Autumn Fields

Aug 28th, 2020 (edited)
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.30 KB | None | 0 0
  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/47p9ejt.jpg');
  16. background-size:cover;
  17. background-position: bottom left;
  18. }
  19.  
  20. table, tr, td, li, p, div, .profileInfo td.text {
  21. font-size: 12px;
  22. font-family: georgia;
  23. color: #000;
  24. }
  25.  
  26. b{
  27. color: #a83a20;
  28. }
  29.  
  30. h1{
  31. color: #fff; margin: 0;
  32. padding-top: 5px;
  33. padding-bottom: 5px;
  34. background: #a83a20;
  35. font-size: 12px;
  36. text-transform: uppercase;
  37. text-align: center;
  38. margin-bottom: 5px;
  39. margin-top: -10px;
  40. }
  41.  
  42. h2{
  43. color: #fff;
  44. margin: 0;
  45. padding-top: 0;
  46. padding-bottom: 0;
  47. font-size: 37px;
  48. text-transform: uppercase;
  49. text-align: center;
  50. margin-bottom: -4px;
  51. color: #a83a20;
  52. }
  53.  
  54. .container {
  55. width:800px;
  56. height:686px;
  57. position:absolute;
  58. left:0;
  59. right:0;
  60. top:0;
  61. bottom:0;
  62. overflow:hidden;
  63. margin:auto;
  64. color:#fff;
  65. background-color:#f7f7f7;
  66. font-family: 'Abel', sans-serif;
  67. border: 20px solid #f7f7f7;
  68. }
  69.  
  70. a.navigationLinks:link, a.navigationLinks:visited {
  71. background-color: #a83a20;
  72. color: #f7f7f7;
  73. padding: 10px 11px;
  74. text-align: center;
  75. text-decoration: none;
  76. display: inline-block;
  77. font-family: Georgia;
  78. text-transform: uppercase;
  79. width: 80px;
  80. font-size: 10px;
  81. }
  82.  
  83. a.navigationLinks:hover, a.navigationLinks:active {
  84. background-color: #f7f7f7;
  85. color:#a83a20;
  86. }
  87.  
  88.  
  89. a.affiliateLinks:link, a.affiliateLinks:visited {
  90. background-color: #a83a20;
  91. color: #f7f7f7;
  92. padding: 10px 11px;
  93. text-align: center;
  94. text-decoration: none;
  95. display: inline-block;
  96. font-family: Georgia;
  97. text-transform: uppercase;
  98. width: 114px;
  99. font-size: 10px;
  100. border-bottom: 5px solid #f7f7f7;
  101. }
  102.  
  103. a.affiliateLinks:hover, a.affiliateLinks:active {
  104. background-color: #f7f7f7;
  105. color:#a83a20;
  106. }
  107.  
  108. .navigationBar{
  109. width:800px;
  110. height:50px;
  111. display:inline-block;
  112. margin-top:-69px;
  113. text-align:center;
  114. margin-left: -9px;
  115. }
  116.  
  117. .leftSide{
  118. width:320px;
  119. height:261px;
  120. display:inline-block;
  121. vertical-align:top;
  122. text-align:center;
  123. margin-top:10px;
  124. }
  125.  
  126. .rightSide{
  127. width:477px;
  128. height:261px;
  129. display:inline-block;
  130. vertical-align:top;
  131. margin-top:10px;
  132. }
  133.  
  134. .bottomBar{
  135. width: 800px;
  136. height: 110px;
  137. vertical-align: top;
  138. margin-top: 10px;
  139. overflow: auto;
  140. white-space: nowrap;
  141. padding-top:10px;
  142. background-image: url('https://i.imgur.com/DuTedQh.png');
  143. background-position: center left;
  144. background-repeat: no-repeat;
  145. }
  146.  
  147. .groupInfoBox{
  148. width: 800px;
  149. height: 20px;
  150. margin-top: 10px;  
  151. font-size: 13px;
  152. text-align: center;
  153. padding-top: 5px;
  154. }
  155.  
  156. .ownersBox{
  157. width: 477px;
  158. height: 167px;
  159. margin-top: 10px;
  160. overflow:auto;
  161. }
  162.  
  163. .biographyBox{
  164. width: 300px;
  165. height: 134px;
  166. text-align: justify;
  167. font-family: georgia;
  168. color: #454235;
  169. display: inline-block;
  170. overflow: auto;
  171. }
  172.  
  173. .updatesBox{
  174. width: 289px;
  175. height: 60px;
  176. display: inline-block;
  177. padding:10px;
  178. margin-left: 10px;
  179. overflow:auto;
  180. vertical-align:top;
  181. }
  182.  
  183. #highlyRec{
  184. display:none;
  185. }
  186.  
  187. #highlyRec:target{
  188. width: 648px;
  189. height: 103px;
  190. display: inline-block;
  191. vertical-align: top;
  192. margin-left: 14px;
  193. overflow: auto;
  194. white-space: initial;
  195. text-align:center;
  196. background-color:#f7f7f7;
  197. margin-top:-1px;
  198. }
  199.  
  200.  
  201. #rpgLinks{
  202. display:none;
  203. }
  204.  
  205. #rpgLinks:target{
  206. width: 648px;
  207. height: 103px;
  208. display: inline-block;
  209. vertical-align: top;
  210. margin-left: 14px;
  211. overflow: auto;
  212. white-space: initial;
  213. text-align:center;
  214. background-color:#f7f7f7;
  215. margin-top:-1px;
  216. }
  217.  
  218.  
  219. #resourceLinks{
  220. display:none;
  221. }
  222.  
  223. #resourceLinks:target{
  224. width: 648px;
  225. height: 103px;
  226. display: inline-block;
  227. vertical-align: top;
  228. margin-left: 14px;
  229. overflow: auto;
  230. white-space: initial;
  231. text-align:center;
  232. background-color:#f7f7f7;
  233. margin-top:-1px;
  234. }
  235.  
  236. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#f7f7f7; border-top:10px solid #a83a20; border-bottom:10px solid #a83a20;}
  237. ::-webkit-scrollbar-thumb:horizontal {background:#f7f7f7; border-left:10px solid #a83a20; border-right:10px solid #a83a20;}
  238. ::-webkit-scrollbar {width:5px; height:7px;}
  239.  
  240.  
  241. .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>
  242.  
  243. <!--this code was made by M from Edits by M, dont steal or we'll find you, thanks-->
  244. </style>
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. <!--like to meet-->
  260. <html>
  261. <body>
  262. <div class="container">
  263. <img src="https://i.imgur.com/47t7VI3.png">
  264. <div class="navigationBar">
  265. <a href="https://www.roleplayer.me/home.php" class="navigationLinks">home</a>
  266. <a href="https://www.roleplayer.me/send_message.php?member_id=1643822" class="navigationLinks" style="margin-left:15px;">audition</a>
  267. <a href="/view_blog.php?id=0000484089" class="navigationLinks" style="margin-left:15px;">rules</a>
  268. <a href="/view_blog.php?id=0000484097" class="navigationLinks" style="margin-left:15px;">all content</a>
  269. <a href="/view_blog.php?id=0000484098" class="navigationLinks" style="margin-left:15px;">share</a>
  270. <a href="/1631904" class="navigationLinks" style="margin-left:15px;">credit</a>
  271. </div>
  272.  
  273. <div class="groupInfoBox">
  274. <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
  275. </div>
  276.  
  277. <div class="leftSide">
  278. <img src="https://i.imgur.com/0Jqskc4.png">
  279. <div class="biographyBox">
  280. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here. Storyline for the group will go here.
  281. </div>
  282.  
  283. </div>
  284.  
  285. <div class="rightSide">
  286. <img src="https://i.imgur.com/8cz7BKD.png">
  287. <div class="updatesBox">
  288. <h1>Group Updates</h1>
  289. <b>00/00</b> - Something happened on this date.<br><br>
  290. <b>00/00</b> - Something happened on this date.<br><br>
  291. <b>00/00</b> - Something happened on this date.<br><br>
  292. <b>00/00</b> - Something happened on this date.<br><br>
  293. <b>00/00</b> - Something happened on this date.<br><br>
  294. <b>00/00</b> - Something happened on this date.<br><br>
  295. <b>00/00</b> - Something happened on this date.<br><br>
  296. <b>00/00</b> - Something happened on this date.<br><br>
  297. <b>00/00</b> - Something happened on this date.<br><br>
  298. <b>00/00</b> - Something happened on this date.<br><br>
  299. </div>
  300. <br>
  301. <div class="ownersBox">
  302. <center><h2>Meet the Owners</h2><br>
  303. <div style="width: 441px; height: 98px; padding: 10px; vertical-align: top; margin-left: 10px; display: inline-block; text-align: justify; overflow: auto;">
  304. <h1>first middle last</h1>
  305. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group.
  306.  
  307.  
  308. <h1>first middle last</h1>
  309. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group.
  310.  
  311.  
  312. <h1>first middle last</h1>
  313. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group.
  314.  
  315.  
  316. <h1>first middle last</h1>
  317. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group.
  318.  
  319.  
  320. <h1>first middle last</h1>
  321. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group.
  322.  
  323. <h1>first middle last</h1>
  324. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group. talk about yourself here or talk about what you like best about the group.
  325. </div>
  326. </div>
  327. </div>
  328. <div class="bottomBar">
  329. <div style="display:inline-block;">
  330. <a href="#highlyRec" class="affiliateLinks">highly rec</a> <br>
  331. <a href="#rpgLinks" class="affiliateLinks">roleplay groups</a> <br>
  332. <a href="#resourceLinks" class="affiliateLinks">resource sites</a>
  333. </div>
  334. <div id="highlyRec">
  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. <a href="/" class="affiliateLinks">highly rec</a>
  358. <a href="/" class="affiliateLinks">highly rec</a>
  359. <a href="/" class="affiliateLinks">highly rec</a>
  360. <a href="/" class="affiliateLinks">highly rec</a>
  361. <a href="/" class="affiliateLinks">highly rec</a>
  362.  
  363. </div>
  364. <div id="rpgLinks">
  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. <a href="/" class="affiliateLinks">roleplay group</a>
  396. <a href="/" class="affiliateLinks">roleplay group</a>
  397. <a href="/" class="affiliateLinks">roleplay group</a>
  398. <a href="/" class="affiliateLinks">roleplay group</a>
  399. <a href="/" class="affiliateLinks">roleplay group</a>
  400. </div>
  401. <div id="resourceLinks">
  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. <a href="/" class="affiliateLinks">resource site</a>
  428. <a href="/" class="affiliateLinks">resource site</a>
  429. <a href="/" class="affiliateLinks">resource site</a>
  430. <a href="/" class="affiliateLinks">resource site</a>
  431. <a href="/" class="affiliateLinks">resource site</a>
  432.  
  433. </div>
  434. </div>
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441. </div>
  442. </body>
  443. </html>
  444.  
  445.  
Add Comment
Please, Sign In to add comment