Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- body { background: black; }
- ::-webkit-scrollbar {
- display: none;
- }
- @keyframes noise-anim {
- 0% { clip: rect(20px, 9999px, 17px, 0); }
- 5% { clip: rect(14px, 9999px, 96px, 0); }
- 10% { clip: rect(59px, 9999px, 53px, 0); }
- 15% { clip: rect(57px, 9999px, 63px, 0); }
- 20% { clip: rect(14px, 9999px, 79px, 0); }
- 25% { clip: rect(6px, 9999px, 26px, 0); }
- 30% { clip: rect(50px, 9999px, 9px, 0); }
- 35% { clip: rect(45px, 9999px, 76px, 0); }
- 40% { clip: rect(65px, 9999px, 98px, 0); }
- 45% { clip: rect(42px, 9999px, 53px, 0); }
- 50% { clip: rect(88px, 9999px, 3px, 0); }
- 55% { clip: rect(13px, 9999px, 95px, 0); }
- 60% { clip: rect(39px, 9999px, 92px, 0); }
- 65% { clip: rect(26px, 9999px, 32px, 0); }
- 70% { clip: rect(19px, 9999px, 92px, 0); }
- 75% { clip: rect(85px, 9999px, 73px, 0); }
- 80% { clip: rect(27px, 9999px, 82px, 0); }
- 85% { clip: rect(11px, 9999px, 31px, 0); }
- 90% { clip: rect(74px, 9999px, 45px, 0); }
- 95% { clip: rect(92px, 9999px, 90px, 0); }
- 100% { clip: rect(23px, 9999px, 4px, 0); } /* thanks neof */
- }
- @keyframes shake {
- 0% { margin-right: 5px; opacity: 0.6;}
- 10% { margin-left: 3px; }
- 20% { margin-right: 2px; }
- 30% { margin-right: 2px; }
- 40% { margin-left: 5px; }
- 50% { margin-left: -3px; }
- 60% { margin-left: 5.5px; opacity: 0.9; }
- 70% { margin-left: 0px; }
- 80% { margin-left: 10px; }
- 90% { margin-left: 15px; }
- 100% { margin-right: 3px; opacity: 0.8; }
- }
- @keyframes blood {
- 0% { border: 10px solid rgba(0,0,0,0.7);}
- 30% { border: 10px solid rgba(0,0,0,0.0.8); }
- 50% { border: 10px solid rgba(0,0,0,0.85); }
- 80% { border: 10px solid rgba(0,0,0,0.8); }
- 100% { border: 10px solid rgba(0,0,0,0.8); }
- }
- #c {
- position: absolute;
- bottom: 100px;
- right: 200px;
- overflow: hidden;
- animation: 0.3s blood infinite;
- background: url('http://puu.sh/uciKp.png');
- }
- .overlay {
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100px;
- background: url('http://puu.sh/uciKp.png');
- opacity: 0.9;
- animation: noise-anim 1s infinite linear alternate-reverse;
- transform: rotate(deg);
- }
- .t {
- position: absolute;
- bottom: 0px;
- left: 0px;
- width: 100%;
- height: 100px;
- background: url('http://puu.sh/uciKp.png');;
- opacity: 0.4;
- animation: noise-anim 0.8s infinite linear alternate-reverse;
- transform: rotate(180deg);
- }
- .bx {
- position: absolute;
- bottom: 45px;
- left: 50px;
- height: 200px;
- width: 180px;
- border-radius: 3px;
- background: rgba(0,0,0,0.5);
- font-family: calibri;
- padding: 10px;
- font-size: 10px;
- color: rgba(255,255,255,0.7);
- text-transform: uppercase;
- transition-duration: 1s;
- opacity: 0;
- }
- .bx2 {
- position: absolute;
- bottom: -5px;
- left: 230px;
- height: 200px;
- width: 180px;
- background: rgba(0,0,0,0.5);
- font-family: calibri;
- border-radius: 3px;
- padding: 10px;
- font-size: 10px;
- color: rgba(255,255,255,0.7);
- text-transform: uppercase;
- overflow: auto;
- opacity: 0;
- transition-duration: 1s;
- }
- body:hover .bx {
- opacity: 1;
- bottom: 40px;
- transition-duration: 1s;
- }
- body:hover .bx2 {
- opacity: 1;
- bottom: 0px;
- transition-duration: 1s;
- }
- .tw {
- position: ;
- margin-top:px;
- left: 10px;
- font-family: verdana;
- color: red;
- font-size: 10px;
- opacity: 0.2;
- }
- </style>
- <div id="c">
- <div class="case"></div>
- <div class="bx"><div style="text-transform:uppercase;position:absolute;left:10;"><br>
- Birth Name : <br>
- Alias : <br>
- Gender : <br>
- Species : <br>
- Age : <br>
- Height : <br>
- Weight : <br>
- Hair Color : <br>
- Body Build : <br>
- Status : <br>
- Residence : <br>
- Occupation : <br>
- Alignment : <br></div>
- <div style="position:absolute;right: 10;font-style:italic;letter-spacing:1px;"><br>
- Rokurou Rangetsu<br>
- Roku<br>
- Male<br>
- Daemon<br>
- 22<br>
- 160cm<br>
- 148 lbs<br>
- Black <br>
- Slim <br>
- Single, Unattached<br>
- Unknown<br>
- Daemon<br>
- Chaotic <br>
- </div>
- <div class="bx2"><br>
- 1. Aw, I don't play this canon? Ask me if I care, fuck you and don't rp with me if you don't like it.<br><br>
- 2. I prefer long term story over short term, but I will accept short term as well.<br><br>
- 3. Third person role play. The length of rp can vary from a single line to a paragraph or more based on mood..<br><br>
- 4. Please be respectful and patient.<br><br>
- 5. If smut is desired from my character, then kinks and limits must be discussed. I do reserve the right to say no to any smut rp.<br><br>
- 6. I identify as a meme, also I shitpost 99% of the time. IC is with quotes and such.<br><br>
- 7. Skype blows, I'm found on Discord.<br><br>
- 8. images used on the website are not mine and I will remove at owner's request.<br><br>
- </div>
- </div>
- <img src="http://puu.sh/ubnhB.png">
- <div class="overlay"></div>
- <div class="t"></div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement