Jul 1, 2023 19:31:21 GMT
Post by Mr. Mistoffeleez on Jul 1, 2023 19:31:21 GMT
Ashwa Kmhi
I'm a gluttonous queen, narcissistic and mean
✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥
[Insert Text Here]
ENERGY: ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥
Temp by Melz @adoxography and RPGD
[div align="center"][div style="width:250px;height:100px;border-width:3px;border-style:dotted;border-color:#fc89ac;margin-bottom:-40px;margin-left:-200px;"][img style="max-width:100%;" src="https://i.imgur.com/7pSu1Ll.gif"][/div]
[div style="width:400px;border-width:2px;border-style:solid;border-color:rgb(252, 137, 172);border-bottom-right-radius:100px;background-color:rgb(21, 21, 19);"][div style="margin-top:20px;margin-bottom:75px;text-align:left;margin-left:6px;"]
[div style="color:rgb(247, 92, 139);font-family:impact;font-size:20px;margin-top:-59px;margin-left:230px;"]Ashwa Kmhi[/div][div style="color:rgb(252, 137, 172);width:100px;height:7px;background-color:rgb(252, 137, 172);opacity:0.4;margin-top:-30px;margin-left:220px;margin-bottom:20px;"][/div][div style="color:rgb(247, 92, 139);margin:0px -30px -10px -60px;text-shadow:black 1px 1px 0.07em;"][font size="5" face="times new roman"][b]I'm a gluttonous queen, narcissistic and mean[/b][/font]
[font size="3"][/font][/div][div style="margin-top:-20px;margin-bottom:-15px;" align="center"][span style="font-size:30px;"][font color="#fc89ac"]✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥[/font][/span]
[font style="color:rgb(247, 92, 139);" size="1"] [/font][/div][div style="color:rgb(252, 137, 172);width:500px;height:7px;background-color:rgb(247, 92, 139);opacity:0.4;margin:-20px -50px 10px -70px;"][/div][div style="color:rgb(252, 137, 172);font-family:""][div style="background-image:url(http://i.imgur.com/WrG0RTQ.png);margin-right:5px;margin-bottom:5px;"][Insert Text Here][/div][/div]
[div align="left" style="font-family:cambria;"][font color="#fc89ac"]ENERGY: ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ [/font][div style="color:rgb(247, 92, 139);font-family:cambria;margin-right:-130px;width:280px;margin-bottom:-70px;" align="left"][b]TAG:[/b] -
[b]NOTES:[/b] -
[b]OUTFIT: [a href=""]link[/a][/b][/div][/div][div style="color:rgb(252, 137, 172);width:350px;height:7px;background-color:rgb(247, 92, 139);opacity:0.4;margin-right:157px;margin-bottom:80px;"][/div][/div][/div][div style="width:100px;height:100px;border-width:3px;border-style:dotted;border-color:#f75c8b;margin-top:-70px;margin-right:-300px;"][img style="max-width:100%;" src="https://i.imgur.com/siAeOCx.png"][/div][div style="text-align:center;font-family:georgia;font-size:10px;margin-right:100px;margin-left:-65px;width:450px;margin-top:-35px;margin-bottom:50px;"]Temp by Melz [a href="http://adoxography.boards.net/user/202"]@adoxography[/a] and [a href="http://rpg-directory.com/members/melz.17787/"]RPGD[/a] [/div]
[/div]
Villain outfit
[nospaces][googlefont="Open Sans:400,700"]
[attr="id","character_names_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"]
Name of Convo Partner or Group
Name of Convo Partner or Group
[attr="class","pmsgbody"]
this is were your character types
this is where text from the other person goes
short
posts
are
short
underlines can easily turn it into a group chat, allowing
player 3 to enter the game
[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=#character_names_phone .pbgcol] background: #303030; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#character_names_phone .pmsgbox ::before, #character_names_phone .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#character_names_phone .pmsgbox] background: #fff; [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#character_names_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#character_names_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]_____ 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=#character_names_phone .pbgcol] background: #303030; [/newclass]
_____ STYLE MESSAGE / EDIT / + OPTIONS
[newclass=#character_names_phone .pmsgbox ::before, #character_names_phone .pmsgbox ::after] color: #126af5; [/newclass]
_____ STYLE BACKGROUND OF THE MESSAGE LIST
[newclass=#character_names_phone .pmsgbox] background: #fff; [/newclass]
_____ STYLE YOUR OWN MESSAGES
[newclass=#character_names_phone .pmsgbody h1] background: #126af5; color: #ffffff; [/newclass]
_____ STYLE OTHERS' MESSAGES
[newclass=#character_names_phone .pmsgbody h2] background: #ccc; color: #707070; [/newclass]
[attr="class","character-orangetitanium"]
✽ [attr="class","character-orangetitanium-bg"]
[attr="class","character-orangetitanium-menu"]
[attr="class","character-orangetitanium-menu2"]
[attr="class","character-orangetitanium-time"]10:00
[attr="class","character-orangetitanium-power"]100%
[attr="class","character-orangetitanium-power2"]
[attr="class","character-orangetitanium-number"]+###########
[attr="class","character-orangetitanium-contact"]Name or Tag
[attr="class","character-orangetitanium-img-bg"]
[attr="class","character-orangetitanium-img"]
[attr="class","orangetitanium"]
[attr="class","character-orangetitanium-message"]
[attr="class","character-orangetitanium-text"]lorem lorem lorem lorem lorem
[attr="class","character-orangetitanium-text2"]lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem
[attr="class","character-orangetitanium-text2"]lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem
[attr="class","character-orangetitanium-text2"]lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem
[attr="class","character-orangetitanium-text2"]lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem
[attr="class","character-orangetitanium-text2"]lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem
[attr="class","character-orangetitanium-text2"]lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem
[attr="class","character-orangetitanium-enter"]
[attr="class","character-orangetitanium-enter2"]enter message
[attr="class","character-orangetitanium-enterimg"]
[attr="class","character-orangetitanium-send"]send
[newclass=".character-orangetitanium"]background-image:url(https://cdn.nickpic.host/images/IFXlWz.png);height:606px;width:337px;position:relative; overflow:hidden;[/newclass]
[newclass=".character-orangetitanium-bg"]position:absolute;top:70px;left:35px;height:465px;width:262px;background-color:white;[/newclass]
[newclass="character-orangetitanium-menu"]position:absolute;top:0px;left:0px;width:262px;height:48px;background-color:white;border-bottom:2px solid #e5e5e5;[/newclass]
[newclass=".character-orangetitanium-menu2"]position:absolute;top:12px;left:0px;width:262px;height:30px;background-image:url(https://cdn.nickpic.host/images/IFXSlc.png);[/newclass]
[newclass=".character-orangetitanium-time"]position:absolute;top:5px;right:10px;width:40px;height:10px;line-height:10px;font-family:Arial; color:#919191;font-size:10px;text-align:justify;text-transform:none[/newclass]
[newclass=".character-orangetitanium-power"]position:absolute;top:5px;right:50px;width:40px;height:10px;line-height:10px;font-family:Arial; color:#919191;font-size:10px;text-align:justify;text-transform:none;[/newclass]
[newclass=".character-orangetitanium-power2"]position:absolute;top:5px;right:50px;background-image:url(https://cdn.nickpic.host/images/IFXctW.png);width:10px;height:10px;[/newclass]
[newclass=".character-orangetitanium-number"]position:absolute;top:35px;left:30px;width:130px;height:15px;line-height:10px;font-family:Arial; color:#919191;font-size:10px;text-align:justify;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;[/newclass]
[newclass=".character-orangetitanium-contact"]position:absolute;top:20px;left:30px;width:130px;height:20px;line-height:15px;font-family:Arial; color:black;font-size:14px;text-align:justify;text-transform:none;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;[/newclass]
[newclass=".character-orangetitanium-img"]position:absolute;top:70px;left:80px;height:100px;width:100px;border-radius:100%;background-image:url(http://placehold.it/100x100);[/newclass]
[newclass=".character-orangetitanium-enter"]position:absolute;top:380px; left:0px; width:262px; height:30px;background-color:white; border-bottom:1px solid #e5e5e5;[/newclass]
[newclass=".character-orangetitanium-enter2"]position:absolute;top:50px; left:40px;width:130px; height:15px; line-height:10px; font-family:Arial; color:#e5e5e5; font-size:10px; text-align:justify; text-transform:uppercase;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;[/newclass]
[newclass=".character-orangetitanium-enterimg"]position:absolute;top:40px;left:0px;width:262px;height:30px;background-image:url(https://cdn.nickpic.host/images/IFXjzG.png);[/newclass]
[newclass=".character-orangetitanium-send"]position:absolute;top:0px; right:15px;width:40px; height:30px;background-color:#ffab38; line-height:30px; font-family:Arial; color:white; font-size:10px; text-align:center; text-transform:uppercase;border-radius:25%;[/newclass]
[newclass=".character-orangetitanium-message"]position:absolute;top:180px;background:white;height:200px;width:255px;overflow:auto;[/newclass]
[newclass=".character-orangetitanium-text"]position:relative;margin-right:10px;float:right;border-radius:10px;min-width:5px;max-width:200px;width:auto;padding:5px;background:#fafad2;border:solid 1px #FFD700;text-align:justify; font-family:Arial; color:black; font-size:13px;line-height:1;[/newclass]
[newclass=".character-orangetitanium-text2"]position:relative;margin-right:10px;margin-top:10px;float:right;border-radius:10px;min-width: 5px;max-width:200px;width:auto;padding:5px;background:#fafad2;border:solid 1px #FFD700;text-align:justify; font-family:Arial; color:black; font-size:13px;line-height:1;[/newclass]
[newclass=.orangetitanium ::-webkit-scrollbar]width:3px;[/newclass]
[newclass=.orangetitanium ::-webkit-scrollbar-track-piece]background:transparent;width:1px;[/newclass]
[newclass=.orangetitanium ::-webkit-scrollbar-thumb]background: #e5e5e5;border-radius:10px;[/newclass]
Small line of lyrics
Long line of lyrics so that it stretches temp
✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥
"Someone talking"
Someone thinking
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Someone thinking
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test Test test test
✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥
TAG: name(s) WORDS: xxx
NOTES:blah blah blah blah blah blah blah blah OUTFIT: link
NOTES:blah blah blah blah blah blah blah blah OUTFIT: link
[googlefont="Lato"][googlefont="Cookie"][googlefont="Josefin Slab"]
I'm a gluttonous queen
Narcissistic and Mean
PUT YOUR BEAUTIFUL POSTIE HERE! The more you add text here, this box will expand! If you want to change the background image of this template, look for i.imgur.com/mKf2EXw.png. To change the pink colors in here, look for:
#efcac2, #f08c98
(which are the main title and text-shadow colors)
#f8e5e5
(which is the color for the pink double border around the white post box)
#facaca
(which is the color for the borders that surround the second line of lyrics and the bottom area where the notes/tags/etc are. It's also the color of the border surrounding the image)
RosyBrown is the name of the main body text's color, which you can find in the top of the coding! Image that I put in this is 120x120, but it doesn't have to be that size! Any size will work as long as it's in square dimensions since it will just be automatically resized!
Fonts used in this template are: Cookie, Josefin Slab, and Lato!
#efcac2, #f08c98
(which are the main title and text-shadow colors)
#f8e5e5
(which is the color for the pink double border around the white post box)
#facaca
(which is the color for the borders that surround the second line of lyrics and the bottom area where the notes/tags/etc are. It's also the color of the border surrounding the image)
RosyBrown is the name of the main body text's color, which you can find in the top of the coding! Image that I put in this is 120x120, but it doesn't have to be that size! Any size will work as long as it's in square dimensions since it will just be automatically resized!
Fonts used in this template are: Cookie, Josefin Slab, and Lato!
TAG: @user'SNAMEHERE ╳ NOTES ╳ WORDS: ###
Ashwa Kmhi
I'm a gluttonous queen, narcissistic and mean
✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥
[The camera
ENERGY: ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥
Temp by Melz @adoxography and RPGD