Merge pull request #44 from t-h-e/master

simplified less and added education and publications in main wrapper
This commit is contained in:
sharath Kumar 2018-02-08 09:24:20 +05:30 committed by GitHub
commit 976f2e27f7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
50 changed files with 389 additions and 3110 deletions

View File

@ -2,6 +2,7 @@
title: My Resume
url: 'http://webjeda.com'
baseurl: '/online-cv' #change it according to your repository name
about: True # set to False or comment line if you want to remove the "How to use?" in the sidebar
# Enable one of these styles by removing #. Style will be applied only after restarting the build or serve.
#style: styles-2
@ -28,6 +29,9 @@ github: sharu725
twitter: '@webjeda'
#Update all the sections by editing the files inside _data folder.
# uncomment the next line, if you want the education section displayed in main instead of the sidebar
#education_in_main: True
# Tracker
analytics: UA-83979019-1

View File

@ -2,7 +2,15 @@
degree: MSc in Computer Science
university: University of London
time: 2011 - 2012
details: "Describe your study here lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem."
- education:
degree: BSc in Applied Mathematics
university: Bristol University
time: 2007 - 2011
details: "Describe your study here lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem."

View File

@ -1,24 +1,23 @@
- intro:
description: "You can list your side projects or open source libraries in this section. Lorem ipsum dolor
intro: "You can list your side projects or open source libraries in this section. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus."
- project:
title: Velocity
link: "#hook"
tagline: "A responsive website template designed to help startups promote, market and sell their products."
- project:
title: DevStudio
link: "#"
tagline: "A responsive website template designed to help web developers/designers market their services."
- project:
title: Tempo
link: "#"
tagline: "A responsive website template designed to help startups promote their products or services and to attract users & investors"
- project:
title: Atom
link: "#"
tagline: "A comprehensive website template solution for startups/developers to market their mobile apps."
- project:
title: Delta
link: "#"
tagline: "A responsive Bootstrap one page theme designed to help app developers promote their mobile apps"
projects:
- project:
title: Velocity
link: "#hook"
tagline: "A responsive website template designed to help startups promote, market and sell their products."
- project:
title: DevStudio
link: "#"
tagline: "A responsive website template designed to help web developers/designers market their services."
- project:
title: Tempo
link: "#"
tagline: "A responsive website template designed to help startups promote their products or services and to attract users & investors"
- project:
title: Atom
link: "#"
tagline: "A comprehensive website template solution for startups/developers to market their mobile apps."
- project:
title: Delta
link: "#"
tagline: "A responsive Bootstrap one page theme designed to help app developers promote their mobile apps"

15
_data/publications.yml Normal file
View File

@ -0,0 +1,15 @@
intro: "You can list your publications in this section. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus."
publications:
- paper:
title: The Art of Computer Programming
authors: Donald E. Knuth
conference: Addison-Wesley, 1968
- paper:
title: "Genetic Programming III: Darwinian Invention & Problem Solving"
authors: Koza, J.R., Andre, D., Bennett, F.H., Keane, M.A.
conference: "Morgan Kaufmann Publishers Inc., San Francisco, CA, USA, 1st edn. (1999)"
- paper:
title: A syntax directed compiler for Algol 60
authors: Edgar T. Irons
conference: "Comm. ACM 4 (1961), 5155"

View File

@ -1,15 +1,43 @@
{% if site.data.educations %}
<div class="education-container container-block">
{% if site.education_in_main %}
<h2 class="container-block-title">Education</h2>
<section class="section educations-section">
<h2 class="section-title"><i class="fa fa-graduation-cap"></i>Education</h2>
{% for education in site.data.educations %}
<div class="item">
{% for education in site.data.educations %}
<div class="item">
<h4 class="degree">{{ education.degree }}</h4>
<h5 class="meta">{{ education.university }}</h5>
<div class="time">{{ education.time }}</div>
</div><!--//item-->
{% endfor %}
<div class="meta">
</div><!--//education-container-->
<div class="upper-row">
<h3 class="degree">{{ education.degree }}</h3>
<div class="time">{{ education.time }}</div>
</div><!--//upper-row-->
<div class="university">{{ education.university }}</div>
</div><!--//meta-->
{% if education.details %}
<div class="details">
<p>{{ education.details }}</p>
</div><!--//details-->
{% endif %}
</div><!--//item-->
{% endfor %}
</section><!--//section-->
{% else %}
<div class="education-container container-block">
<h2 class="container-block-title">Education</h2>
{% for education in site.data.educations %}
<div class="item">
<h4 class="degree">{{ education.degree }}</h4>
<h5 class="meta">{{ education.university }}</h5>
<div class="time">{{ education.time }}</div>
</div><!--//item-->
{% endfor %}
</div><!--//education-container-->
{% endif %}
{% endif %}

View File

@ -3,13 +3,13 @@
<h2 class="section-title"><i class="fa fa-archive"></i>Projects</h2>
{% for intro in site.data.projects %}
{% if site.data.projects.intro %}
<div class="intro">
<p>{{ intro.description }}</p>
<p>{{ site.data.projects.intro }}</p>
</div><!--//intro-->
{% endfor%}
{% endif %}
{% for project in site.data.projects %}
{% for project in site.data.projects.projects %}
<div class="item">
<span class="project-title"><a href="{{ project.link }}">{{ project.title }}</a></span>

View File

@ -0,0 +1,21 @@
{% if site.data.publications %}
<section class="section publications-section">
<h2 class="section-title"><i class="fa fa-file-text"></i>Publications</h2>
{% if site.data.publications.intro %}
<div class="intro">
<p>{{ site.data.publications.intro }}</p>
</div><!--//intro-->
{% endif %}
{% for publication in site.data.publications.publications %}
<div class="item">
<div class="publication-title">{{ publication.title }}</div>
<div class="publication-authors">{{ publication.authors }}</div>
<div class="publication-conference">{{ publication.conference }}</div>
</div><!--//item-->
{% endfor %}
</section><!--//section-->
{% endif %}

View File

@ -45,9 +45,13 @@
</ul>
</div><!--//contact-container-->
{% include education.html %}
{% if site.education_in_main == null or site.education_in_main == false %}
{% include education.html %}
{% endif %}
{% include language.html %}
{% include interests.html %}
{% include about.html %}
{% if site.about %}
{% include about.html %}
{% endif %}
</div><!--//sidebar-wrapper-->

View File

