community event: secret santa reveal

options

community event: secret santa reveal written Dec 20, 2018 14:54:48 GMT

the endless hunt

aliasleto, blobert, crow

pronounshe / they

1,571written posts

ullaearned bits

offlinecurrently

pharaoh leap, valka, and 5 more like this

ulla

Administrator

in turning divine, we tangle endlessly

[nospaces]

[attr="class","sohye"]

[attr="class","yoojung"]

[attr="class","chungha"]

[attr="class","somi"]

[attr="class","chaeyeon"]

[attr="class","sejeong"]

[attr="class","kyulkyung"]

[attr="class","nayoung"]

today's the big day, secret santas! it's time for our secret santa reveal to take place. post the gift that you made below and tag who you were assigned so that they can see it as well! alternatively, if you would rather not post your gift publically, you can message your special person their gift but still post below and tag them to let them know that it's been sent their way![break][break]

make sure to save your gifts after your secret santa posts them for you in this thread since this announcement will only stay up for so long before it's locked![break][break]

this thread is going to be used as a checklist to make sure that everyone has received their gifts, and all of you have received a PM detailing what to do if any issues arise![break][break]

now let the gifting begin!

[attr="class","mina"]
check out this great template coded by donau

donau.

[googlefont=Inconsolata:700]
[newclass=.sohye]width:450px;text-align:center;[/newclass]
[newclass=.kyulkyung]width: 0; height: 0; border-top: 75px solid transparent; border-left: 35px solid #fefefe; border-bottom: 75px solid transparent; float: left;[/newclass]
[newclass=.chungha]width: 0; height: 0; border-top: 75px solid transparent; border-right: 35px solid #fefefe; border-bottom: 75px solid transparent; float: right;[/newclass]
[newclass=.yoojung]width: 150px; height: 150px; background-color: #b72235; position: absolute; margin: 0px;[/newclass]
[newclass=.somi]width: 150px; height: 150px; background-color: #fefefe; position: absolute; margin-left: 150px; text-align: center;[/newclass]
[newclass=.chaeyeon]width: 100px; height: 100px; padding: 9px; border: solid 1px #b72235; border-top: solid 1px #fefefe; border-bottom: solid 1px #fefefe; border-radius: 100%; margin-top: 15px; margin-left: 15px;[/newclass]
[newclass=.sejeong]width: 150px; height: 150px; background-color: #b72235; position: absolute; margin-left: 300px;[/newclass]
[newclass=.nayoung]width: 380px; background-color: #fefefe; padding: 165px 15px 15px 15px; font-family: arial; font-size: 10px; text-align: justify; color: #777; border-left: solid 20px #adddc7; border-right: solid 20px #adddc7;[/newclass]
[newclass=.mina]width: 450px; background-color: #b72235; font-family: Inconsolata; font-weight: 700; font-size: 8px; color: #fefefe; text-align: center; padding: 5px 0px 5px 0px;[/newclass]
[newclass=.mina a]color:#fff[/newclass]

options

community event: secret santa reveal written Dec 20, 2018 16:23:40 GMT

aliaslumi

pronounsshe/her

105written posts

lumiearned bits

offlinecurrently

pharaoh leap, ulla, and 8 more like this

lumi

Full Member

:aiya:

polly
gifts can be found here! Message me if you'd like some adjustments ^^

options

community event: secret santa reveal written Dec 20, 2018 16:47:55 GMT

frog on the floor

aliasfreiheit, microwaved burrito

pronounsany

1,542written posts

pharaoh leapearned bits

offlinecurrently

nox, the HR department, ulla, and 16 more like this

pharaoh leap

Administrator

i've been having some pretty dark thoughts.

lux, I was gonna do this day one, but I'm glad I waited because you cHANGED SKINS HALFWAY THROUGH and it would've stunk if these were designed after your old skin, sdjklfhdjkfhd. I was going to code a tracker, too, but I've actually just been unable to code anything that looks remotely decent since I finished these, so I hope you're okay with just this set. ;u; They'll work for (hopefully?) all of your site info pages, with some brief instructions on how to use 'em inside, but if you need any other info, just let me know on Discord! <3

[break][break]

[nospaces]

[attr="class","gesugen"]

[attr="class","gesugen1"]

[attr="class","gesugentop"]

Site Rules

[attr="class","gesugentopp"]

[attr="class","gesugentoppleft"]

[attr="class","gesugentoppleft1"]

[attr="class","gesugentopp1"]

They're meant for not breaking

[attr="class","gesugentoppright"]

[attr="class","gesugentoppright1"]

[attr="class","gesugenmid"]

001. respect

when blossoms flowered 'mid the snows, upon a winter night was born the child, the christmas rose: the king of love and life. the angels sang. the shepherds sang. the grateful earth rejoiced. and at his blessed birth, the stars, their exultation voiced:[break][break]

o come let us adore him, o come let us adore him, o come let us adore him: christ the lord.

003. ooc accounts

again, the heart with rapture glows to greet the holy night that gave the world its christmas rose, its king of love and light. let every voice acclaim his name, the grateful chorus swell. from paradise to earth, he came, that we with him might dwell. administration[break][break]

o come let us adore him, o come let us adore him, o come let us adore him: christ the lord.

if you don't want to use a sub-title, just forgo the [ h1 ] tag and go straight for the [ div ]. use this next tag for codes!

[attr="class","gesugencode"]your code can go here, then!

[attr="class","gesugenbot"]

[googlefont=Heebo:300,400,800]
[newclass=.gesugen]border:solid 1px #cfd5da;background-color:#f3f6f8;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);color:#76828d;width:562px;padding:34px;text-align:left;[/newclass]
[newclass=.gesugen1]border:solid 1px #cfd5da;background-color:#ffffff;padding:5px;[/newclass]
[newclass=.gesugentop]background-color:#76828d;text-transform:uppercase;height:40px;padding:50px;margin-bottom:-20px;[/newclass]
[newclass=.gesugentop h1]font:49px Heebo;font-weight:300!important;line-height:40px;letter-spacing:1px;color:#f3f6f8;white-space:nowrap;text-align:center;[/newclass]
[newclass=.gesugentopp]padding:0px 100px;height:20px;text-transform:uppercase;[/newclass]
[newclass=.gesugentoppleft]height:0px;width:0px;position:absolute;border-right:solid 15px #76828d;border-top:solid 20px transparent;border-bottom:solid 20px transparent;[/newclass]
[newclass=.gesugentoppleft1]height:0px;width:0px;position:absolute;border-right:solid 15px #ffffff;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:1px;z-index:1;[/newclass]
[newclass=.gesugentopp1]border-top:solid 1px #76828d;border-bottom:solid 1px #76828d;font:8px Heebo;letter-spacing:1px;font-weight:800!important;line-height:10px;padding:15px 0px 13px 0px;text-align:center;width:319px;margin:0px 15px;position:absolute;z-index:2;background-color:#ffffff;[/newclass]
[newclass=.gesugentoppright]height:0px;width:0px;position:absolute;border-left:solid 15px #76828d;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:334px;[/newclass]
[newclass=.gesugentoppright1]height:0px;width:0px;position:absolute;border-left:solid 15px #ffffff;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:333px;z-index:1;[/newclass]
[newclass=.gesugenmid]border:solid 1px #cfd5da;border-top:none;background-color:#f3f6f8;padding:39px 29px 14px 29px;[/newclass]
[newclass=.gesugenmid h1]border:solid 1px #cfd5da;border-bottom:none;padding:29px;font:20px Heebo;line-height:15px;letter-spacing:1.5px;font-weight:300!important;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);text-transform:uppercase;[/newclass]
[newclass=.gesugenmid div]border:solid 1px #cfd5da;padding:29px;font:10px Verdana;margin-bottom:15px;background-color:#ffffff;text-align:justify;[/newclass]
[newclass=.gesugencode]background-color:#f3f6f8;!important;font:10px Heebo!important;font-weight:300!important;padding:19px!important;margin:15px 0px 0px 0px!important;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);letter-spacing:.75px;[/newclass]
[newclass=.gesugenmid div a]font:bold 11px Heebo;[/newclass]
[newclass=.gesugenbot]height:10px;margin-top:-1px;background-color:#76828d;[/newclass]

