chattable tutorial

// please keep in mind these are only the lines of code i changed or added, all other lines of code remain unchanged :) i will specify if i intend a line to be deleted

// font
@font-face {
src: url(https://dl.dropbox.com/s/uougf9v63jmphoj/Jojoba.otf);
font-family: jojoba;
}

// body
font-family: jojoba;
background-image: url('IMG LINK HERE');

// sent
border: 1px solid black;

// received
color: black;
border: 1px solid black;

// senderinfo
font-family: jojoba;
color: black;

// background
scrollbar-color: white transparent;

// input (delete "#nameEntry", a link will be in the description for assistance if u choose to add this element to ur cbox)
border-radius: 0px;

// add this entire thing (the "content" message can be edited)
#input:empty::before {
  content: " send a message??... ";
  font-size:12px;
  font-family: jojoba;
  color: black;
}

// owner before (delete all positioning css)
content: "Name";

// .ctxMenuOption
background-color: #FFBBDD !important;

// .ctxMenuOption:nth-child(odd)
background-color: white !important;

// .ctxMenuOption:hover
color: black;
text-shadow: none;

// emoji tray (delete text shadow)
border: 1px solid black;
background-color: #ffe9f6;
box-shadow: 3px 3px 5px black;
color: black;

// is typing span
background-color: black;

// is typing
background-color: #ffe9f6;
border: solid 1px black;