A Pen by Gajeel Redfox

Thumbnail
This awesome code was written by revolution123, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright revolution123 ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Gajeel Redfox</title>
  
  
  <link rel='stylesheet prefetch' href='http://codepen.io/revolution123/pen/XXZyqa.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div ID="bg"></div>



<div class="butt"></div>

<div class="huge-butts-from-space">
  <gif-butt>
  </gif-butt>
  
  <a href="https://www.aniroleplay.com/home.php" class="tits"><img src="http://i68.tinypic.com/xgmpv9.jpg"><span class="tits">HOME</span></a>
  
  <a href="https://www.aniroleplay.com/send_message.php?member_id=78930" class="tits"><img src="http://i66.tinypic.com/nzlyy9.jpg"><span class="tits">MESSAGE</span></a>
  
  <a href="https://www.aniroleplay.com/add_testimonial.php?member_id=78930" class="tits"><img src="http://i68.tinypic.com/287kby9.jpg"><span class="tits">COMMENT</span></a>
  
  <a href="https://www.aniroleplay.com/gallery.php?member_id=78930" class="tits"><img src="http://i68.tinypic.com/35nalw5.jpg"><span class="tits">PHOTOS</span></a>
    
  <a href="/" class="tits"><img src="https://static.tumblr.com/3yblkz0/9mQn46s61/untitled-2.png">

<span class="tits">

<embed 
src="https://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k003.kiwi6.com/hotlink/o4gh7aswbr/Bassnectar_-_Open_Up_Ft._Simon_Morel.mp3&t0=&total=1" 
quality="high" 
wmode="transparent" 
width="200"
height="10" 
name="billy" 
align="middle" 
type="application/x-shockwave-flash" />

</span>

</a>
    <br>
    <br>
    
<div class="quote">
Gajeel Redfox

</div>

<div class="dastext">
<span class="dastextu">
<b>Gajeel Redfox</b> (ガジル・レッドフォックス <i>Black Steel</i>) is a tall and muscular young man with long, spiky black hair, which is usually kept slicked back, revealing his forehead. He has red eyes with slitted dark pupils, and has no visible eyebrows. Most of his exposed body is covered in sets of simple, round studs. The most visible studs are on his face, with three of them above each of his eyes, two on each side of his nose, and two on his chin, just below his mouth. His ears are adorned by two sets of five earrings each. <br><br>

He also sports four studs on each of his forearms, with his right one being covered in scars. As a member of the former Phantom Lord Guild, he bore his Phantom Lord mark at the top of his right shoulder. After joining Fairy Tail, his black Fairy Tail mark is located on his left arm, just below his shoulder. Being a Dragon Slayer, Gajeel's canine teeth are distinctively sharper than normal. <br><br>
  
Gajeel's usual outfit consists of a shabby, black, sleeveless tunic with studded edges, a studded belt around his waist, loose, beige pants tucked inside studded black boots, and a pair of studded brown gloves paired with similarly studded wristbands. He also sports a distinctive wing-like ornament, seemingly made of feathers, jutting upwards, over his right shoulder, attached to his tunic by a large stud. <br><br>  
  


</span>

</div>

<div class="CONTACT">
<a href="https://www.aniroleplay.com/210618"><img src="https://i65.tinypic.com/2a6616q.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/134143"><img src="https://i60.tinypic.com/8xui4l.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/68785"><img src="https://i61.tinypic.com/1zq988w.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/181112"><img src="https://i59.tinypic.com/wcn53n.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/kueenmidas"><img src="https://i67.tinypic.com/s59x5f.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/162776"><img src="https://i68.tinypic.com/jpeb9y.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/151065"><img src="https://i65.tinypic.com/2utkk8k.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/185907"><img src="https://i61.tinypic.com/5w9xtz.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/41194"><img src="https://i59.tinypic.com/2n81v82.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/reply.php?mess_id=3099175&folder=reply"><img src="https://i59.tinypic.com/30ljrz6.jpg" class="contact-image"></img>
<a href="httpss://www.aniroleplay.com/142783"><img src="https://i62.tinypic.com/2pt47s8.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/7530"><img src="https://i58.tinypic.com/4ibig7.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/2915"><img src="https://i61.tinypic.com/2qunbjp.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/201338"><img src="https://i57.tinypic.com/donf3m.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/121743"><img src="https://i57.tinypic.com/auig68.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/216760"><img src="https://i68.tinypic.com/2d1mt5i.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/view_profile.php?member_id=137883"><img src="https://i64.tinypic.com/73ork4.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/view_profile.php?member_id=197400"><img src="https://i59.tinypic.com/jrr0cg.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/67740"><img src="https://i65.tinypic.com/14neale.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/167927"><img src="https://i67.tinypic.com/286qsdy.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/209298"><img src="https://i66.tinypic.com/333fhu1.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/208495"><img src="https://i67.tinypic.com/w9wiu0.jpg" class="contact-image"></img>
<a href="https://www.aniroleplay.com/136079"><img src="https://i64.tinypic.com/2mcx7ah.jpg" class="contact-image"></img>
<img src="https://i51.photobucket.com/albums/f393/JoninTemari123/18LWJ4V_zpspaucs8rq.png" class="contact-image"></img>


</table>
  
  
  </div>
  
  
<div class="credit">
<span class="credit">
Created by Ryuko [✁纏 流子] Inspired by Theme 2.4 "Tragedy" by ImagineDragons
</span>
CREDIT
</div>

