Source of css template
/*************************************************************
This style sheet is used to define the look of your resume.
the first section is for the ID. I used an ID for each main
section of the resume. the second section is for the css classes.
I have listed them alphabetically to make it easier for you to
find them. This example is pretty plain by the way.
***************************************************************/
#resume p#myImage{
/*background-image: url("http://www.uvm.edu/~cems/cs/gfx/erickson.jpg");*/
background-image: url("ME.JPG");
width: 100px;
height: 123px;
float: right;
margin: 1em;
}
#coName{/* i did not set any style for this*/}
#education { margin-top: 12pt; }
#profExperience {margin-top: 12pt;}
#experience {margin-top: 12pt; clear: both;}
#hcard-Robert-Erickson { border-bottom: 2px solid black;}
#interests {margin-top: 12pt;}
#name { text-align: left;
color: #000000;
font-family: "sans-serif";
font-weight: bold;
font-size: 20pt;
margin-bottom: 0pt;
}
#skills ul {
margin-left:5em;
}
#skills ul li{
display: inline;
list-style-type: none;
padding-right: 1em;
}
#skills ul li:after{
content: ", ";
}
#skills ul li:last-child:after{
content: "";
}
#resume { margin-left: 12pt;
margin-right: 12pt;
margin-top: 12pt;
margin-bottom: 12pt;
font-family: "arial";
font-size: 12pt;
width: 6.5in;
}
#references { margin-top: 12pt; }
#workExamples{/* i did not set any style for this*/}
/*************************************************************
Here are the various CSS classes that I have used. Several
classes have no style defined for them specfically and most
likly they were used for their microformat value.
see: http://microformats.org.
***************************************************************/
.adr, .street-address, .email, .tel, .locality, .region, .postal-code, .country-name,.email{text-align: right;
color: #000000;
font-family: "sans-serif";
font-weight: normal;
font-size: 10pt;
}
.companyInfo{}
.company{}
.courses{ margin-top: 0pt;
display: block;
margin-left: 0em;
margin-bottom: 12pt;
border: 0px solid yellow;
}
.dates { text-align: right;
color: #000000;
font-family: arial;
font-weight: normal;
font-size: 12pt;
float: right;
}
.description{
color: #000000;
font-family: "arial";
font-size: 10pt;
}
.gpa{display: block;
color: #000000;
font-size: 12pt;
}
.int{
margin-top: 6pt;
margin-left: 5em;
list-style-type: none;
}
.job{ display: block;
margin-top: 6pt;
margin-left: 5em;
list-style-type: none;
}
.jobtitle {text-align: left;
color: #000000;
font-family: "arial";
font-style: italic;
font-size: 12pt;
display: block;
}
.location { text-align: left;
color: #000000;
font-family: "sans-serif";
font-weight: normal;
font-size: 10pt;
display: inline;
}
/*list of your major classes that you have taken */
.major{ margin-top: 0pt;
display: inline;
margin-left: 1em;
width: 50%;
float: left;
border: 0px solid blue;
list-style-type: disc;
}
/* what degree you are getting */
.MajorDegree{display: block;
color: #000000;
font-size: 12pt;
}
/* list of minor classes that you have taken */
.minor{ margin-top: 0pt;
margin-left: 0em;
border: 0px solid green;
list-style-type: none;
}
/* your minor degree you are getting */
.MinorDegree {display: block;
color: #000000;
font-size: 12pt;
}
.ref{ margin-top: 6pt;
margin-left: 5em;
list-style-type: none;
}
.school{ display: block;
margin-top: 6pt;
margin-left: 5em;
list-style-type: none;
}
/*************************************************************
general element formats that i set
***************************************************************/
h2 {
text-align: left;
color: #000000;
font-weight: bold;
font-size: 14pt;
margin-bottom: 0pt;
}
p { font-weight: normal;
font-size: 10pt;
font-family: "sans-serif";
margin-left: 0pt;
margin-right: 0pt;
margin-top: 0pt;
margin-bottom: 12pt;
}