<link href='http://fonts.googleapis.com/css?family=Six+Caps|Mrs+Saint+Delafield|Playfair+Display:400' rel='stylesheet' type='text/css'><style>#ellecontainer {margin-top:10px;position:relative;border-bottom:0px solid #fff;border-top:0px solid #fff;width:350px;height:300px;background:#fff;}
#ellecontainer ::-webkit-scrollbar {width: 5px;}#ellecontainer ::-webkit-scrollbar-track { background:#eee;}#ellecontainer ::-webkit-scrollbar-thumb {background:#222;}.elle-info {box-sizing:border-box;background:#fff;width:350px;height:300px;position:absolute;top:0px;left:0;padding:20px;}.elle-pic {box-sizing:border-box;position:absolute;top:0px;left:0;width:175px;height:300px;overflow:hidden;background:#aaa;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}.elle-brief {box-sizing:border-box;position:absolute;top:0px;right:0;width:175px;height:300px;background:#fff;border-left:3px solid #fff;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}.elle-bpanel {box-sizing:border-box;position:absolute;top:0;right:0;width:100%;height:300px;background:#000;}.elle-brief:after, .elle-bpanel:after {content:"";height:0;width:0;position:absolute;top:135px;left:-32px; border-right:32px solid #fff; border-top:25px solid transparent;border-bottom:25px solid transparent;}.elle-bpanel:after { z-index:2; top:137px; left:-25px;border-right:28px solid #000; border-top:23px solid transparent;border-bottom:23px solid transparent; }#ellecontainer:hover .elle-pic{-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;left:-110px;}#ellecontainer:hover .elle-brief {-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;right:-120px;}.elle-name {position:absolute; top:100px;left:5px;right:5px;color:#eee;font:400 17pt/18pt 'Mrs Saint Delafield', arial;letter-spacing:2px;}.elle-want {position:absolute; top:120px;left:40px;right:40px;border-top:1px solid #eee; border-bottom:1px solid #eee; width:auto;padding:0 0 7px;color:#eee;font:400 44pt/35pt 'Six Caps', arial;}.elle-tag {position:absolute; top:178px;left:5px;right:5px;width:auto;color:#eee;font:400 6pt/7pt 'Playfair Display', arial;letter-spacing:2px;text-transform:lowercase;}.elle-scroll {box-sizing:border-box;width:220px;height:260px;overflow:auto;padding:20px 10px;padding-right:10px;text-align:justify;color:#000;font:400 7pt/10pt 'Garamond;', georgia;}.scredit {margin:5px;text-align:center;letter-spacing:2px;font-family:'arial narrow';font-size:7pt;line-height:9px;text-transform:lowercase; -webkit-transition:0.6s all ease-in-out;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s all ease-in-out;}.scredit, .scredit a {color:#999; text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0); -webkit-transition:0.6s all ease-in-out;transition:0.6s all ease-in-out;}.scredit a:hover{text-shadow:0 0 10px rgba(0,0,0,0.6);color:rgba(0,0,0,0);letter-spacing:10px;visibility: hidden;}</style><center><div id=ellecontainer><div class=elle-info><div class=elle-scroll>SCROLLING INFO TEXT HERE.</div></div><div class=elle-pic><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=175x300&w=175&h=300" /></div><div class=elle-brief><div class=elle-bpanel><div class=elle-name>Character Name
</div><div class=elle-want>wanted</div><div class=elle-tag>AGE, TRAIT, TRAIT</div></div></div></div><div class="scredit"><a href="http://tinyurl.com/cautionskye">◆ </a><a href="http://tinyurl.com/shineskye">skye</a><a href="http://tinyurl.com/candylandskye"> ◆</a></div></center><center><div id=ellecontainer><div class=elle-info><div class=elle-scroll>SCROLLING INFO TEXT HERE.</div></div><div class=elle-pic><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=175x300&w=175&h=300" /></div><div class=elle-brief><div class=elle-bpanel><div class=elle-name>Character Name
</div><div class=elle-want>wanted</div><div class=elle-tag>AGE, TRAIT, TRAIT</div></div></div></div><div class="scredit"><a href="http://tinyurl.com/cautionskye">◆ </a><a href="http://tinyurl.com/shineskye">skye</a><a href="http://tinyurl.com/candylandskye"> ◆</a></div></center>
Accueil
