Violent

<style>

@import url(https://fonts.googleapis.com/css?family=Allura);

#profile {
border: 0px;
background-color: transparent;
}

.pfor {
display: none;
}

body {background-image:
url(http://i59.tinypic.com/v7qj28.jpg);
background-repeat: no-repeat;
background-size: 120%;
  font-family: 'Allura', cursive;
  color: black;
  font-weight: 400;}

a {background: white; color: white;
text-decoration: none;
opacity: 1;}

a.b {color: white; background: transparent;}

a:hover{
    -webkit-animation: linkchange 1s;
    -webkit-animation-iteration-count: infinite;
    animation: linkchange 1s;
    animaton-iteration-count: infinite;}

/* Chrome, Safari, Opera */
@-webkit-keyframes linkchange {
    0%   {opacity: 1;}
    50%  {opacity: 0;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes linkchange {
    0%   {opacity: 1;}
    50%  {opacity: 0;}
    100% {opacity: 1;}
}

#divcolor{
  height: 20px;
  width: 20px;
  background: red;}

#big{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;}

#divrightside{
  position: absolute;
  height: 600px;
  width: 600px;
  background-image:
  url(http://i61.tinypic.com/2vdi2hw.jpg);
  background-repeat: no-repeat;
  top: 100px;
  right: 200px;
  border: 0px solid red;
  z-index: 2;}

#backbar{
  position: absolute;
  top: 100px;
  left: 0px;
  right: 200px;
  height: 600px;
  background: white;
  border: 0px solid red;
  z-index: 1;}

#divbar1{
  width: 20px;
  top: 0px;
  bottom: 0px;
  right: 180px;
  background: black;
  z-index: 2;
  position: absolute;
  }

#divbar2{
  height: 20px;
  top: 700px;
  left: 0px;
  right: 0px;
  z-index: 2;
  background: black;
  position: absolute;
  }

#divbar3{
  height: 20px;
  top: 80px;
  position: absolute;
  left: 0px;
  right: 0px;
  background: black;
  z-index: 2;}

#songlyric1:hover,
#songlyric2:hover,
#songlyric3:hover,
#songlyric4:hover,
#songlyric5:hover,
#songlyric6:hover,
#songlyric7:hover,
#songlyric8:hover,
#hiddenlyric1:hover,
#hiddenlyric2:hover,
#oocdiv:hover,
#donotdiv:hover,
#hiddenlinks:hover,
#hiddenlinks.b:hover,
#hiddenpic:hover,
#hiddenpic.b:hover,
#selectholder:hover
{opacity: 1;}

#songlyric1{
  border: 0px solid red;
position: absolute;
z-index: 3;
top: 100px;
right: 200px;
height: 480px;
width: 920px;
font-size: 15pt;
padding-top: 100px;
padding-left: 80px;
transition: opacity 1s;
-webkit-transition: opacity 1s;
overflow: hidden;
opacity: 0;
text-align: left;
}

#songlyric2{
padding-top: 150px;
margin-top: -140px;
opacity: 0;
transition: opacity 3s;
-webkit-transition: opacity 3s;
}

#songlyric3{
  padding-top: 180px;
margin-top: -170px;
opacity: 0;
transition: opacity 3s;
-webkit-transition: opacity 3s;
}

#songlyric4{
  padding-top: 200px;
margin-top: -190px;
  opacity: 0;
  transition: opacity 7s;
-webkit-transition: opacity 7s;
}

#songlyric5{
  padding-top: 240px;
margin-top: -230px;
  opacity: 0;
  transition: opacity 7s;
-webkit-transition: opacity 7s;
}

#songlyric6{
  padding-top: 280px;
margin-top: -270px;
  opacity: 0;
  transition: opacity 10s;
-webkit-transition: opacity 10s;
}

#songlyric7{
  padding-top: 320px;
margin-top: -310px;
  opacity: 0;
  transition: opacity 10s;