<body bgcolor="#000000" color="#FFFFFF" ondragstart="return false" onselectstart="return false" oncontextmenu="alert('Created by Peechie. Design based off of Imagine Dragons Theme 2.4 Tragedy'); return false">
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/revolution123/a-pen-by-gajeel-redfox-XXZyqa */
body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur22.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur22.png), progress !important; color:#ffffff !important;}

::-webkit-scrollbar{width: 4px; padding-right:1vw;}

::-webkit-scrollbar-thumb{background-color:rgb(196, 196, 196); border-radius: 0;}
::-webkit-scrollbar-thumb:hover{background-color:rgb(196, 196, 196);}

::-webkit-scrollbar-track{background-color:transparent;}



div#searchheader.profile {display:none;}

div#googlebar.clearfix {display:none;}

body {
  background-color:#000000 !important;
  color:#FFFFFF !important;
  font-family:trebuchet ms !important;
  font-size:0.6vw !important;
  text-align:justify !important;
      overflow:hidden;
}

#bg {background-color:#000000; z-index:10000; position:fixed; left:0px; top:0px; height:100%; width:100%; opacity:1;}

.butt
{
      position:fixed;
      right:0%;
      bottom:0%;
      height:100%;
      width:100%;
      z-index:10001;
      overflow:hidden;
      background-image:URL('http://i67.tinypic.com/257jdau.jpg');
      background-repeat:no-repeat;
      background-size:80%;
      background-position: 125% 35%;
      overflow:hidden;
}

.huge-butts-from-space
{
      position:fixed;
      height:100%;
      width:20%;
      left:8%;
      top:0px;
      background-color:#0a0a0a;
      z-index:10002;
      padding:1%;
      color:#FFFFFF !important;
      overflow:none;
      font-size:0.6vw;
}

gif-butt
{
      height:28%;
      width:97%;
      background-image:URL('http://i66.tinypic.com/nvnv37.jpg');
      background-repeat:no-repeat;
      background-size:100% 100%;
      color:#FFFFFF;
      background-color:transparent;
      display:block;
      margin:1%;
      margin-top:3%;
}








a.tits
{


      overflow:hidden !important;
      font-family:ARIAL !important;
      font-size:6pt !important;
      letter-spacing:4px !important;
      padding:4px !important;
      text-decoration:none !important;
      color:#FFFFFF !important;
      font-weight:100 !important;
      margin-left:4% !important;
      height:10px !important;
      width:5px !important;
      
      -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.tits:hover
{

      background-color:#ff0c53 !important;
      overflow:hidden !important;
      height:10px !important;
      width:100px !important;
      
      -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}


a.tits span
{
      visibility:hidden !important;
      width:0px !important;
      height:0px !important;
      display:inline-block !important;
}

a.tits:hover span
{
      visibility:visible !important;
      position:inherit !important;
      margin-left:20px !important;
      width:73px !important;
}

.quote
{
      width:80% !important;
      font-family:Courier New !important;
      font-weight:100 !important;
      font-size:13px !important;
      opacity:0.5 !important;
      padding-left:20% !important;
      padding-bottom:10% !important;
      padding-top:5% !important;
      border-bottom:1px solid #FFFFFF !important;
}


.dastext
{
      padding-left:0% !important;
      padding-right:0%;
      font-weight:100 !important;
      font-size:0.7vw !important;
      line-height:0.7vw !important;
      font-family:arial !important;
      padding-top:10% !important;
      margin-left:20% !important;
      margin-right:10% !important;
      height:1vw;
      overflow:visible;
      position:relative;
      display:inline-block;
}


.text {
      
      padding-left:0% !important;
      font-weight:100 !important;
      font-size:0.6vw !important;
      line-height:8px !important;
      font-family:arial !important;
      padding-top:10% !important;
      margin-left:20% !important;
      margin-right:10% !important;
      color:#FFFFFF !important;
}

div, table {color:#FFFFFF;}

.dastextu {opacity:0.6; display:inline-block; background-color:transparent; height:11vw; overflow:auto; padding-right:6%;}



b
{
      color:#ff0000;
      font-weight:100;
}

i
{
      color:#9e9e9e;
}




.CONTACT
{
      width:100%;
      height:auto;
      background-color:transparent;
      display:inline-block;
      margin-top:11vw;
}

.contact-image
{
      width:2.6vw;
      display:inline-block;
      margin-left:0px;
      margin-right:0px; 
      position:relative;
      left:0px;
      
}


.credit
{
      position:fixed;
      right:1%;
      bottom:1%;
      height:auto;
      width:auto;
      font-size:7pt;
      background-color:#000000;
      color:#FFFFFF;
      z-index:10501;
      display:block;
      
      -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.credit:hover
{
      background-color:#ff0054;
      width:auto;
      padding-right:1%;
      padding-left:1%;
      opacity:0.5;
      
      -webkit-border-radius: 10px;
border-radius: 10px;
      
      -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.credit span
{
      opacity:0;
      font-family:ARIAL;
      font-size:7pt;
      text-transform:uppercase;
      
      -webkit-transition: all 1.5s ease-out;
-moz-transition: all 1.5s ease-out;
-ms-transition: all 1.5s ease-out;
-o-transition: all 1.5s ease-out;
transition: all 1.5s ease-out;
      
}

.credit span:hover
{
      display:block;
      width:auto;
      opacity:1;
      font-family:ARIAL;
      font-size:7pt;
      text-transform:uppercase;
      
      
      
      -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

Comments