For Later

<!--about me-->
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

body {
background-color:#fff;
background-repeat:no-repeat;
background-attachment:fixed;
margin: 0;
overflow:auto;
}

table, tr, td, li, p, div, .profileInfo td.text {
    font-size: 10px;
    color: #717171;
    font-family: 'Poppins', sans-serif;}



.topBar{
position:absolute;
width:100%;
height:96px;
text-align:center;
background:#620a00;
top:0;
left:0;
padding-top:20px;
padding-bottom:20px;
}

.leftPicture{
position:absolute;
width:50%;
height:400px;
left:0;
top:136px;
background:#000;
background-image:url('https://i.imgur.com/rnuDTuK.png');
    background-position: center;
}

.rightPicture{
position:absolute;
width:50%;
height:400px;
left:50%;
top:136px;
background:#000;
background-image:url('https://i.imgur.com/wxDYalq.png');
    background-position: center;
}


.descriptionRow{
width:100%;
height:200px;
left:0;
top:456px;
position: absolute;
text-align:center;
}

.aboutUsRow{
width:100%;
height:200px;
left:0;
top:627px;
position: absolute;
text-align:center;
}

.theOwnersSection{
    width: 100%;
    height: 600px;
    left: 0;
    top: 78px;
    position: absolute;
    text-align: center;
    background: #000;
}


h1 {
    font-family: Playfair Display;
    margin: 0;
    display: inline-block;
    font-size: 72px;
    color: #fff;
    width: auto;
    text-transform: uppercase;
    font-weight: 100;
}

h2 {
    font-family: Playfair Display;
    margin: 0;
    display: inline-block;
    font-size: 32px;
    color: #fff;
    width: 400px;
    text-transform: uppercase;
    font-weight: 100;
    background: #424e3c;
    padding-top: 5px;
    padding-bottom: 5px;
}

.customOrdersBox{
    width: 360px;
    height: 80px;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    overflow: auto;
    font-family: 'Playfair Display';
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}


a.navigationalLinks:link, a.navigationalLinks:visited {
    color: #fff;
    padding: 40px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    font-size: 12px;
    width: 94px;
    background: #620a00;
    font-weight: 100;
    margin-right: 61px;
    /* border: solid 5px #fff; */
    vertical-align: middle;
    vertical-align: top;
}

a.navigationalLinks:hover, a.navigationalLinks:active {
color: #bcc6c2;
}













@keyframes tonext {
  75% {
    left: 0;
  }
  95% {
    left: 100%;
  }
  98% {
    left: 100%;
  }
  99% {
    left: 0;
  }
}

@keyframes tostart {
  75% {
    left: 0;
  }
  95% {
    left: -300%;
  }
  98% {
    left: -300%;
  }
  99% {
    left: 0;
  }
}

@keyframes snap {
  96% {
    scroll-snap-align: center;
  }
  97% {
    scroll-snap-align: none;
  }
  99% {
    scroll-snap-align: none;
  }
  100% {
    scroll-snap-align: center;
  }
}


ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.carousel {
  position: relative;
  filter: drop-shadow(0 0 10px #0003);
  perspective: 100px;
  width:100%;
  height:600px;
    left: 0;
    right: 0;
    margin: auto;
}

.carousel__viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.carousel__slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  background-color: #620a00;
  counter-increment: item;
height: 600px;
background-image:url('https://i.imgur.com/WNkUt4u.jpg');
}

.carousel__slide:nth-child(even) {
  background-color: #424e3c;
background-image:url('https://i.imgur.com/WNkUt4u.jpg');
}



.carousel__snapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  scroll-snap-align: center;
}

@media (hover: hover) {
  .carousel__snapper {
    animation-name: tonext, snap;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-iteration-count: infinite;
  }

  .carousel__slide:last-child .carousel__snapper {
    animation-name: tostart, snap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel__snapper {
    animation-name: none;
  }
}

.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
  animation-name: none;
}

.carousel__navigation {
    position: absolute;
    right: 0;
    top: 558px;
    left: 0;
    text-align: center;
}

.carousel__navigation-list,
.carousel__navigation-item {
  display: inline-block;
}

.carousel__navigation-button {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #a4a29e;
  background-clip: content-box;
  border: 0.25rem solid transparent;
  border-radius: 50%;
  font-size: 0;
  transition: transform 0.1s;
}

.carousel__prev,
.carousel__next {
  position: absolute;
  top: 0;
  margin-top: 37.5%;
  width: 4rem;
  height: 400px;
  transform: translateY(-50%);
  border-radius: 50%;
  font-size: 0;
  outline: 0;
}

.firstPictureC{
    width: 414px;
    height: 600px;
    display: inline-block;
    background: green;
}

.secondPictureC{
width: 400px;
    height: 508px;
    position: relative;
    vertical-align: top;
    background: yellow;
    display: inline-block;
    margin-left: -71px;
    margin-top: 22px;
    z-index: 0;
}

