Welcome Guest [Log In] [Register]
Welcome to Shadowplay. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
New Staff!
Topic Started: Aug 1 2017, 07:19 PM (476 Views)
Highwater
Member Avatar
and I was by your side, powerless
Legend
You keep outdoing yourselves with great apps, guys! ^_^ We've found some great members to join our team in only day, which is extremely exciting!

I'm happy to welcome Ben (Bennyboy) and Faeri (Mocki/Belle) to our Challenge team, Kellie (callisto) to our Directory team and Erina (moonlit sorrel) and Flore (Florexxed) to our Awards Team. We hope they'll have a great time and we know they'll be super helpful in their own sections.

As we always say, if you sent in an app but didn't get hired, don't be discouraged! We appreciate all of you but we unfortunately can't hire everyone as there's not enough space. There's always next time! ♥

[align=center]shadowplay jcink!
Posted Image
sig by the lovely nicole! [/align]%mh%1420%mh%
Offline Profile Quote Post Goto Top
 
crescendo.
Member Avatar
Aislinn <3
Evolving Artist
congrats, lovelies! can't wait to work with you <3
[align=center]Posted Image
graphics | writing
[/align] %mh%215%mh%
Offline Profile Quote Post Goto Top
 
saranghae.
Member Avatar
one in a million. ♔
Famous Artist
Congratulations everyone!! <3
Posted Image

%mh%491%mh%
Offline Profile Quote Post Goto Top
 
