Upgrade to Sass

This way its much easier to edit and personalize each theme.
This commit is contained in:
Nelson Estevão 2018-03-31 20:58:39 +01:00
parent 5bb8c1c1c6
commit 6822e36b1c
33 changed files with 322 additions and 2693 deletions

View File

@ -14,11 +14,11 @@ The theme is responsive:
There are 6 color schemes available: There are 6 color schemes available:
| Default | Style 2 | Style 3 | | Blue | Turquoise | Green |
|---------|---------|---------| |---------|---------|---------|
| <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-1.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-2.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-3.jpg" width="300"/> | | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-1.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-2.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-3.jpg" width="300"/> |
| Style 4 | Style 5 | Style 6 | | Berry | Orange | Ceramic |
|---------|---------|---------| |---------|---------|---------|
| <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-4.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-5.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-6.jpg" width="300"/> | | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-4.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-5.jpg" width="300"/> | <img src="http://themes.3rdwavemedia.com/wp-content/uploads/2016/01/free-resume-cv-bootstrap-template-for-developer-color-6.jpg" width="300"/> |

View File

@ -5,15 +5,10 @@ baseurl: '/online-cv' #change it according to your repository name
about: True # set to False or comment line if you want to remove the "How to use?" in the sidebar about: True # set to False or comment line if you want to remove the "How to use?" in the sidebar
# Enable one of these styles by removing #. Style will be applied only after restarting the build or serve. # Style will be applied only after restarting the build or serve. Just choose one of the options.
#style: styles-2 theme_skin: # blue turquoise green berry orange ceramic
#style: styles-3
#style: styles-4
#style: styles-5
#style: styles-6
# Profile information
#Profile information
name: Alan Doe name: Alan Doe
tagline: Full Stack Developer tagline: Full Stack Developer
pic: profile.png #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below pic: profile.png #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below
@ -22,7 +17,7 @@ You can <a href="#" target="_blank">download this free resume/CV template here</
commodo ligula eget dolor aenean massa. Cum sociis natoque penatibus et magnis dis parturient commodo ligula eget dolor aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.' montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.'
#sidebar links # Sidebar links
email: hello@webjeda.com email: hello@webjeda.com
phone: 012 345 6789 phone: 012 345 6789
website: blog.webjeda.com #do not add http:// website: blog.webjeda.com #do not add http://
@ -37,6 +32,11 @@ twitter: '@webjeda'
# Tracker # Tracker
analytics: UA-83979019-1 analytics: UA-83979019-1
# Sass/SCSS
sass:
sass_dir: _sass
style: compressed # http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style
# Build settings # Build settings
encoding: "utf-8" encoding: "utf-8"
compress_html: # - http://jch.penibelst.de/ compress_html: # - http://jch.penibelst.de/

View File

@ -5,18 +5,18 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A beautiful Jekyll theme for creating resume"> <meta name="description" content="A beautiful Jekyll theme for creating resume">
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Global CSS --> <!-- Global CSS -->
<link rel="stylesheet" href="{{site.baseurl}}/assets/plugins/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="{{site.baseurl}}/assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS --> <!-- Plugins CSS -->
<link rel="stylesheet" href="{{site.baseurl}}/assets/plugins/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="{{site.baseurl}}/assets/plugins/font-awesome/css/font-awesome.css">
<!-- Theme CSS --> <!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="{{site.baseurl}}/assets/css/{% if site.style %}{{ site.style}}.css{% else %}styles.css{% endif %}"> <link id="theme-style" rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>

View File

