Naturally (CSS)

@font-face {
font-family: "script";
src: url('http://static.tumblr.com/rseqecb/hv9m729bl/qumpellkano12.otf');
}

@font-face {
font-family: "small";
src: url('http://static.tumblr.com/rseqecb/ENgm6ye37/bmmini.ttf');
}


body {background-color: #9AF07C;}

#title {color: white; position: fixed; margin-top: 260px; font-family: "script"; font-size: 75px; margin-left: -100px; text-shadow: 6px 0px 0px #68B94A; letter-spacing: -3px;
        filter: dropshadow(color=#68B94A, offx=6, offy=0);}
#line {position: fixed; margin-top : 300px; margin-left: -100px; background-color: #AEFF90; width: 530px; height: 30px; -webkit-border-radius: 100px 0px 0px 100px;
        border-radius: 100px 0px 0px 100px;}
#circle {position: fixed; width: 150px; height: 150px; background-color: #86D768; -webkit-border-radius: 150px 150px 150px 150px;
        border-radius: 150px 150px 150px 150px; margin-left: 325px; margin-top: 240px;}
#block1 { opacity: 0.7; position: fixed; margin-top: 187px; margin-left: 275px; width: 120px; height: 120px; background-color: #FFD184; -webkit-border-radius: 0px 50px 0px 50px;
        border-radius: 0px 50px 0px 50px; }
#block2 {opacity: 0.7;position: fixed; margin-top: 320px; margin-left: 275px; width: 120px; height: 120px; background-color: #F98194; -webkit-border-radius: 50px 0px 50px 0px;
        border-radius: 50px 0px 50px 0px; }
.image { outline: 0px solid #84B473; width: 300px; height: 300px; -webkit-order-radius: 150px 0px 150px 0px;
        border-radius: 150px 0px 150px 0px; }
#cov {position: fixed; margin-top: -25px; margin-left: 400px;}

#block4 { opacity: 0.7; position: fixed; margin-top: 305px; margin-left: 410px; width: 120px; height: 120px; background-color: #7BA4DC; -webkit-border-radius: 50px 0px 50px 0px;
        border-radius: 50px 0px 50px 0px; -webkit-border-radius: 0px 50px 0px 50px;
        border-radius: 0px 50px 0px 50px;}

.xg_module music {display: none;}
{LINKS ********** }

#links { opacity: 0; position: fixed; padding: 5px; margin-left:285px; margin-top: 181px; background-color: #F5E598; width: 100px; height: 100px; font-size: 9px; line-height: 19px;color: #FFFFC0; -webkit-border-radius: 0px 50px 0px 50px;
        border-radius: 0px 50px 0px 50px; text-align: center; }

#links a {text-transform: uppercase; font-size : 8px; font-family: calibri; color: #918134;}

#links a:hover {color: white;}

#links:hover {opacity: 0.9;}
{INFO ********** }

#info {position: fixed; margin-top: -5px; margin-left: 408px;  background-color: white; width: 265px; height: 265px;  -webkit-order-radius: 150px 0px 150px 0px; overflow: hidden; padding: 10px; color: black; text-align:right;
        border-radius: 150px 0px 150px 0px; font-size: 8px; letter-spacing: 1px; font-family: "small"; opacity : 0;}

#info:hover {opacity : 0.9;}

#subtitle {opacity : 0; position: fixed; font-family: calibri; font-style: italic;letter-spacing: -1px; text-indent: 2px;   margin-top: 305px;  margin-left: 409px;width: 100px; height: 100px; padding: 5px;  -webkit-border-radius: 50px 0px 50px 0px;
        border-radius: 50px 0px 50px 0px; -webkit-border-radius: 0px 50px 0px 50px;
        border-radius: 0px 50px 0px 50px; background-color : #8FB8F0;}

#subtitle:hover {opacity: 0.9;}


{OTHER****}

#pic2 {position: fixed; margin-top: 299px; margin-left: 278px; width: 100px; height: 100px; opacity: 0; }

#pic2:hover {opacity: 0.9;}

