Last active
February 18, 2022 14:07
-
-
Save MelanX/da89e3ff0717709b53a938493c040629 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Template Name: Developer - Responsive Website Template for Developers | |
| * Version: 1.0 | |
| * Author: 3rd Wave Media | |
| * Twitter: @3rdwave_themes | |
| * License: Creative Commons Attribution 3.0 License | |
| * Website: http://themes.3rdwavemedia.com/ | |
| */ | |
| /* ======= Base ======= */ | |
| body { | |
| font-family: 'Lato', arial, sans-serif; | |
| color: #636363; | |
| background: #636363; | |
| font-size: 16px; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-family: 'Montserrat', sans-serif; | |
| font-weight: 700; | |
| color: #fff; | |
| } | |
| p { | |
| color: #fff; | |
| -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; | |
| } | |
| li { | |
| color: #fff; | |
| -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 { | |
| color: #fff; | |
| -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: #5f6b77; | |
| color: #2d844e; | |
| } | |
| .btn, | |
| a.btn { | |
| -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; | |
| font-family: 'Montserrat', arial, sans-serif; | |
| padding: 8px 16px; | |
| font-weight: bold; | |
| } | |
| .btn .fa, | |
| a.btn .fa { | |
| margin-right: 5px; | |
| } | |
| .btn:focus, | |
| a.btn:focus { | |
| color: #fff; | |
| } | |
| a.btn-cta-primary, | |
| .btn-cta-primary { | |
| background: #54ba4e; | |
| border: 1px solid #54ba4e; | |
| color: #fff; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| } | |
| a.btn-cta-primary:hover, | |
| .btn-cta-primary:hover { | |
| background: #49ac43; | |
| border: 1px solid #49ac43; | |
| color: #fff; | |
| } | |
| a.btn-cta-secondary, | |
| .btn-cta-secondary { | |
| background: #479fc8; | |
| border: 1px solid #479fc8; | |
| color: #fff; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| } | |
| a.btn-cta-secondary:hover, | |
| .btn-cta-secondary:hover { | |
| background: #3893bd; | |
| border: 1px solid #3893bd; | |
| color: #fff; | |
| } | |
| .text-highlight { | |
| color: #32383e; | |
| } | |
| .label-theme { | |
| background: #3aaa64; | |
| font-size: 12px; | |
| } | |
| a.dotted-link { | |
| border-bottom: 1px dotted #778492; | |
| color: #778492; | |
| } | |
| a.dotted-link:hover { | |
| text-decoration: none; | |
| color: #49515a; | |
| } | |
| /* | |
| iframe { | |
| .header { | |
| padding: 0; | |
| } | |
| } | |
| .iframe-wrapper { | |
| overflow: auto; | |
| -webkit-overflow-scrolling:touch; | |
| } | |
| */ | |
| /* ======= Header ======= */ | |
| .header { | |
| padding: 30px 0; | |
| background: #808080; | |
| border-top: 10px solid #778492; | |
| } | |
| .header .btn { | |
| margin-top: 60px; | |
| font-weight: bold; | |
| } | |
| .header .profile-image { | |
| margin-right: 30px; | |
| } | |
| .header .profile-content .name { | |
| color: #fff; | |
| font-size: 38px; | |
| margin-bottom: 5px; | |
| margin-top: 45px; | |
| } | |
| .header .profile-content .desc { | |
| color: #fff; | |
| font-family: "Lato", arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 24px; | |
| margin-top: 0; | |
| margin-bottom: 15px; | |
| } | |
| .header .profile-content .desc2 { | |
| color: #fff; | |
| font-family: "Lato", arial, sans-serif; | |
| font-weight: 400; | |
| font-size: 12px; | |
| margin-top: -13px; | |
| margin-bottom: 15px; | |
| } | |
| .header .profile-content .social a { | |
| background: #b0b7bf; | |
| width: 36px; | |
| height: 36px; | |
| display: inline-block; | |
| -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; | |
| color: #fff; | |
| text-align: center; | |
| } | |
| .header .profile-content .social a:hover { | |
| background: #778492; | |
| } | |
| .header .profile-content .social a .fa { | |
| font-size: 20px; | |
| padding-top: 8px; | |
| } | |
| /* ======= Sections======= */ | |
| .sections-wrapper { | |
| padding-top: 60px; | |
| padding-bottom: 60px; | |
| } | |
| .section { | |
| margin-bottom: 30px; | |
| } | |
| .section .section-inner { | |
| background: #A0A0A0 ; | |
| padding: 30px; | |
| } | |
| .section .heading { | |
| margin-top: 0; | |
| margin-bottom: 30px; | |
| color: #C0C0C0; | |
| font-size: 24px; | |
| } | |
| .section .content .more-link .fa { | |
| margin-right: 5px; | |
| font-size: 14px; | |
| } | |
| /* About Section */ | |
| /* Latest Section */ | |
| .latest .item { | |
| margin-bottom: 30px; | |
| } | |
| .latest .item .title { | |
| font-size: 18px; | |
| margin-top: 0; | |
| color: #fff | |
| } | |
| .latest .item .title .label { | |
| margin-left: 5px; | |
| font-size: 12px; | |
| } | |
| .latest .item .title a { | |
| color: #fff; | |
| } | |
| .latest .item .title a:hover { | |
| color: #5f6b77; | |
| } | |
| .latest .item .project-image:hover { | |
| -webkit-opacity: 0.8; | |
| -moz-opacity: 0.8; | |
| opacity: 0.8; | |
| } | |
| .latest .divider { | |
| margin-bottom: 60px; | |
| } | |
| .latest .featured { | |
| margin-bottom: 60px; | |
| } | |
| .latest .featured .title { | |
| margin-bottom: 5px; | |
| font-size: 20px; | |
| } | |
| .latest .featured .summary { | |
| margin-bottom: 30px; | |
| color: #C0C0C0; | |
| } | |
| .latest .featured img { | |
| margin-bottom: 30px; | |
| } | |
| .latest .featured .desc { | |
| margin-bottom: 30px; | |
| } | |
| .latest .featured-image { | |
| position: relative; | |
| } | |
| .latest .featured-image .text { | |
| background: #A0A0A0; | |
| color: #fff; | |
| } | |
| .latest .featured-image .ribbon { | |
| position: absolute; | |
| top: -4px; | |
| right: -4px; | |
| width: 110px; | |
| height: 110px; | |
| overflow: hidden; | |
| } | |
| .latest .featured-image .ribbon .text { | |
| font-family: 'Montserrat', sans-serif; | |
| position: relative; | |
| left: -8px; | |
| top: 18px; | |
| width: 158px; | |
| padding: 10px 10px; | |
| font-size: 15px; | |
| font-weight: bold; | |
| text-align: center; | |
| text-transform: uppercase; | |
| color: #fff; | |
| background-color: #A0A0A0; | |
| -webkit-transform: rotate(45deg) translate3d(0, 0, 0); | |
| -moz-transform: rotate(45deg) translate3d(0, 0, 0); | |
| -ms-transform: rotate(45deg) translate3d(0, 0, 0); | |
| -o-transform: rotate(45deg) translate3d(0, 0, 0); | |
| } | |
| .latest .featured-image .ribbon .text:before, | |
| .latest .featured-image .ribbon .text:after { | |
| content: ''; | |
| position: absolute; | |
| bottom: -5px; | |
| border-top: 5px solid #276582; | |
| border-left: 5px solid transparent; | |
| border-right: 5px solid transparent; | |
| } | |
| .latest .featured-image .ribbon .text:before { | |
| left: 0; | |
| } | |
| .latest .featured-image .ribbon .text:after { | |
| right: 0; | |
| } | |
| /* Projects Section */ | |
| .projects .item { | |
| margin-bottom: 30px; | |
| } | |
| .projects .item .title { | |
| font-size: 16px; | |
| margin-top: 0; | |
| margin-bottom: 5px; | |
| line-height: 1.5; | |
| } | |
| .projects .item .title a { | |
| color: #778492; | |
| } | |
| .projects .item .title a:hover { | |
| color: #5f6b77; | |
| } | |
| /* Work Section */ | |
| .experience .item { | |
| margin-bottom: 30px; | |
| } | |
| .experience .item .title { | |
| font-size: 16px; | |
| margin-top: 0; | |
| margin-bottom: 5px; | |
| line-height: 1.5; | |
| } | |
| .experience .item .title .place { | |
| color: #999999; | |
| font-weight: normal; | |
| } | |
| .experience .item .title .place a { | |
| color: #999999; | |
| } | |
| .experience .item .title .place a:hover { | |
| color: #666666; | |
| } | |
| .experience .item .title .year { | |
| color: #999999; | |
| font-weight: normal; | |
| } | |
| /* Git section */ | |
| .ghfeed { | |
| height: 600px; | |
| } | |
| .ghfeed, | |
| .ghfeed *, | |
| .ghfeed *:before, | |
| .ghfeed *:after { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| } | |
| /* Info Section */ | |
| .info .fa { | |
| margin-right: 15px; | |
| color: #ccd1d6; | |
| } | |
| .info .fa.fa-envelope-o { | |
| font-size: 14px; | |
| } | |
| .info ul { | |
| margin-bottom: 0; | |
| } | |
| .info li { | |
| margin-bottom: 15px; | |
| } | |
| .info li:last-child { | |
| margin-bottom: 0; | |
| } | |
| /* Skills Section */ | |
| .skills .intro { | |
| margin-bottom: 30px; | |
| } | |
| .skills .skillset .item { | |
| margin-bottom: 30px; | |
| } | |
| .skills .skillset .level-title { | |
| font-size: 16px; | |
| position: relative; | |
| margin-top: 0; | |
| margin-bottom: 10; | |
| } | |
| .skills .skillset .level-title .level-label { | |
| color: #ccd1d6; | |
| font-size: 14px; | |
| font-weight: 400; | |
| font-family: "Lato", arial, sans-serif; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| } | |
| .skills .skillset .level-bar { | |
| height: 15px; | |
| background: #e8e8e8; | |
| } | |
| .skills .skillset .level-bar-inner { | |
| height: 15px; | |
| background: #66cb8c; | |
| } | |
| /* Testimonials section */ | |
| .testimonials .item { | |
| margin-bottom: 30px; | |
| } | |
| .testimonials .item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .testimonials .item .quote { | |
| color: #666666; | |
| font-size: 16px; | |
| border-left-color: #9fdeb7; | |
| margin-bottom: 15px; | |
| } | |
| .testimonials .item .quote .fa { | |
| color: #79d19a; | |
| margin-right: 15px; | |
| } | |
| .testimonials .item .source { | |
| font-size: 14px; | |
| padding-left: 30px; | |
| font-weight: 500; | |
| } | |
| .testimonials .item .source .name { | |
| color: #939ea9; | |
| font-weight: 600; | |
| } | |
| .testimonials .item .source .title { | |
| color: #999999; | |
| } | |
| /* Education section */ | |
| .education .item { | |
| margin-bottom: 30px; | |
| } | |
| .education .item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .education .item .title { | |
| font-size: 16px; | |
| margin-top: 0; | |
| } | |
| .education .item .university { | |
| font-family: "Lato", arial, sans-serif; | |
| font-size: 13px; | |
| color: #999999; | |
| font-weight: 600; | |
| padding-left: 25px; | |
| } | |
| .education .item .university .year { | |
| color: #b0b7bf; | |
| font-weight: 500; | |
| } | |
| /* Language Section */ | |
| .languages .item { | |
| margin-bottom: 15px; | |
| } | |
| .languages .item .title { | |
| color: #778492; | |
| } | |
| .languages .item .level { | |
| color: #999999; | |
| } | |
| .languages .item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .languages .item .fa { | |
| color: #79d19a; | |
| } | |
| /* Blog Section */ | |
| .blog .item { | |
| margin-bottom: 30px; | |
| } | |
| .blog .item .title { | |
| font-size: 18px; | |
| line-height: 1.3; | |
| } | |
| .blog .item .title a { | |
| color: #778492; | |
| } | |
| .blog .item .title a:hover { | |
| color: #5f6b77; | |
| } | |
| .blog .item:last-child { | |
| margin-bottom: 0; | |
| } | |
| /* List section */ | |
| .list ul li { | |
| margin-bottom: 10px; | |
| } | |
| .list ul li .fa { | |
| margin-right: 5px; | |
| } | |
| .list ul li a { | |
| color: #778492; | |
| } | |
| .list ul li a:hover { | |
| color: #49515a; | |
| } | |
| /* Credits */ | |
| .credits ul li { | |
| margin-bottom: 10px; | |
| } | |
| .credits ul li .fa { | |
| margin-right: 5px; | |
| } | |
| .credits ul li a { | |
| color: #778492; | |
| } | |
| .credits ul li a:hover { | |
| color: #49515a; | |
| } | |
| .credits .btn { | |
| margin-bottom: 15px; | |
| } | |
| /* ======= Footer ======= */ | |
| .footer { | |
| background: #32383e; | |
| color: #C0C0C0; | |
| padding: 10px 0; | |
| } | |
| .footer .copyright { | |
| line-height: 1.6; | |
| color: #C0C0C0; | |
| font-size: 14px; | |
| } | |
| .footer a { | |
| color: #C0C0C0; | |
| } | |
| .footer .fa-heart { | |
| color: #BDB76B; | |
| } | |
| /* Extra small devices (phones, less than 768px) */ | |
| @media (max-width: 767px) { | |
| .header { | |
| text-align: center; | |
| } | |
| .header .profile-image { | |
| float: none !important; | |
| margin: 0 auto; | |
| } | |
| .header .profile-content { | |
| float: none !important; | |
| text-align: center; | |
| } | |
| .header .btn { | |
| margin-top: 30px; | |
| float: none !important; | |
| } | |
| .project-image { | |
| margin-bottom: 15px; | |
| } | |
| } | |
| /* Small devices (tablets, 768px and up) */ | |
| /* Medium devices (desktops, 992px and up) */ | |
| /* Large devices (large desktops, 1200px and up) */ | |
| /* Ex-Large devices (large desktops, 1200px and up) */ | |
| @media (min-width: 1400px) { | |
| .container { | |
| width: 1360px; | |
| } | |
| } | |
| .responsive-video iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .responsive-video { | |
| position: relative; | |
| padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ | |
| padding-top: 0px; | |
| height: 0; | |
| overflow: hidden; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment