Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [doHTML]<center>
- <div class="eteal"><div class="eteal1">
- <div class="eteal-top"><div class="eteal-top-1">
- <div class="eteal-top-grow"></div>
- <div class="eteal-top-rotate"></div>
- <div class="eteal-top-img">
- <img src="https://image.ibb.co/mPEyc9/Caster-Nier.png">
- </div>
- </div></div>
- <div class="eteal-top-2">
- <h1>first <span>lastname</span></h1>
- <h2>take me, eat me up alive: make me feel your energy</h2>
- </div>
- <div class="eteal-url">
- <i class="th th-cross-1-o" title="CLOSE"></i>
- <i class="th th-layers-o" title="RESTORE"></i>
- <i class="th th-minus-o" title="MINIMIZE"></i>
- <div>
- site name <b>></b>
- first lastname <b>></b>
- character tracking
- </div></div>
- <div class="eteal-mid">
- <table style="width:100%;"><tr><td style="padding:0px!important;vertical-align:top;">
- <div class="eteal-mid-title"><div>ACTIVE THREADS</div></div>
- <div class="eteal-mid-scroll">
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="THREADING"><i class="th th-users-o"></i></div>
- <div class="eteal-link-2">TELL ME ALL YOUR SECRETS</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="TEXTING"><i class="th th-smartphone-o"></i></div>
- <div class="eteal-link-2">AS I LAY YOU ON THE BED</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="ALTERNATE UNIVERSE"><i class="th th-planet-1-o"></i></div>
- <div class="eteal-link-2">MAKE BELIEVE IN MIRACLES</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="PAST/FUTURE"><i class="th th-hourglass-o"></i></div>
- <div class="eteal-link-2">I RING INSIDE YOUR HEAD</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="THREADING"><i class="th th-users-o"></i></div>
- <div class="eteal-link-2">A MAN OF SILVER NOTION</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="THREADING"><i class="th th-users-o"></i></div>
- <div class="eteal-link-2">ON YOUR UNDERLYING BET</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- </div>
- </td><td style="width:10px;padding:0px!important;"></td><td style="padding:0px!important;vertical-align:top;">
- <div class="eteal-mid-title"><div>COMPLETED THREADS</div></div>
- <div class="eteal-mid-scroll">
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="THREADING"><i class="th th-users-o"></i></div>
- <div class="eteal-link-2">MAKES YOU FEEL THE VICTIM</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="TEXTING"><i class="th th-smartphone-o"></i></div>
- <div class="eteal-link-2">IN YOUR ONE MASTER PLAN</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="ALTERNATE UNIVERSE"><i class="th th-planet-1-o"></i></div>
- <div class="eteal-link-2">WAIT 'TIL YOU SEE</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- </div>
- </td></tr><tr><td style="padding:0px!important;vertical-align:top;">
- <div class="eteal-mid-title"><div>INACTIVE THREADS</div></div>
- <div class="eteal-mid-scroll">
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="THREADING"><i class="th th-users-o"></i></div>
- <div class="eteal-link-2">SO WON'T YOU TAKE ME</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="TEXTING"><i class="th th-smartphone-o"></i></div>
- <div class="eteal-link-2">EAT ME UP ALIVE</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="ALTERNATE UNIVERSE"><i class="th th-planet-1-o"></i></div>
- <div class="eteal-link-2">MAKE ME FEEL YOUR ENERGY</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1" title="PAST/FUTURE"><i class="th th-hourglass-o"></i></div>
- <div class="eteal-link-2">TAKE ME IF YOU TRY</div>
- <div class="eteal-link-3">WITH <a href="">RATT</a> + <a href="">infestation</a></div>
- </div></a>
- </div>
- </td><td style="width:10px;padding:0px!important;"></td><td style="padding:0px!important;vertical-align:top;">
- <div class="eteal-mid-title"><div>MISCELLANEOUS LINKS</div></div>
- <div class="eteal-mid-scroll">
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1"><i class="th th-stars-o"></i></div>
- <div class="eteal-link-3">wanted advertisement</div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1"><i class="th th-stars-o"></i></div>
- <div class="eteal-link-3">development thread</div>
- </div></a>
- <a href="LINK TO THREAD">
- <div class="eteal-link">
- <div class="eteal-link-1"><i class="th th-stars-o"></i></div>
- <div class="eteal-link-3">whatever, fam</div>
- </div></a>
- </div>
- </td></tr></table>
- </div>
- <div class="eteal-bot"><div>
- wait 'til you see what i've found. so why don't you?
- </div></div>
- <div class="eteal-bot-1"><div></div></div>
- </div></div><a href="http://pixel-perfect.boards.net/user/5"><div style="width:560px;text-align:right;font:bold 8px Arial;padding-top:10px;">PHARAOH LEAP CREATES</div></a>
- </center>
- <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Raleway:300,400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Montserrat:200,300,400,700' rel='stylesheet' type='text/css'>
- <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
- <style>
- .eteal { padding:24px;border:solid 1px #e3e3e3;background-color:#fdfdfd;width:510px; }
- .eteal1 { border:solid 1px #e3e3e3;padding:4px;background-color:#f3f3f3; }
- .eteal-top { background-color:#e384cd;padding:1px; }
- .eteal-top-1 { background-color:rgba(244,244,244,.2);padding:39px 0px; }
- .eteal-top-grow { position:absolute;height:160px;width:160px;background-color:#e384cd;border-radius:100%;margin:-10px 0px 0px 170px; }
- .eteal-top-rotate { position:absolute;margin:-2px 0px 0px 177px;height:138px;width:138px;border:dashed 3px #f9f9f9;border-radius:100%; }
- .eteal-top-img { position:relative;z-index:2;background-color:rgba(244,244,244,.2);height:100px;width:100px;padding:15px;border:solid 5px #f9f9f9;border-radius:100%; }
- .eteal-top-img img { height:100px;width:100px;border-radius:100%; }
- .eteal-top-2 { text-align:left;border-top:none;background-color:#222222;color:#eeeeee;padding:35px; }
- .eteal-top-2 h1 { margin:0px;font:35px Montserrat;font-weight:300!important;letter-spacing:-1px;font-style:italic;line-height:30px; }
- .eteal-top-2 h1 span { color:#e384cd; }
- .eteal-top-2 h2 { margin:5px 0px 0px 0px;letter-spacing:1px;padding:9px;font:bold 7px Raleway;text-transform:uppercase;border:Solid 1px #1e1e1e;background-color:#252525;display:inline-block;border-radius:3px; }
- .eteal-url { border-left:solid 1px #e3e3e3;border-right:solid 1px #e3e3e3;background-color:#eeeeee;padding:10px 15px 10px 10px; }
- .eteal-url i { font-size:15px;padding-top:7px;float:right;margin-left:10px;color:#e384cd;cursor:pointer; }
- .eteal-url div { cursor:text;color:#aaaaaa;letter-spacing:1px;border:solid 1px #e3e3e3;background-color:#f9f9f9;border-radius:3px;font:bold 7px Raleway;text-transform:uppercase;line-height:8px;padding:11px 10px 9px 10px;text-align:left;margin-right:80px; }
- .eteal-url div b { color:#e384cd; }
- .eteal-mid { border:solid 1px #e3e3e3;padding:34px;padding-bottom:24px;background-color:#f9f9f9; }
- .eteal-mid table { border-spacing:0px; }
- .eteal-mid-title { background-color:#e384cd;padding:1px; }
- .eteal-mid-title div { background-color:rgba(244,244,244,.2);font:bold 7px Raleway;color:#f9f9f9;letter-spacing:1px;line-height:8px;padding:15px 14px 13px 14px; }
- .eteal-mid-scroll { max-height:155px;overflow:auto;margin-bottom:10px; }
- .eteal-mid-scroll::-webkit-scrollbar-thumb:vertical { background-color:#eeeeee;border:solid 1px #e3e3e3;border-left:none;border-radius:0px; }
- .eteal-mid-scroll::-webkit-scrollbar { width:5px;background-color:transparent;border:solid 1px #e3e3e3;border-left:none;border-radius:0px; }
- .eteal-link { white-space:nowrap;overflow:hidden;color:#444444;background-color:#f3f3f3;height:30px;overflow:hidden;border:solid 1px #e3e3e3;border-top:none;font:10px Roboto;text-transform:uppercase; }
- .eteal-link-1 { color:#e384cd;position:relative;z-index:1;padding:10px 0px;border-right:solid 1px #e3e3e3;background-color:#eeeeee;float:left;height:10px;width:30px;text-align:center;margin-right:10px; }
- .eteal-link-2 { line-height:10px;height:10px;padding:10px;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s; }
- .eteal-link-3 { position:relative;background-color:#f3f3f3;position:relative;line-height:10px;height:10px;padding:10px;margin-left:31px;margin-top:0px; }
- .eteal-link-1:hover + .eteal-link-2 { margin-top:-30px!important; }
- .eteal-bot { background-color:#222222;padding:15px;height:30px; }
- .eteal-bot div { padding:9px;font:bold 7px Raleway;text-transform:uppercase;border:Solid 1px #1e1e1e;background-color:#252525;letter-spacing:1px;color:#eeeeee;float:right; }
- .eteal-bot-1 { background-color:#e384cd;padding:1px; }
- .eteal-bot-1 div { background-color:rgba(244,244,244,.2);height:8px; }
- @keyframes ETEAL-SPIN { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
- @keyframes ETEAL-GROW { 0% { transform: scale(.85); } 50% { transform: scale(1.2); } 100% { transform: scale(.85); } }
- .eteal-top-rotate { animation: ETEAL-SPIN linear infinite 15s; }
- .eteal-top-grow { animation: ETEAL-GROW infinite 5s; }
- </style>[/doHTML]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement