From 6822e36b1cb027d0cebacffe52f424460048faf8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nelson=20Estev=C3=A3o?= Date: Sat, 31 Mar 2018 20:58:39 +0100 Subject: [PATCH] Upgrade to Sass This way its much easier to edit and personalize each theme. --- README.md | 4 +- _config.yml | 18 +- _includes/head.html | 12 +- .../default/base.less => _sass/_base.scss | 65 ++-- .../default.less => _sass/_default.scss | 10 +- _sass/_mixins.scss | 186 ++++++++++ .../responsive.less => _sass/_responsive.scss | 30 +- _sass/skins/_berry.scss | 10 + _sass/skins/_blue.scss | 10 + _sass/skins/_ceramic.scss | 10 + _sass/skins/_green.scss | 10 + _sass/skins/_orange.scss | 10 + _sass/skins/_turquoise.scss | 10 + assets/css/main.scss | 8 + assets/css/styles-2.css | 322 ------------------ assets/css/styles-3.css | 322 ------------------ assets/css/styles-4.css | 322 ------------------ assets/css/styles-5.css | 322 ------------------ assets/css/styles-6.css | 322 ------------------ assets/css/styles.css | 322 ------------------ assets/less/default/mixins.less | 180 ---------- assets/less/default/theme-default.less | 85 ----- assets/less/styles-2.less | 2 - assets/less/styles-3.less | 2 - assets/less/styles-4.less | 2 - assets/less/styles-5.less | 2 - assets/less/styles-6.less | 2 - assets/less/styles.less | 2 - assets/less/theme-2/theme-2.less | 84 ----- assets/less/theme-3/theme-3.less | 81 ----- assets/less/theme-4/theme-4.less | 82 ----- assets/less/theme-5/theme-5.less | 83 ----- assets/less/theme-6/theme-6.less | 83 ----- 33 files changed, 322 insertions(+), 2693 deletions(-) rename assets/less/default/base.less => _sass/_base.scss (86%) rename assets/less/default/default.less => _sass/_default.scss (66%) create mode 100644 _sass/_mixins.scss rename assets/less/default/responsive.less => _sass/_responsive.scss (88%) create mode 100644 _sass/skins/_berry.scss create mode 100644 _sass/skins/_blue.scss create mode 100644 _sass/skins/_ceramic.scss create mode 100644 _sass/skins/_green.scss create mode 100644 _sass/skins/_orange.scss create mode 100644 _sass/skins/_turquoise.scss create mode 100644 assets/css/main.scss delete mode 100644 assets/css/styles-2.css delete mode 100644 assets/css/styles-3.css delete mode 100644 assets/css/styles-4.css delete mode 100644 assets/css/styles-5.css delete mode 100644 assets/css/styles-6.css delete mode 100644 assets/css/styles.css delete mode 100644 assets/less/default/mixins.less delete mode 100644 assets/less/default/theme-default.less delete mode 100644 assets/less/styles-2.less delete mode 100644 assets/less/styles-3.less delete mode 100644 assets/less/styles-4.less delete mode 100644 assets/less/styles-5.less delete mode 100644 assets/less/styles-6.less delete mode 100644 assets/less/styles.less delete mode 100644 assets/less/theme-2/theme-2.less delete mode 100644 assets/less/theme-3/theme-3.less delete mode 100644 assets/less/theme-4/theme-4.less delete mode 100644 assets/less/theme-5/theme-5.less delete mode 100644 assets/less/theme-6/theme-6.less diff --git a/README.md b/README.md index b5ef0d8..d0c074a 100644 --- a/README.md +++ b/README.md @@ -14,11 +14,11 @@ The theme is responsive: There are 6 color schemes available: -| Default | Style 2 | Style 3 | +| Blue | Turquoise | Green | |---------|---------|---------| | | | | -| Style 4 | Style 5 | Style 6 | +| Berry | Orange | Ceramic | |---------|---------|---------| | | | | diff --git a/_config.yml b/_config.yml index cefd3f9..2b40d7e 100644 --- a/_config.yml +++ b/_config.yml @@ -5,15 +5,10 @@ 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 -#style: styles-3 -#style: styles-4 -#style: styles-5 -#style: styles-6 +# Style will be applied only after restarting the build or serve. Just choose one of the options. +theme_skin: # blue turquoise green berry orange ceramic - -#Profile information +# Profile information name: Alan Doe tagline: Full Stack Developer pic: profile.png #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below @@ -22,7 +17,7 @@ You can download this free resume/CV template here - + - + - - - + + + - \ No newline at end of file + diff --git a/assets/less/default/base.less b/_sass/_base.scss similarity index 86% rename from assets/less/default/base.less rename to _sass/_base.scss index 1c65a63..9112a7e 100644 --- a/assets/less/default/base.less +++ b/_sass/_base.scss @@ -1,8 +1,8 @@ /* ======= Base ======= */ body { - font-family: 'Roboto', sans-serif; - color: @text-color-secondary; - background: @smoky-white; + font-family: 'Roboto', sans-serif; + color: $text-color-secondary; + background: $smoky-white; font-size: 14px; padding: 30px; -webkit-font-smoothing: antialiased; @@ -14,11 +14,10 @@ h1, h2, h3, h4, h5, h6 { } a { - color: darken(@theme-color, 15%); - .transition (all 0.4s ease-in-out); + color: darken($theme-color, 15%); &:hover { text-decoration: underline; - color: darken(@theme-color, 30%); + color: darken($theme-color, 30%); } &:focus { text-decoration: none; @@ -30,15 +29,15 @@ p { } .wrapper { - background:@theme-color; + background:$theme-color; max-width: 1000px; margin: 0 auto; position: relative; - .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); + @include box-shadow(0px 2px 4px rgba(0,0,0,0.1)); } .sidebar-wrapper { - background: @theme-color; + background: $theme-color; position: absolute; right: 0; width: 280px; @@ -50,7 +49,7 @@ p { } .profile-container { padding: 30px; - //background: darken(@theme-color, 10%); + //background: darken($theme-color, 10%); background: rgba(0, 0, 0, 0.2); text-align: center; color: #fff; @@ -71,7 +70,7 @@ p { .profile { margin-bottom: 15px; } - + .profile-img { //used for profile image max-width: 100px; @@ -137,7 +136,7 @@ p { color: rgba(256, 256, 256, 0.6); } } - + .languages-list { margin-bottom: 0; li { @@ -147,7 +146,7 @@ p { } } } - + .interests-list { margin-bottom: 0; li { @@ -167,7 +166,7 @@ p { text-transform: uppercase; font-size: 20px; font-weight: 500; - color: darken(@theme-color, 15%); + color: darken($theme-color, 15%); position: relative; margin-top: 0; margin-bottom: 20px; @@ -177,8 +176,8 @@ p { margin-right: 8px; display: inline-block; color: #fff; - .border-radius(50%); - background: darken(@theme-color, 15%); + @include border-radius(50%); + background: darken($theme-color, 15%); text-align: center; padding-top: 8px; font-size: 16px; @@ -190,7 +189,7 @@ p { .section { margin-bottom: 60px; } - + .experiences-section, .educations-section { .item { margin-bottom: 30px; @@ -202,7 +201,7 @@ p { margin-bottom: 2px; } .job-title, .degree { - color: @text-color; + color: $text-color; font-size: 16px; margin-top: 0; margin-bottom: 0; @@ -212,13 +211,13 @@ p { position: absolute; right: 0; top: 0; - color: @text-grey; + color: $text-grey; } .company, .university { margin-bottom: 10px; - color: @text-grey; + color: $text-grey; } - + .project-title { font-size: 16px; font-weight: 400; @@ -233,7 +232,7 @@ p { margin-bottom: 15px; } } - + .publication-title { font-size: 16px; font-weight: 500; @@ -250,7 +249,7 @@ p { .item { margin-bottom: 15px; } - } + } } @@ -266,11 +265,11 @@ p { } .level-bar { height: 12px; - background: @smoky-white; + background: $smoky-white; } .level-bar-inner { height: 12px; - background: lighten(@theme-color, 15%); + background: lighten($theme-color, 15%); } } @@ -281,12 +280,12 @@ p { padding-top: 30px; .copyright { line-height: 1.6; - color: @text-color-secondary; - font-size: 13px; - } - - .fa-heart { - color: @heart; + color: $text-color-secondary; + font-size: 13px; } - -} \ No newline at end of file + + .fa-heart { + color: $heart; + } + +} diff --git a/assets/less/default/default.less b/_sass/_default.scss similarity index 66% rename from assets/less/default/default.less rename to _sass/_default.scss index 3840da9..902d2fa 100644 --- a/assets/less/default/default.less +++ b/_sass/_default.scss @@ -1,11 +1,11 @@ -/* +/* * Template Name: Orbit - Responsive Resume/CV Template for Developers * Version: 1.0 * Author: Xiaoying Riley - * Twitter: @3rdwave_themes + * Twitter: $3rdwave_themes * License: Creative Commons Attribution 3.0 License * Website: http://themes.3rdwavemedia.com/ */ -@import "mixins.less"; -@import "base.less"; -@import "responsive.less"; +@import "mixins"; +@import "base"; +@import "responsive"; diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss new file mode 100644 index 0000000..91061de --- /dev/null +++ b/_sass/_mixins.scss @@ -0,0 +1,186 @@ +@mixin text-shadow($string: 0 1px 3px rgba(0, 0, 0, 0.25)){ + text-shadow: $string; +} +@mixin box-shadow($string){ + -webkit-box-shadow: $string; + -moz-box-shadow: $string; + box-shadow: $string; +} +@mixin 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); +} +@mixin 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); +} + +@mixin box-sizing($type: border-box){ + -webkit-box-sizing: $type; + -moz-box-sizing: $type; + box-sizing: $type; +} + +@mixin 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; +} +@mixin 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; +} + +@mixin opacity($opacity: 0.5){ + -webkit-opacity: $opacity; + -moz-opacity: $opacity; + opacity: $opacity; +} + +@mixin 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); +} +@mixin 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); +} + +@mixin 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; +} + +@mixin transition($transition){ + -webkit-transition: $transition; + -moz-transition: $transition; + -ms-transition: $transition; + -o-transition: $transition; +} +@mixin transform($string){ + -webkit-transform: $string; + -moz-transform: $string; + -ms-transform: $string; + -o-transform: $string; +} +@mixin scale($factor){ + -webkit-transform: scale($factor); + -moz-transform: scale($factor); + -ms-transform: scale($factor); + -o-transform: scale($factor); +} +@mixin rotate($deg){ + -webkit-transform: rotate($deg); + -moz-transform: rotate($deg); + -ms-transform: rotate($deg); + -o-transform: rotate($deg); +} +@mixin skew($deg, $deg2){ + -webkit-transform: skew($deg, $deg2); + -moz-transform: skew($deg, $deg2); + -ms-transform: skew($deg, $deg2); + -o-transform: skew($deg, $deg2); +} +@mixin translate($x, $y:0){ + -webkit-transform: translate($x, $y); + -moz-transform: translate($x, $y); + -ms-transform: translate($x, $y); + -o-transform: translate($x, $y); +} +@mixin 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); +} +@mixin perspective($value: 1000){ + -webkit-perspective: $value; + -moz-perspective: $value; + -ms-perspective: $value; + perspective: $value; +} +@mixin 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; +} + +@mixin reset-box-sizing($size:content-box){ + &, + *, + *:before, + *:after { + @include box-sizing($size); + } +} + +@mixin truncate($max-width: 250px){ + max-width: $max-width; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +@mixin 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)"}; + +@mixin background-image-retina($file, $type, $width, $height) { + background-image: url($file + '.' + $type); + @media only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and (-moz-min-device-pixel-ratio: 2), + only screen and (-o-min-device-pixel-ratio: 2/1), + only screen and (min-device-pixel-ratio: 2), + only screen and (min-resolution: 192dpi), + only screen and (min-resolution: 2dppx){ + & { + background-image: url($file + '@2x.' + $type); + -webkit-background-size: $width $height; + -moz-background-size: $width $height; + -o-background-size: $width $height; + background-size: $width $height; + } + } +} diff --git a/assets/less/default/responsive.less b/_sass/_responsive.scss similarity index 88% rename from assets/less/default/responsive.less rename to _sass/_responsive.scss index 50d18d3..cc8216e 100644 --- a/assets/less/default/responsive.less +++ b/_sass/_responsive.scss @@ -1,25 +1,25 @@ /* Extra small devices (phones, less than 768px) */ -@media (max-width: 767px) { - - body{ +@media (max-width: 767px) { + + body{ padding: 0; } - + .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; } @@ -27,21 +27,21 @@ } /* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - - +@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%; @@ -49,8 +49,8 @@ position: relative; top: 1px; } - - + + } /* Large devices (large desktops, 1200px and up) */ @@ -63,5 +63,3 @@ @media (min-width: 1400px) { } - - diff --git a/_sass/skins/_berry.scss b/_sass/skins/_berry.scss new file mode 100644 index 0000000..605e4b2 --- /dev/null +++ b/_sass/skins/_berry.scss @@ -0,0 +1,10 @@ +/* Berry variables */ +$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/_sass/skins/_blue.scss b/_sass/skins/_blue.scss new file mode 100644 index 0000000..cfe37da --- /dev/null +++ b/_sass/skins/_blue.scss @@ -0,0 +1,10 @@ +/* Blue variables */ +$theme-color: #42A8C0; +$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/_sass/skins/_ceramic.scss b/_sass/skins/_ceramic.scss new file mode 100644 index 0000000..10f8a77 --- /dev/null +++ b/_sass/skins/_ceramic.scss @@ -0,0 +1,10 @@ +/* styles-6 variables */ +$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; diff --git a/_sass/skins/_green.scss b/_sass/skins/_green.scss new file mode 100644 index 0000000..8c0d144 --- /dev/null +++ b/_sass/skins/_green.scss @@ -0,0 +1,10 @@ +/* Green variables */ +$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/_sass/skins/_orange.scss b/_sass/skins/_orange.scss new file mode 100644 index 0000000..9b70223 --- /dev/null +++ b/_sass/skins/_orange.scss @@ -0,0 +1,10 @@ +/* Orange variables */ +$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/_sass/skins/_turquoise.scss b/_sass/skins/_turquoise.scss new file mode 100644 index 0000000..46d7b62 --- /dev/null +++ b/_sass/skins/_turquoise.scss @@ -0,0 +1,10 @@ +/* Turquoise variables */ +$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/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..cd8fc2b --- /dev/null +++ b/assets/css/main.scss @@ -0,0 +1,8 @@ +--- + +--- + +@charset "utf-8"; + +@import "skins/{{ site.theme_skin | default: 'blue' }}"; // skin +@import "default"; // main partials diff --git a/assets/css/styles-2.css b/assets/css/styles-2.css deleted file mode 100644 index 070a3cd..0000000 --- a/assets/css/styles-2.css +++ /dev/null @@ -1,322 +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/ -*/ -/* ======= 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: #35776d; - -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: #1d423c; -} -a:focus { - text-decoration: none; -} -p { - line-height: 1.5; -} -.wrapper { - background: #4CAC9D; - max-width: 1000px; - 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: #4CAC9D; - position: absolute; - right: 0; - width: 280px; - 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 .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; - 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: 340px; -} -.main-wrapper .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: #35776d; - 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: #35776d; - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; -} -.main-wrapper .section { - margin-bottom: 60px; -} -.main-wrapper .experiences-section .item, -.main-wrapper .educations-section .item { - margin-bottom: 30px; -} -.main-wrapper .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; -} -.main-wrapper .job-title, -.main-wrapper .degree { - 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, -.main-wrapper .university { - 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; -} -.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; -} -.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: #7ec6bb; -} -.footer { - padding-top: 30px; -} -.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) { - body { - padding: 0; - } - .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) */ -/* styles-2.css */ diff --git a/assets/css/styles-3.css b/assets/css/styles-3.css deleted file mode 100644 index 24c5582..0000000 --- a/assets/css/styles-3.css +++ /dev/null @@ -1,322 +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/ -*/ -/* ======= 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: #3d884d; - -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: #25532f; -} -a:focus { - text-decoration: none; -} -p { - line-height: 1.5; -} -.wrapper { - background: #5BB66F; - max-width: 1000px; - 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: #5BB66F; - position: absolute; - right: 0; - width: 280px; - 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 .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; - 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: 340px; -} -.main-wrapper .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: #3d884d; - 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: #3d884d; - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; -} -.main-wrapper .section { - margin-bottom: 60px; -} -.main-wrapper .experiences-section .item, -.main-wrapper .educations-section .item { - margin-bottom: 30px; -} -.main-wrapper .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; -} -.main-wrapper .job-title, -.main-wrapper .degree { - 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, -.main-wrapper .university { - 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; -} -.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; -} -.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: #90ce9d; -} -.footer { - padding-top: 30px; -} -.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) { - body { - padding: 0; - } - .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) */ -/* styles-3.css */ diff --git a/assets/css/styles-4.css b/assets/css/styles-4.css deleted file mode 100644 index 1c1645c..0000000 --- a/assets/css/styles-4.css +++ /dev/null @@ -1,322 +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/ -*/ -/* ======= 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: #6e3852; - -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: #3c1e2c; -} -a:focus { - text-decoration: none; -} -p { - line-height: 1.5; -} -.wrapper { - background: #A15277; - max-width: 1000px; - 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: #A15277; - position: absolute; - right: 0; - width: 280px; - 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 .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; - 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: 340px; -} -.main-wrapper .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: #6e3852; - 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: #6e3852; - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; -} -.main-wrapper .section { - margin-bottom: 60px; -} -.main-wrapper .experiences-section .item, -.main-wrapper .educations-section .item { - margin-bottom: 30px; -} -.main-wrapper .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; -} -.main-wrapper .job-title, -.main-wrapper .degree { - 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, -.main-wrapper .university { - 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; -} -.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; -} -.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: #bf819e; -} -.footer { - padding-top: 30px; -} -.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) { - body { - padding: 0; - } - .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) */ -/* styles-4.css */ diff --git a/assets/css/styles-5.css b/assets/css/styles-5.css deleted file mode 100644 index cb11c53..0000000 --- a/assets/css/styles-5.css +++ /dev/null @@ -1,322 +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/ -*/ -/* ======= 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: 1000px; - 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: 280px; - 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 .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; - 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: 340px; -} -.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, -.main-wrapper .educations-section .item { - margin-bottom: 30px; -} -.main-wrapper .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; -} -.main-wrapper .job-title, -.main-wrapper .degree { - 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, -.main-wrapper .university { - 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; -} -.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; -} -.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-top: 30px; -} -.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) { - body { - padding: 0; - } - .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) */ -/* styles-5.css */ diff --git a/assets/css/styles-6.css b/assets/css/styles-6.css deleted file mode 100644 index 42a19c2..0000000 --- a/assets/css/styles-6.css +++ /dev/null @@ -1,322 +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/ -*/ -/* ======= 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: #2e4049; - -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: #10171a; -} -a:focus { - text-decoration: none; -} -p { - line-height: 1.5; -} -.wrapper { - background: #4B6A78; - max-width: 1000px; - 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: #4B6A78; - position: absolute; - right: 0; - width: 280px; - 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 .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; - 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: 340px; -} -.main-wrapper .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: #2e4049; - 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: #2e4049; - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; -} -.main-wrapper .section { - margin-bottom: 60px; -} -.main-wrapper .experiences-section .item, -.main-wrapper .educations-section .item { - margin-bottom: 30px; -} -.main-wrapper .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; -} -.main-wrapper .job-title, -.main-wrapper .degree { - 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, -.main-wrapper .university { - 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; -} -.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; -} -.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: #6c92a3; -} -.footer { - padding-top: 30px; -} -.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) { - body { - padding: 0; - } - .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) */ -/* styles-6.css */ diff --git a/assets/css/styles.css b/assets/css/styles.css deleted file mode 100644 index 38d022e..0000000 --- a/assets/css/styles.css +++ /dev/null @@ -1,322 +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/ -*/ -/* ======= 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: #2d7788; - -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: #1a454f; -} -a:focus { - text-decoration: none; -} -p { - line-height: 1.5; -} -.wrapper { - background: #42A8C0; - max-width: 1000px; - 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: #42A8C0; - position: absolute; - right: 0; - width: 280px; - 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 .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; - 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: 340px; -} -.main-wrapper .section-title { - text-transform: uppercase; - font-size: 20px; - font-weight: 500; - color: #2d7788; - 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: #2d7788; - text-align: center; - padding-top: 8px; - font-size: 16px; - position: relative; - top: -2px; -} -.main-wrapper .section { - margin-bottom: 60px; -} -.main-wrapper .experiences-section .item, -.main-wrapper .educations-section .item { - margin-bottom: 30px; -} -.main-wrapper .upper-row { - position: relative; - overflow: hidden; - margin-bottom: 2px; -} -.main-wrapper .job-title, -.main-wrapper .degree { - 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, -.main-wrapper .university { - 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; -} -.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; -} -.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: #7bc2d3; -} -.footer { - padding-top: 30px; -} -.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) { - body { - padding: 0; - } - .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) */ -/* styles.css */ diff --git a/assets/less/default/mixins.less b/assets/less/default/mixins.less deleted file mode 100644 index d34a395..0000000 --- a/assets/less/default/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/default/theme-default.less b/assets/less/default/theme-default.less deleted file mode 100644 index ed3b798..0000000 --- a/assets/less/default/theme-default.less +++ /dev/null @@ -1,85 +0,0 @@ -/* styles.css */ -@theme-color: #42A8C0; -@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/styles-2.less b/assets/less/styles-2.less deleted file mode 100644 index 8bb5a54..0000000 --- a/assets/less/styles-2.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "default/default.less"; -@import "theme-2/theme-2.less"; diff --git a/assets/less/styles-3.less b/assets/less/styles-3.less deleted file mode 100644 index bbd0f8e..0000000 --- a/assets/less/styles-3.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "default/default.less"; -@import "theme-3/theme-3.less"; diff --git a/assets/less/styles-4.less b/assets/less/styles-4.less deleted file mode 100644 index c289319..0000000 --- a/assets/less/styles-4.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "default/default.less"; -@import "theme-4/theme-4.less"; diff --git a/assets/less/styles-5.less b/assets/less/styles-5.less deleted file mode 100644 index f9b7941..0000000 --- a/assets/less/styles-5.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "default/default.less"; -@import "theme-5/theme-5.less"; diff --git a/assets/less/styles-6.less b/assets/less/styles-6.less deleted file mode 100644 index f37e6ff..0000000 --- a/assets/less/styles-6.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "default/default.less"; -@import "theme-6/theme-6.less"; diff --git a/assets/less/styles.less b/assets/less/styles.less deleted file mode 100644 index 79a91ae..0000000 --- a/assets/less/styles.less +++ /dev/null @@ -1,2 +0,0 @@ -@import "default/default.less"; -@import "default/theme-default.less"; diff --git a/assets/less/theme-2/theme-2.less b/assets/less/theme-2/theme-2.less deleted file mode 100644 index c8f7255..0000000 --- a/assets/less/theme-2/theme-2.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/theme-3.less b/assets/less/theme-3/theme-3.less deleted file mode 100644 index 62d441f..0000000 --- a/assets/less/theme-3/theme-3.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/theme-4.less b/assets/less/theme-4/theme-4.less deleted file mode 100644 index ec7e3bd..0000000 --- a/assets/less/theme-4/theme-4.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/theme-5.less b/assets/less/theme-5/theme-5.less deleted file mode 100644 index c73fd31..0000000 --- a/assets/less/theme-5/theme-5.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/theme-6.less b/assets/less/theme-6/theme-6.less deleted file mode 100644 index e8efe13..0000000 --- a/assets/less/theme-6/theme-6.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; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -