Pies Codes Layout

<style>
				body { background:none; }
				#scroller { padding: 35px 0; box-sizing: border-box; }
				#profile-container { width:750px;background:#333; }
				#profile-container {background:none;}





.pfor{display:none;}
#profile{border:none;background: transparent;}





/* BODY */
::-webkit-scrollbar-thumb:vertical {
background-color: # ;
height: 50px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: #;
}

body {
background-image: url("http://i.picpar.com/wnyc.png");
background-attachment: fixed;
background-color: #fff;
margin: 0;
}







 a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
font-style:  ;
color:#fff;
text-shadow: -1px 0 #163a50, 0 1px #163a50, 1px 0 #163a50, 0 -1px #163a50;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

a:hover {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#fff;
}





#name {
position:fixed;
font-family:Italianno;
font-size:18px;
top:217px;
left:230px;
color:#fff;
text-shadow:0px 0px 1px #000;
z-index:999999;
}



#name1 {
position:fixed;
font-family:Italianno;
font-size:30px;
top:232px;
left:210px;
color:#751414;
text-shadow:0px 0px 1px #000;
z-index:999999;
}





 b {
 text-transform: ;
 font-size: px;
 font-weight: ;
 color: #a7b6c1;
 background: #2c475c;
 letter-spacing: px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}
u {
 text-transform: ;
 font-size: ;
 font-weight: ;
 color: #000;
 background: #;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;
 border-bottom: dotted 1px #000;}
i {
 font-size: px;
 font-weight: ;
 color: #876c00;
 letter-spacing: 1px;
 padding: 1px 2px 1px 3px;
 margin-right: 2px;}












 .hoverbox {
 position: fixed;
 background-color: # ;
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 185px;
 height: 250px;
 padding: 5px;
 left: 1070px;
 top: 190px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top: 190px;

 }
 .hoverbox b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}







 .hoverbox1 {
 position: fixed;
 background-color: #fff ;
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 490px;
 height: 410px;
 padding: 5px;
 left: 535px;
 top: 195px;
 opacity: 1;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox1:hover {
 opacity: 1;
 top: 195px;

 }
 .hoverbox1 b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}








 .hoverbox2 {
 position: fixed;
 background-color: #fff;
 border-radius: ;
 border:  px solid #fff;
 opacity: 1;
 width: 188px;
 height: 120px;
 padding: 5px;
 left: 1075px;
 top: 485px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox2:hover {
 opacity: 1;
 top: 485px;

 }
 .hoverbox2 b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}








.hoverbox3 {
 position: fixed;
 background-color: #fff;
 border-radius: ;
 border:  px solid #fff;
 opacity: 1;
 width: 730px;
 height: 90px;
 padding: 5px;
 left: 535px;
 top: 55px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox3:hover {
 opacity: 1;
 top: 55px;

 }
 .hoverbox3 b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}

	</style>



 						<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; ; position: absolute; top: 150px; left: 150px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/Ioyc.png" alt="" width="350" height="" /> </span></div>


<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width: 357px; height: 15px; background-color:#fff; position: absolute; top: 460px; left: 125px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"></span></div>
<div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: 350px; height: 80px; background-color: ; position: absolute; top: 420px; left: 160px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"><span style="font-family: Brush Script MT; font-size: 60; color: #000000;">

<a href="">Pies π Codes.</a>

</span></div>

<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.8; width: px; height: px; ; position: absolute; top: 100px; left: 30px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/7nyc.png" alt="" width="180" height="" /> </span></div>



<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.6; width: px; height: px; ; position: absolute; top: 123px; left: 65px; overflow: auto; text-align: center; border-radius: ; border:  px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">

PIE'S THING FOR <br /> TODAY IS A KAGOME<br /> COSPLAY!

 </span></div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width: 530px; height: 450px; background-color:#fff; position: absolute; top: 180px; left: 520px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"></span></div>