thunderstruck
Member Avatar
DANCE WITH THE DEVIL
Legend
congrats everyone!!! <3
<link href="https://fonts.googleapis.com/css?family=Passion+One:400" rel="stylesheet"><style>.stormylightningsig{text-align:left;width:400px;margin:5px auto;background-image:url(https://nickpic.host/images/Yynoj.png);padding:30px;font:10px/100% Courier,monospace;position:relative}.stormylightningsig br{display:none}.stormylightningsig br.stormyshow{display:block}.stormylightningsig.stormyblue{background-image:none;background-color:#007EA8}.stormylightningsig h1{font:400 80px/70% 'Passion One',sans-serif;text-transform:uppercase;color:#444;margin:0}.stormylightningsig.stormyblue h1{color:rgba(255,255,255,.4)}.stormylightningsig hr{background-color:#444;height:3px;width:255px;border:0;display:inline-block;margin:.8em 0}.stormylightningsig.stormyblue hr{background-color:rgba(255,255,255,.4)}.stormylightningsig img{border-radius:50%;padding:15px;background-color:#444;position:absolute}.stormylightningsig.stormyblue img{background-color:rgba(255,255,255,.4)}.stormylightningsig img.stormyone{top:35px;right:25px;width:80px}.stormylightningsig img.stormytwo{width:40px;top:95px;right:75px;padding:10px}.stormylightningsig p{text-transform:uppercase;color:#666;margin:0 20px;letter-spacing:3px;color:rgba(255,255,255,.7)}.stormylightningsig .stormylinks{margin:1.3em 0 0;text-transform:uppercase;text-align:center;background-color:#444;color:#999;padding:10px;line-height:100%}.stormylightningsig.stormyblue .stormylinks{background-color:rgba(255,255,255,.4);color:#fff}.stormylightningsig a{font-weight:400;color:#999;text-decoration:none}.stormylightningsig.stormyblue a{color:#fff}</style><div class="stormylightningsig stormyblue">

<img src="https://nickpic.host/images/HpUIX.png" class="stormyone" />
<img src="https://nickpic.host/images/HpnT6.png" class="stormytwo" />

<h1>THUNDER<br class="stormyshow" />STRUCK</h1>
<hr/>
<p>nicole, twenty-two, canada</p>


<div class="stormylinks"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=57850">coding (legend)</a> &bull; <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=81496">graphics (inspiring)</a> &bull; <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=56228">coding playground</a></div>

</div> %mh%1399%mh%
Offline Profile Quote Post Goto Top
 
pandamonium
Member Avatar

Promising Coder
congrats, everyone!! I know you'll do awesome!! <3
[align=center]Posted Image
awesome HP sig by greywaren <3
Graphics | Coding
Posted Image[/align] %mh%210%mh%
Offline Profile Quote Post Goto Top
 
SithLordOfSnark
Member Avatar

Aspiring Artist
Congrats. :)

To be honest, the only reason I don't apply for even Directory is that a gallery/promotion is required, and I'm not really that good at anything to get promoted.
Posted Image Posted Image Posted Image


%mh%15%mh%
Offline Profile Quote Post Goto Top
 
karma.
Member Avatar
all of a sudden, i feel invincible
Legend
Congrats everyone!! ^_^
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800,900" rel="stylesheet"><link href="http://potatocss.weebly.com/uploads/5/8/1/2/58125259/sig-karma.css" rel="stylesheet" type="text/css"><center><div id="karma-sig" style="margin: 10px;"><div class="karma-bg" style="background-image: url(http://orig08.deviantart.net/0a6a/f/2017/211/3/3/expect_by_sylvador123-dbi91ar.png);"></div><div class="karma-bio"><h1 style="padding-top: 3px; line-height: 20px;">hi i'm syl!</h1><br><h2 style="top: 36px;">previously sylvador</h2><img class="karma-ava" src="http://68.media.tumblr.com/ecd81a465e77b54a8899008d8b8e2977/tumblr_o7g768KCI31ulrwwwo3_400.gif"></img><div class="karma-avabg"></div><div class="karma-text" style="top: 55px;">♥ viktor nikiforov is my bae<br>♠ spirit animals - akabane karma, tch-ishima kei, nakahara chuuya, snorlax<br>♦ fav ships - soukoku, bokuaka, victuuri<br>♣ oikawa tooru is trash<br><br>has the attention span of a goldfish. <br><span style="margin-left: 30px;"><i>* struggling w/ inspiration + school.</i></span><br><a href="https://cdn.nickpic.host/images/IeTXKj.gif">can't let this go</a> by petra/bottleofdreams</div></div><div class="karma-links"><a href="http://z10.invisionfree.com/Shadowplay/index.php?act=Msg&CODE=4&MID=19921" title="PM" style="margin-top: 10px;"><i class="fa fa-reply" aria-hidden="true"></i></a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=67416" title="GFX"><i class="fa fa-paint-brush" aria-hidden="true"></i></a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=77300" title="CODES"><i class="fa fa-code" aria-hidden="true"></i></a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=68006" title="HOF"><i class="fa fa-trophy" aria-hidden="true"></i></a></div> </div></center> %mh%1458%mh%
Offline Profile Quote Post Goto Top
 
smile, sunshine !
Member Avatar
the great wide somewhere
Blooming Artist
Congratsss!!
[align=center]Posted Image
Posted Image
g.a.l.l.e.r.y[/align]
Offline Profile Quote Post Goto Top
 
vanessax17
Member Avatar

Legend
Congrats!
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kanit" rel="stylesheet"><link rel="stylesheet" href="http://vanessax17.weebly.com/uploads/1/0/7/9/107913247/vanessanewtvic.css" type="text/css"> <style> </style><div align="center"> <div class="vanessabox"><img src="http://orig06.deviantart.net/accc/f/2017/090/2/3/247___newt_by_vanessax17-db47fyq.png"/>

<div class="vanessahoverbox1">

<div class="linkscontainer1">
<a href="">RECS</a>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=49378&st=0&#entry22766523">1</a>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=76290">2</a>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=80841">3</a>
</div>

<p>admin. likes lists. excel expert. travels a lot and takes nice pics.
vic wrote this awesome description and this pretty code.
my wand is pine wood with a phoenix feather core, 12 �" and supple flexibility. <strong>busy. not available for requests.</strong></p>
<div class="container2"><img src="https://68.media.tumblr.com/0163721d4d7e69f6eae1de07ff68a241/tumblr_inline_oivj4xZXKH1uwh0jj_500.gif">
<img src="http://pa1.narvii.com/6308/dd009f82f92dbc554aaf5b59bf2595c7eb8c5769_128.gif">
</div>

<div class="linkscontainer2">
<a href="">ACS</a>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=83244">chmac</a>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=83281&view=findpost&p=40121610">hmac</a>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=83094">prm</a>
</div>

<div class="hpstuff">
<span>slytherin</span>
<span>thunderbird</span>
<span>bay stallion</span></div>

</div> <div class="vanessahoverbox2">

<div class="iconsleft">
<a title="gallery" href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=35871"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
<a title="archive" href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=56576"><i class="fa fa-key" aria-hidden="true"></i></a></div>

<h1>vanessa</h1>

<div class="iconsright">
<a title="awards" href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=37236"> <i class="fa fa-heart-o" aria-hidden="true"></i></a>
<a title="deviantart" href="http://vanessax17.deviantart.com/"> <i class="fa fa-deviantart" aria-hidden="true"></i></a>

</div></div> </div>
</div> %mh%4132%mh%
Offline Profile Quote Post Goto Top
 
Florexxed
Member Avatar
Flore ♡
Inspiring Artist
Congrats everyone! I'm excited to work with all of you lovelies on the staff team! ^_^
[align=center]Thank you to GlamourGirl (Meggie) for the gorgeous signature!
[ DeviantArt ][ ~Feeling Blue~ ] [ HoF ]


Posted Image

[/align]
%mh%100%mh%
Offline Profile Quote Post Goto Top
 
moonlit sorrel
Member Avatar
we just wanna have fun cause we hot and we young
Evolving Artist
Congratulations everyone! I'm so happy to be on the awards team and being able to work with all the other wonderful newly hired and old staff members <3
<link rel="stylesheet" href="https://dl.dropbox.com/s/euc99ycjbdtbmyi/junhaosignaturecode.css?dl=0" type="text/css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"><div class="erina-sig"><div class="erina-bg" style="background:url(http://i.imgur.com/lJVkyGX.gif)"></div><div class="erina-abt"><div class="erina-text-box"><div class="erina-name">erina</div><br>17 years old, female. likes k-pop, anime and food. fighting evil by moonlight and winning love by daylight. dabbling at graphics and coding. a proud slytherin, acacia wood with a phoenix feather core 10 �" and quite bendy flexibility.<p><b>available to take requests</b></div><div class="erina-icon-box"><div class="erina-icon"><img src="http://i.imgur.com/daZaLZE.gif" width="40px" height="40px"></div><br><div class="erina-icon"><img src="https://i.imgur.com/w6ZRrSJ.gif" width="40px" height="40px"></div><div class="erina-icon"><img src="http://i.imgur.com/7sPhPfj.gif" width="40px" height="40px"></div><br><div class="erina-icon"><img src="http://i.imgur.com/6BvdCy0.gif" width="40px" height="40px"></div></div><div class="erina-notes-box"><div class="erina-notes-titles"><i class="fa fa-play"></i> PLAYLIST:</div><div class="erina-notes-box1">clc - where are you?<br>raina ft. aron - loop<br>nu'est w - if you<br>the8 & jun - my i</div><br><br><br><br><br><br><div class="erina-notes-titles"><i class="fa fa-quote-left"></i> QUOTE:</div><div class="erina-notes-box2"><center>"there are always flowers for those who want to see them."</center></div></div></div><div class="erina-links"><div class="erina-links-container"><div class="erina-links-icons"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=24381" title="profile"><i class="fa fa-home" aria-hidden="true"></i></a></div><div class="erina-links-icons"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=82332" title="graphics"><i class="fa fa-photo" aria-hidden="true"></i></a></div><div class="erina-links-icons"><a href="n/a" title="coding"><i class="fa fa-code" aria-hidden="true"></i></a></div><div class="erina-links-icons"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=82991" title="hof"><i class="fa fa-trophy" aria-hidden="true"></i></a></div><div class="erina-links-icons"><a href="http://koerinaxx.deviantart.com/" title="da"><i class="fa fa-deviantart" aria-hidden="true"></i></a></div><div class="erina-links-icons"><a href="http://z10.invisionfree.com/Shadowplay/index.php?act=Msg&CODE=4&MID=24381" title="pm"><i class="fa fa-mail-reply" aria-hidden="true"></i></a></div></div></div></div></div>
Offline Profile Quote Post Goto Top
 
callisto
Member Avatar
mother of dragons
Inspiring Writer
i am so excited!! thank you all very much and i cannot wait to work with those of you on staff <3333
%mh%237%mh%
Offline Profile Quote Post Goto Top
 
Orpheus
Member Avatar
fortuna m a j o r
Legend
awesome! congrats everyone :)
<! A TEMPLATE CODED BY HANIE (ORPHEUS) !> <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/dettl4x17rv0ntx/Orpheus.css?dl=0"> <link href="https://fonts.googleapis.com/css?family=Droid+Serif|Mada|Work+Sans" rel="stylesheet"> <center> <div id='matthew'> <div class='mattbg'> </div> <div class='mattbase'> <div class='mattimg'></div> <div class='mattright'> <div class='mattbla'> <img src="http://i.imgur.com/0jnfoan.gif" class='mattav'></a><br><br> <m2>orpheus</m2> </div> </div> <div class='mattslide'> <div class='mattbox'> <div style="width:137px;height:115px;overflow:hidden;"> <div style="width:112px;height:111px;overflow:auto; padding:18px; margin-left:4px;"> <m1> <m3>Hanie</m3><m4>PS CS6</m4><br><br> hello! i'm just a hobbyist designer from malaysia. a comp-sci major. i have a thing for dark and peculiar stuff. also, a fandom trash for sure. never gonna let <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=83222"><m5>this</m5></a> go by Syl ♥ </m1> </div></div> </div> </div> <div class='mattnav'> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=83246" class="matticon" title="graphic"><mhov>▨</mhov></a><br> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=77498" class="matticon" title="playground"><mhov>☁</mhov></a><br> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=57908" class="matticon" title="hof"><mhov>★</mhov></a><br> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=80203" class="matticon" title="archive"><mhov>◴</mhov></a><br> <a href="http://z10.invisionfree.com/Shadowplay/index.php?act=Msg&CODE=4&MID=15490" class="matticon" title="message"><mhov>✉</mhov></a> </div> </div> </div> </center>%mh%1806%mh%
Offline Profile Quote Post Goto Top
 