-webkit-transition: opacity 10s;
}

#songlyric8{
  padding-top: 360px;
margin-top: -350px;
  opacity: 0;
  transition: opacity 12s;
-webkit-transition: opacity 12s;
}

#hiddenlyric1{
  position: absolute;
  height: 20px;
  top: 80px;
  right: 200px;
  width: 800px;
  border: 0px solid red;
  z-index: 4;
  color: white;
  letter-spacing: 10px;
  font-size: 15pt;
  text-align: right;
  opacity: 0;
  transition: opacity 1s;
-webkit-transition: opacity 1s;
}

#hiddenlyric2{
  z-index: 4;
  position: absolute;
  height: 20px;
  top: 700px;
  right: 200px;
  width: 800px;
  border: 0px solid red;
  color: white;
  font-size: 15pt;
  letter-spacing: 4px;
  text-align: right;
  opacity: 0;
  transition: opacity 1s;
-webkit-transition: opacity 1s;
}

#OOCdiv{
  font-family: 'Times New Roman', Times;
  font-size: 7pt;
  text-transform: lowercase;
  padding-left: 20px;

  height: 80px;
  width: 160px;
  z-index: 4;
  border: 0px solid red;
  right: 0px;
  top: 0px;
  background: white;
  position: absolute;
  opacity: 0;
  transition: opacity 1s;
-webkit-transition: opacity 1s;
text-align: left;
}

#DoNotDiv{
  height: 140px;
  width: 170px;
  z-index: 4;
  border: 0px solid red;
  right: 0px;
  top: 720px;
  position: absolute;
  padding-left: 10px;
  background: white;
  font-family: 'Times New Roman', Times;
  font-size: 7pt;
  text-transform: lowercase;
  opacity: 0;
  transition: opacity 1s;
-webkit-transition: opacity 1s;
text-align: left;}

  #hiddenlinks{
    height:18.5px;
    width: 178px;
    z-index: 4;
    font-family: 'Times New Roman', Times;
    font-size: 10pt;
    border: 0px solid red;
    right: 0px;
    top: 80px;
    position: absolute;
    word-spacing: 20px;
    text-align: center;
    padding-top: 1.5px;
    opacity: 0;
    transition: opacity 1s;
-webkit-transition: opacity 1s;
    }

#hiddenlinks.b{
    top: 700px;
    opacity: 0;
    color: white;
    word-spacing: 0px;
transition: opacity 1s;
-webkit-transition: opacity 1s;
text-align: center;}

#hiddenpic{
    height: 25px;
    top: 76px;
    width: 20px;
    z-index: 4;
    text-align: center;
    right: 180px;
    color: white;
    background: black;
    position: absolute;
    font-family: 'Times New Roman', Times;
    font-size: 15pt;
    overflow: hidden;
opacity: 0;
transition: opacity 1s;
-webkit-transition: opacity 1s;
}

  #hiddenpic.b{
    top: 698px;
  }

  #selectholder{
    height: 600px;
    width: 179px;
    border: 0px solid red;
    right: 0px;
    top: 100px;
    z-index: 4;
    position: absolute;
    overflow: hidden;
    background: white;
    opacity: 0;
    transition: opacity 1s;
-webkit-transition: opacity 1s;
text-align: center;
  }

  #selectdiv{
    height: 580px;
    width: 169px;
    border: 0px solid green;
    font-family: 'Times New Roman', Times;
    font-size: 8pt;
    background: white;
padding-top: 20px;
overflow: auto;
padding-right: 20px;
padding-left: 5px;
text-align: left;}


  </style>


<div id="big">

<div id="divrightside">
</div>

<div id="backbar">
</div>

<div id="divbar1">
</div>

<div id="divbar2">
</div>

<div id="divbar3">
</div>

