Skouter mortgage estimates. Web application with view written in PHP and Vue, but controller and models in Go.
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

theme.min.css 14 KiB

1
  1. html{height:100%}#body-wrapper .container{padding:2rem 0 2rem}.header-fixed #body-wrapper{padding-top:4rem}.header-fixed .hero+#start>#body-wrapper{padding-top:0}section.section{position:relative;padding-right:1rem;padding-left:1rem}.overlay-dark,.overlay-dark-gradient,.overlay-light,.overlay-light-gradient{z-index:0}.hero{display:-ms-flexbox;display:flex;padding-top:6rem;padding-bottom:7rem;background-position:center;background-size:cover;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.hero h1{font-size:4rem;color:#242931}.hero h2{font-size:2.5rem;color:rgba(36,41,49,.8)}.hero.hero-fullscreen{min-height:100vh}.hero.hero-large{min-height:500px}.hero.hero-medium{min-height:400px}.hero.hero-small{min-height:110px}.hero.hero-tiny{min-height:8rem}.header-fixed .hero{background-position:50% 0}@media (max-width:840px){.hero h1{font-size:3rem}.hero h2{font-size:1.75rem}}@media (max-width:600px){.hero h1{font-size:2rem}.hero h2{font-size:1.25rem}}.hero.text-light h1{color:#fff}.hero.text-light h2{color:rgba(255,255,255,.8)}.hero p{font-size:.9rem;font-weight:300}.hero #to-start{font-size:2rem;position:absolute;bottom:10px;display:inline-block;cursor:pointer}.image-overlay{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0}.overlay-light .image-overlay{background:rgba(255,255,255,.4)}.overlay-light-gradient .image-overlay{background:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.2))}.overlay-dark .image-overlay{background:rgba(0,0,0,.4)}.overlay-dark-gradient .image-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.2))}html{font-size:16px}@media screen and (min-width:480px){html{font-size:calc(16px + 4 * ((100vw - 480px)/ 800))}}@media screen and (min-width:1280px){html{font-size:20px}}h1,h2,h3,h4,h5,h6{font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif;margin-top:2rem;color:#3a414e}.h1,h1{font-size:3rem}.h2,h2{font-size:1.8rem}.h6,h6{font-weight:400}.title-center h1,.title-center h2{text-align:center}.title-h1h2 h1{font-weight:100;line-height:1.1;margin-bottom:0}.title-h1h2 h1 bold,.title-h1h2 h1 strong{font-weight:400}.title-h1h2 h1+h2{line-height:1.1;margin-top:0}.title-center h1+h2,.title-h1h2 h1+h2{font-weight:700;margin-bottom:50px}a:focus{outline:0!important;box-shadow:none!important}img{max-width:100%}.table table{width:100%;border-spacing:0;border-collapse:collapse}pre code,pre.xdebug-var-dump{line-height:1.5;display:block;overflow-x:auto;padding:1rem!important;color:inherit;border-radius:2px;background:#fafafa}pre[class*=language-] code{overflow-x:initial;padding:0!important;border-radius:inherit}pre code:not(.hljs):not([class*=language-]){background:#f8f8f8}i.fa.fa-heart-o.pulse,i.fa.fa-heart.pulse{color:#920}b,strong{font-weight:700}.heavy{font-weight:700}.light{font-weight:200}.text-light{color:rgba(255,255,255,.8)}.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6{color:rgba(255,255,255,.9)}#error{position:relative;margin-top:5rem;text-align:center}#error .icon{font-size:50px}#messages{margin-bottom:1rem}#messages .icon{font-size:1rem}ol,ul{margin-left:1.6rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.6rem}ul{list-style:disc outside}ol{list-style:decimal outside}.notices{margin:1.5rem 0}.notices p{margin:1rem 0}form .button-wrapper{margin-top:.75rem;margin-bottom:1rem}form span.required{font-size:1.2rem;font-weight:700;color:#e85600}form .form-input[type=range]{-webkit-appearance:slider-horizontal;-moz-appearance:slider-horizontal;appearance:slider-horizontal}form .form-input[type=range]:focus{border:none;box-shadow:none}form .form-group:not(.form-field-toggleable) .checkboxes{display:inherit}form .form-group:not(.form-field-toggleable) .checkboxes label{display:inherit;margin:inherit;padding:.1rem .4rem .1rem 1.2rem}form .form-group:not(.form-field-toggleable) .checkboxes label:before{display:none}#grav-login>form{max-width:350px;margin:2rem auto 0}#grav-login .form-label{display:none}#grav-login .form-data{margin:1rem 0}#grav-login .form-input{text-align:center}#grav-login .button-wrapper{text-align:right}#grav-login .button-wrapper .form-data.rememberme{float:left;margin:0}#grav-login .login-form button[type=submit]{color:#fff;border-color:#227ded;background:#3085ee}#grav-login .login-form button[type=submit]:focus,#grav-login .login-form button[type=submit]:hover{color:#fff;border-color:#1370e3;background:#1877ec}#grav-login .login-form button[type=submit].active,#grav-login .login-form button[type=submit]:active{color:#fff;border-color:#126bd9;background:#1372e7}#grav-login .twofa-form button[type=submit]:first-child{float:right;margin-left:4px;color:#fff;border-color:#227ded;background:#3085ee}#grav-login .twofa-form button[type=submit]:first-child:focus,#grav-login .twofa-form button[type=submit]:first-child:hover{color:#fff;border-color:#1370e3;background:#1877ec}#grav-login .twofa-form button[type=submit]:first-child.active,#grav-login .twofa-form button[type=submit]:first-child:active{color:#fff;border-color:#126bd9;background:#1372e7}.mobile-container{position:absolute;z-index:2;top:40%;left:0;margin:0 auto}.mobile-logo img,.mobile-logo svg{height:42px;margin-top:.7rem;margin-left:1.4rem}.mobile-logo img path,.mobile-logo svg path{fill:#fff}.mobile-menu{z-index:3;top:0;right:0;display:none}.header-fixed .mobile-menu{position:fixed}@media (max-width:840px){.mobile-menu{display:block}}.mobile-menu .button_container{position:absolute;z-index:100;top:1.3rem;right:1rem;width:28px;height:24px;cursor:pointer;transition:opacity .25s ease,top .5s ease}.mobile-menu .button_container:hover{opacity:.7}.mobile-menu .button_container.active{position:fixed}.mobile-menu .button_container.active .top{transform:translateY(8px) translateX(0) rotate(45deg);background:#fff}.mobile-menu .button_container.active .middle{opacity:0;background:#fff}.mobile-menu .button_container.active .bottom{transform:translateY(-8px) translateX(0) rotate(-45deg);background:#fff}.mobile-menu .button_container span{position:absolute;top:0;left:0;width:100%;height:4px;cursor:pointer;transition:all .35s ease;border:none;background:#3085ee}.mobile-menu .button_container span:nth-of-type(2){top:8px}.mobile-menu .button_container span:nth-of-type(3){top:16px}.overlay{position:fixed;top:0;left:0;visibility:hidden;width:100%;height:0;transition:opacity .35s,visibility .35s,height .35s;opacity:0;background:#000}.overlay.open{visibility:visible;height:100%;opacity:.95}.overlay nav{position:relative;margin:0 auto;text-align:center}.overlay-menu{overflow-y:scroll;height:calc(100% - 90px)}.overlay-menu>.tree{text-align:left}.treemenu.treemenu-root{margin:1rem}.treemenu li{line-height:1.2rem;margin:0 0 1px;padding:5px 0;list-style:none;background:rgba(102,113,137,.1)}.treemenu li a{font-size:1rem;display:block;margin-left:1.2rem}.treemenu li a.active,.treemenu li a:focus,.treemenu li a:hover{text-decoration:none;color:#3e8def!important}.treemenu ul{margin:0 0 0 1rem}.treemenu .toggler{font-size:1.1rem;line-height:1rem;float:left;padding-left:5px;cursor:pointer;vertical-align:top}.treemenu .toggler:before{display:inline-block;margin-right:2pt}.treemenu li.tree-empty>.toggler{cursor:default;opacity:.3}.treemenu li.tree-empty>.toggler:before{content:'\2022'}.treemenu li.tree-closed>.toggler:before{content:'+'}.treemenu li.tree-opened>.toggler:before{content:'\2212'}.mobile-nav-open{overflow-y:hidden}#header,#header .logo img,#header .logo svg,#header .navbar-section,.default-animation,.modular-features .feature-icon,.modular-features.small .feature-icon i{transition:all .5s ease}.pulse{transform-origin:70% 70%;animation-name:pulse_animation;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes pulse_animation{0%{transform:scale(1)}30%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.05)}80%{transform:scale(1)}100%{transform:scale(1)}}#header{font-size:.7rem;font-weight:700;width:100%;height:4rem;color:#454d5d;border-bottom:1px solid rgba(172,179,194,.2);background:#fff}#header a{color:#454d5d}#header .logo svg path{fill:#222}.header-dark #header:not(.scrolled){color:#fff;background:#222}.header-dark #header:not(.scrolled) a{color:rgba(255,255,255,.7)!important}.header-dark #header:not(.scrolled) a.active{color:#fff!important}.header-dark #header:not(.scrolled) .dropmenu ul ul a{color:#454d5d!important}.header-dark #header:not(.scrolled) .logo svg path{fill:#fff}.header-dark.header-transparent #header:not(.scrolled){background:rgba(0,0,0,.05)}.header-transparent #header:not(.scrolled){background:rgba(255,255,255,.05)}#header .navbar-section{height:4rem}@media (max-width:840px){#header .navbar-section{margin-right:2rem}}@media (max-width:840px){#header .navbar-section.desktop-menu{display:none}}#header .logo img,#header .logo svg{display:inherit;height:42px}.header-fixed #header{position:fixed;z-index:2;top:0}body.header-fixed.header-animated #header.scrolled{height:2.3rem}body.header-fixed.header-animated #header.scrolled .navbar-section{height:2.3rem}body.header-fixed.header-animated #header.scrolled .logo img,body.header-fixed.header-animated #header.scrolled .logo svg{height:28px}body.header-fixed.header-animated #header.scrolled~.mobile-menu .button_container{top:.5rem}.login-status-wrapper{white-space:nowrap}body.sticky-footer{display:-ms-flexbox;display:flex;flex-direction:column;height:100%;min-height:100vh;-ms-flex-direction:column}body.sticky-footer #page-wrapper{-ms-flex:1 0 auto;flex:1 0 auto}#footer{padding:1rem 1rem 0;text-align:center;color:#acb3c2}@media (max-width:840px){.dropmenu{display:none}}.dropmenu ul{display:-ms-flexbox;display:flex;margin:0;white-space:nowrap}.dropmenu ul li{position:relative;margin:0}.dropmenu ul li a{display:block;padding:7px 30px 7px 20px;text-decoration:none}.dropmenu ul li a.active,.dropmenu ul li a:focus,.dropmenu ul li a:hover{color:#3085ee!important}.dropmenu ul li a:before{font-family:FontAwesome;display:inline-block;float:right;margin-right:-20px;content:'\f107';vertical-align:middle}.dropmenu ul li a:only-child{padding-right:20px}.dropmenu ul li a:only-child:before{content:''}.dropmenu ul li:hover>ul{display:block;visibility:visible}.dropmenu ul ul li a:before{content:'\f105'}.dropmenu ul ul{position:absolute;top:100%;visibility:hidden;list-style:none;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,.1)}.dropmenu ul ul ul{position:absolute;top:0;left:100%}.dropmenu>ul>li{display:inline-block}.dropmenu.animated ul li{transition:background .7s,color .5s}.dropmenu.animated ul li:hover>ul{transform:translateY(0);opacity:1}.dropmenu.animated ul ul{transition:transform .3s,opacity .5s;transform:translateY(-10px);opacity:0}.extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:1rem}@media (max-width:840px){.extra-spacing:not(.col-12),:not(.col12)>.e-content{padding-right:0}}#breadcrumbs{display:-ms-flexbox;display:flex;margin-top:-1rem;margin-bottom:1rem;padding-left:0;-ms-flex-align:center;align-items:center}#breadcrumbs i{display:none}#breadcrumbs a,#breadcrumbs span{padding:0 .5rem}#breadcrumbs a:first-child,#breadcrumbs span:first-child{padding-left:0}#breadcrumbs a:not(:first-child)::before,#breadcrumbs span:not(:first-child)::before{padding-right:1rem;content:'/';color:#e7e9ed}.blog-listing .bricklayer-column{padding-right:25px;padding-left:0}.blog-listing .card{margin-bottom:25px;border:0;box-shadow:0 10px 45px -9px rgba(0,0,0,.1)}.blog-listing .card-footer{text-align:right}.blog-listing .blog-date{font-size:13px}.content-title{margin-bottom:2rem}.content-title h2{margin-bottom:.5rem}.label{font-size:12px;text-transform:uppercase}ul.pagination{-ms-flex-pack:center;justify-content:center}.prev-next{margin-top:4rem}#sidebar ul.related-pages{z-index:1;padding:0;box-shadow:none}#sidebar ul.related-pages li{border-bottom:1px solid #e7e9ed}#sidebar ul.related-pages li:last-child{border-bottom:0}#sidebar ul.archives{margin-left:0;list-style:none}#sidebar ul.archives .label{vertical-align:text-top}.modular-hero #to-start{bottom:3.5rem}.modular-features{text-align:center}.modular-features.offset-box .frame-box{margin:-3rem -1.4rem 3rem;padding:1rem 1rem;background:#fff;box-shadow:0 0 75px 0 rgba(69,77,93,.1)}.modular-features.small .columns{margin-top:-1rem}.modular-features.small .column:hover .feature-icon i{color:#3085ee}.modular-features.small .feature-icon{display:block;-ms-flex-pack:left;justify-content:left}.modular-features.small .feature-icon i{font-size:70px;position:relative;top:auto;left:auto;display:inherit;margin:0 auto 1rem;transform:none;color:#acb3c2}.modular-features.small .feature-icon h6{text-transform:none}.modular-features .frame-box{padding:3rem 0}.modular-features .frame-box>p{max-width:600px;margin-right:auto;margin-left:auto}.modular-features .column{padding:1rem}.modular-features .column:hover .feature-icon{color:#acb3c2}.modular-features .column:hover .feature-icon h6{color:#3085ee}.modular-features .column:hover .feature-content{color:#667189}.modular-features .feature-icon{font-size:130px;position:relative;display:-ms-flexbox;display:flex;height:100px;margin:1rem 0;color:#e7e9ed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.modular-features .feature-icon i{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.modular-features .feature-icon h6{font-weight:600;line-height:1;z-index:1;display:block;margin:0;text-transform:uppercase;color:#667189;background:#fff}.modular-features .feature-content{color:#acb3c2}.modular-text{padding-top:4rem;padding-bottom:4rem}.modular-text .columns.left{flex-direction:row-reverse;-ms-flex-direction:row-reverse}