bottleofdreams
Member Avatar
where your treasure is, your heart will be also
Legend
welcome to the team, you all amazing people ^_^
<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Raleway:300,500,900|Sacramento" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> #syl-credit { z-index: 0; position: relative; left: 0px;top: -12px; cursor: crosshair; width: 65px; } #psiwaoi-sig { position: relative; margin: 15px; width: 500px; height: 200px; background: #9c9c8d; background: -moz-linear-gradient(top, #9c9c8d 0%, #1ea3a7 100%); background: -webkit-linear-gradient(top, #9c9c8d 0%,#1ea3a7 100%); background: linear-gradient(to bottom, #9c9c8d 0%,#1ea3a7 100%); border-top: 3px solid #9c9c8d; border-left: 3px solid transparent; border-bottom: 3px solid #1ea3a7; border-right: 3px solid transparent; outline: 1px solid #fff; box-shadow: 1px 1px 10px #666; overflow: hidden; z-index: 10; } .psiwaoi-bgone { position: absolute; top: 0px; left: 0px; width: 325px; height: 200px; background-color: #2cd1df; background-image: url(https://cdnw.nickpic.host/mcsS6f.png); background-position: left; -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); filter: brightness(100%); z-index: 10; transition: 1s ease-in-out; } .psiwaoi-bgtwo { position: absolute; top: 0px; right: 0px; width: 224px; height: 200px; background-color: #666; background-image: url(https://cdnw.nickpic.host/mcsS6f.png); background-position: right; -webkit-clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0% 100%); z-index: 10; transition: 1s ease-in-out; } #psiwaoi-sig:hover .psiwaoi-bgone { left: -200px; filter: grayscale(40%); background-image: url(https://cdnw.nickpic.host/mQvGpz.png);} #psiwaoi-sig:hover .psiwaoi-bgtwo { right: -224px;} #psiwaoi-sig:hover .psiwaoi-avatar { opacity: 1; transition-delay: 0.7s;} .psiwaoi-bio { position: absolute; width: 500px; height: 200px; background-color: #d0c8bf; } .psiwaoi-avatar { position: absolute; left: 0px; width: 190px; height: 200px; opacity: 0; z-index: 50; transition: 0.5s ease-in-out; } .psiwaoi-avatar p { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0px; padding: 8px; width: 100px; height: 100px; border-radius: 100px; border: 1px solid #35c7d4; filter: grayscale(40%); } .psiwaoi-avatar img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 104px; height: 104px; object-fit: cover; border-radius: 100px; filter: drop-shadow(1px 1px 0px #aaa); } .psiwaoi-links { position: absolute; top: 5px; right: 5px; width: 90px; height: 190px; background-color: #666; } .psiwaoi-links a { position: relative; display: block; width: 100%; height: 25%; background-color: #b6aa92; color: #fff; font-size: 14px; text-shadow: 1px 1px 0px #aaa; } .psiwaoi-links a:nth-child(2){ background-color: #a9c5b5; } .psiwaoi-links a:nth-child(3){ background-color: #65bdb7; } .psiwaoi-links a:nth-child(4){ background-color: #2ba4a8; } .psiwaoi-links i { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .psiwaoi-links a .psiwaoi-tooltip { visibility: hidden; width: auto; background-color: rgba(52,52,52,0.6); color: #fff; text-align: center; padding: 4px 10px; position: absolute; top: 70%; left: 65%; transform: translateX(-50%); z-index: 99; font: 500 6px/6px Raleway; letter-spacing: 1px; text-shadow: none; text-transform: uppercase; } .psiwaoi-links a:hover .psiwaoi-tooltip { visibility: visible; } .psiwaoi-text { position: absolute; top: 70px; left: 160px; width: 200px; height: 85px; padding-right: 10px; border: 10px solid transparent; font: 300 10px/14px Raleway; text-align: left; overflow-y: scroll; } .psiwaoi-text::-webkit-scrollbar { width: 5px; height: 1px; } .psiwaoi-text::-webkit-scrollbar-track { width: 5px; background-color: #e0d8ce; border: 1px solid #aaa; } .psiwaoi-text::-webkit-scrollbar-thumb { background-color: #a9c5b5; border: 1px solid #aaa; } .psiwaoi-bio h1 { position: absolute; top: 20px; left: 170px; display: block; width: 200px; height: 20px; padding: 0px 5px; border-bottom: 1px solid #aaa; color: #2aa6a9; font: 900 24px/16px Raleway; text-align: left; text-transform: uppercase; } .psiwaoi-bio h2 { position: absolute; top: 50px; left: 278px; display: block; width: 100; height: 10px; border: 1px solid #aaa; color: #666; font: 500 7px/10px Raleway; text-transform: uppercase; letter-spacing: 2px; } .psiwaoi-text b { color: #877e6d; } .psiwaoi-text i, .psiwaoi-text a { color: #2aa6a9; text-decoration: none; } </style> <center> <div id="psiwaoi-sig"> <div class="psiwaoi-bgone"></div> <div class="psiwaoi-bgtwo"></div> <div class="psiwaoi-bio"> <div class="psiwaoi-avatar"><p></p><img src="https://68.media.tumblr.com/65452c3adeddb7e437a519c31efd6f1e/tumblr_om958fYIXL1w6ga7ko1_500.gif"></div> <div class="psiwaoi-links"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=71166"><i class="fa fa-paint-brush" aria-hidden="true"></i><span class="psiwaoi-tooltip">graphics</span></a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=71638"><i class="fa fa-trophy" aria-hidden="true"></i><span class="psiwaoi-tooltip">hof</span></a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=75575"><i class="fa fa-book" aria-hidden="true"></i><span class="psiwaoi-tooltip">records</span></a> <a href="https://bottle-of-dreams.deviantart.com/"><i class="fa fa-deviantart" aria-hidden="true"></i><span class="psiwaoi-tooltip">deviantart</span></a> </div> <h1>petra ❤</h1><h2>19. legend. cs3.</h2> <div class="psiwaoi-text"><i>"you're the best partner that I can boast. but when we fight, i will defeat you."</i><br><br><b>closed for request</b><br>a med student. major kpop and kdrama fan, a novice in manga and anime. have absolute struggle with muse.<br><br><i>kpop:</i> bts, suju, park bogum, song joongki<br><i>anime:</i> haikyuu!!, free!, no.6, skip beat<br><i>ships:</i> <b>iwaoi</b>, <b>makoharu</b>, kuroken, daisuga, bokuaka, kagehina, all haikyuu ships basically</div> </div> </div> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=19921"><img id="syl-credit" src="https://cdnw.nickpic.host/mwtYef.gif"/></a> </center>
Offline Profile Quote Post Goto Top
 
