Untitled

----------------- Java ----------------


function killCopy(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar) {
document.onmousedown=killCopy
document.onclick=killCopy
}
function nrcIE() {
        if (document.all) {
            return false;
        }
}

function nrcNS(e) {
        if (document.layers || (document.getElementById && ! document.all)) {
            if (e.which == 2 || e.which == 3) {
                return false;
            }
        }
}

if (document.layers) {
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown = nrcNS;
}else {
    document.onmouseup = nrcNS;
    document.oncontextmenu = nrcIE;
}
document.oncontextmenu = new Function("return false");



----------------- css ----------------


@font-face {
  font-family: biysk;
  src: url('https://dl.dropboxusercontent.com/s/ybgjttm22pow1n7/Biysk.ttf');
}
@font-face {
  font-family: "opificio";
  src: url('https://static.tumblr.com/it5srtk/oeRorwpgu/opificio.ttf');
}

@font-face {
  font-family: "daddysgirl";
  src: url('https://static.tumblr.com/zx3ibzm/n39orvnnv/daddysgirl.ttf');
}

@font-face {
  font-family: "champagne limousines";
  src: url('https://static.tumblr.com/km932n4/snepi40tr/champagne___limousines.ttf');
}

::-webkit-scrollbar-thumb {
  background-color: #efd3d7;
}

::-webkit-scrollbar {
  background-color: transparent;
  width: 4px;
}

.ooc a {
  color: #a5a19d;
  text-decoration: none;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.ooc a:hover {
  color: #fff;
  text-decoration: none;
}

a {
  box-shadow: #efd3d7 0px -1px 0px inset;
}

a:hover {
  box-shadow: #efd3d7 0px -17px 0px inset;
}



body {
  background-color: #f1e3d3;
  background-image: url("https://www.transparenttextures.com/patterns/climpek.png");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: repeat;
  background-size: auto;
  color: #8e9aaf;
  font-family: biysk;
  font-size: 12px;
  margin: 0;
}

.container {
  position: fixed;
  margin-top: -250px;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  width: 500px;
  height: 620px;
  border-radius: 10px;
}



.bear {
  position: absolute;
  z-index: 999;
  margin-left: 150px;
  margin-top: -108px;
  background-image: url('https://i.imgur.com/AnJITb4.png');
  height: 560px;
  width: 500px;
  background-size: cover;
  filter: drop-shadow(-5px -0px 0px #f2d0a9);
  pointer-events: none;
}


.back {
  width: 600px;
  height: 450px;
  border-bottom: 4px dotted #d88c9a;
  border-left: 4px dotted #d88c9a;
  border-bottom-left-radius: 30px 30px;
  position: absolute;
  z-index: 50;
  margin-top: 100px;

}





.title {
  position: absolute;
  z-index: 65;
  top: -20px;
  left: px;
  width: 400px;
  height: auto;
  font-size: 45px;
  line-height: 20px;
  text-align: center;
  font-family: 'champagne limousines';
  color: #d88c9a;
  text-shadow: 2px 2px 0px #f2d0a9;
  z-index: 2;
  transform: rotate(-20deg);
  }


.title span {
  font-family: "daddysgirl";
  font-size: 65px;
  margin-left: -60px;
  line-height: 35px;
}


.stats {
  position: absolute;
  z-index: 60;
  top: 150px;
  left: 20px;
  width: 130px;
  height: 230px;
  color: #8e7dbe;
  padding: 15px;
  text-align: justify;
  border-radius: 3px;
  line-height: 10px;
  background-color: #f4f3ee;
  border: 7px solid #f2d0a9;
  outline: 1px dotted #fff;
  overflow: auto;
  z-index: 1;

}

.stats span {
  float: left;
  color: #d88c9a;
}

.stats p {
  border-bottom: 1.5px dotted #ddd;
  text-align: right;
}

.ooc {
  width: 600px;
  position: absolute;
  z-index: 50;
  text-align: center;
  letter-spacing: 3px;
  margin-top: 460px;
  margin-left: 10px;
  font-family: "opificio";
  color: #8e7dbe;
}


----------------- html ----------------


<div class="container">
 <div class="back">
 <div class="bear"></div>
 <div class="title">
 Some words<br><br><span>*} some fancy words</span>
 </div>
 <div class="stats">
 <p><span>Stat</span>Stat</p>
 <p><span>Stat</span>Stat</p>
 <p><span>Stat</span>Stat</p>
 <p><span>Stat</span>Stat</p>
 <p><span>Stat</span>Stat</p>
 <p><span>Stat</span>Stat</p>
 <p><span>Stat</span>Stat</p>
 You can add more stats or something, Or you can type more here.
 Add a bio if you want! The ooc is at the bottom. It's not big but you can always add your ooc here instead. It's up to you. This scrolls. So fun. I wanted us to have matching profiles cause I'm gay. Also you're asleep and wanted to surprise you. ehehehe. I'll probably be dead by the time you wake up. Fuck I'm thirsty I haven't drank any water since 3pm. It's 10pm. okay you get the picture this shit scroll, gonna drink water now. bhdgjg.
 </div>
 <div class="ooc">OOC suff goes here, I wouldn't add too too much to it, but it worls for two sentences at least! Code by <a target="_blank" href="https://roleplay.chat/profile.php?user=peachboy">a cryaby</a>.</div>
 </div>
</div>