Tried my hand at CSS for a fic I have planned that has characters that use the app LINE. Most of the credits for this really goes to the two skins I have linked above, I sorta just put both of them together. Please read them for more information if you need.

There are a lot of liberties I took with this because I'm rusty at coding in general, but I think it turned out okay.

I didn't include the typebar, and I didn't follow LINE's exact UI for the header (if you use LINE, I think you'll know why). The time stamp headers I also took liberties with because CSS (as far as I know) doesn't know how to specifically make rounded borders around a heading's length.

Example:

Instructions:

CodePen for this here. Copy the CSS, then go to your profile on AO3 -> Skins -> My work skins. Create a work skin and paste the CSS into the work skin. Name it whatever you like. Then put the HTML into your work text. Make sure to select that work skin for your work.

In the CodePen I tried some other things out, but they might not work properly on AO3. 

Please credit me if you do use this, and to anyone who's better than me at CSS, feel free to modify it as you like. Thanks!