<div id="songlyric1">It's not "you get just what you paid for",
<div id="songlyric2">Ain't that "you reap just what you sow".
<div id="songlyric3">You won't get everything you pray for,
<div id="songlyric4">Surprised you don't know by now.
<div id="songlyric5">I need something to hold on to
<div id="songlyric6">While the world is spinning round and round.
<div id="songlyric7">You could crumble any moment,
<div id="songlyric8">I'll keep my feet on solid ground for now.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="hiddenlyric1">How do we get lifted, how do we not go insane?
</div>

<div id="hiddenlyric2">For so long we existed, still we all resisted, why is it we still remain?
</div>

<div id="OOCDiv"><br>Profile coded by me.<br>
Please give credit.<br>
Feel free to crash in Ataraxia anytime.<br>
WIP.
</div>

<div id="DoNotdiv"><br>do not<br>
(x) be a dick, because I'll let you know. plainly.<br>
(x) ask for personal info if I don't know you<br>
(x) fail to PM me, bwaha.
</div>

<div id="hiddenlinks">
<a href="#Details" title="Details">| |</a>
<a href="#History" title="History">| |</a>
<a href="#Ataraxia" title="Ataraxia">| |</a>
</div>

<div id="hiddenlinks" class="b">music -
<a href="http://youtu.be/pYyM_Capz8I" title="Blak and Blu" class="b" target="_blank">x</a>
<a href="http://youtu.be/sRl7NEh2HBk" title="Judith" class="b" target="_blank">
x</a>
</div>

<div id="hiddenpic"><a href="http://i60.tinypic.com/2v0ewle.jpg" title="Slick" target="_blank" class="b">x</a>
</div>

<div id="hiddenpic" class="b"><a href="http://i58.tinypic.com/wj9nax.jpg" title="Stylish" target="_blank" class="b">x</a>
</div>

<div id="selectholder">

<a name="Details"></a>
<div id="selectdiv">
<br>
A young devil going around by the name 'Violent'.<br>
Genrally male.<br>
Pansexual.<br>
Polyamorous.<br>
Charismatic.<br>
Persuasive.<br>
Adores music.<br>
Old, but always interested in new ideas.<br>
Does not always carry the same appearance.  (check the crosses)<br><br>
<i>Usual appearance</i><br>
5'8".<br>
Slim build.<br>
Black hair.<br>
Crimson irises, occasionally flashes of black sclera.
</div>

<a name="History"></a>
<div id="selectdiv"><br>
Hell's pretty trashy, who wants to stay there?<br>
This boy's on a search for greater things.
</div>

<a name="Ataraxia"></a>
<div id="selectdiv"><br>
"<i>Ataraxia...<br>
Nirvana, Paradise, Tír na nÓg.<br>
Heaven.<br>
Why not have this on earth?</i>"<br><br>

(Below, from wiki).<br><br>
<b>Ataraxia</b> (ἀταραξία "tranquility") is a Greek term used by Pyrrho and Epicurus for a lucid state of robust tranquility, characterized by ongoing freedom from distress and worry<br><br>
<b>For the Epicureans</b>, <i>ataraxia</i> was synonymous with the only true happiness possible for a person. It signifies the state of robust tranquility that derives from eschewing faith in an afterlife, not fearing the gods because they are distant and unconcerned with us, avoiding politics and vexatious people, surrounding oneself with trustworthy and affectionate friends and, most importantly, being an affectionate, virtuous person, worthy of trust.<br><br>
(Now for the non-wiki).<br><br>
<b>For <i>Violent</i></b>, it is wished for this to become a physical location, an actual place where preferably like-minded individuals would visit. Party, eat, conversate, 'interact', lounge, sleep - why not do these things while enjoying yourself in company that doesn't intentionally cause stress?<br><br>
<b>Currently</b>, <i>Ataraxia</i> is a simple bar. Nothing special about it other than it's owner, Violent, but he's got big plans.<br>
(Check back, progress is being made!)
</div>
</div>

</div>