L D

Minecraft Poem Generator

I'm not able to automate you being able to change the background to a URL you want, you can find out how on the Ao3 page.

Editor

Background:

No fade With fade

Handle:

Toggle Disable Workskin

[ HelloWorld joined the game ]

<HelloWorld> Welcome to the minecraft chat! You can add a fade to the chat, and choose different backgrounds

( HelloWorld whispered to you: and this is how you whisper to someone )

.mcchat{
  padding: 7em 0.5em 1em 0.5em;
  background-repeat: no-repeat;
  background-size: cover; 
  margin: 15px;
}

.mcchat .screenreader {
  position: absolute;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mcchat hr{
  opacity: 0;
  display: none;
}

.mcchat.nobg{
  padding-top: 1em;
}

.mcchat.sun, .mcchat.bg1 {
    background-image: url("https://images.squidge.org/images/2023/08/23/BG1.png");
  }/*plainest background, sky and the sun*/
  
.mcchat.clouds, .mcchat.bg2 {
    background-image: url("https://images.squidge.org/images/2023/08/23/BG3.png");
}/*clouds*/

.mcchat.mumbo-base, .mcchat.bg3 {
    background-image: url("https://images.squidge.org/images/2023/08/23/BG2.jpeg");
  }/*mumbos fancy build*/

.mcchat.buildings, .mcchat.bg4 {
    background-image: url("https://images.squidge.org/images/2023/08/23/BG5.jpeg");
  }/*nice looking urban build*/

.mcchat.lmanhole, .mcchat.bg5 {
    background-image: url("https://images.squidge.org/images/2023/08/23/BG4.png");
}/*nightime in lmanhole*/
  
.mcchat.evo-end{
  background-image: url("https://images.squidge.org/images/2022/09/20/image.png");
}/*end portal with watcher symbol*/

.mcchat.evo-platform{
  background-image: url("https://images.squidge.org/images/2022/09/17/image107962b927faaf4f.png");
}/*watcher platform from evo i think*/

.mcchat.redstone{
  background-image: url("https://images.squidge.org/images/2022/09/14/image1154e1f73c546b1d.png");
}/*redstone miscellaneous outside*/

.mcchat.glass-walls{
  background-image: url("https://images.squidge.org/images/2022/09/14/image8d7548f36e716576.png");
}/*glass walls sunset*/

.mcchat.ocean{
  background-image: url("https://images.squidge.org/images/2022/09/14/image.png");
}/*ocean view daytime*/

.mcchat.nether-portal{
  background-image: url("https://images.squidge.org/images/2022/09/07/2022-09-07_17.48.21.png");
}/*nether portal in cave*/

.mcchat.village-in-forest{
  background-image: url("https://images.squidge.org/images/2022/09/06/2022-09-06_23.17.28.png");
}/**/

.mcchat.storage{
  background-image: url("https://images.squidge.org/images/2022/09/17/image.png");
}/*storage*/

.mcchat.in-ocean{
  background-image: url("https://images.squidge.org/images/2023/12/20/inocean.png");
}/*in deep ocean*/

.mcchat.add-bg-1{
  background-image: url("");
}/**/

.mcchat>p {
  margin: 0;
  padding: .15em 3em .15em .5em;
  color: white;
  background: rgba(0, 0, 0, .6);
  font-weight: bold;
  font-family: Verdana, sans-serif;
  line-height: 1.5;
  width: 80%;
  max-width: 17cm;
}

.mcchat .joinleft{
  color: #ff0;
}/*for the joined/left styled text*/

.mcchat .whisper {
  color: rgb(185, 185, 185);
  font-style:italic
}/*for the whisper styled text*/

.mcchat.fade p:nth-of-type(1){
  opacity: .3;
}
.mcchat.fade p:nth-of-type(2){
  opacity: .7;
}/*for the two messages to fade out*/