cr avenmika

――― MISC CODES ―――


<style>

@font-face {
font-family: chick;
src:url(https://dl.dropbox.com/s/wrt1sab5vv6r25n/CHICK___.TTF);
}

@font-face {
src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
font-family: hearts;
}

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}

</style>


――― CHATROOM CONTAINER ―――


/* CHATROOM CONTAINER*/
#elementID > .wrapper {
position: relative;
left: 1.7em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
left: 1.5em;
}
}


――― CHATROOM TEXT ―――


#elementID {
font-family: chick;
}


――― SCROLLABLE CONTAINER ―――


/* SCROLLABLE CONTAINER */
#elementID > .wrapper {
height: 16em;
overflow: auto;
position: relative;
left: 1.7em;
}

@media only screen and (max-width: 600px) {
#elementID > .wrapper {
height: 16.5em;
left: 1.5em;
}
}


――― LEFT TEXTBOX ―――


/* LEFT TEXTBOX */
#elementID, #elementID, #elementID, #elementID {
font-family: hearts;
background: white;
width: 12em;
padding: 6px 8px;
border-radius: 15px 15px 15px 0;
border: 1px solid #A1A1A1;
}

@media only screen and (max-width: 600px) {
#elementID, #elementID, #elementID, #elementID {
width: 12.5em;
padding: 5px 7px;
border-radius: 10px 10px 10px 0;
}
}



――― RIGHT TEXTBOX ―――


/* RIGHT TEXTBOX */
#elementID, #elementID, #elementID {
font-family: hearts;
background: white;
width: 10.5em;
padding: 6px 8px;
border-radius: 15px 15px 0 15px;
border: 1px solid #A1A1A1;
margin-left: auto;
}

@media only screen and (max-width: 600px) {
#elementID, #elementID, #elementID {
width: 11em;
padding: 5px 7px;
border-radius: 10px 10px 0 10px;
}
}


――― IMAGE CONTAINER ―――


/* IMAGE CONTAINER */
#elementID > .wrapper {
width: 10em;
padding-bottom: 5px;
position: absolute;
bottom: 6.75em;
left: -15px;
}


――― NOTES CONTAINER ―――


/* NOTES CONTAINER */
#elementID > .wrapper {
width: 10em;
position: absolute;
bottom: 0em;
left: -15px;
}


――― CREDITS ―――


credits to __avenmika__ for the carrd layout!


――― NOTES SCROLLBOX ―――


/* NOTES SCROLLBOX */
#elementID {
font-family: hearts;
background: white;
padding: 6px;
border-radius: 15px;
border: 1px solid #A1A1A1;
height: 5em;
overflow: auto;
}

@media only screen and (max-width: 600px) {
#elementID {
padding: 5px;
border-radius: 10px;
}
}