extra CSS

/*this was made by CL3V1NG3R on myspace - add me ! :)*/

/*this is more advanced CSS. for basic formatting of your page, see my other paste, basic CSS*/

/*again, ive removed all URLs and color codes. my page took me months to do, so i'd like to avoid copies :")*/

/*this page will be updated as i add more extra stuff to my page*/

/*also, for housekeeping purposes, i recommend you keep your code in order of the page, top to bottom and left to right. so for example, if you already have some formatting done on player box and you want to add something else, don't add it to the bottom of the code but right after the code you already have for player box. this helps you find code and adding out-of-order code could get messed up - trust me, i had this problem.*/

body{
     cursor: url(custom url), auto !important
} /*adds a custom cursor. go to cursors4u and use the url out of the CSS box below, not out of the address bar*/



a:link, a:visited{
     color: #color code;
     cursor: url(custom url), auto !important
} /*changes color of your links. including the cursor a second time keeps your cursor the same when hovering over links, instead of it changing to pointer.*/


div.box.blog{
     background: #color code;
     background-image:url(custom url) !important;
} /*adds an image to the text portion of your blog - this carries to every blog*/



div.topLeft.blogCard{
     background: #color code;
} /*changes the layout of your mini profile on the side of your blog (where your icon, motto, etc is)*/



div#header>span#hUp::before{
     content: "custom text";
     animation: blinkingTextRed 0.3s infinite
} /*adds blinking text to the subheader like the "new fwiends!" text*/



div.topLeft::before{
     content: "";
     display: block;
     position: relative;
     background-image:url(custom url);
     background-size: 100% 100%;
     height: 180px;
     width: 390px;
} /*adds a text box beforer your username box (i made it a picture, but it could be whatever you want)*/
/*IMPORTANT: if you add this box, IT WILL COVER YOUR BLOG TEXT!! either mess around with the code OR, like i did, add the following:*/
div.topLeft.blogCard::before{
     display: none
} /*this will remove the text box from your blogs page. add it after a:link if you used that, otherwise after body*/



div.topLeft::after{
     content: "";
     display: block;
     position: relative;
     background-image:url(custom url) !important;
     background-size: 100% 100%;
     height: 250px;
     width: 370px;
} /*adds a textbox below your player (again, i made it a picture, but it can be whatever*/
/*IMPORTANT: the same problem occurs with this box as does div.topLeft::before so here's the code to take it off your blogs:*/
div.topLeft.blogCard::after{
     display: none
}



div.topRight::before{
     content: "";
     display: block;
     position: fixed;
     background-image:url(custom url) !important;
     background-size: 100% 100%;
     left: 0;
     bottom: 0;
     height: 335px;
     width: 255px;
     z-index: 1000
} /*adds a picture into the bottom left corner of your screen. use left, right, top, bottom to move it around if you want*/
/*IMPORTANT: also covers blog content. here's the code to erase it from blogs:*/
div.topRight.blogPost::before{
     display: none
}



div.extended.box{
     font-size: 5px;
     color: transparent;
     padding: 0
}
div.extended.box::after{
     content: "custom text";
     display: block;
     color: white;
     font-size: 18px;
     font-weight: bold;
     padding-bottom: 5px
} /*adds custom text to the box that says "user is in your extended network. IMPORTANT: do NOT! make div.extended.box font size 0px, or it'll get rid of the edit profile button! i'm working on a way around this and will update when i fix it lol*/

div.box.blurbs{
     overflow-y: scroll
     height: 475px
} /*this makes your blurbs into a condensed, scrollable box. adjust the height to whatever you want, but if you don't set it then it won't condense*/

div.fwiendFace:hover, tableLeft img:hover{
     transform: scale(1.2);
     background: #color-code url(custom url);
     background-size: 300px;
     animation: wob .5s linear infinite;
     transition: 0.5s
}
div.fwiendFace, tableLeft img{
     transition: 0.5s
} /*this makes the icons of your friends in the friend space grow. if you don't want a gif behind the icon, just put two color codes*/

/*hope this helps :)*/