grav-theme-personal/assets/css/main.min.css

1 line
9.9 KiB
CSS
Executable File

body{margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;color:#434343;background:#dae3e7;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;font-weight:700;color:#778492}a{color:#3aaa64;text-decoration:none;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}a:hover{text-decoration:underline;color:#5f6b77;color:#2d844e}.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}.footer{text-align:center}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}pre{display:inline-block;overflow:auto;margin:0;padding:1em;background:#292d3e;border-radius:.5em}p>code,li>code,dd>code,td>code{background:#cfdee4;color:#457ff0;word-wrap:break-word;box-decoration-break:clone;padding:.1rem .3rem .2rem;border-radius:.2rem}code{font-size:.75em;color:#aab2c0;line-height:1.5}img.circle{border-radius:50%}img.rounded{border-radius:10%}img.drop{border-radius:50% 50% 50% 10%}a.button{display:inline-block;padding:.35em 1.2em;border:.1em solid #cdcdcd;margin:0 .3em .3em 0;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-weight:550;color:#ddd;text-align:center;transition:all .2s}a.button:hover{color:#fff;background-color:#ddd}.header{padding:30px 0;background:#f5f5f5;border-top:10px solid #778492}.header .btn{margin-top:60px;font-weight:700}.header .profile-image{margin-right:30px;display:block}.header .profile-content{display:inline-block;margin-right:30px}.header .profile-content .name{color:#49515a;font-size:38px;margin-bottom:5px;margin-top:30px}.header .profile-content .desc{color:#778492;font-family:lato,arial,sans-serif;font-weight:400;font-size:24px;margin-top:0;margin-bottom:15px}.header .profile-content .social a{width:36px;height:36px;display:inline-block;color:#bcd;text-align:center}.header .profile-content .social a:hover{color:#456}.header .profile-content .social a .fa{font-size:20px;padding-top:8px}.header .social ul{list-style:none;padding-left:0;margin-left:-5px;margin-bottom:10px}.header .social li{display:inline-block;padding-right:5px;padding-left:5px}.header .profile-bio{width:20em;display:inline-block}.header .profile-bio .biography{text-align:center;color:#778492}.lang-dropdown{position:absolute;left:90%}.current-lang{color:#778492}.lang-dropdown-menu{display:none;background-color:#fcfcfc;border-style:solid;border-width:1px;border-radius:15%;border-color:#aab7c5;border-radius:15%}.lang-dropdown-menu ul{list-style-type:none;padding:0;margin:0}.lang-dropdown-menu li{padding:0;margin:0;border-radius:15%}.lang-dropdown-menu a{color:#778492;text-decoration:none;padding:10px 30px}.lang-dropdown-menu li:hover{background:#e4e4e4}.lang-dropdown:hover .lang-dropdown-menu{display:block}.topmenu{background:#f5f5f5;position:relative;z-index:7;height:40px}.sticky{position:fixed;top:0;width:100%}.sticky+.content{padding-top:150px}.navbar{margin:0;height:1em;float:right}.navbar ul{list-style-type:none;float:right;margin:0;padding:0}.navbar li{float:left}.navbar li a{display:inline-block;margin:10px;color:#778492}.logo{float:left!important}.hidden{display:none}.mobile-menu{display:none;float:right}.button_container{height:40px;width:40px}.hamburger{display:block;width:100%;height:4px;border-radius:15%;background:#778492;transition:all .35s ease}.top{margin-top:8px}.middle{margin-top:6px}.bottom{margin-top:6px}.button_container.active .top{transform:translateY(10px)rotate(45deg);background:#aab7c5}.button_container.active .middle{opacity:0}.button_container.active .bottom{transform:translateY(-10px)rotate(-45deg);background:#aab7c5}.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:5}.overlay.open{display:block}.overlay-menu{position:relative;top:50px}.tree{list-style-type:none}.overlay.open .topmenu{position:fixed;top:0}.sections-wrapper{padding-top:60px;padding-bottom:60px}.section{margin-bottom:30px}.section .section-inner{background:#fff;padding:30px}.section .heading{margin-top:0;margin-bottom:30px;color:#545e69;font-size:24px}.section .content .more-link .fa{margin-right:5px;font-size:14px}.latest .item{margin-bottom:30px}.latest .item .title{font-size:18px;margin-top:0}.latest .item .title .label{margin-left:5px;font-size:12px}.latest .item .title a{color:#778492}.latest .item .title a:hover{color:#5f6b77}.latest .item .project-image:hover{-webkit-opacity:.8;-moz-opacity:.8;opacity:.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:#778492}.latest .featured img{margin-bottom:30px}.latest .featured .desc{margin-bottom:30px}.latest .featured-image{position:relative}.latest .featured-image .text{background:#3aaa64;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;font-size:15px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff;background-color:#479fc8;-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 .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}.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:#999;font-weight:400}.experience .item .title .place a{color:#999}.experience .item .title .place a:hover{color:#666}.experience .item .title .year{color:#999;font-weight:400}.ghfeed{height:600px}.ghfeed,.ghfeed *,.ghfeed *:before,.ghfeed *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.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 .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 .item{margin-bottom:30px}.testimonials .item:last-child{margin-bottom:0}.testimonials .item .quote{color:#666;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:#999}.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:#999;font-weight:600;padding-left:25px}.education .item .university .year{color:#b0b7bf;font-weight:500}.languages .item{margin-bottom:15px}.languages .item .title{color:#778492}.languages .item .level{color:#999}.languages .item:last-child{margin-bottom:0}.languages .item .fa{color:#79d19a}.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 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 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}.bricklayer{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:20px}@media(min-width:30em){.bricklayer{grid-template-columns:1fr 1fr}}@media(min-width:60em){.bricklayer{grid-template-columns:repeat(4,1fr)}}.card{box-shadow:0 0 3px #dddddd;margin:10px}.card:hover{box-shadow:0 0 30px -10px #dddddd;margin:10px}.card{width:100%;display:flex;flex-direction:column;align-items:flex-start}.card-header{width:100%;text-align:center}.card-header a{font-size:24px;font-weight:700;margin-top:15px;margin-bottom:15px;color:#75b79e}.card-body{width:100%}.card-footer{background:#f5f5f5;width:100%;margin-top:auto;font-size:12px;color:#ababab}.footer{background:#32383e;color:#fff;padding:10px 0}.footer .copyright{line-height:1.6;color:#a1aab4;font-size:14px}.footer a{color:#fff}.footer .fa-heart{color:#fb866a}@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 .profile-bio{float:none!important;width:100%}.header .btn{margin-top:30px;float:none!important}.project-image{margin-bottom:15px}.desktop-menu{display:none}.mobile-menu{display:inline}.lang-dropdown{left:78%}}@media(min-width:1400px){.container{width:1360px}}