Mash CSS Codes

If you want to use CSS codes to customize your Mash profile you have to click on "show advanced CSS"
For premade Mash layouts click HERE

Changing the main background and text

---

This can be done in the body section:
body {
font-family:verdana,sans-serif; //this will change the font of the text
background-image:url('http://mymashstuff.com/mash_backgrounds/brown/color_brown_39.jpg'); //the address of the picture you want to use. if no picture is needed you can remove the line
background-repeat:repeat; //if you don't use a pattern that should be repeated change it to background-repeat: no;
background-color:none; //change "none" to any HEX color if you do not use picture
background-position:top left; //the place where the background picture should start from
color:#cccccc; //The color of the text
}

Changing the modules' properties

---

The modules have a main CSS class "mod" and a few subclasses "x1", "x1a", "x2" and "x2a".
The main class:
.mod {
background-color:none; //change "none" to any HEX color if you do not use picture
background-image:url('http://mymashstuff.com/mash_backgrounds/brown/color_brown_39.jpg'); //the address of the picture you want to use. if no picture is needed you can remove the line
border-style:solid; //also possible to be one of { none | dotted | dashed | solid | double | groove | ridge | inset | outset }
border-width:2px; //the width of the border in pixels
border-color:#3C6A90; //and the color of the border
}

The x1 subclass:
.mod .x1 {
background-color: #fafdff;
opacity: 0.6; //Sets the grade of transparency of the modules
filter:alpha(opacity=60); //same as above for different browser
display: block; //The display property sets how/if an element is displayed. read more
}

Changing the color of the text in the modules:
.mod-content {
color:#5c879c;
}
Modules' titles:
.hd { color:#004f83; //Color of the titles' text
font-family:arial,sans-serif; //titles' font
font-size:20px; //size of the font
}

Changing nickname properties:

---

#ypf-coreid .user-card .user-info .user-name h1 span.nickname {
color:#004f83; //Color of the nickname's text
}

Changing your picture's frame:

---

#ypf-coreid .user-card .user-images {
background-image:url('http://mymashstuff.com/mash_css/polaroid.png')
}
Click here to get a template for the polaroid image.

Changing your age, gender, location fonts:

---

#ypf-coreid .user-card .user-info span.age, span.gender, span.locality { //The classes used for age, gender, location
color:#ffffff; //Color of the text
}

You can apply more CSS coes to all of the sections above to change the look of your Mash Profile. More about CSS you can learn HERE at w3schools.com.