Removed obsolete resume.html, updated styles to look better for printing

This commit is contained in:
Lani Aung
2013-02-07 15:46:27 -08:00
parent a9588d52f9
commit 51ce75d7cb
5 changed files with 22 additions and 122 deletions
+1
View File
@@ -33,6 +33,7 @@ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{di
body{background-color:#EFE9E0;color:#000;font-family:"Amethysta";padding-top:1em;text-align:center}a{color:#333}a:hover,a:active{color:#666}abbr{border-bottom:1px dotted #999}article{margin:0 auto;max-width:1440px;width:90%}div{margin:0;padding:0}dt{border-bottom:1px solid #999}dt,li,p{margin:0.5em 0}footer{clear:both;font-size:0.75em;text-align:right;width:100%}h1{font-family:"Fjalla One";font-size:4em}h2{font-family:"Fjalla One";font-size:1.5em;line-height:2em}header section div{display:inline}hr{border:none;border-bottom:1px solid #333}p{text-indent:2em}section header{float:left;font-family:"Fjalla One";font-size:3em;font-variant:small-caps;width:20%}section ul{list-style-position:inside;list-style-type:square}section .content{display:inline-block;line-height:1.5em;text-align:justify;width:80%}strong{font-weight:bold}time{float:right;font-style:oblique}.divider{margin:0 1em}.print{display:none}.screen{display:inherit}
/* Responsiveness */
@media screen and (max-width:1200px){section header{font-size:2.5em}}
@media screen and (max-width: 1100px) {time{clear: both;float: none}}
@media screen and (max-width:1024px){h1{font-size:3em}section header{font-size:2em}}
@media screen and (max-width:768px){body{font-size:14px}h1{font-size:2.5em}}
@media screen and (max-width:620px){article{width:90%}section header{float:none;line-height:1.5em;width:100%}section .content{float:none;line-height:1.25em;width:100%}}
+8
View File
@@ -5,6 +5,14 @@
}
}
@media screen and (max-width: 1100px) {
time
{
clear: both;
float: none;
}
}
@media screen and (max-width: 1024px) {
h1
{
+12 -1
View File
@@ -1,7 +1,7 @@
body
{
background-color: #FFF;
font-size: 12px;
font-size: 11.5px;
padding: 0;
}
@@ -21,6 +21,11 @@ article
width: 80%;
}
footer
{
display: none;
}
h1
{
font-size: 2em;
@@ -41,6 +46,12 @@ section header
font-size: 1.5em;
}
time
{
clear: both;
float: none;
}
#contact-details
{
font-size: 0.8em;
+1 -1
View File
@@ -1 +1 @@
body{background-color:#FFF;font-size:12px;padding:0}a{color:#000;text-decoration:none}abbr{border:none}article{width:80%}h1{font-size:2em}section ul{list-style-type:none}section ul li{text-indent:2em}section header{font-size:1.5em}#contact-details{font-size:0.8em}.divider{margin:0}.icon-envelope::before,.icon-link::before,.icon-google-plus-sign::before,.icon-circle-blank::before{content:""}.print{display:inherit}.screen{display:none}
body{background-color:#FFF;font-size:11.5px;padding:0}a{color:#000;text-decoration:none}abbr{border:none}article{width:80%}footer{display:none}h1{font-size:2em}section ul{list-style-type:none}section ul li{text-indent:2em}section header{font-size:1.5em}time{clear: both;float: none}#contact-details{font-size:0.8em}.divider{margin:0}.icon-envelope::before,.icon-link::before,.icon-google-plus-sign::before,.icon-circle-blank::before{content:""}.print{display:inherit}.screen{display:none}