[break][break]

[nospaces]

[attr="class","gesugen"]

[attr="class","gesugen1"]

[attr="class","gesugentop"]

Face Claims

[attr="class","gesugentopp"]

[attr="class","gesugentoppleft"]

[attr="class","gesugentoppleft1"]

[attr="class","gesugentopp1"]

The stars of the show

[attr="class","gesugentoppright"]

[attr="class","gesugentoppright1"]

[attr="class","gesufacemid"]

[attr="class","gesufacemid1"]
Please remember that face claims should be celebrities over 13 years old. If you need an idea on a face, ask and we will be happy to help.

STARTS WITH A, B, C, D

LASTNAME, firstname • administration[break]
LASTNAME, firstname • administration[break]
LASTNAME, firstname • administration[break]

STARTS WITH U, V, W, X, Y, Z

LASTNAME, firstname • administration[break]
LASTNAME, firstname • administration[break]
LASTNAME, firstname • administration[break]

CURRENT RESERVATIONS

LAST, FIRST for ALIAS until 7 DAYS FROM NOW[break]
LAST, FIRST for ALIAS until 7 DAYS FROM NOW[break]
LAST, FIRST for ALIAS until 7 DAYS FROM NOW[break]

[attr="class","gesufacemid1"]
Copy this code to add to the list. Remember to remove the asterisks!

[attr="class","gesugencode"]
[*code][font color="1566c3 MALE, c31566 FEMALE, 7e0e7a GENDERNEUTRAL"]LAST, first[/font] • @tag[*/code]

[break]

Copy this code to reserve a claim. Remember to remove the asterisks!

[attr="class","gesugencode"]
[*code][b]LAST, FIRST[/b] for [b]ALIAS[/b] until [b]7 DAYS FROM NOW[/b][*/code]

[attr="class","gesugenbot"]

[googlefont=Heebo:300,400,800]
[newclass=.gesugen]border:solid 1px #cfd5da;background-color:#f3f6f8;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);color:#76828d;width:562px;padding:34px;text-align:left;[/newclass]
[newclass=.gesugen1]border:solid 1px #cfd5da;background-color:#ffffff;padding:5px;[/newclass]
[newclass=.gesugentop]background-color:#76828d;text-transform:uppercase;height:40px;padding:50px;margin-bottom:-20px;[/newclass]
[newclass=.gesugentop h1]font:49px Heebo;font-weight:300!important;line-height:40px;letter-spacing:1px;color:#f3f6f8;white-space:nowrap;text-align:center;[/newclass]
[newclass=.gesugentopp]padding:0px 100px;height:20px;text-transform:uppercase;[/newclass]
[newclass=.gesugentoppleft]height:0px;width:0px;position:absolute;border-right:solid 15px #76828d;border-top:solid 20px transparent;border-bottom:solid 20px transparent;[/newclass]
[newclass=.gesugentoppleft1]height:0px;width:0px;position:absolute;border-right:solid 15px #ffffff;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:1px;z-index:1;[/newclass]
[newclass=.gesugentopp1]border-top:solid 1px #76828d;border-bottom:solid 1px #76828d;font:8px Heebo;letter-spacing:1px;font-weight:800!important;line-height:10px;padding:15px 0px 13px 0px;text-align:center;width:319px;margin:0px 15px;position:absolute;z-index:2;background-color:#ffffff;[/newclass]
[newclass=.gesugentoppright]height:0px;width:0px;position:absolute;border-left:solid 15px #76828d;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:334px;[/newclass]
[newclass=.gesugentoppright1]height:0px;width:0px;position:absolute;border-left:solid 15px #ffffff;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:333px;z-index:1;[/newclass]
[newclass=.gesufacemid]border:solid 1px #cfd5da;border-top:none;background-color:#f3f6f8;padding:39px 29px 14px 29px;[/newclass]
[newclass=.gesufacemid h1]border:solid 1px #cfd5da;border-bottom:none;padding:29px;font:20px Heebo;line-height:15px;letter-spacing:1.5px;font-weight:300!important;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);text-transform:uppercase;[/newclass]
[newclass=.gesufacemid div]border:solid 1px #cfd5da;padding:29px;font:11px Heebo;letter-spacing:.5px;line-height:12px;margin-bottom:15px;background-color:#ffffff;text-align:justify;[/newclass]
[newclass=.gesufacemid1]font:10px Verdana!important;line-height:none!important;letter-spacing:0px!important;[/newclass]
[newclass=.gesugencode]background-color:#f3f6f8;!important;font:10px Heebo!important;font-weight:300!important;padding:19px!important;margin:15px 0px 0px 0px!important;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);letter-spacing:.75px;[/newclass]
[newclass=.gesufacemid div a]font:bold 11px Heebo;line-height:12px;[/newclass]
[newclass=.gesugenbot]height:10px;margin-top:-1px;background-color:#76828d;[/newclass]

[break][break]

[nospaces]

[attr="class","gesugen"]

[attr="class","gesugen1"]

[attr="class","gesugentop"]

CANON LIST

[attr="class","gesugentopp"]

[attr="class","gesugentoppleft"]

[attr="class","gesugentoppleft1"]

[attr="class","gesugentopp1"]

canon families of all was well

[attr="class","gesugentoppright"]

[attr="class","gesugentoppright1"]

[attr="class","gesucanonmid"]

[attr="class","gesucanonmid1"]
if you would like to change the age or gender of one of the characters below, please run it by administration. © canons are not up for debate. reservations last for seven (7) days, unless stated otherwise by an admin. if you have any questions, don't hesitate to ask one of the admins.[break][break]

available • reserved • @tag = taken[break]
~~deceased~~ • ~~too young~~ • [incarcerated][break]
* = twins/triplets • ▲ = male • ▲ = female[break]
▲ = adult/muggle/squib (will specify if one of the latter)[break]
▲ = slytherin • ▲ = ravenclaw • ▲ = hufflepuff • ▲ = gryffindor[break][break]

use the following code to reserve a canon. be sure to remove the asterisks!

[attr="class","gesucanoncode"]
[*code][b]CHARACTER[/b] is reserved for [b]ALIAS[/b] until [b]SEVEN/DAYS/FROM NOW[/b][*/code]

[attr="class","gesucanon"]

ABBERLEY
roland and sally (née birchgrove)

[attr="class","fa fa-tag"]

halfblood. children are identical twins.

[attr="class","fa fa-users"]

▲▲ --- --- abberley sixth year[break]
▲▲ --- --- abberley, sixth year

[attr="class","gesucanon"]

BOOT-CORNER
terry and michael

[attr="class","fa fa-tag"]

halfblood. civil union. all children are adopted.[break]
sixth years are not twins.

[attr="class","fa fa-users"]

▲▲ --- --- boot-corner, eighteen[break]
▲▲ --- --- boot-corner, sixth year[break]
▲▲ administration boot-corner, sixth year[break]
▲▲ administration boot-corner, fourth year

[attr="class","gesugenbot"]

[googlefont=Heebo:300,400,800]
[newclass=.gesugen]border:solid 1px #cfd5da;background-color:#f3f6f8;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);color:#76828d;width:562px;padding:34px;text-align:left;[/newclass]
[newclass=.gesugen1]border:solid 1px #cfd5da;background-color:#ffffff;padding:5px;[/newclass]
[newclass=.gesugentop]background-color:#76828d;text-transform:uppercase;height:40px;padding:50px;margin-bottom:-20px;[/newclass]
[newclass=.gesugentop h1]font:49px Heebo;font-weight:300!important;line-height:40px;letter-spacing:1px;color:#f3f6f8;white-space:nowrap;text-align:center;[/newclass]
[newclass=.gesugentopp]padding:0px 100px;height:20px;text-transform:uppercase;[/newclass]
[newclass=.gesugentoppleft]height:0px;width:0px;position:absolute;border-right:solid 15px #76828d;border-top:solid 20px transparent;border-bottom:solid 20px transparent;[/newclass]
[newclass=.gesugentoppleft1]height:0px;width:0px;position:absolute;border-right:solid 15px #ffffff;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:1px;z-index:1;[/newclass]
[newclass=.gesugentopp1]border-top:solid 1px #76828d;border-bottom:solid 1px #76828d;font:8px Heebo;letter-spacing:1px;font-weight:800!important;line-height:10px;padding:15px 0px 13px 0px;text-align:center;width:319px;margin:0px 15px;position:absolute;z-index:2;background-color:#ffffff;[/newclass]
[newclass=.gesugentoppright]height:0px;width:0px;position:absolute;border-left:solid 15px #76828d;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:334px;[/newclass]
[newclass=.gesugentoppright1]height:0px;width:0px;position:absolute;border-left:solid 15px #ffffff;border-top:solid 20px transparent;border-bottom:solid 20px transparent;margin-left:333px;z-index:1;[/newclass]
[newclass=.gesucanonmid]border:solid 1px #cfd5da;border-top:none;background-color:#f3f6f8;padding:39px 29px 14px 29px;[/newclass]
[newclass=.gesucanoncode]border:solid 1px #cfd5da;background-color:#f3f6f8;!important;font:10px Heebo!important;font-weight:300!important;padding:19px!important;margin:15px 0px 0px 0px!important;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);letter-spacing:.75px;[/newclass]
[newclass=.gesucanonmid1]border:solid 1px #cfd5da;padding:29px;font:10px Verdana;text-align:justify;background-color:#ffffff;margin-bottom:15px;[/newclass]
[newclass=.gesucanon]border:solid 1px #cfd5da;background-color:#ffffff;margin-bottom:15px;text-align:right;text-transform:lowercase;[/newclass]
[newclass=.gesucanon h1]text-align:left;text-transform:uppercase;padding:30px;font:28px Heebo;font-weight:300!important;line-height:20px;color:#f3f6f8;letter-spacing:1px;background-color:#76828d;margin:-1px -1px 0px -1px;[/newclass]
[newclass=.gesucanon h1 div]font:8px Heebo;font-weight:800!important;line-height:10px;padding-top:5px;[/newclass]
[newclass=.gesucanon h2]padding:5px;padding-top:6px;background-image:url(https://i.ibb.co/R36NNCy/AllWas.png);[/newclass]
[newclass=.gesucanon h2 div]background-color:#ffffff;margin-top:-1px;border:solid 1px #cfd5da;padding:19px;font:14px Heebo;line-height:15px;position:relative;overflow:hidden;[/newclass]
[newclass=.gesucanon h2 div a]font:14px Heebo;line-height:15px;[/newclass]
[newclass=.gesucanon h3]position:absolute;font-size:50px;line-height:50px;margin:-25px -23px;opacity:.2;[/newclass]

partial skin sales are open

options

community event: secret santa reveal written Dec 20, 2018 16:59:48 GMT

pronounsshe/her

436written posts

cyanide darktearz 💀earned bits

offlinecurrently

nox, the HR department, pharaoh leap, and 8 more like this

cyanide darktearz 💀

Senior Member

Click here for the album. Collar x Malice is one of my fav otoges so I hope you'll enjoy this! For lunar , I made a few Ichika Hoshino 200x300 hover images with alternative crops and matching 100x100 icons.

Also included are a few miscellaneous icons and ready-to-crop edited images I used for the hovers incase the site doesn't use 200x300 so you can crop it to the size you want or make different icons from it.

Please be sure to rehost if you're using them. 💖

options

community event: secret santa reveal written Dec 20, 2018 17:10:29 GMT

aliaskappaccino

pronounsthey

284written posts

kappaccinoearned bits

offlinecurrently

nox, the HR department, pharaoh leap, and 7 more like this

kappaccino

Senior Member

welcome and well met, my brave little spark

Mizo I made a bunch of icons (and a few hovers) of Rosetta from Grandblue and Akira from persona 5 here! My monitor actually broke so I'm having to use a tv with crappy color readings, so I made a couple different versions of most of them in the hopes they look okay on normal comps!

I also tried to make a template. I couldn't figure out diamond icons, so I went with the big image and black background part in your wishlist. I hope it's alright.

SPOILER: Click to show

Text Here Now

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought.

It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops

Tagging: @names here
Notes:

[googlefont=Fira Sans Extra Condensed]

options

community event: secret santa reveal written Dec 20, 2018 17:32:44 GMT

pronounsShe/Her

424written posts

luxearned bits

offlinecurrently

nox, the HR department, pharaoh leap, and 6 more like this

lux

Senior Member

But I'm a sunflower, a little funny

rychelia - these are for you lovey! The first one is a plotter but could easily be made into a tracker if need be, and then I threw together a little posting template for you! Let me know if you have any questions or anything at all!

[googlefont="Cookie"][googlefont="Poiret One"][googlefont="Comfortaa"]

[attr="class","name"]firstlast

[attr="class","namery"]

[attr="class","trait"]trait || trait

[attr="class","forry1"]

[attr="class,"forry2"]

[attr="class","scroll"]

[attr="class","scrollbar"]

SUBTITLE !

[attr="class","name"]firstlast

[attr="class","namery"]

[attr="class","trait"]trait || trait

[attr="class","forry1"]

[attr="class,"forry2"]

[attr="class","scroll"]

[attr="class","scrollbar"]

SUBTITLE !

[attr="class","name"]firstlast

[attr="class","namery"]

[attr="class","trait"]trait || trait

[attr="class","forry1"]

[attr="class,"forry2"]

[attr="class","scroll"]

[attr="class","scrollbar"]

SUBTITLE !

[attr="class","name"]firstlast

[attr="class","namery"]

[attr="class","trait"]trait || trait

[attr="class","forry1"]

[attr="class,"forry2"]

[attr="class","scroll"]

[attr="class","scrollbar"]

SUBTITLE !

[newclass=.forry2]transition:all 1s ease;opacity:0;position:relative;z-index:1[/newclass]
[newclass=.forry1:hover .forry2]transition:all 1s ease;opacity:1;position:relative;z-index:1[/newclass]
[newclass=.name]font-size:40px;font-family:cookie;font-weight:700;line-height:150px;color:#fff;margin-left:10px;text-shadow: 0px 0px 5px rgba(255, 255, 255, .5);position:absolute;width:250px;opacity:1;transition:.5s ease;transition-delay:.5s[/newclass]
[newclass=.trait]font-size:20px;margin-top:85px;font-family:poiret one;font-weight:400;line-height:50px;color:#fff;margin-left:10px;text-shadow: 0px 0px 5px rgba(255, 255, 255, .5);position:absolute;width:250px;opacity:1;transition:.5s ease;transition-delay:.5s[/newclass]
[newclass=.namery]width:215px;height:1px;background-color:#fff;position:absolute;margin-top:56px;margin-left:7px;opacity:1;transition:.5s ease;transition-delay:.5s[/newclass]

[newclass=.scroll]max-height: 305px; overflow: auto;padding-right: 10px;[/newclass]
[newclass=.scroll::-webkit-scrollbar]background: #000!important; width: 4px!important;border: solid 1px #fff!important;[/newclass]
[newclass=.scroll::-webkit-scrollbar-thumb]background: #000!important; width: 4px!important; border: none!important;[/newclass]

SPOILER: Click to show

[googlefont="Cookie"][googlefont="Poiret One"][googlefont="Comfortaa"]

[div align="center"][table][tbody]
[tr]
[td style="padding: 3px;"][div style="width:255px;height:365px;border:3px solid #CCFCD4;background-image:url(http://placehold.it/280x390);"]
[div style="margin:auto;width:230px;height:335px;border:1px solid #fff;"][div][attr="class","name"][span style="font-weight:300;"]first[/span]last[/div][div style="margin-top:94px;"][attr="class","namery"][/div][div][attr="class","trait"]trait || trait[/div]
[attr="class","forry1"][div][attr="class,"forry2"][div style="margin:auto;width:218px;height:305px;border:1px solid #fff;background-color:#fff;overflow:auto;text-align:justify;font-size:10px;"][div][attr="class","scroll"][div][attr="class","scrollbar"][div style="width:205px;height:20px;background:#CCFCD4;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#CCFCD4;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#CCFCD4;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div][/div][/div][/div][/div][/div][/div]
[/td]

[td style="padding: 3px;"][div style="width:255px;height:365px;border:3px solid #F8EEBC;background-image:url(http://placehold.it/280x390);"]
[div style="margin:auto;width:230px;height:335px;border:1px solid #fff;"][div][attr="class","name"][span style="font-weight:400;"]first[/span]last[/div][div style="margin-top:94px;"][attr="class","namery"][/div][div][attr="class","trait"]trait || trait[/div]
[attr="class","forry1"][div][attr="class,"forry2"][div style="margin:auto;width:215px;height:305px;border:1px solid #fff;background-color:#fff;overflow:auto;text-align:justify;font-size:10px;"][div][attr="class","scroll"][div][attr="class","scrollbar"][div style="width:205px;height:20px;background:#F8EEBC;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#F8EEBC;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#F8EEBC;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div][/div][/div][/div][/div][/div][/div]
[/td]

[/tr]
[tr]
[td style="padding: 3px;"][div style="width:255px;height:365px;border:3px solid #E395FA;background-image:url(http://placehold.it/280x390);"]
[div style="margin:auto;width:230px;height:335px;border:1px solid #fff;"][div][attr="class","name"][span style="font-weight:400;"]first[/span]last[/div][div style="margin-top:94px;"][attr="class","namery"][/div][div][attr="class","trait"]trait || trait[/div]
[attr="class","forry1"][div][attr="class,"forry2"][div style="margin:auto;width:215px;height:305px;border:1px solid #fff;background-color:#fff;overflow:auto;text-align:justify;font-size:10px;"][div][attr="class","scroll"][div][attr="class","scrollbar"][div style="width:205px;height:20px;background:#E395FA;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#E395FA;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#E395FA;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div][/div][/div][/div][/div][/div][/div]
[/td]

[td style="padding: 3px;"][div style="width:255px;height:365px;border:3px solid #A5EEF0;background-image:url(http://placehold.it/280x390);"]
[div style="margin:auto;width:230px;height:335px;border:1px solid #fff;"][div][attr="class","name"][span style="font-weight:400;"]first[/span]last[/div][div style="margin-top:94px;"][attr="class","namery"][/div][div][attr="class","trait"]trait || trait[/div]
[attr="class","forry1"][div][attr="class,"forry2"][div style="margin:auto;width:215px;height:305px;border:1px solid #fff;background-color:#fff;overflow:auto;text-align:justify;font-size:10px;"][div][attr="class","scroll"][div][attr="class","scrollbar"][div style="width:205px;height:20px;background:#A5EEF0;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#A5EEF0;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div]
[div style="width:205px;height:20px;background:#A5EEF0;font-family:poiret one;font-size:20px;"]SUBTITLE ![/div]
[div style="font-family:comfortaa;font-style:italic;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.[/div][/div][/div][/div][/div][/div][/div]
[/td]
[/tr]
[/tbody][/table]
[/div]

[newclass=.forry2]transition:all 1s ease;opacity:0;position:relative;z-index:1[/newclass]
[newclass=.forry1:hover .forry2]transition:all 1s ease;opacity:1;position:relative;z-index:1[/newclass]
[newclass=.name]font-size:40px;font-family:cookie;font-weight:700;line-height:150px;color:#fff;margin-left:10px;text-shadow: 0px 0px 5px rgba(255, 255, 255, .5);position:absolute;width:250px;opacity:1;transition:.5s ease;transition-delay:.5s[/newclass]
[newclass=.trait]font-size:20px;margin-top:85px;font-family:poiret one;font-weight:400;line-height:50px;color:#fff;margin-left:10px;text-shadow: 0px 0px 5px rgba(255, 255, 255, .5);position:absolute;width:250px;opacity:1;transition:.5s ease;transition-delay:.5s[/newclass]
[newclass=.namery]width:215px;height:1px;background-color:#fff;position:absolute;margin-top:56px;margin-left:7px;opacity:1;transition:.5s ease;transition-delay:.5s[/newclass]

[newclass=.scroll]max-height: 305px; overflow: auto;padding-right: 10px;[/newclass]
[newclass=.scroll::-webkit-scrollbar]background: #000!important; width: 4px!important;border: solid 1px #fff!important;[/newclass]
[newclass=.scroll::-webkit-scrollbar-thumb]background: #000!important; width: 4px!important; border: none!important;[/newclass]

[googlefont="Comfortaa"]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

TAGS NOTES ANY

SPOILER: Click to show

[googlefont="Comfortaa"]

[div align="center"][div style="width:400px;border:double 5px #CCFCD4;background-color:#fff;color:#c0c9be;font:16px;text-align:justify;"][div style="height:60px;padding:8px;color:#fff;background-color:#CCFCD4;text-align:right;"]
[div style="height:100%;"][img src="http://placehold.it/100x100" style="border-top:8px dotted #fff;border-bottom:8px dotted #CCFCD4;border-radius:250%;height:85px;width:85px;"][/div][/div][div style="height:0px;width:0px;border-top:solid 32px #CCFCD4;border-bottom:solid 32px transparent;border-left:solid 50px transparent;border-right:solid 50px #CCFCD4;"][/div]
[div style="background-color:#fff;padding:35px;font-family:comfortaa;"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.[/div][div style="height:50px;width:300px;border-bottom:solid 32px #CCFCD4;border-top:solid 32px #CCFCD4;border-right:solid 50px #CCFCD4;border-left:solid 50px #CCFCD4;font-family:comfortaa;"][div align="center"]TAGS NOTES ANY[/div]
[/div][/div][/div]

options

community event: secret santa reveal written Dec 20, 2018 17:35:20 GMT

aliaspriestess shizuka

pronounsshe/her

78written posts

shizukaearned bits

offlinecurrently

nox, the HR department, pharaoh leap, and 15 more like this

shizuka

Junior Member

good luck, babe <3

Giftart for ✦ MAD of their oc!
Also tagged you over on DeviantArt but posting here as well. ;D

And blue , omigoodness I love all of this!! I made many excited fangirl noises while reading it all! The characters and interactions are written so well! >w< Thank you so much!!! <333

last edit on Dec 22, 2018 22:33:33 GMT by shizuka

~ art twit ~

Dracovix ARPG - a dragonfox original species stats roleplay!

options

community event: secret santa reveal written Dec 20, 2018 18:23:34 GMT

ᕕ( ᐛ )ᕗ

aliasthat bitch.

pronouns"that bitch" still works tbh (any OK!)

551written posts

selkieearned bits

offlinecurrently

nox, the HR department, pharaoh leap, and 13 more like this

selkie

Part of the Furniture

a verb in perfect view.

i have a couple things for von !! the first is some arjuna icons & 200x300 hovers, hope they turned out ok

( album link here )

second is a messaging template i coded while listening to thank u, next on repeat for 2 hours. gif preview below ( the typing effect plays on hover ) along w the html output. it shouldn't be too bad to edit, but lmk if you have any questions!

SPOILER: Click to show

<head>
<link href="https://fonts.googleapis.com/css?family=Raleway:900|Open+Sans:400,700|Roboto:400,700,900" rel="stylesheet">
link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
</head>

<div align="center">
	<div class="ty-n-contain">
		<div class="ty-n-top">
			<img src="http://placehold.it/75x75/333/eee.png">
			<notif>!</notif>
			<div>
new messages from
<tagged>
firstname lastname
</tagged>
			</div>
		</div>
		<div class="ty-n-svg"><svg viewBox="0 0 500 100" preserveAspectRatio="none" style="width: 100%;"><path d="M0.00,49.98 C149.99,150.00 271.49,-49.98 543.73,84.38 L500.00,0.00 L0.00,0.00 Z"></path></svg></div>
		<div class="ty-n-msg">
			<sent>
one taught me love
			</sent>
			<received>
one taught me patience
			</received>
			<sent>
and one taught me pain
			</sent>
			<received>
now i'm so amazing
			</received>
			<sent>
i've loved and i've lost, but that's not what i see, so look what i got, look what you taught me
			</sent>
			<sent>
thank u, next
			</sent>
			<received>
thank u, next
			</received>
			<sent>
i'm so f*ckin' grateful for my ex
			</sent>
		</div>
		<div class="ty-n-txtbox">
			<div class="ty-n-msg-deco">
				<typing-ani>
					ENTER YOUR MESSAGE
				</typing-ani>
			</div>
			<span class="th th-chat-bubbles"></span>
		</div>
	</div>
</div>

<style>
  body {
	--ty-n-accent: #b385ac;
	--ty-n-icon-bg: #fefefe;
	--ty-n-notif-bg: #ac2436;
	--ty-n-txt: #7a7a7a;
	--ty-n-scroll-bg: #ddd;
	--ty-n-deco-bg: #f8f8f8;
}

@keyframes ty-n-notif-bounce {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes ty-n-typing {
	from {
		max-width: 0px;
	}
	to {
		max-width: 300px;
	}
}

@keyframes ty-n-typing-blink {
	from,
	to {
		border-color: transparent;
	}
	50% {
		border-color: var(--ty-n-accent);
	}
}

.ty-n-contain {
	transition: 0.1s ease;
	width: 400px;
	background-color: #eee;
	border-radius: 10px;
	overflow: hidden;
}

/* TOP STUFF */
.ty-n-top {
	transition: 0.1s ease;
	height: 110px;
	padding: 25px 25px 0px 25px;
	background-color: var(--ty-n-accent);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.ty-n-top img {
	transition: 0.1s ease;
	width: 75px;
	border-radius: 100%;
	padding: 5px;
	box-shadow: 2px 1px rgba(0, 0, 0, 0.075);
	background-color: var(--ty-n-icon-bg);
}
.ty-n-top notif {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 90px;
	top: 45px;
	background-color: var(--ty-n-notif-bg);
	border-radius: 100%;
	box-shadow: 1px 1px rgba(0, 0, 0, 0.075);
	color: #fafafa;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 900 11px/100% roboto;
	animation: 1.25s linear infinite ty-n-notif-bounce;
  cursor:default;
}
.ty-n-top div {
	margin: 0px 0px 0px 25px;
	text-align: left;
	display: flex;
	flex-flow: column nowrap;
	flex-grow: 1;
	font: 700 9px/100% open sans;
	color: var(--ty-n-icon-bg);
	text-shadow: 1px 1px rgba(0, 0, 0, 0.15);
	text-transform: uppercase;
}
.ty-n-top tagged {
	max-width:240px;
	margin-top: 5px;
	font: 900 20px/80% Raleway;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	overflow-wrap: break-word;
}
.ty-n-top tagged a {
  color: var(--ty-n-icon-bg);
}

/* WAVY SVG */
.ty-n-svg {
	height: 25px;
	overflow: hidden;
}
.ty-n-svg svg {
	fill: var(--ty-n-accent);
	height: 30px;
	stroke: none;
  position:relative;
  z-index:2;
}

/* MESSAGEBOX */
.ty-n-msg {
  padding: 0px 25px 0px 25px;
  width: 340px;
  margin-right: 10px;
  margin-top:5px;
  height: 325px;
  overflow: auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: left;
}

.ty-n-msg::-webkit-scrollbar {
	width: 10px;
}
.ty-n-msg::-webkit-scrollbar-track {
	background-color: var(--ty-n-scroll-bg);
	border-radius: 10px;
}
.ty-n-msg::-webkit-scrollbar-thumb {
	background-color: var(--ty-n-accent);
	border-radius: 10px;
}

/* ACTUAL MESSAGES */
.ty-n-msg sent,
.ty-n-msg received {
	background-color: var(--ty-n-icon-bg);
	max-width: 66%;
	overflow-wrap: break-word;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	font: 400 12px/110% open sans;
	color: var(--ty-n-txt);
	flex-shrink: 0;
}

/* image styling */
.ty-n-msg sent img,
.ty-n-msg received img {
  border-radius:5px;
  max-width:200px;
  padding:1px;
  background-color:var(--ty-n-icon-bg);
  overflow:hidden;
}

.ty-n-msg sent {
	margin-left: auto;
	text-align: justify;
  text-align-last: right; /* doesn't display on safari */
  -moz-text-align-last: right;
	background-color: var(--ty-n-accent);
	color: var(--ty-n-icon-bg);
}
.ty-n-msg received {
	margin-right: auto;
	text-align: justify;
}

/* BOTTOM STUFF */
.ty-n-txtbox {
	padding: 10px;
	display: flex;
}

.ty-n-msg-deco {
	padding: 10px 5px;
	margin: 0px 10px 0px 0px;
	background-color: var(--ty-n-deco-bg);
	border-radius: 25px;
	font: 700 10px/100% roboto;
	color: #aaa;
	flex-grow: 1;
	cursor: text;
}

.ty-n-contain:hover .ty-n-msg-deco typing-ani {
	animation: ty-n-typing 3.5s steps(50, end) forwards,
		ty-n-typing-blink 1.5s 3.5s step-end infinite;
}

.ty-n-msg-deco typing-ani {
	display: inline-block;
	overflow: hidden;
	border-right: 2px solid var(--ty-n-accent);
	font: 400 10px/100% open sans;
	white-space: nowrap;
	max-width: 0px;
	margin: 0 auto;
	animation: ty-n-typing-blink 1s step-end infinite;
}

.ty-n-txtbox .th {
	width: 20px;
	height: 20px;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	font-size: 20px;
	color: var(--ty-n-deco-bg);
	background-color: var(--ty-n-accent);
	margin-left: auto;
	cursor: pointer;
}
</style>

all my proboards templates require the style tags plugin!

options

community event: secret santa reveal written Dec 20, 2018 18:25:17 GMT

pronounsHe, Him

133written posts

Dolten♦earned bits

offlinecurrently

nox, the HR department, pharaoh leap, and 11 more like this

Dolten♦

Full Member

It's your BOi = P

I don't code and never have but here is a skin and I hope you are glad... I had 420 points and I'm fucking that up but maybe this Skin will not make you go yuck. I made this rhyme and it's about time that I quit because if you keep looking at my grammar it's quite shit. Empress Yuki

Here is your GifT
Also, you can PM for the code I only want you to have it.

options

community event: secret santa reveal written Dec 20, 2018 21:20:21 GMT

Trash Queen

pronounsthey/them

145written posts

naraearned bits

offlinecurrently

pharaoh leap, ulla, and 5 more like this

nara

Full Member

when i close my eyes in the darkness your light is my guide we can walk forward without fear

Secret Santa for Dolten♦ ! Looking back I realize I should have made more, so if you're unhappy with any of these let me know and I'll go through and fix em/make some more! I made 250x500, 500x500 and 100x100 graphics of Sakura Matou and Berserker Black!!! I figured this would be good since it also sorta fits into the purple aesthetic ashdklaskd

( Album Link Here )

options

community event: secret santa reveal written Dec 20, 2018 21:55:21 GMT

aliasLunar

pronounsShe/Her

105written posts

lunarearned bits

offlinecurrently

pharaoh leap, ulla, and 3 more like this

lunar

Full Member

For blue !

Click for the album!! I apologize if there are not enough images! ^^; I hope you like them either way!! <3

options

community event: secret santa reveal written Dec 20, 2018 23:32:44 GMT

0written posts

Deletedearned bits

offlinecurrently

nox, the HR department, pharaoh leap, and 10 more like this

Deleted

yooOOOOO, my Secret Santa recipient was cyanide darktearz 💀 and I come bearing a template that doesn't necessarily have to be used as a post--you can give it whatever use you think is necessary! As of right now, I'm only providing a screencap due to it being exclusively a gift. In the meantime dear, I will pm you the code. Click to enlarge. The lyrics provided are from ONENESS by Roselia.

I hope you enjoy, and happy holidays! <3

options

community event: secret santa reveal written Dec 21, 2018 1:00:19 GMT

aliasravyn, ori

pronounshe / they

423written posts

rav⭑earned bits

offlinecurrently

pharaoh leap, ulla, and 4 more like this

rav⭑

Senior Member

my secret santa was @dandy ! i hope these are to your liking, and if you'd like any changes, please let me know!!

number one!
number two!

options

community event: secret santa reveal written Dec 21, 2018 1:00:24 GMT

pronounsthey/she

248written posts

sacredearned bits

offlinecurrently

pharaoh leap, ulla, and 12 more like this

sacred

Full Member

Do not seek forgiveness, for it will not ease the burden. It weighs as it should.

for kappaccino! this gave me a headache today of all days, but i hope you like it! it's a wanted ad/multiplotter, with some complementary art of some of ur fav fcs. i've tried to separate the classes so it's easier to edit! the large images are 280x300. i'll pm you the whole code, merry christmas!!

[break][break][break]

[googlefont=VT323|Roboto+Condensed:700|Roboto:000, 900|Pragati+Narrow]

[newclass=.kappa_gift_hold]width:625px;[/newclass]
[newclass=.kappa_gift_header]width:93.5%;margin-top:10px;[/newclass]
[newclass=.kappa_namego]width:100%;opacity:1;transition:ease-in-out 0.3s[/newclass]
[newclass=.kappa_nameis_wrapper]float:left;border:1px solid #f4f4f4;padding:2px;background:rgba(255, 255, 255, 0.2)[/newclass]
[newclass=.kappa_wantedfor_wrapper]float:left;border:1px solid #f4f4f4;padding:2px;margin-top:191px;background:rgba(255, 255, 255, 0.6);margin-left:-1px[/newclass]
[newclass=.kappa_wanted_for]float:left;font-family:Roboto Condensed;color:#333;padding:6px 12px 5px 12px;font-size:14px;[/newclass]
[newclass=.kappa_wanted_for b]color:#fff;[/newclass]
[newclass=.kappa_gift_attribute]padding:4px 7px 4px 7px;background: #f4f4f4;float:left;font-family:VT323;letter-spacing:0.5px;text-transform:uppercase;font-size:11px;margin-top:-20px;margin-right:2px[/newclass]
[newclass=.kappa_fc]float:left;width:85%;margin-left:15px;margin-top:-275px;padding:2px 1.5px 2px 2px;border:1px solid #f2f2f2[/newclass]
[newclass=.kappa_fc_title]float:left;width:26%;background:#e6e6e6;padding:2px 5px 3px 5px;color:#444;font-family:VT323;font-size:12px;letter-spacing:0.5px;[/newclass]
[newclass=.kappa_fc_name]float:left;width:67.2%;background:#fff;padding:5px 5px 4px 0px;color:#444;font-family:Roboto;font-size:8.5px;letter-spacing:1px;[/newclass]
[newclass=.kappa_icon_wrap]float:left;width:89%;margin-left:15px;margin-top:-245px[/newclass]
[newclass=.kappa_wanted_wrap]height:180px;background:rgba(250, 250, 250, 0.85);width:110%;margin-top:130px;margin-left:-10px;border-top:1px solid #ddd[/newclass]
[newclass=.kappa_wanted_description]text-align:justify;margin-top:-145px;margin-left:6px;float:left;font-family:Roboto;font-size:11px;line-height:1.25em;color:#444;width:80%;height:75%;overflow:auto;padding:0px 10px 0px 15px[/newclass]
[newclass=.kappa_charactercontent]width:93.5%;background:rgba(242, 242, 242, 1);padding:10px;margin-top:-80px;height:300px;opacity:0;transition:ease-in-out 0.3s;position:relative;z-index:0;[/newclass]
[newclass=.kappa_gift_credit]width:570px;font-family:Roboto;font-size:9px;float:left;margin-left:10px;margin-top:5px[/newclass]
[newclass=.kappa_gift_credit a]font-family:Roboto;font-size:9px;text-decoration:none;[/newclass]

[newclass=.kappa_giftwrap]width:280px;border:5px solid #dfdfdf;float:left;margin-left:4px;margin-top:2px;[/newclass]
[newclass=.kappa_gift_inwrap]width:280px;height:300px;overflow:hidden;background:url(https://images2.imgbox.com/68/68/2i7RHSVK_o.png);[/newclass]
[newclass=.kappa_giftwrap:hover .kappa_namego]opacity:0;transition:ease-in-out 0.3s[/newclass]
[newclass=.kappa_giftwrap:hover .kappa_charactercontent]opacity:1;background:rgba(242, 242, 242, 0.5);transition:ease-in-out 0.3s;[/newclass]
[newclass=.kappa_fc_lyric]float:left;margin-left:2px;height:52px;overflow:hidden;width:66%;padding:5px 5px 5px 5px;text-align:justify;color:#fff;text-shadow: #a82727 1px 1px;font-family:Roboto;font-size:16px;letter-spacing:1px;text-transform:uppercase;font-weight:900;line-height:0.9em;[/newclass]
[newclass=.kappa_wanted_description]text-align:justify;margin-top:-145px;margin-left:6px;float:left;font-family:Roboto;font-size:11px;line-height:1.25em;color:#444;width:80%;height:78%;overflow:auto;padding:0px 10px 0px 15px[/newclass]
[newclass=.kappa_wanted_description span]font-family:Roboto;font-weight:900;opacity:0.8;letter-spacing:-0.5px;font-size:12px;text-align:right;color:#a82727;border-bottom:1px solid;margin-bottom:5px;float:right;[/newclass]
[newclass=.kappa_gift_name span]font-style:italic;color:#ad3d3d[/newclass]
[newclass=.kappa_gift_name]text-align:justify;background:#f5f5f5;padding:6px 10px 5px 10px;font-family:Roboto Condensed;color:#444;font-size:14px[/newclass]

[newclass=.kappa_giftwrap2]width:280px;border:5px solid #dfdfdf;float:left;margin-left:2px;margin-top:2px;[/newclass]
[newclass=.kappa_gift_inwrap2]width:280px;height:300px;overflow:hidden;background:url(https://images2.imgbox.com/ae/c4/iwwLAScB_o.png)[/newclass]
[newclass=.kappa_giftwrap2:hover .kappa_namego]opacity:0;transition:ease-in-out 0.3s[/newclass]
[newclass=.kappa_giftwrap2:hover .kappa_charactercontent]opacity:1;background:rgba(242, 242, 242, 0.5);transition:ease-in-out 0.3s;[/newclass]
[newclass=.kappa_fc_lyric2]float:left;margin-left:2px;height:52px;overflow:hidden;width:66%;padding:5px 5px 5px 5px;text-align:justify;color:#fff;text-shadow: #b854b8 1px 1px;font-family:Roboto;font-size:16px;letter-spacing:1px;text-transform:uppercase;font-weight:900;line-height:0.9em;[/newclass]
[newclass=.kappa_wanted_description2]text-align:justify;margin-top:-145px;margin-left:6px;float:left;font-family:Roboto;font-size:11px;line-height:1.25em;color:#444;width:80%;height:78%;overflow:auto;padding:0px 10px 0px 15px[/newclass]
[newclass=.kappa_wanted_description2 span]font-family:Roboto;font-weight:900;opacity:0.8;letter-spacing:-0.5px;font-size:12px;text-align:right;color:#b854b8;border-bottom:1px solid;margin-bottom:5px;float:right;[/newclass]
[newclass=.kappa_gift_name2 span]font-style:italic;color:#b854b8[/newclass]
[newclass=.kappa_gift_name2]text-align:justify;background:#f5f5f5;padding:6px 11px 5px 10px;font-family:Roboto Condensed;color:#444;font-size:14px[/newclass]

[newclass=.kappa_giftwrap3]width:280px;border:5px solid #dfdfdf;float:left;margin-left:4px;margin-top:2px;[/newclass]
[newclass=.kappa_gift_inwrap3]width:280px;height:300px;overflow:hidden;background:url(https://images2.imgbox.com/37/25/lZEwO1Ia_o.png)[/newclass]
[newclass=.kappa_giftwrap3:hover .kappa_namego]opacity:0;transition:ease-in-out 0.3s[/newclass]
[newclass=.kappa_giftwrap3:hover .kappa_charactercontent]opacity:1;background:rgba(242, 242, 242, 0.5);transition:ease-in-out 0.3s;[/newclass]
[newclass=.kappa_fc_lyric3]float:left;margin-left:2px;height:52px;overflow:hidden;width:66%;padding:5px 5px 5px 5px;text-align:justify;color:#fff;text-shadow: #354285 1px 1px;font-family:Roboto;font-size:16px;letter-spacing:1px;text-transform:uppercase;font-weight:900;line-height:0.9em;[/newclass]
[newclass=.kappa_wanted_description3]text-align:justify;margin-top:-145px;margin-left:6px;float:left;font-family:Roboto;font-size:11px;line-height:1.25em;color:#444;width:80%;height:78%;overflow:auto;padding:0px 10px 0px 15px[/newclass]
[newclass=.kappa_wanted_description3 span]font-family:Roboto;font-weight:900;opacity:0.8;letter-spacing:-0.5px;font-size:12px;text-align:right;color:#354285;border-bottom:1px solid;margin-bottom:5px;float:right;[/newclass]
[newclass=.kappa_gift_name3 span]font-style:italic;color:#354285[/newclass]
[newclass=.kappa_gift_name3]text-align:justify;background:#f5f5f5;padding:6px 11px 5px 10px;font-family:Roboto Condensed;color:#444;font-size:14px[/newclass]

[newclass=.kappa_giftwrap4]width:280px;border:5px solid #dfdfdf;float:left;margin-left:2px;margin-top:2px;[/newclass]
[newclass=.kappa_gift_inwrap4]width:280px;height:300px;overflow:hidden;background:url(https://images2.imgbox.com/f3/e1/acOh1oYw_o.png)[/newclass]
[newclass=.kappa_giftwrap4:hover .kappa_namego]opacity:0;transition:ease-in-out 0.3s[/newclass]
[newclass=.kappa_giftwrap4:hover .kappa_charactercontent]opacity:1;background:rgba(242, 242, 242, 0.5);transition:ease-in-out 0.3s;[/newclass]
[newclass=.kappa_fc_lyric4]float:left;margin-left:2px;height:52px;overflow:hidden;width:66%;padding:5px 5px 5px 5px;text-align:justify;color:#fff;text-shadow: #c78b24 1px 1px;font-family:Roboto;font-size:16px;letter-spacing:1px;text-transform:uppercase;font-weight:900;line-height:0.9em;[/newclass]
[newclass=.kappa_wanted_description4]text-align:justify;margin-top:-145px;margin-left:6px;float:left;font-family:Roboto;font-size:11px;line-height:1.25em;color:#444;width:80%;height:78%;overflow:auto;padding:0px 10px 0px 15px[/newclass]
[newclass=.kappa_wanted_description4 span]font-family:Roboto;font-weight:900;opacity:0.8;letter-spacing:-0.5px;font-size:12px;text-align:right;color:#c78b24;border-bottom:1px solid;margin-bottom:5px;float:right;[/newclass]
[newclass=.kappa_gift_name4 span]font-style:italic;color:#c78b24[/newclass]
[newclass=.kappa_gift_name4]text-align:justify;background:#f5f5f5;padding:6px 11px 5px 10px;font-family:Roboto Condensed;color:#444;font-size:14px[/newclass]

[nospaces]

[attr="class","kappa_gift_hold"]

[attr="class","kappa_giftwrap"]

[attr="class","kappa_gift_inwrap"]

[attr="class","kappa_gift_header"]

[attr="class","kappa_namego"]

[attr="class","kappa_nameis_wrapper"]

[attr="class","kappa_gift_name"]
HIS NAME IS KOZUME KENMA

[break][break]
[break][break]

[attr="class","kappa_gift_attribute"]ATTRIBUTE

[attr="class","kappa_wantedfor_wrapper"]

[attr="class","kappa_wanted_for"]
WANTED FOR KAPPA

[attr="class","kappa_charactercontent"]

[attr="class","kappa_fc"]

[attr="class","kappa_fc_title"]faceclaim

[attr="class","kappa_fc_name"]kozume kenma // haikyuu!!

[attr="class","kappa_icon_wrap"]

[attr="class","kappa_fc_lyric"]

we've had enough of each other
all we did was suffer

[attr="class","kappa_wanted_wrap"]

[attr="class","kappa_wanted_description"]

IM SO DOWN RIGHT NOW

[break][break]
Merry Christmas Kappachino! I wasn’t too sure what to make for you at first, but I saw you asked for a multi-character wanted add code and I decided that would be a chance for me to make you something unique – that would hopefully catch people’s eyes! It can also function as a multiplotter.
[break][break]
I’ve separated the classes for each new character to make editing easier! To add another row, copy everything between the div class ‘kappa_gift_hold’ and paste! Copy and paste the character unique classes and add the appropriate number to the end of each class.

[attr="class","kappa_giftwrap2"]

[attr="class","kappa_gift_inwrap2"]

[attr="class","kappa_gift_header"]

[attr="class","kappa_namego"]

[attr="class","kappa_nameis_wrapper"]

[attr="class","kappa_gift_name2"]
HER NAME IS DIAMOND

[break][break]
[break][break]

[attr="class","kappa_gift_attribute"]ATTRIBUTE

[attr="class","kappa_wantedfor_wrapper"]

[attr="class","kappa_wanted_for"]
WANTED FOR KAPPA

[attr="class","kappa_charactercontent"]

[attr="class","kappa_fc"]

[attr="class","kappa_fc_title"]faceclaim

[attr="class","kappa_fc_name"]diamond // houseki no kuni

[attr="class","kappa_icon_wrap"]

[attr="class","kappa_fc_lyric2"]

we've had enough of each other
all we did was suffer

[attr="class","kappa_wanted_wrap"]

[attr="class","kappa_wanted_description2"]

IM SO DOWN RIGHT NOW

[break][break]
Merry Christmas Kappachino! I wasn’t too sure what to make for you at first, but I saw you asked for a multi-character wanted add code and I decided that would be a chance for me to make you something unique – that would hopefully catch people’s eyes! It can also function as a multiplotter.
[break][break]
I’ve separated the classes for each new character to make editing easier! To add another row, copy everything between the div class ‘kappa_gift_hold’ and paste! Copy and paste the character unique classes and add the appropriate number to the end of each class.

[attr="class","kappa_gift_hold"]

[attr="class","kappa_giftwrap3"]

[attr="class","kappa_gift_inwrap3"]

[attr="class","kappa_gift_header"]

[attr="class","kappa_namego"]

[attr="class","kappa_nameis_wrapper"]

[attr="class","kappa_gift_name3"]
HER NAME IS LAPIS LAZULI

[break][break]
[break][break]

[attr="class","kappa_gift_attribute"]ATTRIBUTE

[attr="class","kappa_wantedfor_wrapper"]

[attr="class","kappa_wanted_for"]
WANTED FOR KAPPA

[attr="class","kappa_charactercontent"]

[attr="class","kappa_fc"]

[attr="class","kappa_fc_title"]faceclaim

[attr="class","kappa_fc_name"]lapis lazuli // houseki no kuni

[attr="class","kappa_icon_wrap"]

[attr="class","kappa_fc_lyric3"]

we've had enough of each other
all we did was suffer

[attr="class","kappa_wanted_wrap"]

[attr="class","kappa_wanted_description3"]

IM SO DOWN RIGHT NOW

[break][break]
Merry Christmas Kappachino! I wasn’t too sure what to make for you at first, but I saw you asked for a multi-character wanted add code and I decided that would be a chance for me to make you something unique – that would hopefully catch people’s eyes! It can also function as a multiplotter.
[break][break]
I’ve separated the classes for each new character to make editing easier! To add another row, copy everything between the div class ‘kappa_gift_hold’ and paste! Copy and paste the character unique classes and add the appropriate number to the end of each class.

[attr="class","kappa_giftwrap4"]

[attr="class","kappa_gift_inwrap4"]

[attr="class","kappa_gift_header"]

[attr="class","kappa_namego"]

[attr="class","kappa_nameis_wrapper"]

[attr="class","kappa_gift_name4"]
HIS NAME IS PROMPTO ARGENTUM

[break][break]
[break][break]

[attr="class","kappa_gift_attribute"]ATTRIBUTE

[attr="class","kappa_wantedfor_wrapper"]

[attr="class","kappa_wanted_for"]
WANTED FOR KAPPA

[attr="class","kappa_charactercontent"]

[attr="class","kappa_fc"]

[attr="class","kappa_fc_title"]faceclaim

[attr="class","kappa_fc_name"]prompto argentum // ffxiv

[attr="class","kappa_icon_wrap"]

[attr="class","kappa_fc_lyric4"]

we've had enough of each other
all we did was suffer

[attr="class","kappa_wanted_wrap"]

[attr="class","kappa_wanted_description4"]

IM SO DOWN RIGHT NOW

[break][break]
Merry Christmas Kappachino! I wasn’t too sure what to make for you at first, but I saw you asked for a multi-character wanted add code and I decided that would be a chance for me to make you something unique – that would hopefully catch people’s eyes! It can also function as a multiplotter.
[break][break]
I’ve separated the classes for each new character to make editing easier! To add another row, copy everything between the div class ‘kappa_gift_hold’ and paste! Copy and paste the character unique classes and add the appropriate number to the end of each class.

[attr="class","kappa_gift_credit"]for kappa by sacred

last edit on Dec 21, 2018 1:02:58 GMT by sacred

options

community event: secret santa reveal written Dec 21, 2018 1:54:19 GMT

pronounsShe/Her

27written posts

aquilaearned bits

offlinecurrently

pharaoh leap, ulla, and 13 more like this

aquila

New Member

hi! happy holidays!! rav⭑ first off i want to start by wishing you a wonderful holiday!! i wasn't too sure what to make you so i went ahead and did a few different things!! all of which can be found here! lemme know if you need any changes! i can also separate them into separate folders if you like! also check you pm in a bit! i'll have smth else to send your way as well!!

here's a snazzy dazai signature for pixel!

also some 200x300 hovers!!

and!! icons!!

PERFECT

AN ANIMANGA RESOURCE COMMUNITY

STAFF
TEAM

PM
ALL

april 26

january 25

january 20

AFF
SLOTS

community event: secret santa reveal

Site Rules

001. respect

003. ooc accounts

Face Claims

STARTS WITH A, B, C, D

STARTS WITH U, V, W, X, Y, Z

CURRENT RESERVATIONS

CANON LIST

ABBERLEY
roland and sally (née birchgrove)

[attr="class","fa fa-tag"]

halfblood. children are identical twins.

[attr="class","fa fa-users"]

▲▲ --- --- abberley sixth year[break]
▲▲ --- --- abberley, sixth year

[attr="class","fa fa-tag"]

[attr="class","fa fa-users"]

BOOT-CORNER
terry and michael

[attr="class","fa fa-tag"]

[attr="class","fa fa-users"]

PERFECT

AN ANIMANGA RESOURCE COMMUNITY

STAFFTEAM

PMALL

april 26

january 25

january 20

An 18+ feudal japan-inspired fantasy rp

AFFSLOTS

getting started

around the site

helpful links

current events

community event: secret santa reveal

Site Rules

001. respect

003. ooc accounts

Face Claims

STARTS WITH A, B, C, D

STARTS WITH U, V, W, X, Y, Z

CURRENT RESERVATIONS

CANON LIST

ABBERLEYroland and sally (née birchgrove)

[attr="class","fa fa-tag"]halfblood. children are identical twins.[attr="class","fa fa-users"]▲▲ --- --- abberley sixth year*[break]▲▲ --- --- abberley, sixth year*

[attr="class","fa fa-tag"]

[attr="class","fa fa-users"]

BOOT-CORNERterry and michael

[attr="class","fa fa-tag"]

[attr="class","fa fa-users"]

STAFF
TEAM

PM
ALL

AFF
SLOTS

ABBERLEY
roland and sally (née birchgrove)

[attr="class","fa fa-tag"]

halfblood. children are identical twins.

[attr="class","fa fa-users"]

▲▲ --- --- abberley sixth year[break]
▲▲ --- --- abberley, sixth year

BOOT-CORNER
terry and michael