Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url(//fonts.googleapis.com/css?family=Allura);
- #profile {
- border: 0px;
- background-color: transparent;
- }
- .pfor {
- display: none;
- }
- body {background-image:
- url(http://i57.tinypic.com/30utk6q.jpg);
- background-repeat: no-repeat;
- background-size: 100%;
- font-family: 'Allura', cursive;
- color: black;
- font-weight: 400;
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto;}
- 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;
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=5161), auto;}
- /* 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: 17pt;
- 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 9s;
- -webkit-transition: opacity 9s;
- }
- #songlyric7{
- padding-top: 320px;
- margin-top: -310px;
- opacity: 0;
- transition: opacity 9s;
- -webkit-transition: opacity 9s;
- }
- #songlyric8{
- padding-top: 360px;
- margin-top: -350px;
- opacity: 0;
- transition: opacity 10s;
- -webkit-transition: opacity 10s;
- }
- #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: 8px;
- 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{
- bottom: 0px;
- 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">We've changed the dreamers and the preachers
- <div id="songlyric2">And the wise men on the hall
- <div id="songlyric3">To concrete stepping smilers
- <div id="songlyric4">Terrified to lose their power and control
- <div id="songlyric5">Yeah we've been crying for a leader
- <div id="songlyric6">To speak like the old prophets
- <div id="songlyric7">The blood of the forgotten wasn't spilled without a
- purpose
- <div id="songlyric8">Or was it?
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="hiddenlyric1">Open your eyes and share this burden somehow
- </div>
- <div id="hiddenlyric2">Are you ready to drink or are you ready to drown?
- </div>
- <div id="OOCDiv"><br>Profile coded by me.<br>
- Please give credit.<br>
- Feel free to crash in Ataraxia anytime.<br>
- I take no credit for the images used.<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"><a href="http://youtu.be/TSOv2PtPyHg"
- class="b" target="_blank" title="A Beginner's Guide to Destroying the Moon
- (lyrics used in profile)" >music</a> -
- <a href="http://youtu.be/qSru98rO5Qo" title="Chill" class="b"
- target="_blank">x</a>
- <a href="http://youtu.be/kjm76Zqriww" title="Faithful Man" class="b"
- target="_blank">
- x</a>
- <a href="http://youtu.be/F7EgzHeXRN0" title="Rise & Shine" class="b"
- target="_blank">
- x</a>
- <a href="http://youtu.be/QDqXJZTfzA8" title="Jazz House" class="b"
- target="_blank">
- x</a>
- <a href="http://youtu.be/xVlqaogJCKs" title="Encounter (the most jazzy jazz)"
- class="b" target="_blank">
- x</a>
- <a href="http://youtu.be/4gmafAMLL-w" title="Here We Go (because when the
- shit hits the fan...)" 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, <i>charismatic devil</i> going around by the name <b><font
- color="#682023">Violent</font></b>, he always pushes the perception of
- himself as a very open-minded, <i>young adult male</i>. Despite this, he is
- not restricted to a <i>single form</i> but can instead <i>take on multiple
- appearances</i> (additional pictures linked in the crosses). This being said,
- he generally appears to people as a <i>slightly-pale man in his late teens or
- early 20's</i> with <i>dark hair</i> and a <i>slim</i>, <i>wiry</i> build. At
- a height of <i>5</i>'<i>8</i>", he would never intimidate anyone on sight,
- although there tend to be a few pauses when people realize how very <i><font
- color="#682023">red</font></i> his eyes are. Most never see his <i>sclera</i>
- (whites)<i> become black</i> as that only occasionally happens and rarely
- without cause.<br><br>
- Very free with his sexuality, he considers himself <i>pansexual</i> as most
- devils tend to. With so many creatures of various gender definition and
- genetic structure on the planet, he finds it grievous to stick to the idea of
- copulating with only one. Similarly, Violent finds it <i>impossible to a
- restrict himself to a single partner</i> and so has taken on the belief of
- being <i>omniamorous</i>, <i>loving any and all willing partners</i>.
- <br><br>However, <i>he's not a sexually-fixated fiend</i>, though he does
- <i>love sex</i> and can at times be very <i>persuasive</i> (read: aggressive)
- in driving towards that. Still, he tends to use his words to convince others
- towards a new way of life rather than to guide them down to the cool surface
- of a freshly-set bed. You can expect most conversations to at some point
- grace the subject of <b><font color="#682023">Ataraxia</font></b>, which he
- wouldn't mind exploring in great detail. However, Violent will also gladly
- engage in conversations about any wide range of other subjects. Having a
- <i>great love of music</i> and a <i>great love of new ideas and
- technologies</i>, he's always eager to discuss most things artistic, modern
- or both.
- </div>
- <a name="History"></a>
- <div id="selectdiv"><br>
- <i>"Hell's pretty trashy, who'd </i>want<i> to stay there? I'm on a search
- for greater things than that."</i><br><br>
- (Please attempt to get to know the character; through the interaction, you
- just might find yourself intrigued by the details he occasionally shares
- about his past. As they're revealed in character, I'll post the discoveries
- here in more detail).
- </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></div></center>
Advertisement
Add Comment
Please, Sign In to add comment