<div class="hoverbox1">
 <div style="float: left;  width: 480px; height:395px; border-radius: ; overflow: auto; overflow-x: hidden; border: solid px #a5adb3; line-height:13px;"><span style="font-family: andale mono,times; font-size:13; color: #858585;">
<br />
<span style="letter-spacing:2px;"><a href="">BASIC LAYOUT- $5</a></span> <br />
▀ A much more simpler layout. Normally smaller; not busy.<br />
▀ Main image on display. <br />
▀ Boxes on display.<br />
▀ Reused as long as credit is never removed.<br /><br />

<span style="letter-spacing:2px;"><a href="">IN DEPTH LAYOUT - $10</a></span><br />

▀ Bigger with more room for information.<br />
▀ Much more style.<br />
▀ 4 chosen images.<br />
▀ Reused as long as credit is never removed.<br /><br />

<span style="letter-spacing:2px;"><a href="">IN DEPTH; HOVER/TAB TRANSITION LAYOUT - $15</a></span><br />

▀ Cool added hover transitions and tabs.<br />
▀ 6 chosen images on display.<br />
▀ Hover images.<br />
▀ Friends list.<br />
▀ Reused as long as credit is never removed.<br /><br />


<span style="letter-spacing:2px;"><a href="">GROUP LAYOUTS - $25</a></span><br />
▀ Welcome section.<br />
▀ Hover/Fade transitions.<br />
▀ Boxes/Tabs - Navigation, Rules, Roster, About.<br />
▀ 10 chosen images.<br />
▀ Owner/Mod list, icons.<br />
▀ Do not remove credit.
<br /><br />

▌ Pay with PayPal. - Please be sure to list

<br /><br />
<span style="font-family:gabriola; letter-spacing:1px; font-size:30;"><a href="">Square Root of 'Pie' </a></span><br />
<br >
<a href="http://i.picpar.com/Nnyc.png"><img src="http://i.picpar.com/Nnyc.png" alt="" width="470" height="" /></a><br />

<br />
AREA 51 - $5
<br /><br /><br />


<a href="http://i.imgur.com/wiZojsC.jpg"><img src="http://i.imgur.com/wiZojsC.jpg" alt="" width="470" height="" /></a><br />
<br />
SEA WOLF - $15
<br /><br /><br />


<a href="http://i.imgur.com/ctGilg4g.png"><img src="http://i.imgur.com/ctGilg4g.png" alt="" width="470" height="" /></a><br /><br />
 SEA WOLF 2 - $10

<br /><br /><br />

<a href="http://i.picpar.com/Vnyc.png"><img src="http://i.picpar.com/Vnyc.png" alt="" width="470" height="" /></a><br />

<br />
SPIDER GWEN - $5 (Background transition)

<br /><br /><br />


<a href="http://i.picpar.com/aoyc.png"><img src="http://i.picpar.com/aoyc.png" alt="" width="470" height="" /></a><br />

<br />
DEADPOOL - $15 (Background transition)

<br /><br /><br />



<a href="http://i.imgur.com/ORYJasjg.png"><img src="http://i.imgur.com/ORYJasjg.png" alt="" width="470" height="" /></a><br />

<br />
FAUSTIAN - $15

<br /><br /><br />



<a href="https://i.imgur.com/xfs26XE.png"><img src="https://i.imgur.com/xfs26XE.png" alt="" width="470" height="" /></a><br />

<br />
SABBATH - $15

<br /><br /><br />



<a href="http://i.picpar.com/joyc.png"><img src="http://i.picpar.com/joyc.png" alt="" width="470" height="" /></a><br />

<br />
LEXIDAN - $10

<br /><br /><br />




<a href="http://i.imgur.com/B6p2B5E.png"><img src="http://i.imgur.com/B6p2B5E.png" alt="" width="470" height="" /></a><br />

<br />
PURPLE HUE - $5

<br /><br /><br />


<a href="http://i.picpar.com/8oyc.png"><img src="http://i.picpar.com/8oyc.png" alt="" width="470" height="" /></a><br />