Faeri
Member Avatar
Mocki<3
Famous Artist
Thanks for having me! I;m super excited to be on the awesome staff team :P
[align=center]Gallery![/align]
<center><head><link href="https://dl.dropboxusercontent/s/0t9hbzkyqcxwo6d/wondderwomansig.css?dl=0" rel="stylesheets"><link href="https://fonts.googleapis.com/css?family=Slabo+13px" rel="stylesheet"></head> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></head> <style> .faeouter { position: relative; width: 500px; height: 200px; padding: 0px; margin: 10px; background: ; overflow: hidden; }.faepicture { width: 500px; height: 200px; background: url(https://cdn.nickpic.host/images/IZREL8.png); transition: all 2s ease 1s; -webkit-transition:all 2s ease 1s; -o-transition:all 2s ease 1s; -moz-transition:all 2s ease 1s; } .faepicture:hover { background: url(https://cdn.nickpic.host/images/IZRTYQ.png); transition: 2s; -webkit-transition: 2s; -o-transition: 2s; -moz-transition: 2s; } .faepicture:hover .faetextoverlay { opacity: 1 ; top: 84px; font-size: 9px; transition: opacity 1s ease 0s , top 0.4s ease 2.5s , font-size 0.4s ease 2.5s ; -webkit-transition: opacity 1s ease 0s , top 0.4s ease 2.5s , font-size 0.4s ease 2.5s ; -o-transition: opacity 1s ease 0s , top 0.4s ease 2.5s , font-size 0.4s ease 2.5s ; -moz-transition: opacity 1s ease 0s , top 0.4s ease 2.5s , font-size 0.4s ease 2.5s ; } .faepicture:hover .faeline { left: 0px; top: 180px; transition: left 1s ease 0.7s , top 0.4s ease 2.5s; -webkit-transition: left 1s ease 0.7s , top 0.4s ease 2.5s; -o-transition: left 1s ease 0.7s , top 0.4s ease 2.5s; -moz-transition: left 1s ease 0.7s , top 0.4s ease 2.5s;}.faepicture:hover .faecontent { top: -205px; transition: all 0.7s ease 2.5s; -webkit-transition: all 0.7s ease 2.5s; -o-transition: all 0.7s ease 2.5s; -moz-transition: all 0.7s ease 2.5s; } .faetextoverlay { position: relative; height: 20px; padding: 90px; top: 0px; font-family: arial; text-transform: uppercase; color: white; text-shadow: 2px 2px black; vertical-align: middle; letter-spacing: 10px; z-index: 2; opacity: 0; transition: top 0.4s ease 0s , font-size 0.4s ease 0s , opacity 1s ease 1s; -webkit-transition: top 0.4s ease 0s , font-size 0.4s ease 0s , opacity 1s ease 1s; -o-transition: top 0.4s ease 0s , font-size 0.4s ease 0s , opacity 1s ease 1s; -moz-transition: top 0.4s ease 0s , font-size 0.4s ease 0s , opacity 1s ease 1s; } .faeline { position: relative; height: 30px; width: 500px; background: black; top: 90px; margin-bottom: -25px; left: 500px; z-index: 1; transition: top 0.4s ease 0s , left 1s ease 1s; -webkit-transition: top 0.4s ease 0s , left 1s ease 1s; -o-transition: top 0.4s ease 0s , left 1s ease 1s; -moz-transition: top 0.4s ease 0s , left 1s ease 1s; } .faecontent { position: relative; width: 500px; height: 200px; top: 0px; background: rgba(0, 0, 0, 0.6); overflow:hidden; transition: 1s; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; } .faegif { position: relative; height: 100px; width: 100px; top: 40px; left: -150px; background: url(https://cdn.nickpic.host/images/766dn.gif); background-size: 100px 100px; border-radius: 100px; border: 2px solid white; filter: grayscale(100%); } .faemocki { position: relative; height: 30px; width: 200px; font-family: 'Slabo 13px', serif; font-size: 20px; font-weight: bold; color: #bdd62d; left: 20px; top: -60px; } .faeaboutme { position: relative; width: 180px; height: 50px; background: rgba(0, 0, 0, 0.6); border: 0px solid white; padding: 10px; top: -60px; left: 20px; overflow: auto; font-size: 11px; font-family: arial; text-align: justif; color: white; line-height: 100%; } .faebuttonarea { position: relative; height: 200px; width: 110px; background: rgba(0, 0, 0, 0.5); top: -210px; left: 195px; } .faebutton { position: relative; display: inline-block; height: 10px; width: 10px; padding: 10px; margin-left: 7px; margin-bottom: 8px; left: -2px; top: 40px; border: 1px solid #bdd62d; border-radius: 100px; font-size: 10px; color: #bdd62d; vertical-align: center; background: rgba(0, 0, 0, 0.5); z-index: 2; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; } .faebutton:hover { background: #bdd62d; color: white; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; cursor: crosshair;}.faeaboutme::-webkit-scrollbar { width: 4px; height: 0px; }.faeaboutme::-webkit-scrollbar-track { background-color: black; }.faeaboutme::-webkit-scrollbar-thumb { background-color: #bdd62d; }</style> <div class="faeouter"> <div class="faepicture"><div class="faeline"></div><div class="faetextoverlay">Watch me soar.</div><div class="faecontent"><div class="faegif"></div><div class="faemocki">Mocki // Belle // Fae</div> <div class="faeaboutme">Hi, I'm Mocki, a graphic addict. I'm very friendly so feel free to pm me if you want anything or just want to chat! I Live in the UK, studying Maths, Psychology and History and am 18 years old. <3</div><div class="faebuttonarea"> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=39555&st=0#entry22230963" title="graphics gallery"><div class="faebutton"><i class="fa fa-paint-brush" aria-hidden="true" style="z-index: 3;"></i></div></a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=78751" title="coding gallery"><div class="faebutton"><i class="fa fa-code" aria-hidden="true" style="z-index: 3;"></i></div></a><a href="http://z10.invisionfree.com/Shadowplay/index.php?act=Msg&CODE=4&MID=12451" title="pm me ;)"><div class="faebutton"><i class="fa fa-paper-plane-o" aria-hidden="true" style="z-index: 3;"></i></div></a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=44718" title="hall of fame"><div class="faebutton"><i class="fa fa-trophy" aria-hidden="true" style="z-index: 3;"></i></div></a><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=78463&st=0# entry40069134" title="coding playground"><div class="faebutton"><i class="fa fa-object-group" aria-hidden="true" style="z-index: 3;"></i></div> </a><a href="http://mocking-the-jay.deviantart.com" title="deviant art"><div class="faebutton"><i class="fa fa-deviantart" aria-hidden="true" style="z-index: 3;"></i></div></a> </div> </div> </div> </div></center> %mh%377%mh%
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Rules & Important Notices · Next Topic »
Add Reply