cronapp-framework-js
Version:
Javascript library for CronApp's projects
1 lines • 4.38 kB
CSS
#view-canvas .main-view-vertical{margin-top:7.5vh}.padding-0{padding:0}@media only screen and (min-width:768px){.main-view-vertical{display:inline-block;width:75vw;margin-left:22vw;margin-top:5.5vh;margin-right:3vw}.crn-navigator-vertical{height:100%;width:19vw;position:fixed;float:left}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-header{padding-left:15px}}@media only screen and (min-width:768px){.col-md-12{width:100%}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>#navbar{width:100%}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar{height:inherit}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid{padding-right:0;padding-left:0;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fill-available}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid .navbar-collapse,.crn-navigator-vertical>.navbar>.container-fluid .navbar-header,.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse,.crn-navigator-vertical>.navbar>.container-fluid>.navbar-header{margin-right:0;margin-left:0}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-toggle{display:none}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse{padding-right:0;padding-left:0;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in{overflow-y:auto;display:block}}@media only screen and (min-width:768px){.crn-navigator-vertical>.fill>.component-holder>.navbar>.container-fluid>.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav{float:none;margin:0}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a{line-height:20px}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}}@media only screen and (min-width:768px){.crn-navigator-vertical .navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li{float:none}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu,.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,.crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:#282d57}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu{margin-left:11px}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right{float:none ;margin-right:0}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu{left:0;right:0}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img{margin-left:0;margin-top:0}}@media only screen and (min-width:768px){.crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img{margin-top:0}}