Maria and Rhys - Text

[Deleted]

rhys alexander greyback

[nospaces]

[attr="class","BCbackgroundtemp1black"]

[attr="class","BCtabletemp1"]

[attr="class","BCcontent1temp1"]

[attr="class","BCtotemp1"]
Rhys

[attr="class","BCmessagestemp1"]

[attr="class","BCmessagereceivedtemp1"]

[attr="class","BCmessageavatar"]

[attr="class","BCleftarrowtemp1"]◄

[attr="class","BCreceivedtemp1"]be there soon

[attr="class","BCmessagesenttemp1"]

[attr="class","BCmessageavatar"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]door's unlocked

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]You forgot your jacket at my place.

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]Do you want me to bring it by?

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]If you don't answer, I'm keeping it.

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]I'm pregnant.

[attr="class","BCbacktemp1"]

[attr="class","BCtimestamptemp1"]
16:30

[attr="class","BCdatetemp1"]
Sunday, November 30

[attr="class","BCimagestemp1"]

_{TEMPLATE BY ALANNA @ ADOXOGRAPHY.CO}

[googlefont="Source Sans Pro"]
[newclass=".BCmessageavatar]width:40px;[/newclass]
[newclass=".BCimagestemp1]background-image:url('https://cdn.wallpapersafari.com/33/70/tEPVjN.jpg');background-size:cover;background-position: center center;width:260px;height:396px;[/newclass]
[newclass=".BCbackgroundtemp1black"]background-image:url('http://i.imgur.com/H3yshlm.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass]
[newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;overflow: hidden; transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;z-index:2;[/newclass]
[newclass=".BCtimestamptemp1"]font-size:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;z-index:1;[/newclass]
[newclass=".BCtabletemp1:hover .BCcontent1temp1"]left:0px;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCbacktemp1"]position:absolute;left:0;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtabletemp1:hover .BCbacktemp1"]left:240px;transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtotemp1"]height:14px;overflow:hidden;background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass]
[newclass=".BCtotemp1 img"]width:10px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass]
[newclass=".BCmessagereceivedtemp1"]width:100%;float:left;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]width:100%;float:right;margin-top:5px;[/newclass]
[newclass=".BCmessagereceivedtemp1 .BCmessageavatar]float:left;[/newclass]
[newclass=".BCmessagesenttemp1 .BCmessageavatar]float:right;[/newclass]
[newclass=".BCmessageavatar img"]width: 35px;height: 35px;border-radius: 50%;[/newclass]
[newclass=".BCmessagereceivedtemp1 .BCmessageavatar img"]margin-right: 5px;[/newclass]
[newclass=".BCmessagesenttemp1 .BCmessageavatar img"]margin-left: 5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]float:left;text-align:left;max-width:70%;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]float:right;text-align:right;max-width:70%;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass]

[rhys alexander greyback]

Tuesday 02 December 2025 | 12:35

@maria

[nospaces][googlefont="Open Sans:400,700"]

[attr="id","character_names_phone"]

[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"]
Maria

[attr="class","pmsgbody"]

be over soon

door's unlocked

You forgot your jacket at my place.

Do you want me to bring it by?

If you don't answer, I'm keeping it.

I'm pregnant.

just got back from egypt

didn't have my phone

we need to talk

[attr="class","pmsgfoot"]Message Send

[attr="class","pbot"]

template base by iceguin

[attr="class","pinstructions"]
_____ IF YOU INTEND TO MODIFY THE TEMPLATE COLORS, change every instance of character_names_phone with a unique name for your own use
_____ STYLE THE PHONE OUTER BACKGROUND
[newclass=#character_names_phone .pbgcol] background: #303030; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#character_names_phone .pmsgbox ::before, #character_names_phone .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#character_names_phone .pmsgbox] background: #fff; [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#character_names_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#character_names_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass]

[newclass=.pbase, .pbase div]box-sizing: border-box;[/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; 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.2), 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:1px solid #ffffff; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) );[/newclass][newclass=".pmsghead, .pmsgfoot"]background-color: #f6f6f6; background-color: rgba(242, 242, 242, 0.8); color: #c3c0c0; padding: 10px 5px; font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 10px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid;[/newclass][newclass=".pmsghead::before, .pmsghead::after"]position: absolute; top: 12px; color: #126af5; font-size:10px; [/newclass][newclass=".pmsghead::before"]content: "\003c Messages"; left: 5px;[/newclass][newclass=".pmsghead::after"]content: "Edit"; right: 15px;[/newclass][newclass=".pmsghead span"]display: block; white-space: nowrap; width: 130px; overflow: hidden; text-overflow: ellipsis; margin: auto; color: #262626;[/newclass][newclass=".pmsgfoot"]border-top: 1px solid;[/newclass][newclass=".pmsgfoot span"]display:inline-block; width:150px; 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:325px; overflow:auto; padding-bottom: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: 30%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 30%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block;[/newclass][newclass=".pinstructions"]display:none;[/newclass]

[Deleted]

rhys alexander greyback

[nospaces]

[attr="class","BCbackgroundtemp1black"]

[attr="class","BCtabletemp1"]

[attr="class","BCcontent1temp1"]

[attr="class","BCtotemp1"]
Rhys

[attr="class","BCmessagestemp1"]

[attr="class","BCmessagereceivedtemp1"]

[attr="class","BCmessageavatar"]

[attr="class","BCleftarrowtemp1"]◄

[attr="class","BCreceivedtemp1"]be there soon

[attr="class","BCmessagesenttemp1"]

[attr="class","BCmessageavatar"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]door's unlocked

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]You forgot your jacket at my place.

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]Do you want me to bring it by?

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]If you don't answer, I'm keeping it.

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]I'm pregnant.

