Index: lams_central/web/less/main.less =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/less/Attic/main.less,v diff -u -r1.1.2.2 -r1.1.2.3 --- lams_central/web/less/main.less 18 Feb 2017 16:22:22 -0000 1.1.2.2 +++ lams_central/web/less/main.less 9 Mar 2017 11:47:54 -0000 1.1.2.3 @@ -117,6 +117,7 @@ width: 100%; font-size: @footer-font-size; background-color: @footer-background-color; + border-radius: 0 0 6px 6px; } a { color: @lesson-name-link-color; @@ -233,25 +234,28 @@ line-height: 1em; } /*TOP HEADER*/ -.nav_menu { - float: left; +.top-nav { background: #EDEDED; border-bottom: 1px solid #D9DEE4; - margin-bottom: 10px; - width: 100%; + border-radius: 6px 6px 0 0; + height: 53px; } -.offcanvas-toggle-wrapper { +.offcanvas-toggle-header { float: left; margin: 0; padding: 15px 0 10px 7px; width: 70px; cursor: pointer; + border-radius: 3px; } @media (min-width: 768px) { - .offcanvas-toggle-wrapper { + .offcanvas-toggle-header { padding-top: 20px; padding-bottom: 15px; } + .top-nav { + height: 63px; + } } .offcanvas-toggle { padding: 15px 15px 0; @@ -261,25 +265,26 @@ .offcanvas-toggle i { font-size: 26px; } -.top_nav .navbar-right { +.top-nav .navbar-right { margin: 0; width: 70%; float: right; } -.top_nav .navbar-right li { +.top-nav .navbar-right li { display: inline-block; float: right; position: static; + border-radius: 3px; } @media (min-width: 480px) { - .top_nav .navbar-right li { + .top-nav .navbar-right li { position: relative; } } -.top_nav .dropdown-menu li { +.top-nav .dropdown-menu li { width: 100%; } -.top_nav li a i { +.top-nav li a i { font-size: 15px; } ul.dropdown-usermenu li { @@ -291,42 +296,43 @@ } /*TOP HEADER LINKS*/ -.offcanvas-toggle-wrapper:hover, ul.dropdown-usermenu li a:focus, ul.dropdown-usermenu li a:hover, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover { +.offcanvas-toggle-header:hover, ul.dropdown-usermenu li a:focus, ul.dropdown-usermenu li a:hover, .top-nav .nav > li > a:hover, .top-nav .nav .open > a, .top-nav .nav .open > a:focus, .top-nav .nav .open > a:hover { background: #D9DEE4; } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } .navbar-nav > li > a { font-weight: 500; - color: @nav-color !important; + color: @navbar-text-color !important; margin-left: 0 !important; line-height: 32px; + border-radius: 3px; } -.top_nav .dropdown-menu li a { +.top-nav .dropdown-menu li a { width: 100%; padding: 10px 20px; + border-radius: 3px; } -.top_nav .dropdown-menu li a i { +.top-nav .dropdown-menu li a i { padding-right: 15px; } .dropdown-menu a { cursor: pointer; + border-radius: 6px; } .navbar-nav .open .dropdown-menu { position: absolute; background: #fff; margin-top: 0; padding: 0 0 3px; border: 1px solid #D9DEE4; + border-radius: 6px; -webkit-box-shadow: none; right: 0; left: auto; width: 210px; } -.nav.navbar-nav > li > a { - color: @navbar-text-color !important; -} .user-profile img { width: 29px; height: 29px; @@ -362,7 +368,7 @@ .dialogContainer .modal-body { height : 100%; - max-height: calc(100% - 60px); + max-height: calc(100% - 38px); padding: 0; }