/**/
.flex-container {
display: -webkit-flex;
display: flex;
min-height: 100%;
}
.sidenav {
padding: 10px;
-webkit-flex: 1;
flex: 0;
}
.maincontent {
padding: 5px;
-webkit-flex: 5;
flex: 5;
}
/* Carousel adjustments */
/* Making carousel controls responsive and removing default styling */
.carousel-control i.icon-chevron-left,
.carousel-control i.icon-chevron-right {
color: #fff;
text-decoration: none !important;
}
.carousel-control {
top: 50% !important;
background: none !important;
border: none !important;
font-size: 150%;
width: 65px;
height: auto;
opacity: 0.7;
}
.carousel-control.left {
left: 0;
margin-left: -10px;
}
.carousel-control.right {
right: 0;
margin-right: -10px;
}
/* making carousel controls accessible through displaying text for screen readers */
.visually-hidden {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
/* ensuring images maintain the correct dimensions and width */
.carousel-inner .item img {
width: 100%;
aspect-ratio: 6 / 4;
}
/* ensuring responsive design in the carousel caption */
@media (max-width: 1200px) {
.top-left-box.long {
font-size: 1em !important;
}
.top-left-box {
font-size: 1.5em !important;
}
}
@media (max-width: 520px) {
.carousel-caption p {
display: block !important;
}
.carousel-caption {
padding: 5px 5px 10px 10px !important;
}
.top-left-box {
font-size: 1em !important;
}
}
@media (max-width: 480px) {
.carousel-caption {
min-height: 25% !important;
max-height: 30% !important;
}
}
@media (max-width: 414px) {
.carousel-caption p {
display: block !important;
font-size: 11px !important;
}
}
.carousel-caption {
min-height: 20% !important;
max-height: 40% !important;
background-color: #002145b3 !important;
position: absolute;
}
.carousel-caption p {
opacity: 1 !important;
font-size: 14px;
}
.carousel-caption a {
text-decoration: none;
}
.carousel {
padding-top: 30px;
}
/* New styles for the top-left box */
.top-left-box {
position: absolute;
top: 15%;
left: 0px;
background-color: #00a7e1;
padding: 10px;
box-shadow: 5px 10px 10px #052c3f;
font-family: "Whitney", sans-serif;
color: white;
text-transform: uppercase;
font-weight: bold;
font-size: 2em;
min-height: 20%;
max-height: 35%;
min-width: 20%;
max-width: 60%;
display: flex;
justify-content: center;
align-items: center !important;
}
.img-text {
padding: 0px !important;
margin: 0px !important;
}
/**/
Office of the Chief Information Officer (OCIO)
UBC's core mission is to provide an exceptional research and learning environment for faculty, staff, and students. Information technology is a key enabler of the institution's objectives, providing a source of innovation and opportunity to achieve its goals and position as a global research institution and one of the top 20 public universities in the world. With a community of more than 700 IT professionals, we are committed to ensuring that our efforts add value and are aligned to the highest priorities of UBC.
// (function ($) { $(document).ready(function () { $(".carousel").carousel(); }); })(jQuery); //