.pic {-webkit-border-radius: 50px 0px 50px 0px;
        border-radius: 50px 0px 50px 0px;}


/*              ᴄʀᴇᴅɪᴛs ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇᴍ ʜᴇʀᴇ ᴏʀ ɪɴ ᴛʜᴇ ʜᴛᴍʟ ɪ ᴡɪʟʟ ᴄᴀᴛᴄʜ ʏᴏᴜ          */

#cred {
position: fixed;
right: 15px;
bottom: 30px;
}

@font-face {
font-family: "Journal"; src: url('http://static.tumblr.com/pwgdr2n/9YYm3j4gp/journal.ttf');
}

#cred a strong {
color: red;
font-family: 'journal';
text-transform: lowercase;
font-size: 40px;
line-height: 20px;
letter-spacing: -2px;
color: #ff7575;
display: block;
text-align: center;
}

#cred a {
font-family: trebuchet ms;
font-size: 7px;
text-transform: uppercase;
color: #aaa;
}

#cred:hover {
opacity: 0.5;
}


a:hover, #links, #links:hover, #info, #info:hover, #pic2, #pic2:hover, #subtitle, #subtitle:hover {-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;}


h1 {display: none;}
h2 {display: none;}

ul.navigation.easyclear {display: none;}
.sortable.music{display: none;}
.module_groups {display: none;}
.module_about_user {display: none;}
.sortable.module_feed {display: none;}
.module_photo {display: none;}
.module_members {display:none !important; }
#xj_module_gift {display: none;}
/* comment wall */ #xg_module_body, #xg_module_head h2, .xg_module_comment_wall{ display: none;}
#xg_masthead {visibility:hidden;}
.xg_module_body.profile.vcard dl.last-child a {font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 5px; color :black;}
.xg_module_body.profile.vcard dl.last-child {color: gray; position: fixed;
top: 10px;
left: 10px;}
.xg_sprite xg_sprite-share {display:none!important;}
#xn_bar { display: none;}
.xg_theme #xg_foot {display: none; }
#xg_layout_column_1 {  }
.xg_span-5 { display:none !important;}
ul.nobullets.last-child {display: none;}
#xg_mudule.movable.sortable.module {display: none;}
#xg_navigation, #xg_navigation ul, #xg_navigation ul li, #xg_navigation ul li span, #xg_navigation {display: none;}
.xg_theme #xg_head,  .xg_theme #xg_foot {
display: none;}
.dy-avatar.dy-avatar-full-width {
display: none;}
::-webkit-scrollbar {width: 5px; height:auto; background: transparent;}
::-webkit-scrollbar-corner {background: transparent;}
::-webkit-scrollbar-thumb:vertical {background: #C2FFA4; width: 5px; -webkit-border-radius: 5px;

    border-radius: 5px;
}
div#xg_layout_column_2{ font-size: 7px; width: 640px; height: 400px; position: fixed; top:0px; left: 0px; margin-left: 300px; margin-top: 70px;background-color: transparent; border: 0px solid ;}
div.xg_span-16 {font-size: 7px; width: 600px; height: 450px; position: fixed; top:0px; left: 0px; margin-left: 300px; margin-top: 70px;background-color: transparent; }
div.xg_3col { width:450px; background-color: transparent; position: fixed; top:0px; left: 0px; margin-left: 500px; }


html, body,  span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , body, span, td,    .orangetext15,.lightbluetext8,.blacktext12,.blacktext10,.whitetext12,.btext, .redtext, .redbtext, .text
.xg_theme button, .xg_theme a.button, .xg_theme input.button {font-family: "small"; font-size: 8px; letter-spacing: 2px; webkit-transition: all 600ms ease; color: #AF6225;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease; color : gray;}


.module_user_summary ul.nobullets li a {display: none;}

ul.nobullets.last-child {
display: block;
position: fixed;
margin-top: -100px;
margin-left: 10px;
top: 300px;
}

ul.nobullets li {color: transparent;}

.xg_module music {display: none;}