148 lines
2.3 KiB
CSS
148 lines
2.3 KiB
CSS
html, body, * {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
body {
|
|
background: url('purty_wood.png') repeat;
|
|
background-color: hsl(34, 67%, 68%);
|
|
font-size: 1em;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: DejaVuSansMono;
|
|
src: url('DejaVuSansMono-webfont.eot');
|
|
src: url('DejaVuSansMono-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('DejaVuSansMono-webfont.woff') format('woff'),
|
|
url('DejaVuSansMono-webfont.ttf') format('truetype'),
|
|
url('DejaVuSansMono-webfont.svg#DejaVuSansMonoBook') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
a {
|
|
/* background-color: hsla(0, 0%, 50%, 0.1); */
|
|
color: inherit;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:hover {
|
|
color: inherit;
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.monospace {
|
|
color: hsl(0, 0%, 25%);
|
|
text-shadow: 1px 1px 1px hsla(0, 0%, 25%, 0.33);
|
|
/*filter: dropshadow(color=hsla(0, 0%, 25%, 0.33), offx=1, offy=1);*/
|
|
font-family: DejaVuSansMono, monospace;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.paper {
|
|
background: url('paper.png');
|
|
background-color: hsl(0, 0%, 93%);
|
|
}
|
|
|
|
.vcard-shadow {
|
|
box-shadow: 2px 2px 5px 0px hsla(0, 0%, 0%, 0.6);
|
|
}
|
|
|
|
.small {
|
|
font-size: 0.5em;
|
|
line-height: 0.5em;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.right {
|
|
float: right;
|
|
}
|
|
|
|
.indent {
|
|
margin-left: 0.8em;
|
|
float: right;
|
|
}
|
|
|
|
.contact {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#name {
|
|
|
|
}
|
|
|
|
#topbar {
|
|
padding: 0.1em 1em 0.1em 1em;
|
|
text-align: right;
|
|
background-color: hsla(0, 100%, 100%, 0.4);
|
|
}
|
|
|
|
#contact-me {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
#spacer-body-footer {
|
|
height: 1px;
|
|
margin: auto
|
|
}
|
|
|
|
#vcard {
|
|
width: 39.2em;
|
|
height: 24.5em;
|
|
border-top: 1px solid hsl(1, 0%, 90%);
|
|
border-right: 1px solid hsl(1, 0%, 60%);
|
|
border-bottom: 1px solid hsl(1, 0%, 60%);
|
|
border-left: 1px solid hsl(1, 0%, 90%);
|
|
position: relative;
|
|
margin: 75px auto 75px auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#vcard-body dl dd, #vcard-body dl dt {
|
|
font-size: 1.8em;
|
|
margin: 0.667em;
|
|
}
|
|
|
|
#vcard p {
|
|
padding: 0em;
|
|
text-align: left;
|
|
}
|
|
|
|
p#vcard-header {
|
|
font-size: 2.4em;
|
|
margin: 0.5em 0.5em 0em 0.5em;
|
|
border-bottom: 1px solid hsl(0, 0%, 49%);
|
|
text-align: center;
|
|
}
|
|
|
|
p#vcard-body {
|
|
font-size: 1.8em;
|
|
margin: 0.333em 0.667em 1em 0.667em;
|
|
text-align: center;
|
|
}
|
|
|
|
p#vcard-footer {
|
|
font-size: 1.5em;
|
|
margin: 0.8em;
|
|
border-top: 1px solid hsl(0, 0%, 49%);
|
|
}
|
|
|
|
dl.contact {
|
|
font-size: 1.8em;
|
|
margin: 0.667em;
|
|
height: 4.3em;
|
|
}
|
|
|
|
dl.contact dt {
|
|
float: left;
|
|
clear: left;
|
|
}
|
|
|
|
dl.contact dd {
|
|
float: right;
|
|
}
|