@ -1,8 +1,8 @@
/* ======= Base ======= */ /* ======= Base ======= */
body { body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
color: @text-color-secondary; color: $text-color-secondary;
background: @smoky-white; background: $smoky-white;
font-size: 14px; font-size: 14px;
padding: 30px; padding: 30px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -14,11 +14,10 @@ h1, h2, h3, h4, h5, h6 {
} }
a { a {
color: darken(@theme-color, 15%); color: darken($theme-color, 15%);
.transition (all 0.4s ease-in-out);
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
color: darken(@theme-color, 30%); color: darken($theme-color, 30%);
} }
&:focus { &:focus {
text-decoration: none; text-decoration: none;
@ -30,15 +29,15 @@ p {
} }
.wrapper { .wrapper {
background:@theme-color; background:$theme-color;
max-width: 1000px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
.box-shadow(0px 2px 4px rgba(0,0,0,0.1)); @include box-shadow(0px 2px 4px rgba(0,0,0,0.1));
} }
.sidebar-wrapper { .sidebar-wrapper {
background: @theme-color; background: $theme-color;
position: absolute; position: absolute;
right: 0; right: 0;
width: 280px; width: 280px;
@ -50,7 +49,7 @@ p {
} }
.profile-container { .profile-container {
padding: 30px; padding: 30px;
//background: darken(@theme-color, 10%); //background: darken($theme-color, 10%);
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
text-align: center; text-align: center;
color: #fff; color: #fff;
@ -71,7 +70,7 @@ p {
.profile { .profile {
margin-bottom: 15px; margin-bottom: 15px;
} }
.profile-img { .profile-img {
//used for profile image //used for profile image
max-width: 100px; max-width: 100px;
@ -137,7 +136,7 @@ p {
color: rgba(256, 256, 256, 0.6); color: rgba(256, 256, 256, 0.6);
} }
} }
.languages-list { .languages-list {
margin-bottom: 0; margin-bottom: 0;
li { li {
@ -147,7 +146,7 @@ p {
} }
} }
} }
.interests-list { .interests-list {
margin-bottom: 0; margin-bottom: 0;
li { li {
@ -167,7 +166,7 @@ p {
text-transform: uppercase; text-transform: uppercase;
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
color: darken(@theme-color, 15%); color: darken($theme-color, 15%);
position: relative; position: relative;
margin-top: 0; margin-top: 0;
margin-bottom: 20px; margin-bottom: 20px;
@ -177,8 +176,8 @@ p {
margin-right: 8px; margin-right: 8px;
display: inline-block; display: inline-block;
color: #fff; color: #fff;
.border-radius(50%); @include border-radius(50%);
background: darken(@theme-color, 15%); background: darken($theme-color, 15%);
text-align: center; text-align: center;
padding-top: 8px; padding-top: 8px;
font-size: 16px; font-size: 16px;
@ -190,7 +189,7 @@ p {
.section { .section {
margin-bottom: 60px; margin-bottom: 60px;
} }
.experiences-section, .educations-section { .experiences-section, .educations-section {
.item { .item {
margin-bottom: 30px; margin-bottom: 30px;
@ -202,7 +201,7 @@ p {
margin-bottom: 2px; margin-bottom: 2px;
} }
.job-title, .degree { .job-title, .degree {
color: @text-color; color: $text-color;
font-size: 16px; font-size: 16px;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -212,13 +211,13 @@ p {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
color: @text-grey; color: $text-grey;
} }
.company, .university { .company, .university {
margin-bottom: 10px; margin-bottom: 10px;
color: @text-grey; color: $text-grey;
} }
.project-title { .project-title {
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
@ -233,7 +232,7 @@ p {
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
.publication-title { .publication-title {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
@ -250,7 +249,7 @@ p {
.item { .item {
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
} }
@ -266,11 +265,11 @@ p {
} }
.level-bar { .level-bar {
height: 12px; height: 12px;
background: @smoky-white; background: $smoky-white;
} }
.level-bar-inner { .level-bar-inner {
height: 12px; height: 12px;
background: lighten(@theme-color, 15%); background: lighten($theme-color, 15%);
} }
} }
@ -281,12 +280,12 @@ p {
padding-top: 30px; padding-top: 30px;
.copyright { .copyright {
line-height: 1.6; line-height: 1.6;
color: @text-color-secondary; color: $text-color-secondary;
font-size: 13px; font-size: 13px;
}
.fa-heart {
color: @heart;
} }
} .fa-heart {
color: $heart;
}
}

View File

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

186
_sass/_mixins.scss Normal file
View File

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

View File

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

10
_sass/skins/_berry.scss Normal file
View File

@ -0,0 +1,10 @@
/* Berry variables */
$theme-color: #A15277;
$text-color: #3F4650;
$text-color-secondary: #545E6C;
$text-grey: #97AAC3;
$divider: #e8e8e8;
$lighter-grey: #ccc;
$darker-grey: #666;
$smoky-white: #f5f5f5;
$heart: #fb866a;

10
_sass/skins/_blue.scss Normal file
View File

@ -0,0 +1,10 @@
/* Blue variables */
$theme-color: #42A8C0;
$text-color: #3F4650;
$text-color-secondary: #545E6C;
$text-grey: #97AAC3;
$divider: #e8e8e8;
$lighter-grey: #ccc;
$darker-grey: #666;
$smoky-white: #f5f5f5;
$heart: #fb866a;

10
_sass/skins/_ceramic.scss Normal file
View File

@ -0,0 +1,10 @@
/* styles-6 variables */
$theme-color: #4B6A78;
$text-color: #3F4650;
$text-color-secondary: #545E6C;
$text-grey: #97AAC3;
$divider: #e8e8e8;
$lighter-grey: #ccc;
$darker-grey: #666;
$smoky-white: #f5f5f5;
$heart: #fb866a;

10
_sass/skins/_green.scss Normal file
View File

@ -0,0 +1,10 @@
/* Green variables */
$theme-color: #5BB66F;
$text-color: #3F4650;
$text-color-secondary: #545E6C;
$text-grey: #97AAC3;
$divider: #e8e8e8;
$lighter-grey: #ccc;
$darker-grey: #666;
$smoky-white: #f5f5f5;
$heart: #fb866a;

10
_sass/skins/_orange.scss Normal file
View File

@ -0,0 +1,10 @@
/* Orange variables */
$theme-color: #FDA246;
$text-color: #3F4650;
$text-color-secondary: #545E6C;
$text-grey: #97AAC3;
$divider: #e8e8e8;
$lighter-grey: #ccc;
$darker-grey: #666;
$smoky-white: #f5f5f5;
$heart: #fb866a;

View File

@ -0,0 +1,10 @@
/* Turquoise variables */
$theme-color: #4CAC9D;
$text-color: #3F4650;
$text-color-secondary: #545E6C;
$text-grey: #97AAC3;
$divider: #e8e8e8;
$lighter-grey: #ccc;
$darker-grey: #666;
$smoky-white: #f5f5f5;
$heart: #fb866a;

8
assets/css/main.scss Normal file
View File

@ -0,0 +1,8 @@
---
---
@charset "utf-8";
@import "skins/{{ site.theme_skin | default: 'blue' }}"; // skin
@import "default"; // main partials

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,85 +0,0 @@
/* styles.css */
@theme-color: #42A8C0;
@text-color: #3F4650;
@text-color-secondary: #545E6C;
@text-grey: #97AAC3;
@divider: #e8e8e8;
@lighter-grey: #ccc;
@darker-grey: #666;
@smoky-white: #f5f5f5;
@heart: #fb866a;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,84 +0,0 @@
/* styles-2.css */
@theme-color: #4CAC9D;
@text-color: #3F4650;
@text-color-secondary: #545E6C;
@text-grey: #97AAC3;
@divider: #e8e8e8;
@lighter-grey: #ccc;
@darker-grey: #666;
@smoky-white: #f5f5f5;
@heart: #fb866a;

View File

@ -1,81 +0,0 @@
/* styles-3.css */
@theme-color: #5BB66F;
@text-color: #3F4650;
@text-color-secondary: #545E6C;
@text-grey: #97AAC3;
@divider: #e8e8e8;
@lighter-grey: #ccc;
@darker-grey: #666;
@smoky-white: #f5f5f5;
@heart: #fb866a;

View File

@ -1,82 +0,0 @@
/* styles-4.css */
@theme-color: #A15277;
@text-color: #3F4650;
@text-color-secondary: #545E6C;
@text-grey: #97AAC3;
@divider: #e8e8e8;
@lighter-grey: #ccc;
@darker-grey: #666;
@smoky-white: #f5f5f5;
@heart: #fb866a;

View File

@ -1,83 +0,0 @@
/* styles-5.css */
@theme-color: #FDA246;
@text-color: #3F4650;
@text-color-secondary: #545E6C;
@text-grey: #97AAC3;
@divider: #e8e8e8;
@lighter-grey: #ccc;
@darker-grey: #666;
@smoky-white: #f5f5f5;
@heart: #fb866a;

View File

@ -1,83 +0,0 @@
/* styles-6.css */
@theme-color: #4B6A78;
@text-color: #3F4650;
@text-color-secondary: #545E6C;
@text-grey: #97AAC3;
@divider: #e8e8e8;
@lighter-grey: #ccc;
@darker-grey: #666;
@smoky-white: #f5f5f5;
@heart: #fb866a;