Maroon Night

<!--This code has been provided by Edits by M (http://www.roleplayer.me/1631904 ), please do not redistrubte without permission or take off credit -->

<!--about me-->
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');



.Edits By M { This layout is made by Edits By M /1631904 do not remove credit. That would make you icky.}


.Edits By M { Cursor }
body, a:hover {
  cursor:url(https://66.media.tumblr.com/f46b031cba2db945b35fa4dade248483/tumblr_pqwkuheQQH1u8yrhso2_r2_75sq.png), pointer;
}

.Edits By M { Background }
table, tr, td {
  background-color:transparent;
  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
  font-size:10px;
}


.Edits By M  { Body }
body {
  background-color:#e4ced0;
  background-image:url("https://i.imgur.com/wzLUbWE.png");
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position: bottom left;
  margin-top:10px;
}



.Edits By M  { Scrollbar }
  ::-webkit-scrollbar {
      display: none;
}

.mygen { Tables }
td.text table table {
  position:static;
}

table table table table{
  border:5px solid #1a2831;
  background-color:#fff;
}

h1{
  color:#1a2831;
  font-family: 'Montserrat', sans-serif;
  margin:0;
  padding:0;
  text-transform:uppercase;
  font-size:30px;
  letter-spacing:2px;
}

.lastUpdated{
  font-size:15px;
}

b{
  color:#844444;
}

i{
  color:#c94135;
}

h2{
  margin:0;
  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
  font-size:15px;
  background:#844444;
  color:#fff;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
}

h3{
  margin:0;
  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
  text-align:left;
  font-size:20px;
  color:#844444;
}

h4{
  margin:0;
  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
  text-align:right;
  font-size:20px;
  color:#1a2831;
}


a.NavigationLinks:link, a.NavigationLinks:visited {
  background-color: #844444;
  width:120px;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-bottom:2px solid #fff;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
  text-transform:uppercase;
}

a.NavigationLinks:hover, a.NavigationLinks:active {
  background-color: #cc3f38;
}


a.oweList:link, a.oweList:visited {
  color: #844444;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size:10px;
  text-transform:uppercase;
}

a.oweList:hover, a.oweList:active {
  color: #1a2831;
}

.breaker{
  width:300px;
  height:1px;
}

.breakerTwo{
  width:450px;
  height:1px;
}

.quoteSpot{
  width:280px;
  padding:10px;
  height:auto;
  background-image:url('https://78.media.tumblr.com/226013296f378117bb506192f8982808/tumblr_inline_mkjkwp5xlN1qz4rgp.png');
  background-size:cover;
}


.storylineBox{
  background:#fff;
  width:380px;
  height:220px;
  padding:10px;
  border:25px solid #844444;
  text-align:justify;
  overflow:auto;
}

.credit{
  bottom:5;
  right:5;
  position:fixed;
}


 div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important;bottom:2000px !important;} .clearfix {display:none !important;position:absolute!important;} table table br {line-height:3px} table table table br {line-height:5px;} .a {hide top search bar} div div select, div div form {display:none !important;} select { visibility:hidden!important; WIDTH:0px!important;} .note {bring the tables up more} td.text table {position:relative; top: -20px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;} /*HIDECODES*/ table .nametext {display:none;} .extendednetwork{display:none;} .blurbs{display:none;} .userprofileurl{display:none;} .userprofiledetail{display:none;} .interestsanddetails{display:none;} .latestblogentry{display:none;} .mslogo{display:none;} .friendscomments{display:none;} .friendspace{display:none;} .contacttable{display:none;} .lightbluetext8{display:none;} .Do Not Hide The Profile Ads{display:none;} .userAlbums{display:none;} td.text table {position:relative; top: -11px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;} .contactTable td, table table td.text table td,table table table table table td {width:auto;} div td {display:none;} table {top:-6px; position:relative;} table table {top:0px; position:relative;} table.profileInfo table td {white-space:wrap !important;} table.profileInfo, table.profileInfo table tr:last-child {display:none;} #footerWarpper{display: none;} .profileInfo .text {font:12px 'Archivo Narrow'; color:#696969; line-height:12px;} #jm a {background-image:url("")!important; background-repeat:no-repeat!important; width:58px!important; height:13px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} a:hover {opacity:1!important;}table table table table {position:static;}


.mygen {space} table table br {display:none;} table table table br {display:block;} table table table {margin-top:4px;} table table table table {margin-top:0px;}
</style>



<!--like to meet-->

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
<div class="credit">
<a href="/1631904"><img src="https://i.imgur.com/zrUMnUI.png"></a>
</div>
<img src="https://i.imgur.com/J5mLhtF.png">

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
<div class="storylineBox">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dis parturient montes nascetur ridiculus. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue. Ullamcorper velit sed ullamcorper morbi tincidunt. Venenatis tellus in metus vulputate eu scelerisque felis. Praesent tristique magna sit amet. Netus et malesuada fames ac. Hendrerit gravida rutrum quisque non tellus. Risus in hendrerit gravida rutrum quisque. Volutpat diam ut venenatis tellus in metus vulputate eu. Urna molestie at elementum eu facilisis sed. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Aliquam ut porttitor leo a. Sagittis orci a scelerisque purus semper eget. Urna cursus eget nunc scelerisque viverra mauris in aliquam.
<br><br>
Sit amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci. Id ornare arcu odio ut sem nulla pharetra. Sem et tortor consequat id porta nibh venenatis cras sed. Sagittis purus sit amet volutpat consequat mauris. Imperdiet massa tincidunt nunc pulvinar. Pretium nibh ipsum consequat nisl vel pretium. Ac tortor vitae purus faucibus. Mauris pharetra et ultrices neque ornare aenean euismod. Adipiscing diam donec adipiscing tristique risus nec feugiat. Malesuada fames ac turpis egestas sed tempus urna et.
<br><br>
Ornare aenean euismod elementum nisi. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Arcu cursus euismod quis viverra nibh cras pulvinar mattis nunc. Pulvinar elementum integer enim neque volutpat ac. Tempor id eu nisl nunc mi. Lectus arcu bibendum at varius. Netus et malesuada fames ac turpis egestas sed. Felis eget velit aliquet sagittis id consectetur purus ut faucibus. Habitant morbi tristique senectus et netus et malesuada. Vel quam elementum pulvinar etiam non. Bibendum at varius vel pharetra vel turpis. Sem et tortor consequat id porta nibh venenatis cras sed. Morbi tristique senectus et netus et. Ut placerat orci nulla pellentesque dignissim.
<br><br>
Tortor at risus viverra adipiscing at in tellus. Quam adipiscing vitae proin sagittis. Tortor posuere ac ut consequat semper viverra nam libero. Pellentesque dignissim enim sit amet venenatis urna cursus. Nibh nisl condimentum id venenatis a condimentum vitae. Amet volutpat consequat mauris nunc congue. Vestibulum sed arcu non odio. Integer feugiat scelerisque varius morbi enim nunc. Consectetur adipiscing elit ut aliquam purus sit amet luctus. Auctor urna nunc id cursus metus aliquam. At tempor commodo ullamcorper a lacus vestibulum sed arcu. Tempor commodo ullamcorper a lacus vestibulum sed arcu non. Bibendum est ultricies integer quis auctor elit sed.
<br><br>
Sed arcu non odio euismod. Eu facilisis sed odio morbi quis commodo odio aenean. Massa placerat duis ultricies lacus sed. Odio eu feugiat pretium nibh ipsum consequat nisl vel pretium. At varius vel pharetra vel turpis nunc. Sed elementum tempus egestas sed sed risus pretium. Cursus risus at ultrices mi. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Massa vitae tortor condimentum lacinia quis vel eros donec ac. Integer quis auctor elit sed vulputate mi sit. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus interdum.
</div>

</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
<img src="https://i.imgur.com/K2LTP1T.png">


</td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
<div class="breakerTwo"></div>
<img src="https://i.imgur.com/rq3nZ2U.png">

<div style="width:240px; height:245px; overflow:auto; border:3px solid #1a2831; display:inline-block; overflow:auto; text-align:justify;">
<h2>Love Life</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dis parturient montes nascetur ridiculus. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue. Ullamcorper velit sed ullamcorper morbi tincidunt. Venenatis tellus in metus vulputate eu scelerisque felis. Praesent tristique magna sit amet. Netus et malesuada fames ac. Hendrerit gravida rutrum quisque non tellus. Risus in hendrerit gravida rutrum quisque. Volutpat diam ut venenatis tellus in metus vulputate eu. Urna molestie at elementum eu facilisis sed. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Aliquam ut porttitor leo a. Sagittis orci a scelerisque purus semper eget. Urna cursus eget nunc scelerisque viverra mauris in aliquam.
</div>

<!--interests-->
</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<center>
<h1>Full name</h1>
<div style="width:300px; height:190px;">
<div style="width:145px; height:190px; display:inline-block; vertical-align:top;">
<img src="https://i.imgur.com/ZOCuaBn.png" width="100%">
</div>
<div style="width:150px; height:190px; display:inline-block; vertical-align:top; overflow:auto;">
<a href="/" class="NavigationLinks">home</a>
<a href="/" class="NavigationLinks">message</a>
<a href="/" class="NavigationLinks">comment</a>
<a href="/" class="NavigationLinks">photos</a>
<a href="/" class="NavigationLinks">stream</a>

</div>

</div>
<h1 class="lastUpdated"><b>LINE/DISCORD:</b> ________</h1>


</center>




</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">

<div class="quoteSpot">
<h3>quote start one</h3>
<h4>quote start two</h4>
</div>








</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div class="breaker"></div>
<center>
<h1>My Owes List</h1>
<div style="width:145px; height:150px; overflow:auto; border:3px solid #1a2831; display:inline-block; overflow:auto;">
<h2>I Owe You</h2>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
</div>
<div style="width:45%; height:150px; overflow:auto; border:3px solid #1a2831; display:inline-block; overflow:auto;">
<h2>You Owe Me</h2>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
<a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br>
</div>
<h1 class="lastUpdated"><b>Last Updated:</b> --/--/----</h1>
</center>



</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">

<div class="quoteSpot">
<h3>quote start one</h3>
<h4>quote start two</h4>
</div>




</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div class="breaker"></div>
<div style="width:300px; height:190px;">
<div style="width:150px; height:190px; display:inline-block; vertical-align:top; overflow:auto;">
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
<a href="/" class="NavigationLinks">name</a>
</div>
<div style="width:145px; height:190px; display:inline-block; vertical-align:top;">
<img src="https://i.imgur.com/kBrfHZV.png" width="100%">
</div>
</div>

</table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
<div class="breaker"></div>
<img src="https://i.imgur.com/DXTjp2b.png" align="left">
<div style="width:140px; height:203px; overflow:auto; border:3px solid #1a2831; display:inline-block; overflow:auto; text-align:justify;">
<h2>Work Life</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dis parturient montes nascetur ridiculus. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue. Ullamcorper velit sed ullamcorper morbi tincidunt. Venenatis tellus in metus vulputate eu scelerisque felis. Praesent tristique magna sit amet. Netus et malesuada fames ac. Hendrerit gravida rutrum quisque non tellus. Risus in hendrerit gravida rutrum quisque. Volutpat diam ut venenatis tellus in metus vulputate eu. Urna molestie at elementum eu facilisis sed. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Aliquam ut porttitor leo a. Sagittis orci a scelerisque purus semper eget. Urna cursus eget nunc scelerisque viverra mauris in aliquam.
</div>