/* VersionControl, all different sites use the same base file */ @import url("../base/base.css"); /* Additions to the base file for the Swan them which was copied from FlandersRed */ body { background-color: #fbfbfb; font-family: 'Maven Pro', sans-serif; color: #212121 } h1, h2 { font-weight: 700 !important; } h3, h4, h5, #bodytext a, #header, #navigation, .buttonHolder a, #footer, .normal .apptitle h2, .normal .apptitle b, .maintitle, .title, .searchsubmit, .buttonnew, input, textarea, select, button { font-weight: 500 !important; } span.summary.thumb span.title { font-weight: 500 !important; } .contentcontainer .apptitle h2, .contentcontainer .apptitle .maintitle b { font-weight: 700 !important; } .contentcontainer .title b { font-weight: 500; } a.link2, .searchTree.textOnly a, a.sortOK, #additionalbefore ul.appLinks > li > a, #divInterests .generalInfo a.NeedHelp, .RichTextItem .additional a, .recordDisplayElement div.FullRequest a.linkTo, .recordDisplayElement div.FullUrl a.linkTo, .otherSources .externalLink a, .divVlink .linkVlink a, #sOptions .advancedLink a, .SearchBox #sBoxOptions .advancedLink a, .itemFull .reserveItem a, .itemCover .reserveItem a, .itemText .reserveItem a, .relAuthors .relAuthor a, .EditBorrowerData .helpLink a, #itemDetailsLink a, .showItemDetails a, .LinkRequest .linkEntry .buttons a, .viewInfo a, #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchScreen .switchSearchExpert a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divBrowseOptions .option a, #divListOptions .option a, #divRecordOptions .option a, .browseNavOptions a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, .UserActivities .navigation a, #divResultsOptions ul a, #divResultsOptions .option a, .feedItemInner, .calendarLinkDiv div a, div.appcontent div.singleEvent, .appLink a, .dijitDialog .guestRegister a, .dijitDialog .forgotPassword a, .addMoodLink a { font-weight: 500 !Important; color: #333333 !Important; } a.link2:hover, .searchTree.textOnly a:hover, a.sortOK:hover > span, #additionalbefore ul.appLinks > li > a:hover span, #divInterests .generalInfo a.NeedHelp:hover span, .RichTextItem .additional a:hover span, .recordDisplayElement div.FullRequest a.linkTo:hover span, .recordDisplayElement div.FullUrl a.linkTo:hover span, .otherSources .externalLink a:hover span, .divVlink .linkVlink a:hover span, #sOptions .advancedLink a:hover span, .SearchBox #sBoxOptions .advancedLink a:hover span, .itemFull .reserveItem a:hover span, .itemCover .reserveItem a:hover span, .itemText .reserveItem a:hover span, .relAuthors .relAuthor a:hover span, .EditBorrowerData .helpLink a:hover span, #itemDetailsLink a:hover, .showItemDetails a:hover, .LinkRequest .linkEntry .buttons a:hover span, .searchFormSimple .switchSearchSimple a:hover span, #divSearchScreen .switchSearchAdvanced a:hover span, #divSearchScreen .switchSearchExpert a:hover span, .viewInfo a:hover, #optionsExpanded div.option a:hover, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover, .zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, .zeroHits .altTerm a:hover, #divListOptions a:hover, #divLists a:hover, #divSearchScreen .more a:hover, #divSearchResultsCMS .shortRecord a:hover, #divInterests .add a:hover, #divReviews .addReviewLink a:hover, #divReviews .editReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #vote a:hover, #moreInfo a:hover, #divBrowseOptions .option a:hover, #divListOptions .option a:hover, #divRecordOptions .option a:hover, .browseNavOptions a:hover, .UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover, .cancelSelected a:hover, .cancelAll a:hover, .renewSelected a:hover, .renewAll a:hover, .deleteSelected a:hover, .selectPublic a:hover, .selectAll a:hover, .UserActivities .navigation a:hover, #divResultsOptions ul a:hover, #divResultsOptions .option a:hover, .feedItemInner a:hover, .calendarLinkDiv div a:hover, div.appcontent div.singleEvent a:hover, .dijitDialog a:hover, .addMoodLink a:hover { font-weight: 500 !Important; color: #ff9800 !Important; } body, body.normal { font-size: 13.8px; } body.large { font-size: 16px; } body.largest { font-size: 18px; } .big1 { font-size: 109%; } .big2 { font-size: 114%; } .big3 { font-size: 120%; } .small1 { font-size: 96%; } .small2 { font-size: 91%; } .small3 { font-size: 85%; } #wrapper { background: none; max-width: 1240px; } #wrapperinner, #header, .HeaderLogo, #footer, #footerinner { background: none; } #wrapperinner, #header { margin: 0; padding-right: 0; } #header { background: none; padding-left: 0; position: relative !important; z-index: auto !important; } #header > a:first-child { display:none; } .HeaderLogo .logo > a > img { display: none; } #header .HeaderLogo .logo { margin-left:0; margin-top:15px; } #header .HeaderLogo .logo > a { background: url("images/sprite.png") no-repeat 0 0; display:block; width:250px; height:80px; } #header .HeaderNavigation { background: url("images/sprite.png") no-repeat -250px 0; width:300px; height:135px; position:absolute; } #header .HeaderNavigation .HeaderNavigationInner > div.row1 { margin-right:185px; height: 108px;} #header .HeaderNavigation .HeaderNavigationInner > div.row1 > div, #header .HeaderNavigation .HeaderNavigationInner > div.row2 > div { display:none;} #header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff { display:inline; background:none; } #header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff div > div > div {width:400px !important;} #header .HeaderNavigation .HeaderNavigationInner > div > div#normala, #header .HeaderNavigation .HeaderNavigationInner > div > div#largea, #header .HeaderNavigation .HeaderNavigationInner > div > div#largesta { display:block; background:none;} #header .HeaderNavigation div.SearchInner { top:17px;right:0; } #header .HeaderNavigation .HeaderNavigationInner > div.row2, #header .searchDiv #sOptions { z-index:130; position:relative !important;} #navigation { z-index:120; position:relative !important;} #banner { z-index:1; position:relative !important;} .dj_ie #header .searchDiv #sOptions { display:none !important;} #banner { float:none; clear:both; width:auto; } .dijitTitlePane .dijitTitlePaneTitle { min-height: 25px; } .column > div { margin: 20px 0 10px 10px; padding: 0px; } #column1 > div { margin-left: 0; } #navigation { background: none !important; border: none; border-bottom: 8px solid #8A1F0F; margin-bottom: 0px; } .application.deBib { border: 1px solid #8A1F0F;} .column .application .apptitle { border-bottom: 1px solid #8A1F0F;} .application.deBib .apptitle { border-bottom: none; } p { line-height : inherit;} .application.nostyling { border : none !Important; filter : none !Important; -ms-filter : none !Important; -moz-box-shadow : none !Important; -webkit-box-shadow : none !Important; box-shadow : none !Important;} .application.nostyling > div, .application.nostyling > div .appcontent { padding : 0;} .applicationcontainerhiddentitle.nostyling .dijitTitlePaneContentOuter, .applicationcontainernotitle.nostyling .dijitTitlePaneContentOuter { margin-top: 0; } .column .application .apptitle, .application.deBib, #navigation ul { background:#fbfbfb;} #navigation, .column .application .apptitle { margin-bottom: 5px; -moz-box-shadow: 0px 4px 4px #e0e0e0; -webkit-box-shadow: 0px 4px 4px #e0e0e0; box-shadow: 0px 4px 4px #e0e0e0; filter: progid:DXImageTransform.Microsoft.Shadow(direction=180,color=#d0d0d0,strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=180, Strength=5, Color='#d0d0d0')"; } .application.deBib { -moz-box-shadow: 3px 3px 3px #d0d0d0; -webkit-box-shadow: 4px 4px 4px #e0e0e0; box-shadow: 3px 3px 3px #d0d0d0; filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#d0d0d0,strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=135, Strength=5, Color='#d0d0d0')"; } .application.deBib .apptitle { margin-bottom: 0; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; filter: none; -ms-filter: "none"; position: relative; } #navigation { margin-bottom: -5px;} .dj_ie #navigation { filter: -;margin-bottom: 0;} #navigation > ul > li, #navigation > ul > li:hover, #navigation > ul > li:hover > a { background: none !important; } #navigation > ul > li > a, #navigation > ul > li:hover > a { color: #222222; } #navigation > ul > li:hover, #navigation > ul > li:hover > a > span { background: #8A1F0F !important; color: #FFFFFF !important; text-decoration: none; box-shadow: 1px 7px 9px -3px rgba(0, 0, 0, 0.5);} #navigation >ul li.logOut > a > span { background:none repeat scroll 0 0 #8A1F0F !important; color:#fff;} #navigation > ul > li > ul { background: #fbfbfb !important; border: 1px solid #8A1F0F; } .NavigationDisplayApp ul li { margin-left: 0; } .NavigationDisplayApp ul li.open li .elem { padding-left: 10px; } .NavigationDisplayApp div.elem { float: none !important; } .NavigationDisplayApp div.icon { display: none !important; } .NavigationDisplayApp ul li.open > div.icon, .NavigationDisplayApp ul li.closed > div.icon, .NavigationDisplayApp ul li.nosub > div.icon { ZZbackground: url("images/deBib_DoRood.png") no-repeat -16px 0 !important; } .dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a span {color:#333333 !important;} .dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a:hover span {color:#8a1f0f !important;} .NavigationDisplayApp ul li { margin-left: 25px; display: list-item !important; list-style-type: circle; } .NavigationDisplayApp ul li:hover { list-style-type: disc; } .NavigationDisplayApp span.selected span { text-decoration: underline; cursor: default; color: #CCBBAA !important; } ZZbody .RichTextItem .additional a { background: none !important; padding-left: 0 !important; } .apptitle { border-top: none; margin: 8px 0 0; } .apptitle { border-top:1px solid #fbfbfb; } fieldset.group legend, #shelfMarks table caption, .mainOptions .iWantTo, .SelectedForYou .links span, .SelectedForYou .header, .dijitTreeLabel:hover, .apptitle h1, .apptitle h2, #useractivities a, #logoff a, #logon a, a:hover, a:hover span, .RichTextItem .appcontent a, .SearchBox .SearchInner #sOptions > .searchIn, .HeaderNavigation .SearchInner #sOptions > .searchIn, #additionalbefore ul.appLinks > li > a:hover span, #divInterests .generalInfo a.NeedHelp:hover span, .RichTextItem .additional a:hover span, .recordDisplayElement div.FullRequest a.linkTo:hover span, .recordDisplayElement div.FullUrl a.linkTo:hover span, .otherSources .externalLink a:hover span, .divVlink .linkVlink a:hover span, #sOptions .advancedLink a:hover span, .SearchBox #sBoxOptions .advancedLink a:hover span, .itemFull .reserveItem a:hover span, .itemCover .reserveItem a:hover span, .itemText .reserveItem a:hover span, .relAuthors .relAuthor a:hover span, .EditBorrowerData .helpLink a:hover span, #itemDetailsLink a:hover, .showItemDetails a:hover, .LinkRequest .linkEntry .buttons a:hover span, .searchFormSimple .switchSearchSimple a:hover span, #divSearchScreen .switchSearchAdvanced a:hover span, .viewInfo a:hover, #optionsExpanded div.option a:hover, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover, .zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, .zeroHits .altTerm a:hover, #divListOptions a:hover, #divLists a:hover, #divSearchScreen .more a:hover, #divSearchResultsCMS .shortRecord a:hover, #divInterests .add a:hover, #divReviews .addReviewLink a:hover, #divReviews .editReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #vote a:hover, #moreInfo a:hover, #divRecordOptions .option a:hover, .UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover, .cancelSelected a:hover, .cancelAll a:hover, .renewSelected a:hover, .renewAll a:hover, .deleteSelected a:hover, .selectPublic a:hover, .selectAll a:hover, .UserActivities .navigation a:hover, #divResultsOptions ul a:hover, .feedItemInner a:hover, .calendarLinkDiv div a:hover, div.appcontent div.singleEvent a:hover, .dijitDialog a:hover, .navigationPageCurrent, .externalLink .linkSearchTerm, .SearchResults .leftDiv .searchKey, { color: lime ; /*Old styling - should now be redundant with updated styling below. Lime green to check visibility.*/ } a:hover, a:hover span { text-decoration: underline; } .recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img, .HeaderNavigation .SearchInner #sOptions { border-color: #8a1f0f; /*DeBib DoRood*/ } #recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType { color: #DCC227; /*DeBib Geel*/ } .RichTextItem img, .StyleImage, .imageDiv .image, .oneRow .image img, #cover img { border:none !Important; filter: none !Important; -ms-filter:none !Important; -moz-box-shadow:none !Important; -webkit-box-shadow:none !Important; box-shadow:none !Important; } .RichTextItem .appcontent tr, .PaymentsDue tr, .LoanHistory tr, .dj_ie .RichTextItem .appcontent tr td, .dj_ie .RichTextItem .appcontent tr th, .dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th { border-bottom: 1px solid #8A1F0F; background:inherit !important; } .ResultsWiki .apptitle h2, .cloud .cloud1 a { font-size:20px; color: #007a9c !important; } .cloud .cloud2 a { font-size:18px; color: #077998; } .cloud .cloud3 a { font-size:18px; color: #127793; } .cloud .cloud4 a { font-size:16px; color: #1e748d; } .cloud .cloud5 a { font-size:16px; color: #2c7285; } .cloud .cloud6 a { font-size:14px; color: #3a6f7e; } .cloud .cloud7 a { font-size:14px; color: #486d77; } .cloud .cloud8 a { font-size:12px; color: #556a70;} .cloud .cloud9 a { font-size:12px; color: #60686b; } .cloud .cloud10 a{ font-size:12px; color: #666666; } .ZZZZdijitLeaf, ul.mainnavigation > li > a > span { background-image: url("images/ArrowDown.gif") !important; } ul.StaticNavigationNSAlt li.sub a span { background: transparent !Important; } #divItemDetails tbody tr td:first-child, #divLists .listItem td:first-child > a, .RichTextItem .StyleLinkDot, .RichTextItem .StyleButtonDot, .LinkRequest .name, #divRestrictions .restriction, #divSearchAssociations .association, #UserDataSummaryDiv tr td.label, #LinkedAccountsDiv .name, ul.StaticNavigationNSAlt li.subsub a span { background-image: url(images/Dot.gif) !Important; } .RichTextItem .StyleListDot ul li { color: #333333 !Important; list-style: disc url(images/dot.gif) outside; } .dijitOpen > .dijitArrowNode > .dijitArrowNodeInner, .dijitOpen:hover > .dijitArrowNode > .dijitArrowNodeInner, .dijitClosed .dijitArrowNode .dijitArrowNodeInner, .dijitClosed:hover .dijitArrowNode .dijitArrowNodeInner { ZZbackground-image: url(images/Icons.png) !important; } .GenericRSSReader .feedItemInner a.opened, .GenericRSSReader .feedItemInner a.closed, .interests ul.overview .remove > a, .GenericRSSReader .feedItemInner > span, .dijitTitlePane .dijitEditNode, .dijitTitlePane .dijitEditNode:hover, #collapseExpandLA.collapsed, #collapseExpandPD.collapsed, .dijitTitlePane .dijitClosed, #collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, .dijitTitlePane .dijitClosed:hover, #collapseExpandLA.expanded, #collapseExpandPD.expanded, .dijitTitlePane .dijitOpen, #collapseExpandLA.expanded:hover, #collapseExpandPD.expanded:hover, .dijitTitlePane .dijitOpen:hover, .dijitDialogCloseIcon, #divInterests .overview div.remove, #LinkedAccountsDiv .remove > a, .dijitTitlePane .dijitCloseNode, .dijitDialogCloseIcon:hover, #divInterests .overview div.remove:hover, #LinkedAccountsDiv .remove > a:hover, .dijitTitlePane .dijitCloseNode:hover, .dijitFolderClosed, .dijitFolderClosed:hover, .dijitFolderOpened, .dijitFolderOpened:hover, div.dispIcons div.dispFull a span, div.dispIcons div.dispFull a:hover > span, div.dispIcons div.dispCover a span, div.dispIcons div.dispCover a:hover > span, div.dispIcons div.dispText a span, div.dispIcons div.dispText a:hover > span { background: url(images/sprite.png) !important; } .interests ul.overview .remove > a { background-position: -60px -96px !important; } .dijitTitlePane .dijitEditNode:first-child { background-position: -120px -96px !important;} .dijitTitlePane .dijitEditNode:hover:first-child { background-position: -120px -116px !important;} .dijitTitlePane .dijitEditNode { background-position: 0 -96px !important;} .dijitTitlePane .dijitEditNode:hover { background-position: 0 -116px !important;} #body .GenericRSSReader .feedItemInner .closed, #collapseExpandLA.collapsed, #collapseExpandPD.collapsed, .dijitTitlePane .dijitClosed { background-position: -20px -96px !important;} .GenericRSSReader .feedItemInner .closed:hover, #collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, .dijitTitlePane .dijitClosed:hover { background-position: -20px -116px !important;} #body .GenericRSSReader .feedItemInner .opened, #collapseExpandLA.expanded, #collapseExpandPD.expanded, .dijitTitlePane .dijitOpen { background-position: -40px -96px !important;} .GenericRSSReader .feedItemInner .opened:hover, #collapseExpandLA.expanded:hover, #collapseExpandPD.expanded:hover, .dijitTitlePane .dijitOpen:hover { background-position: -40px -116px !important;} .dijitDialogCloseIcon, #divInterests .overview div.remove > a, #LinkedAccountsDiv .remove > a, .dijitTitlePane .dijitCloseNode { background-position: -60px -96px !important;} .dijitDialogCloseIcon:hover, #divInterests .overview div.remove:hover, #LinkedAccountsDiv .remove > a:hover, .dijitTitlePane .dijitCloseNode:hover { background-position: -60px -116px !important;} .dijitFolderClosed { background-position: -80px -96px !important;} .dijitFolderClosed:hover { background-position: -80px -116px !important;} .dijitFolderOpened { background-position: -100px -96px !important;} .dijitFolderOpened:hover { background-position: -100px -116px !important;} div.dispIcons div.dispFull a span { background-position: 0 -136px !important;} div.dispIcons div.dispFull a:hover > span { background-position: 0 -166px !important;} div.dispIcons div.dispCover a span { background-position: -30px -136px !important;} div.dispIcons div.dispCover a:hover > span {background-position: -30px -166px !important;} div.dispIcons div.dispText a span { background-position: -60px -136px !important;} div.dispIcons div.dispText a:hover > span { background-position: -60px -166px !important;} a.link2, .searchTree.textOnly a, a.sortOK, #additionalbefore ul.appLinks > li > a, #divInterests .generalInfo a.NeedHelp, .RichTextItem .additional a, .recordDisplayElement div.FullRequest a.linkTo, .recordDisplayElement div.FullUrl a.linkTo, .otherSources .externalLink a, .divVlink .linkVlink a, #sOptions .advancedLink a, .SearchBox #sBoxOptions .advancedLink a, .itemFull .reserveItem a, .itemCover .reserveItem a, .itemText .reserveItem a, .relAuthors .relAuthor a, .EditBorrowerData .helpLink a, #itemDetailsLink a, .showItemDetails a, .LinkRequest .linkEntry .buttons a, .viewInfo a, #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchScreen .switchSearchExpert a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divBrowseOptions .option a, #divListOptions .option a, #divRecordOptions .option a, #browseNavOptions a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, .UserActivities .navigation a, #divResultsOptions ul a, #divResultsOptions .option a, .feedItemInner, .calendarLinkDiv div a, div.appcontent div.singleEvent, .appLink a, .dijitDialog .guestRegister a, .dijitDialog .forgotPassword a, .addMoodLink a, body.Swan #divLists .dijitButtonNode div, .dialogButtons button.dijitButtonNode div, body.Swan #additionalbefore ul.appLinks > li > a, body.Swan #divInterests .generalInfo a.NeedHelp, body.Swan .RichTextItem .additional a, body.Swan .recordDisplayElement div.FullRequest a.linkTo, body.Swan .recordDisplayElement div.FullUrl a.linkTo, body.Swan .otherSources .externalLink a, body.Swan .divVlink .linkVlink a, body.Swan #sOptions .advancedLink a, body.Swan .SearchBox #sBoxOptions .advancedLink a, body.Swan .itemFull .reserveItem a, body.Swan .itemCover .reserveItem a, body.Swan .itemText .reserveItem a, body.Swan .relAuthors .relAuthor a, body.Swan .EditBorrowerData .helpLink a, body.Swan #itemDetailsLink a, .showItemDetails a, body.Swan .LinkRequest .linkEntry .buttons a, body.Swan .viewInfo a, body.Swan #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, body.Swan .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, body.Swan #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divRecordOptions .option a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, body.Swan .UserActivities .navigation a, body.Swan #divResultsOptions ul a, body.Swan .feedItemInner, body.Swan .calendarLinkDiv div a, body.Swan div.appcontent div.singleEvent, ZZZbody.Swan .dijitDialog a, body.Swan #zdivSearchScreen button.dijitButtonNode div, .zsearchFormSimple button.dijitButtonNode div, body.Swan .RichTextItem .StyleLinkArrow, body.Swan .RichTextItem .StyleButtonArrow, body.Swan .dijitLeaf, body.Swan #pendingLinkRequest a { background-image: url(images/ArrowRight.gif) !important; } .RichTextItem .StyleListArrow ul li { color: #333333 !Important; list-style: disc url(images/ArrowRight.gif) outside; } div.dispIcons div.dispFull a span, div.dispIcons div.dispCover a span, div.dispIcons div.dispText a span, div.dispIcons div.dispFull a:hover > span, div.dispIcons div.dispCover a:hover > span, div.dispIcons div.dispText a:hover > span { background-image: url(images/sprite.png); } .link2.button, .buttonLink span, .dijitButton > button > div, .RichTextItem .StyleButton, .topInfo a, .topInfo a *, .link2.button:hover, .buttonLink span:hover, .dijitButton > button:hover > div, .RichTextItem .StyleButton:hover, .topInfo a:hover, .buttonLink span, .dijitButton > button > div, .dijitButton > button.dijitButtonNode > div, .RichTextItem .StyleButton, .topInfo a, .topInfo a *, .buttonLink span:hover, .dijitButton > button:hover > div, .RichTextItem .StyleButton:hover, .topInfo a:hover { background-image: url(images/ButtonsLeft.png) !Important; } .link2.button > span, .buttonLink span a, .dijitButton > button > div > center, .RichTextItem .StyleButton > span, .topInfo a > span, .link2.button:hover > span, .buttonLink span:hover > a, .dijitButton > button:hover > div > center, .RichTextItem .StyleButton:hover > span, .topInfo a:hover > span, .buttonLink span a, .dijitButton > button > div > center, .RichTextItem .StyleButton > span, .topInfo a > span, .buttonLink span:hover > a, .dijitButton > button:hover > div > center, .RichTextItem .StyleButton:hover > span, .topInfo a:hover > span { background-image: url(images/ButtonsRight.png) !Important; } #additional { background: none repeat scroll 0 0 rgba(249, 249, 249, 0.5);} .Navigation .viewInfo, #additionalContainer, .dijitDialog { border: 1px solid #8A1F0F;} #divReviews .headerReviews, div.appcontent div.selected a, .HeaderBasicInner div.row3 .buttonHolder a, .Navigation .viewInfo .linkName, .LinkedAccounts .waiting, #additionalContainer .additionalTitle span, .UserActivities .title, .dijitDialogTitle { color:#8A1F0F !important;} .recordDisplayElement .briefZIZO, .recordDisplayElement .FullZIZO { line-height : 50px; } .recordDisplayElement .briefZIZO img, .recordDisplayElement .FullZIZO img { float : left; padding : 0 5px 5px 0; } /* Header, nav & search */ #header .searchDiv, #header .searchDiv > div{ float:left; height:auto; margin:0; position:static;} #header .searchDiv { float: right; margin-top:17px !important;} #header .navDiv > div, #header .navDiv > div > div > div { float:none;} #header .navDiv > div > div > div > div, #header .navDiv > div > div > div > div > div { float:left; height:auto; margin:0; position:static;} #header .navDiv .row1 { margin-top:17px !important; clear:none; float:right;} #header .navDiv .row2 { float:right !important; margin-top:30px !important;} #header .navDiv #normala { background:none;} #header .navDiv .logOut a { color: #8A1F0F; font-weight:bold;} div#header div.searchbox div.searchterm { padding-top:5px;} .HeaderNavigation .navDiv { width: auto;} body.ie9 #navigation, body.ie9 .column .application .apptitle, body.ie9 .deBib.application, body.ie9 .deBib.application .apptitle { filter:none;} /* Waiting messages */ #pleaseWait, #emailRetrieving, #printRetrieving, div.formmessage[class*="message_"] > span { border-color: #8A1F0F; color: #8A1F0F; } .userMessage { border-color: #8A1F0F; } /* tables */ .RichTextItem .appcontent tr, .ItemDetails tr, .PaymentsDue tr, .LoanHistory tr, .dj_ie .RichTextItem .appcontent tr, .dj_ie .ItemDetails tr td, .dj_ie .ItemDetails tr th, .dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th { background: none !important; border-bottom-color: #8A1F0F; } /* Additions past this point are specifically for Swan, usually taken from base.css unless otherwise stated */ /* CJY 23FEB17 - Moves the navigation bar outside the profile header coding */ .HeaderBasicInner { height: 22px; } /* Used when placing the searcbox in a column that spans the whole page, like at Essex */ div.searchterm, div.searchsubmit { display: inline; } .searchterm .dijit.dijitReset.dijitLeft.dijitTextBox { font-size: 1.5rem; padding: 10px; } .searchbox .searchBoxForm .searchterm input { height: 40px !important; width: 80% !important; background-color: #f5f5f5; } .searchsubmit > input[type="submit"] { background-color: #008fff; border-radius: 0px; color: seashell; font-size: 200%; padding: 2px 10px; height: 60px; -webkit-appearance: none; } .dijitComboBox { font-size: 1.5em; height: 20px; width: 90%; padding: 5px; } .dijitInputField INPUT, .dijitTextBox, .dijitSpinner { height: 20px; } /* GB amendments below */ .hideme { display: none !important; } .dijitInputField { font-size: 16px; } #banner .bannerImage { background: #fff; border-bottom: 3px solid #00000038; } #banner .bannerImage img { margin-bottom: 0; width: 100%; } #navigation { border-bottom: 8px solid #ff9800; } #navigation > ul > li:hover, #navigation > ul > li:hover > a > span { background: #EF6C00 !important; } body #navigation > ul > li > a > span { padding-top: 1px; padding-bottom: 1px; } fieldset.group legend, #shelfMarks table caption, .SelectedForYou .links span, .SelectedForYou .header, .dijitTreeLabel:hover, .apptitle h1, .apptitle h2, #useractivities a, #logoff a, #logon a, a:hover, a:hover span, .RichTextItem .appcontent a, .SearchBox .SearchInner #sOptions > .searchIn, .HeaderNavigation .SearchInner #sOptions > .searchIn, #additionalbefore ul.appLinks > li > a:hover span, #divInterests .generalInfo a.NeedHelp:hover span, .RichTextItem .additional a:hover span, .recordDisplayElement div.FullRequest a.linkTo:hover span, .recordDisplayElement div.FullUrl a.linkTo:hover span, .otherSources .externalLink a:hover span, .divVlink .linkVlink a:hover span, #sOptions .advancedLink a:hover span, .SearchBox #sBoxOptions .advancedLink a:hover span, .itemFull .reserveItem a:hover span, .itemCover .reserveItem a:hover span, .itemText .reserveItem a:hover span, .relAuthors .relAuthor a:hover span, .EditBorrowerData .helpLink a:hover span, #itemDetailsLink a:hover, .showItemDetails a:hover, .LinkRequest .linkEntry .buttons a:hover span, .searchFormSimple .switchSearchSimple a:hover span, #divSearchScreen .switchSearchAdvanced a:hover span, .viewInfo a:hover, #optionsExpanded div.option a:hover, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover, .zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, .zeroHits .altTerm a:hover, #divListOptions a:hover, #divLists a:hover, #divSearchScreen .more a:hover, #divSearchResultsCMS .shortRecord a:hover, #divInterests .add a:hover, #divReviews .addReviewLink a:hover, #divReviews .editReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #vote a:hover, #moreInfo a:hover, #divRecordOptions .option a:hover, .UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover, .cancelSelected a:hover, .cancelAll a:hover, .renewSelected a:hover, .renewAll a:hover, .deleteSelected a:hover, .selectPublic a:hover, .selectAll a:hover, .UserActivities .navigation a:hover, #divResultsOptions ul a:hover, .feedItemInner a:hover, .calendarLinkDiv div a:hover, div.appcontent div.singleEvent a:hover, .dijitDialog a:hover, .navigationPageCurrent, .externalLink .linkSearchTerm, .SearchResults .leftDiv .searchKey { color: #e65100 !important; } .RichTextItem .appcontent a:hover { text-decoration: none; color: #ED1C24 !important; font-weight: inherit !important; } .icon-bar { width: 200px; overflow: auto; float: right; clear: right; } .icon-bar a { float: left; width: 20%; text-align: center; padding: 8px 0; transition: all 0.3s ease; color: #ff9800; font-size: 18px; } .icon-bar a:hover { background-color: #ff9800; color: #000 !important; } .icon-bar a:active { background-color: #ff9800; color: #fff !important; } #navigation { font-family: 'Maven Pro', sans-serif; } li.nav-home { font-size: 120% !important; } ul.mainnavigation > li > a > span { background: url() no-repeat scroll 8px center transparent !important; } ul.mainnavigation > li.hasmenu > a > span { background: url(images/arrowDown.gif) no-repeat scroll 7px center transparent !important; } ul.mainnavigation ul ul > li > a.link > span { background: url(images/ArrowRight_orange.gif) no-repeat scroll left center transparent; padding-left: 10px; } body, div, h1, h2, h3, h4, h5, h6, form, textarea, p, td, input, li, ul { font-family: 'Maven Pro', sans-serif; } body { background-image: url(https://swanlib.swan.wa.gov.au/iguana/uploads/image/Graphics/bg/main-bg.png); background-repeat: repeat; } #wrapper { background: #fbfbfb; padding: 0px 0px; } .navigation.HeaderBasic.HeaderBasicInner a { color: #fbfbfb; } #header { padding: 5px !important; background-color: #0c0406; margin: -2px 0px 0px; overflow: auto; } body #banner { display: block; } i.fa { line-height: inherit; } #navigation { background-color: #EFEBE9 !important; border-bottom: 2px #D7CCC8 solid; margin: 0px auto; width: -webkit-fill-available; } #navigation a:hover, a:hover span { text-decoration: none; } ul.mainnavigation a.link { cursor: default; } li.parent.parentlink a, li.nav-home.parentlink a { cursor: pointer !important; } li.sub-parent.hasmenu, li.child, li.child2, li.subparent, li.sub-parent.hasmenu a.link, li.child.navicon.hasmenu a.link, li.child2.navicon.hasmenu a.link, li.child a.link { cursor: pointer !important; } #navigation span.advancedsearch { font-size: 105%; color: #444; text-transform: uppercase; } li.child.fullwidth.itemrequest { margin-top: 5px !important; } .apptitle h2 { color: #333 !important; } .normal .apptitle h2 { font-size: 1.6em; color: #333 !important; font-weight: 500 !important; } .large .apptitle h2 { font-size: 1.7em; color: #333 !important; } .largest .apptitle h2 { font-size: 1.8em; color: #333 !important; } span.summary:hover { font-weight: 400; } .mainintro h1 { font-size: 2.2em; margin: 0px -10px 5px; padding: 0 15px; line-height: 50px; border-bottom: solid 4px #ff9800; } .mainintro h2 { font-size: 2em; margin: 0px -10px 5px; padding: 0 15px; line-height: 44px; } .mainintro p { font-size: 1.175em; margin: 1em 0.25em 0em; color: #404040; font-weight: 500; } .longtitle h1 { font-size: 1.6em; margin: 0px -10px 5px; padding: 0 15px; line-height: 44px; border-bottom: solid 4px #ff9800; } .nolineintro h1 { font-size: 2em; margin: 0px -10px 5px; padding: 0 15px; line-height: 44px; } .mediumweight, .medium { font-weight: 500; } .bold { font-weight: 700 !important; } .sb { font-weight: 500 !important; } .underlined { border-bottom: 2px solid #ff9800; font-size: 1.4em; } .centred { text-align: center; } .searchterm .dijit.dijitReset.dijitLeft.dijitTextBox { font-size: 130%; padding: 10px; color: #555 !important; } .searchbox .searchBoxForm .searchterm input { height: 26px !important; width: 85% !important; max-width: 400px; background-color: #ffffff; } .dijitComboBox { font-size: 130%; background-color: #e2e2e2; height: 26px; width: 60%; max-width: 250px; padding: 5px; } #content .searchsubmit > input[type="submit"] { background-color: white; color: black; border: 2px solid #ff9800; padding: 6px 8px; text-align: center; font-family: 'Maven Pro', sans-serif; text-decoration: none; display: inline-block; font-size: 115%; margin: 5px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 8px; height: 35px; } #content .searchsubmit > input[type="submit"]:hover { background-color: #ff9800; color: white; } option, select, .searchFilterSelect { font-family: 'Maven Pro', sans-serif; } #home-search option, #home-search select, #home-search .searchFilterSelect { font-size: 105%; padding: 0 5px 2px; } #home-search .searchterm .dijit.dijitReset.dijitLeft.dijitTextBox { font-size: 120% !important; padding: 5px; margin: 10px 5px; color: #555 !important; } #home-search .searchbox .searchBoxForm .searchterm input { height: 28px !important; width: 75% !important; max-width:300px; background-color: #ffffff; } div#home-search.widersearch .searchbox .searchBoxForm .searchFilterSelect, div#home-search.widersearch .searchbox .searchBoxForm .searchterm, div#home-search.widersearch div.searchsubmit { display: inline-flex; } /* Autocomplete dropdown box */ div.autoCompleteDiv { max-width: 260px !important; } div.autoCompleteDiv ul li.ac_key { color: dimgrey; line-height:1.1em; margin: 5px !important; padding: 2px 5px; font-size: 0.9em !important; } div.autoCompleteDiv ul { width: 260px !important; } div.autoCompleteDiv div a:hover, div.autoCompleteDiv div span.hilite, div.autoCompleteDiv ul li.ac_key:hover, div.autoCompleteDiv ul li.ac_key.hilite { background-color: lightyellow !important; } #home-search { margin: 10px auto; float: none; text-align: center; } #home-search .searchsubmit > input[type="submit"] { background-color: white; color: black; border: 2px solid #FF9800; padding: 6px 8px; text-align: center; font-family: 'Maven Pro', sans-serif; text-decoration: none; display: inline-block; font-size: 115%; margin: 5px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 8px; height: 35px; } #home-search .searchsubmit > input[type="submit"]:hover { background-color: #FF9800; color: white; } #home-search .dijitComboBox, #catalogue-search .dijitComboBox { font-size: 125%; background-color: #e2e2e2; height: 22px; width: 100%; max-width: 220px; padding: 5px; } #home-search.newsearch .dijitComboBox { max-width: 150px !important; } #footer { background-color: #0c0406; margin: -6px auto; position: relative; bottom: 0; width: 100%; } .payoff { display: none; } #footer .searchterm .dijit.dijitReset.dijitLeft.dijitTextBox { font-size: 100% !important; padding: 2px; color: #555 !important; } #footer .searchbox .searchBoxForm .searchterm input { height: 28px !important; width: 75%; max-width:300px; background-color: #ffffff; } #footer .searchsubmit > input[type="submit"] { background-color: white; color: black; border: 2px solid #ff9800; padding: 6px 8px; text-align: center; font-family: 'Maven Pro', sans-serif; text-decoration: none; display: inline-block; font-size: 115%; margin: 5px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 8px; height: 35px; } #footer .searchsubmit > input[type="submit"]:hover { background-color: #ff9800; color: white; } #footer .searchbox { text-align: center; } #header .searchterm .dijit.dijitReset.dijitLeft.dijitTextBox { font-size: 100% !important; padding: 2px; color: #555 !important; } #header .searchbox .searchBoxForm .searchterm input { height: 28px !important; width: 75%; max-width:260px; background-color: #ffffff; } #header .searchsubmit > input[type="submit"] { background-color: #ff9800; border-radius: 0px; color: #fff; font-size: 100%; padding: 3px 6px; height: 33px; -webkit-appearance: none; } @media (min-width: 600px){ #header .searchbox { text-align: right; float: right; clear: both; } } .dijitReset { cursor: default; } .dijitComboBox { max-width: 200px; padding: 1px; height: 100%; margin: 2px 2px 5px; } #wrapper { background: none !important; width: 100% !important; max-width: 100% !important; } ul.navigation, ul.navigation ul { width: 100%; max-width: 1240px; margin: 0 auto; } #navigation > ul > li > ul { background: #fbfbfb !important; border: 2px solid #D7CCC8; } #banner, #additional { width: auto; max-width: 1240px; margin: 0 auto; } body #content { display: block; float: none; background-color: #fbfbfb; width: 100% !important; margin: 0 auto !important; max-width: 1240px !important; } #columnwrapper { width: 100% !important; max-width: 1220px; margin: 0 auto; } #navigation { box-shadow: none !important; } #navigation, .column .application .apptitle { box-shadow: inset 0px -2px 4px 0px #79797982; } ul.mainnavigation > li > ul > li { width: 100%; } ul.mainnavigation > li > ul { width: 220px; } ul.mainnavigation > li > ul > li > ul > li > a { padding-left: 4px; } #navigation li { font-size: 14px; } div#navigation a:hover { text-decoration: none !important; } ul.mainnavigation li.wider ul li { width: 50%; min-width: 180px; } ul.mainnavigation li.wider ul { max-width: 442px; width: 100%; } #tophead { max-width: 1240px; padding: 4px 2px; margin: 0 auto 6px; } #headlogo { float: left; padding: 0px 5px 0px 0px; margin: -5px 0px 0px; } #headlogo img { max-width: 320px; width: 100%; } #top-right { } #topnav { text-align: right; float: right; } #headsearch { text-align: right; float: right; } div#catalogue-home-link { clear: both; padding: 2px 2px 2px 8px; } div#catalogue-home-link a { font-size: 0.9em; font-weight: 500; color: white; } div#catalogue-home-link a:hover { font-weight: 500; } .nolink, li.sub-parent.nolink, li.nolink, .nolink a, li.sub-parent.nolink a, li.nolink a, a.nolink { cursor: default !important; } #navigation a.nolink:hover span { color: #333 !important; } #navigation .parent a.nolink:hover span { color: white !important; } #navigation .parent .sub-parent a.nolink:hover span { color: #333 !important; } table h3 { font-size: 1.25em; font-weight: bold; line-height: 1.3em; padding-top: 0; margin-top: 0.6em; margin-bottom: 0.5em; } table h4 { font-size: 1.15em; font-weight: bold; line-height: 1.2em; padding-top: 0; margin-top: 0.6em; margin-bottom: 0.5em; } table p { line-height: 1.65em !important; } .searchbox .searchBoxForm .searchFilterSelect, .searchbox .searchBoxForm .searchterm { display: inline; } .home-eventsRSS { max-height: 440px; overflow: -webkit-paged-y; } #home-button, #inline-button, #external-link-button, #internal-link-button { text-align: center; padding: 0px 0px 5px; } #home-button, #external-link-button, #internal-link-button { clear: both; } #padded-button { text-align: center; padding: 10px 0px 5px; } .link-button { background-color: #ff9800; border: none; color: #000; padding: 15px 15px; text-align: center; text-decoration: none; font-style: bold; display: inline-block; font-size: 15px; margin: 4px 2px; cursor: pointer; } .link-button a:hover { background-color: #000; border: none; padding: 15px 15px; text-align: center; text-decoration: none; font-style: bold; display: inline-block; font-size: 15px; margin: 4px 2px; cursor: pointer; } a.link-button { color: #000; font-size: 1.35em; font-weight: bold; } a.block, a.block > span { display: block; } #location-box, .sublocation-box, .catalogue-box, .fiction-box, .boxtiles { width: 100%; background-color: #fff7b1; color: black !important; padding: 9px 0px 6px; text-align: center; font-family: 'Maven Pro', sans-serif; text-decoration: none; display: inline-table; font-size: 120%; margin: 0px auto; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border: #3333332b solid; border-radius: 4px; border-width: 2px; border-bottom-width: 4px; } #catalogue-sublocations .sublocation-box, #catalogue-sublocations .catalogue-box { width: 48%; max-width: 400px; min-width: 280px; font-size: 1em; height: 50px; padding: 6px 2px; margin: 0.3% 0.1%; } #homepage-sublocations .sublocation-box { width: 32%; max-width: 400px; min-width: 300px; font-size: 1em; height: 50px; padding: 10px 2px; margin: 0.3% 0.1%; } #homepage-sublocations .sublocation-box.nonfic { height: 33px; padding: 8px 1px 2px; } .sublocation-box.nonfic i.fa-3x.fa-pull-left { font-size: 2em; margin: -2px 4px 0px; } #homepage-sublocations .fiction-box { width: 24%; max-width: 400px; min-width: 200px; font-size: 1.2em; height: 35px; padding: 6px 0px 2px; margin: 0.3% 0.1%; } #homepage-sublocations .catalogue-box { width: 32%; max-width: 400px; min-width: 200px; font-size: 1.1em; height: 20px; padding: 6px 0px; margin: 0.3% 0.15%; } #homepage-sublocations .sublocation-box h4, #homepage-sublocations .sublocation-box span.collectionhead { font-size: 1.3em; line-height: 1.15em; } #homepage-sublocations .fiction-box h4, #homepage-sublocations .fiction-box span.collectionhead { font-size: 1.1em; margin-top:2px; line-height: 1.2em; } #homepage-sublocations .catalogue-box h4, #homepage-sublocations .catalogue-box span.collectionhead { font-size: 1.1em; line-height: 1.2em; } span.collectionhead:hover, a:hover span.collectionhead, span.collectionhead .long:hover, a:hover span.collectionhead .long { color: #010101 !important; } .sublocation-box .subloc-desc, .sublocation-box .subloc-desc:hover, .sublocation-box:hover, .fiction-box .subloc-desc, .fiction-box .fic-desc:hover, .fiction-box:hover, .catalogue-box .cat-desc, .catalogue-box .cat-desc:hover, .catalogue-box:hover { color: black !important; } .sublocation-box span.subloc-desc { line-height: 1.2em; font-size: 1em; } #homepage-sublocations .fiction-box span.subloc-desc { display: none; } .sublocation-box i.fa-3x.fa-pull-left, .catalogue-box i.fa-3x.fa-pull-left, .fiction-box i.fa-3x.fa-pull-left { color: #37474f; margin: 3px 0 3px 3px; padding:0 0 0 3%; } .sublocation-box i.fa-2x.fa-pull-left, .catalogue-box i.fa-2x.fa-pull-left { color: #37474f; margin: 3px 0 3px 3px; padding:0 0 0 3%; } .fiction-box i.fa-2x.fa-pull-left { color: #37474f; margin: 1px 0 3px 4px; padding: 0px 0 0 3%; font-size: 1.8em; } .catalogue-box i.fa-lg.fa-pull-left { color: #37474f; margin: 3px -5px 3px 3px; padding:0 0 0 5%; } #location-box:hover, .sublocation-box:hover, .boxtiles:hover, .catalogue-box:hover, .fiction-box:hover { background-color: #FFEE58; } #location-box a, #catalogue-sublocations .sublocation-box a, #homepage-sublocations .sublocation-box a, .boxtiles a, #homepage-sublocations .catalogue-box a, #homepage-sublocations .fiction-box a { color: #222 !important; font-weight: inherit; } #homepage-sublocations.mainbrowse.fullwidth .catalogue-box, #homepage-sublocations.elibrarysubmenu.fullwidth .catalogue-box { width: 24% !important; margin: 0.3% 0.1%; font-size: 1.18em; } /* NONFIC COLOUR */ #homepage-sublocations .sublocation-box.nonfic { background-color: #8cebff; } /* NONFIC COLOUR HOVER */ #homepage-sublocations .sublocation-box.nonfic:hover { background-color: #55e2ff; } .sublocation-box.junior-nonfiction, .fiction-box.junior-fiction, #homepage-sublocations .sublocation-box.nonfic.junior-nonfiction { background-color: #C5E1A5; } .sublocation-box.junior-nonfiction:hover, .fiction-box.junior-fiction:hover, #homepage-sublocations .sublocation-box.nonfic.junior-nonfiction:hover { background-color: #a7dd6a; } .sublocation-box.libraryofthings, #homepage-sublocations .sublocation-box.nonfic.libraryofthings { background-color: #ff7d4e; } .sublocation-box.libraryofthings:hover, #homepage-sublocations .sublocation-box.nonfic.libraryofthings:hover { background-color: #ff581c; } .boxtiles a:hover { color: white !important; text-decoration: none; } .mainbrowse .catalogue-box { background-color: #ffecb3; } .mainbrowse .catalogue-box.search { background-color: #FFE0B2; } .mainbrowse .catalogue-box:hover { background-color: #FFCA28; } .mainbrowse .catalogue-box.search:hover { background-color: #FFB74D; } .elibrarysubmenu .catalogue-box { background-color: #E1F5FE; } .elibrarysubmenu .catalogue-box.browse { background-color: #B3E5FC; } .elibrarysubmenu .catalogue-box:hover { background-color: #81D4FA; } .elibrarysubmenu .libraryofthings { background-color: #ffc6b2; } .elibrarysubmenu .libraryofthings:hover { background-color: #ff8255; } #location-box img, .sublocation-box img, .boxtiles img { text-align: center; padding: 3px; width: 95%; max-width: 600px; margin: 2px 2px; } #eventsnapshot { background-color: #fff7e4; padding: 6px 10px; font-size: 1.02em; } #eventsnapshot p { margin: 6px 0px; } #emphasisbox { background: #fff7e4; border: 1px solid #e4d9c0; padding: 6px 10px 6px; margin: 6px 0px; font-size: 1.02em; } .emphasisbox { background: #fff7e4; border: 1px solid #e4d9c0; padding: 6px 10px 6px; margin: 6px 0px; font-size: 1.02em; } div.alert { background-color: #fff386; padding: 6px; margin: 5px; color: #111; border: 2px solid #00000030; line-height: 1.05em; } p.alert { background-color: #fff386; padding: 6px; margin: 5px; color: #111; border: 2px solid #00000030; line-height: 1.05em; } span.alert { background-color: #fff386; padding: 6px; margin: 5px; color: #111; border: 2px solid #00000030; line-height: 1.05em; } .center { text-align: center; margin: 0 auto; float: none; } #ctabox { background: #fff0d0; padding: 10px 10px 10px; margin: 10px 30px; font-size: 1.15em; text-align: center; } div#featuredtextbox { background-color: #f1eee9; padding: 5px 10px; } blockquote.style1 { font: 13px/18px 'Maven Pro', sans-serif; color: #222; background-color: #f3f3f3; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #ff9800; } blockquote.style2 { font: 14px/20px normal helvetica, sans-serif; color: #222; background-color: #eee; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #ff9800; } #mc_embed_signup { background: none; } #mc_embed_signup input.email { max-width: 250px !important; } #mc_embed_signup .button { padding: 0 12px !important; } #mc_embed_signup .button:hover { background-color: #ff9800; cursor: pointer; } .apptitle.dijitTitlePaneTitle { background: none !important; margin: 5px 15px 6px 5px; padding: 3px 8px; border-bottom: 2px solid #ffa726 !important; box-shadow: none !important; } body { background-color: #f1eee9; } #bodytext p { margin: 2px 4px 9px; font-size: 1.05em } #bodytext ul, #bodytext ol { margin: -2px 5px 10px 5px; } #bodytext ul li, #bodytext ol li { margin-left: 30px; font-size: 1.05em; line-height: 1.1em; margin-bottom: 5px; } #featurelist #bodytext ul.checkmark li { margin-left: 24px; line-height: 1.05em; margin-bottom: 3px; } #bodytext h2 { font-size: 1.6em; margin: 20px 2px 6px 4px; } #bodytext h3 { font-size: 1.4em; margin: 18px 2px 6px 4px; } h3.subhead { border-bottom: 2px solid #ffa726 !important; font-size: 1.45em !important; margin: 20px 4px 10px !important; } #bodytext h4 { font-size: 1.25em; margin: 15px 2px 4px 4px; } #bodytext h5 { font-size: 1.1em; margin: 12px 2px 4px 4px; } ul.arroworange { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/ArrowRight_orange.gif); } ul.arrowred { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/ArrowRight.gif); } ul.chevright-grey { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/chevright-grey.png); } ul.chevright-orange { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/chevright-orange.png); } ul.arrowright { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/ArrowRight.png); } ul.dot { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/dot.png); } ul.dot-o { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/dot-o.png); } ul.arrow { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/arrow.png); } ul.arrow-o { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/arrow-o.png); } ul.checkmark { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/checkmark.png); } ul.checkmark { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/checkmark2.png); } ul.crossmark { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/crossmark.png); } ul.pebble { margin: -2px 5px 10px 0px; list-style-image: url(/iguana/uploads/image/Graphics/pebble.png); } ul.padded li { margin-top: 9px !important; line-height: 1.25em !important; } .apptitle { border-top: none; } .apptitle:hover { border-top: none; } .column > div { margin: 12px 0 10px 0px; padding: 0 4px; } #column3 .customnavigation .HeaderBasicInner .row .notfirst { background: url(images/Devider.gif) no-repeat scroll left center transparent; padding: 0px 2px; } #column3 .customnavigation .HeaderBasicInner .row1 .item6 { background: url(images/Devider.gif) no-repeat scroll left center transparent !important; padding: 0px 2px; } #footer .customnavigation .HeaderBasicInner .row .notfirst { background: url(images/Devider.gif) no-repeat scroll left center transparent; padding: 0px 2px; } #footer .customnavigation .HeaderBasicInner .row1 .item6 { background: url(images/Devider.gif) no-repeat scroll left center transparent !important; padding: 0px 2px; } div#column999 { float: none; } table#elibrary-table { text-align: center; max-width: 410px; width: 100%; } #elibrary-table .row1, .row2, .row3 { text-align: center; margin: 6px 0px; } #elibrary-table .row1 img, .row2 img { margin:0px; padding: 0px 4px; width: 100%; max-width: 198px; text-align: center; } /* ~ User Registration ~ */ .registerSteps { font-size: 1.1em; } .EditBorrowerData .stepActive { color: #F47921; font-weight: bold; margin-right: 15px; } .EditBorrowerData .stepNext { color: #555; font-weight: 500; margin-right: 15px; } .EditBorrowerData .stepDone { color: #000000; font-weight: 500; margin-right: 15px; } .dijitReset.dijitInputField { font-style: normal; } .ReadingLists th { font-weight: 700 !important; font-size: 1.1em; padding: 5px 0 2px; } div#divLists table.listTable tr.listItem td { text-align: left !important; } div#divLists table.listTable tr.listItem { font-size: 1.04em; } div#divLists table.listTable td{ padding: 2px 0 !important; } div#divLists table.listTable tr:hover{ background-color: #fff7e9 ; } div#divLists .newList { font-size: 1.15em; margin: 5px; } .ReadingLists .headerList { font-size: 1.18em; margin: 12px 5px 0; } /* ~ Button ~ */ .buttonnew { background-color: #ff5722; /* Orange */ border: none; color: white; padding: 6px 8px; text-align: center; font-family: 'Maven Pro', sans-serif; text-decoration: none; display: inline-block; font-size: 115%; margin: 5px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; border-radius: 8px; } .buttonorange { background-color: white; color: black; border: 2px solid #FF9800; } .buttonorange:hover { background-color: #FF9800; color: white; } /* ~ Catalogue listings and item records ~ */ .cover img { max-width: 100%; height: auto !important; } /* Styling for book rivers (removing padding at top) */ /* Book rivers on Catalogue PCs if displayed in Flash */ object#fi_d43eda4e-b6ad-4442-aba5-67d96ca4a38d, object#fi_e8280b7b-58be-4474-9dc1-b8b4fe5e824e, object#fi_4438c187-5df4-47b5-9f51-1106ad193aed, object#fi_4629ede4-3e49-4513-87f7-099113b52ee7, object#fi_ab62b75c-1ebb-4756-a577-6b0303d966d9 { margin-top: -40px; height: 250px; } .River .ui .pause, .River .ui .left, .River .ui .right { background-color: #cdbb9385 !important; } .River .ui, .River .title { display: none !important; } .River .container { padding-top: 10px !important; } .briefExtract { overflow: hidden; display: -webkit-box; font-size: 95%; line-height: 115%; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .element.briefAvailDetails { line-height: 22px; } .listItem .Availability.detail div > span span:first-child { width: 70% !Important; font-size: 90%; } .listItem .Availability.detail div > span span { width: 30% !Important; } span.availStatus { font-size: 95%; font-weight: bold; text-align: center; } .Availability.detail > .notavailable * { color: #e0070f; } .Availability.detail > .available * { color: #008223; } .available, .notavailable { line-height: 1em; margin: 2px 0px 6px; } table.recordTable .queryElement, .recordDisplayElement .FullExtract .queryElement, .recordDisplayElement .queryElement, .RecordFull .queryElement { background-color: #FFFCA1; margin: 0; padding: 0; } body.searchRecord table.recordTable .queryElement, body.searchRecord .SearchRecord .recordDisplayElement .FullExtract .queryElement, body.searchRecord .SearchRecord .recordDisplayElement .queryElement, .RecordFull .queryElement { background-color: #ffeb3b00 !important; } td.FullExtract { max-width: inherit; } .recordDisplayElement div.group a { font-weight: 500; } .group.keywords a { color: darkolivegreen; } .recordDisplayElement .group.keywords { font-size: 0.92em; line-height: 1.12em; } .FullGenre a { font-weight: 700 !important; } td.FullGenre a, table.recordTable a { font-weight: 500 !important; color: #3E2723; } .FullContains { font-size: 0.92em; line-height: 1.12em; margin: 10px 10px 5px; color: #555; } /* td.FullTitle { text-transform: capitalize; } */ .restrictionOneSource ul { margin-left: -5px; } span.moreless { text-transform: uppercase; font-weight: bolder; color: #e65100; font-size: 0.85em; } .smalltext, .recordDisplayElement .link2.textLink .smalltext, .recordDisplayElement .link2.textLink span .smalltext { font-size: 0.9em !important; } .recordDisplayElement .link2.textLink, .recordDisplayElement .link2.textLink span { font-weight: 500 !important; color: #f17813 !important; } .recordDisplayElement .link2.textLink :hover, .recordDisplayElement .link2.textLink span :hover, .link2.textLink:hover, .link2.textLink:focus { color: #e3070c !important; text-decoration: none !important; } h2#anchor_RelatedWorks { font-size: 1.4em; } #divSearchRecord .mainOptions { background-color: #fff9eb; padding-left: 5px; border: 2px solid #ff9800; } .mainOptions .iWantTo { color: #333 !important; font-weight: 500; font-size: 1.5em; padding: 0px 5px; margin: 3px 0px; } .mainOptions .recordOptions { padding-left: 10px; padding: 5px 10px 10px 15px; } .mainOptions .option * { color: #353535; } .mainOptions .optionSep { background-color: rgba(0, 0, 0, 0); } .mainOptions .optReserve, .mainOptions .optStore, .mainOptions .optPrint, .mainOptions .optAddThis { background: url(images/arrowRight.gif) no-repeat left 4px !Important; padding-left: 12px !Important; } .mainOptions .optReserve, .mainOptions .optStore { font-size: 1.1em; text-transform: initial; font-weight: 700; } .mainOptions .optPrint, .mainOptions .optAddThis { font-size: 1.1em; text-transform: capitalize; font-weight: 500; } .mainOptions .option a:hover, .mainOptions .option span:hover { color: #cc1a00 !important; } #divSearchRecord #shelfMarks table caption { font-size: 1.45em; color: #333 !important; font-weight: 500 !important; background: none !important; margin: 12px 2px 8px 2px; padding: 3px 8px; border-bottom: 2px solid #ff9800 !important; box-shadow: none !important; } #shelfMarks .displayTable tr.available td.availStatus { color: #008223 } #shelfMarks .displayTable { font-weight: 500; } #shelfMarks .displayTable tr + tr td { padding-top: 5px; } #shelfMarks .displayTable tr td { padding-bottom: 5px; } #divSearchRecord .displayTable { margin: 0 15px 0 2px; width: 99% } div#dojoUnique3_expertRows { width: 340px !important; } #dojoUnique3_search span#dojoUnique3_restr1, #dojoUnique3_search span#dojoUnique3_restr3, #dojoUnique3_search span#dojoUnique3_restr4, #dojoUnique3_search span#dojoUnique3_restr5, #dojoUnique3_search span#dojoUnique3_restrYear2, span#dojoUnique3_restr2 { font-family: 'Maven Pro', sans-serif; font-size: 1.1em; } div#dojoUnique1_search button { font-family: 'Maven Pro', sans-serif !important; } #divSearchScreen input#dojoUnique1_index1, #divSearchScreen input#dojoUnique1_index2, #divSearchScreen input#dojoUnique1_index3 { font-size: 0.8em !important; } #divSearchScreen input#dojoUnique1_oper2, #divSearchScreen input#dojoUnique1_oper3{ font-size: 0.9em !important; } #divSearchScreen.expert .searchRows table th:first-child, #divSearchScreen.expert .searchRows table td.rowOper { width: 15% !important; max-width: 120px !important; min-width: 75px !important; } #divSearchScreen.expert .searchRows table th:first-child+th { width: 45%; min-width: 150px !important; } #dojoUnique1_indexDiv1 .dijitComboBox, #dojoUnique1_indexDiv2 .dijitComboBox, #dojoUnique1_indexDiv3 .dijitComboBox { width: auto !important; min-width: 80px !important; } #divSearchScreen.expert .rowOper .dijitComboBox { width: auto; } .dijitReset.dijitValidationIcon { width: 14px; padding: 1px; } .Restrictions .restrictionHeader { font-style: normal; margin-bottom: 2px; font-size: 1.1em; } .recordDisplayElement.smallimage > div.data:hover, .recordDisplayElement.smallimage .maininfo > div.data:hover { background-color: #fff2be; outline: #fff2be solid 3px !important; } @media screen and (max-width: 750px){ .recordDisplayElement.notools > .data { margin-left: 0px !important; } } #divSearchScreen.expert .searchForm > div, #divSearchScreen.advanced .searchForm > div { float: left; width: 95% !important; } .SearchScreen.compact #indexButtons > div > button span { font-family: 'Maven Pro', sans-serif !important; font-size: 1.05em; } .normal #divSearchScreen .dijitButtonText, .normal #divSearchScreen .dijitButtonText:hover { font-size: 1.1em; font-weight: 500 !important; } #wrapper #header .searchterm > input, #body #wrapper .smallsearch .searchterm > input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; height: 28px; right: 28px; margin: 0; padding: 0 5px; position: absolute; bottom: 0; width: 162px !important; } #home-catalogue h3 { font-size: 125%; padding: 2px 1px 2px 0px; } div#cat-link { width: auto; display: inline; text-align: center; } div#cat-link h3 { display: inline-block; min-width: 190px; width: 48%; text-align: center; } #home-catalogue a { color: #333 !important; } #home-catalogue a:hover { text-decoration: none; color: #EF6C00 !important; } div#home-catalogue { width: fit-content; margin: -5px auto; text-align: center; } div#contactdetails p { font-size: 1.08em; margin: 4px 0 2px; } div#featurelist p { font-size: 1.08em; margin: 4px 0 2px; } table#hours_table { margin: 2px; max-width: 400px; min-width: 200px; } #hours_table th { font-size: 1.05em; background-color: #f99949; color: #222; line-height: 1.2em; padding: 0.45em 0.35em !important; vertical-align: middle; } #hours_table td { background-color: #fff; line-height: 1.2em; padding: 0.4em 0.25em 0.4em 0.35em !important; vertical-align: middle; } table#hours_table2 td p { font-size: 1em; margin: 6px 0px; line-height: 1.15em !important; } table#hours_table tr { border-bottom: 2px solid #fbfbfb !important; } table#hours_table2, table#custom_table{ margin: 2px auto; max-width: 800px; min-width: 200px; } #hours_table2 tr, #custom_table tr { border: 1px solid white !important; } #hours_table2 tr:nth-child(even), #custom_table tr:nth-child(even) { background-color: #ff980014 !important; } #hours_table2 th, #custom_table th { background-color: #ff9800; padding: 5px 5px 5px 10px !important; color: #111; line-height: 1.2em; font-size: 105%; vertical-align: middle; } #hours_table2 td, #custom_table td { padding: 5px !important; vertical-align: middle !important; line-height: 1.2em; } #custom_table td.emphasis, #custom_table td.emphasis a { font-weight: 700 !important; } tr.highlight td, td.highlight, span.highlight, .highlight { background-color: #fff9c4 !important; } #navigation li.myaccount.hasmenu { background-color: #FFC107 !important; border-left: 0px solid #FFC107; background-image: none !important; padding-left: 0px; margin-right: 0px; } #navigation li.myaccount.memberlogin.hasmenu { background-color: #ffeb3b !important; border-left-color: #ffeb3b !important; } .topInfo :hover { color: #fff !important; font-weight: 700 !important; } /*WidgetStyling*/ .dijitDialog, .applicationcontainer { background: #ffffff52 url("bg-widget-standard.png") repeat-x scroll left bottom; border-radius: 5px; box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.2); } .applicationcontainer { margin: 20px 8px !important; padding: 0; } .apptitle, .dijitDialogTitleBar { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .dijitDialog { border: none; } .dijitDialogTitleBar { padding: 3px; } .appcontent { padding-bottom: 8px; } div#top-left { float: left; } .customnavigation .HeaderBasicInner .row1 .item6 { background: url(images/Devider.gif) no-repeat scroll left center transparent !important; } /*homepage tweaks*/ #elibrary-table .row1 img, .row2 img { margin: 0px; padding: 0px 4px; width: 100%; max-width: 190px; text-align: center; } #contentHolder_b319fc4c-0512-4089-894a-c0703d3df727 #content_dojoUnique11 { /*Remove excess padding from main intro block on Local History page*/ padding-bottom: 0px !important; } div#clearColumn998 { margin-bottom: -18px !important; } /*container padding issue*/ .apptitle.dijitTitlePaneTitle { padding-top: 0px; margin-top:0px; } .applicationcontainer.dojoDndItem { padding-top: 10px !important; } #tabletext p { line-height: 1.2em !important; } #tabletext h3, #tabletext h4 { margin: 0.3em 0 !important; } /* ~~ Published Content items & Containers styling ~~ */ div#widget_dojoUnique25 .apptitle { display: none; /* Removing fixed content item heading, to be replaced by html header */ } span.summary.thumb { line-height: 1.2em; } span.summary p { line-height: 1em; font-size: 0.95em; } .listItem .image img { border-color: #ff9800; border:none; max-width: 116px; } .Publish ul.itemList li.listItem a span.summary.thumb span.image { overflow: hidden; } .Publish ul.itemList li.listItem a span.summary span.title { /* Allows content container item title text to break over multiple lines*/ font-size: 1.2em; font-weight: bold; line-height: 1em; margin-bottom: 2px; min-height: 1.25em; max-height: 3em; height: auto; white-space: normal; overflow: visible; text-overflow: inherit; } .Publish ul.itemList li.listItem a span.summary.thumb span.title, .Publish ul.itemList li.listItem a span.summary.thumb span.summary { max-height: 4em; } .widecontainer ul.itemList li.listItem a span.summary span.title { font-size: 1.32em; line-height: 1.2em; font-weight: 500 !important; } .widecontainer span.summary p { font-size: 1.03em; line-height: 1.2em; } .widecontainer .containerdescription { font-size: 1.1em; line-height: 1.2em; } .containerdescription { font-size: 1.1em; line-height: 1.2em; } .narrowcontainer .title b { font-weight: 500; } .Publish .top { font-weight: 500; margin: 4px 0 12px; line-height:1em; color: #333; } .pager li { font-size: 150%; font-weight: bold; padding: 0px 6px 0px 0px; margin: -2px 0 5px; } .Publish ul.itemList li.listItem a span.summary.thumb span.image { /*Reduce content item container thumbnail height*/ max-height: 7em; } .Publish ul.itemList li.listItem a>span.summary.thumb { /*Reduce content item container listing height*/ height: 7em; } span.from, span.until { /*hide date from content container item summary*/ display: none !important; } a:-webkit-any-link { cursor: pointer; text-decoration: none; } .GenericRSSReader .apptitle.dijitTitlePaneTitle { background: #e4d9bf !important; margin: 0px 3px 6px 3px; padding: 2px 8px; border-bottom: none !important; box-shadow: none !important; } .GenericRSSReader .apptitle.dijitTitlePaneTitle h2 { font-size: 1.4em !important; color: #000 !important; } div.applicationcontainerregular.dijitTitlePane.application.GenericRSSReader.nopadrss { /*for RSS feeds immediately below text blocks. Will close the gap between blocks. Add to page with nopadrss class*/ padding: 10px 5px 10px; margin: -32px -5px 0; border: 1px solid lightgrey; } .titleonly { padding: 0 0.5em 0.3em; } .titleonly span.title { padding: 0 !important; line-height: 1.3em !important; font-size: 1.2em !important; } /* ~~ Content container header styling for content item list pages, e.g. News, Programs, Services ~~ */ body.contentlist .Publish .apptitle.dijitTitlePaneTitle { background-color: #e4d9bf!important; margin: -5px -2px 0; padding: 5px 10px; } body.contentlist .applicationcontainer .Publish{ margin-top: 0; } /* ~~ Content container styling for longer titles on Programs pages ~~ */ body#programs .Publish ul.itemList li.listItem a>span.summary.thumb { height: 10em; } body#programs span.title { padding-left: 0 !important; } body#programs span.image { padding-top: 1.9em; } /* Submenu sidebar styling */ .NavigationDisplayApp ul { padding-left: 10px !important; font-size: 1.2em; } .NavigationDisplayApp ul li { list-style-type: disc; } .NavigationDisplayApp ul li.open ul, .NavigationDisplayApp ul li.closed ul, .NavigationDisplayApp ul li.nosub ul { font-size: inherit; } body .NavigationDisplayApp div.elem { margin-left: 0px; } .NavigationDisplayApp ul li.open li .elem { padding-left: 0px; } .normal .dijitButtonText { font-size: 1em; } /* mainintro background colour fix*/ .mainintro h1 { background: inherit; } /* location page search*/ #slim-search .searchbox .searchBoxForm .searchterm input { height: 16px !important; width: 65% !important; max-width: 240px; min-width: 200px; background-color: #ffffff; } #slim-search .searchterm .dijit.dijitReset.dijitLeft.dijitTextBox { font-size: 115%; padding: 8px 5px; color: #555 !important; } div#searchFormSimple .dijitComboBox { width: auto; max-width: 210px; } #searchFormSimple input#dojoUnique3_filter { font-size: 90%; } #slim-search .searchbox .searchBoxForm .searchFilterSelect { display: none; } .fullwidthsearch .dijitComboBox { width: 15%; padding: 5px; margin: 0 5px; max-width: 290px; min-width: 50px; height: 22px !important; } .fullwidthsearch .dijitInputField { font-size: 16px; } .fullwidthsearch .searchbox .searchBoxForm .searchterm input { height: 24px !important; width: 40% !important; max-width: 500px; background-color: #ffffff; } .fullwidthsearch .searchterm .dijit.dijitReset.dijitLeft.dijitTextBox { padding: 8px } #fullwidthsearch, #altone-catalogue, #ballajura-catalogue, #bullsbrook-catalogue, #midland-catalogue, #ellenbrook-catalogue { margin: 5px auto 0 !important; text-align: center; } #midland-catalogue .searchFilterSelect, #midland-catalogue option, #midland-catalogue select, #fullwidthsearch .searchFilterSelect, #fullwidthsearch option, #fullwidthsearch select { font-size: 1.1em; padding: 8px; } #navigation .myaccount { display: none; } /* ~~ AMENDMENTS FOR LARGER SCREENS ~~ */ @media (min-width: 880px) { #navigation li.parent { min-width: 100px; } } @media (min-width: 950px) { #navigation li.parent { margin: 0 4px 0 1px; } } @media (min-width: 751px) { .showondevice { display: none; } } @media (min-width: 1020px) { #navigation .myaccount { display: block; } #topnav .HeaderBasic .row1 .item1, #topnav .HeaderBasic .row1 .item2, #topnav .HeaderBasic .row1 avatarSpacer { display: none; } } @media (min-width: 1066px) { #navigation li.parent { font-size: 1.15em !important; margin: 0 6px 0 3px; } } @media (min-width: 1150px) { #navigation li.parent { font-size: 1.2em !important; margin: 0 7px 0 4px; } #navigation li.myaccount.hasmenu { float: right; background-color: #FFC107 !important; border-left: 0px solid #FFC107; background-image: none !important; padding-left: 0px; margin-right: 0px; } #footer { min-height: 160px; } .homepage div#content_dojoUnique9 span.summary.thumb { font-size: 105%; height: inherit; } #content { min-height: 650px; } } /* ~~ RESPONSIVE DESIGN AMENDMENTS FOR SMALLER SCREENS (TABLETS & MOBILE DEVICES) ~~ */ @media (max-width: 1200px) { ul.mainnavigation > li > a > span { padding: 0 20px 0 22px !important; } } @media (max-width: 1000px) { #footer .searchbox .searchBoxForm .searchterm input { width: 75%; max-width:200px !important; } } @media screen and (max-width: 750px){ body ul.mainnavigation > li { width: auto; padding: 0px; } body ul.mainnavigation ul { padding: 1px 0 !important; } ul.mainnavigation ul a { padding: 4px 4px 0px; margin-bottom: 6px; } ul.mainnavigation ul { padding: 4px 0 3px !important; } #footer .searchbox .searchBoxForm .searchterm input { max-width: 170px !important; } } @media (max-width: 750px) { .showondevice { display: block; } .hideondevice { display: none; } } @media (max-width: 700px) { #footer .searchbox { display: none; } #hideondevice { display: none; } #headlocations { display: none; } #header div.searchbox { padding: 3px; display: inline-block; width: 175px; } #body #wrapper #header .searchterm > input, #body #wrapper .smallsearch .searchterm > input { right: 0px; } } @media (max-width: 500px) { #topnav div.searchbox { display: none; } .pageHeading { /* Make header visible for mobile single-column view*/ position: relative; text-indent: 0; padding:5px 5px; margin:15px 10px -8px; display:block; font-size:1.2em; background-color: #ff9800 ; color: white } body#body.noheading .pageHeading { display: none !important; } } @media (max-width: 400px) { #header { padding: 2px 1px !important; } } /* ~~ Temporarily hiding while I fix styling ~~ */ #hidden { display: none; } .bannerpage #banner .title { font-size: 41px; position: absolute; top: 250px; background-color: #ff8e30; color: #111; padding: 10px 25px; height: 60px; } .bannerpage .BannerSWF { max-height: 320px !important; } /* ~~ STYLING BELOW IS MIGRATED FROM HEADER - NEED TO DELETE DUPLICATE ~~ */ #column998 .applicationcontainer, body#noborders .applicationcontainer { background: none; border-radius: 0px; box-shadow: none; margin-top: 15px !important; } div#anchorContent { display: none; position: relative; } .pageHeading { position: inherit; background-color: #ff9800; color: white; padding: 10px 15px; border-bottom: 2px solid #00000021; margin: 0px -15px; font-size: 1.5em; text-indent: 18px; } #column4 div#widget_dojoUnique25 .apptitle { display: block; /* Reverting CSS amendment */ } @media (max-width: 500px) { #elibrary-table .row1 img, .row2 img { padding: 0px; margin: 0 -1px; width: 50%; min-width:125px; } } a:hover { text-decoration: none !important; } .RichTextItem a:hover, #bodytext a:hover { font-weight: inherit; } #header a:hover { font-weight: 700; } #navigation ul a:hover { font-weight: 500 !important; } #navigation ul li ul a:hover { font-weight: 700 !important; } #navigation ul li ul li.child2 a:hover { font-weight: 500 !important; } /*WidgetStyling*/ .applicationcontainer .Publish, .applicationcontainer .GenericRSSReader { background: #ffffff; } .GenericRSSReader .feedItemPreview { color: #666; font-style: normal; padding-left: 16px; font-size: 0.9em; } div.applicationcontainernotitle.nopad { margin: -10px -12px 0px !important; } .normal .apptitle b { font-weight: 500 !important; font-size: 1.05em !important; } body.noblocks .dijitDialog, body.noblocks .applicationcontainer { background: none; border-radius: none; box-shadow: none; margin: 15px 8px !important; } body.noblocks .applicationcontainer .Publish { background: #ffffff url("bg-widget-standard.png") repeat-x scroll left bottom; border-radius: 5px; box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.2); padding: 5px 2px; margin: -10px -3px; } div#clearColumn2 { margin-top: -10px !important; } body.noblocks .column > div { margin-top: 0; } ul.checkmark { list-style-image: url(/iguana/uploads/image/Graphics/checkmark.png); } ul.mainnavigation > li.nochild > a > span { background: url(/iguana/css/themes/Swan2/images/arrowRight.gif) no-repeat scroll 7px center transparent !important; } .child2 { font-size: 90% !important; } li.child2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } [id*="divSearchResults"] .restrictInfo button { border: 1px solid #ff9800; padding: 2px 4px; background-color: #ff980061; } /* Hides cover display option buttons for savelist results */ #divSearchReadingList div.dispIcons { display: none; } .filterInfo { background-color: #ff980061; border-color: #ff9800; padding: 5px; } #recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType { color: #545453; line-height: 1.25em; font-variant: small-caps; margin-top: 1px; } .recordDisplayElement div.group { padding-top: 4px; } .recordDisplayElement .title { font-weight: 500; } #recordData .mainTitleData span.title.fullMainTitle { font-weight: bold; } .briefMainTitle .maintitle, .briefMainTitle { font-size: 1.08em; font-weight: bold !important; } .briefMainTitle .subtitle, span.BriefSubtitle { font-weight: 500; font-size: 1.02em; } .title-extra .element.briefMaterial, .title .element.briefMaterial.right { float: right; padding: 0 12px 0 8px; } .recordDisplayElement.smallimage { border-top: 2px solid #e6e6e6; padding: 8px 0px 2px; } .right .reserveItem { float: right !Important; padding: 1px 12px 5px 22px !important; } .element.briefAvailDetails { line-height: 16px; max-width: 690px; width: 100%; font-weight: 500; float: right; } .recordDisplayElement .group .BriefAuthor { line-height: 1.25em !important; height: auto; overflow: hidden; border-bottom: 2px solid #d4b9931f; padding-bottom: 6px; margin: 0px 4px 3px -1px; } .BriefTitle .series, .title-extra .BriefTitle, .title-extra .BriefSeries, .recordDisplayElement.notools .FullSeries { font-size: 1em; color: #5C7F71; font-style: italic; } .title-extra .BriefTitlePartSection, .title .BriefTitlePartSection { color: darkslategrey; font-weight: 500; font-size: 1.02em; } .title-extra .BriefPubYear, .title .BriefPubYear { font-weight: bold; color: darkslategrey; } .BriefTitle .volume { font-size: 0.9em; color: #536b62; } .BriefTitle .edition, .BriefEdition, span.editionstatement, .recordDisplayElement.notools .FullEdition { color: #75704b; font-size: 0.94em; } .BriefTitle .datepub, .BriefEdition span.datepub { color: #565452; font-weight: bold; font-size: 0.97em; margin-left:2px; } .bookclubsets .reserveItem, .bookclubsets .briefAvailDetails, .bookclubsets div#hdgAlertResults, .bookclubsets .filterInfo { display: none; } /* BELOW is new Minimalist template (Local History photo savelist) styling. Possibly affects pagination numbers on resultslist or or readinglist templates */ .LocalHistory .title .briefMainTitle .maintitle { font-size: 1.02em; text-transform: none; } .LocalHistory .title .BriefTitle .datepub2 { color: #750f00; font-weight: bold !important; } .ReadingList .navigation { width: auto; margin: 10px 10px 10px 0; } #divItemsCL .navigationPage, #divItemsCR .navigationPage, #divItemsLH .navigationPage, .Results .navigationPage, .ResultsCMS .navigationPage, .ResultsFS .navigationPage, .ReadingList .navigationPage { font-size: 1.3em; margin-right: 4px; } #divItemsCL .navigationPageCurrent, #divItemsCR .navigationPageCurrent, #divItemsLH .navigationPageCurrent, .Results .navigationPageCurrent, .ResultsCMS .navigationPageCurrent, .ResultsFS .navigationPageCurrent, .ReadingList .navigationPageCurrent { font-size: 1.45em; margin-right: 4px; } .minimalist > .recordDisplayElement .data { margin-left: 225px; } .minimalist .recordDisplayElement.smallimage .image { cursor: pointer; } .minimalist > .recordDisplayElement.smallimage > .image { width: 160px !important; max-width: 60% !important; } .minimalist > .recordDisplayElement.smallimage > .image img { max-width: 160px !important; width: 100% !important; } @media only screen and (max-width: 420px) { .LocalHistory { clear: both; } .minimalist > .recordDisplayElement .data { margin: 10px; } } /* ABOVE is new Minimalist template (Local History photo savelist) styling */ /* NEED TO delete duplicated section below from header styling in Iguana*/ /*WidgetStyling*/ .applicationcontainer .Publish, .applicationcontainer .GenericRSSReader { background: #ffffff; } body.noblocks .dijitDialog, body.noblocks .applicationcontainer { background: none; border-radius: none; box-shadow: none; margin: 15px 8px !important; } body.noblocks .applicationcontainer .Publish { background: #ffffff url("bg-widget-standard.png") repeat-x scroll left bottom; border-radius: 5px; box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.2); padding: 5px 2px; margin: -10px -3px; } .recordDisplayElement .title { font-weight: 500; } #recordData .mainTitleData span.title.fullMainTitle { font-weight: bold !important; } .briefMainTitle .maintitle { font-size: 1.08em; font-weight: bold !important; } .briefMainTitle .subtitle { font-weight: 500; font-size: 1.02em; } .title-extra .element.briefMaterial, .title .element.briefMaterial.right { float: right; padding: 0 12px 0 8px; } .recordDisplayElement.smallimage { border-top: 2px solid #e6e6e6; padding: 8px 0px 2px; } .recordDisplayElement.smallimage .image img:hover { cursor: pointer; } .right .reserveItem { float: right !Important; padding: 1px 12px 5px 22px !important; } .element.briefAvailDetails { line-height: 16px; max-width: 690px; width: 100%; font-weight: 500; float: right; } .BriefTitle .series { font-size: 1em; color: #5C7F71; font-style: italic; } .BriefTitle .volume { font-size: 0.9em; color: #536b62; } .BriefTitle .edition { color: #75704b; font-size: 0.9em; } .BriefTitle .datepub { color: #565452; font-weight: bold; font-size: 0.95em; } #divRelatedWorks span.title.briefMainTitle { font-size: 0.95em !important; line-height: 1.1em; } #divRelatedWorks span.BriefSubtitle, #divRelatedWorks .BriefAuthor { font-size: 0.92em !important; line-height: 1.08em; margin-bottom: 3px; padding-bottom:2px; } #divRelatedWorks .BriefTitlePartSection, #divRelatedWorks span.BriefPubYear, #divRelatedWorks .briefMaterial.right { font-size: 0.9em !important; line-height: 1.05em !important; margin-top: 0; } #divRelatedWorks .briefExtract { font-size: 0.89em !important; line-height: 1.07em; margin-bottom: 0px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .mainTitleData { font-size: 1.1em; font-weight: 500; } .FullAuthor { font-size: 1.05em; margin: 5px 0; } .FullGenre { font-weight: 500; margin: 2px 0; } a.navigationPage { font-weight: 500 !important; } .dijitDialog { background: #fbfbfb !important; } fieldset.edit .label legend { color: #333 !important; } .edit .data label { font-style: normal; } .EditBorrowerData fieldset.group .data { margin-top: 2px; font-style: normal; margin-bottom: 12px; } div#registerHelp #bodytext a { color: #e47315; } div#registerHelp { margin: -15px 0px 15px -5px; font-size: 98%; line-height: 120%; } label#selectLocation_label { display: block; font-size: 1.1em; font-weight: bold; } div#widget_selectLocation { margin: 10px 0 10px 25px; } div#widget_selectLocation .dijitReset.dijitInputField, div#widget_dojoUnique3_sortByRL .dijitReset.dijitInputField { font-size: 14px; } .rppSelect .dijitComboBox { width: 70px; } .ListOptions label { font-weight: 500; color: #000; vertical-align: super; } .sortSelect .dijitComboBox { width: 100%; max-width: 200px; } span.loginlabel { font-weight: bold; } .LoginDialog .logonOption { padding: 2px 0 5px 0px; float: left; } div#PersonalDataDiv .expiryDate { display: none; } #divWelcome #bodytext ul.fa-ul li { margin-bottom: 8px; } .recordDisplayElement .group .BriefAuthor { line-height: 1.25em !important; height: auto; overflow: hidden; border-bottom: 2px solid #d4b9931f; padding-bottom: 6px; margin: 0px 4px 3px -1px; } .briefExtract { overflow: hidden; display: -webkit-box; font-size: 93%; line-height: 115%; color: #505050; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .BriefAuthor { display: -webkit-box; font-size: 100%; font-weight: 500; color: #333; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .FullExtract { font-size: 96%; line-height: 1.15em; color: #444; } td.FullExtract { font-weight: 500; } tbody.extrainfo { font-size: 96%; } #recordDisplay .recordTable tbody tr:nth-child(even) { background-color: #fdfaef !important; } #recordDisplay .recordTable tbody td { padding: 4px 3px 4px 1px !important; line-height: 1.15em; font-size: 98%; } .dijitDialog .dijitDialogPaneContent .readingListsDiv .dijitComboBox { max-width: 500px; width: auto; } .dijitButtonText span { background-color: inherit !important; } .ResultsOptions .sortSelect .dijitReset.dijitInputField { font-size: 14px; } .EditBorrowerData h2 { font-size: 1.5em; font-weight: 500; margin-bottom: 5px; margin-top: 11px; } .EditBorrowerData h3 { font-size: 1.35em; font-weight: 500; margin-bottom: 4px; margin-top: 10px; } .EditBorrowerData h4 { font-size: 1.2em; font-weight: 500; margin-bottom: 4px; margin-top: 9px; } .EditBorrowerData p { margin-bottom: 7px; } #widget_YBGrp01Identity\2f DateOfBirth { min-width: 84px; } #widget_DBGrp01Identity\2f DateOfBirth, #widget_MBGrp01Identity\2f DateOfBirth { min-width: 62px; } .EditBorrowerData .stepDone { color: #444; font-weight: 700; text-decoration: none !important; margin-right: 18px; font-size: 95%; } .EditBorrowerData .stepActive { color: #e65100; font-weight: 700; text-decoration: underline; margin-right: 18px; font-size: 105%; } .EditBorrowerData .stepNext { color: #aaa; font-weight: 700; margin-right: 18px; } .registerSteps { font-size: 1.15em; } .SelectedForYou .header { color: #333 !important; } .dijitTreeContent .dijitTreeLabel.treeNodeHighlightOn { color: #e65100; font-weight: 500; } #defaultReadingList .dijitComboBox .dijitInputField { font-size: 14px; } .SelectedForYou .links { font-weight: 500; } .rppSelect .dijitComboBox { width: 70px; padding: 0 4px !important; } .sortSelect .dijitComboBox { padding: 0 4px !important; } h2#anchor_ReadingList { font-size: 1.75em; } #searchpage h2#anchor_Display, #searchpage h2#anchor_Start, #searchpage h2#anchor_ReadingList { font-size: 1.9em !important; font-weight: 700 !important; } #defaultReadingList .dijitComboBox { max-width: 280px; } #divResultsOptions .resultsLinks ul a { font-weight: 400 !important; } span.linkSearchTerm, .externalLink .linkSearchTerm { font-weight: 500 !important; font-style: italic; color: #757575 !important; } .SearchResults .searchKey, .SearchResultsCMS .searchKey, .SearchBrowse .searchKey { font-size: 1.5em; font-weight: 500; color: #616161; } #divResultsOptions .resultsLinks ul a b { font-weight: 700 !important; } .UserActivities ul#anchor_menu li a { font-size: 1.05em; line-height: 1.25em; margin-top: 4px; } .PersonalData #divPersonalData .holder .top .title { font-size: 1.15em; } div#bodytext q { color: #4b4e4a; font-size: 96%; line-height: 115%; } div#cat-link h3 { min-width: 150px; width: 48%; } #elibrary-table .row1 img, #elibrary-table .row2 img { margin: 0px auto; padding: 0px; width: 100%; max-width: 180px; text-align: center; } span#browsecollections { margin-top: -60px; /* for anchor links - provides space for header above content */ padding-bottom: 60px; display: block; } #home-search .searchbox .searchBoxForm .searchterm input { width: 68% !important; } div#home-content { text-align: center; } div#collection-icons img.collection.catalogue { max-width: 290px; width: 24.5%; min-width: 230px; margin: 5px auto; } img.collection.catalogue:hover { outline: 2px solid #f1eee9 !important } div#catalogue-page img.collection.catalogue { max-width: 300px; width: 32%; min-width: 230px; margin: 3px; } @media (max-width: 1240px) { div#catalogue-page img.collection.catalogue { max-width: 290px; width: 49%; min-width: 120px; margin: 3px auto; } } @media (max-width: 840px) { div#catalogue-page img.collection.catalogue { max-width: 300px; width: 99%; min-width: 120px; margin: 3px auto; } } @media (max-width: 500px) { div#catalogue-page img.collection.catalogue { max-width: 290px; width: 49%; min-width: 150px; margin: 3px 0px; } } @media (max-width: 1020px) { #home-search .searchbox .searchBoxForm .searchterm input { width: 63% !important; } #home-search .dijitComboBox { height: 21px; width: 63%; max-width: 220px; padding: 4px; } #home-catalogue h3 { font-size: 115%; padding: 1px 0px 2px 0px; } div#collection-icons img.collection.catalogue { width: 32.5%; min-width: 180px; margin: 3px auto; } } @media (max-width: 600px) { div#collection-icons img.collection.catalogue { width: 49%; min-width: 130px; margin: 2px auto; } } #banner .bannerImage { max-height: 360px; overflow: hidden; } @media (min-width: 1020px) { ul.mainnavigation > li.myaccount > ul { width: auto; min-width: 142px; } } @media (max-width: 700px) { #body #wrapper #header .searchterm > input, #body #wrapper .smallsearch .searchterm > input { right: 0 !important; left: 0 !important; } } @media (max-width: 380px) { ul.mainnavigation li.wider ul li { width: 50% !important; min-width: 170px !important; } } @media (max-width: 360px) { ul.mainnavigation li.wider ul li { width: 50% !important; min-width: 160px !important; } } @media (max-width: 330px) { ul.mainnavigation li.wider ul li { width: 50% !important; min-width: 145px !important; } } .emphasis.junior { font-style: italic; } ul.mainnavigation li.wider ul li.fullwidth { margin-top: 1px; } ul.mainnavigation li.wider ul li.advancedsearch, ul.mainnavigation li.wider ul li.fullwidth { width: 100% !important; } .Publish ul.itemList li.listItem a>span.summary.thumb { height: 6.5em; overflow: hidden; } .Publish ul.itemList li.listItem a span.summary.thumb span.title, .Publish ul.itemList li.listItem a span.summary.thumb span.summary { overflow: hidden; max-height: 4em; } #contentHolder_f2c3e42c-2fe7-4611-a273-614974edca3c p { font-size: 102%; } .buttonnew { white-space: normal; } #mc_embed_signup input.email { width: 65% !important; min-width: 160px; max-width: 220px !important; } body.contentcontainer .dijitTitlePaneContentInner .top { cursor: default; font-weight: 500; font-size: 1.05em; margin-top: 5px; } body.contentcontainer .dojoDndContainer .dijitContentPane h2 span.maintitle { font-size: 1.1em; line-height: 1.2em; } .SearchScreen.compact .searchForm .searchRows input, .SearchScreen.compact .searchForm .searchRows select { height: 2em; font-size: 1.17em; padding: 8px 4px; margin: 4px 2px 2px; } .Start .searchFormSimple .searchKeySimple { height: 1.5em; font-size: 1.1em; padding: 4px; margin: 2px 4px; } @media (max-width: 1100px) { #homepage-sublocations .catalogue-box { width: 47% !important; max-width: 400px; min-width: 80px; margin: 0.3% 0.05%; } #homepage-sublocations.mainbrowse.fullwidth .catalogue-box, #homepage-sublocations.elibrarysubmenu.fullwidth .catalogue-box { width: 24% !important; max-width: 500px; min-width: 80px; margin: 0.3% 0.05%; } #homepage-sublocations.mainbrowse.fullwidth .catalogue-box i.fa-lg.fa-pull-left, #homepage-sublocations.elibrarysubmenu.fullwidth .catalogue-box i.fa-lg.fa-pull-left { padding-left: 2% !important; font-size: 1.15em; } .catalogue-box i.fa-lg.fa-pull-left { padding: 0 0 0 4%; } #homepage-sublocations .catalogue-box h4, #homepage-sublocations .fiction-box h4, #homepage-sublocations .catalogue-box span.collectionhead, #homepage-sublocations .fiction-box span.collectionhead { font-size: 1em; line-height: 1.1em; } #homepage-sublocations .collectionhead span.long { font-size: 95%; } span.collectionhead span.long:hover, span.nonfic span.long:hover, #homepage-sublocations a:hover span, span.collectionhead:hover, a:hover span.collectionhead, #homepage-sublocations a:hover, #homepage-sublocations a:hover span, #homepage-sublocations .RichTextItem .appcontent a { color:#111 !important; } #homepage-sublocations .sublocation-box { width: 32%; min-width: 80px; font-size: 0.95em; height: 50px; padding: 10px 0px; margin: 0.3% 0.05%; } .sublocation-box span.subloc-desc { font-size: 0.98em; line-height: 1em } #homepage-sublocations .fiction-box { width: 32%; min-width: 200px; } .sublocation-box i.fa-3x.fa-pull-left, .catalogue-box i.fa-3x.fa-pull-left, .fiction-box i.fa-3x.fa-pull-left { font-size: 2.2em; margin: 2px -4px 2px 2px; } } @media (max-width: 900px) { .hidecolumn4narrow div#column4 { display: none; } .hidecolumn4narrow div#column3 { width: 100%; } #homepage-sublocations.mainbrowse.fullwidth .catalogue-box, #homepage-sublocations.elibrarysubmenu.fullwidth .catalogue-box { width: 48% !important; margin: 0.3% 0.2%; font-size: 1.25em !important; } #homepage-sublocations.mainbrowse.fullwidth .catalogue-box i.fa-lg.fa-pull-left, #homepage-sublocations.elibrarysubmenu.fullwidth .catalogue-box i.fa-lg.fa-pull-left { padding-left: 4% !important; font-size: 1.2em; } } @media (max-width: 700px) { #homepage-sublocations .catalogue-box { min-width: 120px; } .catalogue-box i.fa-lg.fa-pull-left { display: none; } #homepage-sublocations .sublocation-box { width: 48%; min-width: 250px; font-size: 0.95em; height: 38px; } #homepage-sublocations .fiction-box { width: 48%; min-width: 250px; } #homepage-sublocations .fiction-box h4, #homepage-sublocations .fiction-box span.collectionhead { font-size: 1.1em; line-height: 1em; } #homepage-sublocations .sublocation-box h4, #homepage-sublocations .fiction-box span.collectionhead { font-size: 1.15em; line-height: 1em; } } @media (max-width: 550px) { #homepage-sublocations .sublocation-box, #homepage-sublocations .fiction-box { width: 48%; min-width: 150px; height: 26px !important; padding: 5px 0; } #homepage-sublocations .fiction-box { width: 48%; min-width: 140px; } #homepage-sublocations .sublocation-box h4, #homepage-sublocations .sublocation-box span.collectionhead, #homepage-sublocations .fiction-box span.collectionhead { line-height: 1em; font-size: 1.1em; } span.subloc-desc { display: none; } .sublocation-box i.fa-3x.fa-pull-left, .catalogue-box i.fa-3x.fa-pull-left, .fiction-box i.fa-2x.fa-pull-left { display: none; } } @media (max-width: 380px) { #homepage-sublocations .sublocation-box, #homepage-sublocations .catalogue-box { width: 98% !important; padding: 5px 0; } .sublocation-box span.subloc-desc { display: block; } } @media (min-width: 950px) and (max-width: 1050px) { #navigation li.parent { margin: 0px; } } @media screen and (max-width: 750px) { body ul.mainnavigation ul a { padding: 0px 3px 1px; margin-bottom: 5px; } } @media (max-width: 500px) { body.contentcontainer .Publish ul.itemList li.listItem a span.summary.thumb span.image img, body.contentcontainer .Publish ul.itemList li.listItem a span.summary.thumb span.summary { display: none; } body.contentcontainer .Publish ul.itemList li.listItem a span.summary.thumb span.title { padding: 0px; font-size: 110%; margin-left: 5px; } body.contentcontainer .Publish ul.itemList li.listItem a>span.summary.thumb { height: auto; } } body ul.mainnavigation:hover:after { background: none repeat scroll 0 0 #ff9800; border: 1px solid #f47921; border-radius: 0 0 0 10px; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.25); color: #fbfbfb; content: "Hide"; display: block; font-size: 1.3em; font-weight: bold; line-height: 1em; padding: 8px 8px 10px 13px; position: absolute; right: 0; top: 0; } @media screen and (max-width: 750px){ ul.mainnavigation > li > ul { padding-top: 8px !important; } } @media (max-width: 700px) { #wrapper #header .searchterm > input, #body #wrapper .smallsearch .searchterm > input { right: 0px; left: 0px; } button.link2 > span, .SearchScreen.compact #indexButtons > div > button span { font-size: 0.95em; padding: 0 !important; margin: 2px !important; } } @media (max-width: 450px) { .child2 { font-size: 92% !important; } button.link2 > span, .SearchScreen.compact #indexButtons > div > button span { font-size: 0.8em; padding: 0 !important; margin: 2px !important; } } @media screen and (min-width: 500px){ body ul.mainnavigation:hover:after { display:none; } } @media (max-width: 500px) { #topnav div.searchbox { display: block; max-width: 150px !important; padding-top: 5px; } div#home-catalogue { margin: -5px; } #topnav { float: none; } .customnavigation { float: right !important; margin: 7px auto !important; font-size: 0.9em; } .notfirst.item3 { display: none; } div#tophead { padding-bottom: 0px; margin-bottom: 0px !important; } } #divRelatedWorks .image img { max-width: 120px; border: 1px solid #F47921; -moz-box-shadow: 0px 0px 4px #AAAAAA; -webkit-box-shadow: 0px 0px 4px #AAAAAA; box-shadow: 0px 0px 4px #AAAAAA; margin: 5px !important; filter:progid:DXImageTransform.Microsoft.glow(Strength=1, color='#AAAAAA'); -ms-filter:"progid:DXImageTransform.Microsoft.glow(Strength=1, color='#AAAAAA')"; } /* keep header and navigation visible */ #header { position: fixed !important; top: 0; width: 100%; z-index: 10 !important; } #navigation { position: fixed !important; top: 100px; z-index: 10 !important; } #banner{ margin-top : 190px !important; position: relative !important; } .SearchResults div.dispIcons, .RelatedWorks div.dispIcons { z-index: 1 !important; }