From bcd5d50afc8e088ac39af7d6318987679cdec2a5 Mon Sep 17 00:00:00 2001 From: Stefan Forstenlechner Date: Tue, 16 Jan 2018 21:29:31 +0000 Subject: [PATCH] simplify themes by using less also adding additional css rules to less which have already been in the assets/css but not in less (base.less, responsive.less) --- assets/css/styles-2.css | 29 +-- assets/css/styles-3.css | 29 +-- assets/css/styles-4.css | 29 +-- assets/css/styles-5.css | 29 +-- assets/css/styles-6.css | 30 +-- assets/css/styles.css | 29 +-- assets/less/css/styles.css | 295 ------------------------- assets/less/default/base.less | 9 + assets/less/default/responsive.less | 4 + assets/less/default/styles.less | 12 - assets/less/theme-2/base.less | 267 ---------------------- assets/less/theme-2/mixins.less | 180 --------------- assets/less/theme-2/responsive.less | 63 ------ assets/less/theme-2/styles.less | 12 - assets/less/theme-2/theme-default.less | 84 ------- assets/less/theme-3/base.less | 267 ---------------------- assets/less/theme-3/mixins.less | 180 --------------- assets/less/theme-3/responsive.less | 63 ------ assets/less/theme-3/styles.less | 12 - assets/less/theme-3/theme-default.less | 81 ------- assets/less/theme-4/base.less | 267 ---------------------- assets/less/theme-4/mixins.less | 180 --------------- assets/less/theme-4/responsive.less | 63 ------ assets/less/theme-4/styles.less | 12 - assets/less/theme-4/theme-default.less | 82 ------- assets/less/theme-5/base.less | 267 ---------------------- assets/less/theme-5/mixins.less | 180 --------------- assets/less/theme-5/responsive.less | 63 ------ assets/less/theme-5/styles.less | 12 - assets/less/theme-5/theme-default.less | 83 ------- assets/less/theme-6/base.less | 267 ---------------------- assets/less/theme-6/mixins.less | 180 --------------- assets/less/theme-6/responsive.less | 63 ------ assets/less/theme-6/styles.less | 12 - assets/less/theme-6/theme-default.less | 83 ------- 35 files changed, 79 insertions(+), 3439 deletions(-) delete mode 100644 assets/less/css/styles.css delete mode 100644 assets/less/default/styles.less delete mode 100644 assets/less/theme-2/base.less delete mode 100644 assets/less/theme-2/mixins.less delete mode 100644 assets/less/theme-2/responsive.less delete mode 100644 assets/less/theme-2/styles.less delete mode 100644 assets/less/theme-2/theme-default.less delete mode 100644 assets/less/theme-3/base.less delete mode 100644 assets/less/theme-3/mixins.less delete mode 100644 assets/less/theme-3/responsive.less delete mode 100644 assets/less/theme-3/styles.less delete mode 100644 assets/less/theme-3/theme-default.less delete mode 100644 assets/less/theme-4/base.less delete mode 100644 assets/less/theme-4/mixins.less delete mode 100644 assets/less/theme-4/responsive.less delete mode 100644 assets/less/theme-4/styles.less delete mode 100644 assets/less/theme-4/theme-default.less delete mode 100644 assets/less/theme-5/base.less delete mode 100644 assets/less/theme-5/mixins.less delete mode 100644 assets/less/theme-5/responsive.less delete mode 100644 assets/less/theme-5/styles.less delete mode 100644 assets/less/theme-5/theme-default.less delete mode 100644 assets/less/theme-6/base.less delete mode 100644 assets/less/theme-6/mixins.less delete mode 100644 assets/less/theme-6/responsive.less delete mode 100644 assets/less/theme-6/styles.less delete mode 100644 assets/less/theme-6/theme-default.less diff --git a/assets/css/styles-2.css b/assets/css/styles-2.css index 7a60f16..3a7dbe0 100644 --- a/assets/css/styles-2.css +++ b/assets/css/styles-2.css @@ -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, @@ -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; @@ -263,6 +264,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +302,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 */ diff --git a/assets/css/styles-3.css b/assets/css/styles-3.css index 42b7ad3..2a491f8 100644 --- a/assets/css/styles-3.css +++ b/assets/css/styles-3.css @@ -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, @@ -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; @@ -263,6 +264,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +302,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 */ diff --git a/assets/css/styles-4.css b/assets/css/styles-4.css index da34b65..f9c43bb 100644 --- a/assets/css/styles-4.css +++ b/assets/css/styles-4.css @@ -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, @@ -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; @@ -263,6 +264,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +302,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 */ diff --git a/assets/css/styles-5.css b/assets/css/styles-5.css index 87365a2..875b400 100644 --- a/assets/css/styles-5.css +++ b/assets/css/styles-5.css @@ -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, @@ -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; @@ -263,6 +264,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -298,15 +302,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 */ diff --git a/assets/css/styles-6.css b/assets/css/styles-6.css index 1e4cb70..0ba47ca 100644 --- a/assets/css/styles-6.css +++ b/assets/css/styles-6.css @@ -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, @@ -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; @@ -264,6 +264,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -299,15 +302,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 */ diff --git a/assets/css/styles.css b/assets/css/styles.css index bde24d6..6ca29de 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -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, @@ -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; @@ -264,6 +264,9 @@ p { } /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body { + padding: 0; + } .sidebar-wrapper { position: static; width: inherit; @@ -299,14 +302,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 */ diff --git a/assets/less/css/styles.css b/assets/less/css/styles.css deleted file mode 100644 index 6181473..0000000 --- a/assets/less/css/styles.css +++ /dev/null @@ -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) */ diff --git a/assets/less/default/base.less b/assets/less/default/base.less index 9ebc6aa..42c8579 100644 --- a/assets/less/default/base.less +++ b/assets/less/default/base.less @@ -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; diff --git a/assets/less/default/responsive.less b/assets/less/default/responsive.less index dd5e5d2..50d18d3 100644 --- a/assets/less/default/responsive.less +++ b/assets/less/default/responsive.less @@ -1,6 +1,10 @@ /* Extra small devices (phones, less than 768px) */ @media (max-width: 767px) { + body{ + padding: 0; + } + .sidebar-wrapper { position: static; width: inherit; diff --git a/assets/less/default/styles.less b/assets/less/default/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/default/styles.less +++ /dev/null @@ -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"; diff --git a/assets/less/theme-2/base.less b/assets/less/theme-2/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-2/base.less +++ /dev/null @@ -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; - } - -} \ No newline at end of file diff --git a/assets/less/theme-2/mixins.less b/assets/less/theme-2/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-2/mixins.less +++ /dev/null @@ -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; - } -} - - diff --git a/assets/less/theme-2/responsive.less b/assets/less/theme-2/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-2/responsive.less +++ /dev/null @@ -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) { - -} - - diff --git a/assets/less/theme-2/styles.less b/assets/less/theme-2/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-2/styles.less +++ /dev/null @@ -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"; diff --git a/assets/less/theme-2/theme-default.less b/assets/less/theme-2/theme-default.less deleted file mode 100644 index c8f7255..0000000 --- a/assets/less/theme-2/theme-default.less +++ /dev/null @@ -1,84 +0,0 @@ -/* styles-2.css */ -@theme-color: #4CAC9D; -@text-color: #3F4650; -@text-color-secondary: #545E6C; -@text-grey: #97AAC3; -@divider: #e8e8e8; -@lighter-grey: #ccc; -@darker-grey: #666; -@smoky-white: #f5f5f5; -@heart: #fb866a; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/less/theme-3/base.less b/assets/less/theme-3/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-3/base.less +++ /dev/null @@ -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; - } - -} \ No newline at end of file diff --git a/assets/less/theme-3/mixins.less b/assets/less/theme-3/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-3/mixins.less +++ /dev/null @@ -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; - } -} - - diff --git a/assets/less/theme-3/responsive.less b/assets/less/theme-3/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-3/responsive.less +++ /dev/null @@ -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) { - -} - - diff --git a/assets/less/theme-3/styles.less b/assets/less/theme-3/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-3/styles.less +++ /dev/null @@ -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"; diff --git a/assets/less/theme-3/theme-default.less b/assets/less/theme-3/theme-default.less deleted file mode 100644 index 62d441f..0000000 --- a/assets/less/theme-3/theme-default.less +++ /dev/null @@ -1,81 +0,0 @@ -/* styles-3.css */ -@theme-color: #5BB66F; -@text-color: #3F4650; -@text-color-secondary: #545E6C; -@text-grey: #97AAC3; -@divider: #e8e8e8; -@lighter-grey: #ccc; -@darker-grey: #666; -@smoky-white: #f5f5f5; -@heart: #fb866a; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/less/theme-4/base.less b/assets/less/theme-4/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-4/base.less +++ /dev/null @@ -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; - } - -} \ No newline at end of file diff --git a/assets/less/theme-4/mixins.less b/assets/less/theme-4/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-4/mixins.less +++ /dev/null @@ -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; - } -} - - diff --git a/assets/less/theme-4/responsive.less b/assets/less/theme-4/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-4/responsive.less +++ /dev/null @@ -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) { - -} - - diff --git a/assets/less/theme-4/styles.less b/assets/less/theme-4/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-4/styles.less +++ /dev/null @@ -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"; diff --git a/assets/less/theme-4/theme-default.less b/assets/less/theme-4/theme-default.less deleted file mode 100644 index ec7e3bd..0000000 --- a/assets/less/theme-4/theme-default.less +++ /dev/null @@ -1,82 +0,0 @@ -/* styles-4.css */ -@theme-color: #A15277; -@text-color: #3F4650; -@text-color-secondary: #545E6C; -@text-grey: #97AAC3; -@divider: #e8e8e8; -@lighter-grey: #ccc; -@darker-grey: #666; -@smoky-white: #f5f5f5; -@heart: #fb866a; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/less/theme-5/base.less b/assets/less/theme-5/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-5/base.less +++ /dev/null @@ -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; - } - -} \ No newline at end of file diff --git a/assets/less/theme-5/mixins.less b/assets/less/theme-5/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-5/mixins.less +++ /dev/null @@ -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; - } -} - - diff --git a/assets/less/theme-5/responsive.less b/assets/less/theme-5/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-5/responsive.less +++ /dev/null @@ -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) { - -} - - diff --git a/assets/less/theme-5/styles.less b/assets/less/theme-5/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-5/styles.less +++ /dev/null @@ -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"; diff --git a/assets/less/theme-5/theme-default.less b/assets/less/theme-5/theme-default.less deleted file mode 100644 index c73fd31..0000000 --- a/assets/less/theme-5/theme-default.less +++ /dev/null @@ -1,83 +0,0 @@ -/* styles-5.css */ -@theme-color: #FDA246; -@text-color: #3F4650; -@text-color-secondary: #545E6C; -@text-grey: #97AAC3; -@divider: #e8e8e8; -@lighter-grey: #ccc; -@darker-grey: #666; -@smoky-white: #f5f5f5; -@heart: #fb866a; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/less/theme-6/base.less b/assets/less/theme-6/base.less deleted file mode 100644 index 9ebc6aa..0000000 --- a/assets/less/theme-6/base.less +++ /dev/null @@ -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; - } - -} \ No newline at end of file diff --git a/assets/less/theme-6/mixins.less b/assets/less/theme-6/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/theme-6/mixins.less +++ /dev/null @@ -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; - } -} - - diff --git a/assets/less/theme-6/responsive.less b/assets/less/theme-6/responsive.less deleted file mode 100644 index dd5e5d2..0000000 --- a/assets/less/theme-6/responsive.less +++ /dev/null @@ -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) { - -} - - diff --git a/assets/less/theme-6/styles.less b/assets/less/theme-6/styles.less deleted file mode 100644 index 4313111..0000000 --- a/assets/less/theme-6/styles.less +++ /dev/null @@ -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"; diff --git a/assets/less/theme-6/theme-default.less b/assets/less/theme-6/theme-default.less deleted file mode 100644 index e8efe13..0000000 --- a/assets/less/theme-6/theme-default.less +++ /dev/null @@ -1,83 +0,0 @@ -/* styles-6.css */ -@theme-color: #4B6A78; -@text-color: #3F4650; -@text-color-secondary: #545E6C; -@text-grey: #97AAC3; -@divider: #e8e8e8; -@lighter-grey: #ccc; -@darker-grey: #666; -@smoky-white: #f5f5f5; -@heart: #fb866a; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -