Lars
he / him / his
thirty-three
july 26
alto mare, johto
don’t know, don’t care
ranger & courier
ex-head ranger
send help [evan]
POSTED ON Mar 11, 2020 5:53:04 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"] [attr="class","larsphone"] [attr="class","pbase"][attr="class","pbgcol"] [attr="class","pgrad"] [attr="class","plight"] [attr="class","pfront"][attr="class","pbgcol"] [attr="class","ptop"] [attr="class","pmsgbox"] [attr="class","pmsghead"] [attr="class","pmsgmenu"] [attr="class","material-icons"]signal_cellular_alt [attr="class","material-icons"]signal_wifi_4_bar_lock [attr="class","material-icons"]battery_std 3:31 PM [attr="class","material-icons"]keyboard_arrow_left [attr="class","material-icons"]call [attr="class","material-icons"]more_vert [attr="class","pmsgbody"]
I mean I know how those types can be, just take a deep breath okay?
I’ve been trying not to lose my patience but Arceus
It’s so grating, she thinks she’s the boss but excuse me there are like four Council members and I’m just. Wow, the audacity
Thank the hell that the newest Council member is also a Ranger, one of the other Elites, so of course I’m not the only Ranger here but wow
My face is like. If only you could see it now I swear you would get more of a laugh out of this, I can feel a vein going...
[attr="class","pmsgfoot"] Type a message... [attr="class","pbot"] ❄ [attr="class","pinstructions"]
_____ COLOR THE PHONE OUTER BACKGROUND
[newclass=.larsphone .pbgcol] background: #a03939 center; [/newclass]
_____ COLOR THE FOOTER
[newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass]
_____ COLOR THE +
[newclass=.larsphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass]
_____ COLOR THE BACKGROUND OF THE MESSAGE LIST
[newclass=.larsphone .pmsgbox] background: #f7f7f7; [/newclass]
_____ COLOR YOUR OWN MESSAGES & HEADER
[newclass=.larsphone .pmsgbody h1, .larsphone .pmsghead, .larsphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #433d31; color: #ffffff; [/newclass]
_____ COLOR OTHERS' MESSAGES
[newclass=.larsphone .pmsgbody h2] background: #d2cbc7; color: #8c7e76; [/newclass]
[newclass=.pbase, .pbase div]box-sizing: border-box;[/newclass][newclass=.pbase > a]position: absolute; bottom: 0; right: 0;[/newclass][newclass=.pbgcol]background: #303030;[/newclass][newclass=.pbase]width: 300px; height: 540px; margin: auto; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position:relative; margin-top:20px; line-height: 1.2;[/newclass][newclass=.pbase::before, .pbase::after, .ptop::before, .ptop::after]background-color: #4d4d4d;[/newclass][newclass=.pbase::before]content:""; display:block; position:absolute; width:3px; height:50px;left:-3px;top:50px;[/newclass][newclass=.pbase::after]content:""; display:block; position:absolute; height:3px; width:30px;top:-3px;right:50px;[/newclass][newclass=.pgrad]box-sizing: border-box; width:100%; height:100%; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; background: -webkit-linear-gradient(left top, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -o-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: -moz-linear-gradient(bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); background: linear-gradient(to bottom right, transparent, transparent, rgba(26, 26, 26, 0.3) ); padding:5px;[/newclass][newclass=.plight]background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; width:100%; height:100%; padding: 3px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px;[/newclass][newclass=.pfront]box-sizing: border-box; width:100%; height:100%; padding: 10px 15px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; overflow:hidden; position:relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);[/newclass][newclass=.pfront::before]content: ""; display:block; position:absolute; z-index:3; top: -100px; right: 60%; width: 100%; height:100%; background: transparent; background: -webkit-linear-gradient( #fff, transparent ); background: -o-linear-gradient( #fff, transparent ); background: -moz-linear-gradient(#fff, 0.25), transparent ); background: linear-gradient( #fff, transparent ); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); opacity: 0.15;[/newclass][newclass=.ptop::before, .ptop::after]content: ""; display:block; position:absolute; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom:2px solid rgba(255, 255, 255, 0.2); border-right:2px solid rgba(255, 255, 255, 0.2); box-sizing:border-box;[/newclass][newclass=.ptop::before]left: 35%; top: 30px; width:30%; height:10px;[/newclass][newclass=.ptop::after]right: 40px; top: 30px; width:10px; height:10px;[/newclass][newclass=.pmsgbox]box-sizing: border-box; width:100%; margin-top: 50px; background-color:#fff; border: 1px solid #4d4d4d;[/newclass][newclass=.pbot::before]content: ""; display:block; width:50px;height:30px;margin:auto; margin-top:15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:2px solid #000; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.40;[/newclass][newclass=".pmsgmenu"]font-size: 10px; line-height: 10px; white-space:nowrap; margin-bottom: 7px; width:100%;background-color: rgba(0, 0, 0, 0.3);padding:5px; color: #fff; text-align:right;[/newclass][newclass=".pmsgmenu .material-icons"]font-size:10px; vertical-align:center;float:left;[/newclass][newclass=".pmsghead, .pmsgfoot"]font-family: "Open Sans", Helvetica, Arial, sans serif; font-size: 12px; position: relative; border-color: #c3c0c0; overflow:hidden; white-space:nowrap;[/newclass][newclass=".pmsghead"]border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 5px[/newclass][newclass=".pmsghead .name"]display: inline-block; font-size: 14px; line-height: 24px; white-space: nowrap; width: 160px; overflow: hidden; text-overflow: ellipsis; margin: auto;[/newclass][newclass=".pmsgfoot"]padding: 10px 5px; border-top: 1px solid;[/newclass][newclass=".pmsgfoot div"]display:inline-block; width:190px; border-bottom: 1px solid #c3c0c0; padding: 5px; margin: -5px 5px; margin-left:35px; [/newclass][newclass=".pmsgfoot::before"]content: "+"; color: #126af5; position: absolute; left:10px; top:0px; font-size:30px;[/newclass][newclass=".pmsgbody"]height:310px; overflow:auto; padding-bottom:5px;[/newclass][newclass=".pmsgbody::-webkit-scrollbar-track"]width:5px color: transparent;[/newclass][newclass=".pmsgbody::-webkit-scrollbar"]width:5px[/newclass][newclass=".pmsgbody h1, .pmsgbody h2"]display:inline-block; padding:10px; clear:both; margin-top: 5px; font-weight: normal; font-size:10px; font-family: "Open Sans", Helvetica, Arial, sans serif; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;[/newclass][newclass=".pmsgbody h1"]margin-left: 20%; margin-right:5%; background-color:#126af5; color:#fff; float:right; [/newclass][newclass=".pmsgbody h2"]margin-right: 20%; margin-left:5%; background: #ccc; color: #707070; float:left; [/newclass][newclass=".pmsgbody h2 u"]font-weight:bold; text-decoration:none; display: block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;[/newclass][newclass=".pinstructions"]display:none;[/newclass] |
|
