Basic CSS

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

/*this is basic CSS formating for your page. for more complicated stuff, check out my other pastes*/

/*im not an expert in code or programming, this is just what i've learned thru other people's resources and w3schools*/

/*note: im taking out all of my URLs and color codes so there's no copying of my page, which took months to make. please don't copy. you can find color codes on w3school's page on CSS*/

body{
     background-image:url(custom url);
     background-attachment: fixed;
} /*this changes the background of your page*/

body{
     font-family: Times;
     color: #color code
} /*this changes the font styles of your page*/



div#header{
     background: #color code;
     color: #color code
} /*changes the setup of the page header (where it says "myspace.com")*/



div#header >a.logo > b > span{
     font-size: 0px
}
div#header > a.logo > b > span:after{
     dispay: block;
     font-size: 20px;
     font-family: Times;
     content: "custom text";
     color: #color code
} /*replaces "myspace.com" with whatever you want*/



div#hSub{
     background: #color code;
     font-family: Times;
     color: #color code
}
div#hSub{
     background:#color-code;
     text-align: center
} /*changes the setup of the page subheader*/



div.boxHead{
     background: #color code
} /*changes the color of the "contacting user" and "leave a comment" headers*/



table.short{
     border: 3px #color code solid;
     border-radius: 8px;
     background: #000000
} /*example of how to do borders. repeat this for every box you want a border on (use inspect element to find the name of the box)*/



td.shortRight>div>span#credo{
     font-size: 18px
} /*changes size of your motto*/



td.shortRight>div#country{
     font-size: 0px
}
td.shortRight>div#country::after{
     content: "United States of Smash";
     font-size: 15px;
} /*changes your country. to do the same with your gender, use div#gender instead of div#country*/



.url{
     font-size: 0px;
     background-color: transparent !important;
     background: url(custom url) !important;
     background-size: 300px !important;
     border: none !important;
     position: fixed;
     right: 0;
     bottom: 0;
     height: 300px;
     width: 300px;
     box-shadow: none;
     z-index: 1000;
} /*adds a picture in the bottom right of your page. use right, left, bottom, top to move it around if you want it somewhere else*/



#sMsg{
     font-size: 0px;
     background-image:url(custom url) !important;
     background-size: 50px
}
#sMsg::after{
     content: "custom text";
     color: #color code;
     font-size: 14px;
     text-decoration: underline
} /*custom text and icon for the message button*/



#report{
     font-size 0px;
     background-image:url(custom url) !important;
     background-size: 50px
}
#report::after{
     content: "custom text";
     color: #color code;
     font-size: 14px;
     text-decoration: underliine
} /*custom text and icon for the message button*/

#report{
     display: none
} /*completely removes the report button. you can't use this and the custom text together*/


#add{
     font-size: 0px;
     background-image:url(custom url) !important;
     background-size: 50px
}
#add::after{
     content: "custom text";
     color: #color code;
     font-size: 14px;
     text-decoration: underline
} /*custom text and icon for the add button*/



#block{
     font-size: 0px;
     background-image:url(custom url) !important;
     background-size: 50px
}
#block::after{
     content: "custom text";
     color: #color code;
     font-size: 14px;
     text-decoration: underline
} /*custom text and icon for the block button*/

#block{
     display: none
} /*removes the block button entirely. you can't use this and the custom text together*/



div.player.box::before{
     content: "";
     display: block;
     position: relative;
     background-image:url(custom url) !important;
     height: 350px;
     background-position: 0 0;
     background-size: 100% 100%;
} /*adds a picture before the player box*/



div.songName{
     font-size: 0px;
}
div.songName::after{
     content: "custom text";
     font-size: small;
     font-weight: bold;
     color: #color code;
} /*lets you customize the display name of the song*/



div.rightHead{
     background: #color code;
     color: #color code
} /*colors the "user's blurbs" and "user's fwiend space" headers*/



div.box.blurbs>h4{
     display: none;
} /*removes the "about me" and "who i'd like to meet" headers*/



div.box.fwiends>div.rightHead>b{
     font-size: 0px
}
div.box.fwiends>div.rightHead>b::after{
     content: "custom text";
     font-size: 16px;
     font-weight: bold;
     color: #color code
} /*customize the "user's fwiend space" text*/



div.fwiendCounter>b{
     font-size: 0px
}
div.fwiendCounter>b>span.fwiendCount{
     font-size: 17px !important;
     color: #color code
}
div.fwiendCounter>b::after{
     content: "custom text";
     font-size: 17px !important;
     font-weight: bold;
     padding: 4px;
     color: #color code
} /*custom fwiend counter text*/



div.box.comments>div#form>form>textarea#commentInput{
     background-image:url(custom url);
     background-position: right;
     background-size: 30% 100%;
     background-repeat: no-repeat
} /*customizes the box you type comments in*/



td.tableLeft{
     background: #color code
}
td.tableLeft>a>div>b{
     color: #color code
} /*customizes the user side of the comment*/



td.tableRight{
     background: #000000;
     border: 3px #color code solid
}
td.tableRight{
     background-image:url(custom url);
     background-size: 100% 100%
} /*customizes the text part of the comment*/

/*i hope this helps! message me if you have any questions :)*/