KiKi Kitsune
The Fire Panda Fairy
Yep! I'll begin working on it soon. Hopefully, you can expect it later today. ^^
Yay! Thanks a bunch C: If there's any more info you need, just shout
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
Yep! I'll begin working on it soon. Hopefully, you can expect it later today. ^^
<p style="display:none;">
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Waiting+for+the+Sunrise');
.stonemain4{
margin: auto;
background-color: #dd9e6c;
height: 100%;
width: 100%;
border: 4px solid #ba6c2c;
overflow: hidden;
}
.stoneboxleft4{
overflow: auto;
background-color: #f5e4d6;
width: 30%;
height: 300px;
border: 4px solid #d34545;
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
text-align: left;
font-family: 'Indie Flower', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneimage4{
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.stonecredit4{
height: 5px;
width: 50px;
float: center;
margin-left: 10px;
text-align: center;
font-family: 'Lora' , serif;
color: #d34545;
}</style>
<div class="stonemain4">
<div class="stoneboxleft4">
<div style="font-size: 28px; color: #ba6c2c; font-family: 'Waiting for the Sunrise', cursive;">
<div data-role="contentPage">
<p style="text-align: center;">
<strong>Personality</strong>
</p>
<hr data-role="contentPageBreak">
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
</div>
<div class="stoneimage4">
<img alt="sayako.png.952b69e4adf076aab25db95eef1e41d1.png" data-fileid="238759" src="https://www.rpnation.com/uploads/monthly_2017_01/sayako.png.952b69e4adf076aab25db95eef1e41d1.thumb.png.a3d61e16dd60145223c1be56ef1fdb7d.png" style="width: 500px; height: 300px; border:none;">
</div>
<div class="stoneboxleft4">
<div style="font-size: 28px; color: #ba6c2c; font-family: 'Waiting for the Sunrise', cursive;">
<div data-role="contentPage">
<p style="text-align: center;">
<strong>Biography</strong>
</p>
<hr data-role="contentPageBreak">
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
</div>
<div style="clear: both;">
</div>
<div class="stonecredit">
<p style="color: rgb(211, 69, 69); text-align: left; margin-left: 10px;">
Coded By || StoneWolf18
</p>
</div>
</div>
Thank you so much! This is awesome
<p style="display: none;">
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Exo|Orbitron');
.stonemain5{
margin: auto;
background-image: url("http://s1.picswalls.com/wallpapers/2015/11/22/cyberpunk-wallpaper_102105675_292.jpg");\
background-repeat: no-repeat;
height: 550px;
width: 80%;
border: 6px double #66ccff;
overflow: auto;
}
.stoneboxleft5{
overflow: auto;
background-color: black;
width: 40%;
height: 450px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 90px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxtop5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxbottom5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}</style>
<div class="stonemain5">
<div class="stoneboxleft5">
<div style="text-align: center; line-height: 40px; color: 66ccff; font-size: 48px; font-family: 'Orbitron', sans-serif;">
<em><span style="font-size:36px;">"Chararcter Quote Here"</span></em>
<hr>
</div>
For basic information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
</div>
<div class="stoneboxtop5">
<div style="text-align: center; line-height: 40px; color: 66ccff; font-size: 48px; font-family: 'Orbitron', sans-serif;">
<em><span style="font-size:36px;">"Character Quote Here"</span></em>
<hr>
</div>
For Appearance information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
</div>
<div class="stoneboxbottom5">
<div style="text-align: center; line-height: 40px; color: 66ccff; font-size: 48px; font-family: 'Orbitron', sans-serif;">
<em><span style="font-size:36px;">"Character Quote Here"</span></em>
<hr>
</div>
For Personal information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
</div>
<div style="clear:both;">
</div>
<div style="text-align: center; font-size: 10px; font-family: 'Orbitron', sans-serif;">
<span style="font-size:12px;"><span style="color:#FFFFFF;">Coded By || StoneWolf18</span></span>
</div>
</div>
@StoneWolf18 If I could like that post a thousand time, I would. This comment counts as a thousand likes. Your coding his beautiful! 0-0
@StoneWolf18 You set the height to 100%, change it to height:550px; and that should resolve that issue.
10 hours ago, StoneWolf18 said:
Another something I did for a interest check of mine and a friends. Because of that I will NOT be giving out the code but I can do something similar if asked!
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain6{
margin: auto;
background-color: #8a7a63;
height: 620px;
width: 90%;
border: 4px solid #5c4c36;
text-align: left;
overflow: hidden;
}
.stoneimageleft6{
float: left;
}
.stonebox6{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #b5a58f;
border: 4px solid #5c4c36;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: black;
font-size: 18px;
padding: 10px;
}
.stoneimageright6{
float: right;
}
hr.stonehr6{
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim lacus eu erat auctor lacinia. Nunc sagittis nisi et condimentum luctus. Nunc et hendrerit dolor, ac bibendum enim. Nunc mollis tincidunt felis vel mollis. Ut neque libero, convallis nec metus sed, elementum blandit ipsum. Duis maximus, lorem mattis viverra volutpat, lectus ipsum porttitor velit, nec efficitur mi ex nec nisl. Sed augue sem, consequat id arcu at, placerat consequat ex. Sed ac tortor in mi accumsan maximus at eu leo. Maecenas rhoncus, tortor eu dignissim convallis, sem elit tincidunt ligula, sit amet sollicitudin sapien dolor in lectus. Sed tincidunt feugiat lobortis. Duis quis cursus urna. Donec dui nulla, porttitor ac tempor eu, suscipit non eros. Donec lobortis molestie sapien, in scelerisque sem sodales ullamcorper.
Integer lectus velit, feugiat eu efficitur eu, mollis ut dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et ligula in tellus egestas dignissim. Morbi ultrices metus eros, nec hendrerit ligula pellentesque non. Etiam interdum feugiat nisi nec bibendum. Nulla dapibus consequat mi sed varius. Pellentesque tincidunt purus non posuere luctus.
Phasellus vel turpis quis orci facilisis consequat. Nunc sollicitudin hendrerit orci. Pellentesque nulla sem, viverra in turpis ullamcorper, pharetra sodales sem. In eu viverra felis. Nullam malesuada dui eros, in condimentum elit tincidunt sit amet. Vivamus lacinia nulla a sodales egestas. Praesent tincidunt dapibus enim, in congue metus hendrerit a. Pellentesque vehicula ex sed vehicula posuere. Sed non rutrum lacus. Duis lobortis porttitor elit vel aliquet. Fusce placerat mollis massa, ac pulvinar massa euismod vitae. Pellentesque quis ipsum finibus, imperdiet dui quis, tristique tortor.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut pulvinar fringilla libero, vel ornare risus. Nam dignissim, risus consectetur semper interdum, orci nisi bibendum lorem, sed gravida lectus lorem egestas risus.
Aliquam id laoreet tortor, eget gravida est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam iaculis vulputate felis, vitae porttitor neque tincidunt vel. Suspendisse fringilla pharetra ex at tempus. Praesent gravida hendrerit elit eu iaculis. Curabitur id purus at nulla lacinia scelerisque. Nullam posuere, nisi eget sollicitudin sagittis, quam justo semper felis, ac dapibus lectus urna nec neque. Vivamus ultrices augue venenatis semper vulputate.
Nunc congue, mauris sed mollis lobortis, lectus felis hendrerit turpis, quis faucibus purus quam quis elit. Morbi consectetur ultrices libero, venenatis ultrices orci porta quis. Nullam posuere, purus ut condimentum ultrices, velit purus ultrices lacus, eu tristique dui nulla luctus augue. Mauris dignissim dignissim odio, at posuere eros placerat sed. Praesent pretium nulla et dui tristique, nec interdum lacus euismod. Nam faucibus pharetra risus, ac lacinia est molestie placerat. Nullam id nisl eget ipsum gravida condimentum. Phasellus volutpat vel lacus a fringilla. Curabitur feugiat, augue eu dignissim porta, nibh tortor consequat odio, hendrerit lobortis nulla est in velit. Nunc a erat dui. Suspendisse tempus massa eu cursus gravida. Donec fermentum, lacus id aliquam consectetur, tortor nulla fringilla felis, eu condimentum turpis mauris et ligula.
Username: (Or whatever you want to be referred to as.) ewolf20
What is the template for: interest check
Complexity: (Gimme a guess. 1 being a simple background and text format, 2 a mix, and 3 being something much more than that.) just 2
What do you want this to include: (Be descriptive with colors, layout, etc unless you are alright with allowing me to take creative liberties.) #b59c3 #253c78 #d36582 #ffeecf #bfacaa for colors and basically the same thing as up there just with a picture of a camp. if you can't find a camp picture, then use a forest instead.
Should it be mobile friendly: (This will drastically change the size and overall look of your code. Say yes if you are only/constantly on a mobile device such as a cell phone.) semi yes
Alright, lemme get out of bed first xD
what :3, are you literally on your phone?
Just now, StoneWolf18 said:
99% of the time, yes. I only have access to a laptop afternoons and weekends.
that explains it.
Explains what exactly...?
Username: (Or whatever you want to be referred to as.) ewolf20
What is the template for: interest check
Complexity: (Gimme a guess. 1 being a simple background and text format, 2 a mix, and 3 being something much more than that.) just 2
What do you want this to include: (Be descriptive with colors, layout, etc unless you are alright with allowing me to take creative liberties.) #b59c3 #253c78 #d36582 #ffeecf #bfacaa for colors and basically the same thing as up there just with a picture of a camp. if you can't find a camp picture, then use a forest instead.
Should it be mobile friendly: (This will drastically change the size and overall look of your code. Say yes if you are only/constantly on a mobile device such as a cell phone.) semi yes
I'm sorry but could you please limit this to three colors that don't contrast as much?
brown, white, and well, tan.