Post by no one special on Jul 10, 2019 0:01:54 GMT -5
[nospaces]
[newclass=".cp0"]height: 400px; width: 225px; background: #fafafa; margin: auto; overflow: hidden;
border-radius: 10px; padding: 5px; position: relative; border: 1px solid #eee;[/newclass]
[newclass=".cp1"]width: 225px; height: 125px; background: #9FB6CD; box-sizing: border-box;[/newclass]
[newclass=".cp2"]padding: 5px; height: 60px; width: 60px; position: absolute; top: 25px; left: 20px;[/newclass]
[newclass=".cp3"]color:#222;width: 60%; text-align: center; position: absolute; top: 45px; right: 0px; font: italic 13px/120% Montserrat; text-transform: lowercase;[/newclass]
[newclass=".cp3a"]display: block; color: #fafafa;[/newclass]
[newclass=".cp4"]width: 215px; height: 190px; overflow: auto; background: #fafafa; border: 5px solid #fafafa; position: absolute; bottom: 70px;[/newclass]
[newclass=".cp4a"]position: relative; background: #9FB6CD; padding: 10px;margin: 5px 20px 10px 10px; border-radius: 10px; color: #fafafa;font: 10px/10px Poppins; text-align: left;[/newclass]
[newclass=".cp5"]background: #eee; width: 235px; height: 55px; position: absolute; left: 0px; bottom: 0px;[/newclass]
[newclass=".cp5a"]display: inline-block; background: #9FB6CD; padding: 10px 5px;position: absolute; bottom: 10px; left: 15px; font: 12px/120% Montserrat;width: 140px; text-transform: uppercase; color: #fafafa;[/newclass]
[newclass=".cp5b"]display: inline-block; background: #9FB6CD; padding: 10px 5px; position: absolute; bottom: 10px; right: 10px; font: 11px/120% Montserrat;width: 35px; text-transform: uppercase; color: #fafafa;[/newclass]
[newclass=".cp4::-webkit-scrollbar"] width: 5px;[/newclass]
[newclass=".cp4::-webkit-scrollbar-track"]background: #fafafa; border: none;[/newclass]
[newclass=".cp4::-webkit-scrollbar-thumb"]background: #9FB6CD;[/newclass]
[attr="class","cp0"]
[attr="class","cp1"]
[attr="class","cp2"]
[attr="class","cp3"]new message
[attr="class","cp3a"]name mcname
[attr="class","cp4"]
[attr="class","cp4a"]messages will go here
[attr="class","cp4a"]messages will go here
[attr="class","cp4a"]messages will go here
[attr="class","cp4a"]messages will go here
[attr="class","cp4a"]messages will go here
[attr="class","cp5"]
[attr="class","cp5a"]enter message...
[attr="class","cp5b"]send
[newclass=".cp0"]height: 400px; width: 225px; background: #fafafa; margin: auto; overflow: hidden;
border-radius: 10px; padding: 5px; position: relative; border: 1px solid #eee;[/newclass]
[newclass=".cp1"]width: 225px; height: 125px; background: #9FB6CD; box-sizing: border-box;[/newclass]
[newclass=".cp2"]padding: 5px; height: 60px; width: 60px; position: absolute; top: 25px; left: 20px;[/newclass]
[newclass=".cp3"]color:#222;width: 60%; text-align: center; position: absolute; top: 45px; right: 0px; font: italic 13px/120% Montserrat; text-transform: lowercase;[/newclass]
[newclass=".cp3a"]display: block; color: #fafafa;[/newclass]
[newclass=".cp4"]width: 215px; height: 190px; overflow: auto; background: #fafafa; border: 5px solid #fafafa; position: absolute; bottom: 70px;[/newclass]
[newclass=".cp4a"]position: relative; background: #9FB6CD; padding: 10px;margin: 5px 20px 10px 10px; border-radius: 10px; color: #fafafa;font: 10px/10px Poppins; text-align: left;[/newclass]
[newclass=".cp5"]background: #eee; width: 235px; height: 55px; position: absolute; left: 0px; bottom: 0px;[/newclass]
[newclass=".cp5a"]display: inline-block; background: #9FB6CD; padding: 10px 5px;position: absolute; bottom: 10px; left: 15px; font: 12px/120% Montserrat;width: 140px; text-transform: uppercase; color: #fafafa;[/newclass]
[newclass=".cp5b"]display: inline-block; background: #9FB6CD; padding: 10px 5px; position: absolute; bottom: 10px; right: 10px; font: 11px/120% Montserrat;width: 35px; text-transform: uppercase; color: #fafafa;[/newclass]
[newclass=".cp4::-webkit-scrollbar"] width: 5px;[/newclass]
[newclass=".cp4::-webkit-scrollbar-track"]background: #fafafa; border: none;[/newclass]
[newclass=".cp4::-webkit-scrollbar-thumb"]background: #9FB6CD;[/newclass]
