194 lines
2.4 KiB
CSS
194 lines
2.4 KiB
CSS
@import url(./main.css);
|
||
|
||
.wrapper {
|
||
margin: 8px;
|
||
}
|
||
|
||
h1 a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.job header {
|
||
margin-top: 6px;
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
#resume section:first-of-type {
|
||
margin-top: 1em;
|
||
}
|
||
|
||
h2 {
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
h3, dt {
|
||
font-size: 1.17em;
|
||
}
|
||
|
||
h3, h4 {
|
||
margin-bottom: 2px;
|
||
}
|
||
|
||
.flex-buttons, .flex-date {
|
||
display: -webkit-flex;
|
||
display: flex;
|
||
}
|
||
|
||
.flex-date {
|
||
align-items: baseline;
|
||
}
|
||
|
||
.flex-date .date {
|
||
margin-left: auto;
|
||
}
|
||
|
||
.flex-buttons {
|
||
align-items: center;
|
||
}
|
||
|
||
.flex-buttons .buttons {
|
||
margin-left: 1em;
|
||
}
|
||
|
||
.date {
|
||
font-size: 80%;
|
||
font-style: italic;
|
||
font-weight: 200;
|
||
}
|
||
|
||
.subtitle {
|
||
font-size: 85%;
|
||
font-style: italic;
|
||
}
|
||
|
||
h3 .location,
|
||
h4 .location {
|
||
font-weight: normal;
|
||
font-size: 80%;
|
||
}
|
||
|
||
h3 .location:before,
|
||
h4 .location:before {
|
||
content: ", ";
|
||
}
|
||
|
||
#resume > section {
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
ul {
|
||
clear: both;
|
||
margin: 0;
|
||
padding-left: 1.5em;
|
||
}
|
||
|
||
li {
|
||
list-style: none;
|
||
margin: 0;
|
||
text-indent: -0.80em;
|
||
}
|
||
|
||
li:before {
|
||
content: "– ";
|
||
}
|
||
|
||
dt {
|
||
font-weight: 500;
|
||
margin-top: 3px;
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
dd {
|
||
margin: 0;
|
||
margin-left: 1em;
|
||
}
|
||
|
||
#side-projects button {
|
||
background-color: #f5f5f5;
|
||
border: none;
|
||
border-radius: 2px;
|
||
display: inline;
|
||
}
|
||
|
||
#side-projects button:hover,
|
||
#side-projects .selected {
|
||
background-color: #3486ff;
|
||
color: #eee;
|
||
}
|
||
|
||
@media only screen and (max-width: 500px) {
|
||
.wrapper {
|
||
margin-top: 8px;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 500px) {
|
||
header {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.wrapper {
|
||
padding-top: 0;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 760px) {
|
||
.wrapper {
|
||
width: 640px;
|
||
margin: 0;
|
||
padding: 60px 0;
|
||
}
|
||
}
|
||
|
||
@media only print {
|
||
h1 {
|
||
font-family: Arial, Verdana, sans-serif;
|
||
color: black;
|
||
}
|
||
|
||
body {
|
||
margin: 0.25in 0.5in;
|
||
}
|
||
|
||
main > header {
|
||
border: none;
|
||
}
|
||
|
||
.wrapper {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.job header {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
h2 {
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
#side-projects .buttons {
|
||
display: none;
|
||
}
|
||
|
||
#skills dl {
|
||
margin-top: 0.5em;
|
||
}
|
||
|
||
#skills dt:before {
|
||
content: "";
|
||
display: block;
|
||
}
|
||
|
||
#skills dt:after {
|
||
content: ": ";
|
||
}
|
||
|
||
#skills dt, dd {
|
||
display: inline;
|
||
}
|
||
|
||
#skills dd {
|
||
margin-left: 0;
|
||
}
|
||
}
|