├── favicon.ico ├── assets ├── images │ ├── ayda.jpg │ ├── online-cv-jekyll-theme-2.png │ ├── online-cv-jekyll-theme.png │ └── online-cv-responsive-jekyll-theme.png ├── plugins │ ├── bootstrap │ │ ├── .hound.yml │ │ ├── fonts │ │ │ ├── glyphicons-halflings-regular.eot │ │ │ ├── glyphicons-halflings-regular.ttf │ │ │ ├── glyphicons-halflings-regular.woff │ │ │ └── glyphicons-halflings-regular.woff2 │ │ ├── .editorconfig │ │ ├── .gitattributes │ │ ├── js │ │ │ └── npm.js │ │ ├── .gitignore │ │ ├── .travis.yml │ │ └── css │ │ │ └── bootstrap-theme.min.css.map │ └── font-awesome │ │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 │ │ ├── less │ │ ├── fixed-width.less │ │ ├── larger.less │ │ ├── list.less │ │ ├── core.less │ │ ├── font-awesome.less │ │ ├── stacked.less │ │ ├── bordered-pulled.less │ │ ├── rotated-flipped.less │ │ ├── path.less │ │ ├── animated.less │ │ └── mixins.less │ │ ├── scss │ │ ├── _fixed-width.scss │ │ ├── _larger.scss │ │ ├── _list.scss │ │ ├── font-awesome.scss │ │ ├── _core.scss │ │ ├── _stacked.scss │ │ ├── _bordered-pulled.scss │ │ ├── _rotated-flipped.scss │ │ ├── _path.scss │ │ ├── _animated.scss │ │ └── _mixins.scss │ │ └── HELP-US-OUT.txt ├── js │ ├── min │ │ └── main-min.js │ └── main.js ├── less │ ├── default │ │ ├── styles.less │ │ ├── theme-default.less │ │ ├── responsive.less │ │ ├── mixins.less │ │ └── base.less │ ├── theme-2 │ │ ├── styles.less │ │ ├── theme-default.less │ │ ├── responsive.less │ │ ├── mixins.less │ │ └── base.less │ ├── theme-3 │ │ ├── styles.less │ │ ├── theme-default.less │ │ ├── responsive.less │ │ ├── mixins.less │ │ └── base.less │ ├── theme-4 │ │ ├── styles.less │ │ ├── theme-default.less │ │ ├── responsive.less │ │ ├── mixins.less │ │ └── base.less │ ├── theme-5 │ │ ├── styles.less │ │ ├── theme-default.less │ │ ├── responsive.less │ │ ├── mixins.less │ │ └── base.less │ ├── theme-6 │ │ ├── styles.less │ │ ├── theme-default.less │ │ ├── responsive.less │ │ ├── mixins.less │ │ └── base.less │ └── css │ │ └── styles.css └── css │ ├── styles-2.css │ ├── styles-3.css │ ├── styles-4.css │ ├── styles-5.css │ ├── styles-6.css │ ├── styles.css │ └── styles-printer-friendly.css ├── .gitignore ├── _data ├── interests.yml ├── skills.yml ├── languages.yml ├── educations.yml ├── honors.yml ├── projects.yml ├── coursework.yml └── experiences.yml ├── index.html ├── printer-friendly.html ├── _includes ├── about.html ├── career-profile.html ├── analytics.html ├── language-sidebar.html ├── scripts.html ├── skills.html ├── interests.html ├── education.html ├── honors.html ├── skills-detailed.html ├── coursework.html ├── projects.html ├── footer.html ├── experience-compressed.html ├── experience.html ├── head-printer-friendly.html ├── head.html ├── simple-headerbar.html └── sidebar.html ├── _layouts ├── printer-friendly.html ├── default.html └── compress.html ├── LICENCE.md ├── _config.yml └── README.md /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/favicon.ico -------------------------------------------------------------------------------- /assets/images/ayda.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/images/ayda.jpg -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | _site/ 2 | .sass-cache/ 3 | .jekyll-metadata 4 | .Rproj.user 5 | simple-cv.Rproj 6 | .Rhistory 7 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/.hound.yml: -------------------------------------------------------------------------------- 1 | javascript: 2 | config_file: js/.jshintrc 3 | enabled: true 4 | scss: 5 | enabled: false 6 | -------------------------------------------------------------------------------- /assets/images/online-cv-jekyll-theme-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/images/online-cv-jekyll-theme-2.png -------------------------------------------------------------------------------- /assets/images/online-cv-jekyll-theme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/images/online-cv-jekyll-theme.png -------------------------------------------------------------------------------- /assets/plugins/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /assets/images/online-cv-responsive-jekyll-theme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/images/online-cv-responsive-jekyll-theme.png -------------------------------------------------------------------------------- /assets/plugins/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /assets/plugins/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /assets/plugins/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /assets/plugins/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /_data/interests.yml: -------------------------------------------------------------------------------- 1 | - interest: 2 | item: Art 3 | link: 4 | - interest: 5 | item: Knitting 6 | link: 7 | - interest: 8 | item: Drawing and photography 9 | link: 10 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/fixed-width.less: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .@{fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /_data/skills.yml: -------------------------------------------------------------------------------- 1 | - skill: 2 | name: R 3 | level: Advanced 4 | - skill: 5 | name: Python 6 | level: Novice 7 | - skill: 8 | name: First Aid 9 | level: Basic First Aid, CPR 10 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RVerse-Tutorials/simple-cv/master/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /_data/languages.yml: -------------------------------------------------------------------------------- 1 | - language: 2 | idiom: Klingon 3 | level: Native 4 | - language: 5 | idiom: Vulcan 6 | level: 2nd yr college 7 | - language: 8 | idiom: Bajoran 9 | level: 2 yrs high school 10 | -------------------------------------------------------------------------------- /assets/js/min/main-min.js: -------------------------------------------------------------------------------- 1 | jQuery(document).ready(function($){$(".level-bar-inner").css("width","0"),$(window).on("load",function(){$(".level-bar-inner").each(function(){var n=$(this).data("level");$(this).animate({width:n},800)})})}); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {% include career-profile.html %} 6 | 7 | {% include coursework.html %} 8 | 9 | {% include experience.html %} 10 | 11 | {% include skills-detailed.html %} 12 | -------------------------------------------------------------------------------- /_data/educations.yml: -------------------------------------------------------------------------------- 1 | - education: 2 | degree: BSc in Mathematics 3 | university: College, Earth 4 | time: 2012 - 2016 5 | gpa: 3.5 UW 6 | - education: 7 | degree: PhD in Statistics 8 | university: University, Earth 9 | time: 2016 - 2017 10 | -------------------------------------------------------------------------------- /_data/honors.yml: -------------------------------------------------------------------------------- 1 | - award: 2 | name: Deans list 3 | info: ABC College, first and second years 4 | - award: 5 | name: National Math Honor Society 6 | info: ABC College 7 | - award: 8 | name: Presidents Scholar 9 | info: ABC College, 4-year merit full-scholarship 10 | -------------------------------------------------------------------------------- /printer-friendly.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: printer-friendly 3 | --- 4 | 5 | {% include career-profile.html %} 6 | 7 | {% include experience-compressed.html %} 8 | 9 | {% include coursework.html %} 10 | 11 | {% include skills-detailed.html %} 12 | -------------------------------------------------------------------------------- /_includes/about.html: -------------------------------------------------------------------------------- 1 |
2 |

About Theme

3 | 6 |
-------------------------------------------------------------------------------- /_data/projects.yml: -------------------------------------------------------------------------------- 1 | - intro: 2 | description: "This is used for projects.html. Requires the link to exist." 3 | 4 | - project: 5 | title: Project 1 6 | link: "#" 7 | tagline: "This is info about the project." 8 | - project: 9 | title: Project 2 10 | link: "#" 11 | tagline: "This is info about the project." 12 | -------------------------------------------------------------------------------- /_includes/career-profile.html: -------------------------------------------------------------------------------- 1 | {% if site.summary %} 2 |
3 | 4 |

About Me

5 | 6 |
7 |

{{ site.summary }}

8 |
9 | 10 |
11 | {% endif %} 12 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | charset = utf-8 7 | end_of_line = lf 8 | indent_size = 2 9 | indent_style = space 10 | insert_final_newline = true 11 | trim_trailing_whitespace = true 12 | 13 | [*.md] 14 | trim_trailing_whitespace = false 15 | 16 | [*.py] 17 | indent_size = 4 18 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/HELP-US-OUT.txt: -------------------------------------------------------------------------------- 1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, 2 | Fonticons (https://fonticons.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, 3 | comprehensive icon sets or copy and paste your own. 4 | 5 | Please. Check it out. 6 | 7 | -Dave Gandy 8 | -------------------------------------------------------------------------------- /assets/less/default/styles.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | @import "mixins.less"; 10 | @import "theme-default.less"; 11 | @import "base.less"; 12 | @import "responsive.less"; 13 | -------------------------------------------------------------------------------- /assets/less/theme-2/styles.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | @import "mixins.less"; 10 | @import "theme-default.less"; 11 | @import "base.less"; 12 | @import "responsive.less"; 13 | -------------------------------------------------------------------------------- /assets/less/theme-3/styles.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | @import "mixins.less"; 10 | @import "theme-default.less"; 11 | @import "base.less"; 12 | @import "responsive.less"; 13 | -------------------------------------------------------------------------------- /assets/less/theme-4/styles.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | @import "mixins.less"; 10 | @import "theme-default.less"; 11 | @import "base.less"; 12 | @import "responsive.less"; 13 | -------------------------------------------------------------------------------- /assets/less/theme-5/styles.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | @import "mixins.less"; 10 | @import "theme-default.less"; 11 | @import "base.less"; 12 | @import "responsive.less"; 13 | -------------------------------------------------------------------------------- /assets/less/theme-6/styles.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | @import "mixins.less"; 10 | @import "theme-default.less"; 11 | @import "base.less"; 12 | @import "responsive.less"; 13 | -------------------------------------------------------------------------------- /_includes/analytics.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/.gitattributes: -------------------------------------------------------------------------------- 1 | # Enforce Unix newlines 2 | *.css text eol=lf 3 | *.html text eol=lf 4 | *.js text eol=lf 5 | *.json text eol=lf 6 | *.less text eol=lf 7 | *.md text eol=lf 8 | *.svg text eol=lf 9 | *.yml text eol=lf 10 | # Don't diff or textually merge source maps 11 | *.map binary 12 | 13 | bootstrap-theme.css linguist-vendored=false 14 | bootstrap.css linguist-vendored=false 15 | bootstrap.js linguist-vendored=false 16 | -------------------------------------------------------------------------------- /_includes/language-sidebar.html: -------------------------------------------------------------------------------- 1 | {% if site.data.languages %} 2 |
3 | 4 |

Languages

5 | 6 | 11 | 12 |
13 | {% endif %} 14 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/larger.less: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .@{fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .@{fa-css-prefix}-2x { font-size: 2em; } 11 | .@{fa-css-prefix}-3x { font-size: 3em; } 12 | .@{fa-css-prefix}-4x { font-size: 4em; } 13 | .@{fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /_includes/scripts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | {% if site.analytics %} 7 | {% include analytics.html %} 8 | {% endif %} -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | jQuery(document).ready(function($) { 2 | 3 | $('.level-bar-inner').css('width', '0'); 4 | 5 | $(window).on('load', function() { 6 | 7 | $('.level-bar-inner').each(function() { 8 | 9 | var itemWidth = $(this).data('level'); 10 | 11 | $(this).animate({ 12 | width: itemWidth 13 | }, 800); 14 | 15 | }); 16 | 17 | }); 18 | 19 | 20 | 21 | }); -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/list.less: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: @fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .@{fa-css-prefix}-li { 11 | position: absolute; 12 | left: -@fa-li-width; 13 | width: @fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.@{fa-css-prefix}-lg { 17 | left: (-@fa-li-width + (4em / 14)); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /_includes/skills.html: -------------------------------------------------------------------------------- 1 | {% if site.data.skills %} 2 |
3 | 4 |

Languages and Skills

5 | 6 |
7 | 8 | 13 | 14 |
15 | 16 |
17 | {% endif %} 18 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "animated"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/core.less: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/js/npm.js: -------------------------------------------------------------------------------- 1 | // This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment. 2 | require('../../js/transition.js') 3 | require('../../js/alert.js') 4 | require('../../js/button.js') 5 | require('../../js/carousel.js') 6 | require('../../js/collapse.js') 7 | require('../../js/dropdown.js') 8 | require('../../js/modal.js') 9 | require('../../js/tooltip.js') 10 | require('../../js/popover.js') 11 | require('../../js/scrollspy.js') 12 | require('../../js/tab.js') 13 | require('../../js/affix.js') -------------------------------------------------------------------------------- /_includes/interests.html: -------------------------------------------------------------------------------- 1 | {% if site.data.interests %} 2 |
3 | 4 |

Interests

5 | 6 | 17 | 18 |
19 | {% endif %} 20 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/font-awesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables.less"; 7 | @import "mixins.less"; 8 | @import "path.less"; 9 | @import "core.less"; 10 | @import "larger.less"; 11 | @import "fixed-width.less"; 12 | @import "list.less"; 13 | @import "bordered-pulled.less"; 14 | @import "animated.less"; 15 | @import "rotated-flipped.less"; 16 | @import "stacked.less"; 17 | @import "icons.less"; 18 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/stacked.less: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 21 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /_includes/education.html: -------------------------------------------------------------------------------- 1 | {% if site.data.educations %} 2 |
3 | 4 |

Education

5 | 6 | {% for education in site.data.educations %} 7 |
8 |

{{ education.degree }}

9 |
{{ education.university }}
10 |
{{ education.time }}
11 | {% if education.gpa %} 12 |
GPA {{ education.gpa }}
13 | {% endif %} 14 |
15 | {% endfor %} 16 | 17 |
18 | {% endif %} 19 | -------------------------------------------------------------------------------- /_layouts/printer-friendly.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: compress 3 | --- 4 | 5 | 6 | 7 | 8 | {% include head-printer-friendly.html %} 9 | 10 | 11 |
12 | {% include simple-headerbar.html %} 13 | 14 |
15 | 16 | {{content}} 17 | 18 |
19 |
20 | 21 | {% include scripts.html %} 22 | 23 | 24 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/.gitignore: -------------------------------------------------------------------------------- 1 | # Ignore docs files 2 | _gh_pages 3 | _site 4 | .ruby-version 5 | 6 | # Numerous always-ignore extensions 7 | *.diff 8 | *.err 9 | *.log 10 | *.orig 11 | *.rej 12 | *.swo 13 | *.swp 14 | *.vi 15 | *.zip 16 | *~ 17 | 18 | # OS or Editor folders 19 | ._* 20 | .cache 21 | .DS_Store 22 | .idea 23 | .project 24 | .settings 25 | .tmproj 26 | *.esproj 27 | *.sublime-project 28 | *.sublime-workspace 29 | nbproject 30 | Thumbs.db 31 | 32 | # Komodo 33 | .komodotools 34 | *.komodoproject 35 | 36 | # Jekyll metadata 37 | docs/.jekyll-metadata 38 | 39 | # Folders to ignore 40 | bower_components 41 | node_modules 42 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: compress 3 | --- 4 | 5 | 6 | 7 | 8 | {% include head.html %} 9 | 10 | 11 |
12 | {% include sidebar.html %} 13 | 14 |
15 | 16 | {{content}} 17 | 18 |
19 |
20 | 21 | {% include footer.html %} 22 | 23 | {% include scripts.html %} 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /_includes/honors.html: -------------------------------------------------------------------------------- 1 | {% if site.data.honors %} 2 |
3 | 4 |

Awards

5 | 6 | {% for award in site.data.honors %} 7 |
8 | 9 | 10 | {% if award.link %} 11 | {{ award.name }} 12 | {% else %} 13 | {{ award.name }} 14 | {% endif %} 15 | 16 | 17 | {% if award.info %} 18 | - {{ award.info }} 19 | {% endif %} 20 | 21 |
22 | {% endfor %} 23 | 24 |
25 | {% endif %} 26 | -------------------------------------------------------------------------------- /_includes/skills-detailed.html: -------------------------------------------------------------------------------- 1 | {% if site.data.skills %} 2 |
3 | 4 |

Languages and Skills

5 | 6 | {% for skill in site.data.skills %} 7 |
8 | 9 | 10 | {% if skill.link %} 11 | {{ skill.name }} 12 | {% else %} 13 | {{ skill.name }} 14 | {% endif %} 15 | 16 | 17 | {% if skill.level %} 18 | - {{ skill.level }} 19 | {% endif %} 20 | 21 |
22 | {% endfor %} 23 | 24 |
25 | {% endif %} 26 | -------------------------------------------------------------------------------- /assets/less/theme-3/theme-default.less: -------------------------------------------------------------------------------- 1 | /* styles-3.css */ 2 | @theme-color: #5BB66F; 3 | @text-color: #3F4650; 4 | @text-color-secondary: #545E6C; 5 | @text-grey: #97AAC3; 6 | @divider: #e8e8e8; 7 | @lighter-grey: #ccc; 8 | @darker-grey: #666; 9 | @smoky-white: #f5f5f5; 10 | @heart: #fb866a; 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /assets/less/theme-4/theme-default.less: -------------------------------------------------------------------------------- 1 | /* styles-4.css */ 2 | @theme-color: #A15277; 3 | @text-color: #3F4650; 4 | @text-color-secondary: #545E6C; 5 | @text-grey: #97AAC3; 6 | @divider: #e8e8e8; 7 | @lighter-grey: #ccc; 8 | @darker-grey: #666; 9 | @smoky-white: #f5f5f5; 10 | @heart: #fb866a; 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | -------------------------------------------------------------------------------- /assets/less/theme-5/theme-default.less: -------------------------------------------------------------------------------- 1 | /* styles-5.css */ 2 | @theme-color: #FDA246; 3 | @text-color: #3F4650; 4 | @text-color-secondary: #545E6C; 5 | @text-grey: #97AAC3; 6 | @divider: #e8e8e8; 7 | @lighter-grey: #ccc; 8 | @darker-grey: #666; 9 | @smoky-white: #f5f5f5; 10 | @heart: #fb866a; 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /assets/less/theme-6/theme-default.less: -------------------------------------------------------------------------------- 1 | /* styles-6.css */ 2 | @theme-color: #4B6A78; 3 | @text-color: #3F4650; 4 | @text-color-secondary: #545E6C; 5 | @text-grey: #97AAC3; 6 | @divider: #e8e8e8; 7 | @lighter-grey: #ccc; 8 | @darker-grey: #666; 9 | @smoky-white: #f5f5f5; 10 | @heart: #fb866a; 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /_includes/coursework.html: -------------------------------------------------------------------------------- 1 | {% if site.data.coursework %} 2 |
3 | 4 |

Coursework

5 | 6 | {% for course in site.data.coursework %} 7 |
8 | 9 | 10 | {% if course.link %} 11 | {{ course.title }} 12 | {% else %} 13 | {{ course.title }} 14 | {% endif %} 15 | 16 | 17 | {% if course.tagline %} 18 | - {{ course.tagline }} 19 | {% endif %} 20 | 21 |
22 | {% endfor %} 23 | 24 |
25 | {% endif %} 26 | -------------------------------------------------------------------------------- /assets/less/theme-2/theme-default.less: -------------------------------------------------------------------------------- 1 | /* styles-2.css */ 2 | @theme-color: #4CAC9D; 3 | @text-color: #3F4650; 4 | @text-color-secondary: #545E6C; 5 | @text-grey: #97AAC3; 6 | @divider: #e8e8e8; 7 | @lighter-grey: #ccc; 8 | @darker-grey: #666; 9 | @smoky-white: #f5f5f5; 10 | @heart: #fb866a; 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /assets/less/default/theme-default.less: -------------------------------------------------------------------------------- 1 | /* styles.css */ 2 | @theme-color: #42A8C0; 3 | @text-color: #3F4650; 4 | @text-color-secondary: #545E6C; 5 | @text-grey: #97AAC3; 6 | @divider: #e8e8e8; 7 | @lighter-grey: #ccc; 8 | @darker-grey: #666; 9 | @smoky-white: #f5f5f5; 10 | @heart: #fb866a; 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /_data/coursework.yml: -------------------------------------------------------------------------------- 1 | - course: 2 | title: Mathematics 3 | link: https://en.wikipedia.org/wiki/Mathematics 4 | tagline: Info about the course. You can add links. 5 | - course: 6 | title: Physics 7 | tagline: All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. 8 | - course: 9 | title: Mathematics 10 | link: https://en.wikipedia.org/wiki/Mathematics 11 | tagline: Info about the course. You can add links. 12 | - course: 13 | title: Physics 14 | tagline: Info about the course. 15 | 16 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/bordered-pulled.less: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em @fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .@{fa-css-prefix}-pull-left { float: left; } 11 | .@{fa-css-prefix}-pull-right { float: right; } 12 | 13 | .@{fa-css-prefix} { 14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .@{fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .#{$fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/rotated-flipped.less: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 7 | 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .@{fa-css-prefix}-rotate-90, 15 | :root .@{fa-css-prefix}-rotate-180, 16 | :root .@{fa-css-prefix}-rotate-270, 17 | :root .@{fa-css-prefix}-flip-horizontal, 18 | :root .@{fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /_includes/projects.html: -------------------------------------------------------------------------------- 1 | {% if site.data.projects %} 2 |
3 | 4 |

Projects

5 | 6 | {% for intro in site.data.projects %} 7 |
8 |

{{ intro.description }}

9 |
10 | {% endfor%} 11 | 12 | {% for project in site.data.projects %} 13 |
14 | 15 | {{ project.title }} 16 | 17 | {% if project.tagline %} 18 | - {{ project.tagline }} 19 | {% endif %} 20 | 21 |
22 | {% endfor %} 23 | 24 |
25 | {% endif %} 26 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 7 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .#{$fa-css-prefix}-rotate-90, 15 | :root .#{$fa-css-prefix}-rotate-180, 16 | :root .#{$fa-css-prefix}-rotate-270, 17 | :root .#{$fa-css-prefix}-flip-horizontal, 18 | :root .#{$fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /_includes/experience-compressed.html: -------------------------------------------------------------------------------- 1 | {% if site.data.experiences %} 2 |
3 |

Work experience

4 | 5 | {% for experience in site.data.experiences %} 6 |
7 | 8 |
9 | 10 |
11 |

{{ experience.role }} - {{ experience.company }}

12 |
{{ experience.time }}
13 |
14 | 15 |
16 | 17 | {% if experience.details %} 18 |
19 | {{ experience.details }} 20 |
21 | {% endif %} 22 | 23 |
24 | {% endfor %} 25 | 26 |
27 | {% endif %} 28 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); 7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), 8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), 9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), 10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), 11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /_includes/experience.html: -------------------------------------------------------------------------------- 1 | {% if site.data.experiences %} 2 |
3 |

Work experience

4 | 5 | {% for experience in site.data.experiences %} 6 |
7 | 8 |
9 | 10 |
11 |

{{ experience.role }}

12 |
{{ experience.time }}
13 |
14 | 15 |
{{ experience.company }}
16 | 17 |
18 | 19 | {% if experience.details %} 20 |
21 |

{{ experience.details }}

22 |
23 | {% endif %} 24 | 25 |
26 | {% endfor %} 27 | 28 |
29 | {% endif %} 30 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/animated.less: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .@{fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .@{fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .#{$fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /assets/plugins/font-awesome/less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | .fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | .fa-icon-rotate(@degrees, @rotation) { 15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); 16 | -webkit-transform: rotate(@degrees); 17 | -ms-transform: rotate(@degrees); 18 | transform: rotate(@degrees); 19 | } 20 | 21 | .fa-icon-flip(@horiz, @vert, @rotation) { 22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1); 23 | -webkit-transform: scale(@horiz, @vert); 24 | -ms-transform: scale(@horiz, @vert); 25 | transform: scale(@horiz, @vert); 26 | } 27 | -------------------------------------------------------------------------------- /LICENCE.md: -------------------------------------------------------------------------------- 1 | # The MIT License (MIT) 2 | Copyright (c) 2016 webjeda 3 | 4 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 5 | 6 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 7 | 8 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /assets/plugins/font-awesome/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | @mixin fa-icon-rotate($degrees, $rotation) { 15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 16 | -webkit-transform: rotate($degrees); 17 | -ms-transform: rotate($degrees); 18 | transform: rotate($degrees); 19 | } 20 | 21 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 23 | -webkit-transform: scale($horiz, $vert); 24 | -ms-transform: scale($horiz, $vert); 25 | transform: scale($horiz, $vert); 26 | } 27 | -------------------------------------------------------------------------------- /_includes/head-printer-friendly.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{site.title}} 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 23 | 24 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | {{site.title}} 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 22 | 23 | -------------------------------------------------------------------------------- /assets/less/default/responsive.less: -------------------------------------------------------------------------------- 1 | /* Extra small devices (phones, less than 768px) */ 2 | @media (max-width: 767px) { 3 | 4 | .sidebar-wrapper { 5 | position: static; 6 | width: inherit; 7 | } 8 | 9 | .main-wrapper { 10 | padding: 30px; 11 | } 12 | 13 | .main-wrapper .time { 14 | position: static; 15 | display: block; 16 | margin-top: 5px; 17 | } 18 | 19 | .main-wrapper .upper-row { 20 | margin-bottom: 0; 21 | } 22 | 23 | 24 | } 25 | /* Small devices (tablets, 768px and up) */ 26 | @media (min-width: 768px) { 27 | 28 | 29 | } 30 | 31 | /* Medium devices (desktops, 992px and up) */ 32 | @media (min-width: 992px) { 33 | 34 | .skillset .level-title { 35 | display: inline-block; 36 | float: left; 37 | width: 30%; 38 | margin-bottom: 0; 39 | } 40 | 41 | .skillset .level-bar { 42 | display: inline-block; 43 | width: 70%; 44 | float: left; 45 | position: relative; 46 | top: 1px; 47 | } 48 | 49 | 50 | } 51 | 52 | /* Large devices (large desktops, 1200px and up) */ 53 | @media (min-width: 1200px) { 54 | 55 | } 56 | 57 | 58 | /* Ex-Large devices (large desktops, 1200px and up) */ 59 | @media (min-width: 1400px) { 60 | 61 | } 62 | 63 | 64 | -------------------------------------------------------------------------------- /assets/less/theme-2/responsive.less: -------------------------------------------------------------------------------- 1 | /* Extra small devices (phones, less than 768px) */ 2 | @media (max-width: 767px) { 3 | 4 | .sidebar-wrapper { 5 | position: static; 6 | width: inherit; 7 | } 8 | 9 | .main-wrapper { 10 | padding: 30px; 11 | } 12 | 13 | .main-wrapper .time { 14 | position: static; 15 | display: block; 16 | margin-top: 5px; 17 | } 18 | 19 | .main-wrapper .upper-row { 20 | margin-bottom: 0; 21 | } 22 | 23 | 24 | } 25 | /* Small devices (tablets, 768px and up) */ 26 | @media (min-width: 768px) { 27 | 28 | 29 | } 30 | 31 | /* Medium devices (desktops, 992px and up) */ 32 | @media (min-width: 992px) { 33 | 34 | .skillset .level-title { 35 | display: inline-block; 36 | float: left; 37 | width: 30%; 38 | margin-bottom: 0; 39 | } 40 | 41 | .skillset .level-bar { 42 | display: inline-block; 43 | width: 70%; 44 | float: left; 45 | position: relative; 46 | top: 1px; 47 | } 48 | 49 | 50 | } 51 | 52 | /* Large devices (large desktops, 1200px and up) */ 53 | @media (min-width: 1200px) { 54 | 55 | } 56 | 57 | 58 | /* Ex-Large devices (large desktops, 1200px and up) */ 59 | @media (min-width: 1400px) { 60 | 61 | } 62 | 63 | 64 | -------------------------------------------------------------------------------- /assets/less/theme-3/responsive.less: -------------------------------------------------------------------------------- 1 | /* Extra small devices (phones, less than 768px) */ 2 | @media (max-width: 767px) { 3 | 4 | .sidebar-wrapper { 5 | position: static; 6 | width: inherit; 7 | } 8 | 9 | .main-wrapper { 10 | padding: 30px; 11 | } 12 | 13 | .main-wrapper .time { 14 | position: static; 15 | display: block; 16 | margin-top: 5px; 17 | } 18 | 19 | .main-wrapper .upper-row { 20 | margin-bottom: 0; 21 | } 22 | 23 | 24 | } 25 | /* Small devices (tablets, 768px and up) */ 26 | @media (min-width: 768px) { 27 | 28 | 29 | } 30 | 31 | /* Medium devices (desktops, 992px and up) */ 32 | @media (min-width: 992px) { 33 | 34 | .skillset .level-title { 35 | display: inline-block; 36 | float: left; 37 | width: 30%; 38 | margin-bottom: 0; 39 | } 40 | 41 | .skillset .level-bar { 42 | display: inline-block; 43 | width: 70%; 44 | float: left; 45 | position: relative; 46 | top: 1px; 47 | } 48 | 49 | 50 | } 51 | 52 | /* Large devices (large desktops, 1200px and up) */ 53 | @media (min-width: 1200px) { 54 | 55 | } 56 | 57 | 58 | /* Ex-Large devices (large desktops, 1200px and up) */ 59 | @media (min-width: 1400px) { 60 | 61 | } 62 | 63 | 64 | -------------------------------------------------------------------------------- /assets/less/theme-4/responsive.less: -------------------------------------------------------------------------------- 1 | /* Extra small devices (phones, less than 768px) */ 2 | @media (max-width: 767px) { 3 | 4 | .sidebar-wrapper { 5 | position: static; 6 | width: inherit; 7 | } 8 | 9 | .main-wrapper { 10 | padding: 30px; 11 | } 12 | 13 | .main-wrapper .time { 14 | position: static; 15 | display: block; 16 | margin-top: 5px; 17 | } 18 | 19 | .main-wrapper .upper-row { 20 | margin-bottom: 0; 21 | } 22 | 23 | 24 | } 25 | /* Small devices (tablets, 768px and up) */ 26 | @media (min-width: 768px) { 27 | 28 | 29 | } 30 | 31 | /* Medium devices (desktops, 992px and up) */ 32 | @media (min-width: 992px) { 33 | 34 | .skillset .level-title { 35 | display: inline-block; 36 | float: left; 37 | width: 30%; 38 | margin-bottom: 0; 39 | } 40 | 41 | .skillset .level-bar { 42 | display: inline-block; 43 | width: 70%; 44 | float: left; 45 | position: relative; 46 | top: 1px; 47 | } 48 | 49 | 50 | } 51 | 52 | /* Large devices (large desktops, 1200px and up) */ 53 | @media (min-width: 1200px) { 54 | 55 | } 56 | 57 | 58 | /* Ex-Large devices (large desktops, 1200px and up) */ 59 | @media (min-width: 1400px) { 60 | 61 | } 62 | 63 | 64 | -------------------------------------------------------------------------------- /assets/less/theme-5/responsive.less: -------------------------------------------------------------------------------- 1 | /* Extra small devices (phones, less than 768px) */ 2 | @media (max-width: 767px) { 3 | 4 | .sidebar-wrapper { 5 | position: static; 6 | width: inherit; 7 | } 8 | 9 | .main-wrapper { 10 | padding: 30px; 11 | } 12 | 13 | .main-wrapper .time { 14 | position: static; 15 | display: block; 16 | margin-top: 5px; 17 | } 18 | 19 | .main-wrapper .upper-row { 20 | margin-bottom: 0; 21 | } 22 | 23 | 24 | } 25 | /* Small devices (tablets, 768px and up) */ 26 | @media (min-width: 768px) { 27 | 28 | 29 | } 30 | 31 | /* Medium devices (desktops, 992px and up) */ 32 | @media (min-width: 992px) { 33 | 34 | .skillset .level-title { 35 | display: inline-block; 36 | float: left; 37 | width: 30%; 38 | margin-bottom: 0; 39 | } 40 | 41 | .skillset .level-bar { 42 | display: inline-block; 43 | width: 70%; 44 | float: left; 45 | position: relative; 46 | top: 1px; 47 | } 48 | 49 | 50 | } 51 | 52 | /* Large devices (large desktops, 1200px and up) */ 53 | @media (min-width: 1200px) { 54 | 55 | } 56 | 57 | 58 | /* Ex-Large devices (large desktops, 1200px and up) */ 59 | @media (min-width: 1400px) { 60 | 61 | } 62 | 63 | 64 | -------------------------------------------------------------------------------- /assets/less/theme-6/responsive.less: -------------------------------------------------------------------------------- 1 | /* Extra small devices (phones, less than 768px) */ 2 | @media (max-width: 767px) { 3 | 4 | .sidebar-wrapper { 5 | position: static; 6 | width: inherit; 7 | } 8 | 9 | .main-wrapper { 10 | padding: 30px; 11 | } 12 | 13 | .main-wrapper .time { 14 | position: static; 15 | display: block; 16 | margin-top: 5px; 17 | } 18 | 19 | .main-wrapper .upper-row { 20 | margin-bottom: 0; 21 | } 22 | 23 | 24 | } 25 | /* Small devices (tablets, 768px and up) */ 26 | @media (min-width: 768px) { 27 | 28 | 29 | } 30 | 31 | /* Medium devices (desktops, 992px and up) */ 32 | @media (min-width: 992px) { 33 | 34 | .skillset .level-title { 35 | display: inline-block; 36 | float: left; 37 | width: 30%; 38 | margin-bottom: 0; 39 | } 40 | 41 | .skillset .level-bar { 42 | display: inline-block; 43 | width: 70%; 44 | float: left; 45 | position: relative; 46 | top: 1px; 47 | } 48 | 49 | 50 | } 51 | 52 | /* Large devices (large desktops, 1200px and up) */ 53 | @media (min-width: 1200px) { 54 | 55 | } 56 | 57 | 58 | /* Ex-Large devices (large desktops, 1200px and up) */ 59 | @media (min-width: 1400px) { 60 | 61 | } 62 | 63 | 64 | -------------------------------------------------------------------------------- /_includes/simple-headerbar.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
5 | 6 | {% if site.name %} 7 |

{{site.name}}

8 | {% endif %} 9 | 10 | profile picture 11 | 12 | 13 |
14 | 15 |
16 | 17 |

Contact Info

18 | 19 | 48 |
49 | 50 | {% include education.html %} 51 | 52 |
53 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site Settings 2 | title: Jane Doe 3 | url: '' 4 | baseurl: '/simple-cv' #change it according to your repository name 5 | 6 | # Enable one of these styles by removing #. Style will be applied only after restarting the build or serve. 7 | #style: styles-2 8 | #style: styles-3 9 | #style: styles-4 10 | #style: styles-5 11 | #style: styles-6 12 | # modified slightly 13 | style: style-kz 14 | 15 | #Profile information 16 | name: Ayda Doe 17 | tagline: Math major at My College 18 | pic: ayda.jpg #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below 19 | summary: 'This is a simple cv website based on Jekyll. Fork it here https://github.com/RVerse-Tutorials/simple-cv. 20 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, 21 | when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 22 | and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.' 23 | 24 | #sidebar links 25 | email: myemail@gmail.com 26 | phone: 206 123 4567 27 | website: eeholmes.github.io/simple-cv/ #do not add http:// 28 | linkedin: 29 | github: eeholmes 30 | twitter: 31 | #Update all the sections by editing the files inside _data folder. 32 | 33 | # Tracker add google id like UA-xxx here 34 | #analytics: 35 | 36 | # Build settings 37 | encoding: "utf-8" 38 | compress_html: # - http://jch.penibelst.de/ 39 | clippings: all 40 | ignore: 41 | envs: development 42 | -------------------------------------------------------------------------------- /_includes/sidebar.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 |
5 | 6 | profile picture 7 | 8 | {% if site.name %} 9 |

{{site.name}}

10 | {% endif %} 11 | 12 | {% if site.tagline %} 13 |

{{site.tagline}}

14 | {% endif %} 15 | 16 |
17 | 18 |
19 | 46 |
47 | 48 | {% include education.html %} 49 | 50 | {% include honors.html %} 51 | 52 |
53 | -------------------------------------------------------------------------------- /_data/experiences.yml: -------------------------------------------------------------------------------- 1 | - experience: 2 | role: Teacher 3 | time: Summers 2014-2017 4 | company: School, Earth 5 | details: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the 6 | into electronic typesetting, remaining essentially unchanged." 7 | - experience: 8 | role: Data Entry 9 | time: Summers 2017 10 | company: Company, Earth 11 | details: "I entered all the data." 12 | - experience: 13 | role: Teacher 14 | time: Summers 2014-2017 15 | company: School, Mars 16 | details: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the 17 | into electronic typesetting, remaining essentially unchanged." 18 | - experience: 19 | role: Data Entry 20 | time: Summers 2017 21 | company: Company, Venus 22 | details: "I entered all the data." 23 | - experience: 24 | role: Teacher 25 | time: Summers 2014-2017 26 | company: School, Moon 27 | details: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the 28 | into electronic typesetting, remaining essentially unchanged." 29 | - experience: 30 | role: Data Entry 31 | time: Summers 2017 32 | company: Company, Pluto 33 | details: "I entered all the data." 34 | - experience: 35 | role: Teacher 36 | time: Summers 2014-2017 37 | company: School, Saturn 38 | details: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the 39 | into electronic typesetting, remaining essentially unchanged." 40 | - experience: 41 | role: Data Entry 42 | time: Summers 2017 43 | company: Company, Uranus 44 | details: "I entered all the data." 45 | 46 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This theme was designed by Xiaoying Riley at 3rd Wave Media (http://themes.3rdwavemedia.com/). Visit her website for more themes [http://themes.3rdwavemedia.com/](http://themes.3rdwavemedia.com/). [Webjeda](http://webjeda.com) made this into a Jekyll Theme: [http://webjeda.com/online-cv/](http://webjeda.com/online-cv/). Visit their website for more Jekyll themes and for custom website design. [Eli Holmes](https://eeholmes.github.io/) modified Webjeda's design to make it more suitable for a simple flat resume. 2 | 3 | ## Installation 4 | * Fork the repository 5 | * Go to settings of your repository and set Github Pages source as master. 6 | * Your new site should be ready at https://username.github.io/simple-cv/ 7 | * If you change the name of your repository, change the baseurl in `_config.yml` 8 | 9 | ## Enter your data 10 | * Edit `_config.yml` with your name, education and summary. The summary will appear in About Me. 11 | * Edit `_data\experiences.yml` with your work experience. 12 | * Edit `_data\coursework.yml` with your coursework. 13 | * Edit `_data\skills.yml` with your skills. 14 | * Add your picture to `assets\images\` and put the file name in `_config.yml` in `pic:` 15 | 16 | ## Customizing 17 | * Edit `index.html` and remove sections you want. For example, you can remove the coursework section. 18 | * If you want to change the headers (like Work Experience), edit the corresponding file in `_includes\*.html`. 19 | * Want a section (like Coursework) to look different? edit the corresponding file in `_includes\*.html`. 20 | * Want a new section using an existing one as a template? Copy the existing file in `_includes\*.html` and give it a new name. Make a corresponding yml file in `_data\`. You can copy an existing one to use as a template. Then add an `include` to `index.html`. 21 | * Want a new page that you can link to? Create an html file at the base level. `foo.html`. You can use `index.html` as a template. Your new page url will be `baseurl\foo.html`. 22 | * If you want a different favicon, delete the current one `favicon.ico` and upload a new one. 23 | 24 | ## More customizing 25 | If you want to make css changes, then edit the css file. 26 | * Make a copy of `assets\css\style-kz.css` and name it something else. 27 | * Edit your copy. 28 | * Change the `style:` line in `_config.yml` to be your new style file. 29 | * Look at the other style files in `assets\css\` for ideas however note that `style-kz.css` has been changed from the original. New classes: skills-section, skill-title, item in skills-section. project-title changed to be bold. 30 | 31 | You can find more themes at [**Jekyll Themes**](http://jekyll-themes.com) 32 | 33 | ## Reuse statement 34 | 35 | Reuse and adapt as you wish. No attribution needed or expected. 36 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | git: 3 | depth: 10 4 | node_js: 5 | - "0.12" 6 | before_install: 7 | - travis_retry sudo pip install -r test-infra/requirements.txt 8 | - rvm install 2.0.0 9 | - rvm use 2.0.0 --fuzzy 10 | - export GEMDIR=$(rvm gemdir) 11 | - if [ "$TWBS_TEST" = validate-html ]; then echo "ruby=$(basename $GEMDIR) jekyll=$JEKYLL_VERSION rouge=$ROUGE_VERSION" > pseudo_Gemfile.lock; fi 12 | - "export TRAVIS_COMMIT_MSG=\"$(git log --format=%B --no-merges -n 1)\"" 13 | - echo "$TRAVIS_COMMIT_MSG" | grep '\[skip validator\]'; export TWBS_DO_VALIDATOR=$?; true 14 | - echo "$TRAVIS_COMMIT_MSG" | grep '\[skip sauce\]'; export TWBS_DO_SAUCE=$?; true 15 | - if [ "$TRAVIS_REPO_SLUG" = twbs-savage/bootstrap ]; then export TWBS_DO_VALIDATOR=0; fi 16 | install: 17 | - npm install -g grunt-cli 18 | - ./test-infra/s3_cache.py download npm-modules 19 | - if [ "$TWBS_TEST" = validate-html ] && [ $TWBS_DO_VALIDATOR -ne 0 ]; then ./test-infra/s3_cache.py download rubygems; fi 20 | after_script: 21 | - if [ "$TRAVIS_REPO_SLUG" != twbs-savage/bootstrap ] && [ "$TWBS_TEST" = core ]; then ./test-infra/s3_cache.py upload npm-modules; fi 22 | - if [ "$TRAVIS_REPO_SLUG" != twbs-savage/bootstrap ] && [ "$TWBS_TEST" = validate-html ] && [ $TWBS_DO_VALIDATOR -ne 0 ]; then ./test-infra/s3_cache.py upload rubygems; fi 23 | env: 24 | global: 25 | - JEKYLL_VERSION="3.0.0" 26 | - ROUGE_VERSION="1.10.1" 27 | - SAUCE_USERNAME="bootstrap" 28 | - secure: "pJkBwnuae9dKU5tEcCqccfS1QQw7/meEcfz63fM7ba7QJNjoA6BaXj08L5Z3Vb5vBmVPwBawxo5Hp0jC0r/Z/O0hGnAmz/Cz09L+cy7dSAZ9x4hvZePSja/UAusaB5ogMoO8l2b773MzgQeSmrLbExr9BWLeqEfjC2hFgdgHLaQ=" 29 | - secure: "gqjqISbxBJK6byFbsmr1AyP1qoWH+rap06A2gI7v72+Tn2PU2nYkIMUkCvhZw6K889jv+LhQ/ybcBxDOXHpNCExCnSgB4dcnmYp+9oeNZb37jSP0rQ+Ib4OTLjzc3/FawE/fUq5kukZTC7porzc/k0qJNLAZRx3YLALmK1GIdUY=" 30 | - secure: "Gghh/e3Gsbj1+4RR9Lh2aR/xJl35HWiHqlPIeSUqE9D7uDCVTAwNce/dGL3Ew7uJPfJ6Pgr70wD3zgu3stw0Zmzayax0hiDtGwcQCxVIER08wqGANK9C2Q7PYJkNTNtiTo6ehKWbdV4Z+/U+TEYyQfpQTDbAFYk/vVpsdjp0Lmc=" 31 | - secure: "RTbRdx4G/2OTLfrZtP1VbRljxEmd6A1F3GqXboeQTldsnAlwpsES65es5CE3ub/rmixLApOY9ot7OPmNixFgC2Y8xOsV7lNCC62QVpmqQEDyGFFQKb3yO6/dmwQxdsCqGfzf9Np6Wh5V22QFvr50ZLKLd7Uhd9oXMDIk/z1MJ3o=" 32 | - secure: "RKWpS+P20b4tG9tawzCMJSmQftoonmC7tJzyGYiHuEM1TcpHALLBcnzKlr/+DiPTfzDJWY4kS8pxfhK4uXOe8OHnhpMNub7LEWtFPePlZIervOJcsOydaQocTKqVVWD6OUubMeQmQ+tZmvmpjoJ1uPPEbFs9ciF7+dv3U5tLUZ0=" 33 | - secure: "XswSKBY0HJ/aO9VOBeWlvGpqSFF/DsJmNKz7o5RkJMJX340qe44J929uUNwwOwlv9YrgptzC2W6l8bpmZQV+p6IYs99SoSA8CCaUfIJaqeU9x/UiT5vIHgqaNax+vFJwvzHLpF5v/ggFqFEKCd54gCDasePLTztHeC4oL104iaQ=" 34 | - secure: "Dv1HX5dzyTh8gA2YsLI+yWEgh9lnGKPpRDDEYYvm42fjBFziUYfcpvA9g8GXQuU9srY3mhfsZkCDHN0x5n1gliOai5TSjmd5Hh+9UyhvNWE+D8HoUpcFXWoQXvy/if2r25m+ZWi3cqgXkkBOcal3W1ePMtU4ln18NcWyIZ0tEFo=" 35 | - secure: "PabpUdG2dE40hHUkMCdxk1e9Ak3BOo0h7Y5/uekosLKOz5N60Xmn/ooyrSkvicLthXO4cfONFhO3/xSVRKQOxlUw4on5i0VuNK+QSqxJk0IDaRSZnTCcC8J7083K0YL+FvMdGQwcYwMY9LiwS8aS014IRkSQjsa+mjo3owP+dOU=" 36 | - secure: "G4/f4PVyVi9o6UbZMqw9YFmDu7cHqe9iymiXYd1RcnPXwhWAePX12m0PWMhUj5itJ180PTEddVip8PNOgBdqyrDxEPKkcgAW2EElVAPIKJXVfvDW64UjQ0H7NS7XvF7iLQUJp/XfmR7NJ7tT393AQdh8SGmuQpJhgYbwIWbES/k=" 37 | matrix: 38 | - TWBS_TEST=core 39 | - TWBS_TEST=validate-html 40 | - TWBS_TEST=sauce-js-unit 41 | matrix: 42 | fast_finish: true 43 | notifications: 44 | slack: heybb:iz4wwosL0N0EdaX1gvgkU0NH 45 | webhooks: 46 | - http://savage1.twbsapps.com/savage/travis 47 | -------------------------------------------------------------------------------- /_layouts/compress.html: -------------------------------------------------------------------------------- 1 | --- 2 | # Jekyll layout that compresses HTML 3 | # v3.0.1 4 | # http://jch.penibelst.de/ 5 | # © 2014–2015 Anatol Broder 6 | # MIT License 7 | --- 8 | 9 | {% capture _LINE_FEED %} 10 | {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% assign _lastchar = _pres.last | split: "" | last %}{% assign _outerloop = forloop %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if forloop.last and _lastchar == _LINE_FEED %}{% unless _outerloop.last %}{{ _LINE_FEED }}{% endunless %}{% continue %}{% endif %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "" %}{% endif %}{% unless _pre_before contains "" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " ;; ;" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %}
Step Bytes
raw {{ content | size }}{% if _profile_endings %}
endings {{ _profile_endings }}{% endif %}{% if _profile_startings %}
startings {{ _profile_startings }}{% endif %}{% if _profile_comments %}
comments {{ _profile_comments }}{% endif %}{% if _profile_collapse %}
collapse {{ _profile_collapse }}{% endif %}{% if _profile_clippings %}
clippings {{ _profile_clippings }}{% endif %}
{% endif %}{% endif %} 11 | -------------------------------------------------------------------------------- /assets/plugins/bootstrap/css/bootstrap-theme.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["less/theme.less","less/mixins/vendor-prefixes.less","less/mixins/gradients.less","less/mixins/reset-filter.less"],"names":[],"mappings":";;;;AAmBA,YAAA,aAAA,UAAA,aAAA,aAAA,aAME,YAAA,EAAA,KAAA,EAAA,eC2CA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBDvCR,mBAAA,mBAAA,oBAAA,oBAAA,iBAAA,iBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBAAA,oBCsCA,mBAAA,MAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,iBDlCR,qBAAA,sBAAA,sBAAA,uBAAA,mBAAA,oBAAA,sBAAA,uBAAA,sBAAA,uBAAA,sBAAA,uBAAA,+BAAA,gCAAA,6BAAA,gCAAA,gCAAA,gCCiCA,mBAAA,KACQ,WAAA,KDlDV,mBAAA,oBAAA,iBAAA,oBAAA,oBAAA,oBAuBI,YAAA,KAyCF,YAAA,YAEE,iBAAA,KAKJ,aErEI,YAAA,EAAA,IAAA,EAAA,KACA,iBAAA,iDACA,iBAAA,4CAAA,iBAAA,qEAEA,iBAAA,+CCnBF,OAAA,+GH4CA,OAAA,0DACA,kBAAA,SAuC2C,aAAA,QAA2B,aAAA,KArCtE,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAgBN,aEtEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAiBN,aEvEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAkBN,UExEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,gBAAA,gBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,iBAAA,iBAEE,iBAAA,QACA,aAAA,QAMA,mBAAA,0BAAA,yBAAA,0BAAA,yBAAA,yBAAA,oBAAA,2BAAA,0BAAA,2BAAA,0BAAA,0BAAA,6BAAA,oCAAA,mCAAA,oCAAA,mCAAA,mCAME,iBAAA,QACA,iBAAA,KAmBN,aEzEI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,mBAAA,mBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,oBAAA,oBAEE,iBAAA,QACA,aAAA,QAMA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,uBAAA,8BAAA,6BAAA,8BAAA,6BAAA,6BAAA,gCAAA,uCAAA,sCAAA,uCAAA,sCAAA,sCAME,iBAAA,QACA,iBAAA,KAoBN,YE1EI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDAEA,OAAA,+GCnBF,OAAA,0DH4CA,kBAAA,SACA,aAAA,QAEA,kBAAA,kBAEE,iBAAA,QACA,oBAAA,EAAA,MAGF,mBAAA,mBAEE,iBAAA,QACA,aAAA,QAMA,qBAAA,4BAAA,2BAAA,4BAAA,2BAAA,2BAAA,sBAAA,6BAAA,4BAAA,6BAAA,4BAAA,4BAAA,+BAAA,sCAAA,qCAAA,sCAAA,qCAAA,qCAME,iBAAA,QACA,iBAAA,KA2BN,eAAA,WClCE,mBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,EAAA,IAAA,IAAA,iBD2CV,0BAAA,0BE3FI,iBAAA,QACA,iBAAA,oDACA,iBAAA,+CAAA,iBAAA,wEACA,iBAAA,kDACA,OAAA,+GF0FF,kBAAA,SAEF,yBAAA,+BAAA,+BEhGI,iBAAA,QACA,iBAAA,oDACA,iBAAA,+CAAA,iBAAA,wEACA,iBAAA,kDACA,OAAA,+GFgGF,kBAAA,SASF,gBE7GI,iBAAA,iDACA,iBAAA,4CACA,iBAAA,qEAAA,iBAAA,+CACA,OAAA,+GACA,OAAA,0DCnBF,kBAAA,SH+HA,cAAA,ICjEA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,iBD6DV,sCAAA,oCE7GI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SD2CF,mBAAA,MAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,iBD0EV,cAAA,iBAEE,YAAA,EAAA,IAAA,EAAA,sBAIF,gBEhII,iBAAA,iDACA,iBAAA,4CACA,iBAAA,qEAAA,iBAAA,+CACA,OAAA,+GACA,OAAA,0DCnBF,kBAAA,SHkJA,cAAA,IAHF,sCAAA,oCEhII,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SD2CF,mBAAA,MAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,gBDgFV,8BAAA,iCAYI,YAAA,EAAA,KAAA,EAAA,gBAKJ,qBAAA,kBAAA,mBAGE,cAAA,EAqBF,yBAfI,mDAAA,yDAAA,yDAGE,MAAA,KE7JF,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,UFqKJ,OACE,YAAA,EAAA,IAAA,EAAA,qBC3HA,mBAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,MAAA,EAAA,IAAA,EAAA,sBAAA,EAAA,IAAA,IAAA,gBDsIV,eEtLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAKF,YEvLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAMF,eExLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAOF,cEzLI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF8KF,aAAA,QAeF,UEjMI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFuMJ,cE3MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFwMJ,sBE5MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFyMJ,mBE7MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF0MJ,sBE9MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF2MJ,qBE/MI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF+MJ,sBElLI,iBAAA,yKACA,iBAAA,oKACA,iBAAA,iKFyLJ,YACE,cAAA,IC9KA,mBAAA,EAAA,IAAA,IAAA,iBACQ,WAAA,EAAA,IAAA,IAAA,iBDgLV,wBAAA,8BAAA,8BAGE,YAAA,EAAA,KAAA,EAAA,QEnOE,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFiOF,aAAA,QALF,+BAAA,qCAAA,qCAQI,YAAA,KAUJ,OCnME,mBAAA,EAAA,IAAA,IAAA,gBACQ,WAAA,EAAA,IAAA,IAAA,gBD4MV,8BE5PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFyPJ,8BE7PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF0PJ,8BE9PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF2PJ,2BE/PI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF4PJ,8BEhQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SF6PJ,6BEjQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFoQJ,MExQI,iBAAA,oDACA,iBAAA,+CACA,iBAAA,wEAAA,iBAAA,kDACA,OAAA,+GACA,kBAAA,SFsQF,aAAA,QC3NA,mBAAA,MAAA,EAAA,IAAA,IAAA,gBAAA,EAAA,IAAA,EAAA,qBACQ,WAAA,MAAA,EAAA,IAAA,IAAA,gBAAA,EAAA,IAAA,EAAA"} -------------------------------------------------------------------------------- /assets/less/default/mixins.less: -------------------------------------------------------------------------------- 1 | .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { 2 | text-shadow: @string; 3 | } 4 | .box-shadow (@string) { 5 | -webkit-box-shadow: @string; 6 | -moz-box-shadow: @string; 7 | box-shadow: @string; 8 | } 9 | .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 10 | -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 11 | -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 12 | box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 13 | } 14 | .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 15 | -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 16 | -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 17 | box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 18 | } 19 | 20 | .box-sizing (@type: border-box) { 21 | -webkit-box-sizing: @type; 22 | -moz-box-sizing: @type; 23 | box-sizing: @type; 24 | } 25 | 26 | .border-radius (@radius: 5px) { 27 | -webkit-border-radius: @radius; 28 | -moz-border-radius: @radius; 29 | -ms-border-radius: @radius; 30 | -o-border-radius: @radius; 31 | border-radius: @radius; 32 | 33 | -moz-background-clip: padding; 34 | -webkit-background-clip: padding-box; 35 | background-clip: padding-box; 36 | } 37 | .border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { 38 | -webkit-border-top-right-radius: @topright; 39 | -webkit-border-bottom-right-radius: @bottomright; 40 | -webkit-border-bottom-left-radius: @bottomleft; 41 | -webkit-border-top-left-radius: @topleft; 42 | 43 | -moz-border-radius-topright: @topright; 44 | -moz-border-radius-bottomright: @bottomright; 45 | -moz-border-radius-bottomleft: @bottomleft; 46 | -moz-border-radius-topleft: @topleft; 47 | 48 | border-top-right-radius: @topright; 49 | border-bottom-right-radius: @bottomright; 50 | border-bottom-left-radius: @bottomleft; 51 | border-top-left-radius: @topleft; 52 | 53 | -moz-background-clip: padding; 54 | -webkit-background-clip: padding-box; 55 | background-clip: padding-box; 56 | } 57 | 58 | .opacity (@opacity: 0.5) { 59 | -webkit-opacity: @opacity; 60 | -moz-opacity: @opacity; 61 | opacity: @opacity; 62 | } 63 | 64 | .gradient (@startColor: #eee, @endColor: white) { 65 | background-color: @startColor; 66 | background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); 67 | background: -webkit-linear-gradient(top, @startColor, @endColor); 68 | background: -moz-linear-gradient(top, @startColor, @endColor); 69 | background: -ms-linear-gradient(top, @startColor, @endColor); 70 | background: -o-linear-gradient(top, @startColor, @endColor); 71 | } 72 | .horizontal-gradient (@startColor: #eee, @endColor: white) { 73 | background-color: @startColor; 74 | background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); 75 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); 76 | background-image: -moz-linear-gradient(left, @startColor, @endColor); 77 | background-image: -ms-linear-gradient(left, @startColor, @endColor); 78 | background-image: -o-linear-gradient(left, @startColor, @endColor); 79 | } 80 | 81 | .animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { 82 | -webkit-animation: @name @duration @delay @ease; 83 | -moz-animation: @name @duration @delay @ease; 84 | -ms-animation: @name @duration @delay @ease; 85 | } 86 | 87 | .transition (@transition) { 88 | -webkit-transition: @transition; 89 | -moz-transition: @transition; 90 | -ms-transition: @transition; 91 | -o-transition: @transition; 92 | } 93 | .transform(@string){ 94 | -webkit-transform: @string; 95 | -moz-transform: @string; 96 | -ms-transform: @string; 97 | -o-transform: @string; 98 | } 99 | .scale (@factor) { 100 | -webkit-transform: scale(@factor); 101 | -moz-transform: scale(@factor); 102 | -ms-transform: scale(@factor); 103 | -o-transform: scale(@factor); 104 | } 105 | .rotate (@deg) { 106 | -webkit-transform: rotate(@deg); 107 | -moz-transform: rotate(@deg); 108 | -ms-transform: rotate(@deg); 109 | -o-transform: rotate(@deg); 110 | } 111 | .skew (@deg, @deg2) { 112 | -webkit-transform: skew(@deg, @deg2); 113 | -moz-transform: skew(@deg, @deg2); 114 | -ms-transform: skew(@deg, @deg2); 115 | -o-transform: skew(@deg, @deg2); 116 | } 117 | .translate (@x, @y:0) { 118 | -webkit-transform: translate(@x, @y); 119 | -moz-transform: translate(@x, @y); 120 | -ms-transform: translate(@x, @y); 121 | -o-transform: translate(@x, @y); 122 | } 123 | .translate3d (@x, @y: 0, @z: 0) { 124 | -webkit-transform: translate3d(@x, @y, @z); 125 | -moz-transform: translate3d(@x, @y, @z); 126 | -ms-transform: translate3d(@x, @y, @z); 127 | -o-transform: translate3d(@x, @y, @z); 128 | } 129 | .perspective (@value: 1000) { 130 | -webkit-perspective: @value; 131 | -moz-perspective: @value; 132 | -ms-perspective: @value; 133 | perspective: @value; 134 | } 135 | .transform-origin (@x:center, @y:center) { 136 | -webkit-transform-origin: @x @y; 137 | -moz-transform-origin: @x @y; 138 | -ms-transform-origin: @x @y; 139 | -o-transform-origin: @x @y; 140 | } 141 | 142 | .reset-box-sizing (@size:content-box) { 143 | &, 144 | *, 145 | *:before, 146 | *:after { 147 | .box-sizing(@size); 148 | } 149 | } 150 | 151 | .truncate (@max-width: 250px) { 152 | max-width: @max-width; 153 | white-space: nowrap; 154 | overflow: hidden; 155 | text-overflow: ellipsis; 156 | } 157 | 158 | .background-size (@string: contain) { 159 | -webkit-background-size: @string; 160 | -moz-background-size: @string; 161 | -o-background-size: @string; 162 | background-size: @string; 163 | } 164 | 165 | // retina.less 166 | // A helper mixin for applying high-resolution background images (http://www.retinajs.com) 167 | 168 | @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)"; 169 | 170 | .at2x(@path, @w: auto, @h: auto) { 171 | background-image: url(@path); 172 | @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; 173 | 174 | @media @highdpi { 175 | background-image: url("@{at2x_path}"); 176 | background-size: @w @h; 177 | } 178 | } 179 | 180 | 181 | -------------------------------------------------------------------------------- /assets/less/theme-2/mixins.less: -------------------------------------------------------------------------------- 1 | .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { 2 | text-shadow: @string; 3 | } 4 | .box-shadow (@string) { 5 | -webkit-box-shadow: @string; 6 | -moz-box-shadow: @string; 7 | box-shadow: @string; 8 | } 9 | .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 10 | -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 11 | -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 12 | box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 13 | } 14 | .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 15 | -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 16 | -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 17 | box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 18 | } 19 | 20 | .box-sizing (@type: border-box) { 21 | -webkit-box-sizing: @type; 22 | -moz-box-sizing: @type; 23 | box-sizing: @type; 24 | } 25 | 26 | .border-radius (@radius: 5px) { 27 | -webkit-border-radius: @radius; 28 | -moz-border-radius: @radius; 29 | -ms-border-radius: @radius; 30 | -o-border-radius: @radius; 31 | border-radius: @radius; 32 | 33 | -moz-background-clip: padding; 34 | -webkit-background-clip: padding-box; 35 | background-clip: padding-box; 36 | } 37 | .border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { 38 | -webkit-border-top-right-radius: @topright; 39 | -webkit-border-bottom-right-radius: @bottomright; 40 | -webkit-border-bottom-left-radius: @bottomleft; 41 | -webkit-border-top-left-radius: @topleft; 42 | 43 | -moz-border-radius-topright: @topright; 44 | -moz-border-radius-bottomright: @bottomright; 45 | -moz-border-radius-bottomleft: @bottomleft; 46 | -moz-border-radius-topleft: @topleft; 47 | 48 | border-top-right-radius: @topright; 49 | border-bottom-right-radius: @bottomright; 50 | border-bottom-left-radius: @bottomleft; 51 | border-top-left-radius: @topleft; 52 | 53 | -moz-background-clip: padding; 54 | -webkit-background-clip: padding-box; 55 | background-clip: padding-box; 56 | } 57 | 58 | .opacity (@opacity: 0.5) { 59 | -webkit-opacity: @opacity; 60 | -moz-opacity: @opacity; 61 | opacity: @opacity; 62 | } 63 | 64 | .gradient (@startColor: #eee, @endColor: white) { 65 | background-color: @startColor; 66 | background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); 67 | background: -webkit-linear-gradient(top, @startColor, @endColor); 68 | background: -moz-linear-gradient(top, @startColor, @endColor); 69 | background: -ms-linear-gradient(top, @startColor, @endColor); 70 | background: -o-linear-gradient(top, @startColor, @endColor); 71 | } 72 | .horizontal-gradient (@startColor: #eee, @endColor: white) { 73 | background-color: @startColor; 74 | background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); 75 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); 76 | background-image: -moz-linear-gradient(left, @startColor, @endColor); 77 | background-image: -ms-linear-gradient(left, @startColor, @endColor); 78 | background-image: -o-linear-gradient(left, @startColor, @endColor); 79 | } 80 | 81 | .animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { 82 | -webkit-animation: @name @duration @delay @ease; 83 | -moz-animation: @name @duration @delay @ease; 84 | -ms-animation: @name @duration @delay @ease; 85 | } 86 | 87 | .transition (@transition) { 88 | -webkit-transition: @transition; 89 | -moz-transition: @transition; 90 | -ms-transition: @transition; 91 | -o-transition: @transition; 92 | } 93 | .transform(@string){ 94 | -webkit-transform: @string; 95 | -moz-transform: @string; 96 | -ms-transform: @string; 97 | -o-transform: @string; 98 | } 99 | .scale (@factor) { 100 | -webkit-transform: scale(@factor); 101 | -moz-transform: scale(@factor); 102 | -ms-transform: scale(@factor); 103 | -o-transform: scale(@factor); 104 | } 105 | .rotate (@deg) { 106 | -webkit-transform: rotate(@deg); 107 | -moz-transform: rotate(@deg); 108 | -ms-transform: rotate(@deg); 109 | -o-transform: rotate(@deg); 110 | } 111 | .skew (@deg, @deg2) { 112 | -webkit-transform: skew(@deg, @deg2); 113 | -moz-transform: skew(@deg, @deg2); 114 | -ms-transform: skew(@deg, @deg2); 115 | -o-transform: skew(@deg, @deg2); 116 | } 117 | .translate (@x, @y:0) { 118 | -webkit-transform: translate(@x, @y); 119 | -moz-transform: translate(@x, @y); 120 | -ms-transform: translate(@x, @y); 121 | -o-transform: translate(@x, @y); 122 | } 123 | .translate3d (@x, @y: 0, @z: 0) { 124 | -webkit-transform: translate3d(@x, @y, @z); 125 | -moz-transform: translate3d(@x, @y, @z); 126 | -ms-transform: translate3d(@x, @y, @z); 127 | -o-transform: translate3d(@x, @y, @z); 128 | } 129 | .perspective (@value: 1000) { 130 | -webkit-perspective: @value; 131 | -moz-perspective: @value; 132 | -ms-perspective: @value; 133 | perspective: @value; 134 | } 135 | .transform-origin (@x:center, @y:center) { 136 | -webkit-transform-origin: @x @y; 137 | -moz-transform-origin: @x @y; 138 | -ms-transform-origin: @x @y; 139 | -o-transform-origin: @x @y; 140 | } 141 | 142 | .reset-box-sizing (@size:content-box) { 143 | &, 144 | *, 145 | *:before, 146 | *:after { 147 | .box-sizing(@size); 148 | } 149 | } 150 | 151 | .truncate (@max-width: 250px) { 152 | max-width: @max-width; 153 | white-space: nowrap; 154 | overflow: hidden; 155 | text-overflow: ellipsis; 156 | } 157 | 158 | .background-size (@string: contain) { 159 | -webkit-background-size: @string; 160 | -moz-background-size: @string; 161 | -o-background-size: @string; 162 | background-size: @string; 163 | } 164 | 165 | // retina.less 166 | // A helper mixin for applying high-resolution background images (http://www.retinajs.com) 167 | 168 | @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)"; 169 | 170 | .at2x(@path, @w: auto, @h: auto) { 171 | background-image: url(@path); 172 | @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; 173 | 174 | @media @highdpi { 175 | background-image: url("@{at2x_path}"); 176 | background-size: @w @h; 177 | } 178 | } 179 | 180 | 181 | -------------------------------------------------------------------------------- /assets/less/theme-3/mixins.less: -------------------------------------------------------------------------------- 1 | .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { 2 | text-shadow: @string; 3 | } 4 | .box-shadow (@string) { 5 | -webkit-box-shadow: @string; 6 | -moz-box-shadow: @string; 7 | box-shadow: @string; 8 | } 9 | .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 10 | -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 11 | -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 12 | box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 13 | } 14 | .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 15 | -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 16 | -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 17 | box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 18 | } 19 | 20 | .box-sizing (@type: border-box) { 21 | -webkit-box-sizing: @type; 22 | -moz-box-sizing: @type; 23 | box-sizing: @type; 24 | } 25 | 26 | .border-radius (@radius: 5px) { 27 | -webkit-border-radius: @radius; 28 | -moz-border-radius: @radius; 29 | -ms-border-radius: @radius; 30 | -o-border-radius: @radius; 31 | border-radius: @radius; 32 | 33 | -moz-background-clip: padding; 34 | -webkit-background-clip: padding-box; 35 | background-clip: padding-box; 36 | } 37 | .border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { 38 | -webkit-border-top-right-radius: @topright; 39 | -webkit-border-bottom-right-radius: @bottomright; 40 | -webkit-border-bottom-left-radius: @bottomleft; 41 | -webkit-border-top-left-radius: @topleft; 42 | 43 | -moz-border-radius-topright: @topright; 44 | -moz-border-radius-bottomright: @bottomright; 45 | -moz-border-radius-bottomleft: @bottomleft; 46 | -moz-border-radius-topleft: @topleft; 47 | 48 | border-top-right-radius: @topright; 49 | border-bottom-right-radius: @bottomright; 50 | border-bottom-left-radius: @bottomleft; 51 | border-top-left-radius: @topleft; 52 | 53 | -moz-background-clip: padding; 54 | -webkit-background-clip: padding-box; 55 | background-clip: padding-box; 56 | } 57 | 58 | .opacity (@opacity: 0.5) { 59 | -webkit-opacity: @opacity; 60 | -moz-opacity: @opacity; 61 | opacity: @opacity; 62 | } 63 | 64 | .gradient (@startColor: #eee, @endColor: white) { 65 | background-color: @startColor; 66 | background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); 67 | background: -webkit-linear-gradient(top, @startColor, @endColor); 68 | background: -moz-linear-gradient(top, @startColor, @endColor); 69 | background: -ms-linear-gradient(top, @startColor, @endColor); 70 | background: -o-linear-gradient(top, @startColor, @endColor); 71 | } 72 | .horizontal-gradient (@startColor: #eee, @endColor: white) { 73 | background-color: @startColor; 74 | background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); 75 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); 76 | background-image: -moz-linear-gradient(left, @startColor, @endColor); 77 | background-image: -ms-linear-gradient(left, @startColor, @endColor); 78 | background-image: -o-linear-gradient(left, @startColor, @endColor); 79 | } 80 | 81 | .animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { 82 | -webkit-animation: @name @duration @delay @ease; 83 | -moz-animation: @name @duration @delay @ease; 84 | -ms-animation: @name @duration @delay @ease; 85 | } 86 | 87 | .transition (@transition) { 88 | -webkit-transition: @transition; 89 | -moz-transition: @transition; 90 | -ms-transition: @transition; 91 | -o-transition: @transition; 92 | } 93 | .transform(@string){ 94 | -webkit-transform: @string; 95 | -moz-transform: @string; 96 | -ms-transform: @string; 97 | -o-transform: @string; 98 | } 99 | .scale (@factor) { 100 | -webkit-transform: scale(@factor); 101 | -moz-transform: scale(@factor); 102 | -ms-transform: scale(@factor); 103 | -o-transform: scale(@factor); 104 | } 105 | .rotate (@deg) { 106 | -webkit-transform: rotate(@deg); 107 | -moz-transform: rotate(@deg); 108 | -ms-transform: rotate(@deg); 109 | -o-transform: rotate(@deg); 110 | } 111 | .skew (@deg, @deg2) { 112 | -webkit-transform: skew(@deg, @deg2); 113 | -moz-transform: skew(@deg, @deg2); 114 | -ms-transform: skew(@deg, @deg2); 115 | -o-transform: skew(@deg, @deg2); 116 | } 117 | .translate (@x, @y:0) { 118 | -webkit-transform: translate(@x, @y); 119 | -moz-transform: translate(@x, @y); 120 | -ms-transform: translate(@x, @y); 121 | -o-transform: translate(@x, @y); 122 | } 123 | .translate3d (@x, @y: 0, @z: 0) { 124 | -webkit-transform: translate3d(@x, @y, @z); 125 | -moz-transform: translate3d(@x, @y, @z); 126 | -ms-transform: translate3d(@x, @y, @z); 127 | -o-transform: translate3d(@x, @y, @z); 128 | } 129 | .perspective (@value: 1000) { 130 | -webkit-perspective: @value; 131 | -moz-perspective: @value; 132 | -ms-perspective: @value; 133 | perspective: @value; 134 | } 135 | .transform-origin (@x:center, @y:center) { 136 | -webkit-transform-origin: @x @y; 137 | -moz-transform-origin: @x @y; 138 | -ms-transform-origin: @x @y; 139 | -o-transform-origin: @x @y; 140 | } 141 | 142 | .reset-box-sizing (@size:content-box) { 143 | &, 144 | *, 145 | *:before, 146 | *:after { 147 | .box-sizing(@size); 148 | } 149 | } 150 | 151 | .truncate (@max-width: 250px) { 152 | max-width: @max-width; 153 | white-space: nowrap; 154 | overflow: hidden; 155 | text-overflow: ellipsis; 156 | } 157 | 158 | .background-size (@string: contain) { 159 | -webkit-background-size: @string; 160 | -moz-background-size: @string; 161 | -o-background-size: @string; 162 | background-size: @string; 163 | } 164 | 165 | // retina.less 166 | // A helper mixin for applying high-resolution background images (http://www.retinajs.com) 167 | 168 | @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)"; 169 | 170 | .at2x(@path, @w: auto, @h: auto) { 171 | background-image: url(@path); 172 | @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; 173 | 174 | @media @highdpi { 175 | background-image: url("@{at2x_path}"); 176 | background-size: @w @h; 177 | } 178 | } 179 | 180 | 181 | -------------------------------------------------------------------------------- /assets/less/theme-4/mixins.less: -------------------------------------------------------------------------------- 1 | .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { 2 | text-shadow: @string; 3 | } 4 | .box-shadow (@string) { 5 | -webkit-box-shadow: @string; 6 | -moz-box-shadow: @string; 7 | box-shadow: @string; 8 | } 9 | .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 10 | -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 11 | -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 12 | box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 13 | } 14 | .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 15 | -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 16 | -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 17 | box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 18 | } 19 | 20 | .box-sizing (@type: border-box) { 21 | -webkit-box-sizing: @type; 22 | -moz-box-sizing: @type; 23 | box-sizing: @type; 24 | } 25 | 26 | .border-radius (@radius: 5px) { 27 | -webkit-border-radius: @radius; 28 | -moz-border-radius: @radius; 29 | -ms-border-radius: @radius; 30 | -o-border-radius: @radius; 31 | border-radius: @radius; 32 | 33 | -moz-background-clip: padding; 34 | -webkit-background-clip: padding-box; 35 | background-clip: padding-box; 36 | } 37 | .border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { 38 | -webkit-border-top-right-radius: @topright; 39 | -webkit-border-bottom-right-radius: @bottomright; 40 | -webkit-border-bottom-left-radius: @bottomleft; 41 | -webkit-border-top-left-radius: @topleft; 42 | 43 | -moz-border-radius-topright: @topright; 44 | -moz-border-radius-bottomright: @bottomright; 45 | -moz-border-radius-bottomleft: @bottomleft; 46 | -moz-border-radius-topleft: @topleft; 47 | 48 | border-top-right-radius: @topright; 49 | border-bottom-right-radius: @bottomright; 50 | border-bottom-left-radius: @bottomleft; 51 | border-top-left-radius: @topleft; 52 | 53 | -moz-background-clip: padding; 54 | -webkit-background-clip: padding-box; 55 | background-clip: padding-box; 56 | } 57 | 58 | .opacity (@opacity: 0.5) { 59 | -webkit-opacity: @opacity; 60 | -moz-opacity: @opacity; 61 | opacity: @opacity; 62 | } 63 | 64 | .gradient (@startColor: #eee, @endColor: white) { 65 | background-color: @startColor; 66 | background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); 67 | background: -webkit-linear-gradient(top, @startColor, @endColor); 68 | background: -moz-linear-gradient(top, @startColor, @endColor); 69 | background: -ms-linear-gradient(top, @startColor, @endColor); 70 | background: -o-linear-gradient(top, @startColor, @endColor); 71 | } 72 | .horizontal-gradient (@startColor: #eee, @endColor: white) { 73 | background-color: @startColor; 74 | background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); 75 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); 76 | background-image: -moz-linear-gradient(left, @startColor, @endColor); 77 | background-image: -ms-linear-gradient(left, @startColor, @endColor); 78 | background-image: -o-linear-gradient(left, @startColor, @endColor); 79 | } 80 | 81 | .animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { 82 | -webkit-animation: @name @duration @delay @ease; 83 | -moz-animation: @name @duration @delay @ease; 84 | -ms-animation: @name @duration @delay @ease; 85 | } 86 | 87 | .transition (@transition) { 88 | -webkit-transition: @transition; 89 | -moz-transition: @transition; 90 | -ms-transition: @transition; 91 | -o-transition: @transition; 92 | } 93 | .transform(@string){ 94 | -webkit-transform: @string; 95 | -moz-transform: @string; 96 | -ms-transform: @string; 97 | -o-transform: @string; 98 | } 99 | .scale (@factor) { 100 | -webkit-transform: scale(@factor); 101 | -moz-transform: scale(@factor); 102 | -ms-transform: scale(@factor); 103 | -o-transform: scale(@factor); 104 | } 105 | .rotate (@deg) { 106 | -webkit-transform: rotate(@deg); 107 | -moz-transform: rotate(@deg); 108 | -ms-transform: rotate(@deg); 109 | -o-transform: rotate(@deg); 110 | } 111 | .skew (@deg, @deg2) { 112 | -webkit-transform: skew(@deg, @deg2); 113 | -moz-transform: skew(@deg, @deg2); 114 | -ms-transform: skew(@deg, @deg2); 115 | -o-transform: skew(@deg, @deg2); 116 | } 117 | .translate (@x, @y:0) { 118 | -webkit-transform: translate(@x, @y); 119 | -moz-transform: translate(@x, @y); 120 | -ms-transform: translate(@x, @y); 121 | -o-transform: translate(@x, @y); 122 | } 123 | .translate3d (@x, @y: 0, @z: 0) { 124 | -webkit-transform: translate3d(@x, @y, @z); 125 | -moz-transform: translate3d(@x, @y, @z); 126 | -ms-transform: translate3d(@x, @y, @z); 127 | -o-transform: translate3d(@x, @y, @z); 128 | } 129 | .perspective (@value: 1000) { 130 | -webkit-perspective: @value; 131 | -moz-perspective: @value; 132 | -ms-perspective: @value; 133 | perspective: @value; 134 | } 135 | .transform-origin (@x:center, @y:center) { 136 | -webkit-transform-origin: @x @y; 137 | -moz-transform-origin: @x @y; 138 | -ms-transform-origin: @x @y; 139 | -o-transform-origin: @x @y; 140 | } 141 | 142 | .reset-box-sizing (@size:content-box) { 143 | &, 144 | *, 145 | *:before, 146 | *:after { 147 | .box-sizing(@size); 148 | } 149 | } 150 | 151 | .truncate (@max-width: 250px) { 152 | max-width: @max-width; 153 | white-space: nowrap; 154 | overflow: hidden; 155 | text-overflow: ellipsis; 156 | } 157 | 158 | .background-size (@string: contain) { 159 | -webkit-background-size: @string; 160 | -moz-background-size: @string; 161 | -o-background-size: @string; 162 | background-size: @string; 163 | } 164 | 165 | // retina.less 166 | // A helper mixin for applying high-resolution background images (http://www.retinajs.com) 167 | 168 | @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)"; 169 | 170 | .at2x(@path, @w: auto, @h: auto) { 171 | background-image: url(@path); 172 | @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; 173 | 174 | @media @highdpi { 175 | background-image: url("@{at2x_path}"); 176 | background-size: @w @h; 177 | } 178 | } 179 | 180 | 181 | -------------------------------------------------------------------------------- /assets/less/theme-5/mixins.less: -------------------------------------------------------------------------------- 1 | .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { 2 | text-shadow: @string; 3 | } 4 | .box-shadow (@string) { 5 | -webkit-box-shadow: @string; 6 | -moz-box-shadow: @string; 7 | box-shadow: @string; 8 | } 9 | .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 10 | -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 11 | -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 12 | box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 13 | } 14 | .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 15 | -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 16 | -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 17 | box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 18 | } 19 | 20 | .box-sizing (@type: border-box) { 21 | -webkit-box-sizing: @type; 22 | -moz-box-sizing: @type; 23 | box-sizing: @type; 24 | } 25 | 26 | .border-radius (@radius: 5px) { 27 | -webkit-border-radius: @radius; 28 | -moz-border-radius: @radius; 29 | -ms-border-radius: @radius; 30 | -o-border-radius: @radius; 31 | border-radius: @radius; 32 | 33 | -moz-background-clip: padding; 34 | -webkit-background-clip: padding-box; 35 | background-clip: padding-box; 36 | } 37 | .border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { 38 | -webkit-border-top-right-radius: @topright; 39 | -webkit-border-bottom-right-radius: @bottomright; 40 | -webkit-border-bottom-left-radius: @bottomleft; 41 | -webkit-border-top-left-radius: @topleft; 42 | 43 | -moz-border-radius-topright: @topright; 44 | -moz-border-radius-bottomright: @bottomright; 45 | -moz-border-radius-bottomleft: @bottomleft; 46 | -moz-border-radius-topleft: @topleft; 47 | 48 | border-top-right-radius: @topright; 49 | border-bottom-right-radius: @bottomright; 50 | border-bottom-left-radius: @bottomleft; 51 | border-top-left-radius: @topleft; 52 | 53 | -moz-background-clip: padding; 54 | -webkit-background-clip: padding-box; 55 | background-clip: padding-box; 56 | } 57 | 58 | .opacity (@opacity: 0.5) { 59 | -webkit-opacity: @opacity; 60 | -moz-opacity: @opacity; 61 | opacity: @opacity; 62 | } 63 | 64 | .gradient (@startColor: #eee, @endColor: white) { 65 | background-color: @startColor; 66 | background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); 67 | background: -webkit-linear-gradient(top, @startColor, @endColor); 68 | background: -moz-linear-gradient(top, @startColor, @endColor); 69 | background: -ms-linear-gradient(top, @startColor, @endColor); 70 | background: -o-linear-gradient(top, @startColor, @endColor); 71 | } 72 | .horizontal-gradient (@startColor: #eee, @endColor: white) { 73 | background-color: @startColor; 74 | background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); 75 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); 76 | background-image: -moz-linear-gradient(left, @startColor, @endColor); 77 | background-image: -ms-linear-gradient(left, @startColor, @endColor); 78 | background-image: -o-linear-gradient(left, @startColor, @endColor); 79 | } 80 | 81 | .animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { 82 | -webkit-animation: @name @duration @delay @ease; 83 | -moz-animation: @name @duration @delay @ease; 84 | -ms-animation: @name @duration @delay @ease; 85 | } 86 | 87 | .transition (@transition) { 88 | -webkit-transition: @transition; 89 | -moz-transition: @transition; 90 | -ms-transition: @transition; 91 | -o-transition: @transition; 92 | } 93 | .transform(@string){ 94 | -webkit-transform: @string; 95 | -moz-transform: @string; 96 | -ms-transform: @string; 97 | -o-transform: @string; 98 | } 99 | .scale (@factor) { 100 | -webkit-transform: scale(@factor); 101 | -moz-transform: scale(@factor); 102 | -ms-transform: scale(@factor); 103 | -o-transform: scale(@factor); 104 | } 105 | .rotate (@deg) { 106 | -webkit-transform: rotate(@deg); 107 | -moz-transform: rotate(@deg); 108 | -ms-transform: rotate(@deg); 109 | -o-transform: rotate(@deg); 110 | } 111 | .skew (@deg, @deg2) { 112 | -webkit-transform: skew(@deg, @deg2); 113 | -moz-transform: skew(@deg, @deg2); 114 | -ms-transform: skew(@deg, @deg2); 115 | -o-transform: skew(@deg, @deg2); 116 | } 117 | .translate (@x, @y:0) { 118 | -webkit-transform: translate(@x, @y); 119 | -moz-transform: translate(@x, @y); 120 | -ms-transform: translate(@x, @y); 121 | -o-transform: translate(@x, @y); 122 | } 123 | .translate3d (@x, @y: 0, @z: 0) { 124 | -webkit-transform: translate3d(@x, @y, @z); 125 | -moz-transform: translate3d(@x, @y, @z); 126 | -ms-transform: translate3d(@x, @y, @z); 127 | -o-transform: translate3d(@x, @y, @z); 128 | } 129 | .perspective (@value: 1000) { 130 | -webkit-perspective: @value; 131 | -moz-perspective: @value; 132 | -ms-perspective: @value; 133 | perspective: @value; 134 | } 135 | .transform-origin (@x:center, @y:center) { 136 | -webkit-transform-origin: @x @y; 137 | -moz-transform-origin: @x @y; 138 | -ms-transform-origin: @x @y; 139 | -o-transform-origin: @x @y; 140 | } 141 | 142 | .reset-box-sizing (@size:content-box) { 143 | &, 144 | *, 145 | *:before, 146 | *:after { 147 | .box-sizing(@size); 148 | } 149 | } 150 | 151 | .truncate (@max-width: 250px) { 152 | max-width: @max-width; 153 | white-space: nowrap; 154 | overflow: hidden; 155 | text-overflow: ellipsis; 156 | } 157 | 158 | .background-size (@string: contain) { 159 | -webkit-background-size: @string; 160 | -moz-background-size: @string; 161 | -o-background-size: @string; 162 | background-size: @string; 163 | } 164 | 165 | // retina.less 166 | // A helper mixin for applying high-resolution background images (http://www.retinajs.com) 167 | 168 | @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)"; 169 | 170 | .at2x(@path, @w: auto, @h: auto) { 171 | background-image: url(@path); 172 | @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; 173 | 174 | @media @highdpi { 175 | background-image: url("@{at2x_path}"); 176 | background-size: @w @h; 177 | } 178 | } 179 | 180 | 181 | -------------------------------------------------------------------------------- /assets/less/theme-6/mixins.less: -------------------------------------------------------------------------------- 1 | .text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { 2 | text-shadow: @string; 3 | } 4 | .box-shadow (@string) { 5 | -webkit-box-shadow: @string; 6 | -moz-box-shadow: @string; 7 | box-shadow: @string; 8 | } 9 | .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 10 | -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 11 | -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 12 | box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); 13 | } 14 | .inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { 15 | -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 16 | -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 17 | box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha); 18 | } 19 | 20 | .box-sizing (@type: border-box) { 21 | -webkit-box-sizing: @type; 22 | -moz-box-sizing: @type; 23 | box-sizing: @type; 24 | } 25 | 26 | .border-radius (@radius: 5px) { 27 | -webkit-border-radius: @radius; 28 | -moz-border-radius: @radius; 29 | -ms-border-radius: @radius; 30 | -o-border-radius: @radius; 31 | border-radius: @radius; 32 | 33 | -moz-background-clip: padding; 34 | -webkit-background-clip: padding-box; 35 | background-clip: padding-box; 36 | } 37 | .border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { 38 | -webkit-border-top-right-radius: @topright; 39 | -webkit-border-bottom-right-radius: @bottomright; 40 | -webkit-border-bottom-left-radius: @bottomleft; 41 | -webkit-border-top-left-radius: @topleft; 42 | 43 | -moz-border-radius-topright: @topright; 44 | -moz-border-radius-bottomright: @bottomright; 45 | -moz-border-radius-bottomleft: @bottomleft; 46 | -moz-border-radius-topleft: @topleft; 47 | 48 | border-top-right-radius: @topright; 49 | border-bottom-right-radius: @bottomright; 50 | border-bottom-left-radius: @bottomleft; 51 | border-top-left-radius: @topleft; 52 | 53 | -moz-background-clip: padding; 54 | -webkit-background-clip: padding-box; 55 | background-clip: padding-box; 56 | } 57 | 58 | .opacity (@opacity: 0.5) { 59 | -webkit-opacity: @opacity; 60 | -moz-opacity: @opacity; 61 | opacity: @opacity; 62 | } 63 | 64 | .gradient (@startColor: #eee, @endColor: white) { 65 | background-color: @startColor; 66 | background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); 67 | background: -webkit-linear-gradient(top, @startColor, @endColor); 68 | background: -moz-linear-gradient(top, @startColor, @endColor); 69 | background: -ms-linear-gradient(top, @startColor, @endColor); 70 | background: -o-linear-gradient(top, @startColor, @endColor); 71 | } 72 | .horizontal-gradient (@startColor: #eee, @endColor: white) { 73 | background-color: @startColor; 74 | background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor)); 75 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); 76 | background-image: -moz-linear-gradient(left, @startColor, @endColor); 77 | background-image: -ms-linear-gradient(left, @startColor, @endColor); 78 | background-image: -o-linear-gradient(left, @startColor, @endColor); 79 | } 80 | 81 | .animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { 82 | -webkit-animation: @name @duration @delay @ease; 83 | -moz-animation: @name @duration @delay @ease; 84 | -ms-animation: @name @duration @delay @ease; 85 | } 86 | 87 | .transition (@transition) { 88 | -webkit-transition: @transition; 89 | -moz-transition: @transition; 90 | -ms-transition: @transition; 91 | -o-transition: @transition; 92 | } 93 | .transform(@string){ 94 | -webkit-transform: @string; 95 | -moz-transform: @string; 96 | -ms-transform: @string; 97 | -o-transform: @string; 98 | } 99 | .scale (@factor) { 100 | -webkit-transform: scale(@factor); 101 | -moz-transform: scale(@factor); 102 | -ms-transform: scale(@factor); 103 | -o-transform: scale(@factor); 104 | } 105 | .rotate (@deg) { 106 | -webkit-transform: rotate(@deg); 107 | -moz-transform: rotate(@deg); 108 | -ms-transform: rotate(@deg); 109 | -o-transform: rotate(@deg); 110 | } 111 | .skew (@deg, @deg2) { 112 | -webkit-transform: skew(@deg, @deg2); 113 | -moz-transform: skew(@deg, @deg2); 114 | -ms-transform: skew(@deg, @deg2); 115 | -o-transform: skew(@deg, @deg2); 116 | } 117 | .translate (@x, @y:0) { 118 | -webkit-transform: translate(@x, @y); 119 | -moz-transform: translate(@x, @y); 120 | -ms-transform: translate(@x, @y); 121 | -o-transform: translate(@x, @y); 122 | } 123 | .translate3d (@x, @y: 0, @z: 0) { 124 | -webkit-transform: translate3d(@x, @y, @z); 125 | -moz-transform: translate3d(@x, @y, @z); 126 | -ms-transform: translate3d(@x, @y, @z); 127 | -o-transform: translate3d(@x, @y, @z); 128 | } 129 | .perspective (@value: 1000) { 130 | -webkit-perspective: @value; 131 | -moz-perspective: @value; 132 | -ms-perspective: @value; 133 | perspective: @value; 134 | } 135 | .transform-origin (@x:center, @y:center) { 136 | -webkit-transform-origin: @x @y; 137 | -moz-transform-origin: @x @y; 138 | -ms-transform-origin: @x @y; 139 | -o-transform-origin: @x @y; 140 | } 141 | 142 | .reset-box-sizing (@size:content-box) { 143 | &, 144 | *, 145 | *:before, 146 | *:after { 147 | .box-sizing(@size); 148 | } 149 | } 150 | 151 | .truncate (@max-width: 250px) { 152 | max-width: @max-width; 153 | white-space: nowrap; 154 | overflow: hidden; 155 | text-overflow: ellipsis; 156 | } 157 | 158 | .background-size (@string: contain) { 159 | -webkit-background-size: @string; 160 | -moz-background-size: @string; 161 | -o-background-size: @string; 162 | background-size: @string; 163 | } 164 | 165 | // retina.less 166 | // A helper mixin for applying high-resolution background images (http://www.retinajs.com) 167 | 168 | @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)"; 169 | 170 | .at2x(@path, @w: auto, @h: auto) { 171 | background-image: url(@path); 172 | @at2x_path: ~`@{path}.replace(/\.\w+$/, function(match) { return "@2x" + match; })`; 173 | 174 | @media @highdpi { 175 | background-image: url("@{at2x_path}"); 176 | background-size: @w @h; 177 | } 178 | } 179 | 180 | 181 | -------------------------------------------------------------------------------- /assets/less/default/base.less: -------------------------------------------------------------------------------- 1 | /* ======= Base ======= */ 2 | body { 3 | font-family: 'Roboto', sans-serif; 4 | color: @text-color-secondary; 5 | background: @smoky-white; 6 | font-size: 14px; 7 | padding: 30px; 8 | -webkit-font-smoothing: antialiased; 9 | -moz-osx-font-smoothing: grayscale; 10 | } 11 | 12 | h1, h2, h3, h4, h5, h6 { 13 | font-weight: 700; 14 | } 15 | 16 | a { 17 | color: darken(@theme-color, 15%); 18 | .transition (all 0.4s ease-in-out); 19 | &:hover { 20 | text-decoration: underline; 21 | color: darken(@theme-color, 30%); 22 | } 23 | &:focus { 24 | text-decoration: none; 25 | } 26 | } 27 | 28 | p { 29 | line-height: 1.5; 30 | } 31 | 32 | .wrapper { 33 | background:@theme-color; 34 | max-width: 960px; 35 | margin: 0 auto; 36 | position: relative; 37 | .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); 38 | } 39 | 40 | .sidebar-wrapper { 41 | background: @theme-color; 42 | position: absolute; 43 | right: 0; 44 | width: 240px; 45 | height: 100%; 46 | min-height: 800px; 47 | color: #fff; 48 | a { 49 | color: #fff; 50 | } 51 | .profile-container { 52 | padding: 30px; 53 | //background: darken(@theme-color, 10%); 54 | background: rgba(0, 0, 0, 0.2); 55 | text-align: center; 56 | color: #fff; 57 | } 58 | .name { 59 | font-size: 32px; 60 | font-weight: 900; 61 | margin-top: 0; 62 | margin-bottom: 10px; 63 | } 64 | .tagline { 65 | color: rgba(256, 256, 256, 0.6); 66 | font-size: 16px; 67 | font-weight: 400; 68 | margin-top: 0; 69 | margin-bottom: 0; 70 | } 71 | .profile { 72 | margin-bottom: 15px; 73 | } 74 | .contact-list { 75 | .fa { 76 | margin-right: 5px; 77 | font-size: 18px; 78 | vertical-align: middle; 79 | } 80 | li { 81 | margin-bottom: 15px; 82 | &:last-child { 83 | margin-bottom: 0; 84 | } 85 | } 86 | .email { 87 | .fa { 88 | font-size: 14px; 89 | } 90 | } 91 | } 92 | .container-block { 93 | padding: 30px; 94 | } 95 | .container-block-title { 96 | text-transform: uppercase; 97 | font-size: 16px; 98 | font-weight: 700; 99 | margin-top: 0; 100 | margin-bottom: 15px; 101 | } 102 | .degree { 103 | font-size: 14px; 104 | margin-top: 0; 105 | margin-bottom: 5px; 106 | } 107 | .education-container { 108 | .item { 109 | margin-bottom: 15px; 110 | &:last-child { 111 | margin-bottom: 0; 112 | } 113 | } 114 | .meta { 115 | color: rgba(256, 256, 256, 0.6); 116 | font-weight: 500; 117 | margin-bottom: 0px; 118 | margin-top: 0; 119 | } 120 | .time { 121 | color: rgba(256, 256, 256, 0.6); 122 | font-weight: 500; 123 | margin-bottom: 0px; 124 | } 125 | } 126 | .languages-container { 127 | .lang-desc { 128 | color: rgba(256, 256, 256, 0.6); 129 | } 130 | } 131 | 132 | .languages-list { 133 | margin-bottom: 0; 134 | li { 135 | margin-bottom: 10px; 136 | &:last-child { 137 | margin-bottom: 0; 138 | } 139 | } 140 | } 141 | 142 | .interests-list { 143 | margin-bottom: 0; 144 | li { 145 | margin-bottom: 10px; 146 | &:last-child { 147 | margin-bottom: 0; 148 | } 149 | } 150 | } 151 | } 152 | 153 | .main-wrapper { 154 | background: #fff; 155 | padding: 60px; 156 | padding-right: 300px; 157 | .section-title { 158 | text-transform: uppercase; 159 | font-size: 20px; 160 | font-weight: 500; 161 | color: darken(@theme-color, 15%); 162 | position: relative; 163 | margin-top: 0; 164 | margin-bottom: 20px; 165 | .fa { 166 | width: 30px; 167 | height: 30px; 168 | margin-right: 8px; 169 | display: inline-block; 170 | color: #fff; 171 | .border-radius(50%); 172 | background: darken(@theme-color, 15%); 173 | text-align: center; 174 | padding-top: 8px; 175 | font-size: 16px; 176 | position: relative; 177 | top: -2px; 178 | } 179 | 180 | } 181 | .section { 182 | margin-bottom: 60px; 183 | } 184 | 185 | .experiences-section { 186 | .item { 187 | margin-bottom: 30px; 188 | } 189 | } 190 | .upper-row { 191 | position: relative; 192 | overflow: hidden; 193 | margin-bottom: 2px; 194 | } 195 | .job-title { 196 | color: @text-color; 197 | font-size: 16px; 198 | margin-top: 0; 199 | margin-bottom: 0; 200 | font-weight: 500; 201 | } 202 | .time { 203 | position: absolute; 204 | right: 0; 205 | top: 0; 206 | color: @text-grey; 207 | } 208 | .company { 209 | margin-bottom: 10px; 210 | color: @text-grey; 211 | } 212 | 213 | .project-title { 214 | font-size: 16px; 215 | font-weight: 400; 216 | margin-top: 0; 217 | margin-bottom: 5px; 218 | } 219 | .projects-section { 220 | .intro { 221 | margin-bottom: 30px; 222 | } 223 | .item { 224 | margin-bottom: 15px; 225 | } 226 | } 227 | 228 | } 229 | 230 | 231 | .skillset { 232 | .item { 233 | margin-bottom: 15px; 234 | overflow: hidden; 235 | } 236 | .level-title { 237 | font-size: 14px; 238 | margin-top: 0; 239 | margin-bottom: 12px; 240 | } 241 | .level-bar { 242 | height: 12px; 243 | background: @smoky-white; 244 | } 245 | .level-bar-inner { 246 | height: 12px; 247 | background: lighten(@theme-color, 15%); 248 | } 249 | } 250 | 251 | 252 | 253 | 254 | .footer { 255 | padding: 30px; 256 | padding-top: 60px; 257 | .copyright { 258 | line-height: 1.6; 259 | color: @text-color-secondary; 260 | font-size: 13px; 261 | } 262 | 263 | .fa-heart { 264 | color: @heart; 265 | } 266 | 267 | } -------------------------------------------------------------------------------- /assets/less/theme-2/base.less: -------------------------------------------------------------------------------- 1 | /* ======= Base ======= */ 2 | body { 3 | font-family: 'Roboto', sans-serif; 4 | color: @text-color-secondary; 5 | background: @smoky-white; 6 | font-size: 14px; 7 | padding: 30px; 8 | -webkit-font-smoothing: antialiased; 9 | -moz-osx-font-smoothing: grayscale; 10 | } 11 | 12 | h1, h2, h3, h4, h5, h6 { 13 | font-weight: 700; 14 | } 15 | 16 | a { 17 | color: darken(@theme-color, 15%); 18 | .transition (all 0.4s ease-in-out); 19 | &:hover { 20 | text-decoration: underline; 21 | color: darken(@theme-color, 30%); 22 | } 23 | &:focus { 24 | text-decoration: none; 25 | } 26 | } 27 | 28 | p { 29 | line-height: 1.5; 30 | } 31 | 32 | .wrapper { 33 | background:@theme-color; 34 | max-width: 960px; 35 | margin: 0 auto; 36 | position: relative; 37 | .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); 38 | } 39 | 40 | .sidebar-wrapper { 41 | background: @theme-color; 42 | position: absolute; 43 | right: 0; 44 | width: 240px; 45 | height: 100%; 46 | min-height: 800px; 47 | color: #fff; 48 | a { 49 | color: #fff; 50 | } 51 | .profile-container { 52 | padding: 30px; 53 | //background: darken(@theme-color, 10%); 54 | background: rgba(0, 0, 0, 0.2); 55 | text-align: center; 56 | color: #fff; 57 | } 58 | .name { 59 | font-size: 32px; 60 | font-weight: 900; 61 | margin-top: 0; 62 | margin-bottom: 10px; 63 | } 64 | .tagline { 65 | color: rgba(256, 256, 256, 0.6); 66 | font-size: 16px; 67 | font-weight: 400; 68 | margin-top: 0; 69 | margin-bottom: 0; 70 | } 71 | .profile { 72 | margin-bottom: 15px; 73 | } 74 | .contact-list { 75 | .fa { 76 | margin-right: 5px; 77 | font-size: 18px; 78 | vertical-align: middle; 79 | } 80 | li { 81 | margin-bottom: 15px; 82 | &:last-child { 83 | margin-bottom: 0; 84 | } 85 | } 86 | .email { 87 | .fa { 88 | font-size: 14px; 89 | } 90 | } 91 | } 92 | .container-block { 93 | padding: 30px; 94 | } 95 | .container-block-title { 96 | text-transform: uppercase; 97 | font-size: 16px; 98 | font-weight: 700; 99 | margin-top: 0; 100 | margin-bottom: 15px; 101 | } 102 | .degree { 103 | font-size: 14px; 104 | margin-top: 0; 105 | margin-bottom: 5px; 106 | } 107 | .education-container { 108 | .item { 109 | margin-bottom: 15px; 110 | &:last-child { 111 | margin-bottom: 0; 112 | } 113 | } 114 | .meta { 115 | color: rgba(256, 256, 256, 0.6); 116 | font-weight: 500; 117 | margin-bottom: 0px; 118 | margin-top: 0; 119 | } 120 | .time { 121 | color: rgba(256, 256, 256, 0.6); 122 | font-weight: 500; 123 | margin-bottom: 0px; 124 | } 125 | } 126 | .languages-container { 127 | .lang-desc { 128 | color: rgba(256, 256, 256, 0.6); 129 | } 130 | } 131 | 132 | .languages-list { 133 | margin-bottom: 0; 134 | li { 135 | margin-bottom: 10px; 136 | &:last-child { 137 | margin-bottom: 0; 138 | } 139 | } 140 | } 141 | 142 | .interests-list { 143 | margin-bottom: 0; 144 | li { 145 | margin-bottom: 10px; 146 | &:last-child { 147 | margin-bottom: 0; 148 | } 149 | } 150 | } 151 | } 152 | 153 | .main-wrapper { 154 | background: #fff; 155 | padding: 60px; 156 | padding-right: 300px; 157 | .section-title { 158 | text-transform: uppercase; 159 | font-size: 20px; 160 | font-weight: 500; 161 | color: darken(@theme-color, 15%); 162 | position: relative; 163 | margin-top: 0; 164 | margin-bottom: 20px; 165 | .fa { 166 | width: 30px; 167 | height: 30px; 168 | margin-right: 8px; 169 | display: inline-block; 170 | color: #fff; 171 | .border-radius(50%); 172 | background: darken(@theme-color, 15%); 173 | text-align: center; 174 | padding-top: 8px; 175 | font-size: 16px; 176 | position: relative; 177 | top: -2px; 178 | } 179 | 180 | } 181 | .section { 182 | margin-bottom: 60px; 183 | } 184 | 185 | .experiences-section { 186 | .item { 187 | margin-bottom: 30px; 188 | } 189 | } 190 | .upper-row { 191 | position: relative; 192 | overflow: hidden; 193 | margin-bottom: 2px; 194 | } 195 | .job-title { 196 | color: @text-color; 197 | font-size: 16px; 198 | margin-top: 0; 199 | margin-bottom: 0; 200 | font-weight: 500; 201 | } 202 | .time { 203 | position: absolute; 204 | right: 0; 205 | top: 0; 206 | color: @text-grey; 207 | } 208 | .company { 209 | margin-bottom: 10px; 210 | color: @text-grey; 211 | } 212 | 213 | .project-title { 214 | font-size: 16px; 215 | font-weight: 400; 216 | margin-top: 0; 217 | margin-bottom: 5px; 218 | } 219 | .projects-section { 220 | .intro { 221 | margin-bottom: 30px; 222 | } 223 | .item { 224 | margin-bottom: 15px; 225 | } 226 | } 227 | 228 | } 229 | 230 | 231 | .skillset { 232 | .item { 233 | margin-bottom: 15px; 234 | overflow: hidden; 235 | } 236 | .level-title { 237 | font-size: 14px; 238 | margin-top: 0; 239 | margin-bottom: 12px; 240 | } 241 | .level-bar { 242 | height: 12px; 243 | background: @smoky-white; 244 | } 245 | .level-bar-inner { 246 | height: 12px; 247 | background: lighten(@theme-color, 15%); 248 | } 249 | } 250 | 251 | 252 | 253 | 254 | .footer { 255 | padding: 30px; 256 | padding-top: 60px; 257 | .copyright { 258 | line-height: 1.6; 259 | color: @text-color-secondary; 260 | font-size: 13px; 261 | } 262 | 263 | .fa-heart { 264 | color: @heart; 265 | } 266 | 267 | } -------------------------------------------------------------------------------- /assets/less/theme-3/base.less: -------------------------------------------------------------------------------- 1 | /* ======= Base ======= */ 2 | body { 3 | font-family: 'Roboto', sans-serif; 4 | color: @text-color-secondary; 5 | background: @smoky-white; 6 | font-size: 14px; 7 | padding: 30px; 8 | -webkit-font-smoothing: antialiased; 9 | -moz-osx-font-smoothing: grayscale; 10 | } 11 | 12 | h1, h2, h3, h4, h5, h6 { 13 | font-weight: 700; 14 | } 15 | 16 | a { 17 | color: darken(@theme-color, 15%); 18 | .transition (all 0.4s ease-in-out); 19 | &:hover { 20 | text-decoration: underline; 21 | color: darken(@theme-color, 30%); 22 | } 23 | &:focus { 24 | text-decoration: none; 25 | } 26 | } 27 | 28 | p { 29 | line-height: 1.5; 30 | } 31 | 32 | .wrapper { 33 | background:@theme-color; 34 | max-width: 960px; 35 | margin: 0 auto; 36 | position: relative; 37 | .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); 38 | } 39 | 40 | .sidebar-wrapper { 41 | background: @theme-color; 42 | position: absolute; 43 | right: 0; 44 | width: 240px; 45 | height: 100%; 46 | min-height: 800px; 47 | color: #fff; 48 | a { 49 | color: #fff; 50 | } 51 | .profile-container { 52 | padding: 30px; 53 | //background: darken(@theme-color, 10%); 54 | background: rgba(0, 0, 0, 0.2); 55 | text-align: center; 56 | color: #fff; 57 | } 58 | .name { 59 | font-size: 32px; 60 | font-weight: 900; 61 | margin-top: 0; 62 | margin-bottom: 10px; 63 | } 64 | .tagline { 65 | color: rgba(256, 256, 256, 0.6); 66 | font-size: 16px; 67 | font-weight: 400; 68 | margin-top: 0; 69 | margin-bottom: 0; 70 | } 71 | .profile { 72 | margin-bottom: 15px; 73 | } 74 | .contact-list { 75 | .fa { 76 | margin-right: 5px; 77 | font-size: 18px; 78 | vertical-align: middle; 79 | } 80 | li { 81 | margin-bottom: 15px; 82 | &:last-child { 83 | margin-bottom: 0; 84 | } 85 | } 86 | .email { 87 | .fa { 88 | font-size: 14px; 89 | } 90 | } 91 | } 92 | .container-block { 93 | padding: 30px; 94 | } 95 | .container-block-title { 96 | text-transform: uppercase; 97 | font-size: 16px; 98 | font-weight: 700; 99 | margin-top: 0; 100 | margin-bottom: 15px; 101 | } 102 | .degree { 103 | font-size: 14px; 104 | margin-top: 0; 105 | margin-bottom: 5px; 106 | } 107 | .education-container { 108 | .item { 109 | margin-bottom: 15px; 110 | &:last-child { 111 | margin-bottom: 0; 112 | } 113 | } 114 | .meta { 115 | color: rgba(256, 256, 256, 0.6); 116 | font-weight: 500; 117 | margin-bottom: 0px; 118 | margin-top: 0; 119 | } 120 | .time { 121 | color: rgba(256, 256, 256, 0.6); 122 | font-weight: 500; 123 | margin-bottom: 0px; 124 | } 125 | } 126 | .languages-container { 127 | .lang-desc { 128 | color: rgba(256, 256, 256, 0.6); 129 | } 130 | } 131 | 132 | .languages-list { 133 | margin-bottom: 0; 134 | li { 135 | margin-bottom: 10px; 136 | &:last-child { 137 | margin-bottom: 0; 138 | } 139 | } 140 | } 141 | 142 | .interests-list { 143 | margin-bottom: 0; 144 | li { 145 | margin-bottom: 10px; 146 | &:last-child { 147 | margin-bottom: 0; 148 | } 149 | } 150 | } 151 | } 152 | 153 | .main-wrapper { 154 | background: #fff; 155 | padding: 60px; 156 | padding-right: 300px; 157 | .section-title { 158 | text-transform: uppercase; 159 | font-size: 20px; 160 | font-weight: 500; 161 | color: darken(@theme-color, 15%); 162 | position: relative; 163 | margin-top: 0; 164 | margin-bottom: 20px; 165 | .fa { 166 | width: 30px; 167 | height: 30px; 168 | margin-right: 8px; 169 | display: inline-block; 170 | color: #fff; 171 | .border-radius(50%); 172 | background: darken(@theme-color, 15%); 173 | text-align: center; 174 | padding-top: 8px; 175 | font-size: 16px; 176 | position: relative; 177 | top: -2px; 178 | } 179 | 180 | } 181 | .section { 182 | margin-bottom: 60px; 183 | } 184 | 185 | .experiences-section { 186 | .item { 187 | margin-bottom: 30px; 188 | } 189 | } 190 | .upper-row { 191 | position: relative; 192 | overflow: hidden; 193 | margin-bottom: 2px; 194 | } 195 | .job-title { 196 | color: @text-color; 197 | font-size: 16px; 198 | margin-top: 0; 199 | margin-bottom: 0; 200 | font-weight: 500; 201 | } 202 | .time { 203 | position: absolute; 204 | right: 0; 205 | top: 0; 206 | color: @text-grey; 207 | } 208 | .company { 209 | margin-bottom: 10px; 210 | color: @text-grey; 211 | } 212 | 213 | .project-title { 214 | font-size: 16px; 215 | font-weight: 400; 216 | margin-top: 0; 217 | margin-bottom: 5px; 218 | } 219 | .projects-section { 220 | .intro { 221 | margin-bottom: 30px; 222 | } 223 | .item { 224 | margin-bottom: 15px; 225 | } 226 | } 227 | 228 | } 229 | 230 | 231 | .skillset { 232 | .item { 233 | margin-bottom: 15px; 234 | overflow: hidden; 235 | } 236 | .level-title { 237 | font-size: 14px; 238 | margin-top: 0; 239 | margin-bottom: 12px; 240 | } 241 | .level-bar { 242 | height: 12px; 243 | background: @smoky-white; 244 | } 245 | .level-bar-inner { 246 | height: 12px; 247 | background: lighten(@theme-color, 15%); 248 | } 249 | } 250 | 251 | 252 | 253 | 254 | .footer { 255 | padding: 30px; 256 | padding-top: 60px; 257 | .copyright { 258 | line-height: 1.6; 259 | color: @text-color-secondary; 260 | font-size: 13px; 261 | } 262 | 263 | .fa-heart { 264 | color: @heart; 265 | } 266 | 267 | } -------------------------------------------------------------------------------- /assets/less/theme-4/base.less: -------------------------------------------------------------------------------- 1 | /* ======= Base ======= */ 2 | body { 3 | font-family: 'Roboto', sans-serif; 4 | color: @text-color-secondary; 5 | background: @smoky-white; 6 | font-size: 14px; 7 | padding: 30px; 8 | -webkit-font-smoothing: antialiased; 9 | -moz-osx-font-smoothing: grayscale; 10 | } 11 | 12 | h1, h2, h3, h4, h5, h6 { 13 | font-weight: 700; 14 | } 15 | 16 | a { 17 | color: darken(@theme-color, 15%); 18 | .transition (all 0.4s ease-in-out); 19 | &:hover { 20 | text-decoration: underline; 21 | color: darken(@theme-color, 30%); 22 | } 23 | &:focus { 24 | text-decoration: none; 25 | } 26 | } 27 | 28 | p { 29 | line-height: 1.5; 30 | } 31 | 32 | .wrapper { 33 | background:@theme-color; 34 | max-width: 960px; 35 | margin: 0 auto; 36 | position: relative; 37 | .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); 38 | } 39 | 40 | .sidebar-wrapper { 41 | background: @theme-color; 42 | position: absolute; 43 | right: 0; 44 | width: 240px; 45 | height: 100%; 46 | min-height: 800px; 47 | color: #fff; 48 | a { 49 | color: #fff; 50 | } 51 | .profile-container { 52 | padding: 30px; 53 | //background: darken(@theme-color, 10%); 54 | background: rgba(0, 0, 0, 0.2); 55 | text-align: center; 56 | color: #fff; 57 | } 58 | .name { 59 | font-size: 32px; 60 | font-weight: 900; 61 | margin-top: 0; 62 | margin-bottom: 10px; 63 | } 64 | .tagline { 65 | color: rgba(256, 256, 256, 0.6); 66 | font-size: 16px; 67 | font-weight: 400; 68 | margin-top: 0; 69 | margin-bottom: 0; 70 | } 71 | .profile { 72 | margin-bottom: 15px; 73 | } 74 | .contact-list { 75 | .fa { 76 | margin-right: 5px; 77 | font-size: 18px; 78 | vertical-align: middle; 79 | } 80 | li { 81 | margin-bottom: 15px; 82 | &:last-child { 83 | margin-bottom: 0; 84 | } 85 | } 86 | .email { 87 | .fa { 88 | font-size: 14px; 89 | } 90 | } 91 | } 92 | .container-block { 93 | padding: 30px; 94 | } 95 | .container-block-title { 96 | text-transform: uppercase; 97 | font-size: 16px; 98 | font-weight: 700; 99 | margin-top: 0; 100 | margin-bottom: 15px; 101 | } 102 | .degree { 103 | font-size: 14px; 104 | margin-top: 0; 105 | margin-bottom: 5px; 106 | } 107 | .education-container { 108 | .item { 109 | margin-bottom: 15px; 110 | &:last-child { 111 | margin-bottom: 0; 112 | } 113 | } 114 | .meta { 115 | color: rgba(256, 256, 256, 0.6); 116 | font-weight: 500; 117 | margin-bottom: 0px; 118 | margin-top: 0; 119 | } 120 | .time { 121 | color: rgba(256, 256, 256, 0.6); 122 | font-weight: 500; 123 | margin-bottom: 0px; 124 | } 125 | } 126 | .languages-container { 127 | .lang-desc { 128 | color: rgba(256, 256, 256, 0.6); 129 | } 130 | } 131 | 132 | .languages-list { 133 | margin-bottom: 0; 134 | li { 135 | margin-bottom: 10px; 136 | &:last-child { 137 | margin-bottom: 0; 138 | } 139 | } 140 | } 141 | 142 | .interests-list { 143 | margin-bottom: 0; 144 | li { 145 | margin-bottom: 10px; 146 | &:last-child { 147 | margin-bottom: 0; 148 | } 149 | } 150 | } 151 | } 152 | 153 | .main-wrapper { 154 | background: #fff; 155 | padding: 60px; 156 | padding-right: 300px; 157 | .section-title { 158 | text-transform: uppercase; 159 | font-size: 20px; 160 | font-weight: 500; 161 | color: darken(@theme-color, 15%); 162 | position: relative; 163 | margin-top: 0; 164 | margin-bottom: 20px; 165 | .fa { 166 | width: 30px; 167 | height: 30px; 168 | margin-right: 8px; 169 | display: inline-block; 170 | color: #fff; 171 | .border-radius(50%); 172 | background: darken(@theme-color, 15%); 173 | text-align: center; 174 | padding-top: 8px; 175 | font-size: 16px; 176 | position: relative; 177 | top: -2px; 178 | } 179 | 180 | } 181 | .section { 182 | margin-bottom: 60px; 183 | } 184 | 185 | .experiences-section { 186 | .item { 187 | margin-bottom: 30px; 188 | } 189 | } 190 | .upper-row { 191 | position: relative; 192 | overflow: hidden; 193 | margin-bottom: 2px; 194 | } 195 | .job-title { 196 | color: @text-color; 197 | font-size: 16px; 198 | margin-top: 0; 199 | margin-bottom: 0; 200 | font-weight: 500; 201 | } 202 | .time { 203 | position: absolute; 204 | right: 0; 205 | top: 0; 206 | color: @text-grey; 207 | } 208 | .company { 209 | margin-bottom: 10px; 210 | color: @text-grey; 211 | } 212 | 213 | .project-title { 214 | font-size: 16px; 215 | font-weight: 400; 216 | margin-top: 0; 217 | margin-bottom: 5px; 218 | } 219 | .projects-section { 220 | .intro { 221 | margin-bottom: 30px; 222 | } 223 | .item { 224 | margin-bottom: 15px; 225 | } 226 | } 227 | 228 | } 229 | 230 | 231 | .skillset { 232 | .item { 233 | margin-bottom: 15px; 234 | overflow: hidden; 235 | } 236 | .level-title { 237 | font-size: 14px; 238 | margin-top: 0; 239 | margin-bottom: 12px; 240 | } 241 | .level-bar { 242 | height: 12px; 243 | background: @smoky-white; 244 | } 245 | .level-bar-inner { 246 | height: 12px; 247 | background: lighten(@theme-color, 15%); 248 | } 249 | } 250 | 251 | 252 | 253 | 254 | .footer { 255 | padding: 30px; 256 | padding-top: 60px; 257 | .copyright { 258 | line-height: 1.6; 259 | color: @text-color-secondary; 260 | font-size: 13px; 261 | } 262 | 263 | .fa-heart { 264 | color: @heart; 265 | } 266 | 267 | } -------------------------------------------------------------------------------- /assets/less/theme-5/base.less: -------------------------------------------------------------------------------- 1 | /* ======= Base ======= */ 2 | body { 3 | font-family: 'Roboto', sans-serif; 4 | color: @text-color-secondary; 5 | background: @smoky-white; 6 | font-size: 14px; 7 | padding: 30px; 8 | -webkit-font-smoothing: antialiased; 9 | -moz-osx-font-smoothing: grayscale; 10 | } 11 | 12 | h1, h2, h3, h4, h5, h6 { 13 | font-weight: 700; 14 | } 15 | 16 | a { 17 | color: darken(@theme-color, 15%); 18 | .transition (all 0.4s ease-in-out); 19 | &:hover { 20 | text-decoration: underline; 21 | color: darken(@theme-color, 30%); 22 | } 23 | &:focus { 24 | text-decoration: none; 25 | } 26 | } 27 | 28 | p { 29 | line-height: 1.5; 30 | } 31 | 32 | .wrapper { 33 | background:@theme-color; 34 | max-width: 960px; 35 | margin: 0 auto; 36 | position: relative; 37 | .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); 38 | } 39 | 40 | .sidebar-wrapper { 41 | background: @theme-color; 42 | position: absolute; 43 | right: 0; 44 | width: 240px; 45 | height: 100%; 46 | min-height: 800px; 47 | color: #fff; 48 | a { 49 | color: #fff; 50 | } 51 | .profile-container { 52 | padding: 30px; 53 | //background: darken(@theme-color, 10%); 54 | background: rgba(0, 0, 0, 0.2); 55 | text-align: center; 56 | color: #fff; 57 | } 58 | .name { 59 | font-size: 32px; 60 | font-weight: 900; 61 | margin-top: 0; 62 | margin-bottom: 10px; 63 | } 64 | .tagline { 65 | color: rgba(256, 256, 256, 0.6); 66 | font-size: 16px; 67 | font-weight: 400; 68 | margin-top: 0; 69 | margin-bottom: 0; 70 | } 71 | .profile { 72 | margin-bottom: 15px; 73 | } 74 | .contact-list { 75 | .fa { 76 | margin-right: 5px; 77 | font-size: 18px; 78 | vertical-align: middle; 79 | } 80 | li { 81 | margin-bottom: 15px; 82 | &:last-child { 83 | margin-bottom: 0; 84 | } 85 | } 86 | .email { 87 | .fa { 88 | font-size: 14px; 89 | } 90 | } 91 | } 92 | .container-block { 93 | padding: 30px; 94 | } 95 | .container-block-title { 96 | text-transform: uppercase; 97 | font-size: 16px; 98 | font-weight: 700; 99 | margin-top: 0; 100 | margin-bottom: 15px; 101 | } 102 | .degree { 103 | font-size: 14px; 104 | margin-top: 0; 105 | margin-bottom: 5px; 106 | } 107 | .education-container { 108 | .item { 109 | margin-bottom: 15px; 110 | &:last-child { 111 | margin-bottom: 0; 112 | } 113 | } 114 | .meta { 115 | color: rgba(256, 256, 256, 0.6); 116 | font-weight: 500; 117 | margin-bottom: 0px; 118 | margin-top: 0; 119 | } 120 | .time { 121 | color: rgba(256, 256, 256, 0.6); 122 | font-weight: 500; 123 | margin-bottom: 0px; 124 | } 125 | } 126 | .languages-container { 127 | .lang-desc { 128 | color: rgba(256, 256, 256, 0.6); 129 | } 130 | } 131 | 132 | .languages-list { 133 | margin-bottom: 0; 134 | li { 135 | margin-bottom: 10px; 136 | &:last-child { 137 | margin-bottom: 0; 138 | } 139 | } 140 | } 141 | 142 | .interests-list { 143 | margin-bottom: 0; 144 | li { 145 | margin-bottom: 10px; 146 | &:last-child { 147 | margin-bottom: 0; 148 | } 149 | } 150 | } 151 | } 152 | 153 | .main-wrapper { 154 | background: #fff; 155 | padding: 60px; 156 | padding-right: 300px; 157 | .section-title { 158 | text-transform: uppercase; 159 | font-size: 20px; 160 | font-weight: 500; 161 | color: darken(@theme-color, 15%); 162 | position: relative; 163 | margin-top: 0; 164 | margin-bottom: 20px; 165 | .fa { 166 | width: 30px; 167 | height: 30px; 168 | margin-right: 8px; 169 | display: inline-block; 170 | color: #fff; 171 | .border-radius(50%); 172 | background: darken(@theme-color, 15%); 173 | text-align: center; 174 | padding-top: 8px; 175 | font-size: 16px; 176 | position: relative; 177 | top: -2px; 178 | } 179 | 180 | } 181 | .section { 182 | margin-bottom: 60px; 183 | } 184 | 185 | .experiences-section { 186 | .item { 187 | margin-bottom: 30px; 188 | } 189 | } 190 | .upper-row { 191 | position: relative; 192 | overflow: hidden; 193 | margin-bottom: 2px; 194 | } 195 | .job-title { 196 | color: @text-color; 197 | font-size: 16px; 198 | margin-top: 0; 199 | margin-bottom: 0; 200 | font-weight: 500; 201 | } 202 | .time { 203 | position: absolute; 204 | right: 0; 205 | top: 0; 206 | color: @text-grey; 207 | } 208 | .company { 209 | margin-bottom: 10px; 210 | color: @text-grey; 211 | } 212 | 213 | .project-title { 214 | font-size: 16px; 215 | font-weight: 400; 216 | margin-top: 0; 217 | margin-bottom: 5px; 218 | } 219 | .projects-section { 220 | .intro { 221 | margin-bottom: 30px; 222 | } 223 | .item { 224 | margin-bottom: 15px; 225 | } 226 | } 227 | 228 | } 229 | 230 | 231 | .skillset { 232 | .item { 233 | margin-bottom: 15px; 234 | overflow: hidden; 235 | } 236 | .level-title { 237 | font-size: 14px; 238 | margin-top: 0; 239 | margin-bottom: 12px; 240 | } 241 | .level-bar { 242 | height: 12px; 243 | background: @smoky-white; 244 | } 245 | .level-bar-inner { 246 | height: 12px; 247 | background: lighten(@theme-color, 15%); 248 | } 249 | } 250 | 251 | 252 | 253 | 254 | .footer { 255 | padding: 30px; 256 | padding-top: 60px; 257 | .copyright { 258 | line-height: 1.6; 259 | color: @text-color-secondary; 260 | font-size: 13px; 261 | } 262 | 263 | .fa-heart { 264 | color: @heart; 265 | } 266 | 267 | } -------------------------------------------------------------------------------- /assets/less/theme-6/base.less: -------------------------------------------------------------------------------- 1 | /* ======= Base ======= */ 2 | body { 3 | font-family: 'Roboto', sans-serif; 4 | color: @text-color-secondary; 5 | background: @smoky-white; 6 | font-size: 14px; 7 | padding: 30px; 8 | -webkit-font-smoothing: antialiased; 9 | -moz-osx-font-smoothing: grayscale; 10 | } 11 | 12 | h1, h2, h3, h4, h5, h6 { 13 | font-weight: 700; 14 | } 15 | 16 | a { 17 | color: darken(@theme-color, 15%); 18 | .transition (all 0.4s ease-in-out); 19 | &:hover { 20 | text-decoration: underline; 21 | color: darken(@theme-color, 30%); 22 | } 23 | &:focus { 24 | text-decoration: none; 25 | } 26 | } 27 | 28 | p { 29 | line-height: 1.5; 30 | } 31 | 32 | .wrapper { 33 | background:@theme-color; 34 | max-width: 960px; 35 | margin: 0 auto; 36 | position: relative; 37 | .box-shadow(0px 2px 4px rgba(0,0,0,0.1)); 38 | } 39 | 40 | .sidebar-wrapper { 41 | background: @theme-color; 42 | position: absolute; 43 | right: 0; 44 | width: 240px; 45 | height: 100%; 46 | min-height: 800px; 47 | color: #fff; 48 | a { 49 | color: #fff; 50 | } 51 | .profile-container { 52 | padding: 30px; 53 | //background: darken(@theme-color, 10%); 54 | background: rgba(0, 0, 0, 0.2); 55 | text-align: center; 56 | color: #fff; 57 | } 58 | .name { 59 | font-size: 32px; 60 | font-weight: 900; 61 | margin-top: 0; 62 | margin-bottom: 10px; 63 | } 64 | .tagline { 65 | color: rgba(256, 256, 256, 0.6); 66 | font-size: 16px; 67 | font-weight: 400; 68 | margin-top: 0; 69 | margin-bottom: 0; 70 | } 71 | .profile { 72 | margin-bottom: 15px; 73 | } 74 | .contact-list { 75 | .fa { 76 | margin-right: 5px; 77 | font-size: 18px; 78 | vertical-align: middle; 79 | } 80 | li { 81 | margin-bottom: 15px; 82 | &:last-child { 83 | margin-bottom: 0; 84 | } 85 | } 86 | .email { 87 | .fa { 88 | font-size: 14px; 89 | } 90 | } 91 | } 92 | .container-block { 93 | padding: 30px; 94 | } 95 | .container-block-title { 96 | text-transform: uppercase; 97 | font-size: 16px; 98 | font-weight: 700; 99 | margin-top: 0; 100 | margin-bottom: 15px; 101 | } 102 | .degree { 103 | font-size: 14px; 104 | margin-top: 0; 105 | margin-bottom: 5px; 106 | } 107 | .education-container { 108 | .item { 109 | margin-bottom: 15px; 110 | &:last-child { 111 | margin-bottom: 0; 112 | } 113 | } 114 | .meta { 115 | color: rgba(256, 256, 256, 0.6); 116 | font-weight: 500; 117 | margin-bottom: 0px; 118 | margin-top: 0; 119 | } 120 | .time { 121 | color: rgba(256, 256, 256, 0.6); 122 | font-weight: 500; 123 | margin-bottom: 0px; 124 | } 125 | } 126 | .languages-container { 127 | .lang-desc { 128 | color: rgba(256, 256, 256, 0.6); 129 | } 130 | } 131 | 132 | .languages-list { 133 | margin-bottom: 0; 134 | li { 135 | margin-bottom: 10px; 136 | &:last-child { 137 | margin-bottom: 0; 138 | } 139 | } 140 | } 141 | 142 | .interests-list { 143 | margin-bottom: 0; 144 | li { 145 | margin-bottom: 10px; 146 | &:last-child { 147 | margin-bottom: 0; 148 | } 149 | } 150 | } 151 | } 152 | 153 | .main-wrapper { 154 | background: #fff; 155 | padding: 60px; 156 | padding-right: 300px; 157 | .section-title { 158 | text-transform: uppercase; 159 | font-size: 20px; 160 | font-weight: 500; 161 | color: darken(@theme-color, 15%); 162 | position: relative; 163 | margin-top: 0; 164 | margin-bottom: 20px; 165 | .fa { 166 | width: 30px; 167 | height: 30px; 168 | margin-right: 8px; 169 | display: inline-block; 170 | color: #fff; 171 | .border-radius(50%); 172 | background: darken(@theme-color, 15%); 173 | text-align: center; 174 | padding-top: 8px; 175 | font-size: 16px; 176 | position: relative; 177 | top: -2px; 178 | } 179 | 180 | } 181 | .section { 182 | margin-bottom: 60px; 183 | } 184 | 185 | .experiences-section { 186 | .item { 187 | margin-bottom: 30px; 188 | } 189 | } 190 | .upper-row { 191 | position: relative; 192 | overflow: hidden; 193 | margin-bottom: 2px; 194 | } 195 | .job-title { 196 | color: @text-color; 197 | font-size: 16px; 198 | margin-top: 0; 199 | margin-bottom: 0; 200 | font-weight: 500; 201 | } 202 | .time { 203 | position: absolute; 204 | right: 0; 205 | top: 0; 206 | color: @text-grey; 207 | } 208 | .company { 209 | margin-bottom: 10px; 210 | color: @text-grey; 211 | } 212 | 213 | .project-title { 214 | font-size: 16px; 215 | font-weight: 400; 216 | margin-top: 0; 217 | margin-bottom: 5px; 218 | } 219 | .projects-section { 220 | .intro { 221 | margin-bottom: 30px; 222 | } 223 | .item { 224 | margin-bottom: 15px; 225 | } 226 | } 227 | 228 | } 229 | 230 | 231 | .skillset { 232 | .item { 233 | margin-bottom: 15px; 234 | overflow: hidden; 235 | } 236 | .level-title { 237 | font-size: 14px; 238 | margin-top: 0; 239 | margin-bottom: 12px; 240 | } 241 | .level-bar { 242 | height: 12px; 243 | background: @smoky-white; 244 | } 245 | .level-bar-inner { 246 | height: 12px; 247 | background: lighten(@theme-color, 15%); 248 | } 249 | } 250 | 251 | 252 | 253 | 254 | .footer { 255 | padding: 30px; 256 | padding-top: 60px; 257 | .copyright { 258 | line-height: 1.6; 259 | color: @text-color-secondary; 260 | font-size: 13px; 261 | } 262 | 263 | .fa-heart { 264 | color: @heart; 265 | } 266 | 267 | } -------------------------------------------------------------------------------- /assets/less/css/styles.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles-5.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | h1, 21 | h2, 22 | h3, 23 | h4, 24 | h5, 25 | h6 { 26 | font-weight: 700; 27 | } 28 | a { 29 | color: #f47c03; 30 | -webkit-transition: all 0.4s ease-in-out; 31 | -moz-transition: all 0.4s ease-in-out; 32 | -ms-transition: all 0.4s ease-in-out; 33 | -o-transition: all 0.4s ease-in-out; 34 | } 35 | a:hover { 36 | text-decoration: underline; 37 | color: #a85502; 38 | } 39 | a:focus { 40 | text-decoration: none; 41 | } 42 | p { 43 | line-height: 1.5; 44 | } 45 | .wrapper { 46 | background: #FDA246; 47 | max-width: 960px; 48 | margin: 0 auto; 49 | position: relative; 50 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 51 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 52 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 53 | } 54 | .sidebar-wrapper { 55 | background: #FDA246; 56 | position: absolute; 57 | right: 0; 58 | width: 240px; 59 | height: 100%; 60 | min-height: 800px; 61 | color: #fff; 62 | } 63 | .sidebar-wrapper a { 64 | color: #fff; 65 | } 66 | .sidebar-wrapper .profile-container { 67 | padding: 30px; 68 | background: rgba(0, 0, 0, 0.2); 69 | text-align: center; 70 | color: #fff; 71 | } 72 | .sidebar-wrapper .name { 73 | font-size: 32px; 74 | font-weight: 900; 75 | margin-top: 0; 76 | margin-bottom: 10px; 77 | } 78 | .sidebar-wrapper .tagline { 79 | color: rgba(255, 255, 255, 0.6); 80 | font-size: 16px; 81 | font-weight: 400; 82 | margin-top: 0; 83 | margin-bottom: 0; 84 | } 85 | .sidebar-wrapper .profile { 86 | margin-bottom: 15px; 87 | } 88 | .sidebar-wrapper .contact-list .fa { 89 | margin-right: 5px; 90 | font-size: 18px; 91 | vertical-align: middle; 92 | } 93 | .sidebar-wrapper .contact-list li { 94 | margin-bottom: 15px; 95 | } 96 | .sidebar-wrapper .contact-list li:last-child { 97 | margin-bottom: 0; 98 | } 99 | .sidebar-wrapper .contact-list .email .fa { 100 | font-size: 14px; 101 | } 102 | .sidebar-wrapper .container-block { 103 | padding: 30px; 104 | } 105 | .sidebar-wrapper .container-block-title { 106 | text-transform: uppercase; 107 | font-size: 16px; 108 | font-weight: 700; 109 | margin-top: 0; 110 | margin-bottom: 15px; 111 | } 112 | .sidebar-wrapper .degree { 113 | font-size: 14px; 114 | margin-top: 0; 115 | margin-bottom: 5px; 116 | } 117 | .sidebar-wrapper .education-container .item { 118 | margin-bottom: 15px; 119 | } 120 | .sidebar-wrapper .education-container .item:last-child { 121 | margin-bottom: 0; 122 | } 123 | .sidebar-wrapper .education-container .meta { 124 | color: rgba(255, 255, 255, 0.6); 125 | font-weight: 500; 126 | margin-bottom: 0px; 127 | margin-top: 0; 128 | } 129 | .sidebar-wrapper .education-container .time { 130 | color: rgba(255, 255, 255, 0.6); 131 | font-weight: 500; 132 | margin-bottom: 0px; 133 | } 134 | .sidebar-wrapper .languages-container .lang-desc { 135 | color: rgba(255, 255, 255, 0.6); 136 | } 137 | .sidebar-wrapper .languages-list { 138 | margin-bottom: 0; 139 | } 140 | .sidebar-wrapper .languages-list li { 141 | margin-bottom: 10px; 142 | } 143 | .sidebar-wrapper .languages-list li:last-child { 144 | margin-bottom: 0; 145 | } 146 | .sidebar-wrapper .interests-list { 147 | margin-bottom: 0; 148 | } 149 | .sidebar-wrapper .interests-list li { 150 | margin-bottom: 10px; 151 | } 152 | .sidebar-wrapper .interests-list li:last-child { 153 | margin-bottom: 0; 154 | } 155 | .main-wrapper { 156 | background: #fff; 157 | padding: 60px; 158 | padding-right: 300px; 159 | } 160 | .main-wrapper .section-title { 161 | text-transform: uppercase; 162 | font-size: 20px; 163 | font-weight: 500; 164 | color: #f47c03; 165 | position: relative; 166 | margin-top: 0; 167 | margin-bottom: 20px; 168 | } 169 | .main-wrapper .section-title .fa { 170 | width: 30px; 171 | height: 30px; 172 | margin-right: 8px; 173 | display: inline-block; 174 | color: #fff; 175 | -webkit-border-radius: 50%; 176 | -moz-border-radius: 50%; 177 | -ms-border-radius: 50%; 178 | -o-border-radius: 50%; 179 | border-radius: 50%; 180 | -moz-background-clip: padding; 181 | -webkit-background-clip: padding-box; 182 | background-clip: padding-box; 183 | background: #f47c03; 184 | text-align: center; 185 | padding-top: 8px; 186 | font-size: 16px; 187 | position: relative; 188 | top: -2px; 189 | } 190 | .main-wrapper .section { 191 | margin-bottom: 60px; 192 | } 193 | .main-wrapper .experiences-section .item { 194 | margin-bottom: 30px; 195 | } 196 | .main-wrapper .upper-row { 197 | position: relative; 198 | overflow: hidden; 199 | margin-bottom: 2px; 200 | } 201 | .main-wrapper .job-title { 202 | color: #3F4650; 203 | font-size: 16px; 204 | margin-top: 0; 205 | margin-bottom: 0; 206 | font-weight: 500; 207 | } 208 | .main-wrapper .time { 209 | position: absolute; 210 | right: 0; 211 | top: 0; 212 | color: #97AAC3; 213 | } 214 | .main-wrapper .company { 215 | margin-bottom: 10px; 216 | color: #97AAC3; 217 | } 218 | .main-wrapper .project-title { 219 | font-size: 16px; 220 | font-weight: 400; 221 | margin-top: 0; 222 | margin-bottom: 5px; 223 | } 224 | .main-wrapper .projects-section .intro { 225 | margin-bottom: 30px; 226 | } 227 | .main-wrapper .projects-section .item { 228 | margin-bottom: 15px; 229 | } 230 | .skillset .item { 231 | margin-bottom: 15px; 232 | overflow: hidden; 233 | } 234 | .skillset .level-title { 235 | font-size: 14px; 236 | margin-top: 0; 237 | margin-bottom: 12px; 238 | } 239 | .skillset .level-bar { 240 | height: 12px; 241 | background: #f5f5f5; 242 | } 243 | .skillset .level-bar-inner { 244 | height: 12px; 245 | background: #fec892; 246 | } 247 | .footer { 248 | padding: 30px; 249 | padding-top: 60px; 250 | } 251 | .footer .copyright { 252 | line-height: 1.6; 253 | color: #545E6C; 254 | font-size: 13px; 255 | } 256 | .footer .fa-heart { 257 | color: #fb866a; 258 | } 259 | /* Extra small devices (phones, less than 768px) */ 260 | @media (max-width: 767px) { 261 | .sidebar-wrapper { 262 | position: static; 263 | width: inherit; 264 | } 265 | .main-wrapper { 266 | padding: 30px; 267 | } 268 | .main-wrapper .time { 269 | position: static; 270 | display: block; 271 | margin-top: 5px; 272 | } 273 | .main-wrapper .upper-row { 274 | margin-bottom: 0; 275 | } 276 | } 277 | /* Small devices (tablets, 768px and up) */ 278 | /* Medium devices (desktops, 992px and up) */ 279 | @media (min-width: 992px) { 280 | .skillset .level-title { 281 | display: inline-block; 282 | float: left; 283 | width: 30%; 284 | margin-bottom: 0; 285 | } 286 | .skillset .level-bar { 287 | display: inline-block; 288 | width: 70%; 289 | float: left; 290 | position: relative; 291 | top: 1px; 292 | } 293 | } 294 | /* Large devices (large desktops, 1200px and up) */ 295 | /* Ex-Large devices (large desktops, 1200px and up) */ 296 | -------------------------------------------------------------------------------- /assets/css/styles-2.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles-2.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | @media (max-width: 767px) { 21 | body{ 22 | padding: 0; 23 | } 24 | } 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-weight: 700; 32 | } 33 | a { 34 | color: #35776d; 35 | -webkit-transition: all 0.4s ease-in-out; 36 | -moz-transition: all 0.4s ease-in-out; 37 | -ms-transition: all 0.4s ease-in-out; 38 | -o-transition: all 0.4s ease-in-out; 39 | } 40 | a:hover { 41 | text-decoration: underline; 42 | color: #1d423c; 43 | } 44 | a:focus { 45 | text-decoration: none; 46 | } 47 | p { 48 | line-height: 1.5; 49 | } 50 | .wrapper { 51 | background: #4CAC9D; 52 | max-width: 960px; 53 | margin: 0 auto; 54 | position: relative; 55 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 56 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 57 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 58 | } 59 | .sidebar-wrapper { 60 | background: #4CAC9D; 61 | position: absolute; 62 | right: 0; 63 | width: 240px; 64 | height: 100%; 65 | min-height: 800px; 66 | color: #fff; 67 | } 68 | .sidebar-wrapper a { 69 | color: #fff; 70 | } 71 | .sidebar-wrapper .profile-container { 72 | padding: 30px; 73 | background: rgba(0, 0, 0, 0.2); 74 | text-align: center; 75 | color: #fff; 76 | } 77 | .sidebar-wrapper .name { 78 | font-size: 32px; 79 | font-weight: 900; 80 | margin-top: 0; 81 | margin-bottom: 10px; 82 | } 83 | .sidebar-wrapper .tagline { 84 | color: rgba(255, 255, 255, 0.6); 85 | font-size: 16px; 86 | font-weight: 400; 87 | margin-top: 0; 88 | margin-bottom: 0; 89 | } 90 | .sidebar-wrapper .profile { 91 | margin-bottom: 15px; 92 | } 93 | .sidebar-wrapper .contact-list .fa { 94 | margin-right: 5px; 95 | font-size: 18px; 96 | vertical-align: middle; 97 | } 98 | .sidebar-wrapper .contact-list li { 99 | margin-bottom: 15px; 100 | } 101 | .sidebar-wrapper .contact-list li:last-child { 102 | margin-bottom: 0; 103 | } 104 | .sidebar-wrapper .contact-list .email .fa { 105 | font-size: 14px; 106 | } 107 | .sidebar-wrapper .container-block { 108 | padding: 30px; 109 | } 110 | .sidebar-wrapper .container-block-title { 111 | text-transform: uppercase; 112 | font-size: 16px; 113 | font-weight: 700; 114 | margin-top: 0; 115 | margin-bottom: 15px; 116 | } 117 | .sidebar-wrapper .degree { 118 | font-size: 14px; 119 | margin-top: 0; 120 | margin-bottom: 5px; 121 | } 122 | .sidebar-wrapper .education-container .item { 123 | margin-bottom: 15px; 124 | } 125 | .sidebar-wrapper .education-container .item:last-child { 126 | margin-bottom: 0; 127 | } 128 | .sidebar-wrapper .education-container .meta { 129 | color: rgba(255, 255, 255, 0.6); 130 | font-weight: 500; 131 | margin-bottom: 0px; 132 | margin-top: 0; 133 | } 134 | .sidebar-wrapper .education-container .time { 135 | color: rgba(255, 255, 255, 0.6); 136 | font-weight: 500; 137 | margin-bottom: 0px; 138 | } 139 | .sidebar-wrapper .languages-container .lang-desc { 140 | color: rgba(255, 255, 255, 0.6); 141 | } 142 | .sidebar-wrapper .languages-list { 143 | margin-bottom: 0; 144 | } 145 | .sidebar-wrapper .languages-list li { 146 | margin-bottom: 10px; 147 | } 148 | .sidebar-wrapper .languages-list li:last-child { 149 | margin-bottom: 0; 150 | } 151 | .sidebar-wrapper .interests-list { 152 | margin-bottom: 0; 153 | } 154 | .sidebar-wrapper .interests-list li { 155 | margin-bottom: 10px; 156 | } 157 | .sidebar-wrapper .interests-list li:last-child { 158 | margin-bottom: 0; 159 | } 160 | .main-wrapper { 161 | background: #fff; 162 | padding: 60px; 163 | padding-right: 300px; 164 | } 165 | .main-wrapper .section-title { 166 | text-transform: uppercase; 167 | font-size: 20px; 168 | font-weight: 500; 169 | color: #35776d; 170 | position: relative; 171 | margin-top: 0; 172 | margin-bottom: 20px; 173 | } 174 | .main-wrapper .section-title .fa { 175 | width: 30px; 176 | height: 30px; 177 | margin-right: 8px; 178 | display: inline-block; 179 | color: #fff; 180 | -webkit-border-radius: 50%; 181 | -moz-border-radius: 50%; 182 | -ms-border-radius: 50%; 183 | -o-border-radius: 50%; 184 | border-radius: 50%; 185 | -moz-background-clip: padding; 186 | -webkit-background-clip: padding-box; 187 | background-clip: padding-box; 188 | background: #35776d; 189 | text-align: center; 190 | padding-top: 8px; 191 | font-size: 16px; 192 | position: relative; 193 | top: -2px; 194 | } 195 | .main-wrapper .section { 196 | margin-bottom: 60px; 197 | } 198 | .main-wrapper .experiences-section .item { 199 | margin-bottom: 30px; 200 | } 201 | .main-wrapper .upper-row { 202 | position: relative; 203 | overflow: hidden; 204 | margin-bottom: 2px; 205 | } 206 | .main-wrapper .job-title { 207 | color: #3F4650; 208 | font-size: 16px; 209 | margin-top: 0; 210 | margin-bottom: 0; 211 | font-weight: 500; 212 | } 213 | .main-wrapper .time { 214 | position: absolute; 215 | right: 0; 216 | top: 0; 217 | color: #97AAC3; 218 | } 219 | .main-wrapper .company { 220 | margin-bottom: 10px; 221 | color: #97AAC3; 222 | } 223 | .main-wrapper .project-title { 224 | font-size: 16px; 225 | font-weight: 400; 226 | margin-top: 0; 227 | margin-bottom: 5px; 228 | } 229 | .main-wrapper .projects-section .intro { 230 | margin-bottom: 30px; 231 | } 232 | .main-wrapper .projects-section .item { 233 | margin-bottom: 15px; 234 | } 235 | .skillset .item { 236 | margin-bottom: 15px; 237 | overflow: hidden; 238 | } 239 | .skillset .level-title { 240 | font-size: 14px; 241 | margin-top: 0; 242 | margin-bottom: 12px; 243 | } 244 | .skillset .level-bar { 245 | height: 12px; 246 | background: #f5f5f5; 247 | } 248 | .skillset .level-bar-inner { 249 | height: 12px; 250 | background: #7ec6bb; 251 | } 252 | .footer { 253 | padding: 30px; 254 | padding-top: 60px; 255 | } 256 | .footer .copyright { 257 | line-height: 1.6; 258 | color: #545E6C; 259 | font-size: 13px; 260 | } 261 | .footer .fa-heart { 262 | color: #fb866a; 263 | } 264 | /* Extra small devices (phones, less than 768px) */ 265 | @media (max-width: 767px) { 266 | .sidebar-wrapper { 267 | position: static; 268 | width: inherit; 269 | } 270 | .main-wrapper { 271 | padding: 30px; 272 | } 273 | .main-wrapper .time { 274 | position: static; 275 | display: block; 276 | margin-top: 5px; 277 | } 278 | .main-wrapper .upper-row { 279 | margin-bottom: 0; 280 | } 281 | } 282 | /* Small devices (tablets, 768px and up) */ 283 | /* Medium devices (desktops, 992px and up) */ 284 | @media (min-width: 992px) { 285 | .skillset .level-title { 286 | display: inline-block; 287 | float: left; 288 | width: 30%; 289 | margin-bottom: 0; 290 | } 291 | .skillset .level-bar { 292 | display: inline-block; 293 | width: 70%; 294 | float: left; 295 | position: relative; 296 | top: 1px; 297 | } 298 | } 299 | /* Large devices (large desktops, 1200px and up) */ 300 | /* Ex-Large devices (large desktops, 1200px and up) */ 301 | 302 | /* 303 | used for profile image 304 | */ 305 | .profile-img { 306 | max-width: 100px; 307 | margin-bottom: 15px; 308 | border: 0px solid #fff; 309 | border-radius: 100%; 310 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 311 | } 312 | 313 | -------------------------------------------------------------------------------- /assets/css/styles-3.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles-3.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | @media (max-width: 767px) { 21 | body{ 22 | padding: 0; 23 | } 24 | } 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-weight: 700; 32 | } 33 | a { 34 | color: #3d884d; 35 | -webkit-transition: all 0.4s ease-in-out; 36 | -moz-transition: all 0.4s ease-in-out; 37 | -ms-transition: all 0.4s ease-in-out; 38 | -o-transition: all 0.4s ease-in-out; 39 | } 40 | a:hover { 41 | text-decoration: underline; 42 | color: #25532f; 43 | } 44 | a:focus { 45 | text-decoration: none; 46 | } 47 | p { 48 | line-height: 1.5; 49 | } 50 | .wrapper { 51 | background: #5BB66F; 52 | max-width: 960px; 53 | margin: 0 auto; 54 | position: relative; 55 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 56 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 57 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 58 | } 59 | .sidebar-wrapper { 60 | background: #5BB66F; 61 | position: absolute; 62 | right: 0; 63 | width: 240px; 64 | height: 100%; 65 | min-height: 800px; 66 | color: #fff; 67 | } 68 | .sidebar-wrapper a { 69 | color: #fff; 70 | } 71 | .sidebar-wrapper .profile-container { 72 | padding: 30px; 73 | background: rgba(0, 0, 0, 0.2); 74 | text-align: center; 75 | color: #fff; 76 | } 77 | .sidebar-wrapper .name { 78 | font-size: 32px; 79 | font-weight: 900; 80 | margin-top: 0; 81 | margin-bottom: 10px; 82 | } 83 | .sidebar-wrapper .tagline { 84 | color: rgba(255, 255, 255, 0.6); 85 | font-size: 16px; 86 | font-weight: 400; 87 | margin-top: 0; 88 | margin-bottom: 0; 89 | } 90 | .sidebar-wrapper .profile { 91 | margin-bottom: 15px; 92 | } 93 | .sidebar-wrapper .contact-list .fa { 94 | margin-right: 5px; 95 | font-size: 18px; 96 | vertical-align: middle; 97 | } 98 | .sidebar-wrapper .contact-list li { 99 | margin-bottom: 15px; 100 | } 101 | .sidebar-wrapper .contact-list li:last-child { 102 | margin-bottom: 0; 103 | } 104 | .sidebar-wrapper .contact-list .email .fa { 105 | font-size: 14px; 106 | } 107 | .sidebar-wrapper .container-block { 108 | padding: 30px; 109 | } 110 | .sidebar-wrapper .container-block-title { 111 | text-transform: uppercase; 112 | font-size: 16px; 113 | font-weight: 700; 114 | margin-top: 0; 115 | margin-bottom: 15px; 116 | } 117 | .sidebar-wrapper .degree { 118 | font-size: 14px; 119 | margin-top: 0; 120 | margin-bottom: 5px; 121 | } 122 | .sidebar-wrapper .education-container .item { 123 | margin-bottom: 15px; 124 | } 125 | .sidebar-wrapper .education-container .item:last-child { 126 | margin-bottom: 0; 127 | } 128 | .sidebar-wrapper .education-container .meta { 129 | color: rgba(255, 255, 255, 0.6); 130 | font-weight: 500; 131 | margin-bottom: 0px; 132 | margin-top: 0; 133 | } 134 | .sidebar-wrapper .education-container .time { 135 | color: rgba(255, 255, 255, 0.6); 136 | font-weight: 500; 137 | margin-bottom: 0px; 138 | } 139 | .sidebar-wrapper .languages-container .lang-desc { 140 | color: rgba(255, 255, 255, 0.6); 141 | } 142 | .sidebar-wrapper .languages-list { 143 | margin-bottom: 0; 144 | } 145 | .sidebar-wrapper .languages-list li { 146 | margin-bottom: 10px; 147 | } 148 | .sidebar-wrapper .languages-list li:last-child { 149 | margin-bottom: 0; 150 | } 151 | .sidebar-wrapper .interests-list { 152 | margin-bottom: 0; 153 | } 154 | .sidebar-wrapper .interests-list li { 155 | margin-bottom: 10px; 156 | } 157 | .sidebar-wrapper .interests-list li:last-child { 158 | margin-bottom: 0; 159 | } 160 | .main-wrapper { 161 | background: #fff; 162 | padding: 60px; 163 | padding-right: 300px; 164 | } 165 | .main-wrapper .section-title { 166 | text-transform: uppercase; 167 | font-size: 20px; 168 | font-weight: 500; 169 | color: #3d884d; 170 | position: relative; 171 | margin-top: 0; 172 | margin-bottom: 20px; 173 | } 174 | .main-wrapper .section-title .fa { 175 | width: 30px; 176 | height: 30px; 177 | margin-right: 8px; 178 | display: inline-block; 179 | color: #fff; 180 | -webkit-border-radius: 50%; 181 | -moz-border-radius: 50%; 182 | -ms-border-radius: 50%; 183 | -o-border-radius: 50%; 184 | border-radius: 50%; 185 | -moz-background-clip: padding; 186 | -webkit-background-clip: padding-box; 187 | background-clip: padding-box; 188 | background: #3d884d; 189 | text-align: center; 190 | padding-top: 8px; 191 | font-size: 16px; 192 | position: relative; 193 | top: -2px; 194 | } 195 | .main-wrapper .section { 196 | margin-bottom: 60px; 197 | } 198 | .main-wrapper .experiences-section .item { 199 | margin-bottom: 30px; 200 | } 201 | .main-wrapper .upper-row { 202 | position: relative; 203 | overflow: hidden; 204 | margin-bottom: 2px; 205 | } 206 | .main-wrapper .job-title { 207 | color: #3F4650; 208 | font-size: 16px; 209 | margin-top: 0; 210 | margin-bottom: 0; 211 | font-weight: 500; 212 | } 213 | .main-wrapper .time { 214 | position: absolute; 215 | right: 0; 216 | top: 0; 217 | color: #97AAC3; 218 | } 219 | .main-wrapper .company { 220 | margin-bottom: 10px; 221 | color: #97AAC3; 222 | } 223 | .main-wrapper .project-title { 224 | font-size: 16px; 225 | font-weight: 400; 226 | margin-top: 0; 227 | margin-bottom: 5px; 228 | } 229 | .main-wrapper .projects-section .intro { 230 | margin-bottom: 30px; 231 | } 232 | .main-wrapper .projects-section .item { 233 | margin-bottom: 15px; 234 | } 235 | .skillset .item { 236 | margin-bottom: 15px; 237 | overflow: hidden; 238 | } 239 | .skillset .level-title { 240 | font-size: 14px; 241 | margin-top: 0; 242 | margin-bottom: 12px; 243 | } 244 | .skillset .level-bar { 245 | height: 12px; 246 | background: #f5f5f5; 247 | } 248 | .skillset .level-bar-inner { 249 | height: 12px; 250 | background: #90ce9d; 251 | } 252 | .footer { 253 | padding: 30px; 254 | padding-top: 60px; 255 | } 256 | .footer .copyright { 257 | line-height: 1.6; 258 | color: #545E6C; 259 | font-size: 13px; 260 | } 261 | .footer .fa-heart { 262 | color: #fb866a; 263 | } 264 | /* Extra small devices (phones, less than 768px) */ 265 | @media (max-width: 767px) { 266 | .sidebar-wrapper { 267 | position: static; 268 | width: inherit; 269 | } 270 | .main-wrapper { 271 | padding: 30px; 272 | } 273 | .main-wrapper .time { 274 | position: static; 275 | display: block; 276 | margin-top: 5px; 277 | } 278 | .main-wrapper .upper-row { 279 | margin-bottom: 0; 280 | } 281 | } 282 | /* Small devices (tablets, 768px and up) */ 283 | /* Medium devices (desktops, 992px and up) */ 284 | @media (min-width: 992px) { 285 | .skillset .level-title { 286 | display: inline-block; 287 | float: left; 288 | width: 30%; 289 | margin-bottom: 0; 290 | } 291 | .skillset .level-bar { 292 | display: inline-block; 293 | width: 70%; 294 | float: left; 295 | position: relative; 296 | top: 1px; 297 | } 298 | } 299 | /* Large devices (large desktops, 1200px and up) */ 300 | /* Ex-Large devices (large desktops, 1200px and up) */ 301 | 302 | /* 303 | used for profile image 304 | */ 305 | .profile-img { 306 | max-width: 100px; 307 | margin-bottom: 15px; 308 | border: 0px solid #fff; 309 | border-radius: 100%; 310 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 311 | } 312 | 313 | -------------------------------------------------------------------------------- /assets/css/styles-4.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles-4.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | @media (max-width: 767px) { 21 | body{ 22 | padding: 0; 23 | } 24 | } 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-weight: 700; 32 | } 33 | a { 34 | color: #6e3852; 35 | -webkit-transition: all 0.4s ease-in-out; 36 | -moz-transition: all 0.4s ease-in-out; 37 | -ms-transition: all 0.4s ease-in-out; 38 | -o-transition: all 0.4s ease-in-out; 39 | } 40 | a:hover { 41 | text-decoration: underline; 42 | color: #3c1e2c; 43 | } 44 | a:focus { 45 | text-decoration: none; 46 | } 47 | p { 48 | line-height: 1.5; 49 | } 50 | .wrapper { 51 | background: #A15277; 52 | max-width: 960px; 53 | margin: 0 auto; 54 | position: relative; 55 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 56 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 57 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 58 | } 59 | .sidebar-wrapper { 60 | background: #A15277; 61 | position: absolute; 62 | right: 0; 63 | width: 240px; 64 | height: 100%; 65 | min-height: 800px; 66 | color: #fff; 67 | } 68 | .sidebar-wrapper a { 69 | color: #fff; 70 | } 71 | .sidebar-wrapper .profile-container { 72 | padding: 30px; 73 | background: rgba(0, 0, 0, 0.2); 74 | text-align: center; 75 | color: #fff; 76 | } 77 | .sidebar-wrapper .name { 78 | font-size: 32px; 79 | font-weight: 900; 80 | margin-top: 0; 81 | margin-bottom: 10px; 82 | } 83 | .sidebar-wrapper .tagline { 84 | color: rgba(255, 255, 255, 0.6); 85 | font-size: 16px; 86 | font-weight: 400; 87 | margin-top: 0; 88 | margin-bottom: 0; 89 | } 90 | .sidebar-wrapper .profile { 91 | margin-bottom: 15px; 92 | } 93 | .sidebar-wrapper .contact-list .fa { 94 | margin-right: 5px; 95 | font-size: 18px; 96 | vertical-align: middle; 97 | } 98 | .sidebar-wrapper .contact-list li { 99 | margin-bottom: 15px; 100 | } 101 | .sidebar-wrapper .contact-list li:last-child { 102 | margin-bottom: 0; 103 | } 104 | .sidebar-wrapper .contact-list .email .fa { 105 | font-size: 14px; 106 | } 107 | .sidebar-wrapper .container-block { 108 | padding: 30px; 109 | } 110 | .sidebar-wrapper .container-block-title { 111 | text-transform: uppercase; 112 | font-size: 16px; 113 | font-weight: 700; 114 | margin-top: 0; 115 | margin-bottom: 15px; 116 | } 117 | .sidebar-wrapper .degree { 118 | font-size: 14px; 119 | margin-top: 0; 120 | margin-bottom: 5px; 121 | } 122 | .sidebar-wrapper .education-container .item { 123 | margin-bottom: 15px; 124 | } 125 | .sidebar-wrapper .education-container .item:last-child { 126 | margin-bottom: 0; 127 | } 128 | .sidebar-wrapper .education-container .meta { 129 | color: rgba(255, 255, 255, 0.6); 130 | font-weight: 500; 131 | margin-bottom: 0px; 132 | margin-top: 0; 133 | } 134 | .sidebar-wrapper .education-container .time { 135 | color: rgba(255, 255, 255, 0.6); 136 | font-weight: 500; 137 | margin-bottom: 0px; 138 | } 139 | .sidebar-wrapper .languages-container .lang-desc { 140 | color: rgba(255, 255, 255, 0.6); 141 | } 142 | .sidebar-wrapper .languages-list { 143 | margin-bottom: 0; 144 | } 145 | .sidebar-wrapper .languages-list li { 146 | margin-bottom: 10px; 147 | } 148 | .sidebar-wrapper .languages-list li:last-child { 149 | margin-bottom: 0; 150 | } 151 | .sidebar-wrapper .interests-list { 152 | margin-bottom: 0; 153 | } 154 | .sidebar-wrapper .interests-list li { 155 | margin-bottom: 10px; 156 | } 157 | .sidebar-wrapper .interests-list li:last-child { 158 | margin-bottom: 0; 159 | } 160 | .main-wrapper { 161 | background: #fff; 162 | padding: 60px; 163 | padding-right: 300px; 164 | } 165 | .main-wrapper .section-title { 166 | text-transform: uppercase; 167 | font-size: 20px; 168 | font-weight: 500; 169 | color: #6e3852; 170 | position: relative; 171 | margin-top: 0; 172 | margin-bottom: 20px; 173 | } 174 | .main-wrapper .section-title .fa { 175 | width: 30px; 176 | height: 30px; 177 | margin-right: 8px; 178 | display: inline-block; 179 | color: #fff; 180 | -webkit-border-radius: 50%; 181 | -moz-border-radius: 50%; 182 | -ms-border-radius: 50%; 183 | -o-border-radius: 50%; 184 | border-radius: 50%; 185 | -moz-background-clip: padding; 186 | -webkit-background-clip: padding-box; 187 | background-clip: padding-box; 188 | background: #6e3852; 189 | text-align: center; 190 | padding-top: 8px; 191 | font-size: 16px; 192 | position: relative; 193 | top: -2px; 194 | } 195 | .main-wrapper .section { 196 | margin-bottom: 60px; 197 | } 198 | .main-wrapper .experiences-section .item { 199 | margin-bottom: 30px; 200 | } 201 | .main-wrapper .upper-row { 202 | position: relative; 203 | overflow: hidden; 204 | margin-bottom: 2px; 205 | } 206 | .main-wrapper .job-title { 207 | color: #3F4650; 208 | font-size: 16px; 209 | margin-top: 0; 210 | margin-bottom: 0; 211 | font-weight: 500; 212 | } 213 | .main-wrapper .time { 214 | position: absolute; 215 | right: 0; 216 | top: 0; 217 | color: #97AAC3; 218 | } 219 | .main-wrapper .company { 220 | margin-bottom: 10px; 221 | color: #97AAC3; 222 | } 223 | .main-wrapper .project-title { 224 | font-size: 16px; 225 | font-weight: 400; 226 | margin-top: 0; 227 | margin-bottom: 5px; 228 | } 229 | .main-wrapper .projects-section .intro { 230 | margin-bottom: 30px; 231 | } 232 | .main-wrapper .projects-section .item { 233 | margin-bottom: 15px; 234 | } 235 | .skillset .item { 236 | margin-bottom: 15px; 237 | overflow: hidden; 238 | } 239 | .skillset .level-title { 240 | font-size: 14px; 241 | margin-top: 0; 242 | margin-bottom: 12px; 243 | } 244 | .skillset .level-bar { 245 | height: 12px; 246 | background: #f5f5f5; 247 | } 248 | .skillset .level-bar-inner { 249 | height: 12px; 250 | background: #bf819e; 251 | } 252 | .footer { 253 | padding: 30px; 254 | padding-top: 60px; 255 | } 256 | .footer .copyright { 257 | line-height: 1.6; 258 | color: #545E6C; 259 | font-size: 13px; 260 | } 261 | .footer .fa-heart { 262 | color: #fb866a; 263 | } 264 | /* Extra small devices (phones, less than 768px) */ 265 | @media (max-width: 767px) { 266 | .sidebar-wrapper { 267 | position: static; 268 | width: inherit; 269 | } 270 | .main-wrapper { 271 | padding: 30px; 272 | } 273 | .main-wrapper .time { 274 | position: static; 275 | display: block; 276 | margin-top: 5px; 277 | } 278 | .main-wrapper .upper-row { 279 | margin-bottom: 0; 280 | } 281 | } 282 | /* Small devices (tablets, 768px and up) */ 283 | /* Medium devices (desktops, 992px and up) */ 284 | @media (min-width: 992px) { 285 | .skillset .level-title { 286 | display: inline-block; 287 | float: left; 288 | width: 30%; 289 | margin-bottom: 0; 290 | } 291 | .skillset .level-bar { 292 | display: inline-block; 293 | width: 70%; 294 | float: left; 295 | position: relative; 296 | top: 1px; 297 | } 298 | } 299 | /* Large devices (large desktops, 1200px and up) */ 300 | /* Ex-Large devices (large desktops, 1200px and up) */ 301 | 302 | /* 303 | used for profile image 304 | */ 305 | .profile-img { 306 | max-width: 100px; 307 | margin-bottom: 15px; 308 | border: 0px solid #fff; 309 | border-radius: 100%; 310 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 311 | } 312 | 313 | -------------------------------------------------------------------------------- /assets/css/styles-5.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles-5.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | @media (max-width: 767px) { 21 | body{ 22 | padding: 0; 23 | } 24 | } 25 | h1, 26 | h2, 27 | h3, 28 | h4, 29 | h5, 30 | h6 { 31 | font-weight: 700; 32 | } 33 | a { 34 | color: #f47c03; 35 | -webkit-transition: all 0.4s ease-in-out; 36 | -moz-transition: all 0.4s ease-in-out; 37 | -ms-transition: all 0.4s ease-in-out; 38 | -o-transition: all 0.4s ease-in-out; 39 | } 40 | a:hover { 41 | text-decoration: underline; 42 | color: #a85502; 43 | } 44 | a:focus { 45 | text-decoration: none; 46 | } 47 | p { 48 | line-height: 1.5; 49 | } 50 | .wrapper { 51 | background: #FDA246; 52 | max-width: 960px; 53 | margin: 0 auto; 54 | position: relative; 55 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 56 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 57 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 58 | } 59 | .sidebar-wrapper { 60 | background: #FDA246; 61 | position: absolute; 62 | right: 0; 63 | width: 240px; 64 | height: 100%; 65 | min-height: 800px; 66 | color: #fff; 67 | } 68 | .sidebar-wrapper a { 69 | color: #fff; 70 | } 71 | .sidebar-wrapper .profile-container { 72 | padding: 30px; 73 | background: rgba(0, 0, 0, 0.2); 74 | text-align: center; 75 | color: #fff; 76 | } 77 | .sidebar-wrapper .name { 78 | font-size: 32px; 79 | font-weight: 900; 80 | margin-top: 0; 81 | margin-bottom: 10px; 82 | } 83 | .sidebar-wrapper .tagline { 84 | color: rgba(255, 255, 255, 0.6); 85 | font-size: 16px; 86 | font-weight: 400; 87 | margin-top: 0; 88 | margin-bottom: 0; 89 | } 90 | .sidebar-wrapper .profile { 91 | margin-bottom: 15px; 92 | } 93 | .sidebar-wrapper .contact-list .fa { 94 | margin-right: 5px; 95 | font-size: 18px; 96 | vertical-align: middle; 97 | } 98 | .sidebar-wrapper .contact-list li { 99 | margin-bottom: 15px; 100 | } 101 | .sidebar-wrapper .contact-list li:last-child { 102 | margin-bottom: 0; 103 | } 104 | .sidebar-wrapper .contact-list .email .fa { 105 | font-size: 14px; 106 | } 107 | .sidebar-wrapper .container-block { 108 | padding: 30px; 109 | } 110 | .sidebar-wrapper .container-block-title { 111 | text-transform: uppercase; 112 | font-size: 16px; 113 | font-weight: 700; 114 | margin-top: 0; 115 | margin-bottom: 15px; 116 | } 117 | .sidebar-wrapper .degree { 118 | font-size: 14px; 119 | margin-top: 0; 120 | margin-bottom: 5px; 121 | } 122 | .sidebar-wrapper .education-container .item { 123 | margin-bottom: 15px; 124 | } 125 | .sidebar-wrapper .education-container .item:last-child { 126 | margin-bottom: 0; 127 | } 128 | .sidebar-wrapper .education-container .meta { 129 | color: rgba(255, 255, 255, 0.6); 130 | font-weight: 500; 131 | margin-bottom: 0px; 132 | margin-top: 0; 133 | } 134 | .sidebar-wrapper .education-container .time { 135 | color: rgba(255, 255, 255, 0.6); 136 | font-weight: 500; 137 | margin-bottom: 0px; 138 | } 139 | .sidebar-wrapper .languages-container .lang-desc { 140 | color: rgba(255, 255, 255, 0.6); 141 | } 142 | .sidebar-wrapper .languages-list { 143 | margin-bottom: 0; 144 | } 145 | .sidebar-wrapper .languages-list li { 146 | margin-bottom: 10px; 147 | } 148 | .sidebar-wrapper .languages-list li:last-child { 149 | margin-bottom: 0; 150 | } 151 | .sidebar-wrapper .interests-list { 152 | margin-bottom: 0; 153 | } 154 | .sidebar-wrapper .interests-list li { 155 | margin-bottom: 10px; 156 | } 157 | .sidebar-wrapper .interests-list li:last-child { 158 | margin-bottom: 0; 159 | } 160 | .main-wrapper { 161 | background: #fff; 162 | padding: 60px; 163 | padding-right: 300px; 164 | } 165 | .main-wrapper .section-title { 166 | text-transform: uppercase; 167 | font-size: 20px; 168 | font-weight: 500; 169 | color: #f47c03; 170 | position: relative; 171 | margin-top: 0; 172 | margin-bottom: 20px; 173 | } 174 | .main-wrapper .section-title .fa { 175 | width: 30px; 176 | height: 30px; 177 | margin-right: 8px; 178 | display: inline-block; 179 | color: #fff; 180 | -webkit-border-radius: 50%; 181 | -moz-border-radius: 50%; 182 | -ms-border-radius: 50%; 183 | -o-border-radius: 50%; 184 | border-radius: 50%; 185 | -moz-background-clip: padding; 186 | -webkit-background-clip: padding-box; 187 | background-clip: padding-box; 188 | background: #f47c03; 189 | text-align: center; 190 | padding-top: 8px; 191 | font-size: 16px; 192 | position: relative; 193 | top: -2px; 194 | } 195 | .main-wrapper .section { 196 | margin-bottom: 60px; 197 | } 198 | .main-wrapper .experiences-section .item { 199 | margin-bottom: 30px; 200 | } 201 | .main-wrapper .upper-row { 202 | position: relative; 203 | overflow: hidden; 204 | margin-bottom: 2px; 205 | } 206 | .main-wrapper .job-title { 207 | color: #3F4650; 208 | font-size: 16px; 209 | margin-top: 0; 210 | margin-bottom: 0; 211 | font-weight: 500; 212 | } 213 | .main-wrapper .time { 214 | position: absolute; 215 | right: 0; 216 | top: 0; 217 | color: #97AAC3; 218 | } 219 | .main-wrapper .company { 220 | margin-bottom: 10px; 221 | color: #97AAC3; 222 | } 223 | .main-wrapper .project-title { 224 | font-size: 16px; 225 | font-weight: 400; 226 | margin-top: 0; 227 | margin-bottom: 5px; 228 | } 229 | .main-wrapper .projects-section .intro { 230 | margin-bottom: 30px; 231 | } 232 | .main-wrapper .projects-section .item { 233 | margin-bottom: 15px; 234 | } 235 | .skillset .item { 236 | margin-bottom: 15px; 237 | overflow: hidden; 238 | } 239 | .skillset .level-title { 240 | font-size: 14px; 241 | margin-top: 0; 242 | margin-bottom: 12px; 243 | } 244 | .skillset .level-bar { 245 | height: 12px; 246 | background: #f5f5f5; 247 | } 248 | .skillset .level-bar-inner { 249 | height: 12px; 250 | background: #fec892; 251 | } 252 | .footer { 253 | padding: 30px; 254 | padding-top: 60px; 255 | } 256 | .footer .copyright { 257 | line-height: 1.6; 258 | color: #545E6C; 259 | font-size: 13px; 260 | } 261 | .footer .fa-heart { 262 | color: #fb866a; 263 | } 264 | /* Extra small devices (phones, less than 768px) */ 265 | @media (max-width: 767px) { 266 | .sidebar-wrapper { 267 | position: static; 268 | width: inherit; 269 | } 270 | .main-wrapper { 271 | padding: 30px; 272 | } 273 | .main-wrapper .time { 274 | position: static; 275 | display: block; 276 | margin-top: 5px; 277 | } 278 | .main-wrapper .upper-row { 279 | margin-bottom: 0; 280 | } 281 | } 282 | /* Small devices (tablets, 768px and up) */ 283 | /* Medium devices (desktops, 992px and up) */ 284 | @media (min-width: 992px) { 285 | .skillset .level-title { 286 | display: inline-block; 287 | float: left; 288 | width: 30%; 289 | margin-bottom: 0; 290 | } 291 | .skillset .level-bar { 292 | display: inline-block; 293 | width: 70%; 294 | float: left; 295 | position: relative; 296 | top: 1px; 297 | } 298 | } 299 | /* Large devices (large desktops, 1200px and up) */ 300 | /* Ex-Large devices (large desktops, 1200px and up) */ 301 | 302 | /* 303 | used for profile image 304 | */ 305 | .profile-img { 306 | max-width: 100px; 307 | margin-bottom: 15px; 308 | border: 0px solid #fff; 309 | border-radius: 100%; 310 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 311 | } 312 | 313 | -------------------------------------------------------------------------------- /assets/css/styles-6.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles-6.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | 20 | } 21 | @media (max-width: 767px) { 22 | body{ 23 | padding: 0; 24 | } 25 | } 26 | h1, 27 | h2, 28 | h3, 29 | h4, 30 | h5, 31 | h6 { 32 | font-weight: 700; 33 | } 34 | a { 35 | color: #2e4049; 36 | -webkit-transition: all 0.4s ease-in-out; 37 | -moz-transition: all 0.4s ease-in-out; 38 | -ms-transition: all 0.4s ease-in-out; 39 | -o-transition: all 0.4s ease-in-out; 40 | } 41 | a:hover { 42 | text-decoration: underline; 43 | color: #10171a; 44 | } 45 | a:focus { 46 | text-decoration: none; 47 | } 48 | p { 49 | line-height: 1.5; 50 | } 51 | .wrapper { 52 | background: #4B6A78; 53 | max-width: 960px; 54 | margin: 0 auto; 55 | position: relative; 56 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 57 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 58 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 59 | } 60 | .sidebar-wrapper { 61 | background: #4B6A78; 62 | position: absolute; 63 | right: 0; 64 | width: 240px; 65 | height: 100%; 66 | min-height: 800px; 67 | color: #fff; 68 | } 69 | .sidebar-wrapper a { 70 | color: #fff; 71 | } 72 | .sidebar-wrapper .profile-container { 73 | padding: 30px; 74 | background: rgba(0, 0, 0, 0.2); 75 | text-align: center; 76 | color: #fff; 77 | } 78 | .sidebar-wrapper .name { 79 | font-size: 32px; 80 | font-weight: 900; 81 | margin-top: 0; 82 | margin-bottom: 10px; 83 | } 84 | .sidebar-wrapper .tagline { 85 | color: rgba(255, 255, 255, 0.6); 86 | font-size: 16px; 87 | font-weight: 400; 88 | margin-top: 0; 89 | margin-bottom: 0; 90 | } 91 | .sidebar-wrapper .profile { 92 | margin-bottom: 15px; 93 | } 94 | .sidebar-wrapper .contact-list .fa { 95 | margin-right: 5px; 96 | font-size: 18px; 97 | vertical-align: middle; 98 | } 99 | .sidebar-wrapper .contact-list li { 100 | margin-bottom: 15px; 101 | } 102 | .sidebar-wrapper .contact-list li:last-child { 103 | margin-bottom: 0; 104 | } 105 | .sidebar-wrapper .contact-list .email .fa { 106 | font-size: 14px; 107 | } 108 | .sidebar-wrapper .container-block { 109 | padding: 30px; 110 | } 111 | .sidebar-wrapper .container-block-title { 112 | text-transform: uppercase; 113 | font-size: 16px; 114 | font-weight: 700; 115 | margin-top: 0; 116 | margin-bottom: 15px; 117 | } 118 | .sidebar-wrapper .degree { 119 | font-size: 14px; 120 | margin-top: 0; 121 | margin-bottom: 5px; 122 | } 123 | .sidebar-wrapper .education-container .item { 124 | margin-bottom: 15px; 125 | } 126 | .sidebar-wrapper .education-container .item:last-child { 127 | margin-bottom: 0; 128 | } 129 | .sidebar-wrapper .education-container .meta { 130 | color: rgba(255, 255, 255, 0.6); 131 | font-weight: 500; 132 | margin-bottom: 0px; 133 | margin-top: 0; 134 | } 135 | .sidebar-wrapper .education-container .time { 136 | color: rgba(255, 255, 255, 0.6); 137 | font-weight: 500; 138 | margin-bottom: 0px; 139 | } 140 | .sidebar-wrapper .languages-container .lang-desc { 141 | color: rgba(255, 255, 255, 0.6); 142 | } 143 | .sidebar-wrapper .languages-list { 144 | margin-bottom: 0; 145 | } 146 | .sidebar-wrapper .languages-list li { 147 | margin-bottom: 10px; 148 | } 149 | .sidebar-wrapper .languages-list li:last-child { 150 | margin-bottom: 0; 151 | } 152 | .sidebar-wrapper .interests-list { 153 | margin-bottom: 0; 154 | } 155 | .sidebar-wrapper .interests-list li { 156 | margin-bottom: 10px; 157 | } 158 | .sidebar-wrapper .interests-list li:last-child { 159 | margin-bottom: 0; 160 | } 161 | .main-wrapper { 162 | background: #fff; 163 | padding: 60px; 164 | padding-right: 300px; 165 | } 166 | .main-wrapper .section-title { 167 | text-transform: uppercase; 168 | font-size: 20px; 169 | font-weight: 500; 170 | color: #2e4049; 171 | position: relative; 172 | margin-top: 0; 173 | margin-bottom: 20px; 174 | } 175 | .main-wrapper .section-title .fa { 176 | width: 30px; 177 | height: 30px; 178 | margin-right: 8px; 179 | display: inline-block; 180 | color: #fff; 181 | -webkit-border-radius: 50%; 182 | -moz-border-radius: 50%; 183 | -ms-border-radius: 50%; 184 | -o-border-radius: 50%; 185 | border-radius: 50%; 186 | -moz-background-clip: padding; 187 | -webkit-background-clip: padding-box; 188 | background-clip: padding-box; 189 | background: #2e4049; 190 | text-align: center; 191 | padding-top: 8px; 192 | font-size: 16px; 193 | position: relative; 194 | top: -2px; 195 | } 196 | .main-wrapper .section { 197 | margin-bottom: 60px; 198 | } 199 | .main-wrapper .experiences-section .item { 200 | margin-bottom: 30px; 201 | } 202 | .main-wrapper .upper-row { 203 | position: relative; 204 | overflow: hidden; 205 | margin-bottom: 2px; 206 | } 207 | .main-wrapper .job-title { 208 | color: #3F4650; 209 | font-size: 16px; 210 | margin-top: 0; 211 | margin-bottom: 0; 212 | font-weight: 500; 213 | } 214 | .main-wrapper .time { 215 | position: absolute; 216 | right: 0; 217 | top: 0; 218 | color: #97AAC3; 219 | } 220 | .main-wrapper .company { 221 | margin-bottom: 10px; 222 | color: #97AAC3; 223 | } 224 | .main-wrapper .project-title { 225 | font-size: 16px; 226 | font-weight: 400; 227 | margin-top: 0; 228 | margin-bottom: 5px; 229 | } 230 | .main-wrapper .projects-section .intro { 231 | margin-bottom: 30px; 232 | } 233 | .main-wrapper .projects-section .item { 234 | margin-bottom: 15px; 235 | } 236 | .skillset .item { 237 | margin-bottom: 15px; 238 | overflow: hidden; 239 | } 240 | .skillset .level-title { 241 | font-size: 14px; 242 | margin-top: 0; 243 | margin-bottom: 12px; 244 | } 245 | .skillset .level-bar { 246 | height: 12px; 247 | background: #f5f5f5; 248 | } 249 | .skillset .level-bar-inner { 250 | height: 12px; 251 | background: #6c92a3; 252 | } 253 | .footer { 254 | padding: 30px; 255 | padding-top: 60px; 256 | } 257 | .footer .copyright { 258 | line-height: 1.6; 259 | color: #545E6C; 260 | font-size: 13px; 261 | } 262 | .footer .fa-heart { 263 | color: #fb866a; 264 | } 265 | /* Extra small devices (phones, less than 768px) */ 266 | @media (max-width: 767px) { 267 | .sidebar-wrapper { 268 | position: static; 269 | width: inherit; 270 | } 271 | .main-wrapper { 272 | padding: 30px; 273 | } 274 | .main-wrapper .time { 275 | position: static; 276 | display: block; 277 | margin-top: 5px; 278 | } 279 | .main-wrapper .upper-row { 280 | margin-bottom: 0; 281 | } 282 | } 283 | /* Small devices (tablets, 768px and up) */ 284 | /* Medium devices (desktops, 992px and up) */ 285 | @media (min-width: 992px) { 286 | .skillset .level-title { 287 | display: inline-block; 288 | float: left; 289 | width: 30%; 290 | margin-bottom: 0; 291 | } 292 | .skillset .level-bar { 293 | display: inline-block; 294 | width: 70%; 295 | float: left; 296 | position: relative; 297 | top: 1px; 298 | } 299 | } 300 | /* Large devices (large desktops, 1200px and up) */ 301 | /* Ex-Large devices (large desktops, 1200px and up) */ 302 | 303 | /* 304 | used for profile image 305 | */ 306 | .profile-img { 307 | max-width: 100px; 308 | margin-bottom: 15px; 309 | border: 0px solid #fff; 310 | border-radius: 100%; 311 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 312 | } 313 | 314 | -------------------------------------------------------------------------------- /assets/css/styles.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | @media (max-width: 767px) { 21 | body{ 22 | padding: 0; 23 | } 24 | } 25 | 26 | h1, 27 | h2, 28 | h3, 29 | h4, 30 | h5, 31 | h6 { 32 | font-weight: 700; 33 | } 34 | a { 35 | color: #2d7788; 36 | -webkit-transition: all 0.4s ease-in-out; 37 | -moz-transition: all 0.4s ease-in-out; 38 | -ms-transition: all 0.4s ease-in-out; 39 | -o-transition: all 0.4s ease-in-out; 40 | } 41 | a:hover { 42 | text-decoration: underline; 43 | color: #1a454f; 44 | } 45 | a:focus { 46 | text-decoration: none; 47 | } 48 | p { 49 | line-height: 1.5; 50 | } 51 | .wrapper { 52 | background: #42A8C0; 53 | max-width: 960px; 54 | margin: 0 auto; 55 | position: relative; 56 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 57 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 58 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 59 | } 60 | .sidebar-wrapper { 61 | background: #42A8C0; 62 | position: absolute; 63 | right: 0; 64 | width: 240px; 65 | height: 100%; 66 | min-height: 800px; 67 | color: #fff; 68 | } 69 | .sidebar-wrapper a { 70 | color: #fff; 71 | } 72 | .sidebar-wrapper .profile-container { 73 | padding: 30px; 74 | background: rgba(0, 0, 0, 0.2); 75 | text-align: center; 76 | color: #fff; 77 | } 78 | .sidebar-wrapper .name { 79 | font-size: 32px; 80 | font-weight: 900; 81 | margin-top: 0; 82 | margin-bottom: 10px; 83 | } 84 | .sidebar-wrapper .tagline { 85 | color: rgba(255, 255, 255, 0.6); 86 | font-size: 16px; 87 | font-weight: 400; 88 | margin-top: 0; 89 | margin-bottom: 0; 90 | } 91 | .sidebar-wrapper .profile { 92 | margin-bottom: 15px; 93 | } 94 | .sidebar-wrapper .contact-list .fa { 95 | margin-right: 5px; 96 | font-size: 18px; 97 | vertical-align: middle; 98 | } 99 | .sidebar-wrapper .contact-list li { 100 | margin-bottom: 15px; 101 | } 102 | .sidebar-wrapper .contact-list li:last-child { 103 | margin-bottom: 0; 104 | } 105 | .sidebar-wrapper .contact-list .email .fa { 106 | font-size: 14px; 107 | } 108 | .sidebar-wrapper .container-block { 109 | padding: 30px; 110 | } 111 | .sidebar-wrapper .container-block-title { 112 | text-transform: uppercase; 113 | font-size: 16px; 114 | font-weight: 700; 115 | margin-top: 0; 116 | margin-bottom: 15px; 117 | } 118 | .sidebar-wrapper .degree { 119 | font-size: 14px; 120 | margin-top: 0; 121 | margin-bottom: 5px; 122 | } 123 | .sidebar-wrapper .education-container .item { 124 | margin-bottom: 15px; 125 | } 126 | .sidebar-wrapper .education-container .item:last-child { 127 | margin-bottom: 0; 128 | } 129 | .sidebar-wrapper .education-container .meta { 130 | color: rgba(255, 255, 255, 0.6); 131 | font-weight: 500; 132 | margin-bottom: 0px; 133 | margin-top: 0; 134 | } 135 | .sidebar-wrapper .education-container .time { 136 | color: rgba(255, 255, 255, 0.6); 137 | font-weight: 500; 138 | margin-bottom: 0px; 139 | } 140 | .sidebar-wrapper .languages-container .lang-desc { 141 | color: rgba(255, 255, 255, 0.6); 142 | } 143 | .sidebar-wrapper .languages-list { 144 | margin-bottom: 0; 145 | } 146 | .sidebar-wrapper .languages-list li { 147 | margin-bottom: 10px; 148 | } 149 | .sidebar-wrapper .languages-list li:last-child { 150 | margin-bottom: 0; 151 | } 152 | .sidebar-wrapper .interests-list { 153 | margin-bottom: 0; 154 | } 155 | .sidebar-wrapper .interests-list li { 156 | margin-bottom: 10px; 157 | } 158 | .sidebar-wrapper .interests-list li:last-child { 159 | margin-bottom: 0; 160 | } 161 | .main-wrapper { 162 | background: #fff; 163 | padding: 60px; 164 | padding-right: 300px; 165 | } 166 | .main-wrapper .section-title { 167 | text-transform: uppercase; 168 | font-size: 20px; 169 | font-weight: 500; 170 | color: #2d7788; 171 | position: relative; 172 | margin-top: 0; 173 | margin-bottom: 20px; 174 | } 175 | .main-wrapper .section-title .fa { 176 | width: 30px; 177 | height: 30px; 178 | margin-right: 8px; 179 | display: inline-block; 180 | color: #fff; 181 | -webkit-border-radius: 50%; 182 | -moz-border-radius: 50%; 183 | -ms-border-radius: 50%; 184 | -o-border-radius: 50%; 185 | border-radius: 50%; 186 | -moz-background-clip: padding; 187 | -webkit-background-clip: padding-box; 188 | background-clip: padding-box; 189 | background: #2d7788; 190 | text-align: center; 191 | padding-top: 8px; 192 | font-size: 16px; 193 | position: relative; 194 | top: -2px; 195 | } 196 | .main-wrapper .section { 197 | margin-bottom: 60px; 198 | } 199 | .main-wrapper .experiences-section .item { 200 | margin-bottom: 30px; 201 | } 202 | .main-wrapper .upper-row { 203 | position: relative; 204 | overflow: hidden; 205 | margin-bottom: 2px; 206 | } 207 | .main-wrapper .job-title { 208 | color: #3F4650; 209 | font-size: 16px; 210 | margin-top: 0; 211 | margin-bottom: 0; 212 | font-weight: 500; 213 | } 214 | .main-wrapper .time { 215 | position: absolute; 216 | right: 0; 217 | top: 0; 218 | color: #97AAC3; 219 | } 220 | .main-wrapper .company { 221 | margin-bottom: 10px; 222 | color: #97AAC3; 223 | } 224 | .main-wrapper .project-title { 225 | font-size: 16px; 226 | font-weight: 700; 227 | margin-top: 0; 228 | margin-bottom: 5px; 229 | } 230 | .main-wrapper .projects-section .intro { 231 | margin-bottom: 30px; 232 | } 233 | .main-wrapper .projects-section .item { 234 | margin-bottom: 15px; 235 | } 236 | .main-wrapper .skill-title { 237 | font-size: 16px; 238 | font-weight: 700; 239 | margin-top: 0; 240 | margin-bottom: 5px; 241 | } 242 | .main-wrapper .skills-section .intro { 243 | margin-bottom: 30px; 244 | } 245 | .main-wrapper .skills-section .item { 246 | margin-bottom: 15px; 247 | } 248 | .skillset .item { 249 | margin-bottom: 15px; 250 | overflow: hidden; 251 | } 252 | .skillset .level-title { 253 | font-size: 14px; 254 | margin-top: 0; 255 | margin-bottom: 12px; 256 | } 257 | .skillset .level-bar { 258 | height: 12px; 259 | background: #f5f5f5; 260 | } 261 | .skillset .level-bar-inner { 262 | height: 12px; 263 | background: #7bc2d3; 264 | } 265 | .footer { 266 | padding: 30px; 267 | padding-top: 60px; 268 | } 269 | .footer .copyright { 270 | line-height: 1.6; 271 | color: #545E6C; 272 | font-size: 13px; 273 | } 274 | .footer .fa-heart { 275 | color: #fb866a; 276 | } 277 | /* Extra small devices (phones, less than 768px) */ 278 | @media (max-width: 767px) { 279 | .sidebar-wrapper { 280 | position: static; 281 | width: inherit; 282 | } 283 | .main-wrapper { 284 | padding: 30px; 285 | } 286 | .main-wrapper .time { 287 | position: static; 288 | display: block; 289 | margin-top: 5px; 290 | } 291 | .main-wrapper .upper-row { 292 | margin-bottom: 0; 293 | } 294 | } 295 | /* Small devices (tablets, 768px and up) */ 296 | /* Medium devices (desktops, 992px and up) */ 297 | @media (min-width: 992px) { 298 | .skillset .level-title { 299 | display: inline-block; 300 | float: left; 301 | width: 30%; 302 | margin-bottom: 0; 303 | } 304 | .skillset .level-bar { 305 | display: inline-block; 306 | width: 70%; 307 | float: left; 308 | position: relative; 309 | top: 1px; 310 | } 311 | } 312 | /* Large devices (large desktops, 1200px and up) */ 313 | /* Ex-Large devices (large desktops, 1200px and up) */ 314 | 315 | /* 316 | used for profile image 317 | */ 318 | .profile-img { 319 | max-width: 100px; 320 | margin-bottom: 15px; 321 | border: 0px solid #fff; 322 | border-radius: 100%; 323 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 324 | } 325 | -------------------------------------------------------------------------------- /assets/css/styles-printer-friendly.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Template Name: Orbit - Responsive Resume/CV Template for Developers 3 | * Version: 1.0 4 | * Author: Xiaoying Riley 5 | * Twitter: @3rdwave_themes 6 | * License: Creative Commons Attribution 3.0 License 7 | * Website: http://themes.3rdwavemedia.com/ 8 | */ 9 | /* styles.css */ 10 | /* ======= Base ======= */ 11 | body { 12 | font-family: 'Roboto', sans-serif; 13 | color: #545E6C; 14 | background: #f5f5f5; 15 | font-size: 14px; 16 | padding: 30px; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | @media (max-width: 767px) { 21 | body{ 22 | padding: 0; 23 | } 24 | } 25 | 26 | h1, 27 | h2, 28 | h3, 29 | h4, 30 | h5, 31 | h6 { 32 | font-weight: 700; 33 | } 34 | a { 35 | color: #2d7788; 36 | -webkit-transition: all 0.4s ease-in-out; 37 | -moz-transition: all 0.4s ease-in-out; 38 | -ms-transition: all 0.4s ease-in-out; 39 | -o-transition: all 0.4s ease-in-out; 40 | } 41 | a:hover { 42 | text-decoration: underline; 43 | color: #1a454f; 44 | } 45 | a:focus { 46 | text-decoration: none; 47 | } 48 | /* 49 | remove links from printing 50 | */ 51 | @media print { 52 | a[href]:after { 53 | content: ""; 54 | } 55 | } 56 | p { 57 | line-height: 1.5; 58 | } 59 | .wrapper { 60 | background: #42A8C0; 61 | max-width: 700px; 62 | margin: 0 auto; 63 | position: relative; 64 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 65 | -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 66 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); 67 | } 68 | .sidebar-wrapper { 69 | background: #42A8C0; 70 | right: 0; 71 | width: 100%; 72 | height: auto; 73 | color: #fff; 74 | /* https://css-tricks.com/using-flexbox/ */ 75 | display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ 76 | display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ 77 | display: -ms-flexbox; /* TWEENER - IE 10 */ 78 | display: -webkit-flex; /* NEW - Chrome */ 79 | display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ 80 | border-bottom: 5px solid blue; 81 | } 82 | .sidebar-wrapper a { 83 | color: #fff; 84 | } 85 | .sidebar-wrapper .profile-container { 86 | padding: 30px; 87 | background: rgba(0, 0, 0, 0.2); 88 | text-align: center; 89 | color: #fff; 90 | float: left; 91 | width: 200px; 92 | } 93 | .sidebar-wrapper .contact-container { 94 | padding: 30px; 95 | text-align: left; 96 | color: #fff; 97 | float: left; 98 | width: 250px; 99 | } 100 | .sidebar-wrapper .name { 101 | font-size: 28px; 102 | font-weight: 900; 103 | margin-top: 0; 104 | margin-bottom: 0px; 105 | } 106 | .sidebar-wrapper .tagline { 107 | color: rgba(255, 255, 255, 0.6); 108 | font-size: 16px; 109 | font-weight: 400; 110 | margin-top: 0; 111 | margin-bottom: 0; 112 | } 113 | .sidebar-wrapper .profile { 114 | margin-bottom: 15px; 115 | } 116 | .sidebar-wrapper .contact-list .fa { 117 | margin-right: 5px; 118 | font-size: 12px; 119 | vertical-align: middle; 120 | } 121 | .sidebar-wrapper .contact-list li { 122 | margin-bottom: 5px; 123 | } 124 | .sidebar-wrapper .contact-list li:last-child { 125 | margin-bottom: 0; 126 | } 127 | .sidebar-wrapper .contact-list .email .fa { 128 | font-size: 12px; 129 | } 130 | .sidebar-wrapper .container-block { 131 | padding: 10px; 132 | } 133 | .sidebar-wrapper .container-block-title { 134 | text-transform: uppercase; 135 | font-size: 14px; 136 | font-weight: 700; 137 | margin-top: 0; 138 | margin-bottom: 15px; 139 | } 140 | .sidebar-wrapper .degree { 141 | font-size: 12px; 142 | margin-top: 0; 143 | margin-bottom: 5px; 144 | } 145 | .sidebar-wrapper .education-container { 146 | padding: 30px; 147 | text-align: left; 148 | color: #fff; 149 | float: left; 150 | width: 250px; 151 | } 152 | .sidebar-wrapper .education-container .item { 153 | margin-bottom: 15px; 154 | } 155 | .sidebar-wrapper .education-container .item:last-child { 156 | margin-bottom: 0; 157 | } 158 | .sidebar-wrapper .education-container .meta { 159 | color: rgba(255, 255, 255, 0.6); 160 | font-weight: 500; 161 | margin-bottom: 0px; 162 | margin-top: 0; 163 | } 164 | .sidebar-wrapper .education-container .time { 165 | color: rgba(255, 255, 255, 0.6); 166 | font-weight: 500; 167 | margin-bottom: 0px; 168 | } 169 | .sidebar-wrapper .languages-container .lang-desc { 170 | color: rgba(255, 255, 255, 0.6); 171 | } 172 | .sidebar-wrapper .languages-list { 173 | margin-bottom: 0; 174 | } 175 | .sidebar-wrapper .languages-list li { 176 | margin-bottom: 10px; 177 | } 178 | .sidebar-wrapper .languages-list li:last-child { 179 | margin-bottom: 0; 180 | } 181 | .sidebar-wrapper .interests-list { 182 | margin-bottom: 0; 183 | } 184 | .sidebar-wrapper .interests-list li { 185 | margin-bottom: 10px; 186 | } 187 | .sidebar-wrapper .interests-list li:last-child { 188 | margin-bottom: 0; 189 | } 190 | .main-wrapper { 191 | background: #fff; 192 | padding: 30px; 193 | padding-right: 30px; 194 | padding-top: 10px; 195 | } 196 | .main-wrapper .section-title { 197 | text-transform: uppercase; 198 | font-size: 14px; 199 | font-weight: 500; 200 | color: #2d7788; 201 | position: relative; 202 | margin-top: 0; 203 | margin-bottom: 10px; 204 | } 205 | .main-wrapper .section-title .fa { 206 | width: 30px; 207 | height: 30px; 208 | margin-right: 8px; 209 | display: inline-block; 210 | color: #fff; 211 | -webkit-border-radius: 50%; 212 | -moz-border-radius: 50%; 213 | -ms-border-radius: 50%; 214 | -o-border-radius: 50%; 215 | border-radius: 50%; 216 | -moz-background-clip: padding; 217 | -webkit-background-clip: padding-box; 218 | background-clip: padding-box; 219 | background: #2d7788; 220 | text-align: center; 221 | padding-top: 8px; 222 | font-size: 16px; 223 | position: relative; 224 | top: -2px; 225 | } 226 | .main-wrapper .section { 227 | margin-bottom: 20px; 228 | } 229 | .main-wrapper .experiences-section .item { 230 | margin-bottom: 10px; 231 | } 232 | .main-wrapper .upper-row { 233 | position: relative; 234 | overflow: hidden; 235 | margin-bottom: 2px; 236 | } 237 | .main-wrapper .job-title { 238 | color: #3F4650; 239 | font-size: 14px; 240 | margin-top: 0; 241 | margin-bottom: 0; 242 | font-weight: 500; 243 | } 244 | .main-wrapper .time { 245 | position: absolute; 246 | right: 0; 247 | top: 0; 248 | color: #97AAC3; 249 | } 250 | .main-wrapper .company { 251 | margin-bottom: 10px; 252 | color: #97AAC3; 253 | } 254 | .main-wrapper .project-title { 255 | font-size: 14px; 256 | font-weight: 700; 257 | margin-top: 0; 258 | margin-bottom: 5px; 259 | } 260 | .main-wrapper .projects-section .intro { 261 | margin-bottom: 30px; 262 | } 263 | .main-wrapper .projects-section .item { 264 | margin-bottom: 10px; 265 | } 266 | .main-wrapper .skill-title { 267 | font-size: 14px; 268 | font-weight: 700; 269 | margin-top: 0; 270 | margin-bottom: 5px; 271 | } 272 | .main-wrapper .skills-section .intro { 273 | margin-bottom: 30px; 274 | } 275 | .main-wrapper .skills-section .item { 276 | margin-bottom: 10px; 277 | } 278 | .footer { 279 | padding: 30px; 280 | padding-top: 60px; 281 | } 282 | .footer .copyright { 283 | line-height: 1.6; 284 | color: #545E6C; 285 | font-size: 13px; 286 | } 287 | .footer .fa-heart { 288 | color: #fb866a; 289 | } 290 | /* Extra small devices (phones, less than 768px) */ 291 | @media (max-width: 767px) { 292 | .sidebar-wrapper { 293 | position: static; 294 | width: inherit; 295 | } 296 | .main-wrapper { 297 | padding: 30px; 298 | } 299 | .main-wrapper .time { 300 | position: static; 301 | display: block; 302 | margin-top: 5px; 303 | } 304 | .main-wrapper .upper-row { 305 | margin-bottom: 0; 306 | } 307 | } 308 | /* Small devices (tablets, 768px and up) */ 309 | /* Medium devices (desktops, 992px and up) */ 310 | @media (min-width: 992px) { 311 | .skillset .level-title { 312 | display: inline-block; 313 | float: left; 314 | width: 30%; 315 | margin-bottom: 0; 316 | } 317 | .skillset .level-bar { 318 | display: inline-block; 319 | width: 70%; 320 | float: left; 321 | position: relative; 322 | top: 1px; 323 | } 324 | } 325 | /* Large devices (large desktops, 1200px and up) */ 326 | /* Ex-Large devices (large desktops, 1200px and up) */ 327 | 328 | /* 329 | used for profile image 330 | */ 331 | .profile-img { 332 | max-width: 100px; 333 | margin-top: 15px; 334 | border: 0px solid #fff; 335 | border-radius: 100%; 336 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 337 | } 338 | --------------------------------------------------------------------------------