Post by Zephyr Hart on May 8, 2017 11:29:42 GMT
[nospaces]
[newclass=.bad] width: 500px; box-sizing: border-box; margin: auto; border: 1px solid #aaa; padding: 3px; background-color: #fff; [/newclass][newclass=.creeping] width: 100%; height: 330px; position: relative; overflow: hidden; white-space: nowrap; [/newclass][newclass=.creeping div::-webkit-scrollbar-track] background-color: #555; [/newclass][newclass=.creeping div::-webkit-scrollbar] width: 3px; background-color: #555; [/newclass][newclass=.creeping div::-webkit-scrollbar-thumb] background-color: #fff; [/newclass][newclass=.ravenous-1] display: inline-block; white-space: normal; position: relative; height: 100%; width: 110%; margin-left: -50%; background-image: url('https://i.imgur.com/ToaHOSg.gif'); background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%); transition: 1s all; [/newclass][newclass=.ravenous-1:before, .ravenous-2:before] pointer-events: none; content: ''; display: block; position: absolute; background-color: transparent; width: 100%; height: 100%; transition: 1s all; [/newclass][newclass=.ravenous-1:hover:before, .ravenous-2:hover:before] background-color: #1a1a1a; background-color: rgba(26, 26, 26, 0.8); [/newclass][newclass=.ravenous-1:hover] margin-left: 0%; z-index: 2; [/newclass][newclass=.ravenous-2] display: inline-block; white-space: normal; position: relative; height: 100%; width: 110%; margin-left: -20%; background-image: url('https://i.imgur.com/UXOlAz2.gif'); background-size: cover; background-position: center; -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%); transition: 1s all; z-index: 2; [/newclass][newclass=.ravenous-2:hover] margin-left: -70%; [/newclass][newclass=.ravenous-2+.blank] pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: 1s all; [/newclass][newclass=.ravenous-2:hover+.blank]background-color: #fff;[/newclass][newclass=.lyrics] background-color: rgba(26, 26, 26, 0.3); text-align: center; text-transform: uppercase; color: #fff; font: 10px 'Montserrat', arial; width: 200px; margin: auto; border: 2px solid #fff; padding: 5px; transition: 1s all; [/newclass][newclass=.ravenous-1 .lyrics] position: absolute; top: 40px; right: 60px; [/newclass][newclass=.ravenous-1:hover .lyrics] top: -80px; [/newclass][newclass=.ravenous-2 .lyrics] position: absolute; bottom: 40px; left: 60px; [/newclass][newclass=.ravenous-2:hover .lyrics] bottom: -80px; [/newclass][newclass=.image] width: 100px; position: absolute; bottom: 50%; margin-bottom: -55px; border: 1px solid #aaa; padding: 3px; background-color: #fff; border-radius: 100%; overflow: hidden; transition: 1s all; [/newclass][newclass=.ravenous-1 .image] right: 115px; [/newclass][newclass=.ravenous-1:hover .image] bottom: 77%; right: 65px; [/newclass][newclass=.ravenous-2 .image] left: 115px; [/newclass][newclass=.ravenous-2:hover .image] bottom: 23%; left: 65px; [/newclass][newclass=.image img] width: 100%; border-radius: 100%; [/newclass][newclass=.plottext] position: absolute; top: 10px; bottom: 10px; width: 40%; border: 2px solid #fff; box-sizing: border-box; padding: 10px; font: 10px / 14px verdana; text-align: justify; color: #fff; overflow: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; [/newclass][newclass=.plottext b] display: block; text-align:center; [/newclass][newclass=.ravenous-1 .plottext] left: 10px; [/newclass][newclass=.ravenous-2 .plottext] right: 10px; [/newclass][newclass=.threadtext] width: 20%; height: 40%; overflow: auto; position: absolute; background-color: rgba(155, 155, 155, 0.2); color:#b3b3b3; font: 10px / 14px verdana; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y:scroll; padding-left: 3px; white-space:nowrap; transition: 1s all; [/newclass][newclass=.ravenous-1 .threadtext] top: 400px; left: 45%; [/newclass][newclass=.ravenous-1:hover .threadtext] top: 10px; [/newclass][newclass=.ravenous-2 .threadtext] bottom: 400px; right: 45%; [/newclass][newclass=.ravenous-2:hover .threadtext] bottom: 10px; [/newclass][newclass=.threadtext b] font-family: 'Montserrat', arial; display:inline-block; float:right; text-align: right; border-bottom: 2px solid #fff; padding: 3px 3px 0px 15px; [/newclass][newclass=.threadtext a]display: inline-block; max-width: 80%; padding-left:5px; font: 8px / 8px Arial; text-transform: uppercase; text-decoration: none; margin-top: 7px; transition: 0.5s all; white-space:normal; vertical-align:middle; [/newclass][newclass=.ravenous-1 .threadtext a]color: #dbbff2; [/newclass][newclass=.ravenous-2 .threadtext a]color: #92db8f;[/newclass][newclass=.bad .threadtext a:hover] color: #fff; [/newclass][newclass=.relationtext] position: absolute; border: 1px solid #555; background-color: #1a1a1a; background-color: rgba(13, 13, 13, 0.5); box-sizing: border-box; padding: 5px; width: 40%; height: 50%; transition: 1s all; font: 10px / 14px verdana; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; overflow-y: auto; [/newclass][newclass=.ravenous-1 .relationtext]bottom: -300px; right: 15%;[/newclass][newclass=.ravenous-1:hover .relationtext]bottom: 10px; right: 15%;[/newclass][newclass=.ravenous-2 .relationtext]top: -300px; left: 15%;[/newclass][newclass=.ravenous-2:hover .relationtext]top: 10px; left: 15%;[/newclass][newclass=.relationtext b] font-family: 'Montserrat', arial;[/newclass][newclass=.relationtext a]color: #92db8f; font-family: 'Montserrat', arial; letter-spacing: -1px;[/newclass][newclass=.relationtext .ST a]color: #92db8f;[/newclass][newclass=.relationtext .HK a]color: #db8f8f;[/newclass][newclass=.relationtext .JD a]color: #8fb8db;[/newclass][newclass=.relationtext .LEV a]color: #dbbff2;[/newclass][newclass=.relationtext .NUL a]color: #dbdbdb;[/newclass][newclass=.relationtext img] width: 60px; height: 60px; clear: both; box-sizing: border-box; opacity: 0.8; border: 1px solid #555; [/newclass][newclass=.ravenous-1 img]float: right; [/newclass][newclass=.ravenous-2 img]float: left; [/newclass][newclass=.relationtext > div] height: 65px; text-align: center;[/newclass]
[attr="class","bad"]
[attr="class","creeping"]
[attr="class","ravenous-1"]
[attr="class","lyrics"]Yeah, you're ravenous, you're champing at the bit. Just a cog next to a cog next to a pit.
[attr="class","image"]
[attr="class","plottext"]
Zephyr Hart[break]LEV | EARTH | 22 | M
Zephyr got picked up by Leviathan as a kid after the rest of his family died in a fire, but everyone outside of that circle thinks he's just a guy working as a train mechanic (because who ADMITS to being in Leviathan?) and an informal Jester. He's a tech nut, an adrenaline junkie, a double transfemoral amputee, and has a very (over)protective monkey familiar named Spock. He also regularly hangs out with a bunch of D&D and cryptid-hunting nerds.
[break]FRIENDS
Given that Zeph is fairly high-energy and is often inconsiderate regarding things like personal space and normal sleep schedules, he has a tendency to stick to anyone who tolerates him. Bonus points for being willing to go on adventures or knowing enough about robotics to build stuff with him.
[break]ENEMIES
He has a severe aversion to people with self-entitlement issues and superiority complexes. He takes great joy in knocking them down a few pegs.
[break]LOVERS
Flings are more common than commitment since commitment takes time away from tinkering & he obviously has his life priorities straight.
[break]OTHERS
Coven buddies (Leviathan or Jester's Den) that he takes quests/missions with regularly, fellow mechanics, frequent travelers by train, or nerds who'll build an airship with him. (Truthfully tho I'm up for any plot ideas you've got) <3
Zephyr Hart[break]LEV | EARTH | 22 | M
Zephyr got picked up by Leviathan as a kid after the rest of his family died in a fire, but everyone outside of that circle thinks he's just a guy working as a train mechanic (because who ADMITS to being in Leviathan?) and an informal Jester. He's a tech nut, an adrenaline junkie, a double transfemoral amputee, and has a very (over)protective monkey familiar named Spock. He also regularly hangs out with a bunch of D&D and cryptid-hunting nerds.
[break]FRIENDS
Given that Zeph is fairly high-energy and is often inconsiderate regarding things like personal space and normal sleep schedules, he has a tendency to stick to anyone who tolerates him. Bonus points for being willing to go on adventures or knowing enough about robotics to build stuff with him.
[break]ENEMIES
He has a severe aversion to people with self-entitlement issues and superiority complexes. He takes great joy in knocking them down a few pegs.
[break]LOVERS
Flings are more common than commitment since commitment takes time away from tinkering & he obviously has his life priorities straight.
[break]OTHERS
Coven buddies (Leviathan or Jester's Den) that he takes quests/missions with regularly, fellow mechanics, frequent travelers by train, or nerds who'll build an airship with him. (Truthfully tho I'm up for any plot ideas you've got) <3
[attr="class","threadtext"]
ACTIVE[break]
(E)Just Some Kids Throwing Rocks at a Bird
[break](E)Suixitium (A)
[break] Suixitium (B)
[break] (M)A Modern Bonnie and Clyde
[break] (M)3:10 to Yuma
[break] (M)(HYDRA) Tooth and Claw
[break]The Jungle of Glass and Steel
[break]Sink or Swim (or Fly)
[break]Jolly Sailor Bold (NPC)
[break]Lady Muse
[break]No, you can't all be casters
[break]Speed Demons Ahead
[break]Elementary
[break]Surf's Up
[break]Nectar of the Gods
[break]Pasta Night
[break]LIMBO[break]
Watch your Step
[break]Nerds of a Feather
[break]The Morning After
[break]Afterlife of a Dream
[break]ARCHIVED[break]
(M)Unbridled Enthusiasm
[break] (E)Quidditch Quarrel pt. 1
[break] (E)Silverwing Gala
[break] (E)The Last Seer
[break] (E)The Demon's Nightmare (Group D)
ACTIVE[break]
(E)Just Some Kids Throwing Rocks at a Bird
[break](E)Suixitium (A)
[break] Suixitium (B)
[break] (M)A Modern Bonnie and Clyde
[break] (M)3:10 to Yuma
[break] (M)(HYDRA) Tooth and Claw
[break]The Jungle of Glass and Steel
[break]Sink or Swim (or Fly)
[break]Jolly Sailor Bold (NPC)
[break]Lady Muse
[break]No, you can't all be casters
[break]Speed Demons Ahead
[break]Elementary
[break]Surf's Up
[break]Nectar of the Gods
[break]Pasta Night
[break]LIMBO[break]
Watch your Step
[break]Nerds of a Feather
[break]The Morning After
[break]Afterlife of a Dream
[break]ARCHIVED[break]
(M)Unbridled Enthusiasm
[break] (E)Quidditch Quarrel pt. 1
[break] (E)Silverwing Gala
[break] (E)The Last Seer
[break] (E)The Demon's Nightmare (Group D)
[attr="class","relationtext"]
[attr="class","LEV"]
MADDOX ROTHSCUS[break]LEV | AIR | 24 | M[break]New older brother & partner in crime
MADDOX ROTHSCUS[break]LEV | AIR | 24 | M[break]New older brother & partner in crime
[attr="class","LEV"]
SIMA PAHLAVI[break]LEV | EARTH | 24 | NB[break]Apprentice & unofficial sibling-in-law
SIMA PAHLAVI[break]LEV | EARTH | 24 | NB[break]Apprentice & unofficial sibling-in-law
[attr="class","JD"]
MATTEO GARCIA[break]JD | FIRE | 20 | M[break]Favorite tinker [break] favorite person
MATTEO GARCIA[break]JD | FIRE | 20 | M[break]Favorite tinker [break] favorite person
[attr="class","LEV"]
JULIUS KINGSTON[break]LEV | WATER | 25 | M[break] Dangerous antics & constant insults
JULIUS KINGSTON[break]LEV | WATER | 25 | M[break] Dangerous antics & constant insults
[attr="class","JD"]
ASTARTIA ZAMÓRE[break]JD | WATER | 26 | F[break] Fellow JD spontaneous event planner
ASTARTIA ZAMÓRE[break]JD | WATER | 26 | F[break] Fellow JD spontaneous event planner
[attr="class","JD"]
BILLY KASPARIAN[break]JD | LIGHT | 22 | M[break] D&D nerd and pro cryptid hunter
BILLY KASPARIAN[break]JD | LIGHT | 22 | M[break] D&D nerd and pro cryptid hunter
[attr="class","HK"]
CHANEL CRESTWALKER[break]HK | WATER | 22 | F[break]Brilliant... part of the aristocracy, but brilliant
CHANEL CRESTWALKER[break]HK | WATER | 22 | F[break]Brilliant... part of the aristocracy, but brilliant
[attr="class","ravenous-2"]
[attr="class","lyrics"]I would burn to break away and waste my years. No more ladder, no more solace in arrears.
[attr="class","image"]
[attr="class","plottext"]
Desmond Grey[break]ST | WATER | 38 | M
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
Desmond Grey[break]ST | WATER | 38 | M
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
[attr="class","threadtext"]
ACTIVE[break]
(M) Cat Napping Rx
[break](E) For Whom the Bell Tolls
[break]
ARCHIVED[break]
---
ACTIVE[break]
(M) Cat Napping Rx
[break](E) For Whom the Bell Tolls
[break]
ARCHIVED[break]
---
[attr="class","relationtext"]
[attr="class","NUL"]
LING LAN YA[break](MINOR NPC, DEAD)[break]His heart
LING LAN YA[break](MINOR NPC, DEAD)[break]His heart
[attr="class","ST"]
ALTAN TAYLAN KARGA[break]ST | WATER | 39 | NB[break]Owner of the couch he's sleeping on
[attr="class","blank"]
[newclass=.bad] width: 500px; box-sizing: border-box; margin: auto; border: 1px solid #aaa; padding: 3px; background-color: #fff; [/newclass][newclass=.creeping] width: 100%; height: 330px; position: relative; overflow: hidden; white-space: nowrap; [/newclass][newclass=.creeping div::-webkit-scrollbar-track] background-color: #555; [/newclass][newclass=.creeping div::-webkit-scrollbar] width: 3px; background-color: #555; [/newclass][newclass=.creeping div::-webkit-scrollbar-thumb] background-color: #fff; [/newclass][newclass=.ravenous-1] display: inline-block; white-space: normal; position: relative; height: 100%; width: 110%; margin-left: -50%; background-image: url('https://i.imgur.com/ToaHOSg.gif'); background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%); transition: 1s all; [/newclass][newclass=.ravenous-1:before, .ravenous-2:before] pointer-events: none; content: ''; display: block; position: absolute; background-color: transparent; width: 100%; height: 100%; transition: 1s all; [/newclass][newclass=.ravenous-1:hover:before, .ravenous-2:hover:before] background-color: #1a1a1a; background-color: rgba(26, 26, 26, 0.8); [/newclass][newclass=.ravenous-1:hover] margin-left: 0%; z-index: 2; [/newclass][newclass=.ravenous-2] display: inline-block; white-space: normal; position: relative; height: 100%; width: 110%; margin-left: -20%; background-image: url('https://i.imgur.com/UXOlAz2.gif'); background-size: cover; background-position: center; -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%); transition: 1s all; z-index: 2; [/newclass][newclass=.ravenous-2:hover] margin-left: -70%; [/newclass][newclass=.ravenous-2+.blank] pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: 1s all; [/newclass][newclass=.ravenous-2:hover+.blank]background-color: #fff;[/newclass][newclass=.lyrics] background-color: rgba(26, 26, 26, 0.3); text-align: center; text-transform: uppercase; color: #fff; font: 10px 'Montserrat', arial; width: 200px; margin: auto; border: 2px solid #fff; padding: 5px; transition: 1s all; [/newclass][newclass=.ravenous-1 .lyrics] position: absolute; top: 40px; right: 60px; [/newclass][newclass=.ravenous-1:hover .lyrics] top: -80px; [/newclass][newclass=.ravenous-2 .lyrics] position: absolute; bottom: 40px; left: 60px; [/newclass][newclass=.ravenous-2:hover .lyrics] bottom: -80px; [/newclass][newclass=.image] width: 100px; position: absolute; bottom: 50%; margin-bottom: -55px; border: 1px solid #aaa; padding: 3px; background-color: #fff; border-radius: 100%; overflow: hidden; transition: 1s all; [/newclass][newclass=.ravenous-1 .image] right: 115px; [/newclass][newclass=.ravenous-1:hover .image] bottom: 77%; right: 65px; [/newclass][newclass=.ravenous-2 .image] left: 115px; [/newclass][newclass=.ravenous-2:hover .image] bottom: 23%; left: 65px; [/newclass][newclass=.image img] width: 100%; border-radius: 100%; [/newclass][newclass=.plottext] position: absolute; top: 10px; bottom: 10px; width: 40%; border: 2px solid #fff; box-sizing: border-box; padding: 10px; font: 10px / 14px verdana; text-align: justify; color: #fff; overflow: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; [/newclass][newclass=.plottext b] display: block; text-align:center; [/newclass][newclass=.ravenous-1 .plottext] left: 10px; [/newclass][newclass=.ravenous-2 .plottext] right: 10px; [/newclass][newclass=.threadtext] width: 20%; height: 40%; overflow: auto; position: absolute; background-color: rgba(155, 155, 155, 0.2); color:#b3b3b3; font: 10px / 14px verdana; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-y:scroll; padding-left: 3px; white-space:nowrap; transition: 1s all; [/newclass][newclass=.ravenous-1 .threadtext] top: 400px; left: 45%; [/newclass][newclass=.ravenous-1:hover .threadtext] top: 10px; [/newclass][newclass=.ravenous-2 .threadtext] bottom: 400px; right: 45%; [/newclass][newclass=.ravenous-2:hover .threadtext] bottom: 10px; [/newclass][newclass=.threadtext b] font-family: 'Montserrat', arial; display:inline-block; float:right; text-align: right; border-bottom: 2px solid #fff; padding: 3px 3px 0px 15px; [/newclass][newclass=.threadtext a]display: inline-block; max-width: 80%; padding-left:5px; font: 8px / 8px Arial; text-transform: uppercase; text-decoration: none; margin-top: 7px; transition: 0.5s all; white-space:normal; vertical-align:middle; [/newclass][newclass=.ravenous-1 .threadtext a]color: #dbbff2; [/newclass][newclass=.ravenous-2 .threadtext a]color: #92db8f;[/newclass][newclass=.bad .threadtext a:hover] color: #fff; [/newclass][newclass=.relationtext] position: absolute; border: 1px solid #555; background-color: #1a1a1a; background-color: rgba(13, 13, 13, 0.5); box-sizing: border-box; padding: 5px; width: 40%; height: 50%; transition: 1s all; font: 10px / 14px verdana; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; overflow-y: auto; [/newclass][newclass=.ravenous-1 .relationtext]bottom: -300px; right: 15%;[/newclass][newclass=.ravenous-1:hover .relationtext]bottom: 10px; right: 15%;[/newclass][newclass=.ravenous-2 .relationtext]top: -300px; left: 15%;[/newclass][newclass=.ravenous-2:hover .relationtext]top: 10px; left: 15%;[/newclass][newclass=.relationtext b] font-family: 'Montserrat', arial;[/newclass][newclass=.relationtext a]color: #92db8f; font-family: 'Montserrat', arial; letter-spacing: -1px;[/newclass][newclass=.relationtext .ST a]color: #92db8f;[/newclass][newclass=.relationtext .HK a]color: #db8f8f;[/newclass][newclass=.relationtext .JD a]color: #8fb8db;[/newclass][newclass=.relationtext .LEV a]color: #dbbff2;[/newclass][newclass=.relationtext .NUL a]color: #dbdbdb;[/newclass][newclass=.relationtext img] width: 60px; height: 60px; clear: both; box-sizing: border-box; opacity: 0.8; border: 1px solid #555; [/newclass][newclass=.ravenous-1 img]float: right; [/newclass][newclass=.ravenous-2 img]float: left; [/newclass][newclass=.relationtext > div] height: 65px; text-align: center;[/newclass]
?
