Jean V. L. L. de Lafayette IV
Professor
Professor
spoons
Single and not ready to mingle
/
Asexual
Transfiguration Professor
35 years old
Sunshine. Moonlight. Good times. Llama.
posted
Jul 26, 2018 23:16:11 GMT
Post by Jean V. L. L. de Lafayette IV on Jul 26, 2018 23:16:11 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] The Charmer
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]
@sam
posted
Jul 27, 2018 14:18:10 GMT
Post by Deleted on Jul 27, 2018 14:18:10 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] LLAMAYETE
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) Tutoring a firstie. COME TO ME Bring a brush. [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]
Jean V. L. L. de Lafayette IV
Professor
Professor
spoons
Single and not ready to mingle
/
Asexual
Transfiguration Professor
35 years old
Sunshine. Moonlight. Good times. Llama.
posted
Jul 28, 2018 15:29:43 GMT
Post by Jean V. L. L. de Lafayette IV on Jul 28, 2018 15:29:43 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] The Charmer
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) Tutoring a firstie COME TO ME Bring a brush. I've started keeping a comb inside my leg If you'd prefer a brush then find me something to transfigure ETA: however long it takes me to get up these stairs [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]
@sam
posted
Jul 29, 2018 13:32:08 GMT
Post by Deleted on Jul 29, 2018 13:32:08 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] LLAMAYETE
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) Tutoring a firstie COME TO ME Bring a brush. I've started keeping a comb inside my leg If you'd prefer a brush then find me something to transfigure ETA: however long it takes me to get up these stairs Comb is good Want a bucket of beer ready for when you get here? You can drink while I plait your fringe [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]
Jean V. L. L. de Lafayette IV
Professor
Professor
spoons
Single and not ready to mingle
/
Asexual
Transfiguration Professor
35 years old
Sunshine. Moonlight. Good times. Llama.
posted
Jul 29, 2018 22:17:23 GMT
Post by Jean V. L. L. de Lafayette IV on Jul 29, 2018 22:17:23 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] The Charmer
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) Tutoring a firstie COME TO ME Bring a brush. I've started keeping a comb inside my leg If you'd prefer a brush then find me something to transfigure ETA: however long it takes me to get up these stairs Comb is good Want a bucket of beer ready for when you get here? You can drink while I plait your fringe Sighs yes Why does llama me like BEER, Samuel DOES HE NOT REALISE WE ARE FRENCH [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]
@sam
posted
Aug 17, 2018 8:19:57 GMT
Post by Deleted on Aug 17, 2018 8:19:57 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] LLAMAYETE
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) Tutoring a firstie COME TO ME Bring a brush. I've started keeping a comb inside my leg If you'd prefer a brush then find me something to transfigure ETA: however long it takes me to get up these stairs Comb is good Want a bucket of beer ready for when you get here? You can drink while I plait your fringe Sighs yes Why does llama me like BEER, Samuel DOES HE NOT REALISE WE ARE FRENCH Llama you gives no craps I've never told you this, but Llama you once ate my best quill My BEST QUILL, Jean. FRENCH QUILLSUINE! I hold no grudges [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]
Jean V. L. L. de Lafayette IV
Professor
Professor
spoons
Single and not ready to mingle
/
Asexual
Transfiguration Professor
35 years old
Sunshine. Moonlight. Good times. Llama.
posted
Aug 20, 2018 9:35:59 GMT
Post by Jean V. L. L. de Lafayette IV on Aug 20, 2018 9:35:59 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] The Charmer
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) Tutoring a firstie COME TO ME Bring a brush. I've started keeping a comb inside my leg If you'd prefer a brush then find me something to transfigure ETA: however long it takes me to get up these stairs Comb is good Want a bucket of beer ready for when you get here? You can drink while I plait your fringe Sighs yes Why does llama me like BEER, Samuel DOES HE NOT REALISE WE ARE FRENCH Llama you gives no craps I've never told you this, but Llama you once ate my best quill My BEST QUILL, Jean. FRENCH QUILLSUINE! I hold no grudges Clearly llama me did that just to give you the opportunity to make that pun YOU'RE WELCOME [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]
@sam
posted
Sept 3, 2018 10:46:04 GMT
Post by Deleted on Sept 3, 2018 10:46:04 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","base_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol-2"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] LLAMAYETE
[attr="class","pmsgbody"]
Do you have a class? Would you like to pet a llama? (I mean me obviously) Tutoring a firstie COME TO ME Bring a brush. I've started keeping a comb inside my leg If you'd prefer a brush then find me something to transfigure ETA: however long it takes me to get up these stairs Comb is good Want a bucket of beer ready for when you get here? You can drink while I plait your fringe Sighs yes Why does llama me like BEER, Samuel DOES HE NOT REALISE WE ARE FRENCH Llama you gives no craps I've never told you this, but Llama you once ate my best quill My BEST QUILL, Jean. FRENCH QUILLSUINE! I hold no grudges Clearly llama me did that just to give you the opportunity to make that pun YOU'RE WELCOME *takes a bow* Is that meant to be an * or an - ? I've seen the kids using both. [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=#base_phone .pbgcol] background: #303030; [/newclass] [newclass=#burner_phone .pbgcol] background: #243666; [/newclass] [newclass=#lisa_phone .pbgcol] background: #807698; [/newclass] [newclass=#christian_phone .pbgcol] background: #303030; [/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#base_phone .pmsgbox ::before, #base_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#burner_phone .pmsgbox ::before, #burner_phone .pmsgbox ::after] color: #243666; [/newclass] [newclass=#lisa_phone .pmsgbox ::before, #lisa_phone .pmsgbox ::after] color: #126af5; [/newclass] [newclass=#christian_phone .pmsgbox ::before, #christian_phone .pmsgbox ::after] color: #9fa098; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#base_phone .pmsgbox] background: #fff; [/newclass] [newclass=#burner_phone .pmsgbox] background: #fff; [/newclass] [newclass=#lisa_phone .pmsgbox] background: #fff; [/newclass] [newclass=#christian_phone .pmsgbox] background: #9fa098; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#base_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] [newclass=#burner_phone .pmsgbody h1] background: #BAA331; color: #645B5C; [/newclass] [newclass=#lisa_phone .pmsgbody h1] background: #37548C; color: #ffffff; [/newclass] [newclass=#christian_phone .pmsgbody h1] background: #e6ad46; color: #a24500; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#base_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass] [newclass=#burner_phone .pmsgbody h2] background: #8C545F; color: #E3CDBF; [/newclass] [newclass=#lisa_phone .pmsgbody h2] background: #92C3D1; color: #707070; [/newclass] [newclass=#christian_phone .pmsgbody h2] background: #603508; color: #f4bb50; [/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 h3"]display:inline-block; padding:5px; 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=".pmsgbody h3"]margin-right: 30%; margin-left:5%; background: #fff; color: #707070; float:left; [/newclass][newclass=".pinstructions"]display:none;[/newclass]