/*my additions DCRI default */ /* NOTE ON BANNER POSITIONING: */ /* Four changes make the nav sit horizontal below banner with title inline of content space*/ /* 1. >>>>>set padding of banner space to allow room for image also pushes the nav and title down */ /* 2. >>>>>float the siteIcon in a layer with absolute positioning over the banner image */ /* removes space on the left side pushing the nav to left edge of browser */ /* 3. >>>>> set a margin left on title to mimic the margin already applied to the content box */ /* 4. >>>>>> add some padding in content box to make room for the title */ /* the only draw back is that a really really really long title may wrap and overlap the content space */ /* SUITE BAR */ /*change color of word sharepoint in upper left */ a:visited {color:#0072C6;} div.ms-core-brandingText {color:#354389;} /*change top suite bar color to light gray */ div#suiteBarLeft {background-color:#ccc;} /*help*/ #help {text-align:right;font-weight:bold;} .customlink {padding:32px 120px;} .footer_space {min-height:50px;padding:32px;background-color:#333;color:white;margin-top:150px;} .links {width:100%;text-align:center;padding-right:32px;} .links a:link, .links a:visited {color:#fff;} .copyright {text-align:center;} .clear {clear:both;} #DatePickerDiv {position:absolute;top:215px;z-index:1000;} #AsynchronousViewDefault_CalendarView {margin-left:220px;} .ms-acal-apanel-outer, .ms-core-sideNavBox-removeLeftMargin {display:block;} .ms-rteTable-default {border:none;} .qlinks {background:transparent url(images/blend.gif) repeat-y top right;padding: 22px 12px 22px 20px;width:380px;} /* BANNER */ /* POSITIONING item 1>>>> */ /* make room in banner for image height by padding */ /* also pushes the site global nav and title down */ div#s4-titlerow {background: #fff url("https://dcrisp2019bsandkr.dcri.duke.edu/sites/impact/Style%20Library/Images/impactbanner.svg") no-repeat top left; background-size: auto 150px; background-position: 20px 10px; padding-top:150px; margin-top: 0px;} /* Hide the Search Box */ #DeltaPlaceHolderSearchArea {display:none;} /* Make navigation banner wider */ #DeltaTopNavigation span.menu-item-text {font-size: 16px; font-weight: 400; text-decoration: underline; } /*hide default logo and set padding on link */ a#ctl00_onetidProjectPropertyTitleGraphic.ms-siteicon-a {padding:25px 200px 25px 0px;} .ms-siteicon-img {display:none;} /* Update library heading bar titles */ tr.ms-viewheadertr.ms-vhltr {height: 50px;} .ms-vh2 {width: 14px; white-space: pre-wrap; vertical-align: top; background-color: #727da0; font-weight: bold;font-size:100%; color: #fff; } .ms-vh2-nofilter {vertical-align: top;background-color: #727da0; font-weight: bold;font-size:100%; color: #fff; } a.ms-headerSortArrowLink {position: absolute;top: 0px;right: 5px;} div.ms-vh2-nofilter, .ms-vh2-nofilter-notextalign, .ms-vh2-nofilter-perm, .ms-vh a, .ms-vh2, .ms-vh2 a { color: #fff; } } /* POSITIONING item 2>>>> */ /*position site icon over banner for enabling home navigation button */ #siteIcon { position:absolute; z-index:1; top:12px; left:10px; text-align:left;} .ms-siteicon-img {max-width:337px;height:37px;} /* TOP NAVIGATION */ /* nav content spacing and color */ div.ms-breadcrumb-top {background-color:#e5dbeb; padding:12px 12px; border-top: 1px; Border-top:1px solid #9975a9; } .ms-breadcrumb-box a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode, .ms-breadcrumb-box a.static.selected.menu-item.ms-core-listMenu-item.ms-displayInline.ms-core-listMenu-selected.ms-navedit-linkNode, .ms-breadcrumb-box a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {color:#280D4F;} /* positioning of title and nav box*/ #titleAreaBox {margin:0px -1px 0px -1px;padding-top:12px;} div.ms-breadcrumb-box.ms-tableCell.ms-verticalAlignTop {padding-left:4px;} /*turn off table defining elements in navigation to fix chrome browser issue re- nav width */ #titleAreaBox.ms-table, #titleAreaRow.ms-tableRow, #siteIcon.ms-tableCell, .ms-breadcrumb-box.ms-tableCell {display:block;} /* position icon to lighter version of pencil */ .ms-navedit-editLinksIcon {top:-101px;} /* PAGE TITLE */ /* POSITIONING item 3>>>> */ /* move title off edge to match #contentBox */ h1#pageTitle.ms-core-pageTitle {margin-top:12px;margin-left:20px;padding-bottom:10px;} /* set font size on title smaller */ .ms-core-pageTitle {font-size:2.3em;} /* CONTENT SPACE */ /* POSITIONING item 4>>>> */ /* increase margin left 5px from default of 220px */ #contentBox {padding-top: 50px;margin-left:225px;} /* QUICK LAUNCH AREA */ /*create a color band behind left quick launch */ #s4-workspace {background: #fff url(images/background.jpg) repeat-y top left;} /* adjust top starting of quicklaunch content */ #sideNavBox {padding-top:32px;} /* DIALOG BOX CORRECTIONS */ /* fix margins and padding */ .ms-dialog #contentBox {margin-left:0px;padding-top:22px;} /*remove background image from dialogs */ .ms-dialog #s4-workspace {background-image: none;} /*full screen mode hide left nav space image */ .ms-fullscreenmode #s4-workspace {background-image:none;} /*Sharepoint elements text color change to be readable against dark banner */ /* .ms-storefront-appiconspan, .ms-tileview-tile-content {background-color:#00569e;} */ /*#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv*/ #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv input[type=password], #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv input[type=text], #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv input[type=file], #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv select, #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv textarea, #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv .sp-peoplepicker-topLevel, #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv .sp-peoplepicker-topLevelDisabled, #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv .sp-peoplepicker-autoFillContainer, #ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv .ms-inputBox {color:#000;} /*set color on EDIT links button */ .ms-navedit-editLinksText > span > .ms-metadata, .ms-core-listMenuEdit > tr > .ms-navedit-linkCell > .ms-core-listMenu-item {color:#7ca5f2;} .ms-core-sideNavBox-removeLeftMargin #contentBox {margin-left:0px;padding-top:22px;} .ms-listMenu-editLink {display:none;} #contentBox {width:83%;float:left;margin-top:0px;margin-left:10px;padding-top:0px;width: calc(100% - 250px); max-width: 1600px;} #zz12_TopNavigationMenu_NavMenu_EditLinks {display: none;} #s4-titlerow {height:auto; padding-bottom:0px;} .ms-breadcrumb-box.ms-tableCell.ms-verticalAlignTop {height: auto;} #DeltaPlaceHolderPageTitleInTitleArea {float: left;padding-right: 5px;} #DeltaPlaceHolderPageDescription {display: block;} #contentRow {padding-top:0px; margin-left:auto;margin-right:auto; max-width:1850px;} #sideNavBox {float: right;} #sideNavBox a.static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode {padding-left: 15px;} #sideNavBox .static.selected.menu-item.ms-core-listMenu-item.ms-displayInline.ms-bold.ms-core-listMenu-selected.ms-navedit-linkNode {background: #fff; border-bottom: 3px solid #777; padding-left: 15px;} #sideNavBox .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {padding-left: 22px;border-bottom:1px solid #000;} @media screen and (min-width: 1200px){ #contentRow{padding-left:20px;} #DeltaTopNavigation span.menu-item-text {padding-left: 10px;} div#s4-titlerow {background-position-x: 27px;} } @media screen and (min-width: 1400px){ #contentRow{padding-left:100px;} #DeltaTopNavigation span.menu-item-text {padding-left: 90px;} div#s4-titlerow {background-position-x: 107px;} } th.ms-vh2:first-of-type { min-width: 310px; } div.ms-link:visited { color: red; background-color: transparent; text-decoration: none; }