@ -6,7 +6,6 @@
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* styles-2.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
@ -17,11 +16,6 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
body{
padding: 0;
}
}
h1,
h2,
h3,
@ -49,7 +43,7 @@ p {
}
.wrapper {
background: #4CAC9D;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -60,7 +54,7 @@ p {
background: #4CAC9D;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -90,6 +84,13 @@ p {
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
@ -160,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -195,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -203,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -216,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -232,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -250,8 +269,7 @@ p {
background: #7ec6bb;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;
@ -263,6 +281,9 @@ p {
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
body {
padding: 0;
}
.sidebar-wrapper {
position: static;
width: inherit;
@ -298,15 +319,4 @@ p {
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
/*
used for profile image
*/
.profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* styles-2.css */

View File

@ -6,7 +6,6 @@
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* styles-3.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
@ -17,11 +16,6 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
body{
padding: 0;
}
}
h1,
h2,
h3,
@ -49,7 +43,7 @@ p {
}
.wrapper {
background: #5BB66F;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -60,7 +54,7 @@ p {
background: #5BB66F;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -90,6 +84,13 @@ p {
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
@ -160,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -195,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -203,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -216,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -232,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -250,8 +269,7 @@ p {
background: #90ce9d;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;
@ -263,6 +281,9 @@ p {
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
body {
padding: 0;
}
.sidebar-wrapper {
position: static;
width: inherit;
@ -298,15 +319,4 @@ p {
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
/*
used for profile image
*/
.profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* styles-3.css */

View File

@ -6,7 +6,6 @@
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* styles-4.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
@ -17,11 +16,6 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
body{
padding: 0;
}
}
h1,
h2,
h3,
@ -49,7 +43,7 @@ p {
}
.wrapper {
background: #A15277;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -60,7 +54,7 @@ p {
background: #A15277;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -90,6 +84,13 @@ p {
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
@ -160,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -195,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -203,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -216,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -232,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -250,8 +269,7 @@ p {
background: #bf819e;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;
@ -263,6 +281,9 @@ p {
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
body {
padding: 0;
}
.sidebar-wrapper {
position: static;
width: inherit;
@ -298,15 +319,4 @@ p {
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
/*
used for profile image
*/
.profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* styles-4.css */

View File

@ -6,7 +6,6 @@
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* styles-5.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
@ -17,11 +16,6 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
body{
padding: 0;
}
}
h1,
h2,
h3,
@ -49,7 +43,7 @@ p {
}
.wrapper {
background: #FDA246;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -60,7 +54,7 @@ p {
background: #FDA246;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -90,6 +84,13 @@ p {
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
@ -160,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -195,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -203,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -216,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -232,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -250,8 +269,7 @@ p {
background: #fec892;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;
@ -263,6 +281,9 @@ p {
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
body {
padding: 0;
}
.sidebar-wrapper {
position: static;
width: inherit;
@ -298,15 +319,4 @@ p {
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
/*
used for profile image
*/
.profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* styles-5.css */

View File

@ -6,7 +6,6 @@
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* styles-6.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
@ -16,12 +15,6 @@ body {
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
body{
padding: 0;
}
}
h1,
h2,
@ -50,7 +43,7 @@ p {
}
.wrapper {
background: #4B6A78;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -61,7 +54,7 @@ p {
background: #4B6A78;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -91,6 +84,13 @@ p {
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #6c92a3;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;
@ -264,6 +281,9 @@ p {
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
body {
padding: 0;
}
.sidebar-wrapper {
position: static;
width: inherit;
@ -299,15 +319,4 @@ p {
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
/*
used for profile image
*/
.profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* styles-6.css */

View File

@ -6,7 +6,6 @@
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* styles.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
@ -17,12 +16,6 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
body{
padding: 0;
}
}
h1,
h2,
h3,
@ -50,7 +43,7 @@ p {
}
.wrapper {
background: #42A8C0;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@ -61,7 +54,7 @@ p {
background: #42A8C0;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -91,6 +84,13 @@ p {
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
@ -161,7 +161,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
}
.main-wrapper .section-title {
text-transform: uppercase;
@ -196,7 +196,8 @@ p {
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
.main-wrapper .experiences-section .item,
.main-wrapper .educations-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
@ -204,7 +205,8 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
.main-wrapper .job-title,
.main-wrapper .degree {
color: #3F4650;
font-size: 16px;
margin-top: 0;
@ -217,7 +219,8 @@ p {
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
.main-wrapper .company,
.main-wrapper .university {
margin-bottom: 10px;
color: #97AAC3;
}
@ -233,6 +236,21 @@ p {
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.main-wrapper .publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.main-wrapper .publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.main-wrapper .publications-section .intro {
margin-bottom: 30px;
}
.main-wrapper .publications-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
@ -251,8 +269,7 @@ p {
background: #7bc2d3;
}
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
}
.footer .copyright {
line-height: 1.6;
@ -264,6 +281,9 @@ p {
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
body {
padding: 0;
}
.sidebar-wrapper {
position: static;
width: inherit;
@ -299,14 +319,4 @@ p {
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
/*
used for profile image
*/
.profile-img {
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* styles.css */

View File

@ -1,295 +0,0 @@
/*
* Template Name: Orbit - Responsive Resume/CV Template for Developers
* Version: 1.0
* Author: Xiaoying Riley
* Twitter: @3rdwave_themes
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* styles-5.css */
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
color: #545E6C;
background: #f5f5f5;
font-size: 14px;
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
a {
color: #f47c03;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
a:hover {
text-decoration: underline;
color: #a85502;
}
a:focus {
text-decoration: none;
}
p {
line-height: 1.5;
}
.wrapper {
background: #FDA246;
max-width: 960px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.sidebar-wrapper {
background: #FDA246;
position: absolute;
right: 0;
width: 240px;
height: 100%;
min-height: 800px;
color: #fff;
}
.sidebar-wrapper a {
color: #fff;
}
.sidebar-wrapper .profile-container {
padding: 30px;
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.sidebar-wrapper .name {
font-size: 32px;
font-weight: 900;
margin-top: 0;
margin-bottom: 10px;
}
.sidebar-wrapper .tagline {
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.sidebar-wrapper .profile {
margin-bottom: 15px;
}
.sidebar-wrapper .contact-list .fa {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
.sidebar-wrapper .contact-list li {
margin-bottom: 15px;
}
.sidebar-wrapper .contact-list li:last-child {
margin-bottom: 0;
}
.sidebar-wrapper .contact-list .email .fa {
font-size: 14px;
}
.sidebar-wrapper .container-block {
padding: 30px;
}
.sidebar-wrapper .container-block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.sidebar-wrapper .degree {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.sidebar-wrapper .education-container .item {
margin-bottom: 15px;
}
.sidebar-wrapper .education-container .item:last-child {
margin-bottom: 0;
}
.sidebar-wrapper .education-container .meta {
color: rgba(255, 255, 255, 0.6);
font-weight: 500;
margin-bottom: 0px;
margin-top: 0;
}
.sidebar-wrapper .education-container .time {
color: rgba(255, 255, 255, 0.6);
font-weight: 500;
margin-bottom: 0px;
}
.sidebar-wrapper .languages-container .lang-desc {
color: rgba(255, 255, 255, 0.6);
}
.sidebar-wrapper .languages-list {
margin-bottom: 0;
}
.sidebar-wrapper .languages-list li {
margin-bottom: 10px;
}
.sidebar-wrapper .languages-list li:last-child {
margin-bottom: 0;
}
.sidebar-wrapper .interests-list {
margin-bottom: 0;
}
.sidebar-wrapper .interests-list li {
margin-bottom: 10px;
}
.sidebar-wrapper .interests-list li:last-child {
margin-bottom: 0;
}
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
}
.main-wrapper .section-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
color: #f47c03;
position: relative;
margin-top: 0;
margin-bottom: 20px;
}
.main-wrapper .section-title .fa {
width: 30px;
height: 30px;
margin-right: 8px;
display: inline-block;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #f47c03;
text-align: center;
padding-top: 8px;
font-size: 16px;
position: relative;
top: -2px;
}
.main-wrapper .section {
margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
margin-bottom: 30px;
}
.main-wrapper .upper-row {
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
.main-wrapper .job-title {
color: #3F4650;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.main-wrapper .time {
position: absolute;
right: 0;
top: 0;
color: #97AAC3;
}
.main-wrapper .company {
margin-bottom: 10px;
color: #97AAC3;
}
.main-wrapper .project-title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.main-wrapper .projects-section .intro {
margin-bottom: 30px;
}
.main-wrapper .projects-section .item {
margin-bottom: 15px;
}
.skillset .item {
margin-bottom: 15px;
overflow: hidden;
}
.skillset .level-title {
font-size: 14px;
margin-top: 0;
margin-bottom: 12px;
}
.skillset .level-bar {
height: 12px;
background: #f5f5f5;
}
.skillset .level-bar-inner {
height: 12px;
background: #fec892;
}
.footer {
padding: 30px;
padding-top: 60px;
}
.footer .copyright {
line-height: 1.6;
color: #545E6C;
font-size: 13px;
}
.footer .fa-heart {
color: #fb866a;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.sidebar-wrapper {
position: static;
width: inherit;
}
.main-wrapper {
padding: 30px;
}
.main-wrapper .time {
position: static;
display: block;
margin-top: 5px;
}
.main-wrapper .upper-row {
margin-bottom: 0;
}
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.skillset .level-title {
display: inline-block;
float: left;
width: 30%;
margin-bottom: 0;
}
.skillset .level-bar {
display: inline-block;
width: 70%;
float: left;
position: relative;
top: 1px;
}
}
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */

View File

@ -31,7 +31,7 @@ p {
.wrapper {
background:@theme-color;
max-width: 960px;
max-width: 1000px;
margin: 0 auto;
position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1));
@ -41,7 +41,7 @@ p {
background: @theme-color;
position: absolute;
right: 0;
width: 240px;
width: 280px;
height: 100%;
min-height: 800px;
color: #fff;
@ -71,6 +71,15 @@ p {
.profile {
margin-bottom: 15px;
}
.profile-img {
//used for profile image
max-width: 100px;
margin-bottom: 15px;
border: 0px solid #fff;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.contact-list {
.fa {
margin-right: 5px;
@ -153,7 +162,7 @@ p {
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
padding-right: 340px;
.section-title {
text-transform: uppercase;
font-size: 20px;
@ -182,7 +191,7 @@ p {
margin-bottom: 60px;
}
.experiences-section {
.experiences-section, .educations-section {
.item {
margin-bottom: 30px;
}
@ -192,7 +201,7 @@ p {
overflow: hidden;
margin-bottom: 2px;
}
.job-title {
.job-title, .degree {
color: @text-color;
font-size: 16px;
margin-top: 0;
@ -205,7 +214,7 @@ p {
top: 0;
color: @text-grey;
}
.company {
.company, .university {
margin-bottom: 10px;
color: @text-grey;
}
@ -225,6 +234,23 @@ p {
}
}
.publication-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 1px;
}
.publication-authors {
font-style: italic;
margin-bottom: 1px;
}
.publications-section {
.intro {
margin-bottom: 30px;
}
.item {
margin-bottom: 15px;
}
}
}
@ -252,8 +278,7 @@ p {
.footer {
padding: 30px;
padding-top: 60px;
padding-top: 30px;
.copyright {
line-height: 1.6;
color: @text-color-secondary;

View File

@ -7,6 +7,5 @@
* Website: http://themes.3rdwavemedia.com/
*/
@import "mixins.less";
@import "theme-default.less";
@import "base.less";
@import "responsive.less";

View File

@ -1,6 +1,10 @@
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
body{
padding: 0;
}
.sidebar-wrapper {
position: static;
width: inherit;

View File

@ -1,12 +0,0 @@
/*
* Template Name: Orbit - Responsive Resume/CV Template for Developers
* Version: 1.0
* Author: Xiaoying Riley
* Twitter: @3rdwave_themes
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
@import "mixins.less";
@import "theme-default.less";
@import "base.less";
@import "responsive.less";

View File

@ -0,0 +1,2 @@
@import "default/default.less";
@import "theme-2/theme-2.less";

View File

@ -0,0 +1,2 @@
@import "default/default.less";
@import "theme-3/theme-3.less";

View File

@ -0,0 +1,2 @@
@import "default/default.less";
@import "theme-4/theme-4.less";

View File

@ -0,0 +1,2 @@
@import "default/default.less";
@import "theme-5/theme-5.less";

View File

@ -0,0 +1,2 @@
@import "default/default.less";
@import "theme-6/theme-6.less";

2
assets/less/styles.less Normal file
View File

@ -0,0 +1,2 @@
@import "default/default.less";
@import "default/theme-default.less";

View File

@ -1,267 +0,0 @@
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
color: @text-color-secondary;
background: @smoky-white;
font-size: 14px;
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
a {
color: darken(@theme-color, 15%);
.transition (all 0.4s ease-in-out);
&:hover {
text-decoration: underline;
color: darken(@theme-color, 30%);
}
&:focus {
text-decoration: none;
}
}
p {
line-height: 1.5;
}
.wrapper {
background:@theme-color;
max-width: 960px;
margin: 0 auto;
position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1));
}
.sidebar-wrapper {
background: @theme-color;
position: absolute;
right: 0;
width: 240px;
height: 100%;
min-height: 800px;
color: #fff;
a {
color: #fff;
}
.profile-container {
padding: 30px;
//background: darken(@theme-color, 10%);
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.name {
font-size: 32px;
font-weight: 900;
margin-top: 0;
margin-bottom: 10px;
}
.tagline {
color: rgba(256, 256, 256, 0.6);
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.profile {
margin-bottom: 15px;
}
.contact-list {
.fa {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
li {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.email {
.fa {
font-size: 14px;
}
}
}
.container-block {
padding: 30px;
}
.container-block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.degree {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.education-container {
.item {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.meta {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
margin-top: 0;
}
.time {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
}
}
.languages-container {
.lang-desc {
color: rgba(256, 256, 256, 0.6);
}
}
.languages-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
.interests-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
}
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
.section-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
color: darken(@theme-color, 15%);
position: relative;
margin-top: 0;
margin-bottom: 20px;
.fa {
width: 30px;
height: 30px;
margin-right: 8px;
display: inline-block;
color: #fff;
.border-radius(50%);
background: darken(@theme-color, 15%);
text-align: center;
padding-top: 8px;
font-size: 16px;
position: relative;
top: -2px;
}
}
.section {
margin-bottom: 60px;
}
.experiences-section {
.item {
margin-bottom: 30px;
}
}
.upper-row {
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
.job-title {
color: @text-color;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.time {
position: absolute;
right: 0;
top: 0;
color: @text-grey;
}
.company {
margin-bottom: 10px;
color: @text-grey;
}
.project-title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.projects-section {
.intro {
margin-bottom: 30px;
}
.item {
margin-bottom: 15px;
}
}
}
.skillset {
.item {
margin-bottom: 15px;
overflow: hidden;
}
.level-title {
font-size: 14px;
margin-top: 0;
margin-bottom: 12px;
}
.level-bar {
height: 12px;
background: @smoky-white;
}
.level-bar-inner {
height: 12px;
background: lighten(@theme-color, 15%);
}
}
.footer {
padding: 30px;
padding-top: 60px;
.copyright {
line-height: 1.6;
color: @text-color-secondary;
font-size: 13px;
}
.fa-heart {
color: @heart;
}
}

View File

@ -1,180 +0,0 @@
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
text-shadow: @string;
}
.box-shadow (@string) {
-webkit-box-shadow: @string;
-moz-box-shadow: @string;
box-shadow: @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.box-sizing (@type: border-box) {
-webkit-box-sizing: @type;
-moz-box-sizing: @type;
box-sizing: @type;
}
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.opacity (@opacity: 0.5) {
-webkit-opacity: @opacity;
-moz-opacity: @opacity;
opacity: @opacity;
}
.gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
background: -webkit-linear-gradient(top, @startColor, @endColor);
background: -moz-linear-gradient(top, @startColor, @endColor);
background: -ms-linear-gradient(top, @startColor, @endColor);
background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
background-image: -webkit-linear-gradient(left, @startColor, @endColor);
background-image: -moz-linear-gradient(left, @startColor, @endColor);
background-image: -ms-linear-gradient(left, @startColor, @endColor);
background-image: -o-linear-gradient(left, @startColor, @endColor);
}
.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
-webkit-animation: @name @duration @delay @ease;
-moz-animation: @name @duration @delay @ease;
-ms-animation: @name @duration @delay @ease;
}
.transition (@transition) {
-webkit-transition: @transition;
-moz-transition: @transition;
-ms-transition: @transition;
-o-transition: @transition;
}
.transform(@string){
-webkit-transform: @string;
-moz-transform: @string;
-ms-transform: @string;
-o-transform: @string;
}
.scale (@factor) {
-webkit-transform: scale(@factor);
-moz-transform: scale(@factor);
-ms-transform: scale(@factor);
-o-transform: scale(@factor);
}
.rotate (@deg) {
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-ms-transform: rotate(@deg);
-o-transform: rotate(@deg);
}
.skew (@deg, @deg2) {
-webkit-transform: skew(@deg, @deg2);
-moz-transform: skew(@deg, @deg2);
-ms-transform: skew(@deg, @deg2);
-o-transform: skew(@deg, @deg2);
}
.translate (@x, @y:0) {
-webkit-transform: translate(@x, @y);
-moz-transform: translate(@x, @y);
-ms-transform: translate(@x, @y);
-o-transform: translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
-webkit-transform: translate3d(@x, @y, @z);
-moz-transform: translate3d(@x, @y, @z);
-ms-transform: translate3d(@x, @y, @z);
-o-transform: translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
-webkit-perspective: @value;
-moz-perspective: @value;
-ms-perspective: @value;
perspective: @value;
}
.transform-origin (@x:center, @y:center) {
-webkit-transform-origin: @x @y;
-moz-transform-origin: @x @y;
-ms-transform-origin: @x @y;
-o-transform-origin: @x @y;
}
.reset-box-sizing (@size:content-box) {
&,
*,
*:before,
*:after {
.box-sizing(@size);
}
}
.truncate (@max-width: 250px) {
max-width: @max-width;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.background-size (@string: contain) {
-webkit-background-size: @string;
-moz-background-size: @string;
-o-background-size: @string;
background-size: @string;
}
// retina.less
// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
@media @highdpi {
background-image: url("@{at2x_path}");
background-size: @w @h;
}
}

View File

@ -1,63 +0,0 @@
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.sidebar-wrapper {
position: static;
width: inherit;
}
.main-wrapper {
padding: 30px;
}
.main-wrapper .time {
position: static;
display: block;
margin-top: 5px;
}
.main-wrapper .upper-row {
margin-bottom: 0;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.skillset .level-title {
display: inline-block;
float: left;
width: 30%;
margin-bottom: 0;
}
.skillset .level-bar {
display: inline-block;
width: 70%;
float: left;
position: relative;
top: 1px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* Ex-Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
}

View File

@ -1,267 +0,0 @@
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
color: @text-color-secondary;
background: @smoky-white;
font-size: 14px;
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
a {
color: darken(@theme-color, 15%);
.transition (all 0.4s ease-in-out);
&:hover {
text-decoration: underline;
color: darken(@theme-color, 30%);
}
&:focus {
text-decoration: none;
}
}
p {
line-height: 1.5;
}
.wrapper {
background:@theme-color;
max-width: 960px;
margin: 0 auto;
position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1));
}
.sidebar-wrapper {
background: @theme-color;
position: absolute;
right: 0;
width: 240px;
height: 100%;
min-height: 800px;
color: #fff;
a {
color: #fff;
}
.profile-container {
padding: 30px;
//background: darken(@theme-color, 10%);
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.name {
font-size: 32px;
font-weight: 900;
margin-top: 0;
margin-bottom: 10px;
}
.tagline {
color: rgba(256, 256, 256, 0.6);
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.profile {
margin-bottom: 15px;
}
.contact-list {
.fa {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
li {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.email {
.fa {
font-size: 14px;
}
}
}
.container-block {
padding: 30px;
}
.container-block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.degree {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.education-container {
.item {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.meta {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
margin-top: 0;
}
.time {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
}
}
.languages-container {
.lang-desc {
color: rgba(256, 256, 256, 0.6);
}
}
.languages-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
.interests-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
}
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
.section-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
color: darken(@theme-color, 15%);
position: relative;
margin-top: 0;
margin-bottom: 20px;
.fa {
width: 30px;
height: 30px;
margin-right: 8px;
display: inline-block;
color: #fff;
.border-radius(50%);
background: darken(@theme-color, 15%);
text-align: center;
padding-top: 8px;
font-size: 16px;
position: relative;
top: -2px;
}
}
.section {
margin-bottom: 60px;
}
.experiences-section {
.item {
margin-bottom: 30px;
}
}
.upper-row {
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
.job-title {
color: @text-color;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.time {
position: absolute;
right: 0;
top: 0;
color: @text-grey;
}
.company {
margin-bottom: 10px;
color: @text-grey;
}
.project-title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.projects-section {
.intro {
margin-bottom: 30px;
}
.item {
margin-bottom: 15px;
}
}
}
.skillset {
.item {
margin-bottom: 15px;
overflow: hidden;
}
.level-title {
font-size: 14px;
margin-top: 0;
margin-bottom: 12px;
}
.level-bar {
height: 12px;
background: @smoky-white;
}
.level-bar-inner {
height: 12px;
background: lighten(@theme-color, 15%);
}
}
.footer {
padding: 30px;
padding-top: 60px;
.copyright {
line-height: 1.6;
color: @text-color-secondary;
font-size: 13px;
}
.fa-heart {
color: @heart;
}
}

View File

@ -1,180 +0,0 @@
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
text-shadow: @string;
}
.box-shadow (@string) {
-webkit-box-shadow: @string;
-moz-box-shadow: @string;
box-shadow: @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.box-sizing (@type: border-box) {
-webkit-box-sizing: @type;
-moz-box-sizing: @type;
box-sizing: @type;
}
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.opacity (@opacity: 0.5) {
-webkit-opacity: @opacity;
-moz-opacity: @opacity;
opacity: @opacity;
}
.gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
background: -webkit-linear-gradient(top, @startColor, @endColor);
background: -moz-linear-gradient(top, @startColor, @endColor);
background: -ms-linear-gradient(top, @startColor, @endColor);
background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
background-image: -webkit-linear-gradient(left, @startColor, @endColor);
background-image: -moz-linear-gradient(left, @startColor, @endColor);
background-image: -ms-linear-gradient(left, @startColor, @endColor);
background-image: -o-linear-gradient(left, @startColor, @endColor);
}
.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
-webkit-animation: @name @duration @delay @ease;
-moz-animation: @name @duration @delay @ease;
-ms-animation: @name @duration @delay @ease;
}
.transition (@transition) {
-webkit-transition: @transition;
-moz-transition: @transition;
-ms-transition: @transition;
-o-transition: @transition;
}
.transform(@string){
-webkit-transform: @string;
-moz-transform: @string;
-ms-transform: @string;
-o-transform: @string;
}
.scale (@factor) {
-webkit-transform: scale(@factor);
-moz-transform: scale(@factor);
-ms-transform: scale(@factor);
-o-transform: scale(@factor);
}
.rotate (@deg) {
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-ms-transform: rotate(@deg);
-o-transform: rotate(@deg);
}
.skew (@deg, @deg2) {
-webkit-transform: skew(@deg, @deg2);
-moz-transform: skew(@deg, @deg2);
-ms-transform: skew(@deg, @deg2);
-o-transform: skew(@deg, @deg2);
}
.translate (@x, @y:0) {
-webkit-transform: translate(@x, @y);
-moz-transform: translate(@x, @y);
-ms-transform: translate(@x, @y);
-o-transform: translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
-webkit-transform: translate3d(@x, @y, @z);
-moz-transform: translate3d(@x, @y, @z);
-ms-transform: translate3d(@x, @y, @z);
-o-transform: translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
-webkit-perspective: @value;
-moz-perspective: @value;
-ms-perspective: @value;
perspective: @value;
}
.transform-origin (@x:center, @y:center) {
-webkit-transform-origin: @x @y;
-moz-transform-origin: @x @y;
-ms-transform-origin: @x @y;
-o-transform-origin: @x @y;
}
.reset-box-sizing (@size:content-box) {
&,
*,
*:before,
*:after {
.box-sizing(@size);
}
}
.truncate (@max-width: 250px) {
max-width: @max-width;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.background-size (@string: contain) {
-webkit-background-size: @string;
-moz-background-size: @string;
-o-background-size: @string;
background-size: @string;
}
// retina.less
// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
@media @highdpi {
background-image: url("@{at2x_path}");
background-size: @w @h;
}
}

View File

@ -1,63 +0,0 @@
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.sidebar-wrapper {
position: static;
width: inherit;
}
.main-wrapper {
padding: 30px;
}
.main-wrapper .time {
position: static;
display: block;
margin-top: 5px;
}
.main-wrapper .upper-row {
margin-bottom: 0;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.skillset .level-title {
display: inline-block;
float: left;
width: 30%;
margin-bottom: 0;
}
.skillset .level-bar {
display: inline-block;
width: 70%;
float: left;
position: relative;
top: 1px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* Ex-Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
}

View File

@ -1,12 +0,0 @@
/*
* Template Name: Orbit - Responsive Resume/CV Template for Developers
* Version: 1.0
* Author: Xiaoying Riley
* Twitter: @3rdwave_themes
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
@import "mixins.less";
@import "theme-default.less";
@import "base.less";
@import "responsive.less";

View File

@ -1,267 +0,0 @@
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
color: @text-color-secondary;
background: @smoky-white;
font-size: 14px;
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
a {
color: darken(@theme-color, 15%);
.transition (all 0.4s ease-in-out);
&:hover {
text-decoration: underline;
color: darken(@theme-color, 30%);
}
&:focus {
text-decoration: none;
}
}
p {
line-height: 1.5;
}
.wrapper {
background:@theme-color;
max-width: 960px;
margin: 0 auto;
position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1));
}
.sidebar-wrapper {
background: @theme-color;
position: absolute;
right: 0;
width: 240px;
height: 100%;
min-height: 800px;
color: #fff;
a {
color: #fff;
}
.profile-container {
padding: 30px;
//background: darken(@theme-color, 10%);
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.name {
font-size: 32px;
font-weight: 900;
margin-top: 0;
margin-bottom: 10px;
}
.tagline {
color: rgba(256, 256, 256, 0.6);
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.profile {
margin-bottom: 15px;
}
.contact-list {
.fa {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
li {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.email {
.fa {
font-size: 14px;
}
}
}
.container-block {
padding: 30px;
}
.container-block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.degree {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.education-container {
.item {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.meta {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
margin-top: 0;
}
.time {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
}
}
.languages-container {
.lang-desc {
color: rgba(256, 256, 256, 0.6);
}
}
.languages-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
.interests-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
}
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
.section-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
color: darken(@theme-color, 15%);
position: relative;
margin-top: 0;
margin-bottom: 20px;
.fa {
width: 30px;
height: 30px;
margin-right: 8px;
display: inline-block;
color: #fff;
.border-radius(50%);
background: darken(@theme-color, 15%);
text-align: center;
padding-top: 8px;
font-size: 16px;
position: relative;
top: -2px;
}
}
.section {
margin-bottom: 60px;
}
.experiences-section {
.item {
margin-bottom: 30px;
}
}
.upper-row {
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
.job-title {
color: @text-color;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.time {
position: absolute;
right: 0;
top: 0;
color: @text-grey;
}
.company {
margin-bottom: 10px;
color: @text-grey;
}
.project-title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.projects-section {
.intro {
margin-bottom: 30px;
}
.item {
margin-bottom: 15px;
}
}
}
.skillset {
.item {
margin-bottom: 15px;
overflow: hidden;
}
.level-title {
font-size: 14px;
margin-top: 0;
margin-bottom: 12px;
}
.level-bar {
height: 12px;
background: @smoky-white;
}
.level-bar-inner {
height: 12px;
background: lighten(@theme-color, 15%);
}
}
.footer {
padding: 30px;
padding-top: 60px;
.copyright {
line-height: 1.6;
color: @text-color-secondary;
font-size: 13px;
}
.fa-heart {
color: @heart;
}
}

View File

@ -1,180 +0,0 @@
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
text-shadow: @string;
}
.box-shadow (@string) {
-webkit-box-shadow: @string;
-moz-box-shadow: @string;
box-shadow: @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.box-sizing (@type: border-box) {
-webkit-box-sizing: @type;
-moz-box-sizing: @type;
box-sizing: @type;
}
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.opacity (@opacity: 0.5) {
-webkit-opacity: @opacity;
-moz-opacity: @opacity;
opacity: @opacity;
}
.gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
background: -webkit-linear-gradient(top, @startColor, @endColor);
background: -moz-linear-gradient(top, @startColor, @endColor);
background: -ms-linear-gradient(top, @startColor, @endColor);
background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
background-image: -webkit-linear-gradient(left, @startColor, @endColor);
background-image: -moz-linear-gradient(left, @startColor, @endColor);
background-image: -ms-linear-gradient(left, @startColor, @endColor);
background-image: -o-linear-gradient(left, @startColor, @endColor);
}
.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
-webkit-animation: @name @duration @delay @ease;
-moz-animation: @name @duration @delay @ease;
-ms-animation: @name @duration @delay @ease;
}
.transition (@transition) {
-webkit-transition: @transition;
-moz-transition: @transition;
-ms-transition: @transition;
-o-transition: @transition;
}
.transform(@string){
-webkit-transform: @string;
-moz-transform: @string;
-ms-transform: @string;
-o-transform: @string;
}
.scale (@factor) {
-webkit-transform: scale(@factor);
-moz-transform: scale(@factor);
-ms-transform: scale(@factor);
-o-transform: scale(@factor);
}
.rotate (@deg) {
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-ms-transform: rotate(@deg);
-o-transform: rotate(@deg);
}
.skew (@deg, @deg2) {
-webkit-transform: skew(@deg, @deg2);
-moz-transform: skew(@deg, @deg2);
-ms-transform: skew(@deg, @deg2);
-o-transform: skew(@deg, @deg2);
}
.translate (@x, @y:0) {
-webkit-transform: translate(@x, @y);
-moz-transform: translate(@x, @y);
-ms-transform: translate(@x, @y);
-o-transform: translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
-webkit-transform: translate3d(@x, @y, @z);
-moz-transform: translate3d(@x, @y, @z);
-ms-transform: translate3d(@x, @y, @z);
-o-transform: translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
-webkit-perspective: @value;
-moz-perspective: @value;
-ms-perspective: @value;
perspective: @value;
}
.transform-origin (@x:center, @y:center) {
-webkit-transform-origin: @x @y;
-moz-transform-origin: @x @y;
-ms-transform-origin: @x @y;
-o-transform-origin: @x @y;
}
.reset-box-sizing (@size:content-box) {
&,
*,
*:before,
*:after {
.box-sizing(@size);
}
}
.truncate (@max-width: 250px) {
max-width: @max-width;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.background-size (@string: contain) {
-webkit-background-size: @string;
-moz-background-size: @string;
-o-background-size: @string;
background-size: @string;
}
// retina.less
// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
@media @highdpi {
background-image: url("@{at2x_path}");
background-size: @w @h;
}
}

View File

@ -1,63 +0,0 @@
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.sidebar-wrapper {
position: static;
width: inherit;
}
.main-wrapper {
padding: 30px;
}
.main-wrapper .time {
position: static;
display: block;
margin-top: 5px;
}
.main-wrapper .upper-row {
margin-bottom: 0;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.skillset .level-title {
display: inline-block;
float: left;
width: 30%;
margin-bottom: 0;
}
.skillset .level-bar {
display: inline-block;
width: 70%;
float: left;
position: relative;
top: 1px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* Ex-Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
}

View File

@ -1,12 +0,0 @@
/*
* Template Name: Orbit - Responsive Resume/CV Template for Developers
* Version: 1.0
* Author: Xiaoying Riley
* Twitter: @3rdwave_themes
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
@import "mixins.less";
@import "theme-default.less";
@import "base.less";
@import "responsive.less";

View File

@ -1,267 +0,0 @@
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
color: @text-color-secondary;
background: @smoky-white;
font-size: 14px;
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
a {
color: darken(@theme-color, 15%);
.transition (all 0.4s ease-in-out);
&:hover {
text-decoration: underline;
color: darken(@theme-color, 30%);
}
&:focus {
text-decoration: none;
}
}
p {
line-height: 1.5;
}
.wrapper {
background:@theme-color;
max-width: 960px;
margin: 0 auto;
position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1));
}
.sidebar-wrapper {
background: @theme-color;
position: absolute;
right: 0;
width: 240px;
height: 100%;
min-height: 800px;
color: #fff;
a {
color: #fff;
}
.profile-container {
padding: 30px;
//background: darken(@theme-color, 10%);
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.name {
font-size: 32px;
font-weight: 900;
margin-top: 0;
margin-bottom: 10px;
}
.tagline {
color: rgba(256, 256, 256, 0.6);
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.profile {
margin-bottom: 15px;
}
.contact-list {
.fa {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
li {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.email {
.fa {
font-size: 14px;
}
}
}
.container-block {
padding: 30px;
}
.container-block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.degree {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.education-container {
.item {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.meta {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
margin-top: 0;
}
.time {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
}
}
.languages-container {
.lang-desc {
color: rgba(256, 256, 256, 0.6);
}
}
.languages-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
.interests-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
}
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
.section-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
color: darken(@theme-color, 15%);
position: relative;
margin-top: 0;
margin-bottom: 20px;
.fa {
width: 30px;
height: 30px;
margin-right: 8px;
display: inline-block;
color: #fff;
.border-radius(50%);
background: darken(@theme-color, 15%);
text-align: center;
padding-top: 8px;
font-size: 16px;
position: relative;
top: -2px;
}
}
.section {
margin-bottom: 60px;
}
.experiences-section {
.item {
margin-bottom: 30px;
}
}
.upper-row {
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
.job-title {
color: @text-color;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.time {
position: absolute;
right: 0;
top: 0;
color: @text-grey;
}
.company {
margin-bottom: 10px;
color: @text-grey;
}
.project-title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.projects-section {
.intro {
margin-bottom: 30px;
}
.item {
margin-bottom: 15px;
}
}
}
.skillset {
.item {
margin-bottom: 15px;
overflow: hidden;
}
.level-title {
font-size: 14px;
margin-top: 0;
margin-bottom: 12px;
}
.level-bar {
height: 12px;
background: @smoky-white;
}
.level-bar-inner {
height: 12px;
background: lighten(@theme-color, 15%);
}
}
.footer {
padding: 30px;
padding-top: 60px;
.copyright {
line-height: 1.6;
color: @text-color-secondary;
font-size: 13px;
}
.fa-heart {
color: @heart;
}
}

View File

@ -1,180 +0,0 @@
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
text-shadow: @string;
}
.box-shadow (@string) {
-webkit-box-shadow: @string;
-moz-box-shadow: @string;
box-shadow: @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.box-sizing (@type: border-box) {
-webkit-box-sizing: @type;
-moz-box-sizing: @type;
box-sizing: @type;
}
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.opacity (@opacity: 0.5) {
-webkit-opacity: @opacity;
-moz-opacity: @opacity;
opacity: @opacity;
}
.gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
background: -webkit-linear-gradient(top, @startColor, @endColor);
background: -moz-linear-gradient(top, @startColor, @endColor);
background: -ms-linear-gradient(top, @startColor, @endColor);
background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
background-image: -webkit-linear-gradient(left, @startColor, @endColor);
background-image: -moz-linear-gradient(left, @startColor, @endColor);
background-image: -ms-linear-gradient(left, @startColor, @endColor);
background-image: -o-linear-gradient(left, @startColor, @endColor);
}
.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
-webkit-animation: @name @duration @delay @ease;
-moz-animation: @name @duration @delay @ease;
-ms-animation: @name @duration @delay @ease;
}
.transition (@transition) {
-webkit-transition: @transition;
-moz-transition: @transition;
-ms-transition: @transition;
-o-transition: @transition;
}
.transform(@string){
-webkit-transform: @string;
-moz-transform: @string;
-ms-transform: @string;
-o-transform: @string;
}
.scale (@factor) {
-webkit-transform: scale(@factor);
-moz-transform: scale(@factor);
-ms-transform: scale(@factor);
-o-transform: scale(@factor);
}
.rotate (@deg) {
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-ms-transform: rotate(@deg);
-o-transform: rotate(@deg);
}
.skew (@deg, @deg2) {
-webkit-transform: skew(@deg, @deg2);
-moz-transform: skew(@deg, @deg2);
-ms-transform: skew(@deg, @deg2);
-o-transform: skew(@deg, @deg2);
}
.translate (@x, @y:0) {
-webkit-transform: translate(@x, @y);
-moz-transform: translate(@x, @y);
-ms-transform: translate(@x, @y);
-o-transform: translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
-webkit-transform: translate3d(@x, @y, @z);
-moz-transform: translate3d(@x, @y, @z);
-ms-transform: translate3d(@x, @y, @z);
-o-transform: translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
-webkit-perspective: @value;
-moz-perspective: @value;
-ms-perspective: @value;
perspective: @value;
}
.transform-origin (@x:center, @y:center) {
-webkit-transform-origin: @x @y;
-moz-transform-origin: @x @y;
-ms-transform-origin: @x @y;
-o-transform-origin: @x @y;
}
.reset-box-sizing (@size:content-box) {
&,
*,
*:before,
*:after {
.box-sizing(@size);
}
}
.truncate (@max-width: 250px) {
max-width: @max-width;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.background-size (@string: contain) {
-webkit-background-size: @string;
-moz-background-size: @string;
-o-background-size: @string;
background-size: @string;
}
// retina.less
// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
@media @highdpi {
background-image: url("@{at2x_path}");
background-size: @w @h;
}
}

View File

@ -1,63 +0,0 @@
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.sidebar-wrapper {
position: static;
width: inherit;
}
.main-wrapper {
padding: 30px;
}
.main-wrapper .time {
position: static;
display: block;
margin-top: 5px;
}
.main-wrapper .upper-row {
margin-bottom: 0;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.skillset .level-title {
display: inline-block;
float: left;
width: 30%;
margin-bottom: 0;
}
.skillset .level-bar {
display: inline-block;
width: 70%;
float: left;
position: relative;
top: 1px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* Ex-Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
}

View File

@ -1,12 +0,0 @@
/*
* Template Name: Orbit - Responsive Resume/CV Template for Developers
* Version: 1.0
* Author: Xiaoying Riley
* Twitter: @3rdwave_themes
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
@import "mixins.less";
@import "theme-default.less";
@import "base.less";
@import "responsive.less";

View File

@ -1,267 +0,0 @@
/* ======= Base ======= */
body {
font-family: 'Roboto', sans-serif;
color: @text-color-secondary;
background: @smoky-white;
font-size: 14px;
padding: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
a {
color: darken(@theme-color, 15%);
.transition (all 0.4s ease-in-out);
&:hover {
text-decoration: underline;
color: darken(@theme-color, 30%);
}
&:focus {
text-decoration: none;
}
}
p {
line-height: 1.5;
}
.wrapper {
background:@theme-color;
max-width: 960px;
margin: 0 auto;
position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1));
}
.sidebar-wrapper {
background: @theme-color;
position: absolute;
right: 0;
width: 240px;
height: 100%;
min-height: 800px;
color: #fff;
a {
color: #fff;
}
.profile-container {
padding: 30px;
//background: darken(@theme-color, 10%);
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.name {
font-size: 32px;
font-weight: 900;
margin-top: 0;
margin-bottom: 10px;
}
.tagline {
color: rgba(256, 256, 256, 0.6);
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.profile {
margin-bottom: 15px;
}
.contact-list {
.fa {
margin-right: 5px;
font-size: 18px;
vertical-align: middle;
}
li {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.email {
.fa {
font-size: 14px;
}
}
}
.container-block {
padding: 30px;
}
.container-block-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
}
.degree {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.education-container {
.item {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
.meta {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
margin-top: 0;
}
.time {
color: rgba(256, 256, 256, 0.6);
font-weight: 500;
margin-bottom: 0px;
}
}
.languages-container {
.lang-desc {
color: rgba(256, 256, 256, 0.6);
}
}
.languages-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
.interests-list {
margin-bottom: 0;
li {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
}
.main-wrapper {
background: #fff;
padding: 60px;
padding-right: 300px;
.section-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
color: darken(@theme-color, 15%);
position: relative;
margin-top: 0;
margin-bottom: 20px;
.fa {
width: 30px;
height: 30px;
margin-right: 8px;
display: inline-block;
color: #fff;
.border-radius(50%);
background: darken(@theme-color, 15%);
text-align: center;
padding-top: 8px;
font-size: 16px;
position: relative;
top: -2px;
}
}
.section {
margin-bottom: 60px;
}
.experiences-section {
.item {
margin-bottom: 30px;
}
}
.upper-row {
position: relative;
overflow: hidden;
margin-bottom: 2px;
}
.job-title {
color: @text-color;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.time {
position: absolute;
right: 0;
top: 0;
color: @text-grey;
}
.company {
margin-bottom: 10px;
color: @text-grey;
}
.project-title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
margin-bottom: 5px;
}
.projects-section {
.intro {
margin-bottom: 30px;
}
.item {
margin-bottom: 15px;
}
}
}
.skillset {
.item {
margin-bottom: 15px;
overflow: hidden;
}
.level-title {
font-size: 14px;
margin-top: 0;
margin-bottom: 12px;
}
.level-bar {
height: 12px;
background: @smoky-white;
}
.level-bar-inner {
height: 12px;
background: lighten(@theme-color, 15%);
}
}
.footer {
padding: 30px;
padding-top: 60px;
.copyright {
line-height: 1.6;
color: @text-color-secondary;
font-size: 13px;
}
.fa-heart {
color: @heart;
}
}

View File

@ -1,180 +0,0 @@
.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
text-shadow: @string;
}
.box-shadow (@string) {
-webkit-box-shadow: @string;
-moz-box-shadow: @string;
box-shadow: @string;
}
.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
-webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}
.box-sizing (@type: border-box) {
-webkit-box-sizing: @type;
-moz-box-sizing: @type;
box-sizing: @type;
}
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
-webkit-border-top-right-radius: @topright;
-webkit-border-bottom-right-radius: @bottomright;
-webkit-border-bottom-left-radius: @bottomleft;
-webkit-border-top-left-radius: @topleft;
-moz-border-radius-topright: @topright;
-moz-border-radius-bottomright: @bottomright;
-moz-border-radius-bottomleft: @bottomleft;
-moz-border-radius-topleft: @topleft;
border-top-right-radius: @topright;
border-bottom-right-radius: @bottomright;
border-bottom-left-radius: @bottomleft;
border-top-left-radius: @topleft;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.opacity (@opacity: 0.5) {
-webkit-opacity: @opacity;
-moz-opacity: @opacity;
opacity: @opacity;
}
.gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
background: -webkit-linear-gradient(top, @startColor, @endColor);
background: -moz-linear-gradient(top, @startColor, @endColor);
background: -ms-linear-gradient(top, @startColor, @endColor);
background: -o-linear-gradient(top, @startColor, @endColor);
}
.horizontal-gradient (@startColor: #eee, @endColor: white) {
background-color: @startColor;
background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
background-image: -webkit-linear-gradient(left, @startColor, @endColor);
background-image: -moz-linear-gradient(left, @startColor, @endColor);
background-image: -ms-linear-gradient(left, @startColor, @endColor);
background-image: -o-linear-gradient(left, @startColor, @endColor);
}
.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
-webkit-animation: @name @duration @delay @ease;
-moz-animation: @name @duration @delay @ease;
-ms-animation: @name @duration @delay @ease;
}
.transition (@transition) {
-webkit-transition: @transition;
-moz-transition: @transition;
-ms-transition: @transition;
-o-transition: @transition;
}
.transform(@string){
-webkit-transform: @string;
-moz-transform: @string;
-ms-transform: @string;
-o-transform: @string;
}
.scale (@factor) {
-webkit-transform: scale(@factor);
-moz-transform: scale(@factor);
-ms-transform: scale(@factor);
-o-transform: scale(@factor);
}
.rotate (@deg) {
-webkit-transform: rotate(@deg);
-moz-transform: rotate(@deg);
-ms-transform: rotate(@deg);
-o-transform: rotate(@deg);
}
.skew (@deg, @deg2) {
-webkit-transform: skew(@deg, @deg2);
-moz-transform: skew(@deg, @deg2);
-ms-transform: skew(@deg, @deg2);
-o-transform: skew(@deg, @deg2);
}
.translate (@x, @y:0) {
-webkit-transform: translate(@x, @y);
-moz-transform: translate(@x, @y);
-ms-transform: translate(@x, @y);
-o-transform: translate(@x, @y);
}
.translate3d (@x, @y: 0, @z: 0) {
-webkit-transform: translate3d(@x, @y, @z);
-moz-transform: translate3d(@x, @y, @z);
-ms-transform: translate3d(@x, @y, @z);
-o-transform: translate3d(@x, @y, @z);
}
.perspective (@value: 1000) {
-webkit-perspective: @value;
-moz-perspective: @value;
-ms-perspective: @value;
perspective: @value;
}
.transform-origin (@x:center, @y:center) {
-webkit-transform-origin: @x @y;
-moz-transform-origin: @x @y;
-ms-transform-origin: @x @y;
-o-transform-origin: @x @y;
}
.reset-box-sizing (@size:content-box) {
&,
*,
*:before,
*:after {
.box-sizing(@size);
}
}
.truncate (@max-width: 250px) {
max-width: @max-width;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.background-size (@string: contain) {
-webkit-background-size: @string;
-moz-background-size: @string;
-o-background-size: @string;
background-size: @string;
}
// retina.less
// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
@highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)";
.at2x(@path, @w: auto, @h: auto) {
background-image: url(@path);
@at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`;
@media @highdpi {
background-image: url("@{at2x_path}");
background-size: @w @h;
}
}

View File

@ -1,63 +0,0 @@
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.sidebar-wrapper {
position: static;
width: inherit;
}
.main-wrapper {
padding: 30px;
}
.main-wrapper .time {
position: static;
display: block;
margin-top: 5px;
}
.main-wrapper .upper-row {
margin-bottom: 0;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.skillset .level-title {
display: inline-block;
float: left;
width: 30%;
margin-bottom: 0;
}
.skillset .level-bar {
display: inline-block;
width: 70%;
float: left;
position: relative;
top: 1px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* Ex-Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
}

View File

@ -1,12 +0,0 @@
/*
* Template Name: Orbit - Responsive Resume/CV Template for Developers
* Version: 1.0
* Author: Xiaoying Riley
* Twitter: @3rdwave_themes
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
@import "mixins.less";
@import "theme-default.less";
@import "base.less";
@import "responsive.less";

View File

@ -5,10 +5,16 @@ layout: default
{% include career-profile.html %}
{% if site.education_in_main %}
{% include education-section.html %}
{% endif %}
{% include experience.html %}
{% include projects.html %}
{% include publications.html %}
{% include skills.html %}