[Mirror]

[attr="class","th th-flower-1-o"] PARCEL TEMPLATES

Want to send gifts to other characters? You can! The Los Eurosia Postal Service is up and running.

Below we have a couple of completely optional parcel templates. One may require more coding knowledge than the other, so if you have any questions, don't hesitate to ask!

[Mirror]

Delivery!

Addressed To: @
Contents:

It's a cute little duck candle in a glass cup!

Only slightly bigger than your average tealight, it has a sweet scent but it almost feels like a crime to light it. Maybe you could keep it as a decoration instead?

[attr="class","th th-flower-1-o"] SIMPLE

This simple template does not involve as much code as the other and is easier to edit.

SPOILER: Click to show

[div align="center"][div style="width:500px;background-color:transparent;"][div style="font-weight:600;font-style:normal;font-size:2em;text-align:left;border-bottom:3px solid #9db5b2;"]Delivery![/div][div style="margin-top:10px;font:12px/130% arial;font-weight:500;letter-spacing:1px;text-align:justify;"][b]Addressed To:[/b] @
[b]Contents:[/b]

Describe/insert an image of what your parcel contains here.

[/div][/div][/div]

[Mirror]

[nospaces]

[attr="class","PackageBackground"]

[attr="class","LEPackage"]

[attr="class","YOUGOTMAIL"]you've got mail!

[attr="class","HoverNote"](hover to open)

[attr="class","PackageContentBox"]

[attr="class","AddressedTo"]Addressed To: @
[break]Contents:

[attr="class","PackageContents"]


It's a cake![break][break]

[break][break]

Strawberry cake, to be precise.[break][break]

As you can see, if the description is long enough and/or if there are multiple images included, a scrollbar will appear on the right-hand side. Images in this space probably look best at 75% width, but that's not a rule you have to follow!

[newclass=.PackageBackground]width:550px;height:345px;overflow:hidden;[/newclass]
[newclass=.LEPackage]background-image:url(https://i.imgur.com/X0yxb8z.png);padding:5px;height:330px;width:260px;transition:.5s;transition-delay:.5s;[/newclass]
[newclass=.YOUGOTMAIL]font-family:times serif;font-size:16px;color:#000;text-transform:uppercase;letter-spacing:3px;margin-top:5px;[/newclass]
[newclass=.HoverNote]color:#000;font-family:times serif;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:10px;width:180px;margin-top:275px;[/newclass]

[newclass=.PackageContentBox]background-color:transparent;height:340px;width:280px;float:right;opacity:0;margin-top:-342px;transition:.5s;[/newclass]

[newclass=.AddressedTo]padding-top:10px;text-align:left;font-family:times serif;font-size:16px;color:#000;letter-spacing:2px;margin-bottom:3px;[/newclass]
[newclass=.AddressedTo a]font-family:times serif !important;font-size:16px !important;letter-spacing:2px !important;[/newclass]

[newclass=.PackageContents]padding:5px;height:270px;width:260px;overflow:auto;margin-left:10px;[/newclass]
[newclass=.PackageContents::-webkit-scrollbar]width:2px;background:transparent[/newclass]
[newclass=.PackageContents::-webkit-scrollbar-thumb]width:2px;background-color:#fff;[/newclass]

[newclass=.PackageBackground:hover .LEPackage]margin-left:-275px;transition:.5s[/newclass]
[newclass=.PackageBackground:hover .PackageContentBox]opacity:1;transition:.5s;transition-delay:.5s[/newclass]




[break][break][break]

[attr="class","th th-flower-1-o"] COMPLEX

[break][break]This code may be a bit more difficult to use. Make sure you edit it entirely in the BBCode tab rather than in the Preview when you post.[break][break]

The important thing to remember is to write two '[ break ]'s without the spaces between brackets if you want to create a new paragraph. Please do not try to edit any of the 'newclass' section if you're unfamiliar with the mechanics, as the code may break![break][break]

Please do not use this code on other sites without asking ♥[break][break]

SPOILER: Click to show

[nospaces][div align="center"][div][attr="class","PackageBackground"]
[div][attr="class","LEPackage"]
[div][attr="class","YOUGOTMAIL"]you've got mail![/div]
[div][attr="class","HoverNote"](hover to open)[/div]
[/div]

[div][attr="class","PackageContentBox"]
[div][attr="class","AddressedTo"]Addressed To: @
[break]Contents:[/div]
[div][attr="class","PackageContents"]


Describe/insert an image of what your parcel contains here.[break][break]


[/div]
[/div]
[/div][/div]


[newclass=.PackageBackground]width:550px;height:345px;overflow:hidden;[/newclass]
[newclass=.LEPackage]background-image:url(https://i.imgur.com/X0yxb8z.png);padding:5px;height:330px;width:260px;transition:.5s;transition-delay:.5s;[/newclass]
[newclass=.YOUGOTMAIL]font-family:times serif;font-size:16px;color:#000;text-transform:uppercase;letter-spacing:3px;margin-top:5px;[/newclass]
[newclass=.HoverNote]color:#000;font-family:times serif;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:10px;width:180px;margin-top:275px;[/newclass]

[newclass=.PackageContentBox]background-color:transparent;height:340px;width:280px;float:right;opacity:0;margin-top:-342px;transition:.5s;[/newclass]

[newclass=.AddressedTo]padding-top:10px;text-align:left;font-family:times serif;font-size:16px;color:#000;letter-spacing:2px;margin-bottom:3px;[/newclass]
[newclass=.AddressedTo a]font-family:times serif !important;font-size:16px !important;letter-spacing:2px !important;[/newclass]

[newclass=.PackageContents]padding:5px;height:270px;width:260px;overflow:auto;margin-left:10px;[/newclass]
[newclass=.PackageContents::-webkit-scrollbar]width:2px;background:transparent[/newclass]
[newclass=.PackageContents::-webkit-scrollbar-thumb]width:2px;background-color:#fff;[/newclass]

[newclass=.PackageBackground:hover .LEPackage]margin-left:-275px;transition:.5s[/newclass]
[newclass=.PackageBackground:hover .PackageContentBox]opacity:1;transition:.5s;transition-delay:.5s[/newclass]