mary css

<style>.box{background-color: #1D1D1D;background-image: none;border: 0px solid #0A0707;width: 1050px; border: 0px solid #1D1D1D; border-style: double; margin-right: 0px; margin: 0 auto; text-align: left;} .boxcont{padding: 5px;} #wrapper{width:1050px; margin: 0 auto;} body{background-image:url('http://wallfoy.com/wp-content/uploads/2014/03/Dark-Grey-Background-64.jpg'); background-repeat:repeat; background-attachment: fixed; font-family: verdana, sans-serif; font-size: 10px; color:#F0F2F2;}#sidebar-left, #logo{display:none !important; width: 0px !important; }#wrapper #container #center .right-corner .left-corner{background-color: #170E0E; background-repeat; background-attachment: fixed; border:1px solid #85929E;-moz-box-shadow:0px 0px 85px 0px #3E0909 inset, 0px 0px 45px 0px #11080d; -webkit-box-shadow:0px 0px 70px 0px #3E0909 inset, 0px 0px 45px 0px #11080d; box-shadow:0px 0px 70px 0px #3E0909 inset, 0px 0px 45px 0px #11080d; border-radius: 0px; opacity:0.8; width:1070px;}tr.even, #comments{margin-left:auto; margin-right:auto; width: 950px;}.comment.odd, tr.odd, tr.info,tr.even,.comment.even{margin-left:auto; margin-right:auto; margin-top:20px; padding-right: 20px; border:1px solid #85929E;box-shadow:0px 0px 70px 0px #3E0909; padding-left: 20px; background: #170E0E; border: none; opacity: 1.0; border-radius:30px; color:#F0F2F2; text-align: justify; font: 10px georgia;}.node{border: 0px;}.breadcrumb, h2, .with-tabs, #header-region{display:none !important;}#tabs-wrapper{border:0px;}.blog_usernames_blog, .statistics_counter{display:none !important;}body{background-color:#121112;}h1 {font-family: Tahoma, sans-serif;font-size: 10pt;color: #FFF;border-bottom: 0px solid #0F0D0F;font-weight:bold;}.links{background: transparent !important;margin-top: -2px !important;font-size: 7.2pt !important;} #header { height: 20px !important;} table {border-collapse: separate; padding: 0px !important; margin: 0px !important; } a.info { position:relative; z-index:24; text-decoration:none; border-bottom: 0px solid #000000; } a.info:hover { z-index:25; border-bottom: 0px dotted #000000;} a.info span { display: none; border-bottom: 0px dotted #8e9193; border-radius:20px;} a.info:hover span { display:block; position:absolute; top:2em; left:-14em; width:300px; color: #CCC; border:0px solid #14140B; background-image:url('http://i42.tinypic.com/2lmmgb9.png'); background-repeat:repeat; text-align: center; padding: 10px; } a.info2 { position:relative; z-index:54; text-decoration:none; border-bottom: 0px dotted #8e9193; } a.info:hover2 { z-index:25; background-color: #14140B; border-radius:30px; border-bottom: 1px dotted #14140B;} a.info2 span { display: none; border-bottom: 0px dotted #000000;} a.info2:hover span { display:block; position:absolute; top:2em; left:-12em; width:70px; color: #CCC; border:0px solid #14140B; background-image:url('http://i42.tinypic.com/2lmmgb9.png'); text-align: left; padding: 10px; } #squeeze { margin-left: 100px !important; width: 1010px; } .node { margin-left: 0px !important; } .node, .preview { background: transparent; border:0px; } .comment .picture{opacity:0.3;-moz-transition:opacity 1.2s;-webkit-transition:opacity 1.2s;-o-transition:opacity 1.2s} .comment .picture:hover{opacity:0.5} .comment .picture img{border-radius:0px} .node .picture, .node .submitted{display:none} .node{border-bottom:none} #tabs-wrapper{border-bottom:none} tbody{border-top:none} .comment{margin:20px 0px} .comment .clear-block .content .clear-block{display:none}</style><style>.node .links, .comment .links{text-align:center}ul.pager a{color:#BDD8F0}</style>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<Style>BREAK{background:url("http://i.imgur.com/Xy2c5DX.jpg?1");font-weight:normal;letter-spacing:2px;font-family: georgia; font-size:24;text-shadow: 0px 0px 11px #A40000;padding:4px;border-radius:5px;box-shadow:0 0 15px #0C0C0C; font-variant: small-caps; box-shadow:0 0 15px #0C0C0C inset;border:0px solid rgba(70,79,49,0.3)}</style>
<Style>h9{background:transparent;font-weight:normal;letter-spacing:2px;text-shadow: 0px 0px 13px #BDD8F0;font-style:italic;color:#BDD8F0;padding:4px;border:0px solid rgba(70,79,49,0.3)}</style>
<style>a:link { color: #BDD8F0;text-shadow: 0px 0px 5px #BDD8F0; -webkit-transition: all .2s ease-in-out!important; -moz-transition: all .2s ease-in-out!important;-moz-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-webkit-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-o-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;} a:visited { color: #BDD8F0;text-shadow: 0px 0px 5px #BDD8F0;-webkit-transition: all .2s ease-in-out!important; -moz-transition: all .2s ease-in-out!important;-moz-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-webkit-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-o-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;} a:hover { color:#E6EBF0;letter-spacing:1px;text-shadow:0px 0px 2px #E6EBF0;-moz-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-webkit-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-o-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;text-decoration:none;} a:active {color:#E6EBF0;letter-spacing:1px;text-shadow:0px 0px 2px #E6EBF0;-moz-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-webkit-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;-o-transition:color 0.2s, text-shadow 0.2s, letter-spacing 0.2s;text-decoration:none;}</style>
<style>.MARY{display:inline-block; position:relative; text-indent:0px; width:446px; height:200px; background:transparent url('http://i.imgur.com/9IVfiX2.png') no-repeat;}.MARY span{position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:transparent url('http://i.imgur.com/BUEEPsZ.png') no-repeat; background-position:0 1px; opacity:0; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; -webkit-transition:opacity 0.8s;}.MARY:hover span{opacity:1;}/*</style>
<style>h4{color:#ffffff; text-shadow: 0px 0px 13px #ffffff; padding-left:6px; padding-right:6px; font-size:72px; letter-spacing:2px; display:inline; font-family: 'League Script', cursive;;-webkit-transition: all .7s ease-in-out!important; -moz-transition: all .7s ease-in-out!important;} h4:hover{-webkit-transition: all .7s ease-in-out!important; -moz-transition: all .7s ease-in-out!important;text-decoration:none !important; text-shadow: 0px 0px 7px #3d262b!important; color: #3d262b;!important;}</style>

<style>h4{color:#BDD8F0; text-shadow: 0px 0px 5px #BDD8F0 padding-left:6px; padding-right:6px; font-size:72px; letter-spacing:2px; display:inline; font-family:'Great Vibes', cursive;-webkit-transition: all .7s ease-in-out!important; -moz-transition: all .7s ease-in-out!important;} h4:hover{-webkit-transition: all .7s ease-in-out!important; -moz-transition: all .7s ease-in-out!important;text-decoration:none !important; text-shadow: 0px 0px 7px #BDD8F0!important; color: #E6EBF0;!important;}</style>
<Style>TEXT4{background:transparent;font-weight:normal;text-shadow: 0px 0px 7px #BDD8F0;font-size:33px;color:#BDD8F0;padding:4px;border:0px solid rgba(70,79,49,0.3)}</style>
<Style>TEXT2{background:transparent;font-weight:normal;text-shadow: 0px 0px 7px #ffffff;font-family: 'Great Vibes', cursive;font-size:33px;color:#ffffff;padding:4px;border:0px solid rgba(70,79,49,0.3)}</style>
<Style>TEXT3{background:transparent;font-weight:normal;text-shadow: 0px 0px 7px #BDD8F0;font-family: 'Great Vibes', cursive;font-size:83px;color:#BDD8F0;padding:4px;border:0px solid rgba(70,79,49,0.3)}</style><div style="width: 100px; height: 500px; overflow: auto;"> </div>
<div style="width:0px; height:0px; position:relative; top:-90px; opacity:1.0;  margin-left:30px; z-index:15;"><a href="#" class="MARY"><span></span></a></div>
<div style="width:0px; height:0px; position:relative; top:-750px; opacity:1.0;  margin-left:30px; z-index:-14;"><img src="http://www.sccoe.org/clc/PublishingImages/comingsoon.png" width="1300" height="975"  alt=" photo Az_zps915aef0c.png"/></a></div>

<div style="width: 970px; height: 300px; overflow: hidden; border-top-left-radius: 50px; border-top-right-radius: 50px; background: #170E0E;border:1px solid #85929E;box-shadow:0px 0px 70px 0px #3E0909;"><div style="width: 990px; height: 300px; overflow: auto;">

<div align=center>
<a class="info"><h9>Dsiclaimer</h9><span>Invisible scrollbars! May contain mature themes, words or actions. Character is almost 100% IC all the time unless stated otherwise. Interaction is more than welcome and encouraged. Questions, comments, concerns or interactions may be directed to my skype or email: ladyiiv / ladytobias( @ )hotmail.com</a>

<I>Recent Updates</i>
<a class="info">Physical<span>Good.</a> | <a class="info">Mental<span>Good.</a> | <a class="info">Emotional<span>Happy.</a>
still doing mushy couple things with Kaeltiir
</div>


<div align=center>
<I>Previous Updates</i>
doing mushy couple things with Kaeltiir

</div>




</div></div>


<div style="width: 670px; height: 600px; margin-left:0px; overflow: hidden; border-bottom-left-radius: 50px; background: #170E0E;border:1px solid #85929E;box-shadow:0px 0px 70px 0px #3E0909;"><div style="width:687px;height:600px;overflow:hidden;"><a name="1"></a>
<div style="height:600px;overflow:auto;padding-left:30px;padding-right:30px">

<h9>Name:</h9> Mary
<h9>Nicknames:</h9> Maria, Squeaks
<h9>Title:</h9> Feathercorn, Bubblebutt
<h9>Pictogram:</h9> [url=http://tale-of-tales.com/TheEndlessForest/register/pictogram.php?username=r.t]&infin;[/url]
<h9>Gender:</h9> Doe, female, hind, mare, hen?
<h9>Sexuality:</h9> Heterosexual
<h9>Bound to:</h9> Kaeltiir
<h9>Offspring:</h9> N/A
<h9>Age:</h9> Mid twenties
<h9>Species:</h9> Raptor/Doe/Horse
<h9>Size:</h9> [url=https://dl.dropboxusercontent.com/u/56744169/permanent/hjortstorlekar_frg-1.png]11[/url]
<h9>Scent:</h9> Cherry Blossoms
<h9>Voices:</h9>
Speech: <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="80" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/psvqv9t3de/Opal_Voice.mp3

&buttoncolor=DBCF72&slidercolor=DBCF72&loadingcolor=DBCF72" /></object>
Raptor: <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="80" height="10"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent"> <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/46e4ie9dfr/Velociraptor_Sounds.mp3

&buttoncolor=DBCF72&slidercolor=DBCF72&loadingcolor=DBCF72" /></object>
And of course horse noises ahah.
<h9>Colors:</h9> [color=#F29999]"Speaks in"[/color]
[color=#A34E4E]"Thinks in."[/color]
<h9>Home:</h9> A den in the Birch. Kaeltiir's apartment.
<h9>Set:</h9> [url=http://i.imgur.com/JYyzIl4.png?3]&infin;[/url]

 <h9>Posessions and Talents</h9>
>> Three gold bangles for her right front leg, and two for her left. Silver earrings for both ears. A multi-chained gold necklace with fine rubies and precious gems inlayed on them All gifts from Kaeltiir.
>> A red and gold scarf gifted by Kaeltiir too. SO MANY GIFTS FROM HIM SHE CAN'T EVEN.
>> A WEDDING RING?nojk
--
Has no prominent magics save for what her horns emit to take her from one world to another. She's a physical fighter, not a magical one.

Her magic is red in color and very visible as a floating, semi-transparent magic that emits from all three of her horns. Rarely uses it unless to hop back and forth between homes.

Has a small illusionary spell that hides her feathers when a human. Otherwise she has teeny tiny red feathers on her shoulder blades, and scattered through her hair.

Carnivorous, mouth filled with raptor like teeth. Kills with her claws. Fights like both a raptor and a horse.



</div>




<a name="2"></a>
<div style="height:600px;overflow:auto;padding-left:30px;padding-right:30px">
<div align=center>
<i>Characteristics</i>
•Loving, motherly
•Bubbly
•Caring
•Happy
•Friendly
•Protective
•Shy
•Playful
•Modest
•Curious
•Respectful
•Strong willed
•Fiery
•Cautious
•Protective


</div>

<div align=center><i>History</i></div>

Born of a wish and a yearning mother, Mary had a very good start in the beginning. Raised at first by her mother, then by her godmother, Mary didn't realize either would disappear from her life for good. Left to her own devices at an early age, the foal grew slowly, body rejecting much of everything she tried to eat. She passed from surrogate to surrogate, each one eventually kicking her off when they figured out she was a predator, something she didn't even know.

Eventually the mundane does stopped allowing her even near them, their herds, their fawns, so the tiny foal receded into a dark and unforgiving world alone, far away from where she would be rejected or attacked. She grew to a filly, albeit small, and met the end of her existence in The Endless Forest. Iorek befriended her after saving her from a pack of hungry wolves, and the two clicked and became friends. When the threat of him leaving became real, she desperately followed him, using a magic she didn't even understand. Of course she didn't know his world, and he had no idea she was there. After a few months of running and hiding from hunters and trackers curious about her, Mary finally escaped to another world, though this one was just as unfamiliar as Iorek's. Thus began her seemingly endless cycle of jumping through worlds in search of the Forest.

Finally gave up and settled in a human world, as a human. Got a job, and lived out of her van and hotel rooms. Saved up her money, and despite having enough for a decent apartment, she insisted on living out of her van. Stumbled back into the Forest after discovering a rift there, and began to search for her mother and god mother. Began making friends, and luckily, a lover. Still searches for her scattered family while having made one of her own with Kaeltiir.

 </div>




<a name="3"></a>
<div style="height:600px;overflow:auto;padding-left:30px;padding-right:30px">

<div align=center><i>Heart</i></div>

 <h9>Kaeltiir</h9> Her closest bond. One of her only friends. Her boyfriend, mate, lover and heartstring. Gave herself to him wholly and will never regret it. Trusts him utterly and completely, and would do anything to defend him. Accepts him in everything he is, regardless of what he thinks. Loves deeply


<div align=center><i>Friends</i></div>

<h9>Erinya</h9> Best friend. Met by accident, but formed a bond quickly Due to the circumstances they met under, is violently and aggressively protective of the mare. Will defend with life and limb immediately, no questions asked. Loves dearly, adores and admires.

<h9>Name</h9> Thing


<div align=center><i>Acquaintances</i></div>

<h9>Iorek</h9>Met briefly in her foalhood and followed him to what became her reason for being lost. A friend she misses. Someone who defended her in a time of need, and who she felt a herding kinship towards.

<h9>Name</h9> Thing


<div align=center><i>Unsure</i></div>

<h9>Name</h9> Thing


<div align=center><i>Missing</i></div>

<h9>Rhoda</h9> Mother. A fleeting image of black and white stripes and red feathers from early foalhood. Doesn't remember clearly, but knows she's out there. Has been searching, but it giving up hop.e

<h9>Nadezdha</h9> Godmother. Took care of Mary for a while after she was born and her mother disappeared, but she too soon became a fleeting, disappearing memory to the mare.












</div>




<a name="4"></a>
<div style="height:600px;overflow:auto;padding-left:30px;padding-right:30px">

<div align=center><i>Art</i></div>
<h9>By me</h9>
[url=http://i.imgur.com/fQLKTmr.png]&infin;[/url]
[url=http://i.imgur.com/7ewZTEr.jpg]&infin;[/url]
[url=http://i.imgur.com/8zgMasj.png]&infin;[/url]
[url=http://i.imgur.com/NoR1AfM.png]&infin;[/url]
Old designs [url=http://i721.photobucket.com/albums/ww212/Maiyaa_Macabre/Mary_zps5367f9bb.png]&infin;[/url]  [url=http://i721.photobucket.com/albums/ww212/Maiyaa_Macabre/Annette_zps4eb2cb20.png]&infin;[/url]  [url=http://i721.photobucket.com/albums/ww212/Maiyaa_Macabre/Rhodababy7_zps6addf78a.png]&infin;[/url]

<h9>By Others</h9>
None I don't think :c
<div align=center><i>Disclaimer</i></div>

CSS specifically for Farelia by <a href=http://endlessforest.org/community/node/87107>Tornpaw</a>. Not for free use.





</div>




</div>


</div>

<div style="width:0px; height:0px; position:relative; top:-661px; opacity:1.0;  margin-left:690px; z-index:14;">

<div style="width: 260px; height: 600px; overflow: none; border-bottom-right-radius: 50px; background: #170E0E;border:1px solid #85929E;box-shadow:0px 0px 70px 0px #3E0909;">
<div align=center>






<a href=#1><h4>Basics</h4></a>






<a href=#2><h4>Depth</h4></a>






<a href=#3><h4>Bonds</h4></a>






<a href=#4><h4>Etc</h4></a>

</div>

</div>

</div>