-
Notifications
You must be signed in to change notification settings - Fork 0
/
proto-app-style.min.css
3 lines (3 loc) · 8.03 KB
/
proto-app-style.min.css
1
2
3
body{margin:0!important}.proto-grid-container{width:1300px;margin-left:auto;margin-right:auto;position:relative;padding-left:20px;box-sizing:border-box;overflow-x:hidden}.proto-col{display:inline-table;margin-right:20px;position:relative;float:left;box-sizing:border-box}.col-1{width:60px}.col-2{width:140px}.col-3{width:220px}.col-4{width:300px}.col-5{width:380px}.col-6{width:460px}.col-7{width:540px}.col-8{width:620px}.col-9{width:700px}.col-10{width:780px}.col-11{width:860px}.col-12{width:940px}.col-13{width:1020px}.col-14{width:1100px}.col-15{width:1180px}.col-16{width:1260px}.col-1.parent-col{width:80px}.col-2.parent-col{width:160px}.col-3.parent-col{width:240px}.col-4.parent-col{width:320px}.col-5.parent-col{width:400px}.col-6.parent-col{width:480px}.col-7.parent-col{width:560px}.col-8.parent-col{width:640px}.col-9.parent-col{width:720px}.col-10.parent-col{width:800px}.col-11.parent-col{width:880px}.col-12.parent-col{width:960px}.col-13.parent-col{width:1040px}.col-14.parent-col{width:1120px}.col-15.parent-col{width:1200px}.col-16.parent-col{width:1280px}.parent-col{margin-right:0!important;margin-bottom:0!important;background:transparent!important}.col-1.pull-left-col{width:80px}.col-2.pull-left-col{width:160px}.col-3.pull-left-col{width:240px}.col-4.pull-left-col{width:320px}.col-5.pull-left-col{width:400px}.col-6.pull-left-col{width:480px}.col-7.pull-left-col{width:560px}.col-8.pull-left-col{width:640px}.col-9.pull-left-col{width:720px}.col-10.pull-left-col{width:800px}.col-11.pull-left-col{width:880px}.col-12.pull-left-col{width:960px}.col-13.pull-left-col{width:1040px}.col-14.pull-left-col{width:1120px}.col-15.pull-left-col{width:1200px}.col-16.pull-left-col{width:1280px}.pull-left-col{margin-left:-20px;padding-left:20px}.col-1-offset{margin-left:80px;padding-left:0}.col-2-offset{margin-left:140px;padding-left:20px}.col-3-offset{margin-left:220px;padding-left:20px}.col-4-offset{margin-left:300px;padding-left:20px}.col-5-offset{margin-left:380px;padding-left:20px}.col-6-offset{margin-left:460px;padding-left:20px}.col-7-offset{margin-left:540px;padding-left:20px}.col-8-offset{margin-left:620px;padding-left:20px}.col-9-offset{margin-left:700px;padding-left:20px}.col-10-offset{margin-left:780px;padding-left:20px}.col-11-offset{margin-left:860px;padding-left:20px}.col-12-offset{margin-left:940px;padding-left:20px}.col-13-offset{margin-left:1020px;padding-left:20px}.col-14-offset{margin-left:1100px;padding-left:20px}.col-15-offset{margin-left:1180px;padding-left:20px}.col-16-offset{margin-left:1260px;padding-left:20px}@media only screen and (max-width:500px){.proto-grid-container{width:100%;padding-left:0}.col-7{width:300px}.col-16{width:100%}.col-7{margin-left:50%;transform:translate(-50%,0)}.col-4{margin-left:50%;transform:translate(-50%,0)}.col-3{width:300px;margin-left:50%;transform:translate(-50%,0)}.col-2{width:300px;margin-left:50%;transform:translate(-50%,0)}div.col-2> div:nth-of-type(even){margin-right:0}}
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700|Cabin:400,500,700);body{margin:0}.proto-container{margin-left:auto;margin-right:auto;width:1260px}.client-brand-cover{width:1260px;height:160px;background:white;position:relative}.small-cover{height:70px}.client-indian-express{background:black}.position-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.position-left{position:absolute;left:20px;top:50%;transform:translate(0%,-50%)}.position-right{position:absolute;right:20px;top:50%;transform:translate(0%,-50%)}.proto-verticals-navbar{height:70px;width:1260px;color:white;padding:0 20px;box-sizing:border-box;position:relative;background:linear-gradient(to bottom,#333,rgba(51,51,51,0));z-index:999;position:absolute;top:70px}.client-brand-cover .client-logo a img{height:40px}.home-page-layout{position:absolute;left:50%;transform:translate(-50%,0%)}.proto-vertical-name{font-family:"bitter";font-size:20px;letter-spacing:0;display:inline-block;float:left;line-height:70px;margin-right:25px;font-weight:bold}.proto-vertical-name a{text-decoration:none;color:white}.home-page-layout .proto-vertical-name{padding:0 30px;margin:0}.page-navigation-options a{color:white;opacity:0.4;font-family:"cabin";font-size:12px;font-weight:100;line-height:70px;text-decoration:none}.page-nav-single-option a{padding:0 15px;display:inline-block;float:left;font-size:14px;opacity:0.5;text-transform:uppercase}h1.navbar-project-title{display:inline-block;margin:0;font-size:inherit}.single-link{float:left;padding:7px 15px;opacity:0.5;font-family:cabin;font-size:14px}.social{line-height:50px}.social .single-link{opacity:0.8}.social .single-link:hover{opacity:1}.right-float-div{float:right}.active-page{opacity:1!important}.single-link a{color:inherit;text-decoration:none}.right-float-div{float:right}.chevron.down.icon{font-size:12px;margin-left:10px;height:15px;line-height:17px;vertical-align:middle}.pnav-options.single-pnav-option{position:absolute;max-height:0;top:70px;left:0;height:0;border-radius:4px;overflow:hidden;-webkit-transition:max-height 500ms ease-out;-moz-transition:max-height 500ms ease-out;transition:max-height 500ms ease-out;background:rgba(51,51,51,0.5);left:0;z-index:1}.pnav-options.single-pnav-option.open-navbar{max-height:1000px;height:auto}.pnav-options.single-pnav-option.open-navbar .proto-vertical-name{line-height:50px}.homepage-nav-item{padding:15px 0;text-align:center}.home-header-nav{padding-left:20px;margin-right:30px}.page-navigation-options a:hover,.homepage-nav-item a:hover{opacity:1}.fixed-cover-block{background:rgba(51,51,51,0.75);color:white;height:430px;width:100%;display:inline-block;position:relative;margin-bottom:20px;overflow:hidden}.fixed-cover-block-small{height:250px}.fixed-cover-block-small .page-title p{font-size:14px;line-height:19px}.title-with-black-fade{background:black}.proto-hide{display:none!important}.branding{float:left;font-family:'Bitter',serif;font-size:20px;margin-right:25px;color:white!important}.mobile-navigation{display:none}.proto-vertical-name.home-header-nav{width:100%}.proto-vertical-name.home-header-nav a{display:inline-block;width:100%}@media only screen and (max-width:500px){.client-brand-cover{width:100%}.client-brand-cover .client-logo a img{max-width:300px;max-height:40px}.navbar,.proto-verticals-navbar{display:none}.mobile-navigation{display:block;width:100%;color:white;height:70px;padding:20px;box-sizing:border-box;background:linear-gradient(to bottom,#333,rgb(102,102,102));font-family:'Cabin',sans-serif;font-size:12px;text-transform:uppercase;z-index:999}.hamburger-icon{margin-top:7px}.single-link{width:100%;border-bottom:1px solid #efefef;color:#333;text-align:center;box-sizing:border-box;height:50px;padding:15px;opacity:0.5}.single-link a{color:inherit;text-decoration:none}.active-page{opacity:1}.nav-links{margin-left:50%;margin-top:50%;transform:translate(-50%,0%)}.mobile-navigations-screen{background:#fafafa;height:100vh;width:100vw;position:fixed;top:0;right:-100vw;z-index:999!important;transition:0.5s ease-in}.mobile-navigations-screen-slide-in{right:0vw;transition:0.5s ease-in}.close-icon{color:black;margin-right:20px;margin-top:20px}.close-icon i.icon.remove:before{font-size:24px!important;font-weight:100!important}.mobile-navigations-screen .bottom-pull-div{position:absolute;text-align:center;display:inline-block;left:50%;transform:translate(-50%,0);bottom:50px;position:absolute}.social .single-link{margin-left:0;display:inline-block;float:left;width:auto;border:0;opacity:1}.pnav-options.single-pnav-option{min-width:165px}.proto-vertical-name.home-header-nav{width:100%;background:#656565}.proto-vertical-name.home-header-nav a{display:inline-block;width:100%}}
.proto-app-scroll-to-top{display:none;width:50px;height:50px;position:fixed;right:20px;bottom:20px;font-size:42px;opacity:0.1;border:2px solid;background:white;border-radius:50px}.proto-app-scroll-to-top:hover{cursor:pointer;opacity:0.2;background:black;color:white;border:2px solid black}.proto-app-scroll-to-top.proto-app-show{display:block}.angle.up.icon{margin:0}.proto-black-background{height:100%;width:100%;position:absolute;left:0;top:0;background-image:linear-gradient(253deg,rgba(51,51,51,0.2),rgba(51,51,51,0.8))}