updating resume css

This commit is contained in:
Todd Stoffer 2017-06-28 15:52:15 -04:00
parent 157d793c85
commit b2614d7637
1 changed files with 33 additions and 24 deletions

55
_sass/resume.scss Normal file → Executable file
View File

@ -13,20 +13,10 @@
display: block; display: block;
} }
.resume ol, ul{
list-style: none;
}
.resume blockquote, q { .resume blockquote, q {
quotes: none; quotes: none;
} }
.resume table {
border-collapse: collapse;
border-spacing: 0;
}
.resume body { .resume body {
font: normal normal 400; font: normal normal 400;
font-size: 100%; font-size: 100%;
@ -34,17 +24,15 @@
} }
.resume p { .resume p {
position: relative; position: relative;
left: 10%;
margin-right: 0; margin-right: 0;
width: 85%; width: 100%;
margin-bottom: 0;
} }
.resume code { .resume code {
font: normal normal; font: normal normal;
font-size: 100%; float: right;
color: #aaa; color: #000;
padding-right: .5em; padding-right: .5em;
text-indent: 0px; text-indent: 0px;
} }
@ -61,7 +49,6 @@
left: 0; left: 0;
width: 100%; width: 100%;
margin-top: 0.25em; margin-top: 0.25em;
} }
@ -73,19 +60,16 @@
text-align: left; text-align: left;
} }
.resume li { .resume li {
padding-left: 5em; margin-left: 2em;
} }
.resume h1, h2, h3, h4 { .resume h1, h2, h3, h4 {
font-weight: 400; font-weight: 400;
width: 65%;
} }
.resume h1 { .resume h1 {
text-align: left; text-align: center;
font-size: 3em; margin-bottom: 0px;
line-height: 1em; color: $highlightcolor
position: relative;
left: 33%;
} }
.resume h2 { .resume h2 {
@ -95,6 +79,10 @@
text-align: left; text-align: left;
margin-top: 1.7em; margin-top: 1.7em;
} }
// Fix issue with the first content area floating up above border on print
div#resume.resume{
margin-top: 50px;
}
.resume h3 { .resume h3 {
font-size: 1.25em; font-size: 1.25em;
@ -105,8 +93,29 @@
text-align: right; text-align: right;
width: 30%; width: 30%;
} }
.resume h4 {
font-size: 18px;
margin-bottom: -25px;
font-family: inherit;
}
em { em {
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
.button {
background-color: $highlightcolor;
border: none;
color: white;
padding: 5px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
float: right;
}
a:hover {
color: $highlightcolor;
}