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 a.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; } .headerText { padding: 0.5em; display: inline-block; } .subheadingNavButtons { padding: 0.3em; float: right; position: relative; right: 44%; } .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; } .circListTable { margin-left: 3em; padding-right: 1em; padding-bottom: 1em; } .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 { border-radius: 0.5em; display: inline-block; margin: 0.5em; padding-top: 0.35em; padding-bottom: 0.35em; padding-left: 0.35em; padding-right: 0.35em; } .searchPrompt input { border-style: none; } .searchPrompt input:focus { outline: none; } #searchBar * { vertical-align: middle; } .dialogueBodyRightColumn { padding-right: 2em; padding-top: 1em; padding-left: 2em; } div.listFileUsage { min-width: 10em; } .searchPrompt, .searchPromptSmall { border-style: solid; border-width:1px; } .searchPromptSmall { border-radius: 0.5em; display: inline-block; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 0em; padding-top: 0em; padding-left: 0.5em; padding-bottom: 0.25em; padding-right: 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 { 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 { width: 23em; 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; } 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, .headingExpanded, .headingCollapsed { margin-top: 0.3em; } .groupHeadingLink:hover h2, .subGroupHeadingLink:hover h2, td.checkinAction { cursor: pointer; } .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%; } 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; } .popupContainer { position: relative; } div.suggestion, 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 { width: auto; margin-left: 1em; } select.searchBarAdvanced { margin-right: 5px; } .searchBarQueryFieldYear { width: 80px; } table.searchBarAdvanced > tbody > tr { 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; } #updateNotificationLinksAndDocs > div { width: 49.5%; } #updateNotificationLinksAndDocs { padding-left: 1em; padding-right: 1em; } div#progressbar table { width: initial; } div#borrowerImportHelp { line-height: normal; } tbody.form th.microlabel { width: 20%; } 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 { 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.circListTable tbody#clientBody tr:first-child td { border-top: none; } div.circListTable tbody#clientBody td:first-child { border-left: none; } div.circListTable 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, select#displayList_catalogs { max-width: 35em; text-overflow: ellipsis; min-width: 16em; } td > select#tagList { max-width: 20em; text-overflow: ellipsis; } td > input#tagName { width: 18em; } input#addExistingClientDialogForm_clientAlias { width: 16em; } tbody.copyAssignment select { min-width: 5em; } input#reservationExpiryDate { 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; } #pageLinkRownavRow a { padding: 0.1em; } div.invalidMARCErrors { overflow-y: auto; max-height: 10em; } div#opacNoSearchResults { margin-left: 0em; } textarea#reviewEditForm_text { width: 90%; } .defaultCursor { cursor: default !important; } video.mediaVideo { width:100%; } /** 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; } /** 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 { background-color: transparent; border-style: none; } img.cloudcarousel { cursor: pointer; background-color: transparent; } /** 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: right; } .slides > .slideButtons > button { margin: 1px; } div.cache { display: none !important; } /** cards **/ .card { width: 370px; min-height: 120px; display: inline-block; margin: 2px; vertical-align: top; padding: 5px; text-align: left; background-image: none !important; } div.opacInfoBox .card { border-style: none; width: auto; } img.libraryInfo { width: 65px; } .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 */ } div.homePageRssFeedReader ul li img { padding-top: 3px; float: left; border: none; margin-right: 3px; margin-bottom: 3px; height: 60px; width: 75px; } p.rssDateMessage { font-style: italic; font-size: 90%; } p.rssReaderError { float: top; } .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==); } 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_accordion { margin: 0em; padding: 0em; } #sideBar_footer { bottom: 0px; position: absolute; } #sideBar_footer img { margin-top: 0.25em; margin-left: 3.5em; margin-bottom: 1em; } #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: 11.1em; margin-right: 11.1em; } .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 { margin: 0em; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 0.5em; padding-left: 1em; } /** Content **/ #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 { 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: 23em; } } .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; } /*** 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; } /* plain body colours */ body, .plainContent, .plainHeaderLink, th.matrixHighlight, div#opacFacetedSearchBarContent div#opacitySlider, 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 { 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 { 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: #e0e0e0; border-color: #353535; color: #353535; } /* links */ a, thead th a.subHeadingLink { color: #0093d9; } 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 { background-color: #ffffff; border-color: #696969; color: #353535; } button:hover, button:focus, .ui-state-hover, .ui-state-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: #ffffff; background-image: none; border-color: #dedede; color: #3eb5e5; } 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: #e0e0e0; } 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 a.logout, .pageHeader .exitPreview { background-color: #3eb5e5; color: #ffffff; } .pageHeader a.icon { 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.subGroupHeading[data-expanded] { background-color: #3eb5e5; background-image: none; color: #ffffff; } .heading a.icon, .heading button.icon, h1 a.icon, h2 a.icon, a.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: #3eb5e5; border-color: #ffffff; color: #ffffff; } .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, 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: #3291b7; border-color: #ffffff; color: #ffffff; } 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, td.selfCircSubheading { background-color: #3eb5e5; color: #353535; } .subHeading a.icon, .subHeading button.icon, h3 a.icon, h4 a.icon { background-color: #3eb5e5; border-color: #353535; color: #353535; } .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: #2c81a4; border-color: #353535; color: #353535; } /* Main menu & Expandable headings */ .menuPin, .menuHeader, .menuHeader a, .menuHeader h3, div#opacFacetedSearchBarSpine, div#opacFacetedSearchBarContent a.ui-slider-handle, .groupHeading a, .groupHeading h2, .expandGroup, .expandGroup:focus, tr.subSubHeading > th, .subSubHeading, button.circDeskOperation, .headingCollapsed a, .headingCollapsed h2, div.circListTable .highlight { background-color: #666666; background-image: none; color: #ffffff; } .menuPin:hover, .menuHeader.ui-state-hover, .menuHeader.ui-state-hover a, .menuHeader.ui-state-hover h3, .menuHeader.ui-state-focus, .menuHeader.ui-state-focus a, .menuHeader.ui-state-focus h3, .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 { background-color: #575757; background-image: none; color: #ffffff; } .menuHeader.ui-state-active, .menuHeader.ui-state-active a, .menuHeader.ui-state-active h3, .facetedAccordionMenu h3.ui-state-active a, .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 { background-color: #3eb5e5; background-image: none; color: #ffffff; } .menuHeader.ui-state-active.hover, .menuHeader.ui-state-active.hover a, .menuHeader.ui-state-active.hover h3, .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 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 { background-color: #3291b7; color: #ffffff; } /* sub menu */ #sideBar, #sideBar .ui-accordion-content a, .contextMenu a, #tabs a, li.opacTab, .groupedListContent th, .groupedListContent td.groupedListHeader { background-color: #efefef; 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] { background-color: #efefef; background-image: none; color: #3eb5e5; } /* context menu */ div.contextMenu a.ui-widget-header { background-color: #efefef; 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, .facetedAccordionMenu h3 a, table.circDeskFunctionPanel, table.circDeskStockRotation, .circDeskRelatedTabBar, div.circDeskDialogContainer, div.marcEditorDialogContainer, div.homeAlert, table.marcEditorTag, .marcEditorContent, .subtotal1 { background-color: #efefef; 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: #efefef; 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, 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.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 { background-color: #e0e0e0; border-color: #353535; color: #353535; } .slideButtons button.ui-state-default.ui-state-active, button.icon.ui-state-active { background-color: #efefef; border-color: #3eb5e5; color: #3eb5e5; } .slideButtons button.ui-state-default.ui-state-active:hover, button.icon.ui-state-active:hover { background-color: #e0e0e0; border-color: #3eb5e5; color: #3eb5e5; } thead th a.subHeadingLink, table.circulationQuestion > tbody > tr, table.circulationMessage > tbody > tr, table.circulationPrint > tbody > tr, .circDeskAlertBlue, table.circulationPrint { background-color: #efefef; 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: #353535; } 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: #efefef; 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: #666666; color: #ffffff; } table.ui-datepicker-calendar a.ui-state-active, td.Cal_Selected a, .gwt-SuggestBoxPopup .item-selected { background-color: #3eb5e5; color: #ffffff; } div.ui-datepicker .ui-slider-handle { background-color: #b3b3b3; border-color: transparent; color: #353535; } .ui-slider.ui-slider-horizontal { border-color: #b3b3b3; 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: #e0e0e0; } input, select, textarea, div#circDeskInputFieldContainer, .searchPrompt, .searchPromptSmall, input[readonly].marcEditor-readonly, input[readonly].gwt-TextBox-readonly { background-color: #ffffff; border-color: #b3b3b3; color: #353535; } .searchPrompt input, .searchPrompt 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.circListTable 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, 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; } 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], textarea[readonly], .disabled, .ui-state-disabled, input[readonly].circDeskOverrideDueDateEdit { background-color: #efefef; border-color: #b3b3b3; color: #BABABA; } input[type="radio"], input[type="checkbox"] { border: none; background-color: transparent; } h4.carouselTitle { background-color: transparent; } tbody.data th, .resultDialogueHeader { background-color: #efefef; color: #353535; } tbody.data, tbody.data td, tbody.data th, tbody.form { border-color: #efefef; } .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 { background-color: #e0e0e0; color: #353535; } tbody.list > tr:nth-child(even) a.icon, tbody.list.inverted > tr:nth-child(odd) a.icon { background-color: #e0e0e0; border-color: #353535; color: #353535; } tbody.list > tr:nth-child(even) a.icon:hover, tbody.list > tr:nth-child(even) button.icon:hover, tbody.list > tr:nth-child(even) button.icon:focus, tbody.list.inverted > tr:nth-child(odd) a.icon:hover, tbody.list.inverted > tr:nth-child(odd) button.icon:hover, tbody.list.inverted > tr:nth-child(odd) button.icon:focus { background-color: #b3b3b3; border-color: #353535; color: #353535; } tbody.list > tr:nth-child(even) a, tbody.list.inverted > tr:nth-child(odd) a, .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 { 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:nth-child(odd) a.icon:hover, tbody.list > tr:nth-child(odd) button.icon:hover, tbody.list > tr:nth-child(odd) button.icon:focus, tbody.list.inverted > tr:nth-child(even) a.icon:hover, tbody.list.inverted > tr:nth-child(even) button.icon:hover, tbody.list.inverted > tr:nth-child(even) button.icon:focus { background-color: #e0e0e0; border-color: #353535; color: #353535; } tbody.list > tr:nth-child(odd) a, tbody.list.inverted > tr:nth-child(even) 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, tbody.list .icon.available_local { color: green; } .available_external, tbody.list .icon.available_external, .available_deferred, tbody.list .icon.available_deferred { color: orange; } .available_unavailable, tbody.list .icon.available_unavailable, div#importJobList tbody.list .icon.boolean[data-value="false"] { color: red; } .available_overdrive, tbody.list .icon.available_overdrive, .available_wheelers, tbody.list .icon.available_wheelers, div#importJobList tbody.list .icon.boolean[data-value="true"] { color: green; } /* Re-prioritizing matrix colors */ TD.matrixAllowLoan, TH.matrixAllowLoan { background-color: #CCFFCC; color: #000000; } TD.matrixDisallowLoan, TR TD.matrixDisallowLoan, TH.matrixDisallowLoan { background-color: #FFCCCC; color: #000000; } .block.maxWidth.plainHeaderLink { background-color: transparent; } TR TD.matrixLoanLimit { 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; } .icon, a.icon, button.ui-datepicker-trigger, div.ui-datepicker a.ui-corner-all, span.ui-icon-closethick.ui-icon { display: inline-block; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; speak: none; text-decoration: none; text-transform: none; font-family: 'slkIcons' !important; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscal } span.icon { border-style: none; } .rightIconPadding { padding-right: 1.8em; } .leftIconPadding { padding-left: 1.8em; } a.icon:hover, a.icon:focus { text-decoration: none; } button.contractGroup, button.expandGroup { padding: 0.5em; } /* DEFINE EM UNITS */ html, #sideBar .ui-widget-content, .contextMenu .ui-widget-content, .marcEditorWrapper, .marcEditor, tr.opacResultRow, td.dialogueBodyContent, div.circDeskBorrowerPanel div.circDesk, td#loanLimitTable table.circDeskLoanLimit div.circDesk, div.circDeskRelatedTabTable table.circDeskRelatedTabTable div.circDesk, input.circDeskOverrideDueDateEditActive, p.editItemError { font-size: 12px; } /* small text */ .help, div.facetedAccordionMenu div.ui-accordion-content a { font-size: 10.5px; } /* Headings (uppercase) */ h1, h2, h3, h4, thead, .heading, .subHeading, .subheading, .libraryInfo_banner, tr.circDeskHeaderRow td.circDeskHeaderRow div.circDeskSortableHeaderLabel, div#overviewButtons button, tr#selfCircButtonRow td#tableTitle, td.selfCircSubheading, li.opacTab { font-size: 13.2px; line-height: 21px; } /* normal text */ tbody.list, tbody.data, th.plainContent, .ui-widget-content, .contentPane, .contextMenuBar, .searchPrompt select, .opacSearchOption, .detailOpText, table.circDesk, div.circDesk, div.circDeskDatePicker, div.circDeskInputSuggestionPanel, span.coverImageResultHover, div.welcomeManagement, div.homeText, div.homeComponentText, div#feedbackPanel td { font-size: 13.5px; } /** large text **/ .searchPrompt, .opac_detail_title, div.circDeskBorrowerPanel .circDeskBorrowerAliasValue div.circDesk, .enlargedFont { font-size: 16px; } /** small icons **/ tbody.list .icon, tbody.form .icon, table.alertBox .icon, th.plainContent .icon, button#historyButton .icon, div.ui-datepicker a.ui-corner-all, button.ui-datepicker-trigger, div.circDeskRelatedTabTable table.circDeskRelatedTabTable button.icon { font-size: 17px; } /** normal icons **/ .icon, a.icon, tbody.list .image_col .icon, tbody.form .icon.defaultIcon { font-size: 21px; } /** large icons **/ .icon.largeIcon, tbody.form .icon.largeIcon { font-size: 27px; } /** even larger, just for overview page **/ div#overviewButtons button span.icon, .gridOverview .icon { font-size: 45px; } body, input, select, textarea, button, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Verdana', 'Arial'; } h1, h2, h3, h4, thead, div.circDeskSortableHeaderLabel, button.contractGroup, button.expandGroup, .pageHeaderFont, div#overviewButtons button, tr#selfCircButtonRow td#tableTitle, td.selfCircSubheading, li.opacTab { font-family: 'Montserrat', 'Verdana'; } td#loggingPanel textarea { font-family: monospace; } a.listIndexFocus, .circDeskBorrowerAliasValue div.circDesk, table.groupedList tbody.list tr.titleRow td { font-weight: bold; } select.circDeskInputSuggestionPanel, select.suggestion { font-family: 'Lucida Console'; } p.editItemError { line-height: 1.2em; }