Bourbon Street

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.

<!--about me-->
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Lobster" rel="stylesheet">

<style>

    @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@1,700&display=swap');

    .Background Properties { This coding belongs to Edits by M }

    body {
        background-color:#dfd4cd;
        background-image:url('https://i.imgur.com/LtggikQ.png');
        background-size:cover;
        background-repeat:repeat;
        overflow:hidden;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .Text Properties { This coding belongs to Edits by M }

    table, tr, td, li, p, div {
        font:11px 'Lora';
        font-weight:400;
        color:#534e4b;
    }

    t{
        font:18px 'Lora';
        font-weight:400;
        color:#c3afa3;
    }

    y{
        font:28px 'Lora';
        font-weight:400;
        color:#c3afa3;
    }

    p{
        width:220px;
        text-align:justify;
        margin-left:20px;
    }

    h1{
        font-family: 'Lobster', cursive;
        font-size:40px;
        color:#dfd4cd;
        text-align:center;
        display:block;
        margin:0 0 0 0;
        text-transform:lowercase;
        line-height:40px;
    }

    h2{
        font-family: 'Lobster', cursive;
        font-size:60px;
        color:#e3ccb6;
        text-align:center;
        display:block;
        margin:0 0 0 0;
        text-transform:lowercase;
        line-height:50px;
    }

    h3{
        font-family: 'Raleway', sans-serif;
        font-size:104px;
        margin:0;
        color:#fff;
    }

    h4{
        font-family: 'Raleway', sans-serif;
        font-size:37px;
        margin:0;
        color:#000;
        margin-bottom: -20px;
    }

    blockquote {
        text-align:justify;
        margin-bottom: -100px;
        background: #000;
        color:#fff;
        border-left: 10px solid #90462e;
        margin: 1.5em 10px;
        padding: 0.5em 10px;
    }

    blockquote p {
        text-align:justify;
        display: inline;
    }

    .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,btext,.redtext,.redbtext {
        display:none;
        height:0px;!important;
        visibility:hidden;
    }

    table,td,tr {
        padding:0px;
        background-color:transparent;
    }

    table table,table table table table,table,tr,td {
        height:0px;!important;
        border:0px;!important;
    }

    a.text,table div font a,table div div,.navbar font,tr td font {
        visibility:hidden;
        display:none;
        height:0px;!important;
    }

    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 table table table,table table table table td.text, td.text td.text table {
        display:none;
    }

    div div table div {
        display:none;
    }

    .clearfix {
        margin-top: -100px;
    }

    a:active, a:visited, a:link{
        color:#fff;
    }

    a:hover {
        text-decoration:none;
        color:#fff;
    }

    a.first, a.first:link, a.first:active, a.first:visited {
        font-family: arial;
        font-size:8px;
        line-height:12px;
        font-weight: light;
        color:#999999;
        text-transform:uppercase;
        letter-spacing: 2px;
        background-color:transparent;
        text-align:right;
        display:block;
        margin-top:1px;
        margin-bottom:1px;
        margin-right:15px;
    }

    .first{
        font-family: arial;
        font-size:8px;
        line-height:12px;
        font-weight: light;
        color:#999999;
        text-transform:uppercase;
        letter-spacing: 2px;
        background-color:transparent;
        text-align:right;
        display:block;
        margin-top:1px;
        margin-bottom:1px;
        margin-right:15px;
    }

    #mo1{
        background-color:#471813;
    }

    #mo2{
        background-color:#ac8c5f;
    }

    #mo3{
        background-color:#e8d8b8;
    }

    #mo4{
        background-color:#2e450f;
    }

    #mo5{
        padding: 50px 25px;
        width:65px;
        height:15px;
        border:0px;
        background-color:#471813;
        letter-spacing:2;
    }

    #mo6{
        padding: 50px 25px;
        width:65px;
        height:15px;
        border:0px;
        background-color:#ac8c5f;
        letter-spacing:2;
    }

    #mo7{
        padding: 50px 25px;
        width:65px;
        height:15px;
        border:0px;
        background-color:#e8d8b8;
        letter-spacing:2;
    }

    #mo8{
        padding: 50px 25px;
        width:65px;
        height:15px;
        border:0px;
        background-color:#2e450f;
        letter-spacing:2;
    }

    .links1{
        font:12px Georgia;
        font-weight:400;
        color:#000;
        background:#991850;
        border:1px solid #c3afa3;
        text-transform:uppercase;
        letter-spacing:3px;
        display:inline-block;
        margin:2px;
        padding:15px;
        text-align:center;
        text-decoration:none;
        width:210px;
    }

    .links1:hover {
        color:#fff;
        background:#beb99b!important;
        border:1px solid #efe6e0;
    }

    .theBannerBox{
        top: 44px;
        left: 228px;
        position:absolute;
    }

    .memberList{
        top: 169;
        left: 220;
        position:absolute;
        height:370px;
        width:270px;
        overflow:auto;
    }

    .navigationLinks{
        top: 169;
        left: 890;
        position:absolute;
        height:370px;
        width:300px;
        overflow:auto;
        margin-top:5px;
    }

    .theMainBox{
        background-image:url('https://i.imgur.com/NfS6DEX.png');
        position: absolute;
        margin: auto;
        top: 169;
        left: 500;
        width:370px;
        height:370px;
        overflow:auto;
        text-align:center;
        -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;
    }

    .theMainBoxHover{
        background-color:#fff;
        position: absolute;
        margin: auto;
        top: 169;
        left: 500;
        width:370px;
        height:370px;
        border-style: double;
        border-color:#dfd4cd;
        overflow:auto;
        opacity:0;
        -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;
    }

    .theMainBoxHover:hover {
        opacity: 1;
    }

    #theOwners{
        width:300px;
        height:170px;
        margin-top:-340px;
        margin-left:150px;
        position:fixed;
        background-color:#534e4b;
        border-style: double;
        border-color:#dfd4cd;
        z-index:6;
    }

    #theOwnersInnards{
        width:290px;
        height:125px;
        margin-top:-298px;
        margin-left:158px;
        position:fixed;
        background-color:#dfd4cd;
        z-index:6;
    }

    #pendingRequests{
        width:300px;
        height:154px;
        margin-top:-160px;
        margin-left:150px;
        position:fixed;
        background-color:#534e4b;
        border-style: double;
        border-color:#dfd4cd;
        z-index:6;
    }

    #pendingRequestsInnards{
        width:290px;
        height:109px;
        margin-top:-118px;
        margin-left:158px;
        position:fixed;
        background-color:#dfd4cd;
        z-index:6;
    }