<br />
PINKETTE - $10

<br /><br /><br />


<a href="http://i.imgur.com/L8Vl0Fe.png"><img src="http://i.imgur.com/L8Vl0Fe.png" alt="" width="470" height="" /></a><br />

<br />
NATURES DESIGN- $5

<br /><br /><br />


<a href="http://i.picpar.com/Doyc.png"><img src="http://i.picpar.com/Doyc.png" alt="" width="470" height="" /></a><br />

<br />
FULLMETAL - $15

<br /><br /><br />


</div> </div>




<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width:230px; height:  280px; background-color:#fff ; position: absolute; top: 180px; left: 1060px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"></div>
<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width:200px; height:  250px; background-color:#a7acb1 ; position: absolute; top: 195px; left: 1075px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"></div>
<div style="letter-spacing: 2px; line-height:30px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.8; width: px; height:   200px; background-color:# ; position: absolute; top: 235px; left: 1120px; overflow: auto; text-align: center; border-radius: ; border:  px solid #fff;"><span style="font-family: andale mono,times; font-size:50; color: #858585;">
<br />
<a href="">Chat <br />with <br />π</a>
<br />

</div>




<div class="hoverbox">
 <div style="float: left; width: 200px; height:320px; border-radius: ; overflow: auto; overflow-x: hidden; border: solid px #a5adb3; line-height:8px;"><span style="font-family: andale mono,times; font-size:12; color: #858585;">

 <iframe src="https://www7.cbox.ws/box/?boxid=830217&boxtag=RA1M9o" width="200" height="250" allowtransparency="yes" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>


</div> </div>






<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width:230px; height:  160px; background-color:#fff ; position: absolute; top: 470px; left: 1060px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"></div>


<div class="hoverbox2">
 <div style="float: left; width: 190px; height:120px; border-radius: ; letter-spacing: 1px;  overflow: auto; overflow-x: hidden; border: solid px #a5adb3; line-height:10px;"><span style="font-family: andale mono,times; font-size:13; color: #858585;"><br />
  <a href=""> WELCOME!</a><br /><br />

<span style="font-family: andale mono,times; font-size:13; color: #858585;">Hello, I'm the one and only Pie π! You may know me from RPC.<br /><br /> Need a lovely design? Pre-made or commissioned? Well you've come to the right place! CSS and HTML codes are my specialty!<br /><br />

I attended an art school and have been coding since 2013. A few profiles listed are ones I have done for people over time; commissioned and freelanced. <br /><br />

I do hope you enjoy my work and if you have any questions or would like a commission, please, feel free to send a message my way!



</div> </div>






<div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 0.5; width: 770px; height: 130px; background-color:#fff; position: absolute; top: 40px; left: 520px; overflow: auto; text-align: left; border-radius: ; border:  px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"></span></div>


<div class="hoverbox3">
 <div style="float: left; width: 730px; height:85px; border-radius: ; letter-spacing: 1px;  overflow: auto; overflow-x: hidden; border: solid px #a5adb3; line-height:10px;"><span style="font-family: andale mono,times; font-size:13; color: #858585;"><br />
  <a href=""> CONTACT & PAYMENT</a><br /><br />

<span style="font-family: andale mono,times; font-size:12; color: #858585;">
Please only contact me if you are going to make a purchase or have inquiries. Please include your name and means of contact. Do not expect to have your layout within a day. Expect the latest to receive your purchase to be within three days at the most. <br /><br />

COMMISSIONS:<br />
Your characters name. • Profile type. • Color schemes. • Images; FC's. • Style.<br /><br />
PRE-MADE LAYOUTS:<br />
• Name of profile. • What changes you want done.   • Images. • Color scheme. <br /><br />

PAYMENT is made to PayPal<br />
• Send payment to <u> Pie.Codes.RPC@gmail.com </u> • In a message leave your character name.
</div> </div>