.aboutMeC{
    width: 400px;
    height: 200px;
    position: relative;
    background: white;
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
    margin-top: 186px;
}






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


.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>
</style>





<!--like to meet-->
<html>
<body oncontextmenu="alert('Dont Think So.'); return false">
<div class="topBar">
<a href="/home.php" class="navigationalLinks">home</a>
<a href="/view_blog.php?id=0000491857" class="navigationalLinks">message</a>
<a href="https://www.roleplayer.me/view_blog.php?id=0000479891" class="navigationalLinks">rules</a>
<h1>Edits By M</h1>
<a href="/view_blog.php?id=0000491858" class="navigationalLinks" style="margin-left: 61px;">pricing</a>
<a href="/view_blog.php?id=0000491856" class="navigationalLinks">forms</a>
<a href="/view_blog.php?id=0000479900" class="navigationalLinks">share</a>
</div>
<div class="leftPicture"></div>
<div class="rightPicture"></div>
<div class="descriptionRow">
<div style="width: 366px; display: inline-block; vertical-align: top; height: 102px; background: #424e3c; padding: 20px; font-family: 'Playfair Display'; color: #fff; text-transform: uppercase; font-size: 35px;">Free and Custom Resources</div>
<div style="width: 800px; display: inline-block; vertical-align: top; height: 35px; /* background: #000; */ color: #424e3c; font-family: 'Playfair Display'; font-size: 20px; margin-left: 20px; padding-top: 85px; text-transform: uppercase; letter-spacing: 2px;">Layouts | Blogs | Writing Snippets | Edits | Endless resources for roleplayers</div>
</div>
<div class="aboutUsRow">
<div style="height: 160px; color: #424e3c; width: 1188px; display: inline-block; vertical-align: top; text-align: justify; /* text-transform: uppercase; */ font-size: 15px; font-family: 'Playfair Display';">
First we would like to say Happy Holidays, Merry Christmas, Lovely Festive Season to all of you. This year has been a tough one, none of us can deny that, but we hope that there is a little Holiday Cheer in every single moment of this month for you. Thank you for all of the love and support since M decided to open up this site, we could not be happier with how this has turned out. Happy December, everyone.
</div>
<div class="theOwnersSection">

<section class="carousel" aria-label="Gallery">
  <ol class="carousel__viewport">
    <li id="carousel__slide1"
        tabindex="0"
        class="carousel__slide">
      <div class="carousel__snapper">
           <div class="firstPictureC"><img src="https://i.imgur.com/qXIPfuG.png"></div>
           <div class="secondPictureC"><img src="https://i.imgur.com/tAto6Ar.png"></div>
           <div class="aboutMeC">
<h2>Ms Current Workload</h2>
<div class="customOrdersBox">
- Dani Powers - 20 Edits, 1 doorknocker, 1 headliner <br>
- Star of the Sea - 83 manips <br>
- Sadie - Custom Layout <br>
- If it Bleeds - Dark Rose Customization <br>
- Up in Smoke - Dark Rose Customization <br>
- Milah Jay - Dark Rose Customization<br>
</div>
<h2>Ms Customs: OPEN</h2>
</div>
      </div>
    </li>
    <li id="carousel__slide2"
        tabindex="0"
        class="carousel__slide">
           <div class="firstPictureC"><img src="https://i.imgur.com/HrdilSU.png"></div>
           <div class="secondPictureC"><img src="https://i.imgur.com/PUXcp6Q.png"></div>
           <div class="aboutMeC">
<h2 style="background: #620a00;">Rs Current Workload</h2>
<div class="customOrdersBox">
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
</div>
<h2 style="background: #620a00;">Rs Customs: OPEN</h2>
</div>
      <div class="carousel__snapper">
</div>
    </li>
    <li id="carousel__slide3"
        tabindex="0"
        class="carousel__slide">
      <div class="carousel__snapper">
           <div class="firstPictureC"><img src="https://i.imgur.com/WhrIGRw.png"></div>
           <div class="secondPictureC"><img src="https://i.imgur.com/zkXsH3G.png"></div>
           <div class="aboutMeC">
<h2>Cs Current Workload</h2>
<div class="customOrdersBox">
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
- to do item <br>
</div>
<h2>Cs Customs: OPEN</h2>
</div>
</div>
    </li>
  </ol>
  <aside class="carousel__navigation">
    <ol class="carousel__navigation-list">
      <li class="carousel__navigation-item">
        <a href="#carousel__slide1"
           class="carousel__navigation-button">Go to slide 1</a>
      </li>
      <li class="carousel__navigation-item">
        <a href="#carousel__slide2"
           class="carousel__navigation-button">Go to slide 2</a>
      </li>
      <li class="carousel__navigation-item">
        <a href="#carousel__slide3"
           class="carousel__navigation-button">Go to slide 3</a>
      </li>
    </ol>
  </aside>
</section>
</div>
</div>

</body>
</html>