leedshealthandcarelearningportal.org
Leeds Health and Care Learning Portal: Log in to the site
document.addEventListener('DOMContentLoaded', function() { // Because the SSO buttons don't load immediately, we have to use this check interval approach to // ensure that the SSO buttons have loaded correctly const maxWaitTime = 50000; // 50 seconds const checkInterval = 100; // 100ms interval between checks let elapsedTime = 0; const interval = setInterval(() => { // Get all SSO buttons (1st selector for new login screens, 2nd selector for old login screens) var ssoButtons = document.querySelectorAll('a.tui-core_auth-stackChooser__option, #page-login-index .potentialidp'); // If buttons are found or maxWaitTime is exceeded, proceed if (ssoButtons.length > 0 || elapsedTime >= maxWaitTime) { clearInterval(interval); ssoButtons.forEach(ssoButton => { console.log(ssoButton.innerText); if (!ssoButton.innerText.includes("CLS")) { ssoButton.classList.add('client'); } }); } // Increment elapsed time elapsedTime += checkInterval; }, checkInterval);});
.tui-btn--variant-primary {
--tui-btn-color: var(--btn-prim-accent-color);
--tui-btn-color-hover: var(--btn-prim-accent-color-hover);
--tui-btn-color-active: var(--btn-prim-accent-color-active);
--tui-btn-color-contrast: var(--btn-prim-text-color);
font-weight: bold;
}
.tui-btn--variant-primary.tui-btn--disabled,
.tui-btn--variant-primary.tui-btn--disabled:hover,
.tui-btn--variant-primary.tui-btn--disabled:active {
--tui-btn-color: var(--btn-prim-accent-color-disabled);
--tui-btn-color-contrast: var(--btn-prim-text-color-disabled);
}
.tui-btn--variant-primary .tui-btn__loading {
color: var(--btn-prim-loader-color-disabled);
}
.btn.btn-primary,
.btn-primary {
color: var(--btn-prim-text-color, #fff);
background-color: var(--btn-prim-accent-color);
border-color: var(--btn-prim-accent-color);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
color: var(--btn-prim-text-color-hover, var(--btn-prim-text-color, #fff));
background-color: var(--btn-prim-accent-color-hover, var(--btn-prim-accent-color-focus, var(--btn-prim-accent-color)));
border-color: var(--btn-prim-accent-color-hover, var(--btn-prim-accent-color-focus, var(--btn-prim-accent-color)));
}
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn-primary:active,
.btn-primary.active {
color: var(--btn-prim-text-color-active, var(--btn-prim-text-color, #fff));
background-color: var(--btn-prim-accent-color-active, var(--btn-prim-accent-color));
border-color: var(--btn-prim-accent-color-active, var(--btn-prim-accent-color));
}
.btn.btn-primary.disabled,
.btn.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary[disabled] {
color: var(--btn-prim-text-color-disabled, #fff);
background-color: var(--btn-prim-accent-color-disabled, var(--btn-prim-accent-color));
border-color: var(--btn-prim-accent-color-disabled, var(--btn-prim-accent-color));
}
.btn.btn-secondary,
.btn-secondary,
.btn.btn-default,
.btn-default {
color: var(--btn-accent-color);
background-color: var(--btn-bg-color, #fff);
border-color: var(--btn-accent-color);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn-default:hover,
.btn-default:focus {
color: var(--btn-accent-color-hover, var(--btn-accent-color));
background-color: var(--btn-bg-color-hover, var(--btn-bg-color, #fff));
border-color: var(--btn-accent-color-hover, var(--btn-accent-color));
}
.btn.btn-secondary:active,
.btn.btn-secondary.active,
.btn-secondary:active,
.btn-secondary.active,
.btn.btn-default:active,
.btn.btn-default.active,
.btn-default:active,
.btn-default.active {
color: var(--btn-accent-color-active, var(--btn-accent-color));
background-color: var(--btn-bg-color-active, var(--btn-bg-color, #fff));
border-color: var(--btn-accent-color-active, var(--btn-accent-color));
}
.btn.btn-secondary.disabled,
.btn.btn-secondary[disabled],
.btn-secondary.disabled,
.btn-secondary[disabled],
.btn.btn-default.disabled,
.btn.btn-default[disabled],
.btn-default.disabled,
.btn-default[disabled] {
color: var(--btn-accent-color-disabled, var(--btn-accent-color));
background-color: var(--btn-bg-color-disabled, var(--btn-bg-color, #fff));
border-color: var(--btn-accent-color-disabled, var(--btn-accent-color));
}
/* Custom font for whole site */
/* Custom font for headings only */
.ft {
font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
}
body {
font-family: Open Sans; font-size: px;
}
/* Template 1 */
/* Template 2 */
body {
background-color: #f5f5f5;
}
.totaraNav{
box-shadow: unset;
border-bottom: unset;
}
.totaraNav_prim{
margin-bottom: 10px;
}
.breadcrumb-container {
background-color: transparent;
}
.breadcrumb-nav {
background-color: #FFF;
margin-left: -5px;
}
#page-content {
background-color: rgba(255, 255, 255, ) !important;
background-color: white;
}
#page-header {
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
}
#page-content {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
}
/* Blocks */
.block{
background-color: #fff0 !important; }
.block .block-header,
#dockeditempanel .dockeditempanel_content .header {
background-color: #26749d;
}
.block .block-header {
border-radius: 7px 7px 0px 0px;
}
.block .block-title,
#dockeditempanel .dockeditempanel_content .block-title {
box-shadow: unset;
}
.block .header h2,
#dockeditempanel .dockeditempanel_content .header h2 {
color: #ffffff;
font-size: px;
}
.page-heading h1.main,
.page-heading h2.main,
#page-header .page-header-headings h1,
#page-header .page-header-headings h2 {
color: #ffffff;
}
.block .block_action .flex-icon,
#dockeditempanel .dockeditempanel_content .block_action .flex-icon {
color: #ffffff;
}
/* Course Page */
#page-course-view-grid #gridshadebox_content .instancename,
#page-course-view-topics .activityinstance .instancename {
font-size: 24px;
color: #009e98;
}
/* Accessibility */
.CLS-Access-dropbtn {
color: #FFFFFF;
}
.cls-accessibility-container {
right: 50px; }
.cls-accessibility-fab-options {
right: 0;
}
.cls-accessibility-fab {
background: #FFFFFF;
}
/* Report tiles */
#page-my-reports .tui-totara_reportbuilder-listingReportItem--grid {
color: #ffffff;
background-color: #50535a;
border: 1px solid #C7C7C7;
}
#page-my-reports .tui-totara_reportbuilder-reportsList__list--grid {
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
}
/* Breadcrumb */
.breadcrumb-container .breadcrumb-nav {
color: #26749d;
}
.breadcrumb-nav .breadcrumb {
width: max-content;
background-color: #FFFFFF;
padding: 8px 15px;
}
.breadcrumb-container .breadcrumb-nav a{
color: #26749d;
}
.breadcrumb-container .breadcrumb > li + li::before {
color: #6fb52e;
}
.editor_atto_menu .open ul.dropdown-menu li a{
color: black !important;
}
.course-content .activityinstance .dimmed .instancename{
color:#64717d !important;
}
#page-course-view-grid #gridshadebox {
z-index: 100;
}
table[data-source="rb_source_user_certifications"] th, table[data-source="rb_source_user_certifications"] td {
max-width: 300px;
min-width: 300px;
word-wrap: break-word;
white-space: unset !important;
}
table[data-source="rb_source_user_certifications"] td[class*="certification_"] {
min-width: 150px;
}
table[data-source="rb_source_user_certifications"] thead th[class*="certification_"] {
min-width: 150px;
}
table[data-source="rb_source_user_certifications"] {
position: relative;
width: 100%;
overflow: hidden;
table-layout: fixed;
border-collapse: unset !important;
}
table[data-source="rb_source_user_certifications"] thead {
position: relative;
display: block;
width: 100%;
overflow: visible;
}
table[data-source="rb_source_user_certifications"] thead th {
height: 40px;
}
table[data-source="rb_source_user_certifications"] thead th:nth-child(1) {
position: relative;
display: block;
height: 40px;
padding-top: 40px;
min-width: 250px;
max-width: 250px;
display: table-cell;
background-color: white;
}
table[data-source="rb_source_user_certifications"] tbody {
position: relative;
display: block;
width: 100%;
height: 600px;
overflow: scroll;
}
table[data-source="rb_source_user_certifications"] tbody td {
word-wrap: break-word;
}
table[data-source="rb_source_user_certifications"] tbody tr td:nth-child(1) {
position: relative;
display: block;
min-width: 250px;
max-width: 250px;
word-wrap: break-word;
background-color: white;
}
/*
** v18 Admin panel overlap
*/
.tui-workspaceDiscussionForm__editor {
position: relative;
z-index: 1;
}
/* Nav Collapse*/
/* Footer */
#page-footer .page-footer-main-content {
flex-flow: unset;
}
.cls-footer-main{
display: flex;
}
.cls-footer-content {
width: 100%;
}
.cls-footer {
flex: 1;
width: 33.3%;
}
.clsFooterImgLeft, .clsFooterImgRight {
height: auto;
max-width: 100%;
padding-top: 5px;
}
.clsFooterImgLeft{
float: left;
}
.clsFooterImgRight{
float: right;
}
@media (max-width: 950px) {
.cls-footer-main {
flex-direction: column;
}
.cls-footer {
width: 100%;
}
}
#page-footer {
margin-top: unset !important; background-color: #26749d;
color: #ffffff !important;
box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2); }
#page-footer a{
color: #ffffff !important;
}
.page-footer-poweredby {
background-color: #26749d;
}
/* Nav */
#cls-container-nav {
z-index: 99;
}
#cls-container-nav .totaraNav_prim,
#cls-container-nav .navExpand--list,
#cls-container-nav .navExpand--listSecond .navExpand--list_item_link,
#cls-container-nav .totara_core__QuickAccess .totara_core__QuickAccess_menu,
#cls-container-nav .totaraNav_prim--list_showMobile,
#cls-container-nav .popover-region-container,
#cls-container-nav .dropdown-menu, .moodle-actionmenu[data-enhanced].show .menu,
#cls-container-nav .totaraNav_sub,
#cls-container-nav .totaraNav_sub--list_item_link,
#cls-container-nav .totaraNav_prim--toggleNav_target {
background-color: #26749d;
}
.totaraNav_prim {
margin-bottom: unset !important;
}
#cls-container-nav .totaraNav_prim--list_item_link {
border-color: #26749d;
}
#cls-container-nav .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_label::after {
border-color:#6fb52e;
}
#cls-container-nav .totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link {
border-top: unset;
border-right: unset;
border-bottom: 3px solid #6fb52e;
border-left: unset;
}
#cls-container-nav .totaraNav_sub {
border-top:1px ridge #6fb52e;
}
#cls-container-nav .totara_core__QuickAccess .totara_core__QuickAccess_menu {
border-top:2px solid #6fb52e;
}
#cls-container-nav .totaraNav_prim {
padding: 0px;
}
#cls-container-nav .usermenu .menu li a {
background-color: #26749d;
}
#cls-container-nav .navExpand--list .navExpand--list_item a:hover {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
border-bottom: 2px solid #6fb52e;
background-color: #26749d;
}
#cls-container-nav .navExpand--listSecond .navExpand--list_item_link {
border-top: unset;
}
#cls-container-nav .usermenu .menu li a:hover {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
border-bottom: 2px solid #6fb52e;
}
#cls-container-nav .totaraNav_prim--side .popover-region .nav-link,
#cls-container-nav .totaraNav_prim--side .usermenu .toggle-display.textmenu,
#cls-container-nav .totaraNav_prim--toggleNav_target .flex-icon,
#cls-container-nav .usermenu .menu-action .flex-icon{
color: #ffffff;
}
#cls-container-nav .totaraNav_prim--list_item_label {
color: #ffffff;
}
#cls-container-nav .navExpand--list_item_label,
#cls-container-nav .moodle-actionmenu[data-enhanced] .menu-action-text,
#cls-container-nav .totaraNav_prim--side .popover-region .popover-region-container,
#cls-container-nav .totara_core__QuickAccess .totara_core__QuickAccess_group-title,
#cls-container-nav .totaraNav_sub--list_item_label {
color: #ffffff;
}
#cls-container-nav .totara_core__QuickAccess .totara_core__QuickAccess_group-list li a,
#cls-container-nav .totaraNav_prim--side .popover-region .popover-region-container a {
color: #ffffff;
}
.content-item-container.unread {
background-color: unset !important;
}
/* Course Search */
#cls-container-nav #cls-course-search input {
outline: none;
}
#cls-container-nav #cls-course-search input[type=text] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}
#cls-container-nav #cls-course-search input::-webkit-search-decoration,
#cls-container-nav #cls-course-search input::-webkit-search-cancel-button {
display: none;
}
#cls-container-nav #cls-course-search input[type=text] {
background: transparent url(/pluginfile.php/1/block_cls_file_upload/attachment/0/search.png) no-repeat 5px center;
background-size: 14px 14px;
border: unset;
padding: 0;
box-shadow: unset;
height: 28px;
margin-top: 6px;
max-width: 120px;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
#cls-container-nav #cls-course-search input[type=text]:focus {
width: 130px;
background-color: #fff;
border-color: #66CC75;
-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
box-shadow: 0 0 5px rgba(109,207,246,.5);
}
#cls-container-nav #cls-course-search input[type=text]:focus::-moz-placeholder { /* Firefox 19+ */
color: inherit;
}
#cls-container-nav #cls-course-search input[type=text]:focus:-ms-input-placeholder { /* IE 10+ */
color: inherit;
}
#cls-container-nav #cls-course-search input[type=text]:focus:-moz-placeholder { /* Firefox 18- */
color: inherit;
}
#cls-container-nav #cls-course-search input[type=text]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: inherit;
}
#cls-container-nav #cls-course-search input[type=text] {
width: 15px;
padding-left: 10px;
color: transparent;
cursor: pointer;
}
#cls-container-nav #cls-course-search input[type=text]:hover {
background-color: #fff;
}
#cls-container-nav #cls-course-search input[type=text]:focus {
width: 130px;
padding-left: 32px;
color: gray;
background-color: #fff;
cursor: auto;
}
#cls-container-nav #cls-course-search input[type=text]::-moz-placeholder { /* Firefox 19+ */
color: transparent;
}
#cls-container-nav #cls-course-search input[type=text]:-ms-input-placeholder { /* IE 10+ */
color: transparent;
}
#cls-container-nav #cls-course-search input[type=text]:-moz-placeholder { /* Firefox 18- */
color: transparent;
}
#cls-container-nav #cls-course-search input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: transparent;
}
#cls-container-nav #searchbtnform {
display: none;
}
/* Cog drop down menus */
.dropdown-menu > li > a, .moodle-actionmenu[data-enhanced].show .menu > li > a {
color: #ffffff;
}
/* Banner */
#cls-site-banner{
display: inline-flex;
background-color:#ffffff;
height:125px;
width: 100%;
}
.cls-banner {
flex: 1;
width: 33.3%;
}
.cls-banner img {
width: 100%;
height: 100%;
object-fit: contain;
}
#cls-banner-1 .clsTheme_img{
object-position: left;
}
#cls-banner-3 .clsTheme_img{
object-position: right;
}
.cls-banner-content {
width: 100%;
}
.cls-site-banner-main {
width: 100%;
display: flex;
}
@media (max-width: 800px) {
#cls-site-banner {
display: block;
height: unset !important;
}
.cls-banner {
height: 33%;
}
}
