izzy
he/him
24
october 1st
castelia city, unova
gay
mechanic
grunt
TAG WITH @izydor
Izydor Baranowski
Izzy's PC
POSTED ON Feb 8, 2022 23:26:00 GMT
[nospaces][googlefont="Open Sans:400,700|Material+Icons"] [attr="class","customphone"] [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 12:30 PM [attr="class","material-icons"]keyboard_arrow_left [attr="class","name"]
RecipientName
[attr="class","material-icons"]call [attr="class","material-icons"]more_vert [attr="class","pmsgbody"]
words words words
words
[attr="class","pmsgfoot"] Type a message... [attr="class","pbot"] ❄ [attr="class","pinstructions"]
_____ COLOR THE PHONE OUTER BACKGROUND [newclass=.customphone .pbgcol] background: #1a1a1a center; [/newclass]
_____ COLOR THE FOOTER [newclass=".pmsgfoot"]color: #c3c0c0; background: #fff[/newclass]
_____ COLOR THE + [newclass=.customphone .pmsgbox ::before, .customphone .pmsgbox ::after] color: #433d31; [/newclass]
_____ COLOR THE BACKGROUND OF THE MESSAGE LIST [newclass=.customphone .pmsgbox] background: #f7f7f7; [/newclass]
_____ COLOR YOUR OWN MESSAGES & HEADER [newclass=.customphone .pmsgbody h1, .customphone .pmsghead, .customphone .pmsgbody::-webkit-scrollbar-thumb] background-color: #778e91; color: #ffffff; [/newclass]
_____ COLOR OTHERS' MESSAGES [newclass=.customphone .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]
|
|