.CatalogBundleFail { display: none; } .ui-icon-catalogView, .ui-icon-catalogView:hover { width: 24px; height: 24px; margin-top: 5px !important; margin-left: 5px !important; font-size: 0; } .EventDetailsGlanceData { margin-top: 0.5em; } .EventDetailsImage { max-height: 200px; max-width: 200px; margin-bottom: 0.5rem; } .EventDetailsGlanceData .GlanceIcon { margin-right: 0.5em; } .CatalogViewButton { height: 35px; width: 35px; padding: 0; opacity: 1 !important; } .TypeButtons { font-size: 1.2em; margin-top: 0.2em; } .TypeButtons img { width: 1.3rem; margin-right: 0.5rem; } /*.TypeButtons > text { color: blue; }*/ .TypeButtons .HoverIcon { display: none; } .TypeButtons:hover .HoverIcon, .TypeButtons.ui-state-active .HoverIcon { display: inherit; } .TypeButtons:hover .Icon, .TypeButtons.ui-state-active .Icon { display: none; } /* Tile Row Settings */ .ListContainer hr { margin: 0; } .ListItem_clear_float { clear: both; height: 0; overflow: hidden; } .ListItem_content { padding: 10px; margin-bottom: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border-radius: 5px; } .ListItem_content img { max-width: 100%; max-height: 100%; margin: 0; } .ListItem_main { float: left; margin-top: 0; margin-left: 5px; width: calc(100% - 105px); } .ListItem_main a { text-decoration: none; } .ListItem_main h4 { text-decoration: none; margin: 0; margin-top: -5px; margin-bottom: 5px; font-size: 1.4em; } .ListItem_description { margin: 0.5em 0; } .ListItem_provider { font-size: 12px; font-weight: bold; float: right; } .banner { background-color: #3B4FA2; color: #FFFFFF; font-size: 24px; height: 42px; padding-left: 30px; } .banner:before { content: ""; position: absolute; width: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 20px solid #EDEDED; margin-left: -30px; } /* Used to make the categories filter box auto, instead of be the height of the largest one*/ .ui-accordion-content-active { height: auto !important; } .resultsTypeIcon { display: inline-block; text-indent: -9999px; /* hides the link text */ width: 30px; height: 30px; padding: 0; border-width: 0; } .iconButtonGrid24 { background: url(/Media/Icons/White/Mini/Grid24.png) no-repeat; /* no-repeat top left;*/ } .iconButtonList24 { background: url(/Media/Icons/White/Mini/List24.png) no-repeat; /* no-repeat top left;*/ } .iconButton { width: 30px; height: 30px; position: absolute; /* top: 50%; */ /* left: 50%; */ margin-top: -11px; margin-left: -12px; /*background-size: 30px 30px; width: 30px; height: 30px;*/ } .banner { background-color: #3B4FA2; color: #FFFFFF; font-size: 24px; height: 42px; padding-left: 30px; } .banner:before { content: ""; position: absolute; width: 0; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 20px solid #EDEDED; margin-left: -30px; } /* Calendar Styles - WILL NEED TO GO IN LESS FILE */ .DayMore { text-align: center; margin-top: 0.5em; } #Calendar .Box:hover .DayMore span { text-decoration: underline; } #Calendar .Overflow { display: none; } #Calendar .Week { clear: both; } #Calendar .WeekMax .Overflow { display: inherit !important; } #Calendar .Weekday { text-overflow: clip; overflow-x: hidden; } #Calendar .WeekToggle { height: 100%; padding-right: 0 !important; width: 100%; } #Calendar .WeekToggleBox, .WeekToggleBoxHeader { width: 3.5%; float: left; margin: 0.25%; transition: 1s ease; } #Calendar .WeekToggleBox { height: 8.5em; } #Calendar .WeekMin > .Day, .WeekMin > .WeekToggleBox { height: 2em !important; } .WeekMin .Events, .WeekMin .DayMore, .WeekMax .DayMore { display: none !important; } #Calendar .WeekMax > .Day, .WeekMax > .WeekToggleBox { height: 38em !important; } #Calendar .DayMin > div.Events { display: none !important; } #Calendar .DayMax > .DayMore { display: none !important; } #Calendar .WeekDayName { height: 100%; width: 100%; } #Calendar .DayMin > .WeekDayName { display: none; } #Calendar .DayMin > span.WeekDayAbb { display: inherit !important; } /*#Calendar .DayNavBox { width: 15%; height: 35.8em; }*/ #Calendar .DayNavButton { width: 11.5%; height: 38em; } .SectionDetailsGlanceData .GlanceIcon { margin-right: 0.5em; } .Item .EnrolledIcon { margin-right: -0.2em; } .Item.ItemEnrolled .EnrolledIcon { display: inline-block !important; } .Tile { height: 150px !important; width: 150px !important; font-size: 0.75rem; } .Tile h3 { font-size: 1.31em; } #CreateCatalogSubscriptionContainer { float: left; width: 28em; display: inline-block; overflow: hidden; transition: 1s ease; height: 35px; position: relative; } .HideCreateCatalogSubscription { width: 0 !important; } /****************************************************************************** * Calendar styles ******************************************************************************/ #Calendar .Box { float: left; width: 13.2%; margin: 0.25%; background-color: #F7f7f7; color: #363636; transition: height 1s ease, width 1s ease; position: relative; } @media (max-width: 600px) { #Calendar .Box { width: 13.6%; } } #Calendar .DayMin { width: 5% !important; } @media (max-width: 600px) { #Calendar .DayMin { width: 7.5% !important; } } #Calendar .DayMax { width: 62.5% !important; } @media (max-width: 600px) { #Calendar .DayMax { width: 51.5% !important; } } #Calendar .Selected .FullHide { color: #363636 !important; background: #CCD397 !important; } #Calendar .ItemHover { background-color: #CCD397 !important; color: #363636 !important; } #Calendar .DayHover.DayMin { color: #CCD397 !important; } #Calendar .DayHover .DayMore { display: none; } /*#Calendar .DayMin.HasItems .DateBox { border-bottom: @PrimaryBackground 0.3em solid; padding-bottom: 0em; }*/ #Calendar .Day { height: 8.5em; cursor: pointer; } #Calendar .Weekday { text-align: center; font-size: 1.15em; } #Calendar .DateBox { padding: 0.3em; font-weight: bolder; } #Calendar .Box:hover .DateBox { text-decoration: underline; } #Calendar .Today .DateBox { color: #B2BB1C; } .OutOfMonth { /* background-color: inherit !important;*/ opacity: 0.5; } .OutOfMonth:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .Past .Events .Item { opacity: 0.5 !important; } #Calendar .Events { position: relative; z-index: 1; overflow-y: hidden; } #Calendar .DayMax .Events, #Calendar .WeekMax .Events { overflow-y: auto !important; height: 35.8em; } #Calendar .Events .Item { border: 1px solid #B7B7B7; width: 100%; box-sizing: border-box; background-color: #B2BB1C; color: #363636; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0.2em; } #Calendar .Events .Item:hover { background-color: #CCD397; color: #363636; } #EventDetailsDialog .Sections { clear: both; box-sizing: border-box; padding-top: 0.2em; padding-bottom: 0.2em; font-size: 0.9em; background-color: #EFEEE6; color: #363636; margin-left: -1.1em; border-left: #B2BB1C solid 0.5em; margin-top: 0.5em; margin-right: -1.12em; max-height: 15.4em; overflow-y: auto; } @media (max-width: 600px) { #EventDetailsDialog .Sections { max-height: none; } } #EventDetailsDialog .EventDetailsSection { cursor: pointer; } #EventDetailsDialog .EventDetailsSection:hover { background-color: #CCD397; color: #363636; } /****************************************************************************** Catalog Schedule view classes ******************************************************************************/ #CatalogResults .ScheduleRow { margin: 1.5em; } #CatalogResults .ScheduleDayBox { width: 8%; float: left; } #CatalogResults .ScheduleMonth { padding-right: 0.5em; color: #363636; background-color: #CCD397; float: right; width: 3em; margin-right: 2px; text-align: right; font-weight: bold; } #CatalogResults .ScheduleDay { font-size: 2.5em; font-weight: bold; font-style: italic; padding-right: 0.2em; color: #363636; background-color: #B2BB1C; float: right; clear: both; width: 1.2em; text-align: right; margin: 2px; } #CatalogResults .ScheduleRow.Today > .ScheduleItemsBox { border-left-color: #CCD397; } #CatalogResults .ScheduleItemsBox { border-left: #B2BB1C solid 0.3em; width: 90%; padding-left: 0.2em; float: left; min-height: 4em; } #CatalogResults .ScheduleItem { border: 1px solid #B7B7B7; width: 100%; box-sizing: border-box; background-color: #F7f7f7; color: #363636; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0.5em; margin: 4px; cursor: pointer; } #CatalogResults .ScheduleItem .ScheduleItemName { font-weight: bolder; } #CatalogResults .ScheduleItem .ScheduleItemDateRange { font-size: 0.9em; } #CatalogResults .ScheduleItem .ScheduleItemEnrollment { font-size: 0.9em; } #CatalogResults .ScheduleItem .ScheduleItemLocation { font-size: 0.9em; } #CatalogResults .ScheduleItem.ItemHover { background-color: #CCD397; color: #363636; } /*#CatalogResults .ScheduleRow.PreviousDay > .ScheduleItemsBox > .ScheduleItem , .ScheduleRow.PreviousDay { opacity: 0.5 !important; }*/ #CatalogResults .ScheduleRow.PreviousDay { opacity: 0.5 !important; } /* SECTION DETAILS DIALOG */ #LocationFullAddress, #LocationTelephone, #LocationWebsiteUrl, #MapUrl { font-style: italic; font-size: 0.9em; } #SectionDetailsDialog .Schedules, #CourseDetailsDialog .Schedules { clear: both; box-sizing: border-box; padding-top: 0.6em; font-size: 0.9em; background-color: #EFEEE6; color: #363636; margin-left: -1.1em; padding-bottom: 0.4em; padding-left: 2em; border-left: #B2BB1C solid 0.5em; margin-top: 0.5em; margin-right: -1.12em; max-height: 12em; overflow-y: auto; } @media (max-width: 600px) { #SectionDetailsDialog .Schedules, #CourseDetailsDialog .Schedules { max-height: none; } } .DialogTitleBarButton { right: 1.8em !important; } .SectionDetailsGlanceData { margin-top: 0.5em; } .SectionDetailsImage { max-height: 200px; max-width: 200px; } /*********************************************************/ /* Shift filters to left side of screen */ /*********************************************************/ @media (min-width: 1250px) { #AccordionFiltersContainer { margin-top: 45px; position: absolute; width: 230px; left: -610px; margin-left: 50%; min-width: 0; } #AccordionFiltersContainer.TileView { left: 0 !important; margin-left: 10px !important; } #CatalogResults.TileView { left: 120px; } #AccordionFiltersContainer h3, #AccordionFiltersContainer .TypeButtons { font-size: 1em; } } @media (min-width: 1250px) and (max-width: 1500px) { .ShiftWithResize { left: 120px; } } @media (min-width: 1500px) { #AccordionFiltersContainer { left: -720px; } } /*********************************************************/ /*********************************************************/