behaviour for user-editable RTF fields to override the
1em padding. */ td.opac_detail_field p, tbody.data td#notes p, tbody.data td#holdingNotes p, tbody.data td#articleAbstract p, tbody.data td#userNote1 p, tbody.data td#userNote2 p, tbody.data td#scopeNote p, tbody.data td#localNotes p, tbody.data td#message p { padding: 0px; margin-top: 1em; margin-bottom: 1em; } td.opac_detail_field p:first-child, tbody.data td#notes p:first-child, tbody.data td#holdingNotes p:first-child, tbody.data td#articleAbstract p:first-child, tbody.data td#userNote1 p:first-child, tbody.data td#userNote2 p:first-child, tbody.data td#scopeNote p:first-child, tbody.data td#localNotes p:first-child, tbody.data td#message p:first-child { margin-top: 0em; } td.opac_detail_field p:last-child, tbody.data td#notes p:last-child, tbody.data td#holdingNotes p:last-child, tbody.data td#articleAbstract p:last-child, tbody.data td#userNote1 p:last-child, tbody.data td#userNote2 p:last-child, tbody.data td#scopeNote p:last-child, tbody.data td#localNotes p:last-child, tbody.data td#message p:last-child { margin-bottom: 0em; } div#mainPage { display: initial; } .exitPreview { display: inline-block; padding-bottom: 0.5em; padding-left: 1em; padding-right: 1em; padding-top: 1em; } /** Page headers **/ .pageHeader { padding-left: 1em; padding-right: 1em; overflow: hidden; } .pageHeader .historyCrumbs > *{ display: inline-block; padding-bottom: 0.5em; padding-left: 0.1em; padding-right: 0.1em; padding-top: 2.2em; } .pageHeader a.logout, .pageHeader button.logout, .pageHeader a.login, .pageHeader button.login, .pageHeader a.register, .pageHeader span#loggedInUser { display: inline-block; padding-bottom: 0.5em; padding-left: 1em; padding-right: 1em; padding-top: 2.2em; } .pageHeader .corpName { display: block; font-size: 1.1em; padding-bottom: 0em; padding-left: 1em; padding-right: 1em; padding-top: 2em; } #pageHeaderLinks { display: flex; flex-direction: row; } #pageHeader_showLinks { display: none; } .headerText { padding: 0.5em; display: inline-block; } .subheadingNavButtons { padding: 0.3em; float: right; position: relative; right: 25%; } .opacAvailability { display: flex; flex-wrap: nowrap; align-items: center; white-space: nowrap; } .opacAvailability .icon { margin-right: 0.3em; } .opacInterestsHeader { margin-top: 1em; margin-bottom: 1em; } .opacInterestsSearchPrompt { display: flex; align-items: center; } .opacInterestHeaderButtons { margin-bottom: 1em; } .simpleHeader { margin-left: 1em; margin-right: 1em; } /** skip links display only when focused **/ a.skip { position:absolute; height: 0.1em; width: 0.1em; overflow: hidden; opacity: 0; } a.skip:focus { height: auto; width: auto; overflow: auto; z-index: 100; opacity: 1; } /** widgets **/ .ui-widget { margin: 1em; } .ui-widget-header, .ui-widget-content { border-style: none; } .ui-widget-content.detailSmallSubheading { padding-bottom: 0em; } .ui-dialog.ui-widget-content { margin: 0em; padding: 0em; } .ui-dialog-buttonpane button > span.ui-button-text > span.icon { font-size: 1.1em; } .contentPane, .navButtons, .detailOpBar, .pageControls, .pageEditLinks, .dialogFooter { margin-left: 1em; margin-right: 1em; } .pagecenter { overflow: auto; } .contentPane, .contentPaneEmbedded { margin-bottom: 1em; margin-top: 1em; } table#dialogLayer div.detailOpBar { margin-bottom: 0.6em; } table#dialogLayer div.contentPane { margin-top: 0em; } table#dialogLayer div#manageWardsContentPane div.contentPane { margin-top: 1em; } .contentLine { margin-bottom: 0.5em; } .pageControls { margin: 0em; padding-left: 1em; padding-right: 1em; padding-top: 0.1em; } .navButtonSeparator { width: 0.3em; display: inline-block; } @media (min-width: 1100px) { .navButtonSeparator { width: 1em; } } .navIndex { margin-right: 1em; } .entitySelectionButtons { vertical-align: super; } .detailOpBar, .detailOpBarEmbedded { margin-top: 0.6em; margin-bottom: -0.5em; } .detailOpText { padding-left: 0.2em; padding-top: 0.3em; } .sortArrowButtons { width: 3em; display: inline-block; } .ajaxListModelTable { margin-left: 3em; padding-right: 1em; padding-bottom: 1em; } .ajaxAuthorScopeNotes { font-style: italic; font-weight: bold; } .listWidgetButtons { vertical-align: top; } .ajaxResult { border-radius: 1em; padding: 0.5em; } .iconButtonWidth { margin: 0em !important; padding: 0em !important; width: 2.5em; } .iconButtonWidth .icon { margin: 0em; } .searchPrompt { margin: 0.5em; margin-bottom: 0; display: inline-block; padding-top: 0.35em; padding-bottom: 0.35em; padding-left: 0.35em; padding-right: 0.35em; } .oldSearchPrompt { border-radius: 0.5em; } div.centerTileBackground { background-repeat: no-repeat; background-position: center; } div.bannerOpacSearchBarContainer { position: absolute; margin: 0 auto; top: calc(50% - 3em); left: 15px; right: 15px; width: calc(100% - 30px); } div.opacUpdatedSearchBarContainer, div.updatedSearchAndDialogs { z-index: 999; } .customSearchFormInput { width: 100%; order: 2; box-sizing: border-box; } .updatedSearchPrompt > .searchBarQueryField { display: flex; flex-direction: row; border-radius: 24px; align-items: center; } .customSearchFormInput, div.opacUpdatedSearchBarContainer .searchBarQueryField.searchBar { height: 100%; } .topAndBottomBuffer { margin-top: 0.25em; padding-top: 0.25em; } .searchPrompt input, .updatedSearchPrompt input { border-style: none; } .searchPrompt input:focus, .updatedSearchPrompt input:focus, input.selfCircDeskInputField:focus, input.visitorLoggingInputField:focus { outline: none; } #searchBar *:not(.alignBottom) { vertical-align: middle; } .dialogueBodyRightColumn { padding-right: 2em; padding-top: 1em; padding-left: 2em; width: 10%; } div.listFileUsage { min-width: 10em; } .searchPrompt, .searchPromptSmall { border-style: solid; border-width:1px; } .searchPromptSmall { border-radius: 0.5em; display: inline-block; display: flex; align-items: center; padding-left: 0.5em; } .searchPromptSmall input { border-style: none; margin-left: 0.3em; } .searchForm { padding-top: 1em; padding-bottom: 1em; } .searchForm table { width: auto; } .searchForm td, .searchForm th, span.bookingLegend { padding-top: 0.2em; padding-bottom: 0.4em; } /* Extra spacing for all big/custom search fields. This occurs a few pixels wider than other changes to avoid scrollbar space causing wrapping. */ @media (min-width: 1232px) { .searchForm td, .searchForm th, span.bookingLegend { padding-top: 1em; padding-bottom: 1em; } } @media (min-width: 1215px) { .searchForm label, .searchForm .label { text-align: right; } div.searchForm select { max-height: none !important; } } @media (max-width: 1214px) { .searchForm label, .searchForm .label { white-space: nowrap; } label[for="biblioSearchForm_dataFile"] { width: auto !important; } } select#emptyList_isbn option { font-size: 0.9em; } label, .label, .selectedIndex, .strong, .welcomeHeader, p#helpHeading { font-weight: bold; } label.noBold { font-weight: normal; } .searchForm label, .searchForm .label { display: inline-block; padding-left: 1em; padding-top: 0.2em; padding-bottom: 0.1em; vertical-align: top; width: 11em; } div.searchForm select { max-width: 20em; min-width: 10em; } span.searchFieldContents { display: inline-block; margin-left: 1em; white-space: nowrap; } span.searchFieldContents p.help { white-space: normal; } span.searchFieldContents input[type="checkbox"] { margin: 0px; } .dialogueBodyContent { padding-top: 1em; padding-left: 2em; width: 90%; } tbody.myDetailsDialogue th { width: 9em; text-align: left; vertical-align: top; padding-top: 1.2em; padding-left: 1em; } tbody.myDetailsDialogue td { padding-top: 1em; } tbody.myDetailsDialogue p { max-width: 30em; } label.subfield, fieldset label, .searchForm fieldset label { display: inline; font-weight: inherit; padding-left: inherit; padding-right: inherit; text-align: inherit; vertical-align: inherit; width: auto; } fieldset.inline label, fieldset.inline input { vertical-align: middle; margin-top: initial; } .displayInline { display: inline-block; } .positionAbsolute { position: absolute; } .positionRelative { position: relative; } .footerButtons { display: inline-block; width: 100%; text-align: center; margin-top: 1em; } table.homeComponent tbody { padding-bottom: 1em; display: inline-block; } table.homeComponent td { padding-left: 2em; padding-right: 1em; padding-top: 0.5em; padding-bottom: 0.5em; } table.alertBox td { padding-left: 1.5em; padding-top: 1em; padding-bottom: 1em; padding-right: 1em; } thead td, thead th, tbody thead th { font-weight: normal; } tbody th { font-weight: bold; } .groupHeading, .subGroupHeading, .homePageMenuItem, .headingExpanded, .headingCollapsed { margin-top: 0.3em; } .coverImageResultList, .coverImageResultDetail, .defaultCursor { cursor: default !important; } .parentCursor { cursor: inherit; } .groupHeadingLink:hover h2, .subGroupHeadingLink:hover h2, td.checkinAction, .pointerCursor, .psuedolink { cursor: pointer; } .psuedolink:hover { text-decoration: underline; } .thinBorder th, .thinBorder td { border: 1px solid; } .welcomeManagement > a:hover h2, .headingExpanded a:hover h2, .contractGroup:hover, .expandGroup:hover { text-decoration: underline; } .halfWidth { width: 50%; } .indexWidth { width: 5%; } .threeFifthWidth { width: 60%; } div.homeAlert, div.homeHelp, div.homeInfo, div.homeText, div.homeWizard { margin-top: 1em; margin-bottom: 0em; } div.homeAlert, div.homeHelp, div.homeInfo, div.homeText, div.homeWizard { margin-right: 1em; } div.homeText, div.homeWizard { margin-left: 1em; } div.homeInfo, div.homeAlert { min-width: 15em; } .column { width: 18em; padding-top: 0em; padding-bottom: 0em; padding-right: 1em; padding-left: 1em; } .rightColumn { margin-left: 20em; } div.suggestion, div.suggestionPanelPopup, div.suggestionPanelPopup > * { position: absolute; /* higher than jquery dialogs for advanced OPAC */ z-index: 1100; } TD.clickableCell { cursor: pointer; } TD.clickableCell ~ td:hover > a { text-decoration: none; } /** Folder Tabs **/ #tabs { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; } #tabs li { float: left; margin: 0 .25em 0 0; } #tabs a { position: relative; padding: .7em 0.5em; float: left; border-top-left-radius: 1em; border-top-right-radius: 1em; text-decoration: none; } #tabs a:focus { outline: 0; } #tabs #current a { font-weight: bold; } #tabs #current a:hover { cursor: default; text-decoration: none; } li.opacTab { border-top-left-radius: 1em; border-top-right-radius: 1em; cursor: pointer; } /** slideshow number buttons **/ div.slideButtons button.ui-state-default, div.slideButtons button.ui-state-active { font-size: 1.2em; vertical-align: middle; } div.slideButtons button.ui-state-active { font-weight: bold; } /** advanced search */ #advancedDialog > table, div.modernOpacSearchDialogContainer > table { width: auto; margin-left: 1em; margin-top: 0.3em; margin-right: 1em; } #advancedSearchTable h2, .customSearchFormDialog h2 { margin-bottom: 2em; } #bibliosCustomiseAttachmentOrderDialogEditButtonTable { display: table; margin: 0 auto; } .searchDialogOld { width: 66em; padding: 10px; box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); } #digitalListsDialog.searchDialogOld { max-width: 80em; width: auto; } .customSearchFormContainer, #advancedSearchTable { box-sizing: border-box; margin-top: 10px; } .customSearchFormYear, .searchBarQueryFieldYear { width: 80px; } table.customSearchForm > tbody > tr { min-height: 30px; } div.parameterEditMinimum { min-width: 915px; } tr.titleRow td { padding-top: 0.6em; } div#opacFacetedSearchBarParent { position: relative; } .updateNotificationLinkBlock { max-height: 10em; overflow-y: auto; padding-bottom: 0px; } #updateNotificationMessageAndLogo { display: flex; } .updateNotificationMessage { flex-grow: 1; } #updateNotificationLinksAndDocs > div { width: 49.5%; } #updateNotificationLinksAndDocs, table.leftRightPadding { padding-left: 1em; padding-right: 1em; } div#progressbar table, div#progressbar div.bar { width: initial; } div#borrowerImportHelp { line-height: normal; } tbody.form th.microlabel, #descriptionColumn, #fileCategoryColumn { width: 15%; } #statusColumn { width: 40%; } div#overviewButtons button { width: 10.4em; margin: 0.5em; border: none; } .helpSearchBar { width: 98%; width: calc(100% - 20px); } .helpSidebar { min-width: 230px; width: 20%; } .helpSidebar tbody.list { font-size: 12px; } .helpSidebar .heading { background-color: transparent; } .helpSidebar tbody.list td { padding: 7.5px; } /* lending rules & checkin matrix gridlines */ table.dataTable td, table.dataTable th, div.DTFC_LeftBodyWrapper table.dataTable.no-footer.DTFC_Cloned { border-width: 0px; border-style: solid; } table.dataTable tbody td { border-bottom-width: 1px; } table#matrix tbody td, table#checkinMatrix td, table.dataTable thead th.matrixAllowLoan, table.dataTable thead th.matrixDisallowLoan, table.dataTable thead th.matrixNoFileAccessRule, table.dataTable thead th.matrixFileAccessRule { border-left-width: 1px; } table#matrix { border-left-width: 1px; } div.matrix_wrapper table.dataTable tbody tr:last-child td, table#checkinMatrix tr:nth-last-child(2) td { border-bottom: none; } table.dataTable.no-footer.DTFC_Cloned tr:nth-child(2) th { border-right-width: 2px; } div.DTFC_LeftBodyWrapper table.dataTable.no-footer.DTFC_Cloned { border-right-width: 1px; } div#matrix_wrapper table.dataTable tbody td { height: 2.6em; } div.matrix_wrapper table#matrix td:nth-child(2), table#checkinMatrix td:first-child { border-left: none; } table.dataTable tbody tr:last-child td { border-bottom: none; } div.circListTable tbody#clientBody td { border-top: 1px solid; border-left: 1px solid; } div.ajaxListModelTable tbody#clientBody tr:first-child td { border-top: none; } div.ajaxListModelTable tbody#clientBody td:first-child { border-left: none; } div.ajaxListModelTable tbody#clientBody tr:last-child td { border-top: none; border-left: none; } table.overdueRequestsTable tbody.list > tr > td { padding-bottom: 0.5em; padding-top: 0.5em; vertical-align: top; } td > select { max-width: 35em; text-overflow: ellipsis; min-width: 15em; } select#displayList_catalogs { overflow-x: auto; text-overflow: ellipsis; width: 85%; } select#displayList_catalogs > option { width: fit-content; } td > select#tagList { max-width: 50em; overflow: scroll; } td > input#tagName { width: 25em; } input#addExistingClientDialogForm_clientAlias { width: 16em; } input#bibTypeResourceTemplateSelectDialogForm_resourceTemplateTitle { width: 90%; } tbody.copyAssignment select { min-width: 5em; } input#reservationExpiryDate, input#reservationDeferDate { width: 70%; margin-right: 0.5em; } tbody#reservationTableBody td { padding-left: 0.6em; padding-top: 0.5em; } tbody#reservationTableBody button.ui-datepicker-trigger { vertical-align: top; } th#selectAllTags { padding-left: 0.6em; padding-right: 0.6em; } #pageLinkRownavRow a { padding: 0.1em; } div.invalidMARCErrors { overflow-y: auto; max-height: 10em; } input[type=radio]#defaultSearchField { margin-left: 0em; } textarea#reviewEditForm_text { width: 90%; } video.mediaVideo { width:100%; } img.bibtypeImg { width: 57px; } button .buttonText { padding: 5px; } div#removeTags { max-height: 17em; overflow: inherit; } div.dragAndDropUpload { position: relative; width: auto; height: auto; border-style: solid; outline-style: dashed; outline-width: 2px; outline-offset: -10px; display: flex; align-items: center; flex-direction: column; padding: 2em; } /* Tested for 32 character width select box */ select#allowedSecurityGroups, select#disallowedSecurityGroups { min-width: 22em; } .45PercentWidth { width: 45%; } .groupingsCell { border: 1px solid black; } .groupingsCellNoHorizontal { border-left: 1px solid black; border-right: 1px solid black; } .groupingsCellBottomRow { border-bottom: 1px solid black; } .clientListBorrowerSearchDialog { margin: 1em; } .welcomeRssItem:not(:last-child) { margin-bottom: 10px; } .welcomeRssItemDate { font-style: italic; } table.serialTabs td { border-left-width: 1em; } .detailBreadcrumbs { margin-top: 1.5em; margin-left: 1em; } .bibliosDetailBreadcrumbsAncestors { margin-right: 2em; } /** Flex **/ .horizontalFlex { display: flex; flex-direction: row; } .flexVertical { display: flex; flex-direction: column; } .flexCenter { display: flex; align-items: center; justify-content: center; } .flexEnd { align-items: flex-end; } .flexGrow { flex-grow: 1; } .flexWrap { flex-wrap: wrap; } /** Sdi request query builder **/ table#sdiRequestQueryBuilder td select { min-width: auto; } table.sdiRequestTodaysDeliveryGroups th, table.sdiRequestTodaysDeliveryGroups td { padding: 0.6em; } .concealedLabel { clip: rect(1px,1px,1px,1px); height: 1px; margin: 0; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; z-index: -1000; } button.login, button.logout { cursor: pointer; border: none; border-radius: 0px; margin: 0px; } button.login:hover, button.logout:hover { text-decoration: underline; } h1.modalDialog { margin: 0; padding: 0; } /* Games dialog css */ div.autumnAlpacaContainer { width: fit-content; height: fit-content; margin: 0; padding: 0; position: relative; zIndex: 0; display: flex; justify-content: center; align-items: center } div.autumnAlpacaEyes { width: 34px; height: 7px; display: flex; justify-content: space-between; align-items: center; position: absolute; left: 118px; top: 119px; z-index: 1000; } div.autumnAlpacaEyeLeft { padding: 0; margin: 0; width: 6px; height: 6px; border-radius: 50%; } div.autumnAlpacaEyeRight { padding: 0; margin: 0; width: 6px; height: 6px; border-radius: 50%; } div.autumnAlpacaEyeLeft::before { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; } div.autumnAlpacaEyeRight::before { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; } div.gamesDialog { display: flex; flex-direction: row; } div.gameButtonsContainer { display: flex; align-items: center; justify-content: center; } .gameButton { border-radius: 20px; box-shadow: 2px 2px 1px 1px #888888; margin-right: 12px; width: 128px; height: 128px; } .gameButton:hover { box-shadow: 0 0 3px 2px cyan; } /* Search Help Tips Popup Dialog Styling */ button.searchHelpDialogButton { font-size: 1.1em; } #searchHelpDialogContainer > * { padding: 0; margin: 1em; } #searchHelpDialogContainer { width: 30em; } #searchableFieldsLabelContainer { text-align: center; margin-bottom: 0; } #searchableFieldsContent { height: 20em; display: inline-block; overflow-y: auto; border-radius: 0.5em; border-style: solid; border-width: 0.1em; font-size: 1em; padding-left: 1em; padding-right: 1em; padding-top: 0.5em; padding-bottom: 0.5em; text-align: left; } #searchableFieldsContentContainer { text-align: center; } /* Removed width for class searchFieldContents, Z-cataloguing goes weird so set width for it only */ #ezySearchFieldContents { width: 23em; } select#opacCustomSearchEditForm_hideFilters, select#opacCustomSearchEditForm_showFilters { height: 180px; width: 20em; max-width: 270px; alignment: center; } input#opacCustomSearchEditForm_hideFilters_input, input#opacCustomSearchEditForm_showFilters_input { text-overflow: ellipsis; width: 20em; max-width: 260px; margin-left: 0.1em; display:flex; } .customSearchEditDialog td { padding: 10px; } div#opacCustomSearchFilterSelect { min-height: 100%; padding-top: 10px; overflow: hidden; } /* Background Image for forced login screen (parameter 4511) */ .anonLoginContainer { height: 100vh; } /* Statistics InfoBox View Tables (grey lines between rows) */ .infoBoxStatisticsTable table { border-collapse: collapse; } .infoBoxStatisticsTable tr td { border-bottom: 1px solid lightgrey; } .infoBoxStatisticsTable tr:last-child td { border-bottom: none; } .statisticsCounter { font-weight: bold; padding: 0.5em 0.5em 0.5em; border-radius: 0.5em; margin: 0.1em; } .statisticsRow { display: flex; align-items: center; padding-top: 0.75em !important; padding-bottom: 0.75em !important; line-height: 1.8; } .largerFont { font-size: larger; } .xxLargeFont { font-size: xx-large !important; } .cursorPointer { cursor: pointer; } .digitalOverviewCharts { height:95%; display:block; } .digitalOverviewChartSelector { height: 5%; display: flex; justify-content: space-between; padding-bottom: 1em; } .usefulLinkBanner { display: flex; justify-content: space-between; text-align: center; margin-bottom: 15px; } .usefulLinkPanel { min-height: 100%; flex-direction: row; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); cursor: pointer; justify-content: space-between; align-items: center; padding: 5px; font-size: 0.6vw; margin-bottom: 10px; display: flex; height: 50px; overflow: hidden; text-overflow: ellipsis; } .usefulLinkPanelWithNotification { overflow: visible !important; position: relative; } .usefulLinkPanelNotification { display: none; position: absolute; top: -1em; right: -1em; background-color: red; color: white; border-radius: 50%; width: 2em; height: 2em; text-align: center; line-height: 2em; overflow: hidden; white-space: none; } @media screen and (max-width: 1575px) { .usefulLinkPanel { max-width: 8vw; } } .textOverflowEllipsis { text-overflow: ellipsis; } .usefulLinkIconLink { min-width: 45px; min-height: 45px; max-width: 45px; max-height: 45px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-right: 10px; color: #333333; display: flex !important; } .usefulLinkText { display: inline; text-align: center; width: 100%; margin-right: 10px; } .quotaUsedStatusBar { width: 100%; background-color: white; height: 30px; border-radius: 5px; overflow: hidden; position: relative; } .quotaUsedStatusFill { height: 100%; width: 0; background-color: #4CAF50; transition: width 1.5s ease-in-out, background-color 1.5s ease-in-out; } .quotaUsedPercentageText { position: absolute; top: 0; left: 50%; transform: translateX(-50%); line-height: 30px; font-size: inherit; } .quotaUsedContactSupport { text-align: center; font-size: 0.45em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;ps } .quotaUsedDatabaseSize { text-align: center; font-size: 0.45em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #gptLoadingDialog { position: fixed; z-index: 1002; height: 100%; width: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; } #gptLoading { border: 8px solid; border-radius: 50%; height: 50px; margin-left: 10px; margin-right: 10px; width: 50px; animation: spinner 2s linear infinite; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .gptLoadingText { font-style: italic; font-weight: bold; padding-top: 5px; } .gptSuggestion { background: none; list-style-type: none; } .gptSuggestion button { background-color: whitesmoke; border: 1px solid #ccc; cursor: pointer; font-weight: bold; padding: 10px; margin: 5px 0; border-radius: 30px; list-style-type: none; text-align: left; } .gptSuggestionList { max-width: 40%; } .uploadCloudIcon { height: auto; opacity: 0.5; filter: grayscale(100%); } .borderNone { border: none !important; } button.noIconBorder.icon, a.noIconBorder.icon, .noIconBorder a.icon, .noIconBorder button.icon { border: none !important } .centreText { text-align: center; } #aiFileEnhanceHelp { font-size: 110%; padding: 1.1em; text-align: justify; } /** Align to the right of the container. Parent container should be a flex container **/ .flexRight { justify-content: flex-end; margin-left:auto; } .opacSearchResultField { padding-top: 0.2em; padding-bottom: 0.2em; } .opacSearchResultFieldUrl { padding-top: 0.1em; padding-bottom: 0.1em; } .opacSearchResultListDetails { max-width: 80%; } /** global useful styles */ .wide { width: 100%; } input.wide { width: 90%; } .tall { height:100%; } .minHeight { height: 1px; overflow-y: visible; } .maxWidth { width: 100%; } .nowrap { white-space: nowrap; } .normalWrap { white-space: normal; } /** generic **/ a > img { border: 0px; } /** Workaround for Firefox to ensure button images remain centered **/ button::-moz-focus-inner { padding: 0; border: 0; } button.ui-state-default.ui-state-active { border-style: inset !important; } button.ui-state-default img { border-radius: 5px; height: 32px; padding: 1px; width: 32px; } button.crumbButton { border-style: solid !important; border-width: 1px !important; margin: 0px; padding: 0px; min-height: 90%; min-width: auto; } /** tooltips **/ #tooltip { position: absolute; z-Index: 32000; background-color: #ffffe1; border: 1px solid black; color: black; padding: 3px; display: none; font-family: 'Arial'; font-size: 9pt; max-height: 340px; max-width: 340px; white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ line-height: 1em; text-align: left; left: 1px; top: 1px; cursor: text; overflow: auto; } #tooltip p, #tooltip span { font-weight: normal; text-align: left; } #tooltip p:first-child { font-weight: bold; text-align: left; padding-bottom: 4px; } .dialogMinSize { min-height: 150px; min-width: 300px; } /** General system created image text **/ div > span.overlayTextTopLevel { display: flex; justify-content: center; flex-direction: column; width: 100%; height: 100%; position: absolute; bottom: 0; } span > span.overlayTextContainer { display: flex; flex-direction: column; padding: 4px; text-align: center; overflow: hidden; z-index: 1; } .imageContainer { position: relative; display: inline-block; } /** cloud carousel **/ div.cloudCarousel { position: relative; } div.carouselCovers { overflow: hidden; text-align: center; width: 100%; height: 280px; } div.carouselButtons { text-align: center; padding-top: 1em; } div.carouselButtons button, div.slideButtons button, div.slideButtons button.ui-state-active { background-color: transparent; border-style: none !important; } img.cloudcarousel { cursor: pointer; background-color: transparent; } /** owl carousel **/ div.owl-carousel { min-width: 300px; } div.owl-carousel-element { cursor: pointer; text-align: center; display: flex; flex-direction: column; height: 100%; overflow-wrap: break-word; align-items: center; } div.owl-carousel-element .sliderValues { margin-top: 1em; margin-bottom: 1em; width: 260px; padding-left: 20px; padding-right: 20px; text-align: left; } div.owl-carousel-element .sliderButton { margin-top: auto; max-width: 300px; width: 80%; padding: 6px; padding-top: 3px !important; padding-bottom: 3px !important; border-radius: 15px; color: white; background-color: #1e6c93; } div .owl-carousel-element .sliderButton:hover { color: black; background-color: lightgrey; text-decoration: none; } div .owl-carousel-element .sliderButton a { color: inherit; text-decoration: inherit; } /** Library Maps **/ .map { text-decoration: none; display: inline-block; margin-right:5px; max-width: 250px; padding: 1px; vertical-align: top; } .map > img, .juniorDetailMap > img { height: 15px; margin: 2px; margin-left: 3px; text-decoration: none; vertical-align: top; width: 15px; border: 0px; } .icon.red { color: #F31313; } .icon.darkorange { color: #ff8c00; } .icon.green { color: green; } .icon.mapOff { color: #353535; } div.libraryMap, div.mapPosition { border: 0px; margin: 0px; padding: 0px 0px 2px 0px; } div.mapPosition span { border-radius: 10px; } div.libraryMap > div { position: relative; } div.mapPosition { position: absolute; } form div.mapPosition span { cursor: pointer; } div.libraryMap div.mapPosition span { cursor: default; } div.mapPosition, div.libraryMap > div { width: 0px; height: 0px; z-index: 2; } /** slider **/ .slides { position: relative; } .slides > .slideButtons { bottom: 0px; left: 0px; padding: 2px; text-align: center; } .slides > .slideButtons > button { margin: 1px; } div.cache { display: none !important; } /** cards **/ .card { width: 370px; min-height: 120px; margin: 2px; vertical-align: top; padding: 5px; text-align: left; background-image: none !important; } .card { display: inline-block; } div.opacInfoBox .card { border-style: none; width: auto; } .libraryInfo_Img_Top > img.libraryInfo { max-height: 300px; } .libraryInfo_Img_TopLeft > img.libraryInfo { float: left; max-height: 200px; max-width: 200px; } .libraryInfo_Img_TopRight > img.libraryInfo { float: right; max-height: 200px; max-width: 200px; } img.libraryInfo { max-height: 100%; max-width: 100%; object-fit: contain; padding: 1em; } img.libraryInfo_mainImage { width: 100%; } div.libraryInfo_mainImage_container { position: relative; } div.libraryInfo_mainImage_text { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; } .card span.coverImage { margin-right: 5px; width: 80px; min-height: 115px; height: 100%; vertical-align: top; text-align: left; float: left; } .card span.coverImage img { max-width: 80px; border: 0px; vertical-align: middle; text-align: center; } .card div.coverImageBlank { background-image: url("../images/opac/defaultCover.png"); background-position: center center; background-repeat: no-repeat; height: 80px; width: 80px; display: inline-block; float: left; } .card .availability { display: inline-block; vertical-align: top; } .card .availability img { vertical-align: middle; } p.star > img, img.star { width: 13px; height: 12px; border: 0px; } img.halfStar { width: 7px; height: 12px; border: 0px; } /** RSS Feed Reader **/ div.loading_feed { margin-top: 20px; height: 42px; background-image: url("../images/loading.gif"); background-repeat: no-repeat; background-position: center top; } div.homePageRssFeedReader { margin: 0; padding: 0; border: 0; } div.homePageRssFeedReader ul { list-style-type: none; margin: 0; padding: 0; position: relative; } div.homePageRssFeedReader ul li { /* The feed entries */ padding: 3px; margin-top: 3px; overflow: hidden; /* makes li adjust size for image content */ } .opacRssImg, .opacRssImgLarge { padding-top: 3px; float: left; border: none; margin-right: 10px; margin-bottom: 3px; } .opacRssImg { max-height: 60px; max-width: 75px; } .opacRssImgLarge { max-height: 200px; max-width: 300px; } p.rssDateMessage { font-style: italic; font-size: 90%; } p.rssReaderError { float: top; } select.suggestion { overflow: auto; } /* Tag-it */ ul.tagit, ul.tagit-autocomplete { border-style: solid; border-radius: 0.5em; border-width: 0.1em; } .ui-widget.tagit { margin: 0; } .yearpicker-container { position: absolute; color: #555; width: 280px; border: 1px solid #ccc; border-radius: 3px; font-size: 1rem; box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.2); background-color: #fff; z-index: 10; margin-top: 0.2rem; } .yearpicker-header { display: flex; width: 100%; height: 2.5rem; border-bottom: 1px solid #ccc; align-items: center; justify-content: space-around; } .yearpicker-prev, .yearpicker-next { cursor: pointer; font-size: 2rem; } .yearpicker-year { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 0.5rem; } .yearpicker-items { list-style: none; padding: 1rem 0.5rem; flex: 0 0 33.3%; width: 100%; } .yearpicker-items:hover { background-color: #eee; cursor: pointer; } .hide { display: none; } .yearpicker-items.disabled { pointer-events: none; color: #bbb; } .slideButtons > .ui-state-default.junior { min-height: 16px; min-width: 16px; height: 16px; font-family: Verdana, Arial; font-size: 10pt; font-weight: normal; text-decoration: none; color: white; background-color: navy; background-image: none; border-style: none !important; opacity: 0.45; padding-top: 0px; filter: alpha(Opacity=45); border-radius: 5px; } .slideButtons > .ui-state-default.ui-state-active.junior { color: white; background-color: navy; border-style: none !important; opacity: 0.7; filter: alpha(Opacity=70); } .slideButtons > .ui-state-default.pause, .slideButtons > .ui-state-default.resume { height: 16px; width: 18px; padding-left: 2px; padding-right: 2px; margin-right: 4px; background-repeat: no-repeat; background-position: center; background-color: #8C7DB5; opacity: 1.0; display: inline-block; filter: alpha(Opacity=100); } .slideButtons > .ui-state-default.pause > img, .slideButtons > .ui-state-default.resume > img { display: none; } .sliderwrapper { position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ width: 100%; /*width of featured content slider*/ height: 100%; } .sliderwrapper .contentdiv { position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ background: white; width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width */ height: 100%; margin: 0; /* fixes a 100% height bug in IE */ filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination { width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width */ text-align: right; padding: 5px 0px; position: absolute; bottom: 0px; } .pagination .panelLink, .sliderPlay, .sliderPause { padding: 1px 5px; font-size: 10pt; text-decoration: none; color: white; background-color: navy; opacity: 0.45; display: inline-block; filter: alpha(Opacity=45); border-radius: 5px; } .pagination .panelLink:hover, .pagination .panelLink.selected, .sliderPlay:hover, .sliderPause:hover { color: white; background-color: navy; opacity: 0.7; display: inline-block; filter: alpha(Opacity=70); } .sliderPlay, .sliderPause { height: 16px; width: 16px; padding-left: 2px; padding-right: 2px; margin-right: 4px; background-repeat: no-repeat; background-position: center; background-color: #8C7DB5; opacity: 1.0; display: inline-block; filter: alpha(Opacity=100); } .sliderOuter { position: relative; } /* $Id: $ * * Opac and junior carousel styles */ table.carousel { width: auto; } td.carousel { padding-top: 5px; padding-bottom: 5px; } td.carousel > div { margin-left: 1px; margin-right: 1px; border-right: solid 2px #808080; border-bottom: solid 2px #808080; cursor: pointer; vertical-align: middle; background-color: #f2f2fc; zoom: 1; display: inline-block; } td.carousel > div > img { position: relative; display: block; vertical-align: top; text-align: left; } span.carouselTitle { font-weight: bold; text-align: center; overflow: hidden; color: #2c3c6a; } td.carouselLeftButton button { text-align: center; padding: 0px; } td.carouselRightButton button { text-align: center; padding: 0px; } div.carouselTransferEffect { background-color: #f2f2fc; z-index: 2000; } div.homePageCarousel { position: relative; overflow: hidden; } div.homePageCarousel > div { overflow: hidden; text-align: center; width: 100%; height: 280px; } div.homePageCarousel + div { height: 0px; } div.homePageCarousel + div > div { position: relative; top: -32px; text-align: center; margin: 0px; border: 0px; } div.homePageCarousel + div > div > button { margin: 0px 2px 0px 2px; width: 32px; height: 32px; cursor: pointer; background-color: #b7b5c8; background-position: center center; background-repeat: no-repeat; border-width: 1px; cursor: pointer; padding: 0px; vertical-align: middle; } button.carouselPauseButton { background-image: url("../images/pause.png"); } button.carouselShowAllButton { background-image: url("../images/browse.png"); } button.carouselLeftButton[disabled=disabled] { background-image: url("../images/opac/nav_left_x.png"); cursor: auto; } button.carouselRightButton[disabled=disabled] { background-image: url("../images/opac/nav_right_x.png"); cursor: auto; } button.carouselPauseButton[disabled=disabled] { background-image: url("../images/pause_x.png"); } button.carouselShowAllButton[disabled=disabled] { background-image: url("../images/browse_x.png"); } img.cloudcarousel { cursor: pointer; background-color: transparent; } /** Exceptions to the general style rules (special snow flakes). **/ .borrowerDetailImage { float: right; width: 150px; } .reportPreviewImage { width: 150px; } .borrowerDetailImageMargin { margin-right: 150px; } iframe.preview { border-style: none; width: 100%; height: 370px; } p.previewMsg { line-height: 30px; } div.pofHeaderControls button { margin-top: 0em; margin-bottom: 0em; margin-left: 0em; margin-right: 1em; } div.pofHeaderControls { padding-bottom: 0.5em; } div.pofAllocationSection { height: 2.5em; padding-left: 1.35em; padding-right: 1em; } span.pofAllocationText { margin-top: 0.4em; display: inline-block; font-weight: bold; } table.pofTypeGrouped tr td:first-child { padding-left: 2em; } table.pofTypeGrouped tr.typeHeader td:first-child { padding-left: 0.6em; } div#pofContextMenu.pofManagement { padding-top: 0.1em; padding-bottom: 0.2em; } div#pofContextMenu.pofOpac { padding-top: 0.3em; margin-right: 1em; } div.contextMenu.pofManagement span#pofBlcName { padding-left: 0.5em; } div.contextMenu.pofManagement a#pofClientLink { padding-top: 0.4em; padding-bottom: 0.4em; padding-left: 0.5em; font-weight: bold; } div.pofNavigation.pofOpac { margin-bottom: -1.1em; } div.pofCheckoutMessage { margin-top: 1.2em; margin-left: 1.2em; } div#dangerIcon { font-size: 5em; float: left; margin-right: 15px; margin-left: 6px; padding-top: 10px; } div#dangerDescription { display: table-cell; padding-top: 10px; } /*** Spectrum Colorpicker v1.6.2 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 4px; display:inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:10px; } .sp-preview { position:relative; width:25px; height: 20px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;display:flex;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} ul.tagit { padding: 1px 5px; overflow: auto; margin-left: inherit; /* usually we don't want the regular ul margins. */ margin-right: inherit; } ul.tagit li { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit li.tagit-choice { position: relative; line-height: inherit; } input.tagit-hidden-field { display: none; } ul.tagit li.tagit-choice-read-only { padding: .2em .5em .2em .5em; } ul.tagit li.tagit-choice-editable { padding: .2em 18px .2em .5em; } ul.tagit li.tagit-new { padding: .25em 4px .25em 0; } ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none; } ul.tagit li.tagit-choice .tagit-close { cursor: pointer; position: absolute; right: .1em; top: 50%; margin-top: -8px; line-height: 17px; } /* used for some custom themes that don't need image icons */ ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; } ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: white; outline: none; } /* ripple */ .opac-subpage-menu-ripple { width: 0; height: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.4); transform: scale(0); position: absolute; opacity: 1; } .opac-subpage-menu-rippleEffect { animation: opac-subpage-menu-rippleDrop .6s linear; } @keyframes opac-subpage-menu-rippleDrop { 100% { transform: scale(2); opacity: 0; } } .opac-subpage-menu-navbar-box{ width: 220px; overflow-y: hidden; z-index: 99; } .opac-subpage-menu-navbar-box ul { list-style: none; padding: 0; margin: 0; position: relative; } .opac-subpage-menu-navbar-box ul li{ border-bottom:1px solid #e0e0e0; margin-left: 10px; } .opac-subpage-menu-navbar-box ul li ul{ overflow: hidden; display: none; padding-left: 10px; } .opac-subpage-menu-navbar-box .fa{ font-size: 16px; } .opac-subpage-menu-navbar-box a{ text-decoration: none; } .opac-subpage-menu-navbar-box ul li a, .opac-subpage-menu-navbar-box ul li a:visited { display: block; padding: 10px; font-size: 14px; font-weight: 100; position: relative; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; } .opac-subpage-menu-navbar-box ul li ul li { border-bottom: none !important; } .opac-subpage-menu-dropdown-icon { position: absolute; background-repeat: no-repeat; width: 20px; height: 20px; top: 10px; right: 0; } .opac-subpage-menu-navbar-box ul li.opac-subpage-menu-expandable > div > a > div.opac-subpage-menu-dropdown-icon { background-image: url(../images/opac/menu/subpage/rb.png); } .opac-subpage-menu-navbar-box ul li.opac-subpage-menu-collapseable > div > a > div.opac-subpage-menu-dropdown-icon { background-image: url(../images/opac/menu/subpage/db.png); } .opac-subpage-menu-navbar-box ul li.opac-subpage-menu-expandable > div > a > div.opac-subpage-menu-dropdown-icon:hover, .opac-subpage-menu-navbar-box ul li.opac-subpage-menu-collapseable > div > a > div.opac-subpage-menu-dropdown-icon:hover { cursor: pointer; } .opac-subpage-menu-dropdown-icon-container { position: relative; min-width: 20px; } td.total { border-width: 1px; border-style: solid; } td.grandtotal { border-width: 1px; border-style: solid; } /* Update pages */ div.dialog_buttons { float: right; padding: 3px; padding-right: 20px; } table.update { width: 100%; border: 0; } td.updateFieldvalue { border-width: 1px; border-style: none none solid solid; } /* Dialog pages */ td.dialogContent { padding: 3px; } td.dialogMessage { padding: 10px; } /* Library Home */ div.libraryHomeLinks { margin: 10px; } div.libraryHome, td.libraryHome { padding: 5px; } span.buttonBuffer { vertical-align: middle; width: 13px; } div#logger { position: absolute; left: 10px; top: 10px; width: 200px; height: 200px; overflow: auto; z-index: 10000; font-size: 8pt; } /** menu container **/ .basicBar { padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; } #sideBarStub { left: 0px; position: absolute; width: 2.5em; } #sideBar { float: left; height: 100%; width: 16em; margin: 0em; padding: 0em; } #sideBar.horizontal { width: 100%; padding: 0em; } #sideBar_accordion { margin: 0em; padding: 0em; } #sideBar_footer { bottom: 5px; position: absolute; background-color: unset; } #sideBar_footer img { margin-top: 0.25em; margin-left: 3.5em; } #sideBar_footer img#liberty3-logo { max-width: 8em; } #sideBar_footer img#scout-logo { max-width: 9em; } /* At the time of writing (29/4/2015, 8.000 alpha release) this doesn't actually have any real effect as 9em is larger than the logo image. Placing here for clarity when making future logo changes. */ #sideBar_footer img#oliver-logo { max-width: 9em; } /** apply margin where menu will fit **/ .menuMargin { margin-left: 16em; } .centerMenuMargin { margin-left: 2em; margin-right: 2em; } .preHeading { margin-bottom: 1em; } .menuMargin.noMenu { margin-left: 2.75em; } .menuPin, .menuPin:hover { border-style: none; border-radius: 0em; display: block; font-size: 1.1em; font-weight: normal; margin: 0em; padding: 0.4em; text-align: center; vertical-align: middle; width:100%; } .menuPin.hidden { display: none; } /** All menu links **/ #sideBar a { display: block; margin: 0em; padding: 0em; border-style: none; } #sideBar .ui-accordion-content a { padding-top: 0.2em; padding-bottom: 0.2em; padding-right: 0.5em; padding-left: 2.5em; font-weight: bold; } /** Headings **/ .menuHeader { margin: 0em; } .menuHeader h3, .menuHeader .menuHeaderContent { margin: 0em; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 0.5em; padding-left: 1em; text-transform: uppercase; } /** Content **/ div.horizontalMenuItem.ui-accordion-content { width: 100%; top: 100%; } div.horizontalMenuItem.ui-accordion-content , li.horizontalHeader { z-index: 100; } #sideBar .ui-accordion-content { border-style: none; margin: 0em; overflow-y: auto; padding: 0em; } div.pre-accordion { position: relative; top: 1px; } button.nav_first, button.nav_prev, button.nav_next, button.nav_last, button.nav_go_to { margin: 0.1em; } span.nav_label { vertical-align: super; } .headerWidth { min-width: 16.2em; } .headerPadding { padding-top: 1em; } .helpCrumbPadding { padding-top: 1.5em; } /* Context Menu */ .contextMenu { display: block; float: right; margin: 0em; padding-left: 0em; position: relative; text-align: left; width: 16em; z-index: 1; /* because IE7 is special */ } .contextMenu .ui-widget-header { margin: 0em; font-weight: bold; padding: 0em; } .contextMenuHeader { height: 3.3em; } .contextMenu a { display: block; overflow: hidden; text-decoration: none; } .contextMenu .ui-widget-content { width: 16em; list-style-type: none; right: 0em; padding: 0em; margin: 0em; position: absolute; display: none; z-index: 1000; } @media (min-width: 1100px) { .contextMenu, .contextMenu .ui-widget-content { width: 25em; } } .contextMenu:hover .ui-widget-content { display: block; } .contextMenu .ui-widget-content a { font-weight: bold; padding-bottom: 0.2em; padding-top: 0.2em; } .contextMenu .icon { padding-left: 0.4em; padding-right: 0.3em; } div.pageHeader button#historyButton { margin-top: 1.3em; margin-left: -0.3em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.3em; padding-top: 0.3em; } .crumbPrefix { margin-top: 2.2em; padding-left: 1.8em; } .historyMenu { z-index: 2012; position: absolute; padding: 0.6em 0.1em 0.6em 0.1em; list-style-type: none; margin-left: 0em; margin-top: 3.6em; text-align: left; border-width: 0.1em; border-style: solid; } .historyMenu a, .historyMenu a:visited { border-style: none; display: block; margin: 0em 0.2em 0em 0.2em; padding-left: 1em; padding-right: 1em; padding-top: 0em; padding-bottom: 0em; } div#progressbar div { border: solid #ffffff 1px; } /** Bookings **/ .bookings-bookable { background-color: #fefddc; color: #000000; } .bookings-booked { background-color: red; color: #ffffff; } .bookings-closed { background-color: gray; color: #ffffff; } .bookings-emptyday { background-color: #ffffff; color: #000000; } .bookings-past { background-color: silver; color: #000000; } .bookings-selected { background-color: green; color: #ffffff; } .bookings-transit { background-color: #dbe5f1; color: #000000; } .bookings-advance { background-color: #a4bddc; color: #ffffff; } /*** CircDesk ***/ button.circBtnGreen.icon.imageButton { color: #008000; } button.circBtnRed.icon.imageButton, button.inactiveBorrower.terminate, button.inactiveBorrower.terminate:hover, button.inactiveBorrower.terminate:focus { color: #FF0000; } tr.circDeskSelectedDataRow { border-left-color: #ff0000; } .circDeskAlertRed, .gwt-ProgressBar-shell.gwt-ProgressBar-text, span.circDeskLoanLimitExceeded, table.circulationQuestion, div.circDeskDialogErrorLabel, table.circDeskDialogQuestion, div.circDeskAddBookingDialogError, td.circDeskViewGuarantorValue div.circDesk { color: #CC0000; } a.circulationPrint, #inputField input.circDeskInputFieldInvisible { color: #FFFFFF; } input.circDeskChargesInputField, input.circDeskInputField { color: #58a6c7; } input.circDeskChargesInputFieldDisabled, input.circDeskInputFieldDisabled { background-color: #cccccc; } input.gwt-TextBox.gwt-TextBox-readonly.circDeskOverrideDueDateEditActive { background-color: #ffff99; } td.circDeskRecordLink { background: #ffffcc; color: #000000; } td.circDeskRecordLinkHover { background: #ffffcc; color: #cc0000; } div.circDeskRecordLink { color: #000000; } div.circDeskRecordLinkHover { color: #cc0000; } td.circDeskTransactionRow, td.circDeskReturnsReturnDate, td.circDeskReservationAllocation, td.circDeskChargesBalance, td.circDeskChargesPayment, td.circDeskWardFines, td.circDeskWardName { background-color: #fdfeda; color: #000000; } table.circDeskTransactionView, td.circDeskTransactionOkMessageRow, button.circDeskFinish, button.circDeskOpenBorrower { background: #c6dff0; color: #000000; } td.circDeskTransactionQuestionRow, td.circDeskTableQuestionRow { background: #fff0f0; color: #000000; } td.circDeskLoansDueDate, td.circDeskLoansDueDateRenewable { background: #ffffcc; color: #000000; } td.circDeskReservationCanAllocate { background: #00ff00; color: #000000; } button.circDeskFinishLoans { background: #aae07f; color: #000000; } button.circDeskFinishNoLoans { background: #c00000; color: #ffffff; } /** Serials **/ div.checkinIssue_current, td.checkinIssue_current { background-color: #FFFF99; color: #000000; } div.checkinIssue_future, td.checkinIssue_future { background-color: #CCFFCC; color: #000000; } div.checkinIssue_overdue, td.checkinIssue_overdue { background-color: #FFDDEE; color: #000000; } button.monthDayInput.selected { background-color: #353535; background-image: none; border-color: #da9523; color: #faab28; } button.monthDayInput.selected:hover, button.monthDayInput.selected:focus { background-color: #2a2a2a; color: #faab28; } /* plain body colours */ body, .plainContent, .plainHeaderLink, th.matrixHighlight, div.DTFC_LeftBodyLiner, tbody.data > tr > td, .ajaxResult, div#detail_dialog, table.ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-unselectable, td.emptyCircDeskLoanLimitCell, td.circDeskLoanLimitCell, div.circDeskDatePicker, td.Cal_CellDayNames, #tooltip, div.suggestion, div.suggestionPanelPopup, td#loggingPanel textarea[readonly], .gwt-SuggestBoxPopup, a.libraryHome_portal span.icon, a.map span.icon, div#opacFacetedSearchBarContent .ui-accordion-content, td.matrixResourceLoanCategory, td.matrixFileCategory, div#opacSerialIssuesDialog .ui-accordion-content, .facetedAccordionMenu h3:not(.ui-state-hover) a { background-color: #ffffff; color: #353535; } form div.mapPosition span:hover { background-color: #e0e0e0; } #tooltip { border-color: #353535; } .dataDefaultFG, { color: #353535; } a.icon, button.icon, button.ui-datepicker-trigger, table.carousel button.icon, .ui-widget-content .dialogueBodyContent a.icon, .ui-widget-content .dialogueBodyContent button.icon, .ui-widget-content .dialogueBodyRightColumn button.icon, .form .searchPrompt button.icon, .form .updatedSearchPrompt button.icon, .form .modernOpacSearchDialogContainer button.icon { background-color: #ffffff; border-color: #353535; color: #353535; } a.icon:hover, a.icon:focus, button.icon:hover, button.icon:focus, button.ui-datepicker-trigger:hover, button.ui-datepicker-trigger:focus, a.libraryHome_portal:hover span.icon, a.libraryHome_portal:focus span.icon, div#overviewButtons button:hover, div#overviewButtons button:active { background-color: #e5e8ed; border-color: #353535; color: #353535; } .ajaxAuthorScopeNotes { color: #4ca20b; } /* links */ a, thead th a.subHeadingLink, .psuedolink, .buttonLink:hover, .buttonLink:focus, .updatedLastSearchLink, .updatedLastSearchLink:hover { color: #0093d9; } a > span:not(.noBackgroundColor):not(.highlight) { background-color: inherit; } div.banner { background-color: #353535; } TD.clickableCell { background-color: #FFFFE0; color: #000000; } TD.clickableCell:hover { background-color: #fdfbb3; color: #000000; } /* Technical Changes */ TD.cell_notOutstanding { background-color: #c6ffc6; color: #000000; } TD.cell_outstanding { background-color: #ffd9ec; color: #000000; } /* Buttons */ button, .ui-state-default, .homePageOptionsMenuList.ui-widget-content, div.homePageOptionsMenuList a { background-color: #ffffff; border-color: #696969; color: #353535; } .linkStyledAsButton { background-color: #ffffff; border-color: #696969; } .linkStyledAsButton a { color: #353535 !important; } .grid>li div.inner.ui-widget-content { background-color: #f4f7fc; border-color: #696969; background-image: none; color: #353535; } button:hover, button:focus, .ui-state-hover, .ui-state-focus, .linkStyledAsButton:hover, .linkStyledAsButton:focus, .linkStyledAsButton a:hover, .linkStyledAsButton a:focus { background-color: #e0e0e0; background-image: none; border-color: #353535; color: #353535; } button.selected, button.selected:focus, button.selected:hover, .ui-state-active { background-color: #faab28; background-image: none; border-color: #da9523; color: #353535; } button.ui-state-default.ui-state-active.selfCircBtn, button.ui-state-default.ui-state-active.selfCircBtn:hover, button.ui-state-default.ui-state-active.selfCircBtn:active { border-color: #696969; color: #353535; background-color: #e5e8ed; } button.selfCircBtn[disabled], button.selfCircBtn[disabled]:hover, button.selfCircBtn[disabled]:active { background-color: #ffffff; } /* Page header */ .pageHeader, .pageHeader a, .pageHeader .corpName, span#overrideBranch { background-color: #353535; background-image: none; color: #ffffff; } .pageHeader a.login, .pageHeader button.login, .pageHeader a.logout, .pageHeader button.logout, .pageHeader .exitPreview { background-color: #353535; color: #faab28; } .pageHeader a.icon, #pageHeaderLinks { background-color: #353535; border-color: #ffffff; color: #ffffff; } .pageHeader a.icon:hover, .pageHeader a.icon:focus { background-color: #565656; border-color: #ffffff; color: #ffffff; } /* headings */ h1, h1 a, h2, h2 a, thead td, thead th, thead th a, tbody.data thead th, .heading, .heading.libraryInfo_banner, .ui-widget-header, .ui-widget-header a, div.contextMenu:hover a.ui-widget-header, .highlight, .highlightable.highlighted, a.match, tr.circDeskHeaderRow, div.Caption, .marcEditorAuthorityHeader, .marcEditorAuthorityHeaderText, div#progressbar > table, div#progressbar > div.bar, .ui-widget-content table#dialogLayer div#layout, div.subGroupHeading[data-expanded], span.match { background-color: #353535; background-image: none; color: #faab28; } /* Self-Circ Custom Colours */ /* Default settings */ input.selfCircLoanBackgroundColour, input.selfCircReturnBackgroundColour { border: 0.35em solid #353535; } div.selfCircLoanBackgroundColour, div.selfCircReturnBackgroundColour { background-color: #353535; } .selfCircLoanTextColour, .selfCircReturnTextColour { color: #faab28; } /* Custom settings */ /* End custom settings */ .heading a.icon, .heading button.icon, h1 a.icon, h2 a.icon, a.ui-dialog-titlebar-close, button.ui-dialog-titlebar-close, div.marcEditorSaveCancel button.icon, .ui-widget-content div#manageWardsContentPane button#saveBtn, .ui-widget-content div#manageWardsContentPane button#cancelBtn, table#noticeMessageEdit thead button, th button.tagSaveButton, th button.tagCancelButton { background-color: #353535; border-color: #faab28; color: #faab28; } .heading a.icon:hover, .heading a.icon:focus, .heading button.icon:hover, .heading button.icon:focus, h1 a.icon:hover, h1 a.icon:focus, h1 button.icon:hover, h1 button.icon:focus, h2 a.icon:hover, h2 a.icon:focus, h2 button.icon:hover, h2 button.icon:focus, a.ui-dialog-titlebar-close.ui-state-hover, button.ui-dialog-titlebar-close:hover, a.ui-dialog-titlebar-close.ui-state-focus, div.marcEditorSaveCancel button.icon:hover, div.marcEditorSaveCancel button.icon:focus, .ui-widget-content div#manageWardsContentPane button#saveBtn:hover, .ui-widget-content div#manageWardsContentPane button#saveBtn:focus, .ui-widget-content div#manageWardsContentPane button#cancelBtn:hover, .ui-widget-content div#manageWardsContentPane button#cancelBtn:focus, table#noticeMessageEdit thead button:hover, table#noticeMessageEdit thead button:focus, th button.tagSaveButton:hover, th button.tagSaveButton:focus, th button.tagCancelButton:hover, th button.tagCancelButton:focus { background-color: #2a2a2a; border-color: #faab28; color: #faab28; } h3, h3 a, h4, h4 a, .subHeading, thead.subheading th, .total, tr.matrixLoanLimitType td, div.ui-datepicker .ui-datepicker-header, td.circDeskLoanLimitHeaderRow, table.circDeskLoanLimit, table.Cal_Buttons, .libraryInfo_banner, .subGroupHeading, .subGroupHeading h2, .customInfoHeader, td.selfCircSubheading, div.infoBoxMenuList, div.infoBoxMenuList a, table.sdiRequestTodaysDeliveryGroups tr.ui-widget-header td, .h4_styling, .h4_styling a { background-color: #353535; color: #faab28; } .subHeading a.icon, .subHeading button.icon, h3 a.icon, h4 a.icon { background-color: #353535; border-color: #faab28; color: #faab28; } .subHeading a.icon:hover, .subHeading a.icon:focus, .subHeading button.icon:hover, .subHeading button.icon:focus, h3 a.icon:hover, h3 a.icon:focus, h4 a.icon:hover, h4 a.icon:focus { background-color: #262626; border-color: #faab28; color: #faab28; } /* Main menu & Expandable headings */ .menuPin, .menuHeader, .menuHeader a, .menuHeader h3, .menuHeader .menuHeaderContent, div.menuPlaceholder, div#opacFacetedSearchBarContent a.ui-slider-handle, .groupHeading a, .groupHeading h2, .expandGroup, .expandGroup:focus, tr.subSubHeading > th, .subSubHeading, button.circDeskOperation, .headingCollapsed a, .headingCollapsed h2, div.ajaxListModelTable .highlight, #sideBar.opacSidebar { background-color: #faab28; background-image: none; color: #ffffff; } button.circDeskOperation:hover, button.circDeskOperation:focus { background-color: #d59122; background-image: none; border-color: #ffffff; color: #ffffff; } .menuPin:hover, .menuPin:focus, .menuHeader.ui-state-hover, .menuHeader.ui-state-hover a, .menuHeader.ui-state-hover h3, .menuHeader.ui-state-hover .menuHeaderContent, .menuHeader.ui-state-focus, .menuHeader.ui-state-focus a, .menuHeader.ui-state-focus h3, .menuHeader.ui-state-focus .menuHeaderContent, .menuHeader a:hover, .menuHeader a:focus, .groupHeading a:hover h2, .groupHeading a:focus h2, .subGroupHeading a:hover, .subGroupHeading a:hover h2, .subGroupHeading a:focus, .subGroupHeading a:focus h2, .expandGroup:hover, .expandGroup:focus, .headingCollapsed a:hover h2, .headingCollapsed a:focus h2, #tabs a:hover, #tabs a:focus, nav.horizontalNav > a:hover, nav.horizontalNav > a:focus, .homePageMenuItem a:hover, .homePageMenuItem a:focus { background-color: #d59122; background-image: none; color: #ffffff; } .menuHeader.ui-state-active, .menuHeader.ui-state-active a, .menuHeader.ui-state-active h3, .menuHeader.ui-state-active .menuHeaderContent, .facetedAccordionMenu h3.ui-state-active a, .facetedAccordionMenu h3.ui-state-active.ui-state-hover a, .facetedAccordionMenu h3.ui-state-active, .facetedAccordionMenu h3.ui-state-active a:hover, .headingExpanded h2, #tabs #current a, #tabs .current a, .groupHeading[data-expanded] > a, .groupHeading[data-expanded] > a h2, .subGroupHeading[data-expanded] > a, .subGroupHeading[data-expanded] > a h2, .groupHeadingButtons button.icon, .welcomeManagement > a h2, .contractGroup, .contractGroup:focus, button.circDeskOperation.circDeskActiveOperation, nav.horizontalNav > a.selectedTab { background-color: #353535; background-image: none; color: #faab28; } .menuHeader.ui-state-active.hover, .menuHeader.ui-state-active.hover a, .menuHeader.ui-state-active.hover h3, .menuHeader.ui-state-active.hover .menuHeaderContent, .menuHeader.ui-state-active.ui-state-focus, .menuHeader.ui-state-active.ui-state-focus a, .menuHeader.ui-state-active.ui-state-focus h3, .menuHeader.ui-state-active.ui-state-focus .menuHeaderContent, .menuHeader.ui-state-active a:hover, .menuHeader.ui-state-active a:focus, .groupHeading[data-expanded] a:hover h2, .groupHeading[data-expanded] a:focus h2, .subGroupHeading[data-expanded] a:hover h2, .subGroupHeading[data-expanded] a:focus h2, .welcomeManagement > a:hover h2, .welcomeManagement > a:focus h2, #tabs #current a:hover, #tabs #current a:focus, #tabs .current a:hover, #tabs .current a:focus, .contractGroup:hover, .contractGroup:focus, .headingExpanded a:hover h2, .headingExpanded a:focus h2, div.subGroupHeading[data-expanded]:hover, div.subGroupHeading[data-expanded]:focus, td.circDeskSortableHeaderHover, td.circDeskSortableHeaderHover div.circDeskRecordLinkHover, nav.horizontalNav > a.selectedTab:hover { background-color: #2a2a2a; color: #faab28; } /* sub menu */ #sideBar, #sideBar .ui-accordion-content a, .contextMenu a, #tabs a, li.opacTab, .groupedListContent th, .groupedListContent td.groupedListHeader, nav.horizontalNav > a { background-color: #f4f7fc; background-image: none; color: #353535; } #sideBar .ui-accordion-content a:hover, #sideBar .ui-accordion-content a:focus, .contextMenu a:hover, .contextMenu a:focus, .historyMenu a:hover, .historyMenu a:focus, .facetedAccordionMenu h3[aria-expanded="false"] a:hover, .facetedAccordionMenu h3[aria-expanded="false"] a:focus { background-color: #ffffff; background-image: none; color: #353535; } #sideBar .ui-accordion-content a[data-focused=true], #sideBar .ui-accordion-content a[data-highlighted=true] { background-color: #eaa025; background-image: none; color: #353535; } /* context menu */ div.contextMenu a.ui-widget-header { background-color: #f4f7fc; color: #353535; } .contextMenu a[disabled] { background-color: inherit; color: #BABABA } .contextMenu a[disabled]:hover { background-color: #ffffff; color: #BABABA } /* history menu */ .historyMenu { background-color: #ffffff; border-color: 1px solid #696969; color: #353535; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #historyMenu a { background-color: #ffffff; color: #353535; } /* widgets & forms */ .dataForm, .form, .widget, .ui-widget-content, .ui-widget-home, .pageControls, div#opacFacetedSearchBarContent, table.circDeskFunctionPanel, table.circDeskStockRotation, .circDeskRelatedTabBar, div.circDeskDialogContainer, div.marcEditorDialogContainer, div.homeAlert, table.marcEditorTag, .marcEditorContent, .subtotal1, .instruction-text { background-color: #f4f7fc; background-image: none; color: #353535; } .dataForm button.icon, .form button.icon, .widget button.icon, .ui-widget-content button.icon, .ui-widget-home button.icon, .pageControls button.icon, div#opacFacetedSearchBarContent button.icon, table.circDeskStockRotation button.icon, .circDeskRelatedTabBar button.icon, div.circDeskDialogContainer button.icon, table.marcEditorTag button.icon, .marcEditorContent button.icon, .slideButtons button.ui-state-default { background-color: #f4f7fc; border-color: #353535; color: #353535; } .dataForm button.icon:hover, .dataForm button.icon:focus, .form button.icon:hover, .form button.icon:focus, .widget button.icon:hover, .widget button.icon:focus, .ui-widget-content button.icon:hover, .ui-widget-content button.icon:focus, .ui-widget-home button.icon:hover, .ui-widget-home button.icon:focus, .pageControls button.icon:hover, .pageControls button.icon:focus, div#opacFacetedSearchBarContent button.icon:hover, div#opacFacetedSearchBarContent button.icon:focus, div.dragAndDropUpload.is-dragover, table.circDeskStockRotation button.icon:hover, table.circDeskStockRotation button.icon:focus, .circDeskRelatedTabBar button.icon:hover, .circDeskRelatedTabBar button.icon:focus, div.circDeskDialogContainer button.icon:hover, div.circDeskDialogContainer button.icon:focus, table.circDeskFeedback button.icon:hover, table.circDeskFeedback button.icon:focus, table.marcEditorTag button.icon:hover, table.marcEditorTag button.icon:focus, .marcEditorContent button.icon:hover, .marcEditorContent button.icon:focus, .slideButtons button.ui-state-default:hover, .slideButtons button.ui-state-default:focus, .facetedAccordionMenu h3.ui-state-hover:not(.ui-state-active) a, .facetedAccordionMenu h3.ui-state-hover:not(.ui-state-active) a:hover { background-color: #e5e8ed; border-color: #353535; color: #353535; } div.dragAndDropUpload.is-dragover { outline-color: #353535; } .slideButtons button.ui-state-default.ui-state-active, button.icon.ui-state-active { background-color: #f4f7fc; border-color: #353535; color: #353535; } .slideButtons button.ui-state-default.ui-state-active:hover, button.icon.ui-state-active:hover { background-color: #e5e8ed; border-color: #353535; color: #353535; } thead th a.subHeadingLink, table.circulationQuestion > tbody > tr, table.circulationMessage > tbody > tr, table.circulationPrint > tbody > tr, .circDeskAlertBlue, table.circulationPrint { background-color: #f4f7fc; color: #353535; } /* datePicker & other widgets */ div.ui-datepicker, div.searchResultHover, div.circDeskDatePicker { background-color: #ffffff; border-color: #353535; color: #353535; } div.ui-datepicker a.ui-datepicker-prev, div.ui-datepicker a.ui-datepicker-next { background-color: transparent; color: #faab28; } table.ui-datepicker-calendar a, td.Cal_CellDays a, button.gwtc-Button:hover, button.gwtc-Button:focus, button[disabled].gwtc-Button, button[disabled].gwtc-Button:hover, button[disabled].gwtc-Button:focus { border-color: transparent; } table.ui-datepicker-calendar a.ui-state-default, div.Cal_CellDays a { background-color: #f4f7fc; color: #353535; } div.ui-datepicker a.ui-state-hover, div.ui-datepicker a.ui-state-focus, td.Cal_CellDays a:hover, td.Cal_CellDays a:hover, td.Cal_CellDays a:focus, button.gwtc-Button:hover, button.gwtc-Button:focus { background-color: #faab28; color: #ffffff; } table.ui-datepicker-calendar a.ui-state-active, td.Cal_Selected a, .gwt-SuggestBoxPopup .item-selected { background-color: #353535; color: #faab28; } div.ui-datepicker .ui-slider-handle { background-color: #b7babe; border-color: transparent; color: #353535; } .ui-slider.ui-slider-horizontal { border-color: #b7babe; background-color: transparent; } .lightBorderColor td, .lightBorderColor th, td.circDeskSelectedDataRow, td.circDeskHeaderRow, td.circDeskSelectColHeaderStyle, td.circDeskTransactionRow, td.circDeskTransactionMessageRow, td.circDeskTransactionOkMessageRow, td.circDeskTransactionQuestionRow, td.circDeskTransactionInactiveRow, td.circDeskTableInactiveRow, td.circDeskTableMessageRow, td.circDeskTableNewRow, td.circDeskTableQuestionRow, td.circDeskTableRow, td.circDeskSelectColStyle, table.circDeskRelatedTabTable, tr.circDeskReturnDate td, td.circDeskLoansDueDate, td.circDeskLoansDueDateRenewable, td.circDeskRecordLink, td.circDeskRecordLinkHover, td.circDeskReturnsReturnDate, td.circDeskReturnResourceBoxCopyTable, td.circDeskReturnReservationDialogTableRow, td.circDeskReturnReservationDialogTableHeader, table.circDeskLogging, .gwt-SuggestBoxPopup .item-selected { border-color: #e5e8ed; } input, select, textarea, div.thinTopBorder label, div#circDeskInputFieldContainer, div.dragAndDropUpload, .searchPrompt, .searchPromptSmall, span.displayContent, input[readonly].marcEditor-readonly, input[readonly].gwt-TextBox-readonly, ul.tagit, ul.tagit-autocomplete { background-color: #ffffff; border-color: #b7babe; color: #353535; } .updatedSearchPrompt > div { background-color: #ffffff; color: #353535; } div.dragAndDropUpload { outline-color: #b7babe; } div.opacBasicSearchBar { border-top-color: #f4f7fc; } .opacSearchBarModeTab { background: rgba(51,63,72,0.8); color: #fff; } #updatedSearchBarJumpToContent, #updatedSearchBarJumpToSearchBar { background-color: rgba(0,0,0,0.6); } .opacSearchBarModeTabSelected { background-color: #353535; color: #faab28; } .opac-subpage-menu-navbar-box ul li:hover, .opac-subpage-menu-navbar-box ul li, .opac-subpage-menu-navbar-box ul.otherSubPageItems { background-color: #ffffff; } .opac-subpage-menu-navbar-box ul li a, .opac-subpage-menu-navbar-box ul li a:visited { color: #353535; } .opac-subpage-menu-navbar-box ul li a.opac-subpage-menu-active { background-color: #ffffff; color: #353535; } .opac-subpage-menu-navbar-box ul li a:hover, .opac-subpage-menu-navbar-box ul li a:focus { background-color: #ffffff; color: #353535; } .opac-subpage-menu-navbar-box ul li:hover { color: #353535; } .updatedSearchPrompt .browseOptions { border-right-color: #e1e4e6; } .bannerOpacSearchBarContainer .updatedLastSearchLink { color: #ffffff; } #basicSearchDialog, #advancedDialog, #federatedDialog, #customSearchDialog { background-color: #ffffff; } .searchPrompt input, .searchPrompt label, .updatedSearchPrompt input, .updatedSearchPrompt label, .searchPromptSmall input, .searchPromptSmall label, span#inputIcon { background-color: transparent; border-style: none; color: #0093d9; } div.marcEditorDialogContainer, div.marcEditorErrorContainer, table.marcEditorTag { border-color: #353535; } .gwt-SuggestBoxPopup .item { border-color: #ffffff; } table#checkinMatrix td, div#matrix_wrapper table.dataTable td, div#matrix_wrapper table.dataTable th, div.DTFC_LeftBodyWrapper table.dataTable.no-footer.DTFC_Cloned, div.ajaxListModelTable tbody#clientBody td { border-color: #353535; } a.opac.recommended span.icon { color: #353535; } /* disabled elements */ button[disabled], button[disabled]:hover, button.disabled, button.disabled:hover { background-color: transparent; border-color: #BABABA; color: #BABABA; } button[disabled].icon, button[disabled].icon:hover, button[disabled].icon:focus, tbody.list > tr:nth-child(even) button[disabled].icon:hover, tbody.list > tr:nth-child(even) button[disabled].icon:focus, tbody.list > tr:nth-child(odd) button[disabled].icon:hover, tbody.list > tr:nth-child(odd) button[disabled].icon:focus, .heading button[disabled].icon:hover, .heading button[disabled].icon:focus, h1 button[disabled].icon:hover, h1 button[disabled].icon:focus, h2 button[disabled].icon:hover, h2 button[disabled].icon:focus, h3 button[disabled].icon:hover, h3 button[disabled].icon:focus, h4 button[disabled].icon:hover, h4 button[disabled].icon:focus, .form .searchPrompt button[disabled].icon, .form .updatedSearchPrompt button[disabled].icon, tbody.list .icon.boolean[data-value="false"], div.marcEditorSaveCancel button[disabled].icon, div.marcEditorSaveCancel button[disabled].icon:hover, div.marcEditorSaveCancel button[disabled].icon:focus, .ui-widget-content div#manageWardsContentPane button[disabled]#saveBtn, .ui-widget-content div#manageWardsContentPane button[disabled]#cancelBtn, .ui-widget-content div#manageWardsContentPane button[disabled]#saveBtn:hover, .ui-widget-content div#manageWardsContentPane button[disabled]#cancelBtn:hover, .ui-widget-content div#manageWardsContentPane button[disabled]#saveBtn:focus, .ui-widget-content div#manageWardsContentPane button[disabled]#cancelBtn:focus { background-color: transparent; border-color: #BABABA; color: #BABABA; } span.submitSearchContainer > button[disabled].icon, span.submitSearchContainer > button[disabled].icon:hover, span.submitSearchContainer > button[disabled].icon:focus, span.searchTargets > button[disabled].icon, span.searchTargets > button[disabled].icon:hover, span.searchTargets > button[disabled].icon:focus { background-color: #f4f7fc; border-color: #BABABA; color: #BABABA; } div.subGroupHeading[data-expanded] a.subGroupHeadingLink, div.subGroupHeading[data-expanded] a.subGroupHeadingLink:hover, div.subGroupHeading[data-expanded] a.subGroupHeadingLink:focus, div.subGroupHeading[data-expanded] h2.groupHeaderContent, div.subGroupHeading[data-expanded] h2.groupHeaderContent:hover, div.subGroupHeading[data-expanded] h2.groupHeaderContent:focus { background-color: transparent; } input[disabled], input[readonly], select[disabled], select[disabled] > option, textarea[disabled], div.dragAndDropUpload.disabled, textarea[readonly], .disabled, .ui-state-disabled, input[readonly].circDeskOverrideDueDateEdit { background-color: #f4f7fc; border-color: #b7babe; color: #BABABA; } div.dragAndDropUpload.disabled { outline-color: #b7babe; } input[type="radio"], input[type="checkbox"] { border: none; background-color: transparent; } h4.carouselTitle { background-color: transparent; } tbody.data th, .resultDialogueHeader { background-color: #f4f7fc; color: #353535; } tbody.data, tbody.data td, tbody.data th, tbody.form { border-color: #f4f7fc; } .opac_detail_title { background-color: transparent; color: #353535; } /* list tables (alternating bg) */ tbody.list > tr:nth-child(even), tbody.list.inverted > tr:nth-child(odd), div.searchSource:nth-of-type(even), tbody > tr.circDeskTableRow:nth-child(even), .subtotal2, table.groupedList td.even, div.opacTiles { background-color: #e5e8ed; color: #353535; } #opacResultTable > thead > tr { border-color: #353535; } #opacResultTable > tbody > tr { border-color: #e5e8ed; } tbody.list > tr:nth-child(even) a.icon, tbody.list.inverted > tr:nth-child(odd) a.icon { background-color: #e5e8ed; border-color: #353535; color: #353535; } #opacResultTable > tbody > tr.opacHighlight { background-color: #faab28; } #opacResultTable > tbody > tr.opacHighlightAlt { background-color: #faab28; } .subtotal2 a { color: #0093d9; } tbody.list > tr:nth-child(odd), tbody.list.inverted > tr:nth-child(even), div.searchSource:nth-of-type(odd), tbody > tr.circDeskTableRow:nth-child(odd), table.groupedList tbody.list tr, div.opacTile, .tileTitle::after { background-color: #ffffff; color: #353535; } tbody.list > tr:nth-child(odd) a.icon, tbody.list.inverted > tr:nth-child(even) a.icon { background-color: #ffffff; border-color: #353535; color: #353535; } tbody.list > tr a.icon:hover, tbody.list > tr a.icon:focus, tbody.list > tr button.icon:hover, tbody.list > tr button.icon:focus, tbody.list.inverted > tr a.icon:hover, tbody.list.inverted > tr a.icon:focus, tbody.list.inverted > tr button.icon:hover, tbody.list.inverted > tr button.icon:focus { background-color: #e5e8ed; border-color: #353535; color: #353535; } tbody.list > tr a, tbody.list.inverted > tr a { color: #0093d9 } tr#addClientRow { background-color: transparent; } /* Plain tables, blend in with text colours */ tbody.plain th, tbody.plain td, h1.plain { background-color: transparent; color: inherit; } /* error messages */ .error, .errorMessage, .editItemError { background-color: #FFE4E1; border: 1px solid #FF0000; color: #FF0000; } /* error messages */ .confirmation, .confirmationMessage, .confirmationItem { background-color: #FFE4E1; border: 1px solid #FF0000; color: #FF0000; } td.circDeskOverdueLoanDueDate, table.circulationAlert > tbody > tr { background-color: #FFE4E1; color: #FF0000; } .errorText { color: #FF0000; } /** special regions **/ /* Some of the status colours in OPAC still use these styles */ .available_local_or_online, tbody.list .icon.available_local_or_online, div#importJobList tbody.list .icon.boolean[data-value="true"] { color: green; } .available_external, .available_deferred, .available_check, tbody.list .icon.available_external, tbody.list .icon.available_deferred tbody.list .icon.available_check { color: #f48529; } .available_unavailable, tbody.list .icon.available_unavailable, div#importJobList tbody.list .icon.boolean[data-value="false"] { color: red; } /* Re-prioritizing matrix colors */ TD.matrixAllowLoan, TH.matrixAllowLoan, TD.matrixFileAccessRule, TH.matrixFileAccessRule { background-color: #CCFFCC; color: #000000; } TD.matrixDisallowLoan, TR TD.matrixDisallowLoan, TH.matrixDisallowLoan, TD.matrixFileAccessRule_NO_ACCESS, TH.matrixFileAccessRule_NO_ACCESS { background-color: #FFCCCC; color: #000000; } .block.maxWidth.plainHeaderLink { background-color: transparent; } TR TD.matrixLoanLimit, TR TD.matrixNoFileAccessRule { background-color: #CCFFFF; color: #000000; } #matrix_wrapper a { color: #0093d9; } table.groupedList tbody.list a.icon { background-color: transparent; } td.circDeskOverdueLoanDueDate table, td.circDeskOverdueLoanDueDateRenewable table { color: #ffffff; } td.circDeskOverdueLoanDueDate, td.circDeskOverdueLoanDueDateRenewable { background: #cc0000; } input[type="checkbox"] + div.opacTile { border-color: #ffffff; } input[type="checkbox"]:checked + .opacTile { border-color: #353535; } input[type="checkbox"] + .opacTile .bookmark { background-color: #ffffff; } input[type="checkbox"]:checked + .opacTile .bookmark { background-color: #353535; } div.opacTile .availability span.icon { background-color: #ffffff; } div.opacTile .availability span.text { text-shadow: -1px -1px white, 1px -1px white, -1px 1px white, 1px 1px white, -2px -2px white, 0px -2px white, 2px -2px white, -2px 0px white, 0px 0px white, 2px 0px white, -2px 2px white, 0px 2px white, 2px 2px white } .opacResultRow.opacNewResultRow { background-color: white !important; } #gptLoading { border-color: #0093d9 } #digitalListsDialog { background-color: #ffffff; } .digitalListDialogOption.dialogOption_tile { background-color: #ffffff; } .digitalListDialogOption.dialogOption_tile:hover { background-color: #e0e0e0; } .digitalListDialogOption.dialogOption_tile_selectedTile { border-color: #353535; } .digitalListDialogOption.dialogOption_tile.checked { background-color: #bdbdbd; } .yearpicker-prev:hover, .yearpicker-next:hover, .yearpicker-items:hover, .yearpicker-items.s