[attr="class","BCmessagereceivedtemp1"]

[attr="class","BCleftarrowtemp1"]◄

[attr="class","BCreceivedtemp1"]just got back from egypt

[attr="class","BCmessagereceivedtemp1"]

[attr="class","BCleftarrowtemp1"]◄

[attr="class","BCreceivedtemp1"]didn't have my phone

[attr="class","BCmessagereceivedtemp1"]

[attr="class","BCleftarrowtemp1"]◄

[attr="class","BCreceivedtemp1"]we need to talk

[attr="class","BCmessagesenttemp1"]

[attr="class","BCrightarrowtemp1"]►

[attr="class","BCsenttemp1"]No shit, sherlock

[attr="class","BCbacktemp1"]

[attr="class","BCtimestamptemp1"]
14:58

[attr="class","BCdatetemp1"]
Tuesday, December 2

[attr="class","BCimagestemp1"]

_{TEMPLATE BY ALANNA @ ADOXOGRAPHY.CO}

[googlefont="Source Sans Pro"]
[newclass=".BCmessageavatar]width:40px;[/newclass]
[newclass=".BCimagestemp1]background-image:url('https://cdn.wallpapersafari.com/33/70/tEPVjN.jpg');background-size:cover;background-position: center center;width:260px;height:396px;[/newclass]
[newclass=".BCbackgroundtemp1black"]background-image:url('http://i.imgur.com/H3yshlm.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass]
[newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;overflow: hidden; transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;z-index:2;[/newclass]
[newclass=".BCtimestamptemp1"]font-size:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;z-index:1;[/newclass]
[newclass=".BCtabletemp1:hover .BCcontent1temp1"]left:0px;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCbacktemp1"]position:absolute;left:0;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtabletemp1:hover .BCbacktemp1"]left:240px;transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtotemp1"]height:14px;overflow:hidden;background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass]
[newclass=".BCtotemp1 img"]width:10px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass]
[newclass=".BCmessagereceivedtemp1"]width:100%;float:left;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]width:100%;float:right;margin-top:5px;[/newclass]
[newclass=".BCmessagereceivedtemp1 .BCmessageavatar]float:left;[/newclass]
[newclass=".BCmessagesenttemp1 .BCmessageavatar]float:right;[/newclass]
[newclass=".BCmessageavatar img"]width: 35px;height: 35px;border-radius: 50%;[/newclass]
[newclass=".BCmessagereceivedtemp1 .BCmessageavatar img"]margin-right: 5px;[/newclass]
[newclass=".BCmessagesenttemp1 .BCmessageavatar img"]margin-left: 5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]float:left;text-align:left;max-width:70%;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]float:right;text-align:right;max-width:70%;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass]

[rhys alexander greyback]

Tuesday 02 December 2025 | 15:05

@maria

[nospaces][googlefont="Open Sans:400,700"]

[attr="id","character_names_phone"]

[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"]
Maria

[attr="class","pmsgbody_c"]

be over soon

door's unlocked

You forgot your jacket at my place.

Do you want me to bring it by?

If you don't answer, I'm keeping it.

I'm pregnant.

just got back from egypt

didn't have my phone

we need to talk

No shit, sherlock

be there in an hour

[attr="class","pmsgfoot"]Message Send

[attr="class","pbot"]

template base by iceguin

[attr="class","pinstructions"]
_____ IF YOU INTEND TO MODIFY THE TEMPLATE COLORS, change every instance of character_names_phone with a unique name for your own use
_____ STYLE THE PHONE OUTER BACKGROUND
[newclass=#character_names_phone .pbgcol] background: #303030; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#character_names_phone .pmsgbox ::before, #character_names_phone .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#character_names_phone .pmsgbox] background: #fff; [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#character_names_phone .pmsgbody_c h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#character_names_phone .pmsgbody_c h2] background: #ccc; color: #707070; [/newclass]

[newclass=.pbase, .pbase div]box-sizing: border-box;[/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; 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.2), 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:1px solid #ffffff; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) );[/newclass][newclass=".pmsghead, .pmsgfoot"]background-color: #f6f6f6; background-color: rgba(242, 242, 242, 0.8); color: #c3c0c0; padding: 10px 5px; font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 14px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid;[/newclass][newclass=".pmsghead::before, .pmsghead::after"]position: absolute; top: 12px; color: #126af5; font-size:10px; [/newclass][newclass=".pmsghead::before"]content: "\003c Messages"; left: 5px;[/newclass][newclass=".pmsghead::after"]content: "Edit"; right: 15px;[/newclass][newclass=".pmsghead span"]display: block; white-space: nowrap; width: 130px; overflow: hidden; text-overflow: ellipsis; margin: auto; color: #262626;[/newclass][newclass=".pmsgfoot"]border-top: 1px solid;[/newclass][newclass=".pmsgfoot span"]display:inline-block; width:150px; 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_c"]height:325px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody_c h1, .pmsgbody_c 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_c h1"]margin-left: 30%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody_c h2"]margin-right: 30%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody_c h2 u"]font-weight:bold; text-decoration:none; display: block;[/newclass][newclass=".pinstructions"]display:none;[/newclass]