community event: secret santa reveal

the endless hunt
aliasleto, blobert, crow
pronounshe / they
1,361written posts
ullaearned bits
offlinecurrently
ulla
Administrator
ulla Avatar
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.


[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]
frog on the floor
aliasfreiheit, microwaved burrito
pronounsany
1,496written posts
pharaoh leapearned bits
offlinecurrently
pharaoh leap
Administrator
pharaoh leap Avatar
i fear you: your silence, your blindness. see what you want to see!
, 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. [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[break]
LASTNAME, firstname[break]
LASTNAME, firstname[break]


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



LASTNAME, firstname[break]
LASTNAME, firstname[break]
LASTNAME, firstname[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 . © 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]
boot-corner, sixth year[break]
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]

pronounsshe/her
427written posts
offlinecurrently
cyanide darktearz 💀
Senior Member
cyanide darktearz 💀 Avatar


Click here for the album. Collar x Malice is one of my fav otoges so I hope you'll enjoy this! For , 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. 💖
aliaskappaccino
pronounsthey
283written posts
kappaccinoearned bits
offlinecurrently
kappaccino
Senior Member
kappaccino Avatar
welcome and well met, my brave little spark
  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. 



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]
pronounsShe/Her
424written posts
luxearned bits
offlinecurrently
lux
Senior Member
lux Avatar
But I'm a sunflower, a little funny
- 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 !

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.

SUBTITLE !

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.

SUBTITLE !

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.


[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 !

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.

SUBTITLE !

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.

SUBTITLE !

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.


[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 !

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.

SUBTITLE !

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.

SUBTITLE !

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.


[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 !

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.

SUBTITLE !

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.

SUBTITLE !

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.




[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="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



[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]
aliaspriestess shizuka
pronounsshe/her
73written posts
shizukaearned bits
offlinecurrently
shizuka
Junior Member
shizuka Avatar




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

And , 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
ᕕ( ᐛ )ᕗ
aliasthat bitch.
pronouns"that bitch" still works tbh (any OK!)
551written posts
selkieearned bits
offlinecurrently
selkie
Part of the Furniture
selkie Avatar
a verb in perfect view.
i have a couple things for !! the first is some arjuna icons & 200x300 hovers, hope they turned out ok

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!



<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>
weeping omens advertisement

all my proboards templates require the style tags plugin!
pronounsHe, Him
133written posts
Dolten♦earned bits
offlinecurrently
Dolten♦
Full Member
Dolten♦ Avatar
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.

Here is your GifT
Also, you can PM for the code I only want you to have it.
Trash Queen
pronounsthey/them
145written posts
naraearned bits
offlinecurrently
nara
Full Member
nara Avatar
when i close my eyes in the darkness your light is my guide we can walk forward without fear
Secret Santa for ! 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


0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
yooOOOOO, my Secret Santa recipient was 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
pronounsthey/she
248written posts
sacredearned bits
offlinecurrently
sacred
Full Member
sacred Avatar
Do not seek forgiveness, for it will not ease the burden. It weighs as it should.
for ! 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_gift_attribute"]ATTRIBUTE

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

[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_gift_attribute"]ATTRIBUTE

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

[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_gift_attribute"]ATTRIBUTE

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

[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_gift_attribute"]ATTRIBUTE

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

[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
pronounsShe/Her
27written posts
aquilaearned bits
offlinecurrently
aquila
New Member
aquila Avatar
hi! happy holidays!!  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!!