mirror of
https://github.com/there4/markdown-resume.git
synced 2024-12-03 08:59:35 -05:00
Convert roboto styles into 'less' files. Update composer package versions.
This commit is contained in:
Erik Waibel
@@ -1,114 +0,0 @@
|
||||
body.pdf {
|
||||
color: black;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
.container {
|
||||
width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
background: none;
|
||||
border: none;
|
||||
border-width: 8px 0 2px 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.resume {
|
||||
position:relative;
|
||||
padding: 40px 80px;
|
||||
}
|
||||
|
||||
a[href$='.pdf'] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
letter-spacing: 0;
|
||||
margin-top: 0;
|
||||
font-size: 48px;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
h2 {
|
||||
letter-spacing: 0;
|
||||
text-transform: uppercase;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
}
|
||||
h3 {
|
||||
float: left;
|
||||
width: 16%;
|
||||
font-style: normal;
|
||||
}
|
||||
h3+p {
|
||||
float: left;
|
||||
width: 84%;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
top: 40px;
|
||||
right: 50px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 28%;
|
||||
float: left;
|
||||
}
|
||||
ul dl {
|
||||
margin: 0;
|
||||
padding: 0.3em 0 0;
|
||||
dt {
|
||||
font-size: 122%;
|
||||
font-weight: normal;
|
||||
margin: 0 0 .75em;
|
||||
}
|
||||
dd {
|
||||
padding: 0 4em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
float: left;
|
||||
width: 84%;
|
||||
margin: .7em 0 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
width: 33%;
|
||||
margin: 0;
|
||||
}
|
||||
ol li:nth-child(3n) {
|
||||
width: 34%;
|
||||
}
|
||||
ol li:nth-child(1), ol li:nth-child(2), ol li:nth-child(3) {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: .7em 0 0;
|
||||
page-break-inside: avoid !important;
|
||||
display: block;
|
||||
width:84%;
|
||||
float: left;
|
||||
dt {}
|
||||
dd {
|
||||
}
|
||||
strong {
|
||||
float: right;
|
||||
margin-top: -2em;
|
||||
}
|
||||
em {
|
||||
font-size: 130%;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
96
templates/roboto/css/pdf.less
Normal file
96
templates/roboto/css/pdf.less
Normal file
@@ -0,0 +1,96 @@
|
||||
body.pdf {
|
||||
color: black;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
|
||||
&[href$='.pdf'],
|
||||
&[href*='github'] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 1080px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
background: none;
|
||||
border: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.resume {
|
||||
position:relative;
|
||||
padding: 40px 80px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
letter-spacing: 0;
|
||||
margin-top: 0;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h2 {
|
||||
letter-spacing: 0;
|
||||
text-transform: uppercase;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-style: normal;
|
||||
|
||||
+ p {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
top: 40px;
|
||||
right: 50px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
ul {
|
||||
}
|
||||
|
||||
ul li {
|
||||
}
|
||||
|
||||
// ul dl {
|
||||
// margin: 0;
|
||||
// padding: 0.3em 0 0;
|
||||
|
||||
// dt {
|
||||
// font-size: 122%;
|
||||
// font-weight: normal;
|
||||
// margin: 0 0 .75em;
|
||||
// }
|
||||
|
||||
// dd {
|
||||
// padding: 0 4em 0 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
// ol {
|
||||
// margin: .7em 0 0;
|
||||
// }
|
||||
|
||||
// ol li {
|
||||
// margin: 0;
|
||||
// }
|
||||
|
||||
// dl {
|
||||
// margin: .7em 0 0;
|
||||
// page-break-inside: avoid !important;
|
||||
// display: block;
|
||||
// // width:90%;
|
||||
|
||||
// em {
|
||||
// font-size: 130%;
|
||||
// font-style: normal;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
zoom: 1;
|
||||
&:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
@@ -10,12 +10,12 @@
|
||||
}
|
||||
|
||||
body {
|
||||
font: 12px normal 'Hoefler Text', Times New Roman, Times, serif;
|
||||
/*font: 12px normal 'Hoefler Text', Times New Roman, Times, serif;*/
|
||||
/*font-family: 'Roboto', sans-serif;*/
|
||||
color: #444;
|
||||
}
|
||||
h1, h2, h3, h4, ul dl dt {
|
||||
font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
|
||||
/*font-family: Futura, "Century Gothic", AppleGothic, sans-serif;*/
|
||||
}
|
||||
|
||||
.container {
|
||||
@@ -58,9 +58,9 @@ a[href*='github'] {
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
/*p {
|
||||
font-size: 1em;
|
||||
}*/
|
||||
|
||||
blockquote {
|
||||
margin: 0;
|
||||
@@ -80,7 +80,7 @@ hr {
|
||||
margin: 18px auto;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
border: none;
|
||||
border: 0;
|
||||
border-top: 1px solid #CCC;
|
||||
font-size: 1px;
|
||||
line-height: 0;
|
||||
@@ -110,13 +110,12 @@ h2 {
|
||||
}
|
||||
|
||||
h3 {
|
||||
.drop-shadow();
|
||||
border-bottom: 5px solid #000;
|
||||
margin: 0;
|
||||
padding: .25em 0 .25em .3em;
|
||||
font-size: 2em;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
border-bottom: 5px solid rgba(0,0,0,.8);
|
||||
}
|
||||
|
||||
h3+p,
|
||||
@@ -124,8 +123,8 @@ h3~ul {
|
||||
margin: .2em 0 1.2em;
|
||||
padding: 0;
|
||||
display: block;
|
||||
/*font-size: 1.1em;*/
|
||||
line-height: 24px;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
h3~ul {
|
||||
padding-left: 1.5em;
|
||||
@@ -133,28 +132,22 @@ h3~ul {
|
||||
|
||||
h4 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#experience ~ dl {
|
||||
dt {
|
||||
float: left;
|
||||
}
|
||||
dd {
|
||||
float: right;
|
||||
width: 35%;
|
||||
}
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.2em;
|
||||
/*font-size: 1.2em;*/
|
||||
}
|
||||
|
||||
ul li ul li {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
margin: 0 0 0 1.5em;
|
||||
ul,
|
||||
ol {
|
||||
li ul li {
|
||||
font-style: italic;
|
||||
margin: 0 0 0 1.5em;
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
ul dl {
|
||||
@@ -162,7 +155,7 @@ ul dl {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
dt {
|
||||
font-size: 1em;
|
||||
/*font-size: 1em;*/
|
||||
}
|
||||
dd {
|
||||
margin: 0 0 1em;
|
||||
@@ -174,28 +167,29 @@ ul dl {
|
||||
|
||||
ol {
|
||||
margin: 0;
|
||||
margin-left: 1em;
|
||||
padding: 0 0 .75em;
|
||||
width: 84%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
ol li {
|
||||
margin: 0 0 0 1em;
|
||||
margin: 0 0 0 .5em;
|
||||
padding: 0;
|
||||
border-top: 1px solid #CCCCCC;
|
||||
width: 100%;
|
||||
/*float: left;*/
|
||||
list-style: none;
|
||||
line-height: 2em;
|
||||
font-size: 1.1em;
|
||||
/*list-style: none;*/
|
||||
line-height: 1.5em;
|
||||
font-size: 1em;
|
||||
}
|
||||
ol li:nth-child(1) {
|
||||
border-top: none;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
width: 95%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
dt {
|
||||
@@ -216,15 +210,41 @@ dl {
|
||||
font-size: 1.2em;
|
||||
margin: .15em 0 .5em;
|
||||
}
|
||||
}
|
||||
|
||||
#experience {
|
||||
~ dl {
|
||||
dt {
|
||||
float: left;
|
||||
margin-top: 1em;
|
||||
}
|
||||
dd {
|
||||
float: right;
|
||||
text-align: right;
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
|
||||
~ p {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
~ ul {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
~ ol li {
|
||||
border: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer + p {
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
+ p {
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@@ -1,159 +0,0 @@
|
||||
|
||||
|
||||
/*
|
||||
Mobile layout
|
||||
240–479 px
|
||||
Zoomed out below 320 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 15em) {
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Wide mobile layout
|
||||
480-767 px
|
||||
Zoomed in above 480 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 30em) {
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Tablet layout
|
||||
600-911 px
|
||||
Zoomed in above 600 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 37.5em) {
|
||||
body {
|
||||
padding: 2em 0;
|
||||
}
|
||||
blockquote {
|
||||
top: 10px;
|
||||
right: 50px;
|
||||
position: absolute;
|
||||
}
|
||||
h1 { /* Open up the top section height so we don't collapse on the blockquote */
|
||||
margin-top: .5em;
|
||||
}
|
||||
ol {
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
ol li {
|
||||
width: 50%;
|
||||
margin: 0;
|
||||
}
|
||||
ol li:nth-child(1), ol li:nth-child(2) {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Widescreen layout
|
||||
912-1887 px
|
||||
Zoomed in above 912 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 57em) {
|
||||
.container {
|
||||
width: 912px;
|
||||
}
|
||||
.resume {
|
||||
position:relative;
|
||||
padding: 40px 50px;
|
||||
}
|
||||
blockquote {
|
||||
top: 40px;
|
||||
right: 50px;
|
||||
position: absolute;
|
||||
}
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
font-size: 48px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
font-style: italic;
|
||||
letter-spacing: 2px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h3 {
|
||||
float: left;
|
||||
width: 16%;
|
||||
}
|
||||
|
||||
h3+p {
|
||||
float: left;
|
||||
width: 84%;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 28%;
|
||||
float: left;
|
||||
}
|
||||
ul dl {
|
||||
dt {
|
||||
font-size: 122%;
|
||||
font-weight: normal;
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
dd {
|
||||
padding: 0 4em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
float: left;
|
||||
width: 84%;
|
||||
margin: .6em 0 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
width: 33%;
|
||||
margin: 0;
|
||||
}
|
||||
ol li:nth-child(3n) {
|
||||
width: 34%;
|
||||
}
|
||||
ol li:nth-child(1), ol li:nth-child(2), ol li:nth-child(3) {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: .5em 0 0;
|
||||
dt {
|
||||
}
|
||||
dd {
|
||||
}
|
||||
strong {
|
||||
float: right;
|
||||
margin-top: -2em;
|
||||
}
|
||||
em {
|
||||
font-size: 130%;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Huge-screen layout
|
||||
1888-2520 px
|
||||
Zoomed in above 1920 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 118em) {
|
||||
|
||||
|
||||
}
|
||||
159
templates/roboto/css/screen.less
Normal file
159
templates/roboto/css/screen.less
Normal file
@@ -0,0 +1,159 @@
|
||||
|
||||
|
||||
/*
|
||||
Mobile layout
|
||||
240–479 px
|
||||
Zoomed out below 320 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 15em) {
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Wide mobile layout
|
||||
480-767 px
|
||||
Zoomed in above 480 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 30em) {
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Tablet layout
|
||||
600-911 px
|
||||
Zoomed in above 600 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 37.5em) {
|
||||
body {
|
||||
padding: 2em 0;
|
||||
}
|
||||
blockquote {
|
||||
top: 10px;
|
||||
right: 50px;
|
||||
position: absolute;
|
||||
}
|
||||
h1 { /* Open up the top section height so we don't collapse on the blockquote */
|
||||
margin-top: .5em;
|
||||
}
|
||||
ol {
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
ol li {
|
||||
width: 50%;
|
||||
margin: 0;
|
||||
}
|
||||
ol li:nth-child(1), ol li:nth-child(2) {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Widescreen layout
|
||||
912-1887 px
|
||||
Zoomed in above 912 px
|
||||
*/
|
||||
|
||||
/*@media screen and (min-width: 57em) {
|
||||
.container {
|
||||
width: 912px;
|
||||
}
|
||||
.resume {
|
||||
position:relative;
|
||||
padding: 40px 50px;
|
||||
}
|
||||
blockquote {
|
||||
top: 40px;
|
||||
right: 50px;
|
||||
position: absolute;
|
||||
}
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
font-size: 48px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
font-weight: normal;
|
||||
}
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
font-style: italic;
|
||||
letter-spacing: 2px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h3 {
|
||||
float: left;
|
||||
width: 16%;
|
||||
}
|
||||
|
||||
h3+p {
|
||||
float: left;
|
||||
width: 84%;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 28%;
|
||||
float: left;
|
||||
}
|
||||
ul dl {
|
||||
dt {
|
||||
font-size: 122%;
|
||||
font-weight: normal;
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
dd {
|
||||
padding: 0 4em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
float: left;
|
||||
width: 84%;
|
||||
margin: .6em 0 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
width: 33%;
|
||||
margin: 0;
|
||||
}
|
||||
ol li:nth-child(3n) {
|
||||
width: 34%;
|
||||
}
|
||||
ol li:nth-child(1), ol li:nth-child(2), ol li:nth-child(3) {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: .5em 0 0;
|
||||
dt {
|
||||
}
|
||||
dd {
|
||||
}
|
||||
strong {
|
||||
float: right;
|
||||
margin-top: -2em;
|
||||
}
|
||||
em {
|
||||
font-size: 130%;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}*/
|
||||
|
||||
|
||||
/*
|
||||
Huge-screen layout
|
||||
1888-2520 px
|
||||
Zoomed in above 1920 px
|
||||
*/
|
||||
|
||||
@media screen and (min-width: 118em) {
|
||||
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user