posted
Sept 13, 2019 1:25:56 GMT
Post by Deleted on Sept 13, 2019 1:25:56 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"][attr="class","customphone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"]
[attr="class","pmsgmenu"]
[attr="class","material-icons"]signal_cellular_alt
[attr="class","material-icons"]signal_wifi_4_bar_lock
[attr="class","material-icons"]battery_std
4:03 PM
[attr="class","material-icons"]keyboard_arrow_left
[attr="class","name"] Kate Bartlett
[attr="class","material-icons"]call
[attr="class","material-icons"]more_vert
[attr="class","pmsgbody"]
Hey. It's been a while... how are you? [attr="class","pmsgfoot"]
Type a message...
[attr="class","pbot"]
❄
[attr="class","pinstructions"] _____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #363331 center; [/newclass] _____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass] _____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass] _____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass] _____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #5c718a; color: #ffffff; [/newclass] _____ COLOR OTHERS' MESSAGES [newclass=.customphone .pmsgbody h2] background: #d1d1d1; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass]
last edited
Sept 17, 2019 0:03:23 GMT by
Deleted
posted
Sept 14, 2019 15:00:47 GMT
Post by Deleted on Sept 14, 2019 15:00:47 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"][attr="class","customphone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"]
[attr="class","pmsgmenu"]
[attr="class","material-icons"]signal_cellular_alt
[attr="class","material-icons"]signal_wifi_4_bar_lock
[attr="class","material-icons"]battery_std
4:03 PM
[attr="class","material-icons"]keyboard_arrow_left
[attr="class","name"] Brodie Sanders
[attr="class","material-icons"]call
[attr="class","material-icons"]more_vert
[attr="class","pmsgbody"]
Hey. It's been a while... how are you? Brodie. Hi. I'm fine thanks. How are you? How are the kids? [Daughter Name] said the movie we went to together last week was too 'kiddish' for her, when did they grow up? [attr="class","pmsgfoot"]
Type a message...
[attr="class","pbot"]
❄
[attr="class","pinstructions"] _____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #caab99 center; [/newclass] _____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass] _____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass] _____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass] _____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #5c718a; color: #ffffff; [/newclass] _____ COLOR OTHERS' MESSAGES [newclass=.customphone .pmsgbody h2] background: #d1d1d1; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass]
last edited
Sept 15, 2019 16:32:51 GMT by
Deleted
posted
Sept 15, 2019 0:34:16 GMT
Post by Deleted on Sept 15, 2019 0:34:16 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"][attr="class","customphone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"]
[attr="class","pmsgmenu"]
[attr="class","material-icons"]signal_cellular_alt
[attr="class","material-icons"]signal_wifi_4_bar_lock
[attr="class","material-icons"]battery_std
4:03 PM
[attr="class","material-icons"]keyboard_arrow_left
[attr="class","name"] Kate Bartlett
[attr="class","material-icons"]call
[attr="class","material-icons"]more_vert
[attr="class","pmsgbody"]
Hey. It's been a while... how are you? Brodie. Hi. I'm fine thanks. How are you? How are the kids? [Daughter Name] said the movie we went to together last week was too 'kiddish' for her, when did they grow up? You see them more than I do and on better terms so I should be asking you how they are. Sorry. That sounded...not how I meant it to. They're good. I'm okay. Time is just flying by. [attr="class","pmsgfoot"]
Type a message...
[attr="class","pbot"]
❄
[attr="class","pinstructions"] _____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #363331 center; [/newclass] _____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass] _____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass] _____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass] _____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #5c718a; color: #ffffff; [/newclass] _____ COLOR OTHERS' MESSAGES [newclass=.customphone .pmsgbody h2] background: #d1d1d1; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass]
posted
Sept 15, 2019 14:23:32 GMT
Post by Deleted on Sept 15, 2019 14:23:32 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"][attr="class","customphone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"]
[attr="class","pmsgmenu"]
[attr="class","material-icons"]signal_cellular_alt
[attr="class","material-icons"]signal_wifi_4_bar_lock
[attr="class","material-icons"]battery_std
4:12 PM
[attr="class","material-icons"]keyboard_arrow_left
[attr="class","name"] Brodie Sanders
[attr="class","material-icons"]call
[attr="class","material-icons"]more_vert
[attr="class","pmsgbody"]
Hey. It's been a while... how are you? Brodie. Hi. I'm fine thanks. How are you? How are the kids? [Daughter Name] said the movie we went to together last week was too 'kiddish' for her, when did they grow up? You see them more than I do and on better terms so I should be asking you how they are. Sorry. That sounded...not how I meant it to. They're good. I'm okay. Time is just flying by. Ya... It really is. Hey, why don't you come by the diner? I'll make your favorite. [attr="class","pmsgfoot"]
Type a message...
[attr="class","pbot"]
❄
[attr="class","pinstructions"] _____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #caab99 center; [/newclass] _____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass] _____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass] _____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass] _____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #5c718a; color: #ffffff; [/newclass] _____ COLOR OTHERS' MESSAGES [newclass=.customphone .pmsgbody h2] background: #d1d1d1; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass]
last edited
Sept 15, 2019 16:33:08 GMT by
Deleted
posted
Sept 15, 2019 18:07:08 GMT
Post by Deleted on Sept 15, 2019 18:07:08 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"][attr="class","customphone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"]
[attr="class","pmsgmenu"]
[attr="class","material-icons"]signal_cellular_alt
[attr="class","material-icons"]signal_wifi_4_bar_lock
[attr="class","material-icons"]battery_std
4:15 PM
[attr="class","material-icons"]keyboard_arrow_left
[attr="class","name"] Kate Bartlett
[attr="class","material-icons"]call
[attr="class","material-icons"]more_vert
[attr="class","pmsgbody"]
You see them more than I do and on better terms so I should be asking you how they are. Sorry. That sounded...not how I meant it to. They're good. I'm okay. Time is just flying by. Ya... It really is. Hey, why don't you come by the diner? I'll make your favorite. Okay, sure. [attr="class","pmsgfoot"]
Type a message...
[attr="class","pbot"]
❄
[attr="class","pinstructions"] _____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #363331 center; [/newclass] _____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass] _____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass] _____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass] _____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #5c718a; color: #ffffff; [/newclass] _____ COLOR OTHERS' MESSAGES [newclass=.customphone .pmsgbody h2] background: #d1d1d1; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass]
posted
Sept 16, 2019 13:32:14 GMT
Post by Deleted on Sept 16, 2019 13:32:14 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"][attr="class","customphone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"]
[attr="class","pmsgmenu"]
[attr="class","material-icons"]signal_cellular_alt
[attr="class","material-icons"]signal_wifi_4_bar_lock
[attr="class","material-icons"]battery_std
4:18 PM
[attr="class","material-icons"]keyboard_arrow_left
[attr="class","name"] Brodie Sanders
[attr="class","material-icons"]call
[attr="class","material-icons"]more_vert
[attr="class","pmsgbody"]
You see them more than I do and on better terms so I should be asking you how they are. Sorry. That sounded...not how I meant it to. They're good. I'm okay. Time is just flying by. Ya... It really is. Hey, why don't you come by the diner? I'll make your favorite. Okay, sure. See you soon [attr="class","pmsgfoot"]
Type a message...
[attr="class","pbot"]
❄
[attr="class","pinstructions"] _____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #caab99 center; [/newclass] _____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass] _____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass] _____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass] _____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #5c718a; color: #ffffff; [/newclass] _____ COLOR OTHERS' MESSAGES [newclass=.customphone .pmsgbody h2] background: #d1d1d1; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass]
posted
Sept 16, 2019 18:51:08 GMT
Post by Deleted on Sept 16, 2019 18:51:08 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"][attr="class","customphone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"]
[attr="class","pmsgmenu"]
[attr="class","material-icons"]signal_cellular_alt
[attr="class","material-icons"]signal_wifi_4_bar_lock
[attr="class","material-icons"]battery_std
4:19 PM
[attr="class","material-icons"]keyboard_arrow_left
[attr="class","name"] Kate Bartlett
[attr="class","material-icons"]call
[attr="class","material-icons"]more_vert
[attr="class","pmsgbody"]
Sorry. That sounded...not how I meant it to. They're good. I'm okay. Time is just flying by. Ya... It really is. Hey, why don't you come by the diner? I'll make your favorite. Okay, sure. See you soon 👍 [attr="class","pmsgfoot"]
Type a message...
[attr="class","pbot"]
❄
[attr="class","pinstructions"] _____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #363331 center; [/newclass] _____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass] _____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass] _____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass] _____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #5c718a; color: #ffffff; [/newclass] _____ COLOR OTHERS' MESSAGES [newclass=.customphone .pmsgbody h2] background: #d1d1d1; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass]