New Blockish theme

* Adding a new blockish theme with a blue header and an adaptive
design.
* Printable PDF version still needs some work, but overall, this is a
nice layout.
This commit is contained in:
Craig Davis
2013-03-19 09:45:36 -05:00
parent de7d544e11
commit 54c28189e1
11 changed files with 160 additions and 39 deletions

View File

@@ -1,5 +1,6 @@
body.pdf {
color: black;
background: none;
a {
text-decoration: none;
@@ -18,6 +19,9 @@ body.pdf {
.resume {
position:relative;
padding: 40px 80px;
-webkit-box-shadow: none;
box-shadow: none;
}
a[href$='.pdf'] {
@@ -48,10 +52,13 @@ body.pdf {
}
blockquote {
top: 40px;
top: 45px;
right: 50px;
position: absolute;
}
blockquote a {
color: #F7F2C7;
}
ul li {
width: 28%;

File diff suppressed because one or more lines are too long

View File

@@ -7,6 +7,21 @@
*/
@media screen and (min-width: 15em) {
h1 {
padding: 40px 0 0 40px;
}
h2 {
padding: 0 30px 0 43px;
}
blockquote {
margin: -20px -20px 10px;
padding: 10px 20px 10px;
}
#profile+p {
width: 100%;
margin: 0 -10px;
padding: 10px;
}
}
@@ -17,6 +32,30 @@
*/
@media screen and (min-width: 30em) {
h1 {
margin: -40px -50px 0;
padding: 40px 0 0 40px;
font-size: 36px;
letter-spacing: -1px;
font-weight: 900;
text-transform: uppercase;
background: @headerBackground;
border-top: 5px solid #333333;
color: #FFFFFF;
}
h2 {
background: @headerBackground;
margin: -10px -50px 0;
padding: 0 0 40px 43px;
font-size: 18px;
letter-spacing: -1px;
font-weight: normal;
color: #F7F2C7;
}
blockquote {
margin-top: -50px;
}
}
@@ -28,15 +67,21 @@
@media screen and (min-width: 37.5em) {
body {
padding: 2em 0;
padding: 20px 0;
}
blockquote {
top: 10px;
right: 50px;
position: absolute;
padding-bottom: 0;
}
h1 { /* Open up the top section height so we don't collapse on the blockquote */
margin-top: .5em;
margin-top: -30px;
padding-left: 40px;
}
h2 {
padding-bottom: 55px;
padding-left: 43px;
}
ol {
margin: 0 0 0 1em;
@@ -48,6 +93,10 @@
ol li:nth-child(1), ol li:nth-child(2) {
border-top: none;
}
blockquote {
margin-top: -10px;
}
}
@@ -71,16 +120,12 @@
position: absolute;
}
h1 {
margin-top: 0;
font-size: 48px;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: normal;
margin-top: -45px;
}
h2 {
text-transform: uppercase;
font-style: italic;
letter-spacing: 2px;
letter-spacing: 1px;
font-weight: normal;
}
@@ -88,12 +133,14 @@
float: left;
width: 16%;
}
h3+p {
float: left;
width: 84%;
}
ul li {
width: 28%;
float: left;
@@ -144,6 +191,21 @@
}
#profile {
display: none;
}
#profile+p {
padding: 5px 300px 20px 33px;
margin: -30px -50px 20px;
width: (912px - 300px - 33px);
float: none;
background: #2D6FC7;
color: #F7F2C7;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-weight: 100;
}
}

View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta charset="utf-8">
{{#reload}}
<meta http-equiv="refresh" content="2">
{{/reload}}

View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta charset="utf-8">
{{#reload}}
<meta http-equiv="refresh" content="2">
{{/reload}}

View File

@@ -13,4 +13,8 @@ body.pdf {
border: none;
text-align: left;
}
}
a[href$='.pdf'] {
display: none;
}
}

View File

@@ -11,4 +11,14 @@
body {
color: #222;
margin: 1em;
}
#footer {
display: none;
}
#footer + p {
font-size: 13px;
font-style: italic;
color: #444;
}

View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta charset="utf-8">
{{#reload}}
<meta http-equiv="refresh" content="2">
{{/reload}}