|
|
|
|
last online Apr 25, 2024 6:50:31 GMT -7
WIZARDING ADULT
|
|
|
Dec 11, 2020 16:37:52 GMT -7
Post by camila calderón on Dec 11, 2020 16:37:52 GMT -7
[nospaces] [attr="class","BCbackgroundtemp1black"] [attr="class","BCtabletemp1"] [attr="class","BCcontent1temp1"] [attr="class","BCtotemp1"]
Auguste 🎶
[attr="class","BCmessagestemp1"] [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"]  [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Yeah. [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"]  [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]I will be there 😊
[attr="class","BCbacktemp1"] [attr="class","BCtimestamptemp1"]
11:20
[attr="class","BCdatetemp1"]
Miércoles, 24 de diciembre
[attr="class","BCimagestempCAMILA1"] [googlefont="Source Sans Pro"] [newclass=".BCmessageavatar]width:40px;[/newclass] [newclass=".BCimagestempCAMILA1]background-image:url(https://64.media.tumblr.com/0af4e28f946e1672d5a0f7ecf3a831cd/tumblr_mn33kxtqYT1qg505qo1_1280.gif);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] @auguste |
|
|
|
|
|
|
|
last online Apr 25, 2024 16:18:58 GMT -7
|
|
|
Dec 13, 2020 18:20:16 GMT -7
Post by Deleted on Dec 13, 2020 18:20:16 GMT -7
[nospaces][googlefont="Open Sans:400,700"] [attr="id","Gus"] [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"]Camila/Carmen [attr="class","pmsgbody"] Yeah.I will be there  Camila! Did you get home safe?Are you okay?!Why are you not answering? Is this thing on?Camila, please answer! I don't know how this works?Do I need to turn your sound on or something?Just let me know if you got home safe. I hear these things are not insant?They are instant? You haven't read them? If you haven't read these by 11 I'm coming over.I don't know how to know if you read them..... If you haven't responded by 11 I'm coming over.Are you okay or should I murder that guy you left with?[attr="class","pmsgfoot"]Message Send [attr="class","pbot"] [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=#Gus .pbgcol] background: #303030; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#Gus .pmsgbox ::before, #Gus .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#Gus .pmsgbox] background: #fff; [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#Gus .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#Gus .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: 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"]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] |
|
|
|
|
|
|
|
last online Apr 25, 2024 6:50:31 GMT -7
WIZARDING ADULT
|
|
|
Dec 13, 2020 18:55:10 GMT -7
Post by camila calderón on Dec 13, 2020 18:55:10 GMT -7
[nospaces] [attr="class","BCbackgroundtemp1black"] [attr="class","BCtabletemp1"] [attr="class","BCcontent1temp1"] [attr="class","BCtotemp1"]
Auguste 🎶
[attr="class","BCmessagestemp1"] [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Yeah. [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]I will be there 😊 [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Yeah. [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Camila! Did you get home safe? [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Are you okay?! [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Why are you not answering? Is this thing on? [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Camila, please answer! I don't know how this works? [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Do I need to turn your sound on or something? [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Just let me know if you got home safe. I hear these things are not insant? [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]They are instant? You haven't read them? If you haven't read these by 11 I'm coming over. [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]I don't know how to know if you read them..... If you haven't responded by 11 I'm coming over. [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Are you okay or should I murder that guy you left with? [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]Auguste. I am okay. [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]Jajajajajajaja. 😭 Please do not come. [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]My ankle is okay. [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]Please do not hurt him. [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]Please. [attr="class","BCbacktemp1"] [attr="class","BCtimestamptemp1"]
6:30
[attr="class","BCdatetemp1"]
Jueves, 25 de diciembre
[attr="class","BCimagestempCAMILA1"] [googlefont="Source Sans Pro"] [newclass=".BCmessageavatar]width:40px;[/newclass] [newclass=".BCimagestempCAMILA1]background-image:url(https://64.media.tumblr.com/0af4e28f946e1672d5a0f7ecf3a831cd/tumblr_mn33kxtqYT1qg505qo1_1280.gif);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] @auguste |
|
|
|
|
|
|
|
last online Apr 25, 2024 16:18:58 GMT -7
|
|
|
Dec 14, 2020 6:12:20 GMT -7
Post by Deleted on Dec 14, 2020 6:12:20 GMT -7
[nospaces][googlefont="Open Sans:400,700"] [attr="id","Gus"] [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"]Camila/Carmen [attr="class","pmsgbody"] Yeah.I will be there Camila! Did you get home safe?Are you okay?!Why are you not answering? Is this thing on?Camila, please answer! I don't know how this works?Do I need to turn your sound on or something?Just let me know if you got home safe. I hear these things are not insant?They are instant? You haven't read them? If you haven't read these by 11 I'm coming over.I don't know how to know if you read them..... If you haven't responded by 11 I'm coming over.Are you okay or should I murder that guy you left with?Auguste. I am okay.Jajajajajajaja. 😭 Please do not come.My ankle is okay.Please do not hurt him.Please.Good that you're okay. I am not convinced I shouldn't come over. You make it sound like he's still there.Is he still there?!I've been in your shoes too often to not suspect something Camila. If he doesn't leave, call me.Or send a patronus, I understand those better.Either way, let me know if I need to stop by to remove him.[attr="class","pmsgfoot"]Message Send [attr="class","pbot"] [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=#Gus .pbgcol] background: #303030; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#Gus .pmsgbox ::before, #Gus .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#Gus .pmsgbox] background: #fff; [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#Gus .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#Gus .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: 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"]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] |
|
|
|
|
|
|
|
last online Apr 25, 2024 6:50:31 GMT -7
WIZARDING ADULT
|
|
|
Dec 14, 2020 9:40:34 GMT -7
Post by camila calderón on Dec 14, 2020 9:40:34 GMT -7
[For the sake of responding, the texts are, in order:
I am fine. I promise.
Don't hurt him.
So early. Let me sleep.
I'm tired of this code.]
|
|
|
|
|
|
|
|
last online Apr 25, 2024 16:18:58 GMT -7
|
|
|
Dec 23, 2020 9:04:23 GMT -7
Post by Deleted on Dec 23, 2020 9:04:23 GMT -7
[nospaces][googlefont="Open Sans:400,700"] [attr="id","Gus"] [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"]Camila/Carmen [attr="class","pmsgbody"] Yeah.I will be there Camila! Did you get home safe?Are you okay?!Why are you not answering? Is this thing on?Camila, please answer! I don't know how this works?Do I need to turn your sound on or something?Just let me know if you got home safe. I hear these things are not insant?They are instant? You haven't read them? If you haven't read these by 11 I'm coming over.I don't know how to know if you read them..... If you haven't responded by 11 I'm coming over.Are you okay or should I murder that guy you left with?Auguste. I am okay.Jajajajajajaja. 😭 Please do not come.My ankle is okay.Please do not hurt him.Please.Good that you're okay. I am not convinced I shouldn't come over. You make it sound like he's still there.Is he still there?!I've been in your shoes too often to not suspect something Camila. If he doesn't leave, call me.Or send a patronus, I understand those better.Either way, let me know if I need to stop by to remove him.I am fine. I promise.Don't hurt him.So early. Let me sleep.Fine. Call me tonight or I'll change my mind.Sleep tight!  [attr="class","pmsgfoot"]Message Send [attr="class","pbot"] [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=#Gus .pbgcol] background: #1c0c2b; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#Gus .pmsgbox ::before, #Gus .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#Gus .pmsgbox] background-image: url(https://www.maxim.com/.image/c_fit%2Ccs_srgb%2Cfl_progressive%2Ch_406%2Cq_auto:good%2Cw_620/MTM1MTY5NTk2NjQwMTE4Nzk0/49-alexandra-daddario.jpg); [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#Gus .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#Gus .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: 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"]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] |
|
|
|
|
|
|
|
last online Apr 25, 2024 6:50:31 GMT -7
WIZARDING ADULT
|
|
|
Mar 16, 2021 18:46:25 GMT -7
Post by camila calderón on Mar 16, 2021 18:46:25 GMT -7
[nospaces] [attr="class","BCbackgroundtemp1black"] [attr="class","BCtabletemp1"] [attr="class","BCcontent1temp1"] [attr="class","BCtotemp1"]
Auguste 🎶
[attr="class","BCmessagestemp1"] [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]Sleep tight! <3 [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]Happy Christmas, Gus. 😊
[attr="class","BCbacktemp1"] [attr="class","BCtimestamptemp1"]
12:30
[attr="class","BCdatetemp1"]
Jueves, 25 de diciembre
[attr="class","BCimagestempCAMILA1"] [googlefont="Source Sans Pro"] [newclass=".BCmessageavatar]width:40px;[/newclass] [newclass=".BCimagestempCAMILA1]background-image:url(https://64.media.tumblr.com/0af4e28f946e1672d5a0f7ecf3a831cd/tumblr_mn33kxtqYT1qg505qo1_1280.gif);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] @auguste |
|
|
|
|
|
|
|
last online Apr 25, 2024 16:18:58 GMT -7
|
|
|
Mar 24, 2021 11:40:12 GMT -7
Post by Deleted on Mar 24, 2021 11:40:12 GMT -7
[nospaces][googlefont="Open Sans:400,700"] [attr="id","Gus"] [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"]Camila/Carmen [attr="class","pmsgbody"] Sleep tight! Happy Christmas, Gus. 😊Happy Christmas to you too, sweet Camila! <3[attr="class","pmsgfoot"]Message Send [attr="class","pbot"] [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=#Gus .pbgcol] background: #1c0c2b; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#Gus .pmsgbox ::before, #Gus .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#Gus .pmsgbox] background-image: url(https://www.maxim.com/.image/c_fit%2Ccs_srgb%2Cfl_progressive%2Ch_406%2Cq_auto:good%2Cw_620/MTM1MTY5NTk2NjQwMTE4Nzk0/49-alexandra-daddario.jpg); [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#Gus .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#Gus .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: 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"]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] |
|
|
|
