CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> <meta name="robots" content="noindex, nofollow, noarchive"> <link rel="stylesheet" media="screen" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" media="screen" href="https://static-assets-us.libanswers.com/css2.72.1/dist/LibAnswers_public.min.css" /> <title> Ask a Librarian - Ask a Librarian </title> <style> </style> <script src="https://static-assets-us.libanswers.com/js2.72.1/dist/jquery.min.js"></script> <script src="https://static-assets-us.libanswers.com/js2.72.1/dist/LibAnswers_public.min.js"></script> <script> var springSpace = springSpace || {}; springSpace.la = springSpace.la || {}; springSpace.la.Page = { iid: 932, group_id: 4295, faq_id: 0, qlog_id: 0, auth_id: 0 }; </script> <script src="https://static-assets-us.libanswers.com/js2.72.1/dist/combosearch.min.js"></script><script> springSpace.la.Page.qlog_id = '0'; //need this for LA form js (for now) //set-up the search controller model config var search_conf = { host_app: 'la', customer_id: 5112, lang: {"Ad_Cat":"Library Catalog","Ans_ComEmail":"Email is required but never displayed on the public site:","Ans_ComName":"Enter your name as you'd like it to display to the public:","Ans_EditAns":"Edit FAQ","Ans_Facebook":"Share on Facebook","Ans_Helpful":"Was this helpful?","Ans_Imprv":"Add a public comment to this FAQ Entry","Ans_No":"No","Ans_Print":"Print","Ans_Tweet":"Tweet","Ans_VoteWarn":"You can only vote once per answer.","Ans_Yes":"Yes","az_bestbets_heading":"Best Bets","az_bestbets_label":"Best Bet","az_browse_name":"Browse by name","az_clear_filters":"Clear Filters\/Browse All Databases","az_database_plural":"Databases","az_dropdown_subjects":"Subjects","az_dropdown_types":"Types","az_dropdown_vendor":"Vendors","az_filter_all":"All","az_new_label":"New","az_trial_label":"Trial","ch_btn_close":"Close Chat","ch_btn_end":"End Chat","ch_btn_popout":"Pop out chat box","Ch_ChatIntro":"\r\nThis is the chat transcript from %1$s (%2$s) on %3$s:","Ch_ChatSub":"Your recent chat transcript","ch_contact_info_saved":"Contact information saved.","ch_message_label":"Your message","ch_patron":"Patron","ch_sign_off_reminder":"Don't forget to sign off of LibChat at the end of your shift\/day.","ch_sound_off":"Sound is Off (click to toggle)","ch_sound_on":"Sound is On (click to toggle)","ch_status_label":"Online status","ch_transcript_form_button":"Email Transcript","ch_transcript_form_email":"Email","ch_transcript_formintro":"To receive this transcript via email, enter your email address below. The field can accept only one email address.","ch_transcript_success":"Success, the transcript has been emailed to %s.","ch_user_pronoun":"You","Com_Alert":"Thank you! Your comment may be approved and posted if it adds value to the answer.","Com_App":"Approve","Com_Attr":"by %1$s on %2$s","Com_Del":"Are you sure you want to delete this comment?","Com_Header":"Please enter your name or alias. The email is mandatory but it will never be displayed on the site.","Com_Pend":"Pending","Com_Text":"Your Answer\/Comment","Dt_Date":"M d, Y","Dt_DateTime":"M d Y, h:ia","Err_Demo":"Please answer all required questions.","Err_Em":"Invalid email address.","Err_EmailNotMatch":"The email addresses don't match. Please try again.","err_InvalidFileTypes":"Sorry, we don't support uploading %s files. Please try another file type.","err_qformbrowser":"Error: Unknown browser\/network error. Please reload the page and try again. If you are still experiencing this error, please check your network connection and\/or try a different browser.","Err_QSub":"Error submitting your question. Please reload the page and try again.","Err_Qu":"Please enter a question.","Err_TryAg":"Error: Please try again.","faq_answer":"Answer","faq_answeredby":"Answered By","faq_comments":"Comments","faq_linksfiles":"Links & Files","faq_media":"Media","faq_topics":"Topics","faq_updated":"Last Updated","faq_views":"Views","Fb_BrowseFAQs":"See all FAQs","Fb_Button":"Submit","Fb_ChatOff":"Chat is Offline","Fb_ChatOn":"Chat with Us","Fb_ClearResults":"(clear results)","Fb_Details":"Details","Fb_Email":"Your Email","Fb_Idea_Success":"Thank you for the idea!","Fb_IdeaHeader":"Ideas","Fb_Opt_Idea":"An Idea","Fb_Opt_Praise":"Praise","Fb_Opt_Problem":"A Problem","Fb_Opt_Question":"A Question","Fb_SearchResults":"Search Results","Fb_Subject":"Subject","Fb_Tag_Praise":"praise","Fb_Tag_Problem":"problem","Fb_WidgetStatusLink":"View %s current status, scheduled maintenance, updates, etc.","Ft_Rights":"All rights reserved.","Ft_Tech":"Report a tech support issue.","Ge_Cancel":"Cancel","Ge_Close":"Close","Ge_First":"First","Ge_Last":"Last","Ge_NewWin":"Links open in new window.","Ge_Next":"Next","Ge_NoMatch":"Sorry, no questions matched your search.","Ge_Of":"of","Ge_Page":"Page","Ge_Prev":"Prev","Ge_SelOne":"Select One","Ge_Submit":"Submit","Ge_Success":"Success!","Ge_Update":"Last Updated:","LG_Crtd":"Created by","LG_GoLG":"Go to %s","LG_NoLG":"No related content found.","LG_RelLG":"Related content from %s","Pub_AnsQ":"Answers","Pub_BrAll":"All","Pub_BrGroup":"Groups","Pub_BrHeading":"Browse:","Pub_Chtop":"Topics","pub_home_feattab":"Featured","pub_home_poptab":"Popular","pub_home_recenttab":"Recent","Pub_MoreInfo":"more info","Pub_MyAdmin":"My Admin","Pub_NoJS":"<strong>Warning:<\/strong> Your browser has javascript disabled. Without javascript some functions will not work, including question submission via the form.","Pub_NoRelatedFAQ":"No related FAQs found.","pub_privacyModalTitle":"Privacy Statement","Pub_Sign":"Login to LibApps","Pub_SignOut":"Logout","Pub_Skip":"Skip to Main Content","Pub_Top":"Topic","Pub_TopAl":"View All Topics","Pub_Topic":"Topics:","Pub_Unassigned":"Unassigned","Pub_Views":"Views:","ra_form_answer":"Answer","ra_form_question":"Question","Sq_EmConf":"Receive an email confirmation of your submission.","Sq_Filelist":"Selected Files:","Sq_FileMaxSize":"Maximum file size","Sq_FileRemove":"Clear files","Sq_Fileup":"Click to choose files or Drag them here.","sq_formlabel":"Form to ask a question","Sq_MoreD":"More Detail\/Explanation","Sq_Q":"Question","Sq_Req":"Fields marked with %s are required.","Sq_Subm":"Submit Your Question","Sq_YInfo":"Your Info","Sq_YQ":"Your Question","srch_askqbutton":"Submit Your Question","srch_askqtext":"Still haven't found what you're looking for?","srch_boxhead":"Search Results for:","srch_by":"by","srch_defaultlabel":"All Results","srch_facetnone":"None found within current limits.","srch_facetremoveall":"Remove all","srch_filtercurr":"Current Filters","srch_filters_az_subjects":"All Subjects","srch_filters_az_types":"All Types","srch_filters_az_vendor":"All Vendors","srch_filters_content_type":"Contains Content Type","srch_filters_g":"Groups","srch_filters_group":"In Group","srch_filters_guide_type":"Guide Type","srch_filters_keywords":"Keywords (most frequent)","srch_filters_subject":"Assigned Subjects","srch_filters_tag":"Assigned Tags","srch_filters_topics":"Topics (most frequent)","srch_notasked":"This question has not been asked yet.","srch_pagelabel":"Pagination of search results","srch_resrange":"Showing %1 (of %2)","srch_seemore":"See more","srch_sorthead":"Sort By","srch_sortlabelalpha":"Alphabetical","srch_sortlabeldateasc":"Updated (oldest)","srch_sortlabeldatedesc":"Updated (most recent)","srch_sortlabelrel":"Relevancy","srch_subject":"Subjects","srch_syntaxerror":"Syntax Error: Quotation marks can only be used for phrase searching and must be in pairs.","srch_topic":"Topics","srch_update":"Last Updated","Srvy_RatingConfirmation":"Thank you for the feedback. You selected \"%s\". If you have further comments, please type them below and click \"Submit\". Otherwise, you can close this tab. Thank you!","Srvy_Success":"Thank you for the feedback. You can now close this tab.","St_BreadcrumbLink":"Systems Status","St_CommentsView":"View Comments","St_CurrentStatus":"Current Status:","St_FolderBack":"View full list","St_FolderClose":"Close Folder","St_Idea_Date":"Suggested on","St_IdeaAdd":"Submit an Idea","St_Ideas":"Ideas","St_NoMatch":"No results found.","St_Permalink":"Permalink","St_Picker_Button":"Go","St_Picker_Dashboard":"Go to Main Dashboard","St_Picker_Default":"View Status for...","St_Picker_Label":"System","St_PopularIdeas":"Most Popular","St_RecentIdeas":"Most Recent","St_Subscribe":"Subscribe for Updates","St_SubscribeSuccess":"Confirmed. You are now subscribed to %s. To unsubscribe, click the \"Opt-Out\" button","St_UnsubscribeSuccess":"Success! You are no longer subscribed to notifications from %s","St_UnsubscribeText":"This action will stop %1$s notification emails from being sent to %2$s. To confirm, click the \"Opt-Out\" button","St_Updates":"Updates","St_UpdatesAll":"All","St_Url":"URL:","St_VF_Comment":"Comment (optional)","St_VF_Email":"Email","St_VF_Idea":"Idea","St_VF_Title":"Title","St_VoteAdd":"Add your vote","St_VoteAddHeader":"Vote on: %s","St_VoteDate":"Posted on","St_VoteDown":"Vote Down","St_VotesHeader":"Comments on Idea: %s","St_VoteUp":"Vote Up"}, layout: 'tab', //tab or bento via app settings sources: [{"id":13862,"name":"LibCal","description":"","type":"lc","perpage":20,"site_id":13015,"site_url":"sun.ac.za.libcal.com","search_url":"sun.ac.za.libcal.com","request_url":"http:\/\/sun.ac.za.libcal.com\/process_search.php","query_const":{"site_id":13015},"item_template":"<div class=s-srch-result-title><a href=\"{{url}}\" data-eventid={{id}}>{{title}}<\/a><\/div><div class=\"s-srch-result-meta\"><span class=\"s-srch-result-date\"><span class=metalabel>Date<\/span> {{date}} {{# if (!all_day) { }}{{start}} - {{end}}{{# } }}<\/span>{{# if (location !== '' || campus !== '') { }}<span class=\"divider\">|<\/span><span class=\"s-srch-result-location\"><span class=metalabel>Location<\/span> {{location}}{{# if (location !== '' && campus !== '') { }}, {{# } }}{{campus}}<\/span>{{# } }}<\/div>"},{"id":13881,"name":"LibGuides","description":"","type":"lg","perpage":20,"display_facets":true,"site_id":13038,"site_url":"libguides.sun.ac.za","search_url":"libguides.sun.ac.za\/srch.php?default_lg=1&q={{query}}","request_url":"lgapi-us.libapps.com\/1.1\/cloudsearch\/lg2-local","profile_url":"http:\/\/libguides.sun.ac.za\/prf.php?account_id=","group_data":[]},{"id":13882,"name":"A-Z Database List","description":"","type":"az","perpage":20,"display_facets":true,"site_id":13038,"site_url":"libguides.sun.ac.za","search_url":"libguides.sun.ac.za\/az.php?q={{query}}","request_url":"lgapi-us.libapps.com\/1.1\/cloudsearch\/lg2-az"},{"id":0,"name":"LibAnswers","description":"","type":"la","perpage":20,"display_facets":true,"site_id":13040,"site_url":"","search_url":"libanswers.sun.ac.za\/search?adv=1&q={{query}}","request_url":"libanswers.sun.ac.za\/faq\/searchpublic","iid":932,"group_data":{"4295":{"id":4295,"slug":"","name":"Default"}},"isDefaultGroup":"true","groups_available":["4295"],"group_id_default":["4295"]}], //via app settings form_selector: '#s-la-searchform-46693', //via app settings debug: false, form_queue_id: 2328, tab_order: [0], tab: 0 }; // Setup query analyzer log object. // This is used in search js code if (true) { springSpace.queryAnalyzer = new QueryLog({ qlog_id: springSpace.la.Page.qlog_id, group_id: springSpace.la.Page.group_id, query: "" }); // Backwards compat for search code. springSpace.querySpy = springSpace.queryAnalyzer; } //we need to set the object so its in scope for the History event var searchcontroller = {}; jQuery(document).ready(function(){ //add the search header to the top column var searchHeaderElem = jQuery('<h2>').html('All Results:').addClass('s-srch-top-header'); jQuery('<div>').append(searchHeaderElem).prependTo( jQuery('#s-la-page-column-0') ); //set the selectors for controller elements var search_box_id = jQuery('.s-la-box-type-5').attr('id'); search_conf.selector = '#'+search_box_id + ' .s-la-box-content'; search_conf.header_selector = '#s-la-page-column-0 .s-srch-top-header'; //instantiate the controller searchcontroller = new SearchController(search_conf); searchcontroller.loadSources(); searchcontroller.retrieve(); //If question form is present, set the query in the details field $('textarea[name=pdetails]').val(""); }); </script> <style> .btn { color: #fff; background-color: #60223b; border-color: #912765; } html { background: #fff !important; } .s-lc-public-footer { font-size: .9em; text-align: center; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #bbb; background-color: #f5f5f5; margin: 0; width: 100% !important; max-width: 100% !important; display: block; border: 1px solid lightgray; border-bottom: none; } #s-lc-rm-desc .img-responsive { height:auto !important; } </style> <script> // ++++++++++++++++++++++++ ==================== jQuery Opens +++++ >>> $(document).ready(function(){ function nov2017edit() { // //November 2017 modification for LibGuides: mobile fixes // console.log("November 2017 changes running now. "); $('.steSocioIco').removeClass('col-sm-3 col-md-3 col-lg-3'); //Fix social icon display orientation $('#footerBottomContact').css('max-height', 'auto !important'); //Fix footer contact height $('.myIconL').removeClass('col-xs-12 col-sm-9 col-md-9 col-lg-9'); //Center footer logo $('.myIconL').css('margin-right', 'auto'); $('.myIconL').css('margin-left', 'auto'); $('.copyright').css('padding', '15px'); //Pad copyright notice //Fix footer menu $('.col-sm-12').removeClass('col-lg-1 col-md-1 col-lg-1'); $('.col-sm-12').removeClass('col-lg-2 col-md-2 col-lg-2'); $('.col-sm-12 > ul > li > ul > li > a').addClass('text-center'); $('.col-sm-12 > ul > li').css('display', 'inline'); $('.col-sm-12 > ul > li > ul > li').css('display', 'inline'); $('.col-sm-12 > ul').css('width', '100%'); $('.col-sm-12 > ul > li').css('width', '100%'); $('.col-sm-12 > ul > li > ul').css('width', '100%'); $('.col-sm-12 > ul > li > ul > li').css('width', '100%'); $('.col-sm-12').addClass('nofloat'); //Remove floating on hover $('#steMainNavWrapp').addClass('hidden'); $('#steMainNav').addClass('hidden'); $('#steBarsWrapp').removeClass('container-fluid'); $('#steBarsWrapp').removeClass('ms-hidden'); $('#headcontainer').removeClass('mar15b'); $('#s-lib-bc').addClass('hidden'); $('#s-lg-guide-header-search').css('padding-top', '10px'); $('#s-lg-guide-name').addClass('text-center'); $('.col-md-3').addClass('col-md-3-mobile'); $('.nav > li').addClass('nofloat text-center'); $('#steBranding').removeClass('noPadL'); $('#steBranding').css('padding', '30px'); $('.stetitlespacelogo').removeClass('col-xs-12 col-sm-3 col-sm-4 col-sm-12 col-md-3 col-lg-3'); console.log($('.stetitlespacelogo').attr('class')); $('.stetitlespacelogo').css('min-width', '210px'); $('.stetitlespacelogo').css('padding-left', '0px'); $('#titletextblock').removeClass('col-xs-12 col-sm-4 pad10b pad10t col-sm-8 col-sm-12 col-md-4 col-lg-4'); console.log($('#titletextblock').attr('class')); $('#titletextblock').css('padding-top', '10px'); // //November 2017 modifications end here // } console.log('Document ready'); // Page refresh on deveice width change $(window).on('orientationchange', function(e) { console.log('Orientation change!'); $.mobile.changePage(window.location.href, { allowSamePageTransition: true, transition: 'none', reloadPage: true }); }); //$('#ste-Slider-Wrapp').removeClass('ms-hidden').show( "slow" ); //$('#ste-Search-Wrapp').removeClass('ms-hidden').show( "slow" ); $('#ste-Loading').addClass('ms-hidden'); $('#s4-workspace').removeClass('ms-hidden').show( "slow" ); // release search $('#steReleaseSearch').on('click', function(){ $('#steHiddenSearch').removeClass('ms-hidden').slideDown( "slow" ); $('#steHideSearch').removeClass('ms-hidden').show( "slow" ); $('#steReleaseSearch').addClass('ms-hidden').hide( "slow" ); }); //hide search $('#steHideSearch').on('click', function(){ $('#steHiddenSearch').addClass('ms-hidden').slideUp( "slow" ); $('#steReleaseSearch').removeClass('ms-hidden').show( "slow" ); $('#steHideSearch').addClass('ms-hidden').hide( "slow" ); }); // open mobile menu STARTS ///////////////////////// ++++++++++++++++++++++++++ >> $('#releasemoMenu').on('click', function(){ $('#steOnlyMobileMenu').removeClass('ms-hidden').slideDown( "slow" ); $('#releasemoMenu').slideUp( "slow" ).addClass('ms-hidden'); $('#releasemoMenuB').removeClass('ms-hidden').slideDown( "slow" ); }); // open mobile menu ENDS ///////////////////////// ++++++++++++++++++++++++++ >> // close mobile menu STARTS ///////////////////////// ++++++++++++++++++++++++++ >> $('#releasemoMenuB').on('click', function(){ $('#steOnlyMobileMenu').slideUp( "slow" ).addClass('ms-hidden'); $('#releasemoMenuB').slideUp( "slow" ).addClass('ms-hidden'); $('#releasemoMenu').removeClass('ms-hidden').slideDown( "slow" ); }); // close mobile menu ENDS ///////////////////////// ++++++++++++++++++++++++++ >> //alert('100 keys!'); // Animate Preloader off screen ///////////// ++++++++++++++++++>> $(".se-pre-con").fadeOut("slow"); // Animate Preloader off screen ///////////// ++++++++++++++++++>> // Stop Page Jumping when Search Tabs are clicker ////////////////////////////////////////////////////////// ++++++ >> // click starts /*$('#tab2, #tab3, #tab1').click(function(){ $('html, body').css({ 'overflow': 'hidden', 'height': '100%' }); }); // click ends // mouse starts $('#tab2, #tab3, #tab1').mouseup(function(){ $('html, body').css({ 'overflow': 'auto', 'height': 'auto' }); }); // click starts $('#tab2, #tab3, #tab1').blur(function(){ $('html, body').css({ 'overflow': 'auto', 'height': 'auto' }); });*/ // click ends // Stop Page Jumping when Search Tabs are clicker \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\++++++ >> $('#steHeader').css({'padding':'0','z-index':'2'}).addClass('steNoList steWhiteb'); $('#steBranding').addClass('steNoList pad20b pad10t'); $('#steMainNav').css({'height':'60px'}).addClass('steNoList'); //$('#steSearchWrapp').addClass('steWhiteb').css({'height':'230px','margin-top':'-5px','z-index':'2900'}); $('#steSearchWrapp').addClass('steWhiteb').css({'padding-bottom':'220px','height':'auto','margin-top':'-5px','z-index':'2900'}); $('#search-box').css({'margin-top':'-58px','z-index':'300'}); $('#steBodyWrapp').css({'z-index':'200'}).addClass('steLightgreyb pad30t '); $('#steBodyContent, #steBodyContent ul').addClass(' steNoList'); $('#steBodyContent ul').addClass(' s noPad'); $('#steBodyContent ').addClass('steLightgreyb'); $('#steBodyContent ul li').css({'height':'auto','padding-bottom':'10px!Important'}).addClass(''); $('#steBodyContent ul li').filter(' :eq(3)').addClass('noPadL'); $('#steBodyContent ul li').filter(':eq(2), :eq(5)').addClass('noPadR'); $('#steBodyContent ul li').filter(' :eq(3)').addClass('noPadL noPadR'); $('#steBodyContent ul li').filter(':eq(2), :eq(5)').addClass('noPadR noPadL'); $('#steBodyContent ul li').filter(':eq(1)').addClass('noPadR noPadL'); $('#researchSupport').addClass('noPadR noPadL'); // add padding for the homne card styling for the GRIDS $('.SU-HomeGrid .card').addClass('pad15 boxModel'); $('.card').addClass('pad15 '); $('.card .btn').addClass('my100'); $('.card h1').addClass('pull-left'); $('.bootstrap-select .open').css({'z-index':'99990'}); $('.tabs label').addClass('u'); $('#steAdContent, #steAdContent ul').addClass(' steNoList'); $('#steAdContent ul').addClass(' noPad'); //$('#steAdContent ul li').filter(':eq(0)').addClass('noPadL noPadR'); // Beore $('#steAdContent ul li').filter(':eq(1)').addClass('noPadR '); $('#steAdContent ul li').filter(':eq(1)').addClass('') $('#steAdContent ul li .card').css({'height':'200px'}); $('#steAdvertWrapp ').addClass(' pad15b steLightgreyb '); $('#steBodyContentInside ul').addClass(' noPad '); $('#steBodyContentInside, #steBodyContentInside ul').addClass(' steNoList'); $('#steBodyContentInside ul li').filter(':eq(0)').addClass('noPadL noPadR'); $('#steBodyContentInside ul li').filter(':eq(1)').addClass('noPadR noPadL'); $('#steBodyContentInside ul li .card').addClass(' steNoLines '); $('#steBodyContentInside ul li .card').filter(':eq(1)').addClass('u2'); $('#steBodyContentInside ul li .card').filter(':eq(0)').addClass('steBarGrey u3').css({'z-index':'999'}); $('#steBreadcrumbWrapp').css({'height':''}).addClass('steNoList pad30t pad10b'); $('#steBreadcrumbWrapp ul').addClass(' noPad '); $('#steBreadcrumbWrapp, #steBreadcrumbWrapp ul').addClass(' steNoList'); $('.breadcrumb').addClass(' noPadL'); // MOBILE STYLING STARTS ++ ///////////////////////////////////////////////////// ++ > // div wrapp for top sharepoint menu $('#suiteBarTop').wrap('<div class="sheTopwrapp col-md-12">/'); $('.sheTopwrapp ').wrap('<div class="container-fluid noPad">/'); $('.sheTopwrapp ').wrap('<div class="row">/'); // top menu section 1 $('.o365cs-nav-leftAlign').wrap('<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 noPad"/>'); // top menu section 2 $('.o365cs-nav-centerAlign').wrap('<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 noPad"/>'); // top menu section 3 $('#O365_TopMenu').wrap('<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 noPad "/>'); $('#O365_TopMenu').addClass('pull-right'); // make tab responsive $('.myTab').css({'width':'33.3%'}); $('#s4-ribbonrow').wrap('<div class="container-fluid noPad">/'); $('#s4-ribbonrow').wrap('<div class="row">/'); $('#s4-ribbonrow').wrap('<div class="steRiRow col-md-12">/'); $('.steHomeBtn a:hover').css({'background-color':'transparent', 'text-decoration':'none'}); // Media Queries \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ++++++ >> if ( $(window).width() > 1000) { //Add your javascript for large screens here // alert('wowwwwww'); // $('#steMainNav').addClass('pad30t pad30b'); } else { //Add your javascript for small screens here }; if ( $(window).width() < 992) { //$('.o365cs-nav-centerAlign').hide('slow'); $('#suiteBarTop').css({'height':'auto'}); //$('#O365_TopMenu').addClass('steGreyb'); } // +++++++++++++++++++++++++++++++ //////////////////// 320 STARTS iPhone 5/ SE \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 320) { $('.stetitlespacelogo').addClass('text-center'); $('.stetitlespace').addClass('text-center pad10b'); $('.library').addClass('libraryb'); $('.stetitlespace2').addClass('text-center pad10t pad10b'); $('.infoservice').addClass('infoserviceb'); $('.steSocio').removeClass('text-right').addClass('text-center '); $('.steTranslate').removeClass('text-right').addClass('text-center'); $('.steStudy').removeClass('text-right').addClass('text-center'); $('#menu-toggle').removeClass('ms-hidden'); $('#sidebar-wrapper').removeClass('ms-hidden'); $('.sidebar-nav').removeClass('ms-hidden'); //hide main menu //$('.steMenuRow').addClass('ms-hidden'); $('.steSearchRow').addClass('pad10b pad10t'); //$('#zz11_RootAspMenu').insertBefore('#steBranding'); // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); // remove extrapadign around tabs $('.tabs label').css({'padding':'14px 20px'}); // swop text for icons for the 3 tabs $('label#search-tabs-books').html('<i class="fa fa-book fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-scholar').html('<i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-loans').html('<i class="fa fa-users fa-2x" aria-hidden="true"></i>'); // add more height the search wrapper to clear the bottom $('#steSearchWrapp').css({'padding-bottom':'355px'}); // give drop down menu a bottom padding $('#steSelect').addClass('mar30b'); // add margin top tp button to give space $('.steErow').addClass('mar30t'); // give one of the select inut margin tip and bottom to create spance $('.steBS2').addClass('mar30t mar30b'); // reduce page title font size $('#DeltaPlaceHolderPageTitleInTitleArea').css({'font-size':'80%'}); // change place holder copy on search inputs $("#txtPrimoSearch").attr("placeholder", "Search for Books.."); $("#txtScholarSearch").attr("placeholder", "SU deposited research.."); $("#txtLoansSearch").attr("placeholder", "All material.."); // remove left padding from the advert to the right and add auto height $('#adRightSec').css({'height':'auto'}); $('#adRight').css({'height':'auto'}); $('#bigStatementB').removeClass('pad15l'); // remove the h1 class from advert containers and replace with smalle classes $('#bigStatement').removeClass('h1').addClass('h1b'); $('#bigStatementB').removeClass('h1').addClass('h1b'); //center align footer elements $('.footer1,.footer-bottom,.myIconL,.steSocioIco ').addClass('text-center'); $('.footer1').css({'border-left':'0','border-right':'0'}); $('.copyright').css({'line-height':'100%'}); //center align advert elements TEXT $('#externalNews').removeClass('text-left').addClass('text-center'); $('#bigStatement').removeClass('text-left').addClass('text-center'); $('#externalNewsB').removeClass('text-left').addClass('text-center'); $('#bigStatementB').removeClass('text-left').addClass('text-center'); $('.stetitlespacelogo').removeClass('col-xs-6 col-sm-6').addClass('col-xs-12 col-sm-12'); $('#ste-logo').addClass('center-block'); // fix padding aorunf search icon $('#ste-Search-Wrapp').removeClass('pad40r').addClass('text-center'); $('#steReleaseSearch').removeClass('pull-right'); $('#steHideSearch').removeClass('pull-right'); // Novermber 2016 Mobile adjustments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++>> // STYLING THE SEARCH BOX - wrapping search elements with divs $('input[title="Search this site"]').wrap('<div class=" steSearch steNoLines"/>').removeClass('col-xs-9 col-sm-9 col-md-9 col-lg-11'); $('input[title="Search this site"]').addClass('steNoLines'); $('a[title="Search"]').wrap('<div class=" steSearch text-center"/>').removeClass('col-xs-3 col-sm-3 col-md-3 col-lg-1'); var oldA = '/Style Library/Images/a.jpg'; var newA = '/Style Library/Images/a-mobile.jpg'; var oldB = '/Style Library/Images/b.jpg'; var newB = '/Style Library/Images/b-mobile.jpg'; var oldC = '/Style Library/Images/c.jpg'; var newC = '/Style Library/Images/c-mobile.jpg'; var oldD = '/Style Library/Images/easydata.jpg'; var newD = '/Style Library/Images/easydata-mobile.jpg'; var oldE = '/Style Library/Images/librariansday.jpg'; var newE = '/Style Library/Images/librariansday-mobile.jpg'; var oldF = '/Style Library/Images/libqual.jpg'; var newF = '/Style Library/Images/libqual-mobile.jpg'; var oldG = '/Style Library/Images/refworks.jpg'; var newG = '/Style Library/Images/refworks-mobile.jpg'; var oldH = '/Style Library/Images/machine.jpg'; var newH = '/Style Library/Images/machine-mobile.jpg'; var oldI = '/Style Library/Images/rc.jpg'; var newI = '/Style Library/Images/rc-mobile.jpg'; var oldJ = '/Style Library/Images/examination.jpg'; var newJ = '/Style Library/Images/exam-mobile.jpg'; var oldK = '/Style Library/Images/marketline.jpg'; var newK = '/Style Library/Images/bookshelf-mobile.jpg'; var oldL = '/Style Library/Images/h.jpg'; var newL = '/Style Library/Images/h-mobile.jpg'; var oldM = '/Style Library/Images/hours.jpg'; var newM = '/Style Library/Images/hours-mobile.jpg'; var oldN = '/Style Library/Images/jsg.jpg'; var newN = '/Style Library/Images/jsg-mobile.jpg'; var oldO = '/Style Library/Images/oaweek.jpg'; var newO = '/Style Library/Images/oaweek-mobile.jpg'; $('#a-img').attr('src', newA); $('#b-img').attr('src', newB); $('#c-img').attr('src', newC); $('#d-img').attr('src', newD); $('#e-img').attr('src', newE); $('#f-img').attr('src', newF); $('#g-img').attr('src', newG); $('#h-img').attr('src', newH); $('#i-img').attr('src', newI); $('#j-img').attr('src', newJ); $('#k-img').attr('src', newK); $('#l-img').attr('src', newL); $('#m-img').attr('src', newM); $('#n-img').attr('src', newN); $('#o-img').attr('src', newO); // adjust blocks for mobile $('#B1').addClass('mar15b').removeClass('noPadR'); $('#newsCardMain').addClass('mar15b autoH').removeClass('noPadR').removeAttr('style'); $('#newsCard').addClass('autoH'); $('.socialBox, .userBox, .researchBox').addClass('mar30b'); $('.researchBox').addClass('mar60b'); $('.learnBox').addClass('mar60b'); $('#B4').removeClass('noPadR'); $('#B5').removeClass('noPadR').addClass('mar15b').removeAttr('style'); $('#B6').removeClass('noPadR').addClass('mar15b').removeAttr('style'); // adjust news block styles $('#newsTextA').removeAttr('style').removeClass('newsCopy').addClass('autoH'); $('#newsTextB').removeAttr('style').removeClass('newsCopy').addClass('autoH'); // advert style adjustments $('#adLeftSec').removeClass('noPadR'); $('#adRight').removeClass('noPadL'); $('#adRightSec').removeClass('noPadL'); $('#footer-su-logo').addClass('center-block'); $('#ste-logo').addClass('center-block'); $('.userBoxa').addClass('mar60b'); $('#B4a').removeClass('noPadR').addClass('mar15b').removeAttr('style'); $('.researchBoxa').addClass('mar30b'); $('.learnBoxa').addClass('mar30b'); $('#adRight').removeClass('noPadL mar30t'); } // +++++++++++++++++++++++++++++++ //////////////////// 320 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 375 STARTS Iphone 6s \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 375) { $('.stetitlespacelogo').addClass('text-center'); $('.stetitlespace').addClass('text-center pad10t pad10b'); $('.library').addClass('libraryb'); $('.stetitlespace2').addClass('text-center pad10t pad10b'); $('.infoservice').addClass('infoserviceb'); $('.steSocio').removeClass('text-right').addClass('text-center '); $('.steTranslate').removeClass('text-right').addClass('text-center'); $('.steStudy').removeClass('text-right').addClass('text-center'); $('#menu-toggle').removeClass('ms-hidden'); $('#sidebar-wrapper').removeClass('ms-hidden'); $('.sidebar-nav').removeClass('ms-hidden'); //hide main menu //$('.steMenuRow').addClass('ms-hidden'); $('.steSearchRow').addClass('pad10b pad10t'); //$('#zz11_RootAspMenu').insertBefore('#steBranding'); // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); // remove extrapadign around tabs $('.tabs label').css({'padding':'14px 20px'}); // swop text for icons for the 3 tabs $('label#search-tabs-books').html('<i class="fa fa-book fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-scholar').html('<i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-loans').html('<i class="fa fa-users fa-2x" aria-hidden="true"></i>'); // add more height the search wrapper to clear the bottom $('#steSearchWrapp').css({'padding-bottom':'355px'}); // give drop down menu a bottom padding $('#steSelect').addClass('mar30b'); // add margin top tp button to give space $('.steErow').addClass('mar30t'); // give one of the select inut margin tip and bottom to create spance $('.steBS2').addClass('mar30t mar30b'); // reduce page title font size $('#DeltaPlaceHolderPageTitleInTitleArea').css({'font-size':'80%'}); // change place holder copy on search inputs $("#txtPrimoSearch").attr("placeholder", "Search for Books.."); $("#txtScholarSearch").attr("placeholder", "SU deposited research.."); $("#txtLoansSearch").attr("placeholder", "All material.."); // remove left padding from the advert to the right and add auto height $('#adRightSec').addClass('').css({'hieght':'auto'}); $('#adRight').css({'height':'auto'}); $('#bigStatementB').removeClass('pad15l'); // remove the h1 class from advert containers and replace with smalle classes $('#bigStatement').removeClass('h1').addClass('h1b'); $('#bigStatementB').removeClass('h1').addClass('h1b'); //center align footer elements $('.footer1,.footer-bottom,.myIconL,.steSocioIco ').addClass('text-center'); $('.footer1').css({'border-left':'0','border-right':'0'}); $('.copyright').css({'line-height':'100%'}); //center align advert elements TEXT $('#externalNews').removeClass('text-left').addClass('text-center'); $('#bigStatement').removeClass('text-left').addClass('text-center'); $('#externalNewsB').removeClass('text-left').addClass('text-center'); $('#bigStatementB').removeClass('text-left').addClass('text-center'); // Novermber 2016 Mobile adjustments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++>> // STYLING THE SEARCH BOX - wrapping search elements with divs $('input[title="Search this site"]').wrap('<div class=" steSearch steNoLines"/>').removeClass('col-xs-9 col-sm-9 col-md-9 col-lg-11'); $('input[title="Search this site"]').addClass('steNoLines'); $('a[title="Search"]').wrap('<div class=" steSearch text-center"/>').removeClass('col-xs-3 col-sm-3 col-md-3 col-lg-1'); $('#ste-Search-Wrapp').addClass('text-center').removeClass('pad40r'); $('#steReleaseSearch').addClass('text-center').removeClass('pull-right'); var oldA = '/Style Library/Images/a.jpg'; var newA = '/Style Library/Images/a-mobile.jpg'; var oldB = '/Style Library/Images/b.jpg'; var newB = '/Style Library/Images/b-mobile.jpg'; var oldC = '/Style Library/Images/c.jpg'; var newC = '/Style Library/Images/c-mobile.jpg'; var oldD = '/Style Library/Images/easydata.jpg'; var newD = '/Style Library/Images/easydata-mobile.jpg'; var oldE = '/Style Library/Images/librariansday.jpg'; var newE = '/Style Library/Images/librariansday-mobile.jpg'; var oldF = '/Style Library/Images/libqual.jpg'; var newF = '/Style Library/Images/libqual-mobile.jpg'; var oldG = '/Style Library/Images/refworks.jpg'; var newG = '/Style Library/Images/refworks-mobile.jpg'; var oldH = '/Style Library/Images/machine.jpg'; var newH = '/Style Library/Images/machine-mobile.jpg'; var oldI = '/Style Library/Images/rc.jpg'; var newI = '/Style Library/Images/rc-mobile.jpg'; var oldJ = '/Style Library/Images/examination.jpg'; var newJ = '/Style Library/Images/exam-mobile.jpg'; var oldK = '/Style Library/Images/marketline.jpg'; var newK = '/Style Library/Images/bookshelf-mobile.jpg'; var oldL = '/Style Library/Images/h.jpg'; var newL = '/Style Library/Images/h-mobile.jpg'; var oldM = '/Style Library/Images/hours.jpg'; var newM = '/Style Library/Images/hours-mobile.jpg'; var oldN = '/Style Library/Images/jsg.jpg'; var newN = '/Style Library/Images/jsg-mobile.jpg'; var oldO = '/Style Library/Images/oaweek.jpg'; var newO = '/Style Library/Images/oaweek-mobile.jpg'; $('#a-img').attr('src', newA); $('#b-img').attr('src', newB); $('#c-img').attr('src', newC); $('#d-img').attr('src', newD); $('#e-img').attr('src', newE); $('#f-img').attr('src', newF); $('#g-img').attr('src', newG); $('#h-img').attr('src', newH); $('#i-img').attr('src', newI); $('#j-img').attr('src', newJ); $('#k-img').attr('src', newK); $('#l-img').attr('src', newL); $('#m-img').attr('src', newM); $('#n-img').attr('src', newN); $('#o-img').attr('src', newO); // adjust blocks for mobile $('#B1').addClass('mar15b').removeClass('noPadR'); $('#newsCardMain').addClass('mar15b autoH').removeClass('noPadR').removeAttr('style'); $('#newsCard').addClass('autoH'); $('.socialBox, .userBox, .researchBox').addClass('mar30b'); $('.researchBox').addClass('mar60b'); $('.learnBox').addClass('mar60b'); $('#B4').removeClass('noPadR'); $('#B5').removeClass('noPadR').addClass('mar15b').removeAttr('style'); $('#B6').removeClass('noPadR').addClass('mar15b').removeAttr('style'); // adjust news block styles $('#newsTextA').removeAttr('style').removeClass('newsCopy').addClass('autoH'); $('#newsTextB').removeAttr('style').removeClass('newsCopy').addClass('autoH'); // advert style adjustments $('#adLeftSec').removeClass('noPadR'); $('#adRight').removeClass('noPadL'); $('#adRightSec').removeClass('noPadL'); $('#footer-su-logo').addClass('center-block'); $('#ste-logo').addClass('center-block'); $('.userBoxa').addClass('mar60b'); $('#B4a').removeClass('noPadR').addClass('mar15b').removeAttr('style'); $('.researchBoxa').addClass('mar30b'); $('.learnBoxa').addClass('mar30b'); $('#adRight').removeClass('noPadL mar30t'); } // +++++++++++++++++++++++++++++++ //////////////////// 375 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 414 STARTS Iphone 6s plus \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 414) { $('.stetitlespacelogo').addClass('text-center'); $('.stetitlespace').addClass('text-center pad10t pad10b'); $('.library').addClass('libraryb'); $('.stetitlespace2').addClass('text-center pad10t pad10b'); $('.infoservice').addClass('infoserviceb'); $('.steSocio').removeClass('text-right').addClass('text-center '); $('.steTranslate').removeClass('text-right').addClass('text-center'); $('.steStudy').removeClass('text-right').addClass('text-center'); $('#menu-toggle').removeClass('ms-hidden'); $('#sidebar-wrapper').removeClass('ms-hidden'); $('.sidebar-nav').removeClass('ms-hidden'); //hide main menu //$('.steMenuRow').addClass('ms-hidden'); $('.steSearchRow').addClass('pad10b pad10t'); //$('#zz11_RootAspMenu').insertBefore('#steBranding'); // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); // remove extrapadign around tabs $('.tabs label').css({'padding':'14px 20px'}); // swop text for icons for the 3 tabs $('label#search-tabs-books').html('<i class="fa fa-book fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-scholar').html('<i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-loans').html('<i class="fa fa-users fa-2x" aria-hidden="true"></i>'); // add more height the search wrapper to clear the bottom $('#steSearchWrapp').css({'padding-bottom':'355px'}); // give drop down menu a bottom padding $('#steSelect').addClass('mar30b'); // add margin top tp button to give space $('.steErow').addClass('mar30t'); // give one of the select inut margin tip and bottom to create spance $('.steBS2').addClass('mar30t mar30b'); // reduce page title font size $('#DeltaPlaceHolderPageTitleInTitleArea').css({'font-size':'80%'}); // change place holder copy on search inputs $("#txtPrimoSearch").attr("placeholder", "Search for Books.."); $("#txtScholarSearch").attr("placeholder", "SU deposited research.."); $("#txtLoansSearch").attr("placeholder", "All material.."); // remove left padding from the advert to the right and add auto height $('#adRightSec').addClass('').css({'hieght':'auto'}); $('#adRight').css({'height':'auto'}); $('#bigStatementB').removeClass('pad15l'); // remove the h1 class from advert containers and replace with smalle classes $('#bigStatement').removeClass('h1').addClass('h1b'); $('#bigStatementB').removeClass('h1').addClass('h1b'); //center align footer elements $('.footer1,.footer-bottom,.myIconL,.steSocioIco ').addClass('text-center'); $('.footer1').css({'border-left':'0','border-right':'0'}); // make footer line height shorter $('.copyright').css({'line-height':'100%'}); //center align advert elements TEXT $('#externalNews').removeClass('text-left').addClass('text-center'); $('#bigStatement').removeClass('text-left').addClass('text-center'); $('#externalNewsB').removeClass('text-left').addClass('text-center'); $('#bigStatementB').removeClass('text-left').addClass('text-center'); $('.stetitlespacelogo').removeClass(' col-xs-5 col-sm-4 col-md-3 col-lg-3'); $('.stetitlespacelogo').addClass(' col-xs-12 col-sm-4 col-md-3 col-lg-3'); $('.stetitlespace ').removeClass('col-xs-7 text-right col-sm-8 col-md-4 col-lg-4'); $('.stetitlespace ').addClass('col-xs-12 text-right col-sm-8 col-md-4 col-lg-4'); // hide sharepoint menu row $('.steMenuRow').hide('slow'); //$('#DeltaPlaceHolderMain').css({'overflow-x':'auto'}); // switch classes around the top header to align it properly ++ LOGO $('.stetitlespacelogo').removeClass('col-xs-5 col-sm-12 col-md-3 col-lg-3'); $('.stetitlespacelogo').addClass('col-xs-12 col-sm-12 col-md-3 col-lg-3'); // switch classes around the top header to align it properly ++ Library Wording $('.stetitlespace').removeClass('col-xs-7 col-sm-12 col-md-4 col-lg-4 text-right '); $('.stetitlespace').addClass('col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center') $('.steSocio ').removeClass('col-xs-9 col-sm-9 col-md-7 col-lg-7 text-center'); $('.steSocio ').addClass('col-xs-12 col-sm-12 col-md-4 col-lg-4 text-center'); $('.steTranslate ').removeClass('col-xs-3 col-sm-3 col-md-5 col-lg-5 noPadL '); $('.steTranslate ').addClass('col-xs-12 col-sm-3 col-md-5 col-lg-5 noPadL text-center'); // make body area scrollable $('#DeltaPlaceHolderMain').css({'overflow-y':'auto'}); //add margin top to the ad right on smaller devices $('#adRight').addClass('mar15t'); // Novermber 2016 Mobile adjustments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++>> // STYLING THE SEARCH BOX - wrapping search elements with divs $('input[title="Search this site"]').wrap('<div class=" steSearch steNoLines"/>').removeClass('col-xs-9 col-sm-9 col-md-9 col-lg-11'); $('input[title="Search this site"]').addClass('steNoLines'); $('a[title="Search"]').wrap('<div class=" steSearch text-center"/>').removeClass('col-xs-3 col-sm-3 col-md-3 col-lg-1'); $('#ste-Search-Wrapp').addClass('text-center').removeClass('pad40r'); $('#steReleaseSearch').addClass('text-center').removeClass('pull-right'); var oldA = '/Style Library/Images/a.jpg'; var newA = '/Style Library/Images/a-mobile.jpg'; var oldB = '/Style Library/Images/b.jpg'; var newB = '/Style Library/Images/b-mobile.jpg'; var oldC = '/Style Library/Images/c.jpg'; var newC = '/Style Library/Images/c-mobile.jpg'; var oldD = '/Style Library/Images/easydata.jpg'; var newD = '/Style Library/Images/easydata-mobile.jpg'; var oldE = '/Style Library/Images/librariansday.jpg'; var newE = '/Style Library/Images/librariansday-mobile.jpg'; var oldF = '/Style Library/Images/libqual.jpg'; var newF = '/Style Library/Images/libqual-mobile.jpg'; var oldG = '/Style Library/Images/refworks.jpg'; var newG = '/Style Library/Images/refworks-mobile.jpg'; var oldH = '/Style Library/Images/machine.jpg'; var newH = '/Style Library/Images/machine-mobile.jpg'; var oldI = '/Style Library/Images/rc.jpg'; var newI = '/Style Library/Images/rc-mobile.jpg'; var oldJ = '/Style Library/Images/examination.jpg'; var newJ = '/Style Library/Images/exam-mobile.jpg'; var oldK = '/Style Library/Images/marketline.jpg'; var newK = '/Style Library/Images/bookshelf-mobile.jpg'; var oldL = '/Style Library/Images/h.jpg'; var newL = '/Style Library/Images/h-mobile.jpg'; var oldM = '/Style Library/Images/hours.jpg'; var newM = '/Style Library/Images/hours-mobile.jpg'; var oldN = '/Style Library/Images/jsg.jpg'; var newN = '/Style Library/Images/jsg-mobile.jpg'; var oldO = '/Style Library/Images/oaweek.jpg'; var newO = '/Style Library/Images/oaweek-mobile.jpg'; $('#a-img').attr('src', newA); $('#b-img').attr('src', newB); $('#c-img').attr('src', newC); $('#d-img').attr('src', newD); $('#e-img').attr('src', newE); $('#f-img').attr('src', newF); $('#g-img').attr('src', newG); $('#h-img').attr('src', newH); $('#i-img').attr('src', newI); $('#j-img').attr('src', newJ); $('#k-img').attr('src', newK); $('#l-img').attr('src', newL); $('#m-img').attr('src', newM); $('#n-img').attr('src', newN); $('#o-img').attr('src', newO); // adjust blocks for mobile $('#B1').addClass('mar15b').removeClass('noPadR'); $('#newsCardMain').addClass('mar15b autoH').removeClass('noPadR').removeAttr('style'); $('#newsCard').addClass('autoH').removeAttr('style'); $('#newsCard').removeAttr('id'); $('.socialBox, .userBox, .researchBox').addClass('mar30b'); $('.researchBox').addClass('mar60b'); $('.learnBox').addClass('mar60b'); $('#B4').removeClass('noPadR'); $('#B5').removeClass('noPadR').addClass('mar15b').removeAttr('style'); $('#B6').removeClass('noPadR').addClass('mar15b').removeAttr('style'); // adjust news block styles $('#newsTextA').removeAttr('style').removeClass('newsCopy').addClass('autoH'); $('#newsTextB').removeAttr('style').removeClass('newsCopy').addClass('autoH'); // advert style adjustments $('#adLeftSec').removeClass('noPadR'); $('#adRight').removeClass('noPadL'); $('#adRightSec').removeClass('noPadL'); $('#footer-su-logo').addClass('center-block'); $('#ste-logo').addClass('center-block'); $('.userBoxa').addClass('mar60b'); $('#B4a').removeClass('noPadR').addClass('mar15b').removeAttr('style'); $('.researchBoxa').addClass('mar30b'); $('.learnBoxa').addClass('mar30b'); $('#adRight').removeClass('noPadL mar30t'); //nov2017edit(); } // +++++++++++++++++++++++++++++++ //////////////////// 414 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 768 \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() == 768) { $('.steMenuRow').hide('slow'); // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); $('#DeltaPlaceHolderMain').css({'overflow-y':'auto'}); //add margin top to the ad right on smaller devices $('#adRight').addClass('mar15t'); $('.library').addClass('text-left'); $('.infoservice').addClass('text-left'); $('#steReleaseSearch').removeClass('pull-right'); $('#ste-Search-Wrapp').removeClass('pad40r').addClass('text-right'); // Novermber 2016 Mobile adjustments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++>> // STYLING THE SEARCH BOX - wrapping search elements with divs $('input[title="Search this site"]').wrap('<div class=" steSearch steNoLines"/>').removeClass('col-xs-9 col-sm-11 col-md-9 col-lg-11'); $('input[title="Search this site"]').addClass('steNoLines'); $('a[title="Search"]').wrap('<div class=" steSearch text-center"/>').removeClass('col-xs-3 col-sm-3 col-md-3 col-lg-1'); $('#ste-Search-Wrapp').addClass('text-center').removeClass('pad40r'); $('#steReleaseSearch').addClass('text-center').removeClass('pull-right'); // fix seach area styling $('#steSearchWrapp').addClass(' searchipadfix'); $('#btnBookSearch').addClass('mar30t'); $('#btnSearchScholar').addClass('mar30t'); $('#btnSearchLoans').addClass('mar30t'); $('.dropX').addClass('mar30t'); var oldA = '/Style Library/Images/a.jpg'; var newA = '/Style Library/Images/a-mobile.jpg'; var oldB = '/Style Library/Images/b.jpg'; var newB = '/Style Library/Images/b-mobile.jpg'; var oldC = '/Style Library/Images/c.jpg'; var newC = '/Style Library/Images/c-mobile.jpg'; var oldD = '/Style Library/Images/easydata.jpg'; var newD = '/Style Library/Images/easydata-mobile.jpg'; var oldE = '/Style Library/Images/librariansday.jpg'; var newE = '/Style Library/Images/librariansday-mobile.jpg'; var oldF = '/Style Library/Images/libqual.jpg'; var newF = '/Style Library/Images/libqual-mobile.jpg'; var oldG = '/Style Library/Images/refworks.jpg'; var newG = '/Style Library/Images/refworks-mobile.jpg'; var oldH = '/Style Library/Images/machine.jpg'; var newH = '/Style Library/Images/machine-mobile.jpg'; var oldI = '/Style Library/Images/rc.jpg'; var newI = '/Style Library/Images/rc-mobile.jpg'; var oldJ = '/Style Library/Images/examination.jpg'; var newJ = '/Style Library/Images/exam-mobile.jpg'; var oldK = '/Style Library/Images/marketline.jpg'; var newK = '/Style Library/Images/bookshelf-mobile.jpg'; var oldL = '/Style Library/Images/h.jpg'; var newL = '/Style Library/Images/h-mobile.jpg'; var oldM = '/Style Library/Images/hours.jpg'; var newM = '/Style Library/Images/hours-mobile.jpg'; var oldN = '/Style Library/Images/jsg.jpg'; var newN = '/Style Library/Images/jsg-mobile.jpg'; var oldO = '/Style Library/Images/oaweek.jpg'; var newO = '/Style Library/Images/oaweek-mobile.jpg'; $('#a-img').attr('src', newA); $('#b-img').attr('src', newB); $('#c-img').attr('src', newC); $('#d-img').attr('src', newD); $('#e-img').attr('src', newE); $('#f-img').attr('src', newF); $('#g-img').attr('src', newG); $('#h-img').attr('src', newH); $('#i-img').attr('src', newI); $('#j-img').attr('src', newJ); $('#k-img').attr('src', newK); $('#l-img').attr('src', newL); $('#m-img').attr('src', newM); $('#n-img').attr('src', newN); $('#o-img').attr('src', newO); // adjust block height $('#newsCardMain').removeAttr('style').css({'height':'405px'}); $('#newsCard').removeAttr('id').css({'height':'405px'}); $('#B1').addClass('mar15b'); $('#B3').removeAttr('style').css({'height':'405px'}).addClass('mar15b'); $('#userGuides').removeAttr('id').css({'height':'405px'}).addClass('mar15b'); $('#B4').addClass('mar30b'); $('#B5').addClass('mar30b'); $('#B6').addClass('mar30b'); //fix text block height $('#newsTextA').removeAttr('style').removeClass('newsCopy').css({'height':'auto'}); $('#newsTextB').removeAttr('style').removeClass('newsCopy').css({'height':'auto'}); $('#mySmalla').toggleClass("smalla smallaX"); $('#mySmallB').toggleClass("smallb smallbX"); $('.socialBox').addClass("mar30b"); $('.userBox').addClass("mar60b"); $('.researchBox').addClass("mar60b"); $('.learnBox').addClass("mar60b"); $('#adLeftSec').removeClass('noPadR'); $('.footer1 ').addClass('text-center'); //nov2017edit(); $('.userBoxa').addClass("mar60b"); $('.researchBoxa').addClass("mar60b"); $('.learnBoxa').addClass("mar60b"); // Page refresh on deveice width change $(window).on('orientationchange', function(e) { $.mobile.changePage(window.location.href, { allowSamePageTransition: true, transition: 'none', reloadPage: true }); }); } // +++++++++++++++++++++++++++++++ //////////////////// 768 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 800 \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() == 800) { $('.steMenuRow').hide('slow'); // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); $('#DeltaPlaceHolderMain').css({'overflow-y':'auto'}); //add margin top to the ad right on smaller devices $('#adRight').addClass('mar15t'); $('.library').addClass('text-left'); $('.infoservice').addClass('text-left'); $('#steReleaseSearch').removeClass('pull-right'); $('#ste-Search-Wrapp').removeClass('pad40r').addClass('text-right'); // Novermber 2016 Mobile adjustments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++>> // STYLING THE SEARCH BOX - wrapping search elements with divs $('input[title="Search this site"]').wrap('<div class=" steSearch steNoLines"/>').removeClass('col-xs-9 col-sm-11 col-md-9 col-lg-11'); $('input[title="Search this site"]').addClass('steNoLines'); $('a[title="Search"]').wrap('<div class=" steSearch text-center"/>').removeClass('col-xs-3 col-sm-3 col-md-3 col-lg-1'); $('#ste-Search-Wrapp').addClass('text-center').removeClass('pad40r'); $('#steReleaseSearch').addClass('text-center').removeClass('pull-right'); // fix seach area styling $('#steSearchWrapp').addClass(' searchipadfix'); $('#btnBookSearch').addClass('mar30t'); $('#btnSearchScholar').addClass('mar30t'); $('#btnSearchLoans').addClass('mar30t'); $('.dropX').addClass('mar30t'); var oldA = '/Style Library/Images/a.jpg'; var newA = '/Style Library/Images/a-mobile.jpg'; var oldB = '/Style Library/Images/b.jpg'; var newB = '/Style Library/Images/b-mobile.jpg'; var oldC = '/Style Library/Images/c.jpg'; var newC = '/Style Library/Images/c-mobile.jpg'; var oldD = '/Style Library/Images/easydata.jpg'; var newD = '/Style Library/Images/easydata-mobile.jpg'; var oldE = '/Style Library/Images/librariansday.jpg'; var newE = '/Style Library/Images/librariansday-mobile.jpg'; var oldF = '/Style Library/Images/libqual.jpg'; var newF = '/Style Library/Images/libqual-mobile.jpg'; var oldG = '/Style Library/Images/refworks.jpg'; var newG = '/Style Library/Images/refworks-mobile.jpg'; var oldH = '/Style Library/Images/machine.jpg'; var newH = '/Style Library/Images/machine-mobile.jpg'; var oldI = '/Style Library/Images/rc.jpg'; var newI = '/Style Library/Images/rc-mobile.jpg'; var oldJ = '/Style Library/Images/examination.jpg'; var newJ = '/Style Library/Images/exam-mobile.jpg'; var oldK = '/Style Library/Images/marketline.jpg'; var newK = '/Style Library/Images/bookshelf-mobile.jpg'; var oldL = '/Style Library/Images/h.jpg'; var newL = '/Style Library/Images/h-mobile.jpg'; var oldM = '/Style Library/Images/hours.jpg'; var newM = '/Style Library/Images/hours-mobile.jpg'; var oldN = '/Style Library/Images/jsg.jpg'; var newN = '/Style Library/Images/jsg-mobile.jpg'; var oldO = '/Style Library/Images/oaweek.jpg'; var newO = '/Style Library/Images/oaweek-mobile.jpg'; $('#a-img').attr('src', newA); $('#b-img').attr('src', newB); $('#c-img').attr('src', newC); $('#d-img').attr('src', newD); $('#e-img').attr('src', newE); $('#f-img').attr('src', newF); $('#g-img').attr('src', newG); $('#h-img').attr('src', newH); $('#i-img').attr('src', newI); $('#j-img').attr('src', newJ); $('#k-img').attr('src', newK); $('#l-img').attr('src', newL); $('#m-img').attr('src', newM); $('#n-img').attr('src', newN); $('#o-img').attr('src', newO); // adjust block height $('#newsCardMain').removeAttr('style').css({'height':'405px'}); $('#newsCard').removeAttr('id').css({'height':'405px'}); $('#B1').addClass('mar15b'); $('#B3').removeAttr('style').css({'height':'405px'}).addClass('mar15b'); $('#userGuides').removeAttr('id').css({'height':'405px'}).addClass('mar15b'); $('#B4').addClass('mar30b'); $('#B5').addClass('mar30b'); $('#B6').addClass('mar30b'); //fix text block height $('#newsTextA').removeAttr('style').removeClass('newsCopy').css({'height':'auto'}); $('#newsTextB').removeAttr('style').removeClass('newsCopy').css({'height':'auto'}); $('#mySmalla').toggleClass("smalla smallaX"); $('#mySmallB').toggleClass("smallb smallbX"); $('.socialBox').addClass("mar30b"); $('.userBox').addClass("mar60b"); $('.researchBox').addClass("mar60b"); $('.learnBox').addClass("mar60b"); $('#adLeftSec').removeClass('noPadR'); $('.footer1 ').addClass('text-center'); $('.userBoxa').addClass("mar60b"); $('.researchBoxa').addClass("mar60b"); $('.learnBoxa').addClass("mar60b"); // Page refresh on deveice width change $(window).on('orientationchange', function(e) { $.mobile.changePage(window.location.href, { allowSamePageTransition: true, transition: 'none', reloadPage: true }); }); } // +++++++++++++++++++++++++++++++ //////////////////// 800 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 960 \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() == 960) { $('.steMenuRow').hide('slow'); // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); $('#DeltaPlaceHolderMain').css({'overflow-y':'auto'}); //add margin top to the ad right on smaller devices $('#adRight').addClass('mar15t'); $('.library').addClass('text-left'); $('.infoservice').addClass('text-left'); $('#steReleaseSearch').removeClass('pull-right'); $('#ste-Search-Wrapp').removeClass('pad40r').addClass('text-right'); // Novermber 2016 Mobile adjustments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++>> // STYLING THE SEARCH BOX - wrapping search elements with divs $('input[title="Search this site"]').wrap('<div class=" steSearch steNoLines"/>').removeClass('col-xs-9 col-sm-11 col-md-9 col-lg-11'); $('input[title="Search this site"]').addClass('steNoLines'); $('a[title="Search"]').wrap('<div class=" steSearch text-center"/>').removeClass('col-xs-3 col-sm-3 col-md-3 col-lg-1'); $('#ste-Search-Wrapp').addClass('text-center').removeClass('pad40r'); $('#steReleaseSearch').addClass('text-center').removeClass('pull-right'); // fix seach area styling $('#steSearchWrapp').addClass(' searchipadfix'); $('#btnBookSearch').addClass('mar30t'); $('#btnSearchScholar').addClass('mar30t'); $('#btnSearchLoans').addClass('mar30t'); $('.dropX').addClass('mar30t'); var oldA = '/Style Library/Images/a.jpg'; var newA = '/Style Library/Images/a-mobile.jpg'; var oldB = '/Style Library/Images/b.jpg'; var newB = '/Style Library/Images/b-mobile.jpg'; var oldC = '/Style Library/Images/c.jpg'; var newC = '/Style Library/Images/c-mobile.jpg'; var oldD = '/Style Library/Images/easydata.jpg'; var newD = '/Style Library/Images/easydata-mobile.jpg'; var oldE = '/Style Library/Images/librariansday.jpg'; var newE = '/Style Library/Images/librariansday-mobile.jpg'; var oldF = '/Style Library/Images/libqual.jpg'; var newF = '/Style Library/Images/libqual-mobile.jpg'; var oldG = '/Style Library/Images/refworks.jpg'; var newG = '/Style Library/Images/refworks-mobile.jpg'; var oldH = '/Style Library/Images/machine.jpg'; var newH = '/Style Library/Images/machine-mobile.jpg'; var oldI = '/Style Library/Images/rc.jpg'; var newI = '/Style Library/Images/rc-mobile.jpg'; var oldJ = '/Style Library/Images/examination.jpg'; var newJ = '/Style Library/Images/exam-mobile.jpg'; var oldK = '/Style Library/Images/marketline.jpg'; var newK = '/Style Library/Images/bookshelf-mobile.jpg'; var oldL = '/Style Library/Images/h.jpg'; var newL = '/Style Library/Images/h-mobile.jpg'; var oldM = '/Style Library/Images/hours.jpg'; var newM = '/Style Library/Images/hours-mobile.jpg'; var oldN = '/Style Library/Images/jsg.jpg'; var newN = '/Style Library/Images/jsg-mobile.jpg'; var oldO = '/Style Library/Images/oaweek.jpg'; var newO = '/Style Library/Images/oaweek-mobile.jpg'; $('#a-img').attr('src', newA); $('#b-img').attr('src', newB); $('#c-img').attr('src', newC); $('#d-img').attr('src', newD); $('#e-img').attr('src', newE); $('#f-img').attr('src', newF); $('#g-img').attr('src', newG); $('#h-img').attr('src', newH); $('#i-img').attr('src', newI); $('#j-img').attr('src', newJ); $('#k-img').attr('src', newK); $('#l-img').attr('src', newL); $('#m-img').attr('src', newM); $('#n-img').attr('src', newN); $('#o-img').attr('src', newO); // adjust block height $('#newsCardMain').removeAttr('style').css({'height':'405px'}); $('#newsCard').removeAttr('id').css({'height':'405px'}); $('#B1').addClass('mar15b'); $('#B3').removeAttr('style').css({'height':'405px'}).addClass('mar15b'); $('#userGuides').removeAttr('id').css({'height':'405px'}).addClass('mar15b'); $('#B4').addClass('mar30b'); $('#B5').addClass('mar30b'); $('#B6').addClass('mar30b'); //fix text block height $('#newsTextA').removeAttr('style').removeClass('newsCopy').css({'height':'auto'}); $('#newsTextB').removeAttr('style').removeClass('newsCopy').css({'height':'auto'}); $('#mySmalla').toggleClass("smalla smallaX"); $('#mySmallB').toggleClass("smallb smallbX"); $('.socialBox').addClass("mar30b"); $('.userBox').addClass("mar60b"); $('.researchBox').addClass("mar60b"); $('.learnBox').addClass("mar60b"); $('#adLeftSec').removeClass('noPadR'); $('.footer1 ').addClass('text-center'); $('.userBoxa').addClass("mar60b"); $('.researchBoxa').addClass("mar60b"); $('.learnBoxa').addClass("mar60b"); // Page refresh on deveice width change $(window).on('orientationchange', function(e) { $.mobile.changePage(window.location.href, { allowSamePageTransition: true, transition: 'none', reloadPage: true }); }); } // +++++++++++++++++++++++++++++++ //////////////////// 960 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 1024 \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() == 1024) { // Novermber 2016 Mobile adjustments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++>> var oldA = '/Style Library/Images/a.jpg'; var newA = '/Style Library/Images/a-mobile.jpg'; var oldB = '/Style Library/Images/b.jpg'; var newB = '/Style Library/Images/b-mobile.jpg'; var oldC = '/Style Library/Images/c.jpg'; var newC = '/Style Library/Images/c-mobile.jpg'; var oldD = '/Style Library/Images/easydata.jpg'; var newD = '/Style Library/Images/easydata-mobile.jpg'; var oldE = '/Style Library/Images/librariansday.jpg'; var newE = '/Style Library/Images/librariansday-mobile.jpg'; var oldF = '/Style Library/Images/libqual.jpg'; var newF = '/Style Library/Images/libqual-mobile.jpg'; var oldG = '/Style Library/Images/refworks.jpg'; var newG = '/Style Library/Images/refworks-mobile.jpg'; var oldH = '/Style Library/Images/computer.jpg'; var newH = '/Style Library/Images/computer-mobile.jpg'; var oldI = '/Style Library/Images/rc.jpg'; var newI = '/Style Library/Images/rc-mobile.jpg'; var oldJ = '/Style Library/Images/examination.jpg'; var newJ = '/Style Library/Images/exam-mobile.jpg'; var oldK = '/Style Library/Images/ejournals.jpg'; var newK = '/Style Library/Images/ejournals-mobile.jpg'; var oldL = '/Style Library/Images/h.jpg'; var newL = '/Style Library/Images/h-mobile.jpg'; var oldM = '/Style Library/Images/hours.jpg'; var newM = '/Style Library/Images/hours-mobile.jpg'; var oldN = '/Style Library/Images/jsg.jpg'; var newN = '/Style Library/Images/jsg-mobile.jpg'; var oldO = '/Style Library/Images/oaweek.jpg'; var newO = '/Style Library/Images/oaweek-mobile.jpg'; $('#a-img').attr('src', newA); $('#b-img').attr('src', newB); $('#c-img').attr('src', newC); $('#d-img').attr('src', newD); $('#e-img').attr('src', newE); $('#f-img').attr('src', newF); $('#g-img').attr('src', newG); $('#h-img').attr('src', newH); $('#i-img').attr('src', newI); $('#j-img').attr('src', newJ); $('#k-img').attr('src', newK); $('#l-img').attr('src', newL); $('#m-img').attr('src', newM); $('#n-img').attr('src', newN); $('#o-img').attr('src', newO); // Page refresh on deveice width change $(window).on('orientationchange', function(e) { $.mobile.changePage(window.location.href, { allowSamePageTransition: true, transition: 'none', reloadPage: true }); }); } // +++++++++++++++++++++++++++++++ //////////////////// 1024 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ //wrapp delta placeholder with bootstrap col and move Side nav next to Delta place holder $('#DeltaPlaceHolderMain').removeClass('col-md-12').wrap('<div class="col-md-9 wrapDelta"/>'); $('.wrapDelta').addClass('cardClean u2 mar30t mar30b '); $('#sideNavBox').insertBefore('.wrapDelta'); $('#sideNavBox').wrap('<div class="col-md-3 cardCleant mar30t pad20b pad10t mar30b u2 megaz"/>').css({'z-index':'5000'}); $('<h2>Side Menu</h2>').insertBefore('#sideNavBox').addClass('mar10b'); // if div is empty $('div.welcome-content:empty').hide(); $('.welcome-content').hide(); $('p:empty').hide(); $('span:empty').hide(); //news button margin $('#newsBtn').addClass('mar30t'); $('#getlearn').contents().wrap('<span class="tenh2" />'); $('.tenh2').insertBefore("#getlearn"); //$('h2').contents().unwrap().wrap(<span class="tenh2">'); /* // +++++++++++++++++++++++++++++++ //////////////////// 1024 STARTS Ipad Mini, Ipad Air 2(Landscape) \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 1024) { // adjust padding of advert containers $('#adLeft').removeClass('pad15').css({'padding':'15px 15px 30px','height':'auto'}); $('#adRight').removeClass('pad15').css({'padding':'15px 15px 30px','height':'auto'}); //reduce main menu font size $('#zz11_RootAspMenu').addClass('ipadFont'); $('#adRight').removeClass('mar30t'); $('#adRight').removeClass('mar30t'); } // +++++++++++++++++++++++++++++++ //////////////////// 1024 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 1024 STARTS Ipad Mini, Ipad Air 2(Landscape) \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() == 1024) { $('#adRightSec').removeClass('noPadL noPadR'); $('#adRight').removeClass('mar30t'); } // +++++++++++++++++++++++++++++++ //////////////////// 1024 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 600 STARTS Small Screen Desktop, Tablets portrait \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 600) { // switch classes around the top header to align it properly ++ LOGO //$('.stetitlespacelogo').removeClass('col-xs-12 col-sm-12 col-md-3 col-lg-3'); //$('.stetitlespacelogo').addClass('col-xs-5 col-sm-12 col-md-3 col-lg-3'); // switch classes around the top header to align it properly ++ Library Wording $('.stetitlespace').removeClass('col-xs-12 col-sm-12 col-md-4 col-lg-4 '); $('.stetitlespace').addClass('col-xs-7 col-sm-12 col-md-4 col-lg-4 text-right'); // switch classes around the top header to align it properly ++ SOCIAL ICONS $('.stetitlespace2').removeClass('col-xs-12 col-sm-12 col-md-5 col-lg-5 '); $('.stetitlespace2').addClass('col-xs-12 col-sm-12 col-md-5 col-lg-5 '); // switch classes around the top header to align it properly ++ Translations $('.steSocio').removeClass('col-xs-12 col-sm-7 col-md-7 col-lg-7 text-right'); $('.steSocio').addClass('col-xs-9 col-sm-7 col-md-7 col-lg-7 text-right'); // switch classes around the top header to align it properly ++ Links to website $('.steTranslate').removeClass('col-xs-12 col-sm-5 col-md-5 col-lg-5 text-right noPadL'); $('.steTranslate').addClass('col-xs-3 col-sm-5 col-md-5 col-lg-5 text-right noPadL'); // remove extrapadign around tabs $('.tabs label').css({'padding':'14px 20px'}); // swop text for icons for the 3 tabs $('label#search-tabs-books').html('<i class="fa fa-book fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-scholar').html('<i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-loans').html('<i class="fa fa-users fa-2x" aria-hidden="true"></i>'); //center align advert elements TEXT $('#externalNews').removeClass('text-left').addClass('text-center'); $('#bigStatement').removeClass('text-left').addClass('text-center'); $('#externalNewsB').removeClass('text-left').addClass('text-center'); $('#bigStatementB').removeClass('text-left').addClass('text-center'); // remove left padding from the advert to the right and add auto height $('#adRightSec').addClass('').css({'height':'auto'}); $('#adRight').css({'height':'auto'}); $('#bigStatementB').removeClass('pad15l'); //center align footer elements $('.footer1,.footer-bottom,.myIconL,.steSocioIco ').addClass('text-center'); $('.footer1').css({'border-left':'0','border-right':'0'}); // make footer line height shorter $('.copyright').css({'line-height':'100%'}); // make main menu fit 600px width $('#zz11_RootAspMenu').removeClass('ipadFont').addClass('ipadFont2'); //$('.ms-navedit-flyoutArrow').empty(); $('.steSearch:first-child').removeClass('col-xs-9 col-sm-10 col-md-9 col-lg-10 '); $('.steSearch:first-child').addClass('col-xs-10 col-sm-10 col-md-9 col-lg-10 '); $('.steSearch:last-child ').removeClass('col-xs-3 col-sm-2 col-md-3 col-lg-2'); $('.steSearch:last-child ').addClass('col-xs-2 col-sm-2 col-md-3 col-lg-2'); $('#DeltaPlaceHolderSearchArea').addClass('pad10b'); // add more height the search wrapper to clear the bottom $('#steSearchWrapp').css({'padding-bottom':'355px'}); // give drop down menu a bottom padding $('#steSelect').addClass('mar30b'); // add margin top tp button to give space $('.steErow').addClass('mar30t'); // give one of the select inut margin tip and bottom to create spance $('.steBS2').addClass('mar30t mar30b'); } // +++++++++++++++++++++++++++++++ //////////////////// 600 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 1366 STARTS Inferior desktop screens/tvs/monitors \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 1366) { //reduce main menu font size $('#zz11_RootAspMenu').addClass('ipadFont3'); // sort the search menu spacing $('.steSearch:first-child').removeClass('col-xs-9 col-sm-10 col-md-9 col-lg-10 '); $('.steSearch:first-child').addClass('col-xs-10 col-sm-10 col-md-9 col-lg-9 '); // sort the main search menu spacing $('.steSearch:last-child ').removeClass('col-xs-3 col-sm-2 col-md-3 col-lg-2'); $('.steSearch:last-child ').addClass('col-xs-2 col-sm-2 col-md-3 col-lg-3'); } // +++++++++++++++++++++++++++++++ //////////////////// 1366 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 1080 STARTS Inferior desktop screens/tvs/monitors \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 1080) { //reduce main menu font size $('#zz11_RootAspMenu').removeClass('ipadFont3'); $('#zz11_RootAspMenu').addClass('ipadFont4'); } // +++++++++++++++++++++++++++++++ //////////////////// 1080 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 800 STARTS Inferior desktop screens/tvs/monitors \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 800) { //reduce main menu font size $('#zz11_RootAspMenu').removeClass('ipadFont4'); $('#zz11_RootAspMenu').addClass('ipadFont2'); // switch classes around the top header to align it properly ++ LOGO //$('.stetitlespacelogo').removeClass('col-xs-12 col-sm-12 col-md-3 col-lg-3'); //$('.stetitlespacelogo').addClass('col-xs-5 col-sm-4 col-md-3 col-lg-3'); // switch classes around the top header to align it properly ++ Library Wording $('.stetitlespace').removeClass('col-xs-12 col-sm-12 col-md-4 col-lg-4 '); $('.stetitlespace').addClass('col-xs-7 col-sm-8 col-md-4 col-lg-4 text-right'); // switch classes around the top header to align it properly ++ SOCIAL ICONS $('.stetitlespace2').removeClass('col-xs-12 col-sm-12 col-md-5 col-lg-5 '); $('.stetitlespace2').addClass('col-xs-12 col-sm-12 col-md-5 col-lg-5 '); // switch classes around the top header to align it properly ++ Translations $('.steSocio').removeClass('col-xs-12 col-sm-7 col-md-7 col-lg-7 text-right'); $('.steSocio').addClass('col-xs-9 col-sm-9 col-md-7 col-lg-7 text-right'); // switch classes around the top header to align it properly ++ Links to website $('.steTranslate').removeClass('col-xs-12 col-sm-5 col-md-5 col-lg-5 text-right noPadL'); $('.steTranslate').addClass('col-xs-3 col-sm-3 col-md-5 col-lg-5 text-right noPadL'); // sort the search menu spacing $('.steSearch:first-child').removeClass('col-xs-9 col-sm-10 col-md-9 col-lg-10 '); $('.steSearch:first-child').addClass('col-xs-10 col-sm-8 col-md-9 col-lg-9 '); // sort the main search menu spacing $('.steSearch:last-child ').removeClass('col-xs-3 col-sm-2 col-md-3 col-lg-2'); $('.steSearch:last-child ').addClass('col-xs-2 col-sm-4 col-md-3 col-lg-3'); // remove extrapadign around tabs $('.tabs label').css({'padding':'14px 20px'}); // swop text for icons for the 3 tabs $('label#search-tabs-books').html('<i class="fa fa-book fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-scholar').html('<i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i>'); $('label#search-tabs-loans').html('<i class="fa fa-users fa-2x" aria-hidden="true"></i>'); //center align advert elements TEXT $('#externalNews').removeClass('text-left').addClass('text-center'); $('#bigStatement').removeClass('text-left').addClass('text-center'); $('#externalNewsB').removeClass('text-left').addClass('text-center'); $('#bigStatementB').removeClass('text-left').addClass('text-center'); // remove left padding from the advert to the right and add auto height $('#adRightSec').addClass('').css({'hieght':'auto'}); $('#adRight').css({'height':'auto'}); $('#bigStatementB').removeClass('pad15l'); // add more height the search wrapper to clear the bottom $('#steSearchWrapp').css({'padding-bottom':'355px'}); // give drop down menu a bottom padding $('#steSelect').addClass('mar30b'); // add margin top tp button to give space $('.steErow').addClass('mar30t'); // give one of the select inut margin tip and bottom to create spance $('.steBS2').addClass('mar30t mar30b'); } // +++++++++++++++++++++++++++++++ //////////////////// 1366 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 736 STARTS Iphone 6s plus landscape \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 736) { // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); //add margin top to the ad right on smaller devices $('#adRight').addClass('mar15t'); // hide sharepoint MAIN MENU!!!! row $('.steMenuRow').hide('slow'); } // +++++++++++++++++++++++++++++++ //////////////////// 736 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 667 STARTS Iphone 6s Landscape \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 667) { // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); //add margin top to the ad right on smaller devices $('#adRight').addClass('mar15t'); // hide sharepoint MAIN MENU!!!! row $('.steMenuRow').hide('slow'); } // +++++++++++++++++++++++++++++++ //////////////////// 667 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ // +++++++++++++++++++++++++++++++ //////////////////// 568 STARTS Iphone SE Landscape \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ if ( $(window).width() <= 568) { // show mobile menu $('#steBarsWrapp').removeClass('ms-hidden'); //$('#steOnlyMobileMenu').removeClass('ms-hidden'); //add margin top to the ad right on smaller devices $('#adRight').addClass('mar15t'); // hide sharepoint MAIN MENU!!!! row $('.steMenuRow').hide('slow'); // The logo and library title col issues //$('.stetitlespacelogo').removeClass(' col-xs-5 col-sm-4 col-md-3 col-lg-3'); //$('.stetitlespacelogo').addClass(' col-xs-6 col-sm-4 col-md-3 col-lg-3'); //$('.stetitlespace ').removeClass('col-xs-7 text-right col-sm-8 col-md-4 col-lg-4'); //$('.stetitlespace ').addClass('col-xs-6 text-right col-sm-8 col-md-4 col-lg-4'); } // +++++++++++++++++++++++++++++++ //////////////////// 568 ENDS \\\\\\\\\\\\\\\\\\\\\\ +++++++++++++++++++++ \\ */ //Nov2017 basic changes to layout if screen width is less than 1170 if ($(window).width() < 1170) { console.log('<1170 trigger fired. '); $('#steBranding').removeClass('noPadL'); $('.myIconL').css('padding-left', '15px'); } if ($(window).width() < 768) { console.log('<768 trigger fired. '); nov2017edit(); } if (!$('#steBarsWrapp').hasClass('ms-hidden')) { $('#steMainNavWrapp').addClass('hidden'); $('#steMainNav').addClass('hidden'); } else { $('#steMainNavWrapp').removeClass('hidden'); $('#steMainNav').removeClass('hidden'); } }) // ++++++++++++++++++++++++ ==================== jQuery Closes +++++ >>> </script> </head> <body id="s-la-page-44434" class="s-la-page-public s-la-page-single search"> <a id="s-la-public-skiplink" class="alert-info" href="#s-la-page-maincontent">Skip to Main Content</a>  <style> /*menubar*/ .ms-accessible, .ms-hidden, a.ms-skip, a.ms-skip:hover, a.ms-skip:visited, a.ms-TurnOnAcc, a.ms-SkiptoMainContent, a.ms-SkiptoNavigation { position: absolute; top: -2000px; overflow: hidden; height: 1px; width: 1px; display: block; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } /* @media all and (min-width:768px) */ .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } /* @media all and (min-width:768px) */ .col-sm-11 { width: 91.66%; } /* @media all and (min-width:768px) */ .col-sm-12 { width: 100%; } /* @media all and (min-width:992px) */ .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } /* @media all and (min-width:992px) */ .col-md-11 { width: 91.66%; } /* @media all and (min-width:992px) */ .col-md-1 { width: 8.33%; } /* @media all and (min-width:1200px) */ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .steMenuRow { text-align: center !important; } .pad15t { padding-top: 15px !important; } .pad40r { padding-right: 40px !important; } a { color: #337ab7; text-decoration: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a, a:hover { border: none !important; } ul li a, ul li .link, ul li .a { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 101.8% !important; margin: 0 !important; font-weight: normal !important; line-height: 60px !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-2x { font-size: 2em; } .pull-right { float: right; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-2x { font-size: 2em; } .pull-right { float: right; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-2x { font-size: 2em; } .pull-right { float: right; } .pull-right { float: right !important; } .steWhiteText { color: white !important; } .fa-angle-up::before { content: "\f106"; } .fa-angle-up::before { content: "\f106"; } .fa-angle-up::before { content: "\f106"; } .fa-search::before { content: "\f002"; } i[class^='fa']::before { display: inline-block !important; text-decoration: none !important; } .fa.pull-right { margin-left: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-search::before { content: "\f002"; } .fa-search::before { content: "\f002"; } .ms-core-navigation { font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; } .ms-selected, .ms-pivotControl-surfacedOpt-selected, .ms-core-listMenu-selected, .ms-hero-command-enabled-alt { font-weight: 600; } .ms-displayInline { display: inline; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } .ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited, .ms-tv-item:link, .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited { color: #666666; text-decoration: none; } .ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited, .ms-tv-item:link, .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited { color: #242424; text-decoration: none; } .ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table { display: inline-block; } .ms-displayInline { display: inline; } .ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected { background-color: #efefef; background-color: rgba( 239,239,239,0.78 ); } .ms-core-listMenu-verticalBox, .ms-core-listMenu-horizontalBox { font-size: 1em; } .ms-core-listMenu-horizontalBox { color: #666666; display: inline-block; vertical-align: middle; } .ms-core-listMenu-horizontalBox { color: #666666; display: inline-block; vertical-align: middle; color: white !important; height: 60px !important; line-height: 60px !important; padding-top: 2px !important; } .ms-core-listMenu-root { margin: 0px; } a:visited { color: #663399; text-decoration: none; } .ms-core-listMenu-horizontalBox li.static > a { display: none !important; } .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-tv-selected:link { background-color: transparent; color: #0072c6; } .ms-core-listMenu-verticalBox .ms-core-listMenu-item, ul.dynamic .ms-core-listMenu-item { display: block; } ul.dynamic .ms-core-listMenu-item { font-size: 120% !important; font-family: "NotoSans", Helvetica, sans-serif !important; font-weight: normal !important; -webkit-transition: color .4s !important; transition: color .4s !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } ul.dynamic .ms-core-listMenu-item { padding: 10px; } .ms-core-listMenu-horizontalBox li.static > ul a { display: block !important; } .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { margin-right: 30px; border: 1px solid transparent; } .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item { text-decoration: none; color: white !important; font-size: 150% !important; text-transform: uppercase !important; font-family: "NotoSans", Helvetica, sans-serif !important; font-weight: normal !important; -webkit-transition: color .4s !important; transition: color .4s !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; line-height: 90% !important; } ul.dynamic { position: absolute; left: -9999px; top: -9999px; z-index: 95; background-color: #fff; white-space: normal; word-wrap: break-word; padding: 10px; border: 1px solid #d1d1d1; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.47); } .ms-core-listMenu-horizontalBox ul.dynamic { background: white; padding-left: 10px; width: 400px !important; display: inline; list-style-type: none; border-radius: 10px; } li.dynamic { display: list-item; } .ms-core-listMenu-horizontalBox .dynamic-children.additional-background { padding-right: 26px; background-image: url("/_layouts/15/images/menu-down.gif?rev=40"); background-repeat: no-repeat; background-position: right center; cursor: pointer; } .ms-core-listMenu-horizontalBox .dynamic-children.additional-background { padding-right: 26px; background-image: none !important; background-repeat: no-repeat; background-position: right center; cursor: pointer; } .ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background { background-image: url("/_layouts/15/images/menu-right.gif?rev=40"); } a.signIn:link, a.signIn:visited { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 100% !important; font-weight: normal !important; color: #fff !important; font-weight: normal !important; text-decoration: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-transform: uppercase; background-color: #44182A !important; display: inline-block !important; width: 100% !important; height: 60px !important; line-height: 60px !important; text-align: center !important; } /*end menubar*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: "NotoSans"; font-style: normal; font-weight: normal; src: url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.woff") format("woff"), url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.ttf") format("truetype"), url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.svg#svgNotoSans") format("svg"); } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } body { margin: 0; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a, .ms-link:visited { color: #0072c6; text-decoration: none; } a { background-color: transparent; } img { border: 0; } ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container { max-width: 1170px; width: auto !important; } .mar10t { margin-top: 10px !important; } .mar15b { margin-bottom: 15px !important; } .row { margin-right: -15px; margin-left: -15px; } .btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before { display: table; content: " "; } .btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after { clear: both; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } .steWhiteb { background-color: #ffffff !important; } ul, ul li { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 100% !important; margin: 0 !important; font-weight: normal !important; line-height: 2 !important; color: #242424 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } ul, ul li, ul li a:hover, ul li .link:hover, ul li .a:hover { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 100% !important; margin: 0 !important; font-weight: normal !important; line-height: 2 !important; color: #242424 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .steNoList { list-style-type: none !important; } #contentRow { padding-top: 19px; } #contentRow { padding-top: 0px; } .box { overflow: hidden !important; } #s4-bodyContainer { padding-bottom: 35px; } #s4-bodyContainer { overflow: hidden !important; } #s4-bodyContainer { padding-bottom: 1 !important; } #s4-bodyContainer { padding-bottom: 5px !important; } .ms-core-overlay { background-color: rgba( 255,255,255,0.85 ); } #s4-workspace { overflow: auto; position: relative; } #s4-workspace { height: auto !important; overflow-y: hidden !important; } body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body { font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-size: 13px; } body, .ms-core-defaultFont, .js-callout-body { color: #444; } body { margin: 0px; overflow: hidden; background-color: #fff; background-size: cover; background-repeat: no-repeat; } body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.4285; color: #333; background-color: #fff; } body { margin: 0 !important; background-color: #ececec !important; color: #242424 !important; } body { overflow-y: auto !important; } .ms-backgroundImage { background-image: url(); } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 1em !important; line-height: 1.2 !important; font-weight: normal !important; -ms-text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; color: #242424 !important; } ol, ul { margin-top: 0px; margin-bottom: 10px; } ul { line-height: 200%; } .text-right { text-align: right !important; } .noPadL { padding-left: 0px !important; } .pad10t { padding-top: 10px !important; } .pad20b { padding-bottom: 20px !important; } .text-right { text-align: right; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } /* @media all and (min-width:768px) */ .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } /* @media all and (min-width:768px) */ .col-sm-3 { width: 25%; } /* @media all and (min-width:768px) */ .col-sm-4 { width: 33.33%; } /* @media all and (min-width:768px) */ .col-sm-5 { width: 41.66%; } /* @media all and (min-width:768px) */ .col-sm-12 { width: 100%; } /* @media all and (min-width:992px) */ .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } /* @media all and (min-width:992px) */ .col-md-3 { width: 25%; } /* @media all and (min-width:992px) */ .col-md-4 { width: 33.33%; } /* @media all and (min-width:992px) */ .col-md-5 { width: 41.66%; } /* @media all and (min-width:992px) */ .col-md-7 { width: 58.33%; } /* @media all and (min-width:1200px) */ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } /* @media all and (min-width:1200px) */ .col-lg-3 { width: 25%; } /* @media all and (min-width:1200px) */ .col-lg-4 { width: 33.33%; } /* @media all and (min-width:1200px) */ .col-lg-5 { width: 41.66%; } /* @media all and (min-width:992px) */ .col-md-12 { width: 100%; } /* @media all and (min-width:1200px) */ .col-lg-7 { width: 58.33%; } a { color: #337ab7; text-decoration: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a, a:hover { border: none !important; } ul li a, ul li .link, ul li .a { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 100% !important; margin: 0 !important; font-weight: normal !important; line-height: 2 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } a.study:link, a.study:visited { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 90% !important; font-weight: normal !important; color: #242424 !important; font-weight: normal !important; text-decoration: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } a.lan:link, a.lan:visited { font-family: "NotoSans", Helvetica, sans-serif !important; font-size: 90% !important; font-weight: normal !important; color: #242424 !important; font-weight: normal !important; text-decoration: none !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-transform: uppercase; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-2x { font-size: 2em; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-2x { font-size: 2em; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-2x { font-size: 2em; } .steGrey { color: #8c979a !important; } .fa-youtube-square::before { content: "\f166"; } .fa-youtube-square::before { content: "\f166"; } .fa-youtube-square::before { content: "\f166"; } .fa-linkedin-square::before { content: "\f08c"; } .fa-twitter-square::before { content: "\f081"; } .fa-rss-square::before { content: "\f143"; } .fa-facebook-square::before { content: "\f082"; } i[class^='fa']::before { display: inline-block !important; text-decoration: none !important; } #social { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .fa-linkedin-square::before { content: "\f08c"; } .fa-linkedin-square::before { content: "\f08c"; } .fa-twitter-square::before { content: "\f081"; } .fa-twitter-square::before { content: "\f081"; } .fa-rss-square::before { content: "\f143"; } .fa-rss-square::before { content: "\f143"; } .fa-facebook-square::before { content: "\f082"; } .fa-facebook-square::before { content: "\f082"; } .library { font-family: "Gill Sans", sans-serif !important; font-size: 220% !important; margin: 0 !important; font-weight: 400 !important; line-height: 1.2 !important; color: #60223b !important; padding: 0 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; display: block; text-transform: uppercase; letter-spacing: -0.017em; } .infoservice { font-family: "Gill Sans", sans-serif !important; font-size: 150% !important; margin: 0 !important; font-weight: normal !important; line-height: 1.2 !important; color: #a0a0a0 !important; padding: 0 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; display: block; text-transform: uppercase; } a.steHomeBtn, a.steHomeBtn:link, .steHomeBtn { border: none !important; } img { border: none; -webkit-tap-highlight-color: transparent; } img { vertical-align: middle; } img { border-style: none; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } #header1 { background: #FFF; } element { } .steMaroonb { background-color: #60223b!Important; } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .steNoList { list-style-type: none!Important; } body { color: #242424!Important; } body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; } body, .ms-core-defaultFont, .js-callout-body { color: #444; } body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body { font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-size: 13px; } /* #steHeader { background: #FFF !important; margin-left: -30px !important; margin-right: -30px !important; } #steMainNavWrapp { margin-left: -30px !important; margin-right: -30px !important; } */ body { padding-left: 0px !important; padding-right: 0px !important; } .s-lg-guide-body { padding-left: 0px !important; padding-right: 0px !important; } /*mobile*/ .btn-releaseMobile { background: #3C1525!Important; color: #ffffff!Important; border:none!Important; box-shadow: none!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 170%!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-releaseMobile:hover, .btn-releaseMobile:focus, .btn-releaseMobile:active, .btn-releaseMobile .active, .open > .dropdown-toggle.btn-releaseMobile { background: #3C1525!Important; border:none!Important; box-shadow: none!Important; -webkit-transition: color .4s!Important; transition: color .4s!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 170%!Important; color: #ffffff!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-releaseMobile:active, .btn-releaseMobile .active { background: #3C1525; color: #ffffff!Important; box-shadow: none; border:none!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 170%!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-darkmaroon { background: #3C1525!Important; color: #ffffff!Important; border:none!Important; box-shadow: none!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 100%!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-darkmaroon:hover, .btn-darkmaroon:focus, .btn-darkmaroon:active, .btn-darkmaroon.active, .open > .dropdown-toggle.btn-darkmaroon { background: #3C1525!Important; border:none!Important; box-shadow: none!Important; -webkit-transition: color .4s!Important; transition: color .4s!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 100%!Important; color: #ffffff!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-darkmaroon:active, .btn-darkmaroon.active { background: #3C1525; color: #ffffff!Important; box-shadow: none; border:none!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 100%!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-maroon { background: #60223b!Important; color: #ffffff!Important; border:none!Important; box-shadow: none!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 100%!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-maroon:hover, .btn-maroon:focus, .btn-maroon:active, .btn-maroon.active, .open > .dropdown-toggle.btn-maroon { background: #481a2c!Important; border:none!Important; box-shadow: none!Important; -webkit-transition: color .4s!Important; transition: color .4s!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 100%!Important; color: #ffffff!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .btn-maroon:active, .btn-maroon.active { background: #481a2c; color: #ffffff!Important; box-shadow: none; border:none!Important; font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */ font-size: 100%!Important; font-weight:normal!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .my100{ width: 100% !important; } .col-md-3-mobile { width: 100% !important; } .panel-default > .panel-heading { color: #8c979a; padding: 15px; text-decoration: none !important; font-weight: 600; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; font-weight: 400; font-size: 100%; } .panel-default > .panel-heading { color: #8c979a!Important; background-color:white!Important; border-color: 0!Important; border: 0 solid #fff!Important; } .panel { margin-bottom: 20px; background-color: #fff; border: 0 solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0px 1px 1px rgba(0,0,0,0.05); } .panel-group { margin-bottom: 20px; background-color: #F4F4F4; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0 solid #ddd!Important; } /*end mobile*/ </style> <header id="steHeader" class="steNoList steWhiteb" style="padding: 0px; z-index: 2;"> <div class="row"> <div id="headcontainer" class="container ms-dialogHidden mar10t mar15b"> <div class="row" id="header1"> <ul class="stewhiteb noPadL stewhiteb steNoList pad20b pad10t" id="steBranding">  <li class="col-xs-12 col-sm-3 col-md-3 col-lg-3 stetitlespacelogo"> <a title="Home" class="steHomeBtn nolines" href="https://www.sun.ac.za/english"> <img class="img-responsive " id="ste-logo" alt="Home" src="http://library.sun.ac.za/Style%20Library/Images/su-logo.png"> </a> </li>   <li id="titletextblock" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 stetitlespace"> <span class="library">Library</span> <span class="infoservice">AND Information Service</span> </li>  <li class="col-xs-12 col-sm-5 col-md-5 col-lg-5 stetitlespace2"> <div class="row"> <div class="steSocio col-xs-12 col-sm-12 col-md-7 col-lg-7 text-right ">  </div> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 steTranslate text-right noPadL"> </div> </div> <div class="row"> <div class=" steStudy col-md-12 text-right"> </div> </div> </li> <span class="clearfix" style="display: none;"></span> </ul> </div> </div> </div> </header>  <div id="steBarsWrapp" class="container-fluid ms-hidden noPad"> <button id="releasemoMenu" type="button" class="btn btn-releaseMobile my100 steWhite" href="#" style="padding:10px 24px!Important;"><i class="fa fa-bars pad10R mar10t" aria-hidden="true"></i>Main Menu</button> <button id="releasemoMenuB" type="button" class="btn btn-releaseMobile my100 steWhite ms-hidden" href="#" style="padding:10px 24px!Important;"><i class="fa fa-times-circle pad10R mar10t" aria-hidden="true"></i>Close Menu</button> </div> </div> <div id="steOnlyMobileMenu" class="container-fluid ms-hidden steWhiteb noPad"> <div class="row"> <div class="col-md-12"> <div class="panel-group noMar text-center" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <i class="fa fa-angle-right" aria-hidden="true"></i> <a href="http://library.sun.ac.za/en-za/Search/">Find</a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse "></div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <i class="fa fa-angle-right" aria-hidden="true"></i> <a href="http://library.sun.ac.za/en-za/Usingthelibrary/">Using the Library</a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse"></div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <i class="fa fa-angle-right" aria-hidden="true"></i> <a href="http://library.sun.ac.za/en-za/Research/">Research</a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse"></div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <i class="fa fa-angle-right" aria-hidden="true"></i> <a href="http://library.sun.ac.za/en-za/Learning/">Learning</a> </h4> </div> <div id="collapseFour" class="panel-collapse collapse"> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <i class="fa fa-angle-right" aria-hidden="true"></i> <a href="http://library.sun.ac.za/en-za/Libraries/">Libraries</a> </h4> </div> <div id="collapseFive" class="panel-collapse collapse"> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <i class="fa fa-angle-right" aria-hidden="true"></i><a href="http://library.sun.ac.za/en-za/Help/">Help</a> </h4> </div> <div id="collapseSix" class="panel-collapse collapse"> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <i class="fa fa-angle-right" aria-hidden="true"></i><a href="http://library.sun.ac.za/en-za/AboutUs/">About Us</a> </h4> </div> <div id="collapseSeven" class="panel-collapse collapse"> </div> </div> </div> </div> </div> </div> </div>  <nav id="steMainNavWrapp" class="container-fluid steMaroonb" style="padding-right: 160px;"> <div class="row"> <ul id="steMainNav" class="steMaroonb noPadL steNoList" style="height: 60px; !important"> <li class="col-xs-0 col-sm-0 col-md-0 col-lg-0 ms-hidden"> <a class="signIn" href="/_layouts/15/authenticate.aspx?source=/_layouts/15/viewlsts.aspx" title="Admin Personnel signs in here">Admin Sign In</a> </li> <li class="steMenuRow col-xs-12 col-sm-11 col-md-11 col-lg-11 steMaroonb"> <div id="DeltaTopNavigation" class="ms-displayInline ms-core-navigation" role="navigation"> <div id="zz1_TopNavigationMenu" class=" noindex ms-core-listMenu-horizontalBox"> <ul id="zz2_RootAspMenu" class="root ms-core-listMenu-root static"> <li class="static selected"><a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/Pages/Home.aspx" accesskey="1"><span class="additional-background ms-navedit-flyoutArrow"><span class="menu-item-text">English</span><span class="ms-hidden">Currently selected</span></span></a><ul class="static"> <li class="static dynamic-children"><a class="static dynamic-children menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/Search/"><span aria-haspopup="true" class="additional-background ms-navedit-flyoutArrow dynamic-children"><span class="menu-item-text">Find</span></span></a><ul class="dynamic" style="z-index: 1100;"></ul></li><li class="static dynamic-children"><a class="static dynamic-children menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/Usingthelibrary/"><span aria-haspopup="true" class="additional-background ms-navedit-flyoutArrow dynamic-children"><span class="menu-item-text">Using the Library</span></span></a><ul class="dynamic" style="z-index: 1100;"></ul></li><li class="static dynamic-children"><a class="static dynamic-children menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/Research/"><span aria-haspopup="true" class="additional-background ms-navedit-flyoutArrow dynamic-children"><span class="menu-item-text">Research</span></span></a><ul class="dynamic" style="z-index: 1100;"></ul></li><li class="static dynamic-children"><a class="static dynamic-children menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/Learning/"><span aria-haspopup="true" class="additional-background ms-navedit-flyoutArrow dynamic-children"><span class="menu-item-text">Learning</span></span></a><ul class="dynamic" style="z-index: 1100;"></ul></li><li class="static dynamic-children"><a class="static dynamic-children menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/Libraries/"><span aria-haspopup="true" class="additional-background ms-navedit-flyoutArrow dynamic-children"><span class="menu-item-text">Libraries</span></span></a><ul class="dynamic" style="z-index: 1100;"></ul></li><li class="static dynamic-children"><a class="static dynamic-children menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/Help/"><span aria-haspopup="true" class="additional-background ms-navedit-flyoutArrow dynamic-children"><span class="menu-item-text">Help</span></span></a><ul class="dynamic" style="z-index: 1100;"></ul></li><li class="static dynamic-children"><a class="static dynamic-children menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" href="http://library.sun.ac.za/en-za/AboutUs/"><span aria-haspopup="true" class="additional-background ms-navedit-flyoutArrow dynamic-children"><span class="menu-item-text">About Us</span></span></a><ul class="dynamic" style="z-index: 1100;"></ul></li> </ul></li> </ul> </div> </div> </li> </ul> </div> </nav>  <div class="container"> <div id="s-la-bc" class="row" role="navigation"> <div class="col-md-12"> <ol class="breadcrumb s-la-color-bars s-la-color-bars-border"> <li> <a href="http://library.sun.ac.za">Library</a> </li> <li class=""> <a href="/">Ask a Librarian</a> </li> </ol> </div> </div> <div id="s-la-public-header" class="s-la-header row clearfix"> <div class="col-md-12"> <noscript> <div id="s-la-noscript" class="alert alert-warning"> <strong>Warning:</strong> Your browser has javascript disabled. Without javascript some functions will not work, including question submission via the form. </div> </noscript> <div class="s-la-public-header-text "> <h1 class="s-la-public-header-title"> Ask a Librarian </h1> <div class="s-la-public-header-description"> </div> </div> </div> </div> <div id="s-la-page-title-bar" role="navigation"> <div class="navbar navbar-default s-la-color-bars s-la-color-bars-border"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#s-la-browsebar-collapse" aria-hidden="true"> <span class="fa fa-bars"></span><span class="sr-only">Toggle menu visibility</span> </button></div> <div class="collapse navbar-collapse" id="s-la-browsebar-collapse"> <div id="s-la-content-search-46693" class="s-la-content-search"> <form method="get" class="navbar-form navbar-left" role="search" name="s-la-searchform" id="s-la-searchform-46693" action="/search/" aria-labelledby="s-la-content-search-query-46693"> <input type="hidden" name="t" value="0" /> <div class="form-group"> <label for="s-la-content-search-query-46693" class="s-la-searchform-label sr-only control-label">Ask Another Question</label> <div class="col-xs-9"> <input type="text" id="s-la-content-search-query-46693" class="s-la-content-search-query form-control" name="q" placeholder="Type your question" value="" autocomplete="off" /> </div> <div class="col-xs-3 s-la-searchform-buttoncol"> <button type="submit" class="btn btn-default s-la-searchform-button"> Search </button> </div> </div> </form> </div> <ul class="nav navbar-nav s-la-navbrowse"> <li> <p class="navbar-text">Browse:</p> </li> <li> <a class="" href="/search/">All</a> </li> <li id="s-la-page-title-bar-topics" class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">Topics <b class="caret"></b></a> <ul class="dropdown-menu dropdown-scroll dropdown-menu-right" role="menu" aria-hidden="true"> <li> <a href="/search/?t=0&g=4295&topics=Access&adv=1" role="menuitem"><span class="badge">6</span><span class="topic_item">Access</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Accredited%20journals&adv=1" role="menuitem"><span class="badge">8</span><span class="topic_item">Accredited journals</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Afkampus%20elektroniese%20toegang&adv=1" role="menuitem"><span class="badge">10</span><span class="topic_item">Afkampus elektroniese toegang</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Afkampusdokumentlewering&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Afkampusdokumentlewering</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Africana&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Africana</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Alumni%20guide&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Alumni guide</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Assignment%20help&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Assignment help</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Author%20guidelines&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Author guidelines</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Beskermde%20Versameling&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Beskermde Versameling</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Besoek%20%26%20gebruik%20ander%20universiteitsbiblioteke&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Besoek & gebruik ander universiteitsbiblioteke</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Besprekings&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Besprekings</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Bibliografiese%20verwysingsbestuur&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Bibliografiese verwysingsbestuur</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Bibliographic%20reference%20management&adv=1" role="menuitem"><span class="badge">5</span><span class="topic_item">Bibliographic reference management</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Bibliometrics%20and%20Citation%20analysis&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Bibliometrics and Citation analysis</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Biblioteekopleidingkalender&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Biblioteekopleidingkalender</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Biblioteekure&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Biblioteekure</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Bookings&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Bookings</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Borrowing&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Borrowing</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Branch%20libraries&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Branch libraries</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Departementele%20biblioteke&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Departementele biblioteke</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Departmental%20libraries&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Departmental libraries</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Digital%20collections&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Digital collections</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Digitale%20versamelings&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Digitale versamelings</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Druk%2C%20kopieer%20%26%20skandeer&adv=1" role="menuitem"><span class="badge">5</span><span class="topic_item">Druk, kopieer & skandeer</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=E-boeke&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">E-boeke</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=E-books&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">E-books</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=E-databases&adv=1" role="menuitem"><span class="badge">9</span><span class="topic_item">E-databases</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=E-journals&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">E-journals</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=E-thesis&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">E-thesis</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=E-tydskrifte&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">E-tydskrifte</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Economic%20and%20Management%20Sciences&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Economic and Management Sciences</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Ekonomiese%20en%20Bestuurswetenskappe&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Ekonomiese en Bestuurswetenskappe</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Eksamenvraestelle&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Eksamenvraestelle</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Electronic%20resources&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Electronic resources</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Elektroniese%20bronne&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Elektroniese bronne</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Elektroniese%20indiening%20van%20tesis&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Elektroniese indiening van tesis</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Exam%20papers&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Exam papers</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Faculty%20Librarians&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Faculty Librarians</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Fakulteitsbibliotekarisse&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Fakulteitsbibliotekarisse</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Find%20Articles&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Find Articles</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Find%20books%20%26%20other%20items&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Find books & other items</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Geakkrediteerde%20tydskrifte&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Geakkrediteerde tydskrifte</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Geneeskunde%20en%20Gesondheidswetenskappe&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Geneeskunde en Gesondheidswetenskappe</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Gids%20vir%20Alumni&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Gids vir Alumni</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Gids%20vir%20skrywers&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Gids vir skrywers</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Hernu&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Hernu</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Hulp%20met%20tesis&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Hulp met tesis</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Hulp%20met%20werkstuk&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Hulp met werkstuk</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Informasietegnologie&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Informasietegnologie</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Information%20technology&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Information technology</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Interbiblioteeklenings&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Interbiblioteeklenings</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Interlibrary%20loans&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Interlibrary loans</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Journals&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Journals</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Koordlose%20toegang&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Koordlose toegang</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Law&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Law</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Library%20hours&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Library hours</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Library%20training%20calendar&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Library training calendar</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Medicine%20and%20Health%20Sciences&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Medicine and Health Sciences</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Music&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Music</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Musiek&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Musiek</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=My%20biblioteekrekord&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">My biblioteekrekord</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=My%20library%20account&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">My library account</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Navorsingsdata&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Navorsingsdata</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Navorsingsimpak&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Navorsingsimpak</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Navorsingsondersteuning&adv=1" role="menuitem"><span class="badge">7</span><span class="topic_item">Navorsingsondersteuning</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Off-campus%20document%20delivery&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Off-campus document delivery</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Off-campus%20electronic%20access&adv=1" role="menuitem"><span class="badge">11</span><span class="topic_item">Off-campus electronic access</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Online%20thesis%20submission&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Online thesis submission</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Ooptoegangspublikasiefonds&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Ooptoegangspublikasiefonds</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Open%20Access%20Publication%20Fund&adv=1" role="menuitem"><span class="badge">7</span><span class="topic_item">Open Access Publication Fund</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Open%20access%20Publishing&adv=1" role="menuitem"><span class="badge">7</span><span class="topic_item">Open access Publishing</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Opleidingstutoriale%20%26amp%3B%20-videos&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Opleidingstutoriale & -videos</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=ORCID&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">ORCID</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Print%2C%20copy%20%26%20scan&adv=1" role="menuitem"><span class="badge">5</span><span class="topic_item">Print, copy & scan</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Prospective%20postgraduate&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Prospective postgraduate</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Publication%20support&adv=1" role="menuitem"><span class="badge">7</span><span class="topic_item">Publication support</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Rare%20Books&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Rare Books</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Referencing&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Referencing</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Regte&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Regte</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Renew&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Renew</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Request%20a%20book%20for%20pickup&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Request a book for pickup</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Research%20Data&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Research Data</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Research%20impact&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Research impact</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Research%20support&adv=1" role="menuitem"><span class="badge">13</span><span class="topic_item">Research support</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Scanning%20service&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Scanning service</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Scholarly%20publishing&adv=1" role="menuitem"><span class="badge">6</span><span class="topic_item">Scholarly publishing</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Skandeerdiens&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Skandeerdiens</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Software&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Software</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Special%20Collections&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Special Collections</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Spesiale%20Versamelings&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Spesiale Versamelings</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Studiehokkies&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Studiehokkies</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Study%20cubicles&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Study cubicles</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=SU%20Library%20Floor%20plan&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">SU Library Floor plan</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=SUNJournals&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">SUNJournals</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=SUNScholar&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">SUNScholar</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Thesis%20help&adv=1" role="menuitem"><span class="badge">5</span><span class="topic_item">Thesis help</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Training%20tutorials%20%26amp%3B%20videos&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Training tutorials & videos</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Transformative%20agreements&adv=1" role="menuitem"><span class="badge">5</span><span class="topic_item">Transformative agreements</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Tydskrifte&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Tydskrifte</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Uitleen&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Uitleen</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Unieke%20navorsersidentiteite&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Unieke navorsersidentiteite</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Unique%20author%20identifiers&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Unique author identifiers</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=US%20Biblioteek%20Vloerplan&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">US Biblioteek Vloerplan</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Use%20responsibly&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Use responsibly</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Versoek%20om%20%27n%20boek%20af%20te%20haal&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Versoek om 'n boek af te haal</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Verwysing&adv=1" role="menuitem"><span class="badge">4</span><span class="topic_item">Verwysing</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Vind%20artikels&adv=1" role="menuitem"><span class="badge">3</span><span class="topic_item">Vind artikels</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Vind%20boeke%20%26%20ander%20items&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Vind boeke & ander items</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Visiting%20%26%20using%20other%20university%20libraries&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Visiting & using other university libraries</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Voornemend%20nagraads&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Voornemend nagraads</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Waar%20om%20te%20publiseer%3F&adv=1" role="menuitem"><span class="badge">2</span><span class="topic_item">Waar om te publiseer?</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Where%20to%20publish%3F&adv=1" role="menuitem"><span class="badge">8</span><span class="topic_item">Where to publish?</span></a> </li> <li> <a href="/search/?t=0&g=4295&topics=Wireless%20access&adv=1" role="menuitem"><span class="badge">1</span><span class="topic_item">Wireless access</span></a> </li> </ul> </li> </ul> </div> </div> </div> <div id="s-la-page-maincontent" role="main"> <div class="s-la-row row"> <div id="s-la-page-column-0" class="s-la-column-top col-md-12"> </div> </div> <div class="s-la-row row"> <div id="s-la-page-column-1" class="s-la-page-column col-md-12"> <div id="s-la-box-99003-container" class="s-la-box-container s-la-color-bars-border s-la-box-type-5 s-la-box-position-1"> <div id="s-la-box-99003" class="s-la-box s-la-box-html"> <div class="s-la-box-title s-la-color-bars s-la-color-bars-border"> <h2>Search Results </h2> </div> <div id="" class="s-la-box-content clearfix" data-srch-sources="0"> </div> </div> </div> <div id="s-la-box-104797-container" class="s-la-box-container s-la-color-bars-border s-la-box-borderless s-la-box-type-1 s-la-box-position-2"> <div id="s-la-box-104797" class="s-la-box s-la-box-html"> <div class="s-la-box-title s-la-color-bars s-la-color-bars-border"> <h2>test </h2> </div> <div id="" class="s-la-box-content clearfix" > <div id="s-la-content-chat-104057" class="s-la-content-chat s-la-content"> <div id="libchat_747c7c84d8bd12c9e03617859b6294d7"></div><script src="https://libanswers.sun.ac.za/load_chat.php?hash=747c7c84d8bd12c9e03617859b6294d7"></script> </div> </div> </div> </div> </div> </div> <div class="s-la-row row"> <div id="s-la-page-column-4" class="s-la-column-bottom col-md-12"> </div> </div> </div> <div id="s-la-public-footer" class="s-la-footer s-la-color-bars s-la-color-bars-border" role="contentinfo"> <div id="s-la-footer-brand">Powered by <a href="https://springshare.com">Springshare</a>; All rights reserved.</div> <div id="s-la-footer-support-link"> <a href="http://library.sun.ac.za/en-za/Help/Pages/feedback.aspx">Report a tech support issue.</a> </div> <div id="s-la-footer-admin-links"> <span id="s-la-footer-login-link"><a href="/admin/login">Login to LibApps</a></span> </div> </div> </div>  <style> @font-face { font-family: "NotoSans"; font-style: normal; font-weight: normal; src: url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.woff") format("woff"), url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.ttf") format("truetype"), url("http://libapps.s3.amazonaws.com/sites/13038/include/NotoSans-Regular-webfont.svg#svgNotoSans") format("svg"); } .allfooter .footer-bottom { background-color: #fff; min-height: 30px; width: 100%; border-bottom: 1px solid #dcdcdc; /*max-height: 61px;*/ } .allfooter #contentRow { padding-top: 19px; } .allfooter #contentRow { padding-top: 0px; } .allfooter .box { overflow: hidden !important; } .allfooter #s4-bodyContainer { padding-bottom: 35px; } .allfooter #s4-bodyContainer { overflow: hidden !important; } .allfooter #s4-bodyContainer { padding-bottom: 1 !important; } .allfooter #s4-bodyContainer { padding-bottom: 5px !important; } .allfooter .ms-core-overlay { background-color: rgba( 255,255,255,0.85 ); } .allfooter #s4-workspace { overflow: auto; position: relative; } .allfooter #s4-workspace { height: auto !important; overflow-y: hidden !important; } .allfooter a, a:hover { text-decoration: none; } .allfooter .copyright { color: #636363; line-height: 47px; min-height: 30px; font-size: 14px; padding-top: 2px; padding-bottom: 7px; margin-top: 2px; } .allfooter .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .allfooter .fa-2x { } .allfooter .stelogin { color: #f5f5f5 !important; } .allfooter .fa-sign-in::before { content: "\f090"; } .allfooter .fa-sign-in::before { content: "\f090"; } .allfooter .fa-sign-in::before { content: "\f090"; } .allfooter b, .allfooter strong { font-weight: bolder; } .allfooter .onebelow { } .allfooter .steLightgreyb2 { background-color: rgb(245, 245, 245); border-bottom-color: rgb(220, 220, 220); border-bottom-style: solid; border-bottom-width: 1px; box-sizing: border-box; color: rgb(36, 36, 36); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; min-height: 84px !important; } .allfooter .steWhiteb { font-family: "NotoSans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 400; /*height: 68.3px !important;*/ min-height: 30px; /*max-height: 69px !important;*/ } .allfooter .steLightgreyb2 a { background-color: rgba(0, 0, 0, 0); box-sizing: border-box; color: #242424; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; outline-color: #000; outline-style: none; outline-width: 0px; text-decoration: none; text-decoration-color: #000; text-decoration-line: none; text-decoration-style: solid; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; } i[class^='fa']::before { display: inline-block !important; text-decoration: none !important; } .allfooter .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .allfooter .col-xs-12 { width: 100%; } /* @media all and (min-width:768px) */ .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } /* @media all and (min-width:768px) */ .allfooter .col-sm-9 { width: 75%; } /* @media all and (min-width:768px) */ .allfooter .col-sm-3 { width: 25%; } /* @media all and (min-width:992px) */ .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } /* @media all and (min-width:992px) */ .allfooter .col-md-9 { width: 75%; } /* @media all and (min-width:992px) */ .allfooter .col-md-3 { width: 25%; } /* @media all and (min-width:1200px) */ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } /* @media all and (min-width:1200px) */ .allfooter .col-lg-9 { width: 75%; } /* @media all and (min-width:1200px) */ .allfooter .col-lg-3 { width: 25%; } .allfooter { /*margin-right: 0px; margin-left: -30px;*/ width: 100%; } .allfooter .fa-2x { font-size: 2em !important; } .allfooter #social:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .allfooter #social { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .allfooter .footer1 { background-color: #fff; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; /* border-top-width: 4px; */ /* border-top-style: solid; */ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .allfooter article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } .allfooter .list-unstyled { padding-left: 0px; list-style: none; float: left; display: inline; } .allfooter .list-unstyled ul li { padding-left: 0px; list-style: none; float: left; display: inline; } ul, ul li, ul li a:hover, ul li .link:hover, ul li .a:hover { font-family: "NotoSans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 100%!Important; margin: 0!Important; font-weight: normal!Important; line-height: 2!Important; color: #242424!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .allfooter .row { margin-right: -15px; margin-left: -15px; } .allfooter .clear-margins { margin: 0px; } .allfooter .my-breadcrumbNode { color:#242424; } .widget_nav_menu ul li a { line-height: 40% !important; } .widget_nav_menu ul li { font-size: 13px; font-weight: 700; line-height: 40%; position: relative; text-transform: none; margin-bottom: 7px; padding: 5px 0 !important; } .allfooter .widget_nav_menu ul { list-style: outside none none; } .allfooter *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .allfooter ul, .allfooter ul li, .allfooter ul li a:hover, .allfooter ul li .link:hover, .allfooter ul li .a:hover { font-family: 'NotoSans', Helvetica, sans-serif !Important; font-size: 14px !Important; float: left; padding: 0px; display: inline; margin: 0px !Important; font-weight: normal!Important; line-height: 2!Important; color: #242424!Important; -webkit-font-smoothing: antialiased!Important; -moz-osx-font-smoothing: grayscale!Important; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.333333333%; } .pad15t { padding-bottom: 15px !important; } .pad15b { padding-top: 15px !important; } .final-footer { height: 5px !important; background-color: #FCFCFC; overflow: hidden !important; } .mar0b { margin-bottom: 0px !important; } .allfooter .container { max-width: 1170px !important; width: auto !important; } .nofloat, .nofloat a:hover { float: none !important; } /*Edit style of external footer*/ #s-lib-footer-public { width: 100% !important; max-width: 100% !important; } .s-lg-h-separator { border: none !important; } </style> </head> <div class="allfooter"> <footer class="footer1 ms-dialogHidden"> <div class="container"> <div class="row"> <div class=" col-sm-12 col-lg-1 col-md-1 col-lg-1"> <ul class="list-unstyled clear-margins"> <li class="widget-container widget_nav_menu"> <ul> <li><a class="my-breadcrumbNode" href="http://library.sun.ac.za/en-za/Search/" target="_blank">Find</a></li> </ul> </li> </ul> </div> <div class=" col-sm-12 col-lg-2 col-md-2 col-lg-2"> <ul class="list-unstyled clear-margins"> <li class="widget-container widget_nav_menu"> <ul> <li><a class="my-breadcrumbNode" href="http://library.sun.ac.za/en-za/Usingthelibrary/">Using the Library</a></li> </ul> </li> </ul> </div> <div class=" col-sm-12 col-lg-2 col-md-2 col-lg-2"> <ul class="list-unstyled clear-margins"> <li class="widget-container widget_nav_menu"> <ul> <li><a class="my-breadcrumbNode" href="http://library.sun.ac.za/en-za/Research/">Research</a></li> </ul> </li> </ul> </div> <div class=" col-sm-12 col-lg-2 col-md-2 col-lg-2"> <ul class="list-unstyled clear-margins"> <li class="widget-container widget_nav_menu"> <ul> <li><a class="my-breadcrumbNode" href="http://library.sun.ac.za/en-za/Learning/">Learning</a></li> </ul> </li> </ul> </div> <div class=" col-sm-12 col-lg-2 col-md-2 col-lg-2"> <ul class="list-unstyled clear-margins"> <li class="widget-container widget_nav_menu"> <ul> <li><a class="my-breadcrumbNode" href="http://library.sun.ac.za/en-za/Libraries/">Libraries</a></li> </ul> </li> </ul> </div> <div class=" col-sm-12 col-lg-2 col-md-2 col-lg-2"> <ul class="list-unstyled clear-margins"> <li class="widget-container widget_nav_menu"> <ul> <li><a class="my-breadcrumbNode" href="http://library.sun.ac.za/en-za/Help/">Help</a></li> </ul> </li> </ul> </div> <div class=" col-sm-12 col-lg-1 col-md-1 col-lg-1"> <ul class="list-unstyled clear-margins"> <li class="widget-container widget_nav_menu"> <ul> <li><a class="my-breadcrumbNode" href="http://library.sun.ac.za/en-za/AboutUs/">About Us</a></li> </ul> </li> </ul> </div> </div> </div> </footer> <div id="footerBottomContact" class="footer-bottom onebelow steWhiteb"> <div class="container"> <div class="row pad15t pad15b"> <div class=" col-sm-12 col-lg-12 col-md-12 col-lg-12"> <b>Contact Details </b> <p class="mar0b">Stellenbosch University Library and Information Service, <b>Helpline Numbers</b>: +27 21 808 4883, <b>Postal Address</b>: Private Bag X5036 Stellenbosch, 7599 </p> </div> </div> </div> </div> <div class="footer-bottom onebelow steLightgreyb2"> <div class="container"> <div class="row pad10t pad10b"> <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9 myIconL"> <img id="footer-su-logo" src="http://library.sun.ac.za/Style Library/Images/su-logo-f.png" alt="Stellenbosch logo" class="img-responsive" style="height: 64px;"/> </div> <div class="steSocioIco col-xs-12 col-sm-3 col-md-3 col-lg-3 pad15t steLightgrey"> <a href="https://www.facebook.com/profile.php?id=100092232632885" target="_blank"><i class="fa fa-facebook-square fa-2x social-fb steGrey" id="social"></i></a> <a href="http://library.sun.ac.za/English/aboutus/news/Announcements/_layouts/listfeed.aspx?List=%7bC150E4F4-EBF3-4094-8F91-D9DC68E01608%7d&Source=http%3a//author.bib.sun.ac.za/English/aboutus/news/Announcements/Lists/Posts/AllPosts.aspx" target="_blank"><i class="fa fa-rss-square fa-2x social-gp steGrey" id="social"></i></a> <a href="https://twitter.com/Stelbib" target="_blank"><i class="fa fa-twitter-square fa-2x social-tw steGrey" id="social"></i></a> <a href="https://www.linkedin.com/company/stellenbosch-university" target="_blank"><i class="fa fa-linkedin-square fa-2x social-ld steGrey" id="social"></i></a> <a href="https://www.youtube.com/user/SUNBibVideos" target="_blank"><i class="fa fa-youtube-square fa-2x social-yt steGrey" id="social"></i></a>  <br><a class="my-breadcrumbNode" href="https://stellenbosch.sharepoint.com/sites/Library">Staff Portal</a> </div> </div> </div> </div> <div class="footer-bottom "> <div class="container"> <div class="row "> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="copyright"> 漏 2024, Stellenbosch University Library and Information Service, All rights reserved </div> </div> </div> </div> </div> <div class="final-footer"></div> </div>   <script> jQuery(document).ready(function() { setUpPublicPage(); setUpAnswerPage( springSpace.la.Page.faq_id, springSpace.la.Page.iid, false ); }); </script> <div id="s-ui-notifyarea" role="alert"></div> </body> </html>