����JFIF��x�x����'
Server IP : 78.140.185.180 / Your IP : 216.73.216.203 Web Server : LiteSpeed System : Linux cpanel13.v.fozzy.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : builderbox ( 1072) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/builderbox/public_html/public/builder/templates/devaid/assets/css/ |
Upload File : |
/*! * Template Name: devAid - Bootstrpa 4 Theme for developers * Version: 2.1 * Author: Xiaoying Riley * Copyright: 3rd Wave Media * Twitter: @3rdwave_themes * Website: https://themes.3rdwavemedia.com/ */ /* ======= Base ======= */ body { font-family: 'Lato', arial, sans-serif; color: #444; 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: #50c8c9; } a { color: #50c8c9; -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: #36afb0; } .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 .svg-inline--fa, a.btn .svg-inline--fa { margin-right: 5px; } .btn:focus, a.btn:focus { color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a.btn-cta-primary, .btn-cta-primary { background: #1e6162; border: 1px solid #1e6162; color: #fff; font-weight: 600; text-transform: uppercase; } a.btn-cta-primary:hover, .btn-cta-primary:hover { background: #184e4e; border: 1px solid #184e4e; color: #fff; } a.btn-cta-secondary, .btn-cta-secondary { background: #ffbe57; border: 1px solid #ffbe57; color: #fff; font-weight: 600; text-transform: uppercase; } a.btn-cta-secondary:hover, .btn-cta-secondary:hover { background: #ffb43e; border: 1px solid #ffb43e; color: #fff; } .text-highlight { color: #1e6162; } .offset-header { padding-top: 90px; } pre code { font-size: 16px; } /* ======= Header ======= */ .header { padding: 10px 0; background: #50c8c9; color: #fff; position: fixed; width: 100%; } .header.navbar-fixed-top { background: #fff; z-index: 9999; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); } .header.navbar-fixed-top .logo a { color: #50c8c9; } .header .logo { margin: 0; font-size: 26px; padding-top: 10px; } .header .logo a { color: #fff; } .header .logo a:hover { text-decoration: none; } .header .main-nav .navbar-collapse { padding: 0; } .header .main-nav .navbar-toggler { margin-right: 0; margin-top: 0; background: none; float: right; margin-top: 8px; margin-bottom: 8px; padding: 8px 8px; right: 10px; top: 10px; background: #1e6162; } .header .main-nav .navbar-toggler:focus { outline: none; } .header .main-nav .navbar-toggler .icon-bar { display: block; background-color: #fff; height: 2px; width: 22px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .header .main-nav .navbar-toggler .icon-bar + .icon-bar { margin-top: 4px; } .header .main-nav .navbar-toggler:hover .icon-bar { background-color: #fff; } .header .main-nav .nav .nav-item { font-weight: bold; margin-right: 30px; font-family: 'Montserrat', sans-serif; } .header .main-nav .nav .nav-item .nav-link { color: #247575; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; font-size: 14px; padding: 15px 10px; } .header .main-nav .nav .nav-item .nav-link.active { color: #50c8c9; background: none; } .header .main-nav .nav .nav-item .nav-link:hover { color: #1e6162; background: none; } .header .main-nav .nav .nav-item .nav-link:focus { outline: none; background: none; } .header .main-nav .nav .nav-item .nav-link:active { outline: none; background: none; } .header .main-nav .nav .nav-item.last { margin-right: 0; } /* ======= Promo Section ======= */ .promo { background: #50c8c9; color: #fff; padding-top: 150px; } .promo .title { font-size: 98px; color: #1e6162; margin-top: 0; } .promo .title .highlight { color: #ffbe57; } .promo .intro { font-size: 28px; max-width: 680px; margin: 0 auto; margin-bottom: 30px; } .promo .btns .btn { margin-right: 15px; font-size: 18px; padding: 8px 30px; } .promo .meta { margin-top: 120px; margin-bottom: 30px; color: #2a8889; } .promo .meta li { margin-right: 15px; } .promo .meta a { color: #2a8889; } .promo .meta a:hover { color: #1e6162; } .promo .social-media { background: #309b9c; padding: 10px 0; margin: 0 auto; } .promo .social-media li { margin-top: 15px; } .promo .social-media li.facebook-like { margin-top: 0; position: relative; top: -5px; } /* ======= About Section ======= */ .about { padding: 80px 0; background: #f5f5f5; } .about .title { color: #1e6162; margin-top: 0; margin-bottom: 60px; } .about .intro { max-width: 800px; margin: 0 auto; margin-bottom: 60px; } .about .item { position: relative; margin-bottom: 30px; } .about .item .icon-holder { position: absolute; left: 30px; top: 0; } .about .item .icon-holder .svg-inline--fa { font-size: 24px; color: #1e6162; } .about .item .content { padding-left: 60px; } .about .item .content .sub-title { margin-top: 0; color: #1e6162; font-size: 18px; } /* ======= Features Section ======= */ .features { padding: 80px 0; background: #50c8c9; color: #fff; } .features .title { color: #1e6162; margin-top: 0; margin-bottom: 30px; } .features a { color: #1e6162; } .features a:hover { color: #123b3b; } .features .feature-list li { margin-bottom: 10px; color: #1e6162; } .features .feature-list li .svg-inline--fa { margin-right: 5px; color: #fff; } /* ======= Docs Section ======= */ .docs { padding: 80px 0; background: #f5f5f5; } .docs .title { color: #1e6162; margin-top: 0; margin-bottom: 30px; } .docs .docs-inner { max-width: 800px; background: #fff; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0 auto; } .docs .block { margin-bottom: 60px; } .docs .code-block { margin: 30px inherit; } .docs .code-block pre[class*="language-"] { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* ======= License Section ======= */ .license { padding: 80px 0; background: #f5f5f5; } .license .title { margin-top: 0; margin-bottom: 30px; color: #1e6162; } .license .license-inner { max-width: 800px; background: #fff; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0 auto; } .license .info { max-width: 760px; margin: 0 auto; } .license .cta-container { max-width: 540px; margin: 0 auto; margin-top: 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .license .cta-container .speech-bubble { background: #ecf9f9; color: #1e6162; padding: 30px; margin-bottom: 30px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .license .cta-container .speech-bubble:after { position: absolute; left: 50%; bottom: -10px; margin-left: -10px; content: ""; display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ecf9f9; } .license .cta-container .icon-holder { margin-bottom: 15px; } .license .cta-container .icon-holder .svg-inline--fa { font-size: 56px; } .license .cta-container .intro { margin-bottom: 30px; } /* ======= Contact Section ======= */ .contact { padding: 80px 0; background: #50c8c9; color: #fff; } .contact .contact-inner { max-width: 760px; margin: 0 auto; } .contact .title { color: #1e6162; margin-top: 0; margin-bottom: 30px; } .contact .intro { margin-bottom: 60px; } .contact a { color: #1e6162; } .contact a:hover { color: #123b3b; } .contact .author-message { position: relative; margin-bottom: 60px; } .contact .author-message .profile { position: absolute; left: 30px; top: 15px; width: 100px; height: 100px; } .contact .author-message .profile img { -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; } .contact .author-message .speech-bubble { margin-left: 155px; background: #44c4c5; color: #1e6162; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; } .contact .author-message .speech-bubble .sub-title { color: #1e6162; font-size: 16px; margin-top: 0; margin-bottom: 30px; } .contact .author-message .speech-bubble a { color: #fff; } .contact .author-message .speech-bubble:after { position: absolute; left: -10px; top: 60px; content: ""; display: inline-block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #44c4c5; } .contact .author-message .speech-bubble .source { margin-top: 30px; } .contact .author-message .speech-bubble .source a { color: #1e6162; } .contact .author-message .speech-bubble .source .title { color: #309b9c; } .contact .info .sub-title { color: #36afb0; margin-bottom: 30px; margin-top: 0; } .contact .social-icons { list-style: none; padding: 10px 0; margin-bottom: 0; display: inline-block; margin: 0 auto; } .contact .social-icons li { float: left; } .contact .social-icons li.last { margin-right: 0; } .contact .social-icons a { display: inline-block; background: #309b9c; width: 48px; height: 48px; text-align: center; font-size: 24px; -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; margin-right: 8px; float: left; } .contact .social-icons a:hover { background: #ffaa24; } .contact .social-icons a .svg-inline--fa { color: #fff; text-align: center; margin-top: 14px; font-size: 20px; } /* ======= Footer ======= */ .footer { padding: 15px 0; background: #123b3b; color: #fff; } .footer .copyright { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .footer .fa-heart { color: #fb866a; } @media (max-width: 767px) { .header .main-nav .navbar-collapse { border-top: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; left: 0; top: 60px; position: absolute; background: #fff; } .header .main-nav .navbar-collapse .navbar-nav { margin-left: 10px; } .header.navbar-fixed-top { height: 70px; } .promo .btns .btn { margin-right: 0; clear: both; display: block; margin-bottom: 30px; } .promo .title { font-size: 66px; } .promo .meta { margin-top: 60px; } .promo .meta li { float: none; display: block; margin-bottom: 5px; } .contact .author-message { text-align: center; } .contact .author-message .profile { position: static; margin: 0 auto; margin-bottom: 30px; } .contact .author-message .speech-bubble { margin-left: 0; } .contact .author-message .speech-bubble:after { display: none; } .contact .social-icons a { width: 36px; height: 36px; margin-right: 2px; font-size: 18px; } .contact .social-icons a .svg-inline--fa { margin-top: 7px; } }