Optional (URL or background CSS):

background:#A6FFF9 url('http://i66.tinypic.com/2rxih7c.png')center fixed no-repeat}body{overflow:hidden}/***CSS by iiiiiiii (409914266) - [ɪɴᴅᴇx]***/*{margin:0}*{padding:0}*{text-decoration:none}*{-webkit-user-select:none}*{user-select:none}*{-webkit-user-drag:none}*{user-drag:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar{background:none}::-webkit-scrollbar-thumb{background:#00313D}[name=container],[name=header],[name=nav],[name=menu],[name=user],[name=links],[name=music],[name=btn-wrapper],[name=b],[name=news]{position:absolute}[name=container]{margin:auto}[name=container]{right:0}[name=container]{left:0}[name=container]{bottom:0}[name=container]{top:0}[name=container]{width:320px}[name=container]{height:568px}[name=container]{background:#FFF url('http://i65.tinypic.com/2lsi9oj.png')bottom center no-repeat}[name=container]{overflow:hidden}[name=header],[name=nav],[name=user],[name=links],[name=music],[name=news]{width:100%}[name=header]{height:100px}[name=header]{background:#85E2FF url('http://i66.tinypic.com/73kl5d.png')top center no-repeat}[name=header]{box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5)}[name=header]{padding:15px 15px 0px 15px}[name=header]{box-sizing:border-box}[name=header]{z-index:90}[name=nav],[name=user-i]{position:relative}[name=nav]{top:55px}[name=nav]{list-style:none}[name=nav]{display:block}[name=btn] a:hover:after{content:''}[name=btn] a:hover:after{position:absolute}[name=btn] a:hover:after{bottom:0}[name=btn] a:hover:after{width:100%}[name=btn] a:hover:after{height:3px}[name=btn] a:hover:after{background:#FFF}[name=btn]{width:145px}[name=btn]{margin:0 auto}[name=btn]{height:30px}[name=btn]{position:relative}[name=btn]{text-transform:uppercase}[name=btn]{font:700 11px 'Arial', sans-serif}[name=btn]{float:left}[name=btn]{display:block}[name=btn] a{position:absolute}[name=btn] a{width:100%}[name=btn] a{height:100%}[name=btn] a{outline:0}[name=btn] p{color:#FFF}[name=btn] p{text-align:center}[name=menu]{width:230px}[name=menu]{height:calc(100% - 37px)}[name=menu]{left:-230px}[name=menu]{background:#f2f2f2}[name=menu]{transition:all .4s ease-in-out}[name=menu]{z-index:99}[name=menu]:after{content:''}[name=menu]:after{position:absolute}[name=menu]:after{right:-50px}[name=menu]:after{margin-top:18px}[name=menu]:after{padding:15px}[name=menu]:after{width:23px}[name=menu]:after{height:14px}[name=menu]:after{background:url('http://i68.tinypic.com/zygcgo.png')center no-repeat}[name=menu]:after{transition:.4s}[name=menu]:hover{left:0}[name=menu]:hover{box-shadow: 0px 0px 100px 20px rgba(0, 0, 0, 0.5)}[name=menu]:hover:after{-webkit-transform:rotateZ(90deg)}[name=menu]:hover:after{transform:rotateZ(90deg)}[name=user]{height:100px}[name=user]{background:#85E2FF}[name=user-i]{background:#000 url('http://i66.tinypic.com/2vnpgf8.png')center no-repeat}[name=user-i]{width:100px}[name=user-i]{height:100px}[name=user-i]{top:50px}[name=user-i]{display:block}[name=user-i]{margin:0 auto}[name=user-i]{border-radius:50%}[name=user-i]{box-sizing:border-box}[name=user-i]{border:3px solid rgba(0, 0, 0, 0.2)}[name=links]{top:200px}[name=links]{height:auto}[name=links] ul{list-style:none}[name=links] ul li{padding:10px 15px}[name=links] ul li{border-bottom:1px solid rgba(0, 0, 0, 0.1)}[name=links] ul li{font:500 10px 'Arial', sans-serif}[name=links] ul li{color:#6d6d6d}[name=links] ul li{text-transform:uppercase}[name=links] ul li:hover{background:#FFF}[name=links] ul a{bottom:calc(-100% - 75px)}[name=music]{left:-100%}[name=music]{height:calc(100% - 37px)}[name=music]{background:#f2f2f2}[name=music]{transition:all .4s ease-in-out}[name=music]:target{left:0}[name=music] embed{width:100%}[name=music] embed{height:100%}[name=btn-wrapper]{display:block}[name=btn-wrapper]{right:0}[name=b]{margin-top:5px}[name=b]{padding:20px}[name=b]{display:block}[name=b]{right:0}[name=b]{width:4px}[name=b]{height:16px}[name=b]{background:url('http://i65.tinypic.com/2cwtm42.png')center no-repeat}[name=b]{box-sizing:border-box}[name=b]:hover{-webkit-filter:opacity(0.5)}[name=b]:hover{filter:opacity(0.5)}[name=news]{top:100px}[name=news]{height:calc(100% - 136px)}[name=news]{overflow-x:hidden}[name=news]{overflow-y:scroll}[name=n] img{position:relative}[name=n] img{display:block}[name=n] img{margin:0 auto}[name=n] img{width:100%}[name=n] img{height:auto}[name=n]:after{content:''}[name=n]:after{position:absolute}[name=n]:after{bottom:0}[name=n]:after{width:100%}[name=n]:after{height:100%}[name=n]:after{background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)))}[name=n]:after{background:-webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)}[name=n]{overflow:hidden}[name=n]{position:relative}[name=n]{width:100%}[name=n]{height:250px}[name=n]{box-sizing:border-box;






Enter stuff for the media box of your profile (simple html and embeds are allowed)


<div name="container">
    <div name="menu">
        <div name="user">
            <div name="user-i"></div>
    </div>

    <div name="links">
        <ul>
            <a href="http://xat.me/skae"><li>Skae</li></a>
            <a href="http://xat.com/web_gear/chat/editprofile.php"><li>Edit</li></a>


        </ul>
    </div>
</div>

<div name="news">
    <div name="n"><img src="http://i64.tinypic.com/fuom87.jpg" /></div>
    <div name="n"><img src="http://i68.tinypic.com/e01nis.jpg" /></div>
    <div name="n"><img src="http://i64.tinypic.com/fuom87.jpg" /></div>
    <div name="n"><img src="http://i68.tinypic.com/e01nis.jpg" /></div>
    <div name="n"><img src="http://i64.tinypic.com/fuom87.jpg" /></div>
    <div name="n"><img src="http://i68.tinypic.com/e01nis.jpg" /></div>
    <div name="n"><img src="http://i64.tinypic.com/fuom87.jpg" /></div>
    <div name="n"><img src="http://i68.tinypic.com/e01nis.jpg" /></div>
    <div name="n"><img src="http://i64.tinypic.com/fuom87.jpg" /></div>
    <div name="n"><img src="http://i68.tinypic.com/e01nis.jpg" /></div>
</div>

    <div name="header">
        <div name="btn-wrapper">
            <a href="http://xat.me/iiiiiiii"><div name="b"></div></a>
        </div>

        <div name="nav">
            <div name="btn"><a href="#"><p>Home</p></a></div>
            <div name="btn"><a href="#music"><p>Music</p></a></div>
        </div>
    </div>
    <a name="music">
        [youtube:0:480:vTKP99Kll5E:autoplay=1&loop=1&controls=0&disablekb=1&showinfo=0&start=0]
    </a>
</div>