Post by no one special on Jan 22, 2020 7:49: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 #e0e0e0;[/newclass]
[newclass=".cp1"]width: 225px; height: 125px; background: #222; box-sizing: border-box;[/newclass]
[newclass=".cp2"]padding: 5px; height: 60px; width: 60px; position: absolute; top: 25px; left: 20px;[/newclass]
[newclass=".cp3"]color:#666; width: 60%; text-align: center; position: absolute; top: 45px; right: 0px; font: italic 13px/120% georgia; 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: linear-gradient(15deg,#9fccb0, #9FB6CD); padding: 10px; margin: 5px 20px 10px 10px; border-radius: 10px; color: #fafafa; font: 12px/100% calibri; text-align: left;[/newclass]
[newclass=".cp5"]background: #fafafa; border-top: 1px solid #e0e0e0; width: 235px; height: 55px; position: absolute; left: 0px; bottom: 0px;[/newclass]
[newclass=".cp5a"]display: inline-block; background: #222; padding: 10px 5px;position: absolute; bottom: 10px; left: 15px; font: 14px/120% calibri; width: 140px; text-transform: uppercase; color: #fafafa; text-align: left;[/newclass]
[newclass=".cp5b"]display: inline-block; background: #222; padding: 10px 5px; position: absolute; bottom: 10px; right: 10px; font: 14px/120% calibri; width: 40px; text-transform: uppercase; color: #fafafa; text-align: center;[/newclass]
[newclass=".cp4::-webkit-scrollbar"] width: 5px;[/newclass]
[newclass=".cp4::-webkit-scrollbar-track"]background: #fafafa; border: none;[/newclass]
[newclass=".cp4::-webkit-scrollbar-thumb"]background: #222;[/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 #e0e0e0;[/newclass]
[newclass=".cp1"]width: 225px; height: 125px; background: #222; box-sizing: border-box;[/newclass]
[newclass=".cp2"]padding: 5px; height: 60px; width: 60px; position: absolute; top: 25px; left: 20px;[/newclass]
[newclass=".cp3"]color:#666; width: 60%; text-align: center; position: absolute; top: 45px; right: 0px; font: italic 13px/120% georgia; 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: linear-gradient(15deg,#9fccb0, #9FB6CD); padding: 10px; margin: 5px 20px 10px 10px; border-radius: 10px; color: #fafafa; font: 12px/100% calibri; text-align: left;[/newclass]
[newclass=".cp5"]background: #fafafa; border-top: 1px solid #e0e0e0; width: 235px; height: 55px; position: absolute; left: 0px; bottom: 0px;[/newclass]
[newclass=".cp5a"]display: inline-block; background: #222; padding: 10px 5px;position: absolute; bottom: 10px; left: 15px; font: 14px/120% calibri; width: 140px; text-transform: uppercase; color: #fafafa; text-align: left;[/newclass]
[newclass=".cp5b"]display: inline-block; background: #222; padding: 10px 5px; position: absolute; bottom: 10px; right: 10px; font: 14px/120% calibri; width: 40px; text-transform: uppercase; color: #fafafa; text-align: center;[/newclass]
[newclass=".cp4::-webkit-scrollbar"] width: 5px;[/newclass]
[newclass=".cp4::-webkit-scrollbar-track"]background: #fafafa; border: none;[/newclass]
[newclass=".cp4::-webkit-scrollbar-thumb"]background: #222;[/newclass]
