posted
Sept 11, 2018 18:37:53 GMT
Post by Christian George Fraser on Sept 11, 2018 18:37:53 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","christian_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 Rash
[attr="class","pmsgbody"]
do youuuuuuuu have my quidditch gloves [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]
posted
Oct 5, 2018 13:18:08 GMT
Post by Marasha Gavina Bell on Oct 5, 2018 13:18:08 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","rasha_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] The Virgin
[attr="class","pmsgbody"]
do youuuuuuuu have my quidditch gloves lol While I appreciate that you think I'm that conniving, no. I don't have them. However. There does happen to be a group of girls who like to worship your things. I can almost guarantee you never get them back. Sorry, hun. [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=#rasha_phone .pbgcol] background: #ae0001;[/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#rasha_phone .pmsgbox ::before, #rasha_phone .pmsgbox ::after] color: #126af5; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#rasha_phone .pmsgbox] background: #fff; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#rasha_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#rasha_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient( #fff, 0.2), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #ffffff; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) );[/newclass][newclass=".pmsghead, .pmsgfoot"]background-color: #f6f6f6; background-color: rgba(242, 242, 242, 0.8); color: #c3c0c0; padding: 10px 5px; font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 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]
posted
Oct 5, 2018 20:08:22 GMT
Post by Christian George Fraser on Oct 5, 2018 20:08:22 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","christian_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 Rash
[attr="class","pmsgbody"]
do youuuuuuuu have my quidditch gloves lol While I appreciate that you think I'm that conniving, no. I don't have them. However. There does happen to be a group of girls who like to worship your things. I can almost guarantee you never get them back. Sorry, hun. ... yeah there's no way I'm asking them so they're gone Do you still have spares? Can I borrow? I'll give you extra snugs in comc [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]
posted
Nov 2, 2018 21:21:52 GMT
Post by Marasha Gavina Bell on Nov 2, 2018 21:21:52 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","rasha_phone"]
[attr="class","pbase"][attr="class","pbgcol"]
[attr="class","pgrad"]
[attr="class","plight"]
[attr="class","pfront"][attr="class","pbgcol"]
[attr="class","ptop"]
[attr="class","pmsgbox"]
[attr="class","pmsghead"] The Virgin snugglebug
[attr="class","pmsgbody"]
do youuuuuuuu have my quidditch gloves lol While I appreciate that you think I'm that conniving, no. I don't have them. However. There does happen to be a group of girls who like to worship your things. I can almost guarantee you never get them back. Sorry, hun. ... yeah there's no way I'm asking them so they're gone Do you still have spares? Can I borrow? I'll give you extra snugs in comc For merlin's sake, Christian. This is like... the 3rd time this year! But yeeeeess. You can 'borrow' my extras. You're lucky I'm not super tiny like Chang. [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=#rasha_phone .pbgcol] background: #ae0001;[/newclass] _____ STYLE MESSAGE / EDIT / + OPTIONS [newclass=#rasha_phone .pmsgbox ::before, #rasha_phone .pmsgbox ::after] color: #126af5; [/newclass] _____ STYLE BACKGROUND OF THE MESSAGE LIST [newclass=#rasha_phone .pmsgbox] background: #fff; [/newclass] _____ STYLE YOUR OWN MESSAGES [newclass=#rasha_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass] _____ STYLE OTHERS' MESSAGES [newclass=#rasha_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient( #fff, 0.2), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #ffffff; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.5) );[/newclass][newclass=".pmsghead, .pmsgfoot"]background-color: #f6f6f6; background-color: rgba(242, 242, 242, 0.8); color: #c3c0c0; padding: 10px 5px; font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 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]
posted
Nov 3, 2018 19:31:43 GMT
Post by Christian George Fraser on Nov 3, 2018 19:31:43 GMT
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","christian_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 Rash
[attr="class","pmsgbody"]
do youuuuuuuu have my quidditch gloves lol While I appreciate that you think I'm that conniving, no. I don't have them. However. There does happen to be a group of girls who like to worship your things. I can almost guarantee you never get them back. Sorry, hun. ... yeah there's no way I'm asking them so they're gone Do you still have spares? Can I borrow? I'll give you extra snugs in comc For merlin's sake, Christian. This is like... the 3rd time this year! But yeeeeess. You can 'borrow' my extras. You're lucky I'm not super tiny like Chang. I know I KNOW they keep cracking open my locker I promise I'll get a new pair this time I OWE YOU ONE [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]