From eefa784cb1b05f5a3d1242ba1b7f3d0155d54be6 Mon Sep 17 00:00:00 2001 From: James O'Toole Date: Fri, 4 Oct 2024 09:59:10 -0700 Subject: [PATCH] Update navbar mobile trigger Correct accessibility issue in CLF --- css/clf.7.local.css | 10 ++++++---- css/clf.7.local.min.css | 2 +- src/css/clf.7.local.css | 10 ++++++---- templates/includes/header.clf7.html.twig | 4 ++-- 4 files changed, 15 insertions(+), 11 deletions(-) diff --git a/css/clf.7.local.css b/css/clf.7.local.css index 83e9353..19cd177 100644 --- a/css/clf.7.local.css +++ b/css/clf.7.local.css @@ -497,12 +497,14 @@ a#ubc7-global-utility-no-script { } #ubc7-unit .btn-navbar { - width: 32px; - height: 24px; - margin-top: -9px; - padding: 11px 0 0 13px; border: 0; background: #fff; + height: 35px; + width: 45px; + box-sizing: border-box; + display: block; + margin-top: 0; + padding: 11px 13px; } .show-faculty #ubc7-unit .btn-navbar { diff --git a/css/clf.7.local.min.css b/css/clf.7.local.min.css index 117cf4b..b1e28ad 100644 --- a/css/clf.7.local.min.css +++ b/css/clf.7.local.min.css @@ -1 +1 @@ -.js-bootstrap .collapse:not(.show):not(.in){display:none}.collapsing{height:0;overflow:hidden;position:relative;transition:height .35s ease}.collapse.in,.collapse.show{height:auto}.dropdown-menu.show,.open>.dropdown-menu{display:block!important}body{background-color:#ccc;margin:0}body.layout--full-width,body.layout--full-width-left{background-color:#fff}#ubc7-footer,#ubc7-global-menu,#ubc7-header,#ubc7-unit,#ubc7-unit-menu{box-sizing:initial;font-family:Arial,sans-serif!important}.dialog-off-canvas-main-canvas>.container{background-color:#fff;width:100%}#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{padding:0 20px}#ubc7-footer .clf-container:after,#ubc7-footer .clf-container:before,#ubc7-global-menu .clf-container:after,#ubc7-global-menu .clf-container:before,#ubc7-header .clf-container:after,#ubc7-header .clf-container:before,#ubc7-unit .clf-container:after,#ubc7-unit .clf-container:before,#ubc7-unit-menu .clf-container:after,#ubc7-unit-menu .clf-container:before,.row-fluid:after,.row-fluid:before{content:" ";display:table}#ubc7-footer .clf-container:after,#ubc7-global-menu .clf-container:after,#ubc7-header .clf-container:after,#ubc7-unit .clf-container:after,#ubc7-unit-menu .clf-container:after,.row-fluid:after{clear:both}#ubc7-global-menu{background-color:#fff;box-shadow:inset 0 -60px 60px -60px #ccc}#ubc7-search{background-color:#d7e0e7;height:90px;text-align:center;width:100%}#ubc7-search-box{padding-top:30px}#ubc7-search-box .form-search{margin:0 0 20px}#ubc7-search-box input{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-sizing:initial;color:#555;font-size:16px;height:20px;padding:4px 3px;transition:border .2s linear,box-shadow .2s linear;width:270px}#ubc7-footer .btn,#ubc7-global-menu .btn,#ubc7-header .btn,#ubc7-search-box input,#ubc7-unit .btn,#ubc7-unit-menu .btn{display:inline-block;line-height:20px;margin-bottom:0;vertical-align:middle}#ubc7-footer .btn,#ubc7-global-menu .btn,#ubc7-header .btn,#ubc7-unit .btn,#ubc7-unit-menu .btn{background-color:#002145;background-image:linear-gradient(180deg,#002145,#191938);background-image:-moz-linear-gradient(top,#002145,#191938);background-repeat:repeat-x;border:1px solid #002145;border-radius:0;box-shadow:inset 0 1px 0 #fff3,0 1px 2px #0000000d;color:#fff;cursor:pointer;filter:progid:dximagetransform.microsoft.gradient(startColorstr="#002145",endColorstr="#191938",GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);font-size:14px;padding:4px 12px;text-align:center;text-decoration:none;text-shadow:none}#ubc7-footer .btn:active,#ubc7-footer .btn:hover,#ubc7-global-menu .btn:active,#ubc7-global-menu .btn:hover,#ubc7-header .btn:active,#ubc7-header .btn:hover,#ubc7-unit .btn:active,#ubc7-unit .btn:hover,#ubc7-unit-menu .btn:active,#ubc7-unit-menu .btn:hover{background-color:#2f5d7c;background-position:0 -200px;border-color:#2f5d7c;color:#fff;transition:background-position .1s linear}#ubc7-global-header .row-fluid{padding-bottom:30px;padding-top:10px}#ubc7-global-header ul{box-sizing:initial;margin:0 0 10px}#ubc7-global-header .reverse:after,#ubc7-global-header .reverse:before{content:" ";display:table}#ubc7-global-header .reverse:after{clear:both}#ubc7-global-header li{border-bottom:1px solid #d7e0e7;display:block;float:left;height:30px;line-height:24px;margin:10px 1% 0;width:48%}#ubc7-global-header a{color:#002145;font-size:12px;text-decoration:none}#ubc7-global-header a:hover{text-decoration:underline}#ubc7-header{background-color:#fff;border-top:3px solid #002145}.legacy--wb #ubc7-header{background-color:#002145;border-top:3px solid #fff}.legacy--gw #ubc7-header{border-top:3px solid #2f5d7c}.legacy--wg #ubc7-header{background-color:#2f5d7c;border-top:3px solid #fff}#ubc7-header .span1,#ubc7-header .span9{box-sizing:border-box;display:block;height:95px;min-height:30px}#ubc7-header .span1,#ubc7-header .span2{display:none}#ubc7-logo,#ubc7-wordmark{height:100%}.ubc7-campus{bottom:17px;cursor:pointer;display:block;float:left;height:18px;left:35px;overflow:hidden;position:absolute;width:100px}#ubc7-vancouver-campus{background-position:-1319px -301px}#ubc7-okanagan-campus{background-position:-1319px -329px}#ubc7-global-utility button span,#ubc7-global-utility-no-script,#ubc7-logo,#ubc7-okanagan-campus,#ubc7-signature a,#ubc7-vancouver-campus,#ubc7-wordmark-block,.ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-blue.png);background-repeat:no-repeat}.legacy--wb #ubc7-global-utility button span,.legacy--wb #ubc7-global-utility-no-script,.legacy--wb #ubc7-logo,.legacy--wb #ubc7-okanagan-campus,.legacy--wb #ubc7-signature a,.legacy--wb #ubc7-vancouver-campus,.legacy--wb #ubc7-wordmark-block,.legacy--wb .ubc7-arrow,.legacy--wg #ubc7-global-utility button span,.legacy--wg #ubc7-global-utility-no-script,.legacy--wg #ubc7-logo,.legacy--wg #ubc7-okanagan-campus,.legacy--wg #ubc7-signature a,.legacy--wg #ubc7-vancouver-campus,.legacy--wg #ubc7-wordmark-block,.legacy--wg .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-white.png);background-repeat:no-repeat}.legacy--gw #ubc7-global-utility button span,.legacy--gw #ubc7-global-utility-no-script,.legacy--gw #ubc7-logo,.legacy--gw #ubc7-okanagan-campus,.legacy--gw #ubc7-signature a,.legacy--gw #ubc7-vancouver-campus,.legacy--gw #ubc7-wordmark-block,.legacy--gw .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-grey.png);background-repeat:no-repeat}#ubc7-global-utility button,#ubc7-logo a,#ubc7-wordmark a{display:block;height:100%;width:100%}#ubc7-global-utility button span,#ubc7-logo a,#ubc7-signature a,#ubc7-wordmark a,.hide-text,.ubc7-campus{overflow:hidden;text-indent:200%;white-space:nowrap}#ubc7-wordmark-block{background-position:-2px -276px;background-size:auto;border-left:0;position:relative}#ubc7-wordmark{background:0;width:70%!important}#ubc7-wordmark a{height:80%}#ubc7-global-utility button{background:#0000;border:0;box-shadow:0 0;cursor:pointer;display:block;height:44px;margin-right:0;padding:0;position:absolute;right:0;top:0;width:45px}#ubc7-global-utility button span{background-color:#002145;background-position:-1229px -291px}.legacy--wg #ubc7-global-utility button span{background-position:-1229px -324px}#ubc7-global-utility button span,a#ubc7-global-utility-no-script{cursor:pointer;display:block;height:33px;position:relative;top:-6px;width:45px}.legacy--wb #ubc7-global-utility button span,.legacy--wb #ubc7-global-utility button span.opened,.legacy--wb a#ubc7-global-utility-no-script,.legacy--wg #ubc7-global-utility button span,.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg a#ubc7-global-utility-no-script{background-color:#fff}.legacy--gw #ubc7-global-utility button span,.legacy--gw #ubc7-global-utility button span.opened,.legacy--gw a#ubc7-global-utility-no-script{background-color:#2f5d7c}#ubc7-global-utility button span.opened,#ubc7-global-utility button[aria-expanded=true] span{background-position:-1163px -291px}.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg #ubc7-global-utility button[aria-expanded=true] span{background-position:-1163px -324px}#ubc7-unit{height:50px;overflow:hidden;width:100%}#ubc7-unit .clf-container{height:100%}#ubc7-unit .navbar{float:right}#ubc7-unit .btn-navbar{background:#fff;border:0;height:24px;margin-top:-9px;padding:11px 0 0 13px;width:32px}.show-faculty #ubc7-unit .btn-navbar{margin-top:3px}#ubc7-unit .btn-navbar.active,#ubc7-unit .btn-navbar.disabled,#ubc7-unit .btn-navbar:active,#ubc7-unit .btn-navbar:hover,#ubc7-unit .btn-navbar[disabled]{background:#fff;box-shadow:1px 1px 1px #191938}#ubc7-unit .btn-navbar .icon-bar{background:#002145;border-radius:1px;box-shadow:0 1px 0 #00000040;display:block;height:2px;width:18px}#ubc7-unit .btn-navbar .icon-bar+.icon-bar{margin-top:3px}#ubc7-unit-name{font-size:12px;font-weight:400;margin-right:55px;margin-top:4px}#ubc7-unit-name a,#ubc7-unit-name a:hover{color:#fff;display:block;line-height:20px;text-decoration:none!important}#ubc7-unit .ubc7-single-element a{margin-top:16px}.ubc7-single-element a #ubc7-unit-faculty{display:none!important}#ubc7-unit-name a .shorten{font-size:16px!important}#ubc7-unit-name a .shorten-more{font-size:13px!important;white-space:normal!important}#ubc7-unit-name a .multi-rows{line-height:15px}#ubc7-unit-identifier{font-size:18px;letter-spacing:1px;overflow:hidden;white-space:nowrap}#ubc7-unit-faculty{display:block}#ubc7-unit-menu,#ubc7-unit-menu .navbar-inner{background:#fff;overflow:visible}#ubc7-unit-menu .nav{list-style:none;margin:0;padding-left:0}#ubc7-unit-navigation{box-shadow:0 3px 6px #ccc;margin-left:-20px;margin-right:-20px;position:relative}#ubc7-unit-menu .navbar-inner{background:#fff}#ubc7-unit-menu li{border-bottom:1px solid #c3d0db;line-height:20px}#ubc7-unit-menu .btn-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap;width:100%}#ubc7-unit-menu .btn-group .btn{background:#fff;border:0;border-bottom:1px solid #c3d0db;color:#002145;display:block;margin-right:40px;padding-left:20px;text-align:left}@media screen and (max-width:979px){#ubc7-unit-menu .menu-item--active-trail>.btn-group>.btn:not(.dropdown-toggle){background:#d7e0e7;box-shadow:inset 0 3px 8px rgba(0,0,0,.125)}#ubc7-unit-menu .menu-item--active-trail>.btn-group:hover>.btn:not(.dropdown-toggle){background:#002145;color:#fff}}#ubc7-unit-menu .btn-group:hover .btn{background:#002145;color:#fff}#ubc7-unit-menu .dropdown .btn-group .btn,#ubc7-unit-menu .dropdown .btn-group button{background-image:none;border-radius:0;box-shadow:0 0 0 #0000;box-sizing:border-box;height:41px;line-height:40px;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0;z-index:1}#ubc7-unit-menu .dropdown .btn-group a.btn{display:block;margin-right:0;padding-left:20px;text-align:left}#ubc7-unit-menu .dropdown .btn-group button,#ubc7-unit-menu .dropdown .btn-group:hover button{border-left:1px solid #c3d0db!important;height:41px!important;margin-right:0;padding-left:0;padding-right:0;position:absolute;right:0;top:0;width:40px}#ubc7-unit-menu .dropdown .btn-group button:hover{background-color:#193056!important}#ubc7-unit-menu .dropdown .btn-group button .ubc7-arrow{background-position:-1178px -261px!important;display:inline-block;height:15px;margin-left:11px;margin-top:0;text-decoration:inherit;vertical-align:text-top;width:15px}#ubc7-unit-menu .dropdown .btn-group.open button .ubc7-arrow{background-position:-1207px -261px!important}#ubc7-unit-menu .dropdown .btn-group.open:hover button .ubc7-arrow,#ubc7-unit-menu .dropdown .btn-group:hover button .ubc7-arrow{background-position:-1178px -227px!important}#ubc7-unit-menu .nav-collapse .dropdown-menu{background-color:initial;border:0;border-radius:0;box-shadow:none;display:none;font-size:14px;left:auto;max-width:none;padding:0;position:static;top:auto}#ubc7-unit-menu .nav-collapse .is-open>.dropdown-menu,#ubc7-unit-menu .nav-collapse .open>.dropdown-menu{display:block}#ubc7-unit-menu .btn-group>.btn,#ubc7-unit-menu .btn-group>.dropdown-menu{font-size:14px}#ubc7-unit-menu .nav-collapse .dropdown-menu a,#ubc7-unit-menu .nav-collapse .nav>li>a{color:#002145;display:block;font-size:14px;line-height:20px;text-decoration:none;white-space:nowrap}#ubc7-unit-menu .nav-collapse .nav>li>a{padding:10px 20px}#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu a{padding:9px 25px 9px 35px}#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover,#ubc7-unit-menu .nav-collapse .nav>li>a:hover{background-color:#002145;color:#fff;text-decoration:none}#ubc7-unit-menu .nav>li.menu-item--active-trail>.btn-group,#ubc7-unit-menu .nav>li.menu-item--active-trail>a,#ubc7-unit-menu .nav>li>a.is-active{background:#d7e0e7;box-shadow:inset 0 3px 8px rgba(0,0,0,.125)}#ubc7-unit-menu .nav>li.menu-item--active-trail>.btn-group:hover,#ubc7-unit-menu .nav>li.menu-item--active-trail>a:hover,#ubc7-unit-menu .nav>li>a.is-active:hover{background:#002145;color:#fff}#ubc7-unit-menu .dropdown .dropdown-menu .nav-header{color:#193056;display:block;font-size:11px;font-weight:700;line-height:20px;margin-top:9px;padding:3px 25px 3px 35px;text-transform:uppercase}#ubc7-global-footer{background-color:#002145;color:#fff;font-size:14px;line-height:22px;min-height:100px}#ubc7-global-footer a{color:#fff;text-decoration:none}#ubc7-global-footer a:hover{color:#fff;text-decoration:underline}#ubc7-global-footer ul{margin-bottom:0;margin-top:0}#ubc7-signature{box-sizing:border-box;height:70px;padding-top:20px}#ubc7-signature a{background-position:-2px -544px;background-size:auto;box-sizing:initial;display:block;height:100%}#ubc7-global-footer h3{font-size:16px;margin:15px 0 5px}#ubc7-global-footer h3,#ubc7-global-footer h4{color:#fff;font-family:Arial,sans-serif!important;font-weight:700;line-height:30px}#ubc7-footer h4{font-size:14px;margin:2px 0}#ubc7-minimal-footer{background-color:#002145;color:#fff;padding-top:20px}#ubc7-minimal-footer .span12{border-top:1px solid #1f385f;padding:22px 0}#ubc7-minimal-footer ul{margin:0;padding-left:0}#ubc7-minimal-footer li{display:inline-block;line-height:24px}#ubc7-minimal-footer a{color:#fff;font-size:12px;text-decoration:none}#ubc7-minimal-footer a:hover{text-decoration:underline}#ubc7-minimal-footer .divider{color:#ccc;font-size:12px;padding:0 5px 0 3px}#ubc7-unit-menu .nav-collapse .dropdown-menu a{background-color:#fff}#ubc7-unit-menu .nav-collapse .dropdown-menu a.active{background-color:none}#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover{background-color:#002145}@media screen and (min-width:768px){#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{margin:0 auto;width:auto}#ubc7-global-header li{width:23%}#ubc7-wordmark-block{background-position:-1px -205px}.ubc7-campus{bottom:30px;left:40px;width:120px}#ubc7-vancouver-campus{background-position:-1319px -301px}#ubc7-okanagan-campus{background-position:-1319px -262px}#ubc7-global-utility button span,#ubc7-global-utility-no-script{background-position:-1233px 7px}#ubc7-global-utility button span.opened,#ubc7-global-utility button[aria-expanded=true] span{background-color:#002145;background-position:-1167px 7px}.legacy--wb #ubc7-global-utility button span.opened,.legacy--wb #ubc7-global-utility button[aria-expanded=true] span{background-color:#fff}.legacy--wg #ubc7-global-utility button span{background-position:-1233px -54px}.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg #ubc7-global-utility button[aria-expanded=true] span{background-position:-1167px -54px}#ubc7-global-footer .span5,#ubc7-global-footer .span6,#ubc7-global-footer .span7{box-sizing:border-box;display:block;float:left}#ubc7-global-footer .span5{width:40.05524861878453%}#ubc7-global-footer .span6{width:48.61878453038674%}#ubc7-global-footer .ml,#ubc7-global-footer .span7{margin-left:2.7624309392265194%}#ubc7-global-footer .span7{width:57.18232044198895%}}@media screen and (min-width:980px){#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{padding:0 16px;width:940px}.dialog-off-canvas-main-canvas>.container{margin-left:auto;margin-right:auto;width:980px}.layout--full-width-left #ubc7-footer .clf-container,.layout--full-width-left #ubc7-global-menu .clf-container,.layout--full-width-left #ubc7-unit .clf-container,.layout--full-width-left #ubc7-unit-menu .clf-container{width:auto}.layout--full-width #ubc7-header .clf-container{border-left:1px solid #d7e0e7;border-right:1px solid #d7e0e7;padding-left:14px;padding-right:14px}.legacy--wb.layout--full-width #ubc7-header .clf-container{border-left:1px solid #1f385f;border-right:1px solid #1f385f}.legacy--wg.layout--full-width #ubc7-header .clf-container{border-left:1px solid #446d89;border-right:1px solid #446d89}.layout--full-width.layout--full-width-left #ubc7-header .clf-container{border-right-width:0;margin-left:0}#ubc7-search .span8{box-sizing:border-box;margin:0 auto;width:65.81196581196582%}#ubc7-header .span1,#ubc7-header .span9{display:block;float:left;height:95px}#ubc7-header .span1{margin-left:0;width:6.382978723404255%}#ubc7-header .span9{background-position:-72px -115px;border-left:1px solid #d7e0e7;margin-left:2.127659574468085%;position:relative;width:91.48936170212765%}.legacy--wb #ubc7-header .span9{border-left:1px solid #1f385f}.legacy--wg #ubc7-header .span9{border-left:1px solid #446d89}#ubc7-logo{background-position:11px -115px;min-width:95px}#ubc7-wordmark{position:relative;width:85%!important}.ubc7-campus{bottom:17px;left:28px;width:135px}#ubc7-vancouver-campus{background-position:-1320px -122px}#ubc7-okanagan-campus{background-position:-1320px -165px}#ubc7-global-utility button{margin-right:13px;top:1px;width:45px}#ubc7-global-utility button span,a#ubc7-global-utility-no-script{height:35px}.legacy--wg #ubc7-global-utility button span{background-position:-1233px -48px}.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg #ubc7-global-utility button[aria-expanded=true] span{background-position:-1167px -48px}#ubc7-unit .navbar{display:none}#ubc7-unit-menu,#ubc7-unit-menu .navbar-inner{background:#e6e6e6}#ubc7-unit-navigation{box-shadow:none;margin-left:0;margin-right:0}#ubc7-unit-menu .navbar-inner{background-image:none;border:0;min-height:32px}#ubc7-unit-menu .nav-collapse.collapse{display:block;height:auto!important;overflow:visible!important}#ubc7-unit-menu.navbar .nav{display:block;left:0;margin:0;position:relative}#ubc7-unit-menu.navbar .nav>li{float:left}#ubc7-unit-menu{display:block!important}#ubc7-unit-menu li{border-bottom-width:0;line-height:20px}#ubc7-unit-menu .btn-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}#ubc7-unit-menu .btn-group:hover{background-color:#002145}#ubc7-unit-menu .btn-group .btn{background:#0000;border:0;border-bottom:0;color:#002145;display:block;margin-right:40px;padding-left:20px;text-align:left}#ubc7-unit-menu .dropdown .btn-group a.btn,#ubc7-unit-menu .dropdown .btn-group button{background-image:none;border:0;border-radius:0;box-shadow:0 0 0 #0000;display:inline-block;height:40px;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0;position:relative;z-index:1}#ubc7-unit-menu .dropdown .btn-group button,#ubc7-unit-menu .dropdown .btn-group:hover button{border-left:1px solid #c3d0db!important;height:22px!important;margin-right:0;padding-left:0;padding-right:0;position:relative;width:24px}#ubc7-unit-menu .dropdown .btn-group:hover button{height:40px!important}#ubc7-unit-menu .btn-group a.btn{padding-right:7px}#ubc7-unit-menu .dropdown .btn-group button .ubc7-arrow{margin-bottom:6px;margin-left:4px;vertical-align:initial}#ubc7-unit-menu .dropdown .btn-group:hover button{background-color:initial!important}#ubc7-unit-menu .dropdown .btn-group:hover button .ubc7-arrow{margin-bottom:auto;vertical-align:text-top}#ubc7-unit-menu .nav-collapse .disclose__content{left:0;min-width:160px;position:absolute;top:100%;z-index:1000}#ubc7-unit-menu .nav-collapse .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid #0003;border-radius:0;box-shadow:0 5px 10px #0003;display:none;list-style:none;margin:0;padding:0;position:absolute;z-index:100}#ubc7-unit-menu .nav-collapse .dropdown-menu li{float:none}#ubc7-unit-menu .is-open>.dropdown-menu,#ubc7-unit-menu .open>.dropdown-menu{display:block}#ubc7-unit-menu .dropdown-menu li{border-bottom:1px solid #d7e0e7}#ubc7-unit-menu .nav-collapse .dropdown-menu a,#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu a,#ubc7-unit-menu .nav-collapse .nav>li>a{clear:both;color:#002145;display:block;font-weight:400;padding:3px 20px;white-space:nowrap}#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover,#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu a:hover,#ubc7-unit-menu .nav-collapse .nav>li>a:hover{color:#fff}#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu .nav-header{padding:3px 20px}#ubc7-unit-menu .dropdown .btn-group a.btn{padding-left:12px}#ubc7-unit-menu .nav-collapse .nav>li>a{font-size:14px;line-height:20px;padding:10px}}@media screen and (min-width:1200px){.dialog-off-canvas-main-canvas>.container{width:1200px}#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{width:1170px}#ubc7-header .span1,#ubc7-header .span9{box-sizing:border-box;height:115px}#ubc7-header .span1{max-width:70px}#ubc7-header .span9{background-position:-83px 14px;margin-left:30px;width:91.45299145299145%}#ubc7-logo{background-position:32px 14px;margin-left:-15px;min-width:115px}#ubc7-wordmark{float:left;position:relative;width:85%!important}.ubc7-campus{bottom:19px;height:24px;left:36px;width:170px}#ubc7-vancouver-campus{background-position:-1320px -5px}#ubc7-okanagan-campus{background-position:-1320px -53px}#ubc7-global-utility button{height:45px;margin-right:17px;top:4px}#ubc7-global-utility button span,a#ubc7-global-utility-no-script{background-position:-1233px 13px;height:45px}#ubc7-global-utility button span.opened,#ubc7-global-utility button[aria-expanded=true] span{background-position:-1167px 13px}#ubc7-unit{height:60px}#ubc7-unit .ubc7-single-element a{margin-top:20px}#ubc7-unit-name{font-size:14px;margin-top:7px}#ubc7-unit-identifier{font-size:20px}#ubc7-unit-menu li{line-height:24px}#ubc7-unit-menu .dropdown .btn-group button{height:22px!important}#ubc7-unit-menu .dropdown .btn-group a.btn,#ubc7-unit-menu .dropdown .btn-group:hover button{height:45px!important;line-height:45px}#ubc7-unit-menu .nav-collapse .nav>li>a{line-height:25px}#ubc7-unit-menu .nav-collapse .nav.dropdown-menu>li>a{line-height:20px}}@media screen and (min--moz-device-pixel-ratio:0) and (min-width:1200px){#ubc7-unit-menu .nav>li>a{padding-top:11px!important}#ubc7-unit-menu .navbar-item{max-height:45px!important}}@media only screen and (-o-min-device-pixel-ratio:"3/2"),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#ubc7-global-utility button span,#ubc7-global-utility-no-script,#ubc7-logo,#ubc7-okanagan-campus,#ubc7-signature a,#ubc7-vancouver-campus,#ubc7-wordmark-block,.ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-blue-2x.png);background-size:1500px!important}.legacy--wb #ubc7-global-utility button span,.legacy--wb #ubc7-global-utility-no-script,.legacy--wb #ubc7-logo,.legacy--wb #ubc7-okanagan-campus,.legacy--wb #ubc7-signature a,.legacy--wb #ubc7-vancouver-campus,.legacy--wb #ubc7-wordmark-block,.legacy--wb .ubc7-arrow,.legacy--wg #ubc7-global-utility button span,.legacy--wg #ubc7-global-utility-no-script,.legacy--wg #ubc7-logo,.legacy--wg #ubc7-okanagan-campus,.legacy--wg #ubc7-signature a,.legacy--wg #ubc7-vancouver-campus,.legacy--wg #ubc7-wordmark-block,.legacy--wg .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-white-2x.png);background-size:1500px!important}.legacy--gw #ubc7-global-utility button span,.legacy--gw #ubc7-global-utility-no-script,.legacy--gw #ubc7-logo,.legacy--gw #ubc7-okanagan-campus,.legacy--gw #ubc7-signature a,.legacy--gw #ubc7-vancouver-campus,.legacy--gw #ubc7-wordmark-block,.legacy--gw .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-grey-2x.png);background-size:1500px!important}}@media only screen and (-o-min-device-pixel-ratio:"3/2") and (max-width:979px),only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:979px),only screen and (min--moz-device-pixel-ratio:1.5) and (max-width:979px),only screen and (min-device-pixel-ratio:1.5) and (max-width:979px){#ubc7-signature a{background-position:-2px -435px!important;background-size:1400px!important}}@media only screen and (-o-min-device-pixel-ratio:"3/2") and (max-width:767px),only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:767px),only screen and (min--moz-device-pixel-ratio:1.5) and (max-width:767px),only screen and (min-device-pixel-ratio:1.5) and (max-width:767px){#ubc7-signature a{background-position:-2px -544px!important;background-size:1500px!important}}@media (max-width:360px){#ubc7-unit-identifier{font-size:13px!important;line-height:15px;white-space:normal!important}}.layout--centered body{background:#ccc}.layout--centered #main-content{background:#fff}@media screen and (min-width:980px){.layout--centered #main-content{margin-left:auto;margin-right:auto;width:980px}}@media screen and (min-width:1200px){.layout--centered #main-content{width:1200px}}@media screen and (max-width:979px){#ubc7-unit,#ubc7-unit .clf-container,#ubc7-unit .span12{min-height:50px}#ubc7-unit .span12{display:flex;flex-direction:row-reverse;place-items:center}#ubc7-unit,#ubc7-unit .clf-container,#ubc7-unit .navbar,#ubc7-unit-name{height:auto}#ubc7-unit .navbar{float:none}#ubc7-unit .btn-navbar{display:block;margin-top:0}#ubc7-unit-name{flex:1;padding-bottom:4px;padding-top:4px}#ubc7-unit-name,#ubc7-unit-name a{margin-top:0!important}#ubc7-unit-identifier{font-size:14px;white-space:normal}} \ No newline at end of file +.js-bootstrap .collapse:not(.show):not(.in){display:none}.collapsing{height:0;overflow:hidden;position:relative;transition:height .35s ease}.collapse.in,.collapse.show{height:auto}.dropdown-menu.show,.open>.dropdown-menu{display:block!important}body{background-color:#ccc;margin:0}body.layout--full-width,body.layout--full-width-left{background-color:#fff}#ubc7-footer,#ubc7-global-menu,#ubc7-header,#ubc7-unit,#ubc7-unit-menu{box-sizing:initial;font-family:Arial,sans-serif!important}.dialog-off-canvas-main-canvas>.container{background-color:#fff;width:100%}#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{padding:0 20px}#ubc7-footer .clf-container:after,#ubc7-footer .clf-container:before,#ubc7-global-menu .clf-container:after,#ubc7-global-menu .clf-container:before,#ubc7-header .clf-container:after,#ubc7-header .clf-container:before,#ubc7-unit .clf-container:after,#ubc7-unit .clf-container:before,#ubc7-unit-menu .clf-container:after,#ubc7-unit-menu .clf-container:before,.row-fluid:after,.row-fluid:before{content:" ";display:table}#ubc7-footer .clf-container:after,#ubc7-global-menu .clf-container:after,#ubc7-header .clf-container:after,#ubc7-unit .clf-container:after,#ubc7-unit-menu .clf-container:after,.row-fluid:after{clear:both}#ubc7-global-menu{background-color:#fff;box-shadow:inset 0 -60px 60px -60px #ccc}#ubc7-search{background-color:#d7e0e7;height:90px;text-align:center;width:100%}#ubc7-search-box{padding-top:30px}#ubc7-search-box .form-search{margin:0 0 20px}#ubc7-search-box input{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-sizing:initial;color:#555;font-size:16px;height:20px;padding:4px 3px;transition:border .2s linear,box-shadow .2s linear;width:270px}#ubc7-footer .btn,#ubc7-global-menu .btn,#ubc7-header .btn,#ubc7-search-box input,#ubc7-unit .btn,#ubc7-unit-menu .btn{display:inline-block;line-height:20px;margin-bottom:0;vertical-align:middle}#ubc7-footer .btn,#ubc7-global-menu .btn,#ubc7-header .btn,#ubc7-unit .btn,#ubc7-unit-menu .btn{background-color:#002145;background-image:linear-gradient(180deg,#002145,#191938);background-image:-moz-linear-gradient(top,#002145,#191938);background-repeat:repeat-x;border:1px solid #002145;border-radius:0;box-shadow:inset 0 1px 0 #fff3,0 1px 2px #0000000d;color:#fff;cursor:pointer;filter:progid:dximagetransform.microsoft.gradient(startColorstr="#002145",endColorstr="#191938",GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);font-size:14px;padding:4px 12px;text-align:center;text-decoration:none;text-shadow:none}#ubc7-footer .btn:active,#ubc7-footer .btn:hover,#ubc7-global-menu .btn:active,#ubc7-global-menu .btn:hover,#ubc7-header .btn:active,#ubc7-header .btn:hover,#ubc7-unit .btn:active,#ubc7-unit .btn:hover,#ubc7-unit-menu .btn:active,#ubc7-unit-menu .btn:hover{background-color:#2f5d7c;background-position:0 -200px;border-color:#2f5d7c;color:#fff;transition:background-position .1s linear}#ubc7-global-header .row-fluid{padding-bottom:30px;padding-top:10px}#ubc7-global-header ul{box-sizing:initial;margin:0 0 10px}#ubc7-global-header .reverse:after,#ubc7-global-header .reverse:before{content:" ";display:table}#ubc7-global-header .reverse:after{clear:both}#ubc7-global-header li{border-bottom:1px solid #d7e0e7;display:block;float:left;height:30px;line-height:24px;margin:10px 1% 0;width:48%}#ubc7-global-header a{color:#002145;font-size:12px;text-decoration:none}#ubc7-global-header a:hover{text-decoration:underline}#ubc7-header{background-color:#fff;border-top:3px solid #002145}.legacy--wb #ubc7-header{background-color:#002145;border-top:3px solid #fff}.legacy--gw #ubc7-header{border-top:3px solid #2f5d7c}.legacy--wg #ubc7-header{background-color:#2f5d7c;border-top:3px solid #fff}#ubc7-header .span1,#ubc7-header .span9{box-sizing:border-box;display:block;height:95px;min-height:30px}#ubc7-header .span1,#ubc7-header .span2{display:none}#ubc7-logo,#ubc7-wordmark{height:100%}.ubc7-campus{bottom:17px;cursor:pointer;display:block;float:left;height:18px;left:35px;overflow:hidden;position:absolute;width:100px}#ubc7-vancouver-campus{background-position:-1319px -301px}#ubc7-okanagan-campus{background-position:-1319px -329px}#ubc7-global-utility button span,#ubc7-global-utility-no-script,#ubc7-logo,#ubc7-okanagan-campus,#ubc7-signature a,#ubc7-vancouver-campus,#ubc7-wordmark-block,.ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-blue.png);background-repeat:no-repeat}.legacy--wb #ubc7-global-utility button span,.legacy--wb #ubc7-global-utility-no-script,.legacy--wb #ubc7-logo,.legacy--wb #ubc7-okanagan-campus,.legacy--wb #ubc7-signature a,.legacy--wb #ubc7-vancouver-campus,.legacy--wb #ubc7-wordmark-block,.legacy--wb .ubc7-arrow,.legacy--wg #ubc7-global-utility button span,.legacy--wg #ubc7-global-utility-no-script,.legacy--wg #ubc7-logo,.legacy--wg #ubc7-okanagan-campus,.legacy--wg #ubc7-signature a,.legacy--wg #ubc7-vancouver-campus,.legacy--wg #ubc7-wordmark-block,.legacy--wg .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-white.png);background-repeat:no-repeat}.legacy--gw #ubc7-global-utility button span,.legacy--gw #ubc7-global-utility-no-script,.legacy--gw #ubc7-logo,.legacy--gw #ubc7-okanagan-campus,.legacy--gw #ubc7-signature a,.legacy--gw #ubc7-vancouver-campus,.legacy--gw #ubc7-wordmark-block,.legacy--gw .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-grey.png);background-repeat:no-repeat}#ubc7-global-utility button,#ubc7-logo a,#ubc7-wordmark a{display:block;height:100%;width:100%}#ubc7-global-utility button span,#ubc7-logo a,#ubc7-signature a,#ubc7-wordmark a,.hide-text,.ubc7-campus{overflow:hidden;text-indent:200%;white-space:nowrap}#ubc7-wordmark-block{background-position:-2px -276px;background-size:auto;border-left:0;position:relative}#ubc7-wordmark{background:0;width:70%!important}#ubc7-wordmark a{height:80%}#ubc7-global-utility button{background:#0000;border:0;box-shadow:0 0;cursor:pointer;display:block;height:44px;margin-right:0;padding:0;position:absolute;right:0;top:0;width:45px}#ubc7-global-utility button span{background-color:#002145;background-position:-1229px -291px}.legacy--wg #ubc7-global-utility button span{background-position:-1229px -324px}#ubc7-global-utility button span,a#ubc7-global-utility-no-script{cursor:pointer;display:block;height:33px;position:relative;top:-6px;width:45px}.legacy--wb #ubc7-global-utility button span,.legacy--wb #ubc7-global-utility button span.opened,.legacy--wb a#ubc7-global-utility-no-script,.legacy--wg #ubc7-global-utility button span,.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg a#ubc7-global-utility-no-script{background-color:#fff}.legacy--gw #ubc7-global-utility button span,.legacy--gw #ubc7-global-utility button span.opened,.legacy--gw a#ubc7-global-utility-no-script{background-color:#2f5d7c}#ubc7-global-utility button span.opened,#ubc7-global-utility button[aria-expanded=true] span{background-position:-1163px -291px}.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg #ubc7-global-utility button[aria-expanded=true] span{background-position:-1163px -324px}#ubc7-unit{height:50px;overflow:hidden;width:100%}#ubc7-unit .clf-container{height:100%}#ubc7-unit .navbar{float:right}#ubc7-unit .btn-navbar{background:#fff;border:0;box-sizing:border-box;display:block;height:35px;margin-top:0;padding:11px 13px;width:45px}.show-faculty #ubc7-unit .btn-navbar{margin-top:3px}#ubc7-unit .btn-navbar.active,#ubc7-unit .btn-navbar.disabled,#ubc7-unit .btn-navbar:active,#ubc7-unit .btn-navbar:hover,#ubc7-unit .btn-navbar[disabled]{background:#fff;box-shadow:1px 1px 1px #191938}#ubc7-unit .btn-navbar .icon-bar{background:#002145;border-radius:1px;box-shadow:0 1px 0 #00000040;display:block;height:2px;width:18px}#ubc7-unit .btn-navbar .icon-bar+.icon-bar{margin-top:3px}#ubc7-unit-name{font-size:12px;font-weight:400;margin-right:55px;margin-top:4px}#ubc7-unit-name a,#ubc7-unit-name a:hover{color:#fff;display:block;line-height:20px;text-decoration:none!important}#ubc7-unit .ubc7-single-element a{margin-top:16px}.ubc7-single-element a #ubc7-unit-faculty{display:none!important}#ubc7-unit-name a .shorten{font-size:16px!important}#ubc7-unit-name a .shorten-more{font-size:13px!important;white-space:normal!important}#ubc7-unit-name a .multi-rows{line-height:15px}#ubc7-unit-identifier{font-size:18px;letter-spacing:1px;overflow:hidden;white-space:nowrap}#ubc7-unit-faculty{display:block}#ubc7-unit-menu,#ubc7-unit-menu .navbar-inner{background:#fff;overflow:visible}#ubc7-unit-menu .nav{list-style:none;margin:0;padding-left:0}#ubc7-unit-navigation{box-shadow:0 3px 6px #ccc;margin-left:-20px;margin-right:-20px;position:relative}#ubc7-unit-menu .navbar-inner{background:#fff}#ubc7-unit-menu li{border-bottom:1px solid #c3d0db;line-height:20px}#ubc7-unit-menu .btn-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap;width:100%}#ubc7-unit-menu .btn-group .btn{background:#fff;border:0;border-bottom:1px solid #c3d0db;color:#002145;display:block;margin-right:40px;padding-left:20px;text-align:left}@media screen and (max-width:979px){#ubc7-unit-menu .menu-item--active-trail>.btn-group>.btn:not(.dropdown-toggle){background:#d7e0e7;box-shadow:inset 0 3px 8px rgba(0,0,0,.125)}#ubc7-unit-menu .menu-item--active-trail>.btn-group:hover>.btn:not(.dropdown-toggle){background:#002145;color:#fff}}#ubc7-unit-menu .btn-group:hover .btn{background:#002145;color:#fff}#ubc7-unit-menu .dropdown .btn-group .btn,#ubc7-unit-menu .dropdown .btn-group button{background-image:none;border-radius:0;box-shadow:0 0 0 #0000;box-sizing:border-box;height:41px;line-height:40px;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0;z-index:1}#ubc7-unit-menu .dropdown .btn-group a.btn{display:block;margin-right:0;padding-left:20px;text-align:left}#ubc7-unit-menu .dropdown .btn-group button,#ubc7-unit-menu .dropdown .btn-group:hover button{border-left:1px solid #c3d0db!important;height:41px!important;margin-right:0;padding-left:0;padding-right:0;position:absolute;right:0;top:0;width:40px}#ubc7-unit-menu .dropdown .btn-group button:hover{background-color:#193056!important}#ubc7-unit-menu .dropdown .btn-group button .ubc7-arrow{background-position:-1178px -261px!important;display:inline-block;height:15px;margin-left:11px;margin-top:0;text-decoration:inherit;vertical-align:text-top;width:15px}#ubc7-unit-menu .dropdown .btn-group.open button .ubc7-arrow{background-position:-1207px -261px!important}#ubc7-unit-menu .dropdown .btn-group.open:hover button .ubc7-arrow,#ubc7-unit-menu .dropdown .btn-group:hover button .ubc7-arrow{background-position:-1178px -227px!important}#ubc7-unit-menu .nav-collapse .dropdown-menu{background-color:initial;border:0;border-radius:0;box-shadow:none;display:none;font-size:14px;left:auto;max-width:none;padding:0;position:static;top:auto}#ubc7-unit-menu .nav-collapse .is-open>.dropdown-menu,#ubc7-unit-menu .nav-collapse .open>.dropdown-menu{display:block}#ubc7-unit-menu .btn-group>.btn,#ubc7-unit-menu .btn-group>.dropdown-menu{font-size:14px}#ubc7-unit-menu .nav-collapse .dropdown-menu a,#ubc7-unit-menu .nav-collapse .nav>li>a{color:#002145;display:block;font-size:14px;line-height:20px;text-decoration:none;white-space:nowrap}#ubc7-unit-menu .nav-collapse .nav>li>a{padding:10px 20px}#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu a{padding:9px 25px 9px 35px}#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover,#ubc7-unit-menu .nav-collapse .nav>li>a:hover{background-color:#002145;color:#fff;text-decoration:none}#ubc7-unit-menu .nav>li.menu-item--active-trail>.btn-group,#ubc7-unit-menu .nav>li.menu-item--active-trail>a,#ubc7-unit-menu .nav>li>a.is-active{background:#d7e0e7;box-shadow:inset 0 3px 8px rgba(0,0,0,.125)}#ubc7-unit-menu .nav>li.menu-item--active-trail>.btn-group:hover,#ubc7-unit-menu .nav>li.menu-item--active-trail>a:hover,#ubc7-unit-menu .nav>li>a.is-active:hover{background:#002145;color:#fff}#ubc7-unit-menu .dropdown .dropdown-menu .nav-header{color:#193056;display:block;font-size:11px;font-weight:700;line-height:20px;margin-top:9px;padding:3px 25px 3px 35px;text-transform:uppercase}#ubc7-global-footer{background-color:#002145;color:#fff;font-size:14px;line-height:22px;min-height:100px}#ubc7-global-footer a{color:#fff;text-decoration:none}#ubc7-global-footer a:hover{color:#fff;text-decoration:underline}#ubc7-global-footer ul{margin-bottom:0;margin-top:0}#ubc7-signature{box-sizing:border-box;height:70px;padding-top:20px}#ubc7-signature a{background-position:-2px -544px;background-size:auto;box-sizing:initial;display:block;height:100%}#ubc7-global-footer h3{font-size:16px;margin:15px 0 5px}#ubc7-global-footer h3,#ubc7-global-footer h4{color:#fff;font-family:Arial,sans-serif!important;font-weight:700;line-height:30px}#ubc7-footer h4{font-size:14px;margin:2px 0}#ubc7-minimal-footer{background-color:#002145;color:#fff;padding-top:20px}#ubc7-minimal-footer .span12{border-top:1px solid #1f385f;padding:22px 0}#ubc7-minimal-footer ul{margin:0;padding-left:0}#ubc7-minimal-footer li{display:inline-block;line-height:24px}#ubc7-minimal-footer a{color:#fff;font-size:12px;text-decoration:none}#ubc7-minimal-footer a:hover{text-decoration:underline}#ubc7-minimal-footer .divider{color:#ccc;font-size:12px;padding:0 5px 0 3px}#ubc7-unit-menu .nav-collapse .dropdown-menu a{background-color:#fff}#ubc7-unit-menu .nav-collapse .dropdown-menu a.active{background-color:none}#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover{background-color:#002145}@media screen and (min-width:768px){#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{margin:0 auto;width:auto}#ubc7-global-header li{width:23%}#ubc7-wordmark-block{background-position:-1px -205px}.ubc7-campus{bottom:30px;left:40px;width:120px}#ubc7-vancouver-campus{background-position:-1319px -301px}#ubc7-okanagan-campus{background-position:-1319px -262px}#ubc7-global-utility button span,#ubc7-global-utility-no-script{background-position:-1233px 7px}#ubc7-global-utility button span.opened,#ubc7-global-utility button[aria-expanded=true] span{background-color:#002145;background-position:-1167px 7px}.legacy--wb #ubc7-global-utility button span.opened,.legacy--wb #ubc7-global-utility button[aria-expanded=true] span{background-color:#fff}.legacy--wg #ubc7-global-utility button span{background-position:-1233px -54px}.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg #ubc7-global-utility button[aria-expanded=true] span{background-position:-1167px -54px}#ubc7-global-footer .span5,#ubc7-global-footer .span6,#ubc7-global-footer .span7{box-sizing:border-box;display:block;float:left}#ubc7-global-footer .span5{width:40.05524861878453%}#ubc7-global-footer .span6{width:48.61878453038674%}#ubc7-global-footer .ml,#ubc7-global-footer .span7{margin-left:2.7624309392265194%}#ubc7-global-footer .span7{width:57.18232044198895%}}@media screen and (min-width:980px){#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{padding:0 16px;width:940px}.dialog-off-canvas-main-canvas>.container{margin-left:auto;margin-right:auto;width:980px}.layout--full-width-left #ubc7-footer .clf-container,.layout--full-width-left #ubc7-global-menu .clf-container,.layout--full-width-left #ubc7-unit .clf-container,.layout--full-width-left #ubc7-unit-menu .clf-container{width:auto}.layout--full-width #ubc7-header .clf-container{border-left:1px solid #d7e0e7;border-right:1px solid #d7e0e7;padding-left:14px;padding-right:14px}.legacy--wb.layout--full-width #ubc7-header .clf-container{border-left:1px solid #1f385f;border-right:1px solid #1f385f}.legacy--wg.layout--full-width #ubc7-header .clf-container{border-left:1px solid #446d89;border-right:1px solid #446d89}.layout--full-width.layout--full-width-left #ubc7-header .clf-container{border-right-width:0;margin-left:0}#ubc7-search .span8{box-sizing:border-box;margin:0 auto;width:65.81196581196582%}#ubc7-header .span1,#ubc7-header .span9{display:block;float:left;height:95px}#ubc7-header .span1{margin-left:0;width:6.382978723404255%}#ubc7-header .span9{background-position:-72px -115px;border-left:1px solid #d7e0e7;margin-left:2.127659574468085%;position:relative;width:91.48936170212765%}.legacy--wb #ubc7-header .span9{border-left:1px solid #1f385f}.legacy--wg #ubc7-header .span9{border-left:1px solid #446d89}#ubc7-logo{background-position:11px -115px;min-width:95px}#ubc7-wordmark{position:relative;width:85%!important}.ubc7-campus{bottom:17px;left:28px;width:135px}#ubc7-vancouver-campus{background-position:-1320px -122px}#ubc7-okanagan-campus{background-position:-1320px -165px}#ubc7-global-utility button{margin-right:13px;top:1px;width:45px}#ubc7-global-utility button span,a#ubc7-global-utility-no-script{height:35px}.legacy--wg #ubc7-global-utility button span{background-position:-1233px -48px}.legacy--wg #ubc7-global-utility button span.opened,.legacy--wg #ubc7-global-utility button[aria-expanded=true] span{background-position:-1167px -48px}#ubc7-unit .navbar{display:none}#ubc7-unit-menu,#ubc7-unit-menu .navbar-inner{background:#e6e6e6}#ubc7-unit-navigation{box-shadow:none;margin-left:0;margin-right:0}#ubc7-unit-menu .navbar-inner{background-image:none;border:0;min-height:32px}#ubc7-unit-menu .nav-collapse.collapse{display:block;height:auto!important;overflow:visible!important}#ubc7-unit-menu.navbar .nav{display:block;left:0;margin:0;position:relative}#ubc7-unit-menu.navbar .nav>li{float:left}#ubc7-unit-menu{display:block!important}#ubc7-unit-menu li{border-bottom-width:0;line-height:20px}#ubc7-unit-menu .btn-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}#ubc7-unit-menu .btn-group:hover{background-color:#002145}#ubc7-unit-menu .btn-group .btn{background:#0000;border:0;border-bottom:0;color:#002145;display:block;margin-right:40px;padding-left:20px;text-align:left}#ubc7-unit-menu .dropdown .btn-group a.btn,#ubc7-unit-menu .dropdown .btn-group button{background-image:none;border:0;border-radius:0;box-shadow:0 0 0 #0000;display:inline-block;height:40px;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0;position:relative;z-index:1}#ubc7-unit-menu .dropdown .btn-group button,#ubc7-unit-menu .dropdown .btn-group:hover button{border-left:1px solid #c3d0db!important;height:22px!important;margin-right:0;padding-left:0;padding-right:0;position:relative;width:24px}#ubc7-unit-menu .dropdown .btn-group:hover button{height:40px!important}#ubc7-unit-menu .btn-group a.btn{padding-right:7px}#ubc7-unit-menu .dropdown .btn-group button .ubc7-arrow{margin-bottom:6px;margin-left:4px;vertical-align:initial}#ubc7-unit-menu .dropdown .btn-group:hover button{background-color:initial!important}#ubc7-unit-menu .dropdown .btn-group:hover button .ubc7-arrow{margin-bottom:auto;vertical-align:text-top}#ubc7-unit-menu .nav-collapse .disclose__content{left:0;min-width:160px;position:absolute;top:100%;z-index:1000}#ubc7-unit-menu .nav-collapse .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid #0003;border-radius:0;box-shadow:0 5px 10px #0003;display:none;list-style:none;margin:0;padding:0;position:absolute;z-index:100}#ubc7-unit-menu .nav-collapse .dropdown-menu li{float:none}#ubc7-unit-menu .is-open>.dropdown-menu,#ubc7-unit-menu .open>.dropdown-menu{display:block}#ubc7-unit-menu .dropdown-menu li{border-bottom:1px solid #d7e0e7}#ubc7-unit-menu .nav-collapse .dropdown-menu a,#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu a,#ubc7-unit-menu .nav-collapse .nav>li>a{clear:both;color:#002145;display:block;font-weight:400;padding:3px 20px;white-space:nowrap}#ubc7-unit-menu .nav-collapse .dropdown-menu a:hover,#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu a:hover,#ubc7-unit-menu .nav-collapse .nav>li>a:hover{color:#fff}#ubc7-unit-menu .nav-collapse .nav>li .dropdown-menu .nav-header{padding:3px 20px}#ubc7-unit-menu .dropdown .btn-group a.btn{padding-left:12px}#ubc7-unit-menu .nav-collapse .nav>li>a{font-size:14px;line-height:20px;padding:10px}}@media screen and (min-width:1200px){.dialog-off-canvas-main-canvas>.container{width:1200px}#ubc7-footer .clf-container,#ubc7-global-menu .clf-container,#ubc7-header .clf-container,#ubc7-unit .clf-container,#ubc7-unit-menu .clf-container{width:1170px}#ubc7-header .span1,#ubc7-header .span9{box-sizing:border-box;height:115px}#ubc7-header .span1{max-width:70px}#ubc7-header .span9{background-position:-83px 14px;margin-left:30px;width:91.45299145299145%}#ubc7-logo{background-position:32px 14px;margin-left:-15px;min-width:115px}#ubc7-wordmark{float:left;position:relative;width:85%!important}.ubc7-campus{bottom:19px;height:24px;left:36px;width:170px}#ubc7-vancouver-campus{background-position:-1320px -5px}#ubc7-okanagan-campus{background-position:-1320px -53px}#ubc7-global-utility button{height:45px;margin-right:17px;top:4px}#ubc7-global-utility button span,a#ubc7-global-utility-no-script{background-position:-1233px 13px;height:45px}#ubc7-global-utility button span.opened,#ubc7-global-utility button[aria-expanded=true] span{background-position:-1167px 13px}#ubc7-unit{height:60px}#ubc7-unit .ubc7-single-element a{margin-top:20px}#ubc7-unit-name{font-size:14px;margin-top:7px}#ubc7-unit-identifier{font-size:20px}#ubc7-unit-menu li{line-height:24px}#ubc7-unit-menu .dropdown .btn-group button{height:22px!important}#ubc7-unit-menu .dropdown .btn-group a.btn,#ubc7-unit-menu .dropdown .btn-group:hover button{height:45px!important;line-height:45px}#ubc7-unit-menu .nav-collapse .nav>li>a{line-height:25px}#ubc7-unit-menu .nav-collapse .nav.dropdown-menu>li>a{line-height:20px}}@media screen and (min--moz-device-pixel-ratio:0) and (min-width:1200px){#ubc7-unit-menu .nav>li>a{padding-top:11px!important}#ubc7-unit-menu .navbar-item{max-height:45px!important}}@media only screen and (-o-min-device-pixel-ratio:"3/2"),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#ubc7-global-utility button span,#ubc7-global-utility-no-script,#ubc7-logo,#ubc7-okanagan-campus,#ubc7-signature a,#ubc7-vancouver-campus,#ubc7-wordmark-block,.ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-blue-2x.png);background-size:1500px!important}.legacy--wb #ubc7-global-utility button span,.legacy--wb #ubc7-global-utility-no-script,.legacy--wb #ubc7-logo,.legacy--wb #ubc7-okanagan-campus,.legacy--wb #ubc7-signature a,.legacy--wb #ubc7-vancouver-campus,.legacy--wb #ubc7-wordmark-block,.legacy--wb .ubc7-arrow,.legacy--wg #ubc7-global-utility button span,.legacy--wg #ubc7-global-utility-no-script,.legacy--wg #ubc7-logo,.legacy--wg #ubc7-okanagan-campus,.legacy--wg #ubc7-signature a,.legacy--wg #ubc7-vancouver-campus,.legacy--wg #ubc7-wordmark-block,.legacy--wg .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-white-2x.png);background-size:1500px!important}.legacy--gw #ubc7-global-utility button span,.legacy--gw #ubc7-global-utility-no-script,.legacy--gw #ubc7-logo,.legacy--gw #ubc7-okanagan-campus,.legacy--gw #ubc7-signature a,.legacy--gw #ubc7-vancouver-campus,.legacy--gw #ubc7-wordmark-block,.legacy--gw .ubc7-arrow{background-image:url(../img/clf/ubc7-clf-sprite-grey-2x.png);background-size:1500px!important}}@media only screen and (-o-min-device-pixel-ratio:"3/2") and (max-width:979px),only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:979px),only screen and (min--moz-device-pixel-ratio:1.5) and (max-width:979px),only screen and (min-device-pixel-ratio:1.5) and (max-width:979px){#ubc7-signature a{background-position:-2px -435px!important;background-size:1400px!important}}@media only screen and (-o-min-device-pixel-ratio:"3/2") and (max-width:767px),only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:767px),only screen and (min--moz-device-pixel-ratio:1.5) and (max-width:767px),only screen and (min-device-pixel-ratio:1.5) and (max-width:767px){#ubc7-signature a{background-position:-2px -544px!important;background-size:1500px!important}}@media (max-width:360px){#ubc7-unit-identifier{font-size:13px!important;line-height:15px;white-space:normal!important}}.layout--centered body{background:#ccc}.layout--centered #main-content{background:#fff}@media screen and (min-width:980px){.layout--centered #main-content{margin-left:auto;margin-right:auto;width:980px}}@media screen and (min-width:1200px){.layout--centered #main-content{width:1200px}}@media screen and (max-width:979px){#ubc7-unit,#ubc7-unit .clf-container,#ubc7-unit .span12{min-height:50px}#ubc7-unit .span12{display:flex;flex-direction:row-reverse;place-items:center}#ubc7-unit,#ubc7-unit .clf-container,#ubc7-unit .navbar,#ubc7-unit-name{height:auto}#ubc7-unit .navbar{float:none}#ubc7-unit .btn-navbar{display:block;margin-top:0}#ubc7-unit-name{flex:1;padding-bottom:4px;padding-top:4px}#ubc7-unit-name,#ubc7-unit-name a{margin-top:0!important}#ubc7-unit-identifier{font-size:14px;white-space:normal}} \ No newline at end of file diff --git a/src/css/clf.7.local.css b/src/css/clf.7.local.css index 2cea3d5..14916ac 100644 --- a/src/css/clf.7.local.css +++ b/src/css/clf.7.local.css @@ -416,12 +416,14 @@ a#ubc7-global-utility-no-script { } #ubc7-unit .btn-navbar { - width: 32px; - height: 24px; - margin-top: -9px; - padding: 11px 0 0 13px; border: 0; background: #fff; + height: 35px; + width: 45px; + box-sizing: border-box; + display: block; + margin-top: 0; + padding: 11px 13px; } .show-faculty #ubc7-unit .btn-navbar { diff --git a/templates/includes/header.clf7.html.twig b/templates/includes/header.clf7.html.twig index 905abe6..0b539dc 100644 --- a/templates/includes/header.clf7.html.twig +++ b/templates/includes/header.clf7.html.twig @@ -87,11 +87,11 @@
{% if is_front %}