diff --git a/css/ckeditor5.css b/css/ckeditor5.css index 3312028..0e38d06 100644 --- a/css/ckeditor5.css +++ b/css/ckeditor5.css @@ -3,15 +3,12 @@ * @file * Approximate CLF's style in CKEditor instances on the Drupal back-end. */ -.ck-content { - /* Captions */ - /* Override clf's default blockquote and pre styles when captioned. */ -} .ck-content .caption > * { background: #f3f3f3; padding: 0.5ex; border: 1px solid #ccc; } + .ck-content .caption > figcaption { border: 1px solid #ccc; border-top: none; @@ -19,18 +16,20 @@ font-size: small; text-align: center; } + .ck-content .caption-pre > pre, .ck-content .caption-blockquote > blockquote { margin: 0; } + .ck-content .caption-blockquote > figcaption::before { content: "— "; } + .ck-content .caption-blockquote > figcaption { text-align: left; } -.ck-content [dir=rtl] .caption-blockquote > figcaption { + +.ck-content [dir="rtl"] .caption-blockquote > figcaption { text-align: right; } - -/*# sourceMappingURL=ckeditor5.css.map */ diff --git a/css/clf.7.local.css b/css/clf.7.local.css index 4b22aea..88db249 100644 --- a/css/clf.7.local.css +++ b/css/clf.7.local.css @@ -1,5 +1,7 @@ -/* utilities from bootstrap for visibility */ - +/** + * @file + * Local minimal CLF version to replace CDN + */ .collapse:not(.show):not(.in) { display: none; } @@ -8,7 +10,7 @@ position: relative; height: 0; overflow: hidden; - transition: height .35s ease; + transition: height 0.35s ease; } .collapse.in, @@ -107,8 +109,8 @@ body.layout--full-width-left { font-size: 16px; background-color: #fff; border: 1px solid #ccc; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - transition: border .2s linear, box-shadow .2s linear; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + transition: border 0.2s linear, box-shadow 0.2s linear; } #ubc7-search-box input, @@ -140,7 +142,8 @@ body.layout--full-width-left { background-repeat: repeat-x; border: 1px solid #002145; border-radius: 0; - box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2), + 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; filter: progid:dximagetransform.microsoft.gradient(startColorstr="#002145", endColorstr="#191938", GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); @@ -160,7 +163,7 @@ body.layout--full-width-left { background-color: #2f5d7c; background-position: 0 -200px; border-color: #2f5d7c; - transition: background-position .1s linear; + transition: background-position 0.1s linear; } #ubc7-global-header .row-fluid { @@ -389,12 +392,12 @@ a#ubc7-global-utility-no-script { } #ubc7-global-utility button span.opened, -#ubc7-global-utility button[aria-expanded=true] span { +#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 { +.legacy--wg #ubc7-global-utility button[aria-expanded="true"] span { background-position: -1163px -324px; } @@ -441,7 +444,7 @@ a#ubc7-global-utility-no-script { height: 2px; background: #002145; border-radius: 1px; - box-shadow: 0 1px 0 rgba(0, 0, 0, .25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } #ubc7-unit .btn-navbar .icon-bar + .icon-bar { @@ -468,20 +471,20 @@ a#ubc7-global-utility-no-script { } .ubc7-single-element a #ubc7-unit-faculty { - display: none !important + display: none !important; } #ubc7-unit-name a .shorten { - font-size: 16px !important + font-size: 16px !important; } #ubc7-unit-name a .shorten-more { font-size: 13px !important; - white-space: normal !important + white-space: normal !important; } #ubc7-unit-name a .multi-rows { - line-height: 15px + line-height: 15px; } #ubc7-unit-identifier { @@ -501,7 +504,7 @@ a#ubc7-global-utility-no-script { background: #fff; } -#ubc7-unit-menu .nav{ +#ubc7-unit-menu .nav { margin: 0; padding-left: 0; list-style: none; @@ -659,7 +662,7 @@ a#ubc7-global-utility-no-script { #ubc7-unit-menu .nav > li.active > .btn-group, #ubc7-unit-menu .nav > li > a.is-active { background: #d7e0e7; - box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } #ubc7-unit-menu .nav > li.active > a:hover, @@ -790,10 +793,10 @@ a#ubc7-global-utility-no-script { @media screen and (min-width: 768px) { #ubc7-global-menu .container, - #ubc7-header .container, - #ubc7-unit .container, - #ubc7-unit-menu .container, - #ubc7-footer .container { + #ubc7-header .container, + #ubc7-unit .container, + #ubc7-unit-menu .container, + #ubc7-footer .container { width: auto; margin: 0 auto; } @@ -821,12 +824,12 @@ a#ubc7-global-utility-no-script { } #ubc7-global-utility-no-script, - #ubc7-global-utility button span { + #ubc7-global-utility button span { background-position: -1233px 7px; } #ubc7-global-utility button span.opened, - #ubc7-global-utility button[aria-expanded=true] span { + #ubc7-global-utility button[aria-expanded="true"] span { background-color: #002145; background-position: -1167px 7px; } @@ -836,13 +839,13 @@ a#ubc7-global-utility-no-script { } .legacy--wg #ubc7-global-utility button span.opened, - .legacy--wg #ubc7-global-utility button[aria-expanded=true] span { + .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 { + #ubc7-global-footer .span6, + #ubc7-global-footer .span7 { display: block; float: left; box-sizing: border-box; @@ -857,7 +860,7 @@ a#ubc7-global-utility-no-script { } #ubc7-global-footer .ml, - #ubc7-global-footer .span7 { + #ubc7-global-footer .span7 { margin-left: 2.7624309392265194%; } @@ -868,10 +871,10 @@ a#ubc7-global-utility-no-script { @media screen and (min-width: 980px) { #ubc7-global-menu .container, - #ubc7-header .container, - #ubc7-unit .container, - #ubc7-unit-menu .container, - #ubc7-footer .container { + #ubc7-header .container, + #ubc7-unit .container, + #ubc7-unit-menu .container, + #ubc7-footer .container { width: 940px; padding-top: 0; padding-right: 16px; @@ -886,9 +889,9 @@ a#ubc7-global-utility-no-script { } .layout--full-width-left #ubc7-global-menu .container, - .layout--full-width-left #ubc7-unit .container, - .layout--full-width-left #ubc7-unit-menu .container, - .layout--full-width-left #ubc7-footer .container { + .layout--full-width-left #ubc7-unit .container, + .layout--full-width-left #ubc7-unit-menu .container, + .layout--full-width-left #ubc7-footer .container { width: auto; } @@ -921,7 +924,7 @@ a#ubc7-global-utility-no-script { } #ubc7-header .span1, - #ubc7-header .span9 { + #ubc7-header .span9 { display: block; float: left; height: 95px; @@ -979,7 +982,7 @@ a#ubc7-global-utility-no-script { } #ubc7-global-utility button span, - a#ubc7-global-utility-no-script { + a#ubc7-global-utility-no-script { height: 35px; } @@ -988,7 +991,7 @@ a#ubc7-global-utility-no-script { } .legacy--wg #ubc7-global-utility button span.opened, - .legacy--wg #ubc7-global-utility button[aria-expanded=true] span { + .legacy--wg #ubc7-global-utility button[aria-expanded="true"] span { background-position: -1167px -48px; } @@ -997,7 +1000,7 @@ a#ubc7-global-utility-no-script { } #ubc7-unit-menu, - #ubc7-unit-menu .navbar-inner { + #ubc7-unit-menu .navbar-inner { background: #e6e6e6; } @@ -1063,7 +1066,7 @@ a#ubc7-global-utility-no-script { } #ubc7-unit-menu .dropdown .btn-group a.btn, - #ubc7-unit-menu .dropdown .btn-group button { + #ubc7-unit-menu .dropdown .btn-group button { position: relative; z-index: 1; display: inline-block; @@ -1079,7 +1082,7 @@ a#ubc7-global-utility-no-script { } #ubc7-unit-menu .dropdown .btn-group:hover button, - #ubc7-unit-menu .dropdown .btn-group button { + #ubc7-unit-menu .dropdown .btn-group button { position: relative; width: 24px; height: 22px !important; @@ -1130,9 +1133,9 @@ a#ubc7-global-utility-no-script { background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, .2); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; - box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #ubc7-unit-menu .nav-collapse .dropdown-menu li { @@ -1140,7 +1143,7 @@ a#ubc7-global-utility-no-script { } #ubc7-unit-menu .open > .dropdown-menu, - #ubc7-unit-menu .is-open > .dropdown-menu { + #ubc7-unit-menu .is-open > .dropdown-menu { display: block; } @@ -1149,8 +1152,8 @@ a#ubc7-global-utility-no-script { } #ubc7-unit-menu .nav-collapse .dropdown-menu a, - #ubc7-unit-menu .nav-collapse .nav > li > a, - #ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu a { + #ubc7-unit-menu .nav-collapse .nav > li > a, + #ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu a { display: block; clear: both; padding: 3px 20px; @@ -1160,8 +1163,8 @@ a#ubc7-global-utility-no-script { } #ubc7-unit-menu .nav-collapse .dropdown-menu a:hover, - #ubc7-unit-menu .nav-collapse .nav > li > a:hover, - #ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu a:hover { + #ubc7-unit-menu .nav-collapse .nav > li > a:hover, + #ubc7-unit-menu .nav-collapse .nav > li .dropdown-menu a:hover { color: #fff; } @@ -1186,15 +1189,15 @@ a#ubc7-global-utility-no-script { } #ubc7-global-menu .container, - #ubc7-header .container, - #ubc7-unit .container, - #ubc7-unit-menu .container, - #ubc7-footer .container { + #ubc7-header .container, + #ubc7-unit .container, + #ubc7-unit-menu .container, + #ubc7-footer .container { width: 1170px; } #ubc7-header .span1, - #ubc7-header .span9 { + #ubc7-header .span9 { box-sizing: border-box; height: 115px; } @@ -1243,13 +1246,13 @@ a#ubc7-global-utility-no-script { } #ubc7-global-utility button span, - a#ubc7-global-utility-no-script { + a#ubc7-global-utility-no-script { height: 45px; background-position: -1233px 13px; } #ubc7-global-utility button span.opened, - #ubc7-global-utility button[aria-expanded=true] span { + #ubc7-global-utility button[aria-expanded="true"] span { background-position: -1167px 13px; } @@ -1279,7 +1282,7 @@ a#ubc7-global-utility-no-script { } #ubc7-unit-menu .dropdown .btn-group:hover button, - #ubc7-unit-menu .dropdown .btn-group a.btn { + #ubc7-unit-menu .dropdown .btn-group a.btn { height: 45px !important; line-height: 45px; } @@ -1299,60 +1302,69 @@ a#ubc7-global-utility-no-script { } } -@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) { +@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-no-script, - #ubc7-global-utility button span, - #ubc7-logo, - #ubc7-okanagan-campus, - #ubc7-signature a, - #ubc7-vancouver-campus, - #ubc7-wordmark-block, - .ubc7-arrow { + #ubc7-global-utility button span, + #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--wg #ubc7-global-utility-no-script, - .legacy--wg #ubc7-global-utility button span, - .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, - .legacy--wb #ubc7-global-utility-no-script, - .legacy--wb #ubc7-global-utility button span, - .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-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, + .legacy--wb #ubc7-global-utility-no-script, + .legacy--wb #ubc7-global-utility button span, + .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 { background-image: url(../img/clf/ubc7-clf-sprite-white-2x.png); background-size: 1500px !important; } .legacy--gw #ubc7-global-utility-no-script, - .legacy--gw #ubc7-global-utility button span, - .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 { + .legacy--gw #ubc7-global-utility button span, + .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) { +@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) { +@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; @@ -1368,7 +1380,6 @@ a#ubc7-global-utility-no-script { } /* Centered layout */ - .layout--centered body { background: #ccc; } diff --git a/css/clf.7.reset.css b/css/clf.7.reset.css index d769855..bf9e4e4 100644 --- a/css/clf.7.reset.css +++ b/css/clf.7.reset.css @@ -1,16 +1,20 @@ -.clearfix { - zoom:1 +/** + * @file + * Reset styles + */ + .clearfix { + zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; - content: "" + content: ""; } .clearfix:after { - clear: both + clear: both; } .hide-text { @@ -18,14 +22,14 @@ color: transparent; text-shadow: none; background-color: transparent; - border: 0 + border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; - box-sizing: border-box + box-sizing: border-box; } article, @@ -38,7 +42,7 @@ header, hgroup, nav, section { - display: block + display: block; } audio, @@ -46,17 +50,17 @@ canvas, video { display: inline-block; display: inline; - zoom:1 + zoom: 1; } audio:not([controls]) { - display: none + display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100% + -ms-text-size-adjust: 100%; } body { @@ -66,12 +70,12 @@ body { a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px + outline-offset: -2px; } a:hover, a:active { - outline: 0 + outline: 0; } sub, @@ -79,15 +83,15 @@ sup { position: relative; font-size: 75%; line-height: 0; - vertical-align: baseline + vertical-align: baseline; } sup { - top: -0.5em + top: -0.5em; } sub { - bottom: -0.25em + bottom: -0.25em; } img { @@ -96,12 +100,12 @@ img { max-width: 100%; vertical-align: middle; border: 0; - -ms-interpolation-mode: bicubic + -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { - max-width: none + max-width: none; } button, @@ -110,26 +114,27 @@ select, textarea { margin: 0; font-size: 100%; - vertical-align: middle + vertical-align: middle; } button, input { overflow: visible; - line-height: normal + line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; - border: 0 + border: 0; } -button,html input[type="button"], +button, +html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; - -webkit-appearance: button + -webkit-appearance: button; } label, @@ -140,115 +145,116 @@ input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { - cursor: pointer + cursor: pointer; } input[type="search"] { box-sizing: content-box; - -webkit-appearance: textfield + -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none + -webkit-appearance: none; } textarea { overflow: auto; - vertical-align: top + vertical-align: top; } @media print { * { - color: #000!important; - text-shadow: none!important; - background: transparent!important; - box-shadow: none!important + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; } - a,a:visited { - text-decoration: underline + a, + a:visited { + text-decoration: underline; } a[href]:after { - content: " (" attr(href) ")" + content: " (" attr(href) ")"; } abbr[title]:after { - content: " (" attr(title) ")" + content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { - content: "" + content: ""; } pre, blockquote { border: 1px solid #999; - page-break-inside: avoid + page-break-inside: avoid; } thead { - display: table-header-group + display: table-header-group; } tr, img { - page-break-inside: avoid + page-break-inside: avoid; } img { - max-width: 100%!important + max-width: 100% !important; } @page { - margin: .5cm + margin: 0.5cm; } p, h2, h3 { orphans: 3; - widows: 3 + widows: 3; } h2, h3 { - page-break-after: avoid + page-break-after: avoid; } .page-header { border: 0; margin: 0; - padding-bottom:0 + padding-bottom: 0; } #ubc7-unit a:link:after { - content:none + content: none; } #ubc7-unit { border-bottom: 1px solid #000; height: 80px; - overflow:visible + overflow: visible; } #ubc7-unit-name { - box-shadow:none + box-shadow: none; } #ubc7-unit-faculty { color: #000; margin-bottom: 10px; - text-shadow:none + text-shadow: none; } #ubc7-unit-identifier { color: #000; font-size: 20pt; - text-shadow:none + text-shadow: none; } #ubc7-header, @@ -263,19 +269,19 @@ textarea { #ubc7-minimal-footer, .ubc7-back-to-top, .breadcrumb { - display:none + display: none; } #ubc7-footer, #ubc7-unit-footer { color: #000 !important; border-color: #000 !important; - padding-top:10px !important + padding-top: 10px !important; } #ubc7-unit-social-icons { color: #000; - visibility:visible + visibility: visible; } .row-fluid { @@ -285,43 +291,43 @@ textarea { margin: 0 5%; padding-top: 0 !important; padding-bottom: 0 !important; - width:auto + width: auto; } img { max-width: 100%; - border:0 + border: 0; } video, audio, object, embed { - display:none + display: none; } .btn, .btn-group { background: 0; border-color: #000; - color:#000 + color: #000; } .bootstrap-sidenav, .pagination, .pager, .progress { - display:none + display: none; } #ubc7-carousel .carousel-caption h4, #ubc7-carousel .carousel-caption p, #ubc7-carousel .item p > a { - color:#000 + color: #000; } #ubc7-carousel-counter { - display:none + display: none; } .nav .nav-tabs a:link:after, @@ -335,7 +341,7 @@ textarea { .nav a:link:after, .pager a:link:after, .btn-navbar a:link:after { - content:none + content: none; } .nav-tabs > .active > a, @@ -343,11 +349,11 @@ textarea { border: 0; color: #000; font-weight: 700; - border-bottom:2px solid #000 + border-bottom: 2px solid #000; } .nav-tabs > li > a { color: #000; - border:0 + border: 0; } } diff --git a/css/clf.drupal.css b/css/clf.drupal.css index a46a43d..49e2394 100644 --- a/css/clf.drupal.css +++ b/css/clf.drupal.css @@ -2,32 +2,17 @@ * @file * Overrides some default CLF styles */ -/** - * @file - * LESS variables for theme - */ -/** - * @file - * LESS mixins for theme - */ -/** - * @file - * Overrides for system.theme.css file (can't seem to remove it from the stack ?!?) - */ -/** - * Markup generated by menu.html.twig. - */ ul.menu { margin-left: inherit; /* LTR */ } -[dir=rtl] ul.menu { +[dir="rtl"] ul.menu { margin-right: inherit; } .menu-item--expanded, .menu-item--collapsed, -[dir=rtl] .menu-item--collapsed { +[dir="rtl"] .menu-item--collapsed { list-style-image: none; list-style-type: none; } @@ -62,10 +47,6 @@ ul.menu a.is-active { position: relative; } -/** - * @file - * Overrides some default CLF styles - */ /* Change the 'body' background colour when full width and left-aligned layouts are chosen */ body.full-width, body.fluid-width { @@ -126,14 +107,7 @@ footer { background-color: inherit; } -/** - * @file - * Override the CLF's alert styles. - */ -/* UNIT Alert Styles --------------------------------------------------- */ -/* VARIABLES */ -/* GENERAL STYLES */ +/* Unit Alert Styles */ .alert { color: #fff; padding: 15px 35px 15px 15px; @@ -142,6 +116,7 @@ footer { border-width: 2px; border-radius: 0; } + .alert a, .alert h4 { color: #fff; @@ -162,6 +137,7 @@ a.close { font-weight: bold; line-height: 1; } + a.close:hover { opacity: 1; } @@ -191,5 +167,3 @@ a.close:hover { background-color: #324d6a; border-color: #00162f; } - -/*# sourceMappingURL=clf.drupal.css.map */ diff --git a/css/clf.social-icons.css b/css/clf.social-icons.css index a79258f..02843f8 100644 --- a/css/clf.social-icons.css +++ b/css/clf.social-icons.css @@ -1,11 +1,7 @@ /** * @file - * Reproduce the CLF's alert styles when we load the minimal CLF. + * CLF Social Icon Styles */ -/* CLF Social Icon Styles --------------------------------------------------- */ -/* VARIABLES */ -/* GENERAL STYLES */ #ubc7-unit-social-icons a { text-decoration: none; } @@ -43,5 +39,3 @@ .icon-instagram-sign { background-image: url("../img/social-icons/instagram.svg"); } - -/*# sourceMappingURL=clf.social-icons.css.map */ diff --git a/css/local-tasks.css b/css/local-tasks.css index c9e48fe..40ae132 100644 --- a/css/local-tasks.css +++ b/css/local-tasks.css @@ -96,5 +96,3 @@ ul.secondary a .tab { padding: 3px 8px; line-height: 18px; } - -/*# sourceMappingURL=local-tasks.css.map */ diff --git a/css/maintenance-page.css b/css/maintenance-page.css index afc86f3..e898ee1 100644 --- a/css/maintenance-page.css +++ b/css/maintenance-page.css @@ -84,10 +84,9 @@ body.maintenance-page { width: auto; } } -@media all and (min-width: 600px) { /* $TODO find the proper breakpoint */ +@media all and (min-width: 600px) { + /* $TODO find the proper breakpoint */ .maintenance-page #page { margin: 20px 40px 40px; } } - -/*# sourceMappingURL=maintenance-page.css.map */ diff --git a/css/navigation.secondary.css b/css/navigation.secondary.css index 234db59..f899bf6 100644 --- a/css/navigation.secondary.css +++ b/css/navigation.secondary.css @@ -2,5 +2,3 @@ * @file * Placeholder */ - -/*# sourceMappingURL=navigation.secondary.css.map */ diff --git a/css/navigation.slidein.css b/css/navigation.slidein.css index 60e9661..88859b6 100644 --- a/css/navigation.slidein.css +++ b/css/navigation.slidein.css @@ -20,6 +20,7 @@ padding: 10px; } } + #drawer-button:hover, .off-canvas-drawer--is-active #drawer-button { background-color: #002145 !important; @@ -36,11 +37,13 @@ padding: 11px 0 0 13px; width: 32px; } + .drawer-toggle--hamburger:hover { box-shadow: 1px 1px 1px #191938; -moz-box-shadow: 1px 1px 1px #191938; -webkit-box-shadow: inset 1px 1px 1px #191938; } + .drawer-toggle--hamburger span { margin-top: 3px; display: block; @@ -51,6 +54,7 @@ -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } + .drawer-toggle--hamburger span:first-child { margin-top: 0; } @@ -63,6 +67,7 @@ margin-bottom: 3px; } } + @media screen and (min-width: 1200px) { .drawer-toggle--hamburger { margin-top: 5px; @@ -70,11 +75,13 @@ margin-bottom: 5px; } } + body.toolbar-tray-open.toolbar-vertical.toolbar-fixed.off-canvas-drawer--is-active { margin-left: 0 !important; } -body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { +body.off-canvas-drawer--is-animating, +body.off-canvas-drawer--is-active { overflow: hidden !important; } @@ -102,7 +109,7 @@ body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { width: 0; position: fixed; top: 0; - background-color: #0055B7; + background-color: #0055b7; display: block; overflow: auto; } @@ -155,6 +162,7 @@ body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { display: none; } } + /* Alter CLF Navigation markup to work vertically */ .off-canvas-drawer, .off-canvas-drawer a, @@ -163,7 +171,7 @@ body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { } .off-canvas-drawer .drawer__close { - background-color: #0055B7; + background-color: #0055b7; border-top: 1px solid #002145; border-bottom: none; border-left: none; @@ -176,9 +184,11 @@ body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { text-align: right; width: 100%; } + .off-canvas-drawer .drawer__close:hover { background-color: #003d84; } + .off-canvas-drawer .drawer__close:focus { background-color: #00316b; } @@ -192,22 +202,27 @@ body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { padding-right: 0; text-decoration: none; } + .off-canvas-drawer a:hover { color: #fff; border-color: #002145; } + .off-canvas-drawer .nav { border-bottom: 1px solid #002145; } + .off-canvas-drawer .nav > li > a:focus, .off-canvas-drawer .nav > li > a:hover, .off-canvas-drawer .btn-group:hover > .btn, .off-canvas-drawer .btn-group > a:focus { background-color: #003d84; } + .off-canvas-drawer .btn-group { width: 100%; } + .off-canvas-drawer .btn-group .dropdown-toggle { z-index: 2; float: none; @@ -217,34 +232,43 @@ body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { height: 55px; box-shadow: none; } -.off-canvas-drawer .btn-group .dropdown-toggle:hover:after, .off-canvas-drawer .btn-group .dropdown-toggle:focus:after { + +.off-canvas-drawer .btn-group .dropdown-toggle:hover:after, +.off-canvas-drawer .btn-group .dropdown-toggle:focus:after { color: #fff; } + .off-canvas-drawer .btn-group .dropdown-toggle span { transition: all 0.3s ease; } + .off-canvas-drawer .btn-group .dropdown-toggle:hover span { transform: rotate(90deg); } + .off-canvas-drawer .btn-group .dropdown-menu { border: none; width: 100%; margin-top: 0; } + .off-canvas-drawer .btn-group .dropdown-menu li { border-bottom: none; } + .off-canvas-drawer .btn-group .dropdown-menu a { background-color: #006dea; padding-top: 18px; padding-bottom: 18px; } + .off-canvas-drawer .btn-group > a { width: 100%; z-index: 1; } + .off-canvas-drawer .btn-group > .btn { - background-color: #0055B7; + background-color: #0055b7; border-left: none; border-right: none; border-bottom: none; @@ -254,27 +278,31 @@ body.off-canvas-drawer--is-animating, body.off-canvas-drawer--is-active { background-image: none !important; text-align: left; } + .off-canvas-drawer .btn-group:hover > .dropdown-toggle { background-color: #00316b; } + .off-canvas-drawer .btn-group.open span { transform: rotate(90deg); transition: all 0.3s ease; } + .off-canvas-drawer .btn-group.open .btn.dropdown-toggle { background-color: #003d84; border-color: #002145; } + .off-canvas-drawer .btn-group.open > .dropdown-menu { display: block; position: relative; } + .off-canvas-drawer .ubc7-arrow, .off-canvas-drawer .ubc7-arrow.down-arrow { background-position: -1178px -227px; } + .off-canvas-drawer button:focus { outline: 0; } - -/*# sourceMappingURL=navigation.slidein.css.map */ diff --git a/css/navigation.sticky.css b/css/navigation.sticky.css index 50f76f7..7768101 100644 --- a/css/navigation.sticky.css +++ b/css/navigation.sticky.css @@ -6,26 +6,31 @@ body.unit-area-is-sticky { padding-top: 50px; } + #ubc7-unit.navigation-is-sticky { position: fixed; top: 0; width: 100%; z-index: 300; } + body.unit-area-is-sticky #ubc7-unit-menu { position: fixed; top: 50px; width: 100%; z-index: 300; } + #ubc7-unit.navigation-is-sticky .btn-navbar { margin-right: 40px; } } + @media screen and (min-width: 980px) { body.unit-menu-is-sticky { padding-top: 40px; } + #ubc7-unit-menu.navigation-is-sticky { position: fixed; top: 0; @@ -33,10 +38,9 @@ z-index: 300; } } + @media screen and (min-width: 980px) and (min-width: 1200px) { body.unit-menu-is-sticky { padding-top: 45px; } } - -/*# sourceMappingURL=navigation.sticky.css.map */