Fading Sun [Home]

<div style="margin:auto;width:500px;height:443px;font-family:Verdana;text-align:justify;color:#9da4b1;font-size:7px;line-height:10px;text-transform:uppercase;">
    <div style="float:left;width:500px;height:248px;">
        <div style="float:left;width:500px;height:248px;overflow:hidden;">
            <img src="https://31.media.tumblr.com/6167de5fa89e234b922e671bc59f466b/tumblr_ncql8yZtVy1tmfyheo2_r1_500.gif" style="float:left;margin:0;padding:0;width:500px;height:248px;border-radius:0;">
        </div>
        <div style="float:left;width:470px;height:50px;margin-top:-80px;text-align:right;color:#ffffff;opacity:.8;">
            <div style="float:left;width:470px;height:17px;line-height:17px;font-size:27px;letter-spacing:2px;">fading sun</div>
            <div style="float:right;height:25px;margin-top:8px;width:157px;text-align:center;line-height:25px;opacity:.99;font-size:10px;">
                <div style="float:left;height:25px;width:25px;border-radius:25px;background-color:#ffffff;">
                    <a href="#" style="color:#8a5a65;" title="Link I">I</a>
                </div>
                <div style="float:left;height:25px;width:25px;border-radius:25px;background-color:#ffffff;margin-left:8px;">
                    <a href="#" style="color:#8a5a65;" title="Link II">II</a>
                </div>
                <div style="float:left;height:25px;width:25px;border-radius:25px;background-color:#ffffff;margin-left:8px;">
                    <a href="#" style="color:#8a5a65;" title="Link III">III</a>
                </div>
                <div style="float:left;height:25px;width:25px;border-radius:25px;background-color:#ffffff;margin-left:8px;">
                    <a href="#" style="color:#8a5a65;" title="Link IV">IV</a>
                </div>
                <div style="float:left;height:25px;width:25px;border-radius:25px;background-color:#ffffff;margin-left:8px;">
                    <a href="http://www.asianfanfics.com/story/view/576337/cerulean-themes-layouts-requests-gallery-layout" style="color:#8a5a65;" title="Layout by Cerulean Themes">&copy;</a>
                </div>
            </div>
        </div>
    </div>

    <div style="float:left;width:500px;height:185px;margin-top:10px;">
        <div style="float:left;width:200px;height:185px;">
            <div style="float:left;width:200px;height:100px;background-color:#bcc1cb;border-radius:5px;">
                <div style="float:left;width:184px;height:84px;margin:8px;background-color:#ffffff;">
                    <div style="float:left;margin:14px;height:56px;width:156px;overflow:hidden;">
                        <div style="float:left;height:56px;width:156px;overflow:auto;padding-right:14px;">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/><br/>
                            Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
                        </div>
                    </div>
                </div>
            </div>
            <div style="float:left;margin-left:140px;width:0px;height:0px;border-top:10px solid #bcc1cb;border-left:10px solid transparent;border-right:10px solid transparent;">
                 &nbsp;
            </div>
            <div style="float:left;width:200px;height:63px;margin-top:12px;">
                <a href="#" title="Admin Luhan"><img src="https://33.media.tumblr.com/02d4d457b608d357db6a47f19d31c23b/tumblr_nefkwssJAc1r0couto5_250.png" style="float:left;margin:0;padding:0;width:63px;height:63px;border-radius:0;"></a>
                <a href="#" title="Admin Seulgi"><img src="https://33.media.tumblr.com/1681f8f89871ad83873ad7216d1de5d0/tumblr_nedirfY58v1r0couto10_250.jpg" style="float:left;margin:0;margin-left:5.5px;padding:0;width:63px;height:63px;border-radius:0;"></a>
                <a href="#" title="Admin Taehyung"><img src="https://31.media.tumblr.com/553a0ede77d5bb657cdbd9a518a48b86/tumblr_nedkfwReYe1r0couto10_250.jpg" style="float:left;margin:0;margin-left:5.5px;padding:0;width:63px;height:63px;border-radius:0;"></a>
            </div>
        </div>
        <div style="float:left;width:140px;overflow:hidden;margin-left:10px;">
            <img src="https://lh3.googleusercontent.com/-2rkOrEcDT48/VFbZ8AyomoI/AAAAAAAAAZ4/IvsO06J7luo/w140-h185-no/left.png" style="float:left;margin:0;padding:0;width:140px;height:185px;border-radius:0;">
            <div style="float:left;margin-top:-185px;width:140px;height:185px;overflow:auto;padding-right:20px;">
                <div style="float:left;margin-top:74.5px;width:140px;text-align:center;opacity:0.8px;line-height:12px;height:36px;font-size:12px;color:#ffffff;letter-spacing:2px;">
                    about<br/>roleplay<br/>&#8595;
                </div>
                <div style="float:left;width:140px;background-color:#ffffff;opacity:0.7;margin-top:74.5px;">
                    <div style="float:left;padding:8px;opacity:0.99;">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/><br/>
                        Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.<br/><br/>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.
                    </div>
                </div>
            </div>
        </div>
        <div style="float:left;width:140px;overflow:hidden;margin-left:10px;">
            <img src="https://lh5.googleusercontent.com/-7XOxhdKvcTY/VFbZ7zrHSgI/AAAAAAAAAZ0/FYWDmT-GsF0/w140-h185-no/right.png" style="float:left;margin:0;padding:0;width:140px;height:185px;border-radius:0;">
            <div style="float:left;margin-top:-185px;width:140px;height:185px;overflow:auto;padding-right:20px;">
                <div style="float:left;margin-top:74.5px;width:140px;text-align:center;opacity:0.8px;line-height:12px;height:36px;font-size:12px;color:#ffffff;letter-spacing:2px;">
                    the<br/>rules<br/>&#8595;
                </div>
                <div style="float:left;width:140px;background-color:#ffffff;opacity:0.7;margin-top:74.5px;">
                    <div style="float:left;padding:8px;opacity:0.99;">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan vel dolor sit amet placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc urna arcu, suscipit vel urna ut, posuereel dolor sit amet placerat.<br/><br/>
                        Consectetur urna in, eleifend lorem. Aliquam magna neque, sodales ut elit a, accumsan mattis magna. Ut enim ligula, lacinia eu vulputate eu, convalli.
                        <div style="float:left;margin-top:10px;width:100px;margin-left:12px;border-left:3px solid #9da4b1;padding-left:5px;">
                            Username:<br/>
                            Desired Idol:<br/>
                            Activeness:<br/>
                            Other:<br/>
                            Password:<br/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>