</style>




<!--like to meet-->

<div class="theBannerBox">
    <h3>Members Only Page</h3>
</div>

<div class="theMainBox">

</div>

<div class="navigationLinks">
    <a href="/" class="links1" id="mo5">Link</a>
    <a href="/" class="links1" id="mo6">Link</a>
    <a href="/" class="links1" id="mo7">Link</a>
    <a href="/" class="links1" id="mo8">Link</a>
    <a href="/" class="links1" id="mo5">Link</a>
    <a href="/1631904" class="links1" id="mo6">credit</a>
</div>

<div class="MemberList">
    <center>
    <a href="/" class="links1" id="mo1">Member Link</a>
    <a href="/" class="links1" id="mo2">Member Link</a>
    <a href="/" class="links1" id="mo3">Member Link</a>
    <a href="/" class="links1" id="mo4">Member Link</a>
    <a href="/" class="links1" id="mo1">Member Link</a>
    <a href="/" class="links1" id="mo2">Member Link</a>
    <a href="/" class="links1" id="mo3">Member Link</a>
    <a href="/" class="links1" id="mo4">Member Link</a>
    <a href="/" class="links1" id="mo1">Member Link</a>
    <a href="/" class="links1" id="mo2">Member Link</a>
    <a href="/" class="links1" id="mo3">Member Link</a>
    <a href="/" class="links1" id="mo4">Member Link</a>
    <a href="/" class="links1" id="mo1">Member Link</a>
    <a href="/" class="links1" id="mo2">Member Link</a>
    <a href="/" class="links1" id="mo3">Member Link</a>
    <a href="/" class="links1" id="mo4">Member Link</a>
    <a href="/" class="links1" id="mo1">Member Link</a>
    <a href="/" class="links1" id="mo2">Member Link</a>
    <a href="/" class="links1" id="mo3">Member Link</a>
    <a href="/" class="links1" id="mo4">Member Link</a>
    <a href="/" class="links1" id="mo1">Member Link</a>
    <a href="/" class="links1" id="mo2">Member Link</a>
    <a href="/" class="links1" id="mo3">Member Link</a>
    <a href="/" class="links1" id="mo4">Member Link</a>
    <a href="/" class="links1" id="mo1">Member Link</a>
    <a href="/" class="links1" id="mo2">Member Link</a>
    <a href="/" class="links1" id="mo3">Member Link</a>
    <a href="/" class="links1" id="mo4">Member Link</a>
</div>


<div class="theMainBoxHover">
    <center>
        <h4>Members Only Page</h4>
        <br>
        <blockquote>
            This is your welcome block, talk here first and it will be slightly indented, and then below you can talk in more depth about certain things.
        </blockquote>
        <br>
            Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here. Talk about your other stuff here.
    </center>
</div>