CINXE.COM
What We Do | Center for Science, Education, and Outreach
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="/what-we-do" /> <link rel="shortlink" href="/node/1" /> <link rel="shortcut icon" href="https://cseo.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta property="og:image" content="https://cseo.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="og:image:width" content="940" /> <meta property="twitter:image" content="https://cseo.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="twitter:card" content="summary" /> <meta property="og:site_name" content="Center for Science, Education, and Outreach" /> <meta property="twitter:url" content="https://cseo.ucsf.edu/what-we-do" /> <meta property="og:url" content="https://cseo.ucsf.edu/what-we-do" /> <meta property="twitter:title" content="What We Do | Center for Science, Education, and Outreach" /> <meta property="og:title" content="What We Do" /> <title>What We Do | Center for Science, Education, and Outreach</title> <link type="text/css" rel="stylesheet" href="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/css/css_kShW4RPmRstZ3SpIC-ZvVGNFVAi0WEMuCnI0ZkYIaFw.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/css/css_EJL_7lrjsH8BZ6q38g9TN9dgvY5IouUd4PiJZQyBEFI.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/css/css_rV3Wod_e6ST6El0CA65NgFrvcFHnCpm1z0SGwM9reQg.css" media="all" /> <style type="text/css" media="all"> <!--/*--><![CDATA[/*><!--*/ .cke_toolgroup > .cke_button__quote{display:none}.cke_toolgroup > .cke_button__twocolumn{display:none}.cke_toolgroup > .cke_button__threecolumn{display:none}.cke_toolgroup > .cke_button__featuredcontent{display:none}.cke_toolgroup > .cke_button__collapseitem{display:none} /*]]>*/--> </style> <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/css/hopscotch.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/css/css_-5KGL3kpG9BJtjhjan_sSs2LNKUh8DXr0FbFKbHMQxM.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" /> <link type="text/css" rel="stylesheet" href="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/css/css_ApJ4vsstzpdaC9vzq_-8Klb3MFGflA25_mW2L7Z7vog.css" media="all" /> <script type="text/javascript" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/js/js_Pt6OpwTd6jcHLRIjrE-eSPLWMxWDkcyYrPTIrXDSON0.js"></script> <script type="text/javascript" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/js/js_onbE0n0cQY6KTDQtHO_E27UBymFC-RuqypZZ6Zxez-o.js"></script> <script type="text/javascript" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/js/js_MItSgdSkwVZBTl5MsdgLy94Mp-HJ6pvBHirm2wMSuzA.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/js/hopscotch.min.js"></script> <script type="text/javascript" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/js/js_Md_O18EkEkENyifmdSaTOM057n9-b6JB039etuiVtGE.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-0XGNR0333H"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "G-0XGNR0333H", {"groups":"default","anonymize_ip":true}); //--><!]]> </script> <script type="text/javascript" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/js/js_N23fS6ooC-uvOJ2j7mtuBbVQeGAvoXnACb9oAiqrOPE.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- var sliderSecondary ='slider-secondary-no-image';var sliderPrimary ='slider-image-full'; //--><!]]> </script> <script type="text/javascript" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/js/js_3KU2G0XuUwThidq7lpTBQghUO1g1ty4dEdv-co66Xqw.js"></script> <script type="text/javascript" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/js/js__pev76oqunwyHrozBOUwthVLhzUZgLLfKlmOonOmdkg.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","setHasJsCookie":0,"ajaxPageState":{"theme":"ucsf_b1gfoot_theme","theme_token":"rXmON-qUnjmtO6dxoARqdykcydwDoaNkNTT9GRbRaSE","js":{"profiles\/ucsf_b1gfoot\/modules\/contrib\/jquery_update\/replace\/jquery\/1.12\/jquery.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/jquery_update\/js\/jquery_browser.js":1,"misc\/form-single-submit.js":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_admin_menu\/js\/ucsf_b1gfoot_admin_menu.js":1,"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/hopscotch\/0.2.5\/js\/hopscotch.min.js":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/y3ti_help\/js\/y3ti_help.js":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/google_analytics\/googleanalytics.js":1,"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-0XGNR0333H":1,"0":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/field_group\/field_group.js":1,"1":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_sitewizard\/js\/ucsf_b1gfoot_sitewizard.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/slick\/slick.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/icheck.min.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/build\/main.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/responsive-nav\/responsive-nav.min.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/script.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/views\/css\/views.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/ckeditor\/css\/ckeditor.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/ctools\/css\/ctools.css":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_admin_menu\/css\/ucsf_b1gfoot_admin_menu.css":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_sitewizard\/css\/ucsf_b1gfoot_sitewizard.css":1,"0":1,"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/hopscotch\/0.2.5\/css\/hopscotch.min.css":1,"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.4.0\/css\/font-awesome.min.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/slick\/slick.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/screen.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/print.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/colors\/primary\/primary-navy.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/colors\/secondary\/secondary-grey.css":1}},"googleanalytics":{"account":["G-0XGNR0333H"],"trackOutbound":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"urlIsAjaxTrusted":{"\/":true},"field_group":{"div":"full"}}); //--><!]]> </script> </head> <body class="html front not-logged-in page-node page-node- page-node-1 node-type-page slider-primary ucsf-b1gfoot font--header--granjon slider-image-full profile--grid sidebar sidebar--left sidebar-color--white" data-slider-speed="10000"> <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <div id="page-wrapper"> <div id="page"> <div class="ucsf-top-header row-full-width logo"> <div class="inside"> <ul class="menu"> <li class="first"><a href="https://www.ucsf.edu">University of California San Francisco</a></li> <li><a href="https://www.ucsfhealth.org/">UCSF Health</a></li> <li><a href="https://www.ucsf.edu/search" title="">Search UCSF</a></li> <li><a href="https://www.ucsf.edu/about">About UCSF</a></li> </ul> </div> </div> <div id="header" class="row-full-width"> <div class="inside clearfix"> <a href="/" title="Home" rel="home" id="logo"> <img src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/UCSF_sublogo_CSEO_navy_RGB.jpg" alt="Home" /> </a> <div class="region region-header"> <div id="block-block-151" class="block block-block custom-block-style-sheet"> <div class="content"> <style type="text/css"> <!--/*--><![CDATA[/* ><!--*/ html{ scroll-behavior:smooth; } div, figure, image, p { box-sizing: border-box; } .custom-block { margin-bottom:30px; } .tree-bg-left-black { background-image:url(/sites/g/files/tkssra5946/f/tree-bg-left-black.png); background-position:right 20px center;; background-size:30% 90%; background-repeat:no-repeat; } .custom-block-blue { color: #fff; background-color: #006BE9; } .custom-block-light-blue { color: #000; background-color: #B8E6FA; } .custom-block-light-gray { color: #000; background-color: #EDEDEE; } .custom-block-gray { color: #fff; background-color: #506380; } .custom-block-navy { /* navy */ color: #fff !important; background-color: #052049; } .custom-block-dark-gray { color: #fff; background-color: #737373; } .custom-block-black { color: #fff; background-color: #000; } .custom-block-teal { color: #fff; background-color: #058488; } .custom-block-green { color: #fff; background-color: #32A03E; } .custom-block-purple { color: #fff; background-color: #716FB2; } .custom-block-violet { color: #fff; background-color: #A238BA; } .custom-block-magenta { color: #fff; background-color: #C42882; } .custom-block-red { color: #fff; background-color: #E61048; } .custom-block-orange { color: #000; background-color: #FA6E1E; } .custom-block-yellow { color: #000; background-color: #FEB80A; } .custom-block-white { color: #000 !important; background-color: #fff !important; border:1px solid #000; } .custom-block-specialty { color: #000; background-color: #fff; border-top:10px solid #058488; border-bottom:10px solid #C42882; } .custom-block > div { padding:35px !important; margin:0 !important; } body.no-sidebar .custom-block > div { padding:60px !important; margin:0 !important; } x.custom-block.layout--50-50 > div { display:inline-block width:49.8% !important; } x.custom-block.layout--33-33-33 > div { width:32.8% !important; } @media screen and (min-width: 1024px) { .custom-block.layout--50-50 { display: flex; } .custom-block.layout--50-50 > div { display: flex; justify-content: center; flex-direction: column; width:49.8% !important; } .custom-block.layout--50-50 > div:nth-child(2) { padding-left: 0 !important; } } @media screen and (max-width: 1023px) { .custom-block { display:block !important; } .custom-block.flip-on-mobile { display:flex !important; flex-direction: column-reverse; } .custom-block.layout--50-50 > div { width:100% !important; } .custom-block.layout--33-33-33 > div { width:100% !important; } .custom-block:not(.flip-on-mobile):not(.wysiwyg_featured_content) > div:not(:first-child) { padding-top:0 !important; } x.custom-block:not(.flip-on-mobile) > div:first-child { padding-bottom:0 !important; } .custom-block:not(.flip-on-mobile).layout--33-33-33 > div { padding-bottom:35px !important; } .custom-block.flip-on-mobile > div:not(:first-child) { padding-bottom:0 !important; } .custom-block.flip-on-mobile > div:first-child { padding-top:0 !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .custom-block.bc-bg { position:relative; } .custom-block.bc-bg::before { content: ''; position: absolute; top: 0; right:35px; height: 100%; width: 100%; background-repeat: no-repeat; background-size: contain; background-image: url("/sites/g/files/tkssra1681/f/Black_Caucus_Logo_transparent_rotated.png"); background-position: right center; opacity:0.04; } .custom-block.bc-bg > div { float:none !important; } } .custom-block > div img { width:100% !important; height:auto !important } .custom-block > div img:last-child { margin:0 !important; } .custom-block > div p:last-child { margin:0 !important; } .custom-block > div a:not([class]) { /*color:#fff !important;*/ text-decoration: underline !important; border-bottom:0 !important; } .custom-block.custom-block-yellow > div a:not([class]) { color:#000 !important; } .custom-block.custom-block-black > div a:not([class]) { color:#178CCB !important; } .custom-block.custom-block-white > div a:not([class]) { color:#178CCB !important; } .custom-block > div ul:last-child { margin:0 !important; } .custom-block > div ol:last-child { margin:0 !important; } .custom-block > div hr { margin-bottom: 18px !important; } .custom-block figure.image figcaption { font-size: 15px; line-height: 1.4; padding-top: 10px; margin-bottom: 10px; display: table-caption; caption-side: bottom; } .custom-block + hr { margin-bottom:20px; } .custom-block figure.image figcaption:last-child { margin-bottom: 0 !important; } .wysiwyg_featured_content--image_area { display:none; } .wysiwyg_threecols p:last-child { margin:0 } p.file-complaint { position:relative; font-size:20px; padding-left:30px !important; } p.file-complaint::before { position:absolute; left:0px; top:2px; content: "\f0f3" !important; font-family:FontAwesome; color:#058488; line-height:1 !important; margin-left:0 !important; } .external-site-link::after { display: inline; content: "\f08e"; font-family: fontawesome; padding-left:5px; } .is-checked { position:relative; list-style-type: none; padding-left:25px !important; } .is-checked::before { position:absolute; left:0px; top:2px; content: "\f14a" !important; font-family:FontAwesome; color:#058488; line-height:1 !important; margin-left:0 !important; } p.all-good { position:relative; list-style-type: none; padding-left:25px !important; } p.all-good::before { position:absolute; left:-2px; top:0px; content: "\f087" !important; font-family:FontAwesome; color:#058488; font-size:22px; line-height:1 !important; margin-left:0 !important; } .circle-arrow-list li { position:relative; list-style-type: none; padding-left:30px !important; } .circle-arrow-list li::before { position:absolute; left:0px; top:2px; content: "\f0a9" !important; font-family:FontAwesome; line-height:1 !important; margin-left:0 !important; } .email-list li { position:relative; list-style-type: none; padding-left:30px !important; } .email-list li::before { position:absolute; left:0px; top:2px; content: "\f0e0" !important; font-family:FontAwesome; line-height:1 !important; margin-left:0 !important; } p.paricipating-schools { position:relative; list-style-type: none; font-size:20px; padding-left:30px !important; } p.paricipating-schools::before { position:absolute; left:0px; top:2px; content: "\f19c " !important; font-family:FontAwesome; color:#058488; line-height:1 !important; margin-left:0 !important; } ul.paricipating-schools li { position:relative; list-style-type: none; padding-left:25px !important; } ul.paricipating-schools li::before { position:absolute; left:0px; top:6px; content: "\f08e" !important; font-family:FontAwesome; color:#058488; line-height:1 !important; margin-left:0 !important; } p.just-arrow { position:relative; list-style-type: none; padding-left:25px !important; } p.just-arrow::before { position:absolute; left:0px; top:0px; content: "\f061" !important; font-family:FontAwesome; xcolor:#058488; font-size:22px; line-height:1 !important; margin-left:0 !important; } a.circle-arrow { position:relative; } a.circle-arrow::before { position:absolute; left:0px; top:0px; content: "\f0ab"; font-family:FontAwesome; } #circle-info > p { text-align:center; margin-bottom:0; } @media screen and (min-width: 480px) and (max-width: 1023px){ #circle-info > p { font-size:24px; } } @media screen and (min-width: 1280px){ #circle-info > p { font-size:24px; } } ul.odo-list > li::before { content:"\25BA"; color:#0071ad; width:18px; margin-left:-16px; } /*--><!]]>*/ </style> </div> </div> <div id="block-block-16" class="block block-block temp-site-builder-style"> <div class="content"> <style> <!--/*--><![CDATA[/* ><!--*/ @media screen and (max-width: 352px) { .ucsf-top-header.no-logo li.first a { line-height: 1.25; } } #header { padding:0 !important; } #logo { line-height:0; padding:12px 0 5px 0; margin:0; } #site-name { font-size: 25px !important; height: auto; padding:12px 0 5px 0; } #site-name a { position:static; } #header .nav-toggle { height:20px; margin-top:15px; background-position: center; } @media screen and (max-width: 768px) { x#header .block-menu-block .menu-block-wrapper > ul li > .arrow-right { top: 0; right: 15px; height: 55px; background-position:right center; } x#header .block-menu-block .menu-block-wrapper > ul > li.active { background-color:transparent !important; } /* Base theme isn't handling dropdown styling as well as this */ #header .block-menu-block .menu-block-wrapper > ul li.active { background-color: #fff; } x#header .block-menu-block .menu-block-wrapper > ul > li > .arrow-right { width: 100%; } x#header .block-menu-block .menu-block-wrapper > ul li > .arrow-down { top: 0; right: 6px; height: 55px; background-position:right center; } x#header .block-menu-block .menu-block-wrapper > ul > li > .arrow-down { width: 100%; } #header .block-menu-block .menu-block-wrapper > ul li { border-bottom:0; border-top: 1px solid #b4b9bf !important; } #header .block-menu-block .menu-block-wrapper > ul li ul { border-top:0; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li > ul > li > a { padding-left:80px !important; } x#header .block-menu-block .menu-block-wrapper > ul li.active-trail > .arrow-right { background-image: url("/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/down-arrow.png"); } /* Base theme seems to be emitting .arrow-right on this tag incorrectly. sb .arrow-down? */ #header .block-menu-block .menu-block-wrapper > ul li.active-trail > .arrow-right::before { font-family: FontAwesome; content: "\f107";} #header .block-menu-block .menu-block-wrapper > ul li.active-trail > ul { display:block !important } #header .block-menu-block .menu-block-wrapper > ul li.active { background-color:#fff; } #header .block-menu-block .menu-block-wrapper > ul li:hover { background-color:#fff !important; } #header .block-menu-block .menu-block-wrapper > ul li.active > a { color:#052049; } #header .block-menu-block .menu-block-wrapper > ul a { line-height: 22px; } } h1 { font-size:30px !important; } h2 { font-size:26px !important; } h3 { font-size:22px !important; } h4 { font-size:18px !important; } #breadcrumb { display:none; } .title-wrapper { position:relative; padding: 0 15px; } x#mobile-settings { display:block; position:absolute; xleft: 50%; xtransform: translate(-50%, 0); z-index:10; cursor:pointer; width:50px; height:100%; padding:15px 0; margin:0 auto; background-image: url("//diversity.ucsf.edu/sites/diversity.ucsf.edu/themes/diversity_starterkit_base/diversity_css/../images/icon/mobile-settings-button.png"); background-repeat:no-repeat; background-position: left 0px center; } .mondo-menu-block { display:none; } .mondo_menu_view_block { display:none; } .region-content-top { max-width: 100% !important; margin: 0 auto !important; } .slider-image-full .content-top { max-height: 2000px; margin:0; background-color: rgba(0, 0, 0, 0.0); } .slider-has-image .content-top { margin-bottom: 30px; } .slider-image-full .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders {min-height:410px; margin:0 0 0px 0; } .slider-image-full .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .paragraphs-item-slider { height: auto; } .slider-image-full .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .field-name-field-pg-slider-image { position: static; height: 400px; } .slider-image-full .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .field-name-field-pg-slider-image::before { background-color: rgba(0, 0, 0, 0.0); /* weird opaque shading over image; */ } .slider-image-full .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .field-name-field-pg-slider-image .bg-slider-image { height: 400px; } .slider-image-full .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .group-slider-content { position: static; max-width:720px; padding:0 15px; margin:0 auto; transform:none; overflow: visible; } .slider-image-full .group-slider-content .field-name-field-pg-slider-title { text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #888 !important; font-size: 20px !important; line-height: 24px !important; font-weight: bold !important; margin:20px 0 0 0; } .slider-image-full .group-slider-content .field-name-field-pg-slider-body { display: block !important; position: relative; z-index: 12; text-align: center; color: #888 !important; font-size: 20px; font-weight:bold; width: 100%; padding:0 !important; margin:20px 0 0 0 !important; } .slider-image-full .group-slider-content .field-name-field-pg-slider-link { margin:20px 0 5px 0; } .slider-image-full .group-slider-content .field-name-field-pg-slider-link a { position:relative; z-index:10; color:#007cbe; font-size:16px; font-weight:normal; letter-spacing:normal; padding:4px 10px; text-transform:none; border:1px solid #888; border-radius:2px; } .slider-secondary .region-content-top { max-width: 1216px; margin-bottom: 20px; } .slider-secondary .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders .group-slider-content { padding:25px; overflow: visible; } .slider-secondary .group-slider-content .field-name-field-pg-slider-title { text-align: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #fff !important; font-size: 22px !important; line-height: 24px !important; font-weight: bold !important; margin-bottom: 10px; } .slider-secondary .group-slider-content .field-name-field-pg-slider-body { display: block !important; position: relative; z-index: 12; text-align: left; color: #fff !important; font-size: 16px; font-weight:normal; width: 100%; padding:0 !important; margin-bottom: 15px !important; } .slider-secondary .group-slider-content .field-name-field-pg-slider-link { margin:0; } .slider-secondary .group-slider-content .field-name-field-pg-slider-link a { color:#fff; font-size:14px; font-weight:normal; letter-spacing:normal; padding:4px 10px; text-transform:none; border:1px solid #888; border-radius:2px; } .page-node-edit .slider-secondary .group-slider-content .field-name-field-pg-slider-title { color: #000 !important; } .page-node-edit .slider-secondary .group-slider-content .field-name-field-pg-slider-body { color: #000 !important; } .page-node-edit .slider-secondary .group-slider-content .field-name-field-pg-slider-link a { color:#000; } .slider-secondary.slider-secondary-no-image .region-content-top { height: auto; margin: 0 auto; } .slider-secondary.slider-secondary-no-image .region-content-top #block-fieldblock-node-page-default-field-paragraph-sliders { margin:20px 0 50px 0; } .slick-slider button.slick-arrow { top:200px !important; } .slick-slider .slick-dots { position:static; margin:15px 0 0 0; } .slick-slider .slick-dots button::before { content: " "; width: 6px; height: 6px; opacity: 1; background-color:#007cbe; border: 2px solid #007cbe !important; border-radius: 50%; } .slick-slider .slick-dots .slick-active button::before { background-color:#888; border: 2px solid #888 !important; } #page-title { line-height:1; max-width: 1220px; padding: 15px 5px !important; margin:12px auto 20px auto; border-top:1px dotted #000; border-bottom:1px dotted #000; } .slider-has-image #page-title { padding:0px 5px !important; xmargin:0px auto 20px auto; margin:0; border-top:0px; border-bottom:0px; } .slider-has-image #block-system-main > .content { padding-top:20px; margin-top:20px; border-top:1px dotted #000; } x#block-system-main { float:left; width:100%; } #content { padding:0 0 20px 0; } body.sidebar--left #content { width: 100%; } body.sidebar--left #sidebar { width: 100%; } #main-wrapper { max-width: 1320px; padding: 0 15px; margin: 0 auto; } body.sidebar #main { padding:0; } body.no-sidebar #content .inside { padding:0 !important; } body.slider-primary #main { padding:0px 0 0 0; border-top:0px dotted #000; } body.slider-secondary #main { padding:0px 0 0 0; border-top:0px dotted #000; } body.slider-primary.slider-primary-no-image #main { padding:0; border:0; } body.slider-secondary.slider-secondary-no-image #main { padding:0; border:0; } #main .block-menu-block { background-color: #fff; box-shadow:none; } #main .block-menu-block > h3 { font-family: "Granjon",Garamond,serif; font-size:26px !important; } .slider-no-image #main .block-menu-block > h3 { padding:0 5px !important; border: 0 !important; margin-bottom: 0 !important; } .slider-has-image #main .block-menu-block > h3 { font-size:30px !important; line-height: 1; max-width: 1220px; padding: 0px 5px !important; margin: 0px auto; xmargin: 0px auto 20px auto !important; xborder-top: 0px dotted #000 !important; xborder-bottom: 1px dotted #000 !important; } #main .block-menu-block > h3 a { padding:0 !important; border: 0 none !important; } #main .block-menu-block .menu a { padding: 10px 5px !important; border-bottom:0; border-top: 1px dotted #000; } #main .block-menu-block .menu a.active { color: #4b4b4b; } #main .block-menu-block .menu a::before { content: ""; } #main .block-menu-block > .content > .menu > li:first-child > a { margin-top:20px; } #main .block-menu-block > .content > .menu-block-2 > .menu > li:first-child > a { margin-top:20px; } #main .block-menu-block ul ul { margin:0 0 0 20px; padding: 0; } #main .block-menu-block p { padding:20px 5px; border-top:1px dotted #000; margin:0 !important; } #main .block-menu-block p:first-child { margin-top:20px !important; border-top:1px dotted #000; } #main .block-menu-block p.no-top { padding-top:0; border-top:0; } #main .block-menu-block p.no-bottom { padding-bottom:0; border-bottom:0; } #main .block-menu-block p.no-indent { padding-left:0; padding-right:0; } #main .block-menu-block p a { display:inline !important; padding:0 !important; border:0 !important; } #main .block-menu-block p img { display:block; padding:0; border:0; margin:0; } body.sidebar #main .sidebar { padding:0; border:0; box-shadow:none; } body.sidebar #main .sidebar .block { margin: 0 0 15px 0 !important; } body.sidebar #main .sidebar .block::after { display: none !important; } #block-views-news-news-block > h3 { font-family: "Granjon",Garamond,serif !important; } .view-news .ucsf-news { padding:20px 0 0 0 !important; border-top: 1px dotted #000 !important; border-bottom:0; margin:0 0 20px 0 !important; } .view-display-id-news_page .ucsf-news:first-child { padding-top:0 !important; border:0 !important; } .view-news .ucsf-news:last-child { border-bottom: 0px; } .view-news .ucsf-news h3 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 20px !important; line-height: 1.3; margin:0; overflow: hidden; } .view-news .ucsf-news h3 a { color:#007cbe; } .view-news .ucsf-news .ucsf-news-image { margin-right: 20px; } .view-news .ucsf-news .ucsf-news-image img { display:block; } .node-news figcaption { font-style:italic; padding:20px 0 !important; margin-bottom:20px; border-bottom:1px dotted #000; } .node-news .field-name-field-text-byline { padding-bottom: 18px; border-bottom: 1px dotted #000; } .view-events .event { padding:0 0 20px 0 ; border:0; border-bottom: 1px dotted #000; margin:0 0 20px 0 !important; } .view-events .event:last-child { border-bottom: 0px; } .view-events .event h3 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 20px !important; line-height: 1.3; margin: 0 0 12px; overflow: hidden; } .view-events .event h3 a { color:#007cbe; } .view-events .event .date-time { color: #808285; font-size: 15px; margin: 7px 0; } .event-image { border-radius: 4px; display: block; float: left; margin-bottom: 11px; margin-right: 16px; margin-top: 3px; overflow: hidden; width: 65px; } .view-events .event .event-image .day { color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.08em; padding-bottom: 2px; padding-top: 2px; text-align: center; text-transform: uppercase; background-color: #052049; } .view-events .event .event-image .number-date { border-radius: 0 0 8px 8px; border-style: solid; border-width: 1px; color: #052049; font-family: "Granjon",Garamond,serif; font-size: 45px; line-height: 0.85; padding-top: 7px; text-align: center; border-color: #052049; } .node-events .field-label-inline { border-left: 0; margin-left: 0; padding-left: 0; } .node-events .field-label-inline .field-label { color: #808285; font-weight: bold; } .node-events .field-name-body { margin-top: 20px; } .assetContainer { display:block; position: relative; height: 0; } .aspect3x2 { padding-bottom: 66% !important; } .aspect4x3 { padding-bottom: 75% !important; } .aspect16x9 { padding-bottom: 56.25% !important; } .assetContainer iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; margin: 0; border:0; } .assetContainer img { display:block; position: absolute; left: 0; top: 0; width: 100%; height: auto; padding: 0; margin: 0; border:0; } .assetCaption { font-style:italic; padding-bottom: 15px; border-bottom: 1px dotted #000; border-top:0 !important; margin-bottom: 20px; } .assetPopOut { float:right; display:inline-block; margin-left:5px; } /* ODO Columns and Grids */ .odo-header { float:left; color: #6ea400; width:100%; margin-top:0px; } .odo-wrapper { float:left; width:100%; padding-top:20px; margin:0 0 20px 0; border-top:1px dotted #000; } .odo-wrapper.no-top { padding-top:0; margin-top:0; border-top:0; } .odo-wrapper .odo-description { float:right; width:66%; margin:0 0 20px 0; } .odo-wrapper.flipped .odo-description { float:left; } .odo-wrapper .odo-description.no-column { width:100%; } .odo-wrapper .odo-header { line-height:1em; padding:0; margin-bottom:20px; } .odo-wrapper .odo-column { float:left; width:31.5%; margin:0 2% 20px 0; } .odo-wrapper.flipped .odo-column { float:left; margin:0 0 20px 2%; } .odo-wrapper .odo-grid { display:inline-block; vertical-align:top; width:31.3%; height:auto; margin:0 2% 20px 0; } .odo-wrapper .odo-column a span, .odo-wrapper .odo-grid span { color:#000; } @media screen and (min-width:641px) { .odo-wrapper .odo-grid:nth-of-type(3n) { margin:0 0 12px 0; } } @media screen and (min-width:481px) and (max-width:640px) { .odo-wrapper .odo-description { width:100%; } .odo-wrapper .odo-column, .odo-wrapper.flipped .odo-column { width:100%; margin:0 0 20px 0; } .odo-wrapper .odo-grid { width:48%; margin:0 2% 20px 0; } .odo-wrapper .odo-grid:nth-of-type(even) { margin:0 0 20px 0; } } @media screen and (max-width:480px) { .odo-wrapper .odo-description { width:100%; } .odo-wrapper .odo-column, .odo-wrapper.flipped .odo-column { width:100%; margin:0 0 20px 0; } .odo-wrapper .odo-grid { display:block; width:100%; margin:0 auto 20px auto !important; } } .odo-wrapper .odo-grid img { width:100%; height:auto; border:0; margin:0; max-width:100%; margin:0; } ul.odo-list { clear:left; border-left:0px #aaa solid; padding-left:1px; margin:0 0 20px 0; background-color:#fff; } xul.odo-list li::before { content: url(//diversity.ucsf.edu/sites/diversity.ucsf.edu/files/small-blue-right-arrow.jpg); } @media screen and (min-width: 768px) { .odo-half { float:left; display:block; width:50%; padding-right:50px; } .odo-right-half { padding:0; } } .odo-clear { clear: both; } /* End ODO Columns & Grids */ #footer { padding:0 15px; margin-top: 30px; background-color: #fff; } #footer .section { color: #fff; font-weight:300; max-width: 1320px; padding:0; margin:0 auto; } #footer .region-footer { max-width: 1230px; min-height: 140px; overflow-y: hidden; padding:20px 0 0 0; margin: 0 auto; background: white url("//diversity.ucsf.edu/sites/diversity.ucsf.edu/themes/diversity_starterkit_base/images/graphic_footer_no_bg.png") no-repeat scroll top 15px right 20px; border-bottom: 1px dotted #000; border-top: 1px dotted #000; background-color: #fff; } #footer .region-footer h3 { color: #000; font-family: "Granjon",Garamond,serif; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } #footer .region-footer .footer-block { float:left; color:#000; width:375px; margin-bottom:25px; } #footer .region-footer .footer-social-block{ width:225px; } #footer .region-footer .footer-resources-block { width:300px; } #footer .region-footer a { color:#007cbe; font-weight:normal; outline:none; } #footer .region-footer a img { padding:0; border:0; outline:none; margin:0; } #footer .footer--copyright { display:none; } x#content h1:first-child { font-size:26px !important; padding: 10px 5px; margin: 0 0 15px; border-bottom: 1px dotted #000; } #sidebar-2 { clear:both; float:none; width:100%; margin:0; } @media screen and (min-width: 769px) { x#content h1:first-child { display:none; } xbody.two-column #content h1:first-child { display:block; } body.three-column.sidebar--left #sidebar-2 { float: right; clear:none; width: 25%; margin-left: 3%; } body.three-column.sidebar--left #content { float: right; clear:none; width:44% !important; } body.two-column.sidebar--left #sidebar-2 { float: right; clear:none; width: 33%; margin-left: 3%; } body.two-column.sidebar--left #content { float: right; clear:none; width:64% !important; } #header #block-ucsf-b1gfoot-tweaks-header-socialmedia { display: none; } #block-search-form input[type="text"] { width:235px; border: 1px solid #aaa; border-radius: 25px; } #block-search-form .container-inline .search-icon { right: 8px; } #header .block-menu-block .menu-block-wrapper > ul > li { margin-right: 15px; border-width:5px; } #header .block-menu-block .menu-block-wrapper > ul > li:hover { border-bottom-color:#6ea400; } #header .block-menu-block .menu-block-wrapper > ul > li.active-trail { border-bottom-color:#6ea400 !important; } #header .block-menu-block .menu-block-wrapper > ul > li.active { border-bottom-color:#6ea400 !important; } #header .block-menu-block .menu-block-wrapper > ul > li.expanded { padding:8px 0 8px 0; margin-right: 15px; border-width:5px; } #header .block-menu-block .menu-block-wrapper > ul > li.expanded > a { cursor:default; } #header .block-menu-block .menu-block-wrapper > ul > li a { color: #007cbe; } #header .block-menu-block .menu-block-wrapper > ul li::before { content:"" !important; } #header .region-header{ position:relative; } #header .block-menu-block { position: static !important; clear: left; float: left; overflow: visible; position: relative; } #header .block-menu-block .menu-block-wrapper > ul > li { position:static; } #header .block-menu-block .menu-block-wrapper > ul > li > ul { box-sizing:border-box; position:absolute; width:100%; min-height:265px; padding:0 3% 0 67.5%; margin-top:13px; background-color:#fff; border-top:1px solid #efefef; border-radius:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow: 0 1px 2px #000; } #header .block-menu-block .menu-block-wrapper > ul > li > ul::before { box-sizing:border-box; position:absolute; left:0%; top:50%; transform: translateY(-50%); width:65%; height:80%; content:""; background-size:40%; background-repeat:no-repeat; background-position:left 7.5% center; border-right:1px dotted #000; /* Pseudo element background images defined by the jquery function reading strings from the Mondo Menu block are currently 300x200 pixel images but, any 3:2 aspect-ratio dimension will suit the current layout, though file size might be an issue. */ } #header .block-menu-block .menu-block-wrapper > ul > li > ul::after { box-sizing: border-box; position:absolute; top:50%; left:31%; transform: translateY(-50%); text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; width:31%; /* Pseudo element css content value defined by the jquery function reading strings from the Mondo Menu block */ } /* Float Mondo Menu left or right. Default is right. */ .mondo-menu-right #header .block-menu-block .menu-block-wrapper > ul > li > ul { padding:0 3% 0 67.5%; } .mondo-menu-right #header .block-menu-block .menu-block-wrapper > ul > li > ul::before { right:auto; left:0%; background-position:left 7.5% center; } .mondo-menu-right #header .block-menu-block .menu-block-wrapper > ul > li > ul::after { right:auto; left:31%; } .mondo-menu-left #header .block-menu-block .menu-block-wrapper > ul > li > ul { padding:0 67.5% 0 3%; } .mondo-menu-left #header .block-menu-block .menu-block-wrapper > ul > li > ul::before { left:auto; right:0%; background-position:right 7.5% center; border-left:1px dotted #000; } .mondo-menu-left #header .block-menu-block .menu-block-wrapper > ul > li > ul::after { right:auto; left:36.25%; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li { padding:0; margin:0; background-color:transparent; border-bottom: 1px solid #b4b9bf; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li:hover { background-color:transparent; border-bottom: 1px solid #b4b9bf; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li.active-trail { border-bottom: 1px solid #b4b9bf !important; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li.expanded { padding:0; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li.first { padding-top:10px; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li.last { padding-bottom:10px; border-bottom: 0 !important; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li > a { line-height: 22px; padding:5px 12px; } #header .block-menu-block .menu-block-wrapper > ul > li > ul > li:hover ul { display:none !important; } .slick-slider .slick-dots { display:none !important; } .title-wrapper { padding: 0 50px !important; } x#mobile-settings { display:none; } x#page-title { max-width: 1220px; padding: 15px 0 !important; } body.sidebar--left #content { width: 72%; } body.sidebar--left #sidebar { width: 25%; } #main-wrapper { padding: 0 50px; } #footer { padding:0 50px; } } @media screen and (max-width: 1195px) { #footer .region-footer { background: white url("//diversity.ucsf.edu/sites/diversity.ucsf.edu/themes/diversity_starterkit_base/images/graphic_footer_gray_noo_bg.png")no-repeat scroll top 15px right 20px; } } @media screen and (max-width: 475px) { #admin-menu-wrapper { display:none; } } /*--><!]]>*/ </style> </div> </div> <div id="block-block-71" class="block block-block temp-cseo-style"> <div class="content"> <style type="text/css"> <!--/*--><![CDATA[/* ><!--*/ .care-half { float:left; display:block; width:50%; padding-right:5px; } .care-half img { display:block; width:100%; height:auto; padding:0; margin:0; border:0; } .care-right-half { padding:0; padding-left:5px;} @media screen and (max-width:999px) { .care-half { float:none; position:relative; width:100%; padding:0 0 10px 0; } .care-right-half { padding:0; } } .care-box { box-sizing: border-box; display:block; float:left; width:50%; padding:0 5px 10px 0 } .care-box.care-box-right{ padding:0 0 10px 5px; } #main .block-menu-block > .content > .menu-block-wrapper > .menu > li:first-child > a { margin-top: 20px; } .bg-slider-image { background-position: 35% 50%; } /* brain camp image */ body.sidebar #main .sidebar .block.pitch-spotlite { margin-top: -24px !important; } .pitch-spotlite-content { display:none; } @media screen and (max-width:1320px) { .pitch-spotlite { display:none; } .pitch-spotlite-content { display:block; margin-top: -26px; } } body.sidebar #main #sidebar-2 .sidebar .block.spotlite { display: block; margin-top: -23px !important; } @media screen and (max-width: 1365px) { .spotlite { display:block; margin-bottom:15px !important; } } /* testing column widths that cause equal big box and spotlight squares. */ @media screen and (min-width: 769px) { body.two-column.sidebar--left #sidebar-2 { width: 32.2%; margin-left: 2.8%; } body.two-column.sidebar--left #content { width: 65% !important; } } /* UCSF footer */ #footer .section { line-height: 1.6; } .footer-bottom { width: 100%; color: #000 !important; max-width: 1230px !important; min-height: 140px; overflow-y: hidden; padding: 15px 0 0 0; border-top:0; margin: 0 auto; } #footer .footer--navigation ul li::before { content:""; } #footer .footer--navigation ul li { padding: 5px 10px; } #footer .footer--copyright { display: block; } .footer-bottom a { color: #000 !important; } /*--><!]]>*/ </style> </div> </div> <div id="block-block-126" class="block block-block bio-style-block"> <div class="content"> <style> <!--/*--><![CDATA[/* ><!--*/ .advisor { float:left; width:100%; } .advisor .advisor-pic { float:left; display:block; width:200px; height:200px; margin:0 20px 20px 0; } .advisor.show-bio .advisor-pic { margin:0 20px 0 0; } .advisor .advisor-pic img { display:block; width:100%; height:auto; } .advisor .advisor-profile { margin:0 0 20px 0; } .advisor .advisor-profile span.advisor-name { display:block; } .advisor .advisor-profile span.advisor-title { display:block; } .advisor .advisor-profile HR { display:none; } .advisor.show-bio .advisor-profile HR { display:block; } x.advisor .advisor-profile .advisor-bio { display:none; } x.advisor.show-bio .advisor-profile .advisor-bio { display:block; padding-bottom:20px; border-bottom:1px solid #ccc; } .advisor .advisor-profile .advisor-bio { display:block; overflow:hidden; max-height: 0; } x.advisor.show-bio .advisor-profile .advisor-bio { padding-bottom:20px; border-bottom:1px solid #ccc; max-height: 10000px; transition: max-height 3s; } .advisor.show-bio .advisor-profile .advisor-bio { padding-left:10px; padding-bottom:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; margin-left:5px; max-height: 10000px; transition: max-height 3s; } x.advisor.show-bio:last-child .advisor-profile .advisor-bio { padding-bottom:0; border-bottom:0; } .advisor .bio-link { display:inline-block; position:relative; width:38px; } .advisor .bio-link::after { float: right; content:" \25bc"; font-size:11px; padding-top:5px; } .covid.advisor .bio-link::after { float: right; content:" \25BA"; font-size:11px; padding-top:6px; } .satact.advisor .bio-link::after { float: right; content:" \25BA"; font-size:11px; padding-top:6px; } .advisor.show-bio .bio-link { color:#888 !important; } .advisor.show-bio .bio-link::after { content:" \25b2"; } .covid.advisor.show-bio .bio-link::after { content:" \25C4"; } .satact.advisor.show-bio .bio-link::after { content:" \25C4"; } .advisor-bio hr { margin:10px 0; } @media screen and (max-width: 425px) { .advisor.show-bio .advisor-pic { margin:0 20px 20px 0; } .advisor .advisor-profile { float:left; } } /*--><!]]>*/ </style> </div> </div> <div id="block-block-31" class="block block-block temp-site-builder-script"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- jQuery(document).ready(function($){ if($("#block-fieldblock-node-page-default-field-paragraph-sliders").length) { $("#block-system-main > .content").before($("h1#page-title")); $("body").addClass("slider-has-image") } else { $("body").addClass("slider-no-image"); $(".slider-no-image h1#page-title").after('<div class="title-wrapper">').append($("h1#page-title")); //$(".slider-secondary-no-image h1#page-title").after('<div class="title-wrapper">').append($("h1#page-title")); $(".title-wrapper").append($("h1#page-title")); $(".content-top").after($(".title-wrapper")); } if($("div.sidebar").length > 0 ) { $("body").addClass("two-column"); $("#content").before('<div id="sidebar-2" class="column">'); $("#sidebar-2").append($("#sidebar .sidebar")); if($("div#block-menu-block-2").length > 0) { $("body").removeClass("two-column"); $("body").addClass("three-column"); } if($("div.sidebar_top").length > 0) { $("body").removeClass("two-column"); $("body").addClass("three-column"); } } $("#block-menu-block-2 h3 a").removeAttr("href"); $('.menu-block-1 > ul > li > ul').addClass("menu-child"); $('.menu-block-1 > ul > li > ul').each(function(i) { $(this).attr("id", "menu-child-" + i); }); var head = document.head; var style = document.createElement('style'); style.type = 'text/css'; head.appendChild(style); if($(".mondo-img").length > 0) { var css = '@media screen and (min-width:769px) {'; $('.menu-block-1 > ul > li > ul').each(function(i) { css += 'ul#menu-child-' + i + '::before {'; css += 'background-image:url("' + $(".mondo-img")[i].innerHTML + '");}'; css += 'ul#menu-child-' + i + '::after {'; css += 'content:"' + $(".mondo-content")[i].innerHTML + '";}'; }); css += '}'; style.appendChild(document.createTextNode(css)); } if($("#mondo-float").length > 0) { $("body").addClass("mondo-menu-" + $("#mondo-float").html()); } $(".menu-block-1 > ul > li.dropdown > a").each(function(e) { $(this).attr("href", "javascript:void(0)"); }); $(".menu-block-1 > ul > li.dropdown > a").click(function(e) { e.preventDefault(); }); $("#block-menu-block-2 .replace-link-text").each(function() { $(this).html($(this).attr("name")); }) if($("body.slider-primary").length==1 && $("body.slider-primary #block-fieldblock-node-page-default-field-paragraph-sliders").length==0) { $("body").addClass("slider-primary-no-image"); } if($("body.slider-secondary").length==1 && $("body.slider-secondary #block-fieldblock-node-page-default-field-paragraph-sliders").length==1) { $("body").removeClass("slider-secondary-no-image"); } // Fix external slider links $(".group-slider-content .field-name-field-pg-slider-link a").each(function(i) { var reg = new RegExp($(location).attr('hostname')); if (!reg.test($(this).attr("href"))) { $(this).attr('target', '_blank'); } }); toggleMobileSettings(); $(window).resize(function() { //$("#sizer").html(window.innerWidth + ' x ' + window.innerHeight + ' x ' + window.devicePixelRatio + " resize"); if(window.innerWidth < 769) { // Do something } else { // Do something else } toggleMobileSettings(); }); function toggleMobileSettings() { if(window.innerWidth < 769) { $("#content").after($("#sidebar-2")); $("#main").append($("#sidebar")); } else { $("#content").before($("#sidebar-2")); $("#main").append($("#sidebar")); } } }); //--><!]]> </script> </div> </div> <div id="block-block-146" class="block block-block temp-cseo-script-block"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- jQuery(document).ready(function($){ $(".footer-bottom .footer--navigation a").attr("target","_blank"); }); //--><!]]> </script> </div> </div> <div id="block-block-131" class="block block-block bio-script-block"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- function showBio(bioLink) { var advisorBios=document.getElementsByClassName("advisor"); if(bioLink.parentNode.parentNode.classList.contains("show-bio")) { bioLink.parentNode.parentNode.classList.remove("show-bio"); } else { bioLink.parentNode.parentNode.classList.add("show-bio"); } } //--><!]]> </script> </div> </div> <div id="block-search-form" class="block block-search"> <div class="content"> <form onsubmit="if(this.search_block_form.value=='Search'){ alert('Please enter a search'); return false; }" action="/" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline"> <h2 class="element-invisible">Search form</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <label class="element-invisible" for="edit-search-block-form--2">Search... </label> <input title="Enter the terms you wish to search for." placeholder="Search..." class="text-input fa fa-search form-text" aria-hidden="" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="40" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-v94nCbzCN0iHGK0-rjYF-JLy9YkExZxzTCK-1yyF3K8" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> <div id="block-ucsf-b1gfoot-tweaks-header-socialmedia" class="block block-ucsf-b1gfoot-tweaks"> <div class="content"> <div class="nav-social"><a href="https://www.facebook.com/ucsfeaop" class="fa fa-facebook" target="_blank">Facebook</a><a href="https://twitter.com/UCSFeaop" class="fa fa-twitter" target="_blank">Twitter</a></div> </div> </div> <div id="block-menu-block-1" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded active menu-mlid-1381"><a href="/" class="active">What We Do</a><ul class="menu"><li class="first leaf menu-mlid-1736"><a href="/cseo-staff">CSEO Staff</a></li> <li class="last leaf menu-mlid-1731"><a href="/who-we-serve">Who We Serve</a></li> </ul></li> <li class="expanded menu-mlid-1751"><a href="/eaop">EAOP</a><ul class="menu"><li class="first leaf menu-mlid-13386"><a href="/eaop">Early Academic Outreach Program </a></li> <li class="leaf menu-mlid-1996"><a href="/inside-ucsf">Inside UCSF</a></li> <li class="leaf menu-mlid-1991"><a href="/p-20">P‐20</a></li> <li class="last leaf menu-mlid-13741"><a href="/map-to-college">MAP to College</a></li> </ul></li> <li class="leaf menu-mlid-1976"><a href="/mesa">MESA</a></li> <li class="leaf menu-mlid-15226"><a href="/transfer-preparation-program">Transfer Preparation Program</a></li> <li class="leaf menu-mlid-2581"><a href="/trio">TRiO Programs</a></li> <li class="expanded menu-mlid-1961"><a href="/PITCH">Summer Enrichment Programs</a><ul class="menu"><li class="first leaf menu-mlid-13381"><a href="https://cseo.ucsf.edu/summer-opportunities">PITCH</a></li> <li class="last collapsed menu-mlid-14536"><a href="/cure-internship">CURE Research Internship Program</a></li> </ul></li> <li class="leaf menu-mlid-4361"><a href="/health-quest">Health Quest</a></li> <li class="expanded menu-mlid-2001"><a href="/resources">Resources</a><ul class="menu"><li class="first leaf menu-mlid-2551"><a href="/resources">Overview</a></li> <li class="leaf menu-mlid-2556"><a href="/college-101">College 101</a></li> <li class="leaf menu-mlid-2561"><a href="/resources-parents">Resources for Parents</a></li> <li class="leaf menu-mlid-2566"><a href="/resources-students">Resources for Students</a></li> <li class="leaf menu-mlid-2571"><a href="/resources-teachers-mentors">Resources for Teachers & Mentors</a></li> <li class="last leaf menu-mlid-2576"><a href="/student-calendar-9th-12th-grade">Student Calendar 9th-12th Grade</a></li> </ul></li> <li class="last leaf menu-mlid-15251"><a href="https://diversity.ucsf.edu" target="_blank">Diversity & Outreach</a></li> </ul></div> </div> </div> <div id="block-block-136" class="block block-block covid-19-notice"> <div class="content"> <div class="satact advisor" style="max-width: 1220px; padding:15px 5px 0px 5px !important; margin:12px auto 12px auto; border-top: 1px dotted #000;"> <div class="advisor-profile" style="margin:0;"><a class="bio-link" href="javascript:void(0);" onclick="showBio(this)" style="font-size:18px; width:310px;"><strong style="color:#ee6a01; xcolor:#f26d04; margin-bottom:5px">Important News for UC Applicants</strong></a> <div class="advisor-bio"> <p style="margin-bottom:5px">The University of California will be “test-optional” for fall 2021 and fall 2022. Freshman applicants are <strong>not required</strong> to submit SAT/ACT test scores for fall 2021 and fall 2022 application cycles.</p> <p>SAT Subject Tests are <strong>not required</strong>, but are recommended for certain selective majors. For additional guidance, please visit UC’s admissions website <a href="https://admission.universityofcalifornia.edu/admission-requirements/freshman-requirements/exam-requirement/" target="_blank">here</a>.</p> </div></div></div> </div> </div> <div id="block-block-121" class="block block-block jquery-mobile-touch-events-block"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- (function(e,t,n){typeof define=="function"&&define.amd?define(["jquery"],function(r){return n(r,e,t),r.mobile}):n(e.jQuery,e,t)})(this,document,function(e,t,n,r){(function(t){typeof define=="function"&&define.amd?define("vmouse",["jquery"],t):t(e)})(function(e){function T(e){while(e&&typeof e.originalEvent!="undefined")e=e.originalEvent;return e}function N(t,n){var i=t.type,o,a,l,c,h,p,d,v,m;t=e.Event(t),t.type=n,o=t.originalEvent,a=u,i.search(/^(mouse|click)/)>-1&&(a=f);if(o)for(d=a.length;d;)c=a[--d],t[c]=o[c];i.search(/mouse(down|up)|click/)>-1&&!t.which&&(t.which=1);if(i.search(/^touch/)!==-1){l=T(o),i=l.touches,h=l.changedTouches,p=i&&i.length?i[0]:h&&h.length?h[0]:r;if(p)for(v=0,m=s.length;v<m;v++)c=s[v],t[c]=p[c]}return t}function C(n){var r={},i,s;while(n){i=e.data(n,t);for(s in i)i[s]&&(r[s]=r.hasVirtualBinding=!0);n=n.parentNode}return r}function k(n,r){var i;while(n){i=e.data(n,t);if(i&&(!r||i[r]))return n;n=n.parentNode}return null}function L(){g=!1}function A(){g=!0}function O(){E=0,v.length=0,m=!1,A()}function M(){L()}function _(){c&&(clearTimeout(c),c=0)}function D(){_(),c=setTimeout(function(){c=0,O()},e.vmouse.resetTimerDuration)}function P(t,n,r){var i;if(r&&r[t]||!r&&k(n.target,t))i=N(n,t),e(n.target).trigger(i);return i}function H(t){var n=e.data(t.target,i),r;t.type==="click"&&e.data(t.target,"lastTouchType")==="touchstart"&&setTimeout(function(){e.data(t.target,"lastTouchType")==="touchstart"&&(O(),delete e.data(t.target).lastTouchType,H(t))},e.vmouse.maximumTimeBetweenTouches),!m&&(!E||E!==n)&&(r=P("v"+t.type,t),r&&(r.isDefaultPrevented()&&t.preventDefault(),r.isPropagationStopped()&&t.stopPropagation(),r.isImmediatePropagationStopped()&&t.stopImmediatePropagation()))}function B(t){var n=T(t).touches,r,s,o;n&&n.length===1&&(r=t.target,s=C(r),e.data(t.target,"lastTouchType",t.type),s.hasVirtualBinding&&(E=w++,e.data(r,i,E),_(),M(),d=!1,o=T(t).touches[0],h=o.pageX,p=o.pageY,P("vmouseover",t,s),P("vmousedown",t,s)))}function j(t){if(g)return;d||P("vmousecancel",t,C(t.target)),e.data(t.target,"lastTouchType",t.type),d=!0,D()}function F(t){if(g)return;var n=T(t).touches[0],r=d,i=e.vmouse.moveDistanceThreshold,s=C(t.target);e.data(t.target,"lastTouchType",t.type),d=d||Math.abs(n.pageX-h)>i||Math.abs(n.pageY-p)>i,d&&!r&&P("vmousecancel",t,s),P("vmousemove",t,s),D()}function I(t){if(g||e.data(t.target,"lastTouchType")===r)return;A(),delete e.data(t.target).lastTouchType;var n=C(t.target),i,s;P("vmouseup",t,n),d||(i=P("vclick",t,n),i&&i.isDefaultPrevented()&&(s=T(t).changedTouches[0],v.push({touchID:E,x:s.clientX,y:s.clientY}),m=!0)),P("vmouseout",t,n),d=!1,D()}function q(n){var r=e.data(n,t),i;if(r)for(i in r)if(r[i])return!0;return!1}function R(){}function U(n){var r=n.substr(1);return{setup:function(){q(this)||e.data(this,t,{});var i=e.data(this,t);i[n]=!0,l[n]=(l[n]||0)+1,l[n]===1&&b.bind(r,H),e(this).bind(r,R),y&&(l.touchstart=(l.touchstart||0)+1,l.touchstart===1&&b.bind("touchstart",B).bind("touchend",I).bind("touchmove",F).bind("scroll",j))},teardown:function(){--l[n],l[n]||b.unbind(r,H),y&&(--l.touchstart,l.touchstart||b.unbind("touchstart",B).unbind("touchmove",F).unbind("touchend",I).unbind("scroll",j));var i=e(this),s=e.data(this,t);s&&(s[n]=!1),i.unbind(r,R),q(this)||i.removeData(t)}}}var t="virtualMouseBindings",i="virtualTouchID",s="clientX clientY pageX pageY screenX screenY".split(" "),o="vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split(" "),u="altKey bubbles cancelable ctrlKey currentTarget detail eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),a=e.event.mouseHooks?e.event.mouseHooks.props:[],f=u.concat(a),l={},c=0,h=0,p=0,d=!1,v=[],m=!1,g=!1,y="addEventListener"in n,b=e(n),w=1,E=0,S,x;e.vmouse={moveDistanceThreshold:10,clickDistanceThreshold:10,resetTimerDuration:1500,maximumTimeBetweenTouches:100};for(x=0;x<o.length;x++)e.event.special[o[x]]=U(o[x]);y&&n.addEventListener("click",function(t){var n=v.length,r=t.target,s,o,u,a,f,l;if(n){s=t.clientX,o=t.clientY,S=e.vmouse.clickDistanceThreshold,u=r;while(u){for(a=0;a<n;a++){f=v[a],l=0;if(u===r&&Math.abs(f.x-s)<S&&Math.abs(f.y-o)<S||e.data(u,i)===f.touchID){t.preventDefault(),t.stopPropagation();return}}u=u.parentNode}}},!0)}),function(t){typeof define=="function"&&define.amd?define("ns",["jquery"],t):t(e)}(function(e){return e.mobile={version:"@VERSION"},e.mobile}),function(t){typeof define=="function"&&define.amd?define("support/touch",["jquery","../ns"],t):t(e)}(function(e){var t={touch:"ontouchend"in n};return e.mobile.support=e.mobile.support||{},e.extend(e.support,t),e.extend(e.mobile.support,t),e.support}),function(t){typeof define=="function"&&define.amd?define("events/touch",["jquery","../vmouse","../support/touch"],t):t(e)}(function(e){function f(t,n,i,s){var o=i.type;i.type=n,s?e.event.trigger(i,r,t):e.event.dispatch.call(t,i),i.type=o}var i=e(n),s=e.mobile.support.touch,o=s?"touchstart":"mousedown",u=s?"touchend":"mouseup",a=s?"touchmove":"mousemove";return e.each("touchstart touchmove touchend tap taphold swipe swipeleft swiperight".split(" "),function(t,n){e.fn[n]=function(e){return e?this.bind(n,e):this.trigger(n)},e.attrFn&&(e.attrFn[n]=!0)}),e.event.special.tap={tapholdThreshold:750,emitTapOnTaphold:!0,setup:function(){var t=this,n=e(t),r=!1;n.bind("vmousedown",function(s){function l(){u&&(n.bind("vclick",a),clearTimeout(u))}function c(){l(),n.unbind("vclick",a).unbind("vmouseup",l),i.unbind("vmousecancel",c)}r=!1;if(s.which&&s.which!==1)return!0;var o=s.target,u,a;a=function(e){c(),!r&&o===e.target?f(t,"tap",e):r&&e.preventDefault()},n.bind("vmouseup",l),i.bind("vmousecancel",c),u=setTimeout(function(){e.event.special.tap.emitTapOnTaphold||(r=!0),u=0,f(t,"taphold",e.Event("taphold",{target:o}))},e.event.special.tap.tapholdThreshold)})},teardown:function(){e(this).unbind("vmousedown").unbind("vclick").unbind("vmouseup"),i.unbind("vmousecancel")}},e.event.special.swipe={scrollSupressionThreshold:30,durationThreshold:1e3,horizontalDistanceThreshold:t.devicePixelRatio>=2?15:30,verticalDistanceThreshold:t.devicePixelRatio>=2?15:30,getLocation:function(e){var n=t.pageXOffset,r=t.pageYOffset,i=e.clientX,s=e.clientY;if(e.pageY===0&&Math.floor(s)>Math.floor(e.pageY)||e.pageX===0&&Math.floor(i)>Math.floor(e.pageX))i-=n,s-=r;else if(s<e.pageY-r||i<e.pageX-n)i=e.pageX-n,s=e.pageY-r;return{x:i,y:s}},start:function(t){var n=t.originalEvent.touches?t.originalEvent.touches[0]:t,r=e.event.special.swipe.getLocation(n);return{time:(new Date).getTime(),coords:[r.x,r.y],origin:e(t.target)}},stop:function(t){var n=t.originalEvent.touches?t.originalEvent.touches[0]:t,r=e.event.special.swipe.getLocation(n);return{time:(new Date).getTime(),coords:[r.x,r.y]}},handleSwipe:function(t,n,r,i){if(n.time-t.time<e.event.special.swipe.durationThreshold&&Math.abs(t.coords[0]-n.coords[0])>e.event.special.swipe.horizontalDistanceThreshold&&Math.abs(t.coords[1]-n.coords[1])<e.event.special.swipe.verticalDistanceThreshold){var s=t.coords[0]>n.coords[0]?"swipeleft":"swiperight";return f(r,"swipe",e.Event("swipe",{target:i,swipestart:t,swipestop:n}),!0),f(r,s,e.Event(s,{target:i,swipestart:t,swipestop:n}),!0),!0}return!1},eventInProgress:!1,setup:function(){var t,n=this,r=e(n),s={};t=e.data(this,"mobile-events"),t||(t={length:0},e.data(this,"mobile-events",t)),t.length++,t.swipe=s,s.start=function(t){if(e.event.special.swipe.eventInProgress)return;e.event.special.swipe.eventInProgress=!0;var r,o=e.event.special.swipe.start(t),f=t.target,l=!1;s.move=function(t){if(!o||t.isDefaultPrevented())return;r=e.event.special.swipe.stop(t),l||(l=e.event.special.swipe.handleSwipe(o,r,n,f),l&&(e.event.special.swipe.eventInProgress=!1)),Math.abs(o.coords[0]-r.coords[0])>e.event.special.swipe.scrollSupressionThreshold&&t.preventDefault()},s.stop=function(){l=!0,e.event.special.swipe.eventInProgress=!1,i.off(a,s.move),s.move=null},i.on(a,s.move).one(u,s.stop)},r.on(o,s.start)},teardown:function(){var t,n;t=e.data(this,"mobile-events"),t&&(n=t.swipe,delete t.swipe,t.length--,t.length===0&&e.removeData(this,"mobile-events")),n&&(n.start&&e(this).off(o,n.start),n.move&&i.off(a,n.move),n.stop&&i.off(u,n.stop))}},e.each({taphold:"tap",swipeleft:"swipe.left",swiperight:"swipe.right"},function(t,n){e.event.special[t]={setup:function(){e(this).bind(n,e.noop)},teardown:function(){e(this).unbind(n)}}}),e.event.special})}); //--><!]]> </script> </div> </div> <div id="block-block-116" class="block block-block Slideshow-style-script-block"> <div class="content"> <style> <!--/*--><![CDATA[/* ><!--*/ body.sidebar #main .sidebar .block.odo-slideshow.odo-spotlight.no-top { margin-top:-15px !important; } .odo-slideshow.odo-spotlight:not(.spotlite) > div.content > ul { padding:20px 0 20px 0 !important; border-top:1px dotted #000; border-bottom:1px solid #e1e1e1; margin:20px 0 20px 0 !important; } .odo-slideshow.odo-spotlight.no-top:not(.spotlite) > div.content > ul { padding-top:0 !important; border-top:0; margin-top:0 !important; } .odo-slideshow > div.content > ul > li { position:absolute; left:-10000px; opacity:0; list-style:none; padding:0 !important; margin:0 !important; } .odo-slideshow > div.content > ul > li.spotted { position:static; opacity:1 !important; transition: opacity 2s; } .odo-slideshow > div.content > ul > li::before { display:none !important; } .odo-spotlight > div.content > ul > li > a { padding:0 !important; border:0 !important; } .odo-spotlight > div.content > ul > li > p { padding:0 !important; margin:0 0 10px 0 !important; } .odo-spotlight > div.content > ul > li img { width:100% !important; height:auto !important; } /* pointer-events: none; */ .odoPager { text-align:center; } .odoPager > a { display:inline-block !important; padding:0 4px 0 0 !important; border-bottom:0 !important; text-decoration:none; } .odoPagerLink:after { content:" | "; } .odoPagerLink:nth-last-child(2)::after { content:"" !important; } .odoPagerLink.spotting span { color:#999 !important; text-decoration:underline !important; } /*--><!]]>*/ </style> <script> <!--//--><![CDATA[// ><!-- var randno; var spotlightItems; var odoPagerLinks; var theEventTimer; jQuery(document).ready(function($){ if($(".odo-spotlight > div.content > ul > li").length > 0) { if($(".odo-spotlight > div.content > ul").attr("data-odoStartSlide") && $(".odo-spotlight > div.content > ul").attr("data-odoStartSlide") > 0 && $(".odo-spotlight > div.content > ul").attr("data-odoStartSlide") <= $(".odo-spotlight > div.content > ul > li").length) { randno = $(".odo-spotlight > div.content > ul").attr("data-odoStartSlide")-1; } else { //randno = Math.floor(Math.random() * (max - min) ) + min; // a random number between min and max (excluding max to handle indexing). randno = Math.floor(Math.random() * ($(".odo-spotlight > div.content > ul > li").length - 0) ) + 0; } spotlightItems = $(".odo-spotlight > div.content > ul > li"); spotlightItems[randno].classList.add("spotted"); if($(".odo-spotlight > div.content > ul > li").length > 1) { $(".odo-spotlight > div.content > ul > li *").attr("draggable","false"); var odoPager = document.createElement("div"); odoPager.setAttribute("class","odoPager"); $(".odo-spotlight > div.content > ul").after(odoPager) $(".odo-spotlight > div.content > ul > li").each(function(index) { $(this).mouseover(stopAutoSwitchEvent); if(index==0) { $(".odoPager").html('<a id="odoPagerPrev" href="javascript:void(0);" onclick="switchEvent(-1)">⟨ '); } var pagerLable= index+1; $(".odoPager").html($(".odoPager").html() + '<a class="odoPagerLink" href="javascript:void(0);" onclick="switchEvent(' + index + ')"><span>' + pagerLable + ''); if(index==$(".odo-spotlight > div.content > ul > li").length-1) { var odoPager = document.createElement("p"); $(".odoPager").html($(".odoPager").html() + ' <a id="odoPagerNext" href="javascript:void(0);" onclick="switchEvent(1000)">⟩'); } }); odoPagerLinks = document.getElementsByClassName("odoPagerLink"); odoPagerLinks[randno].classList.add("spotting"); theEventTimer = setInterval(autoSwitchEvent, 20000); $(".odo-spotlight > div.content > ul").swipeleft(function() { $("#odoPagerNext").click(); clearSelection(); }); $(".odo-spotlight > div.content > ul").swiperight(function() { $("#odoPagerPrev").click(); clearSelection(); }); } } resizeSpotLite(); $(window).resize( function() { resizeSpotLite() } ); function resizeSpotLite() { if(window.innerWidth < 1365) { $(".node-page > .content > .field-name-field-body > .field-items > .field-item").append($(".spotlite")); } else { $("#sidebar-2 .region-sidebar .block:first").after($(".spotlite")); } } }); function switchEvent(theEvent) { stopAutoSwitchEvent(); spotlightItems[randno].classList.remove("spotted"); odoPagerLinks[randno].classList.remove("spotting"); if(theEvent==-1) { theEvent=randno-1; if(theEvent==-1) { theEvent=spotlightItems.length-1; } } if(theEvent==1000) { theEvent=randno+1; if(theEvent==spotlightItems.length) { theEvent=0; } } randno=theEvent; spotlightItems[theEvent].classList.add("spotted"); odoPagerLinks[theEvent].classList.add("spotting"); } function autoSwitchEvent() { spotlightItems[randno].classList.remove("spotted"); odoPagerLinks[randno].classList.remove("spotting"); if(randno == spotlightItems.length-1) { randno=-1; } spotlightItems[randno+1].classList.add("spotted"); odoPagerLinks[randno+1].classList.add("spotting"); randno=randno+1; } function stopAutoSwitchEvent() { clearInterval(theEventTimer); } function clearSelection(){ if (window.getSelection) { window.getSelection().removeAllRanges(); } else if ( document.selection) {document.selection.empty(); } } //--><!]]> </script> </div> </div> </div> </div> </div> <h1 class="title" id="page-title">What We Do</h1> <div class="content-top"> <div class="region region-content-top"> <div id="block-fieldblock-node-page-default-field-paragraph-sliders" class="block block-fieldblock"> <div class="content"> <div class="paragraphs-items paragraphs-items-field-paragraph-sliders paragraphs-items-field-paragraph-sliders-full paragraphs-items-full"> <div class="field field-name-field-paragraph-sliders field-type-paragraphs field-label-hidden"><div class="field-items"><div class="field-item even"><div class="entity entity-paragraphs-item paragraphs-item-slider"> <div class="content"> <div class="field field-name-field-pg-slider-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><div class="bg-slider-image" style="background-image:url('https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/styles/slider_image_full/public/CSEO_BrainCamp_2560x1000_04082019.jpg?itok=2RuYkfp5')"></div></div></div></div><div class="group-slider-content field-group-div"><div class="group-slider-inside field-group-div"><div class="field field-name-field-pg-slider-title field-type-text field-label-hidden"><div class="field-items"><div class="field-item even">Since 1999, The Center for Science Education and Outreach has provided programs and services that lead to student academic success, increased college-going rates and exploration of various STEM careers for the students and schools we serve.</div></div></div></div></div> </div> </div> </div></div></div></div> </div> </div> </div> </div> <div id="main-wrapper"> <div id="main" class="clearfix"> <div id="content" class="column"> <div class="inside"> <a id="main-content"></a> <div class="tabs"></div> <div class="region region-content"> <div id="block-system-main" class="block block-system"> <div class="content"> <div id="node-1" class="node node-page slider-primary clearfix" about="/what-we-do" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="What We Do" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> <div class="content"> <div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><div class="odo-wrapper no-top"> <div class="care-half" id="care-left"><a href="https://www.youtube.com/watch?v=bQeP8vIpFxs" target="_blank"><img alt="Watch the C.S.E.O. Building Futures Video on Youtube to learn more about the impact of our programs on the lives and vision San Francisco High School Students." src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/cseo-box_Building-Futures-Video.jpg" /></a></div> <div class="care-half care-right-half" id="care-right"><a class="care-box" href="/summer-opportunities"><img alt="Summer Opportunities: Participate in one of our summer programs." src="/sites/g/files/tkssra4026/f/cseo-box-summer-opportunities.jpg" /></a> <a class="care-box care-box-right" href="/events"><img alt="Events: See what's coming up and join us." src="/sites/g/files/tkssra4026/f/cseo-box-cseo-events.jpg" /></a> <a class="care-box" href="/volunteer"><img alt="Volunteer: Get involved and help students." src="/sites/g/files/tkssra4026/f/cseo-box-cseo-volunteer.jpg" /></a> <a class="care-box care-box-right" href="/donate"><img alt="Donate: Give to the Center for Science Education and Outreach." src="/sites/g/files/tkssra4026/f/cseo-box-cseo-donate.jpg" /></a></div> </div> <div class="covid-message" style="float: left; padding-top: 15px; border-top: 1px solid #ddd; margin-top: -9px;"> <h2 class="odo-header">A Message About COVID 19</h2> <p>UCSF supports every action that helps to minimize transmission of COVID-19. We are currently adapting our policies to align with state and local regulations. For up-to-date information and resources, visit <a href="https://coronavirus.ucsf.edu" target="_blank">coronavirus.ucsf.edu</a></p> <p>We want to reassure you that even as we practice physical distancing, we still support and serve our community. Please do not hesitate to contact us by emailing <a href="/cdn-cgi/l/email-protection#d3b7bcbdb2bfb7fda4bcbcb7a0bcbd93a6b0a0b5fdb6b7a6"><span class="__cf_email__" data-cfemail="61050e0f000d054f160e0e05120e0f21140212074f040514">[email protected]</span></a>.</p> <p><strong>NOTE:</strong> Because of the current COVID-19 public health crisis, a number of CSEO events have been cancelled. Please check the individual program/event listing.</p> </div> </div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="column"> <div class="sidebar"> <div class="section"> <div class="region region-sidebar"> <div id="block-block-141" class="block block-block odo-slideshow odo-spotlight block-menu-block callout-block"> <h3>CSEO Spotlight</h3> <div class="content"> <ul data-odostartslide="1" style="padding-top:0 !important;"> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://cseo.ucsf.edu/events/map-college-2024"><img alt="MAP to College 2024 September 28, 2024 | 9:00 am - 1:30 pm | Check-in starts at 8:00 am. MAP to College is an informational event for SF Bay Area high school seniors and their families, sponsored by the UCSF CSEO. Learn more and register." height="730" src="/sites/g/files/tkssra4026/f/Map_to_College_2024-spotlight-2.png" width="730" /></a></p> </li> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://cseo.ucsf.edu/host-sfusd-summer-interns"><img alt="Opportunity: Host a SFUSD High School Intern: UCSF seeks hosts for underrepresented San Francisco Unified School District (SFUSD) high school summer interns interested in learning about the health sciences and its related careers. LEARN MORE" height="730" src="/sites/g/files/tkssra4026/f/UCSF_Summer_Intern-spotlight.jpg" width="730" /></a></p> </li> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://cseo.ucsf.edu/summer-opportunities#pitch"><img alt="PITCH Summer Mentors Needed. Open to all UCSF Graduate Students. Earn $1500 this summer. Learn more about the role." height="730" src="/sites/g/files/tkssra4026/f/PITCH-2022-Counselor-spotlight.jpg" width="730" /></a></p> </li> </ul> </div> </div> </div> </div> </div> </div> </div></div> <div id="footer"> <div class="section"> <div class="region region-footer"> <div id="block-block-21" class="block block-block footer-block footer-contact-block"> <h3>Contact Us</h3> <div class="content"> <p><strong>Center for Science Education and Outreach</strong><br /> 1855 Folsom Street, Suite 548<br /> Mission Center Building, Box 0934<br /> San Francisco, CA 94143-0934<br /> Email: <a href="/cdn-cgi/l/email-protection#187b6b7d77586d7b6b7e367d7c6d"><span class="__cf_email__" data-cfemail="741707111b34011707125a111001">[email protected]</span></a></p> </div> </div> <div id="block-block-11" class="block block-block footer-block footer-resources-block"> <h3>Get Involved</h3> <div class="content"> <!--a class="footer-email" href="#" target="_self">Request some kind of information</a><br /> <a class="footer-listserv" href="subscribe-our-listserv">Subscribe to our listserv</a><br /--> <a id="donateLink" class="donate-link" href="/donate">Donate</a><br /> <a id="volunteerLink" class="volunteer-link" href="/volunteer">Volunteer</a> </div> </div> <div id="block-views-mondo-menu-block" class="block block-views mondo_menu_view_block"> <div class="content"> <div class="view view-mondo-menu view-id-mondo_menu view-display-id-block mondo-menu view-dom-id-596f372cdf985a85b7d23b946fb4b3de"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="views-field views-field-field-mondo-menu-image"> <div class="field-content"><img typeof="foaf:Image" src="https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/mondo_menu/test_menu-img-0.jpg" width="300" height="200" alt="" /></div> </div> <div class="views-field views-field-body"> <div class="field-content">This is a test of Mondo Menu Item content. If this had been actual Mondo menu content, it would be more interesting. </div> </div> </div> </div> </div> </div> </div> <div id="block-block-36" class="block block-block mondo-menu-block"> <div class="content"> <span id="mondo-float">left</span> <span class="mondo-img">https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/menu-img-0.jpg</span> <span class="mondo-content">CSEO works with K-16 students, their parents, school representatives and community members to design, implement and evaluate programs and services that foster students' academic development to make them admissible to the post-secondary institution of their choice.</span> <span class="mondo-img">https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/menu-img-3.jpg</span> <span class="mondo-content">EAOP provides services that lead to academic success, exposes underrepresented and educationally disadvantaged students and their families to health careers, and increase the number going to college.</span> <span class="mondo-img">https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/menu-img-1.jpg</span> <span class="mondo-content">CSEO programs assist first-generation, socio-economically disadvantaged, and English-language learners by helping them prepare for postsecondary education, pursue graduate and professional school opportunities, in addition to exposing them to various health careers.</span> <!--span class="mondo-img">https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/menu-img-2.jpg</span> <span class="mondo-content">Our resources are a guide for Students, Parents, Mentors and School Personnel who want to want useful tools and information on College Knowledge.</span--> <span class="mondo-img">https://cseo.ucsf.edu/sites/g/files/tkssra4026/f/menu-img-6.jpg</span> <span class="mondo-content">Explore summer programs that expose high school and graduate students to health care education and careers.</span> </div> </div> </div> <div class="footer-bottom"> <nav aria-label="Footer Navigation" class="footer--navigation"> <ul> <li><a href="https://www.ucsf.edu/accessibility-resources">Accessibility</a></li> <li><a href="https://www.ucsf.edu/website-privacy-policy">Privacy Policy</a></li> <li><a href="https://websites.ucsf.edu/website-terms-use">Terms of Use </a></li> <li><a href="https://websites.ucsf.edu/azlist">A-Z Website List</a></li> </ul> </nav> <div class="footer--copyright"> <p>© 2024 The Regents of the University of California</p> </div> </div> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_8343.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>