CINXE.COM
Community Building | Multicultural Resource Center
<!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="/community-building" /> <link rel="shortlink" href="/node/156" /> <link rel="shortcut icon" href="https://mrc.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://mrc.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://mrc.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="Multicultural Resource Center" /> <meta property="twitter:url" content="https://mrc.ucsf.edu/community-building" /> <meta property="og:url" content="https://mrc.ucsf.edu/community-building" /> <meta property="twitter:title" content="Community Building | Multicultural Resource Center" /> <meta property="og:title" content="Community Building" /> <title>Community Building | Multicultural Resource Center</title> <link type="text/css" rel="stylesheet" href="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/css/css_kShW4RPmRstZ3SpIC-ZvVGNFVAi0WEMuCnI0ZkYIaFw.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/css/css_EJL_7lrjsH8BZ6q38g9TN9dgvY5IouUd4PiJZQyBEFI.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://mrc.ucsf.edu/sites/g/files/tkssra4291/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://mrc.ucsf.edu/sites/g/files/tkssra4291/f/css/css_-5KGL3kpG9BJtjhjan_sSs2LNKUh8DXr0FbFKbHMQxM.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" /> <link type="text/css" rel="stylesheet" href="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/css/css_ApJ4vsstzpdaC9vzq_-8Klb3MFGflA25_mW2L7Z7vog.css" media="all" /> <script type="text/javascript" src="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/js/js_Pt6OpwTd6jcHLRIjrE-eSPLWMxWDkcyYrPTIrXDSON0.js"></script> <script type="text/javascript" src="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/js/js_onbE0n0cQY6KTDQtHO_E27UBymFC-RuqypZZ6Zxez-o.js"></script> <script type="text/javascript" src="https://mrc.ucsf.edu/sites/g/files/tkssra4291/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://mrc.ucsf.edu/sites/g/files/tkssra4291/f/js/js_Md_O18EkEkENyifmdSaTOM057n9-b6JB039etuiVtGE.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-8ML8MM3GHY"></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-8ML8MM3GHY", {"groups":"default","anonymize_ip":true}); //--><!]]> </script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- var sliderSecondary ='slider-secondary-no-image';var sliderPrimary ='slider-image-full'; //--><!]]> </script> <script type="text/javascript" src="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/js/js_3KU2G0XuUwThidq7lpTBQghUO1g1ty4dEdv-co66Xqw.js"></script> <script type="text/javascript" src="https://mrc.ucsf.edu/sites/g/files/tkssra4291/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":"gAGLiZWlJ_K3JdIgbgGaPFPEdsAjn8amhU_jWxViPA4","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-8ML8MM3GHY":1,"0":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-8ML8MM3GHY"],"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":{"\/community-building":true}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-156 node-type-page slider-secondary ucsf-b1gfoot font--header--granjon slider-secondary-no-image profile--grid sidebar sidebar--left sidebar-color--white" > <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://mrc.ucsf.edu/sites/g/files/tkssra4291/f/UCSF_MRC_logo_navy_RGB.jpg" alt="Home" /> </a> <div class="region region-header"> <div id="block-block-6" 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; xbackground: white url("//disability.ucsf.edu/sites/g/files/tkssra5946/f/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 { xbackground: white url("//disability.ucsf.edu/sites/g/files/tkssra5946/f/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-36" class="block block-block temp-mrc-style"> <div class="content"> <style type="text/css"> <!--/*--><![CDATA[/* ><!--*/ div.ctct-form-embed div.ctct-form-defaults { padding:0 !important; } h2.ctct-form-header { float:left; font-family: "GranjonLTW01-Roman","Granjon",Garamond,serif !important; line-height: 1 !important; font-weight: 300 !important; letter-spacing: normal !important; color: #6ea400 !important; width:100% !important; margin-top:0px !important; } div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { max-width: 320px !important; } x.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button { max-width: 320px !important; } .ctct-form-embed .ctct-form-custom .ctct-form-button { max-width:320px; } div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer { max-width: 320px !important; } div.ctct-form-embed div.ctct-form-defaults .g-recaptcha { display: none; } .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; } .front .bg-slider-image { background-position: center; } /* .events-widget-block .event { display:block !important; float:none !important; width:100% !important; } body.three-column.sidebar--left.page-node-101 #content { width: 72% !important; } */ /* fake spotlight slideshow */ .spotlight-item { position:absolute; left:-10000px; opacity:0; } .spotlight-item.spotted { position:static; opacity:1 !important; transition: opacity 2s; } .geoPager { text-align:center; } .geoPagerLink:after { content:" | "; } .geoPagerLink:nth-last-child(2)::after { content:"" !important; } .geoPagerLink.spotting span { color:#999 !important; text-decoration:underline !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-11" 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-106" class="block block-block temp-mrc-script"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- jQuery(document).ready(function($){ toggleTitleSettings(); $(window).resize(function() { toggleTitleSettings(); }); function toggleTitleSettings() { if(window.innerWidth > 768 && window.innerWidth < 970) { $(".front #page-title").html("Welcome to the MRC"); } else { $(".front #page-title").html("Welcome to the Multicultural Resource Center"); } } $(".footer-bottom .footer--navigation a").attr("target","_blank"); }); //--><!]]> </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="/community-building" 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-lHXTafPr2jnEb6UbLN_5TDzFfYF-zscMV47cfrmV7Qc" /> <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"></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 menu-mlid-1381"><a href="/">About</a><ul class="menu"><li class="first leaf has-children menu-mlid-2331"><a href="/who-we-are">Who We Are</a></li> <li class="leaf has-children menu-mlid-2316"><a href="/campus-resources">Campus Resources</a></li> <li class="last leaf menu-mlid-2601"><a href="/diversity-committees">Diversity Committees</a></li> </ul></li> <li class="expanded active-trail menu-mlid-2616"><a href="/programming-services" class="active-trail">Programming & Services</a><ul class="menu"><li class="first leaf menu-mlid-2556"><a href="/programming-services">Overview</a></li> <li class="leaf menu-mlid-14196"><a href="/annual-programming">Annual Programming</a></li> <li class="leaf menu-mlid-2611"><a href="/social-justice-advocacy">Social Justice & Advocacy</a></li> <li class="leaf active-trail active menu-mlid-2631"><a href="/community-building" class="active-trail active">Community Building</a></li> <li class="leaf menu-mlid-2386"><a href="/education">Education</a></li> <li class="leaf menu-mlid-2396"><a href="/event-planning">Event Planning</a></li> <li class="leaf menu-mlid-2646"><a href="/consultation">Consultation</a></li> <li class="leaf menu-mlid-2391"><a href="/funding">Funding</a></li> <li class="last leaf menu-mlid-2406"><a href="/food-security-program">Food Security Program</a></li> </ul></li> <li class="expanded menu-mlid-10426"><a href="/resources">Resources</a><ul class="menu"><li class="first leaf menu-mlid-10451"><a href="/resources">Overview</a></li> <li class="leaf menu-mlid-10431"><a href="/allyship">Allyship</a></li> <li class="leaf menu-mlid-10436"><a href="/racial-equity-anti-black-racism">Racial Equity & Anti-Black Racism</a></li> <li class="leaf menu-mlid-10441"><a href="/healing-black-indigenous-and-people-color">Healing for Black, Indigenous, and People of Color</a></li> <li class="last leaf menu-mlid-10446"><a href="/california-and-national-social-justice-equity-organizations">California and National Social Justice & Equity Organizations</a></li> </ul></li> <li class="expanded menu-mlid-2651"><a href="/events">Events</a><ul class="menu"><li class="first leaf menu-mlid-2726"><a href="/events">Upcoming Events</a></li> <li class="last leaf menu-mlid-2731"><a href="/past-events">Past Events</a></li> </ul></li> <li class="collapsed menu-mlid-2321"><a href="/get-involved">Get Involved</a></li> <li class="last leaf menu-mlid-15651"><a href="https://diversity.ucsf.edu" target="_blank">Office of Diversity and Outreach</a></li> </ul></div> </div> </div> <div id="block-block-136" 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 id="block-block-141" 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> </div> </div> <div id="breadcrumb" class="row-full-width"><div class="inside"><h2 class="element-invisible">You are here</h2><div class="breadcrumb"><a href="/">Home</a> > <a href="/programming-services">Programming & Services</a> > <span class="breadcrumb-page-title">Community Building</span></div></div></div> <h1 class="title" id="page-title">Community Building</h1> <div class="content-top"> </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-156" class="node node-page slider-secondary clearfix" about="/community-building" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Community Building" 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"><p style="text-align:center"><img alt="A well-lit indoor space filled with a diverse group of UCSF learners and staff in conversation during the Fall Open House event organized by the UCSF Resource Centers at Parnassus." height="550" src="/sites/g/files/tkssra4291/f/odo-welcome-2023-115_880x550.jpg" width="880" /></p> <h2 class="odo-header">Community Building</h2> <p>The MRC sponsors and co-sponsors various community building events to celebrate cultural heritage and diversity. Learn more about <a href="/event-planning-consutation">how to plan</a> a community building event.</p> <h2 class="odo-header">Cultural Registered Campus Organizations</h2> <p><a href="https://studentlife.ucsf.edu/" target="_blank">Student Life, Academic Affairs </a>oversees all UCSF Student Registered Campus Organizations. These are the current 2021-2022 Cultural RCOs. For additional information, please visit <a href="https://ucsf.campusgroups.com/club_signup" target="_blank">Group Portal</a>.</p> <ul class="odo-list"> <li><a href="https://www.anamstudents.org/" target="_blank">Association for Native American Medical Students (</a>ANAMS-UCSF Chapter)</li> <li><a href="https://apamsa.org/" target="_blank">Asian Pacific American Medical Student Association </a>(APAMSA UCSF Chapter)</li> <li>Asian Health Caucus</li> <li>Black Student Health Alliance (BSHA)</li> <li><a href="https://ucsf.campusgroups.com/bestem/home/" target="_blank">Black Excellence in STEM (BE-STEM)</a></li> <li><a href="https://ucsf.campusgroups.com/snma/home/" target="_blank">Student National Medical Association</a> (SNMA- UCSF Chapter)</li> <li><a href="https://ucsf.campusgroups.com/lmsa/home/" target="_blank">Latino Medical Student Association</a> (LMSA-UCSF Chapter)</li> <li><a href="https://www.facebook.com/UCSFCHE/" target="_blank">Chicanos/Latinos In Health Education</a> (CHE-UCSF Chapter)</li> <li><a href="http://chpsaucsf.wixsite.com/home" target="_blank">Chinese Health Professional Student Association</a></li> <li><a href="http://www.donoharmcoalition.org/" target="_blank">Do No Harm Coalition</a></li> <li><a href="https://www.facebook.com/FDSCatUCSF?ref=br_tf" target="_blank">Filipino Dental Student Coalition</a></li> <li><a href="https://www.facebook.com/HispanicStudentDentalAssociationhsdaChapterAtUcsf" target="_blank">Hispanic Student Dental Association</a> (HSDA- UCSF Chapter)</li> <li>Indian Student Association</li> <li>Japanese Cultural Club</li> <li><a href="https://www.facebook.com/groups/227315523996455/" target="_blank">Korean American Health Professional Student Association</a></li> <li><a href="https://ucsf.campusgroups.com/nhpa/home/" target="_blank">National Hispanic Pharmacists Assocation </a>(UCSF Chapter)</li> <li><a href="https://ucsf.campusgroups.com/mesa/home/" target="_blank">Middle Eastern Student Association</a></li> <li>Nursing Students of Color</li> <li>Practicamos Juntos Spanish Conversation Group</li> <li><a href="https://ucsf.campusgroups.com/sacnas/home/" target="_blank">Society for Advancement of Chicanos and Native Americans in Science at UCSF</a></li> <li>Vietnamese Student Association</li> <li><a href="https://www.facebook.com/voceslatinasucsf" target="_blank">Voces Latinas Nursing Student Association</a></li> </ul> <p>For more further information on cultural staff organizations and committees, please visit the <a href="https://ucsf.campusgroups.com/club_signup?group_type=14799&category_tags=" target="_blank">Staff Group Portal</a> and/or explore <a href="https://diversity.ucsf.edu/about/committees" target="_blank">ODO's Diversity and Inclusion Committees</a>.</p> </div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="column"> <div class="sidebar_top"> <div class="region region-sidebar-top"> <div id="block-menu-block-2" class="block block-menu-block"> <h3><a href="/programming-services" class="active-trail">Programming & Services</a></h3> <div class="content"> <div class="menu-block-wrapper menu-block-2 menu-name-main-menu parent-mlid-0 menu-level-2"> <ul class="menu"><li class="first leaf menu-mlid-2556"><a href="/programming-services">Overview</a></li> <li class="leaf menu-mlid-14196"><a href="/annual-programming">Annual Programming</a></li> <li class="leaf menu-mlid-2611"><a href="/social-justice-advocacy">Social Justice & Advocacy</a></li> <li class="leaf active-trail active menu-mlid-2631"><a href="/community-building" class="active-trail active">Community Building</a></li> <li class="leaf menu-mlid-2386"><a href="/education">Education</a></li> <li class="leaf menu-mlid-2396"><a href="/event-planning">Event Planning</a></li> <li class="leaf menu-mlid-2646"><a href="/consultation">Consultation</a></li> <li class="leaf menu-mlid-2391"><a href="/funding">Funding</a></li> <li class="last leaf menu-mlid-2406"><a href="/food-security-program">Food Security Program</a></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 id="contact-us"> <strong>Multicultural Resource Center</strong><br /> Office of Diversity & Outreach<br /> 500 Parnassus Avenue, MU 102<br /> University of California, San Francisco<br /> San Francisco, CA 94143<br /> Phone: (415) 502-1911<br /> Email: <a href="/cdn-cgi/l/email-protection#0d405f4e4d786e7e6b23686978"><span class="__cf_email__" data-cfemail="e9a4bbaaa99c8a9a8fc78c8d9c">[email protected]</span></a> </p> </div> </div> <div id="block-block-31" class="block block-block footer-block footer-social-block"> <h3>Connect</h3> <div class="content"> <a href="//www.facebook.com/UCSFMRC/" target="_blank"><img alt="Join us on Facebook." src="/sites/g/files/tkssra4291/f/facebook_tmb.png" style="margin-right: 15px;" /></a><a href="//twitter.com/UCSF_MRC" target="_blank"><img alt="Follow us on Twitter." src="/sites/g/files/tkssra4291/f/twitter_icon_tmb.png" style="margin-right: 15px;" /></a><a href="//www.flickr.com/photos/ucsfdiversity/albums" target="_blank" style="margin-right: 15px;"><img alt="Explore past events on Flickr." src="/sites/g/files/tkssra4291/f/flickr_icon.png" /></a><a href="//www.instagram.com/mrc_ucsf/" target="_blank"><img alt="Check us out on Instagram." src="/sites/g/files/tkssra4291/f/instagram_tmb.png" /></a> <br /> Get the <a href="/get-involved">MRC Newsletter</a>. </div> </div> <div id="block-block-66" class="block block-block mondo-menu-block"> <div class="content"> <span id="mondo-float">left</span> <span class="mondo-img">/sites/g/files/tkssra4291/f/menu-img-about.jpg</span> <span class="mondo-content">Founded in 2012 as a direct outcome of student-led activism, the Multicultural Resource Center provides student-centric space and programming designed to support historically underrepresented learners.</span> <span class="mondo-img">/sites/g/files/tkssra4291/f/menu-img-services.jpg</span> <span class="mondo-content">At our core the MRC is a hub for cultural heritage celebrations, student activism, and diversity education.</span> <span class="mondo-img">/sites/g/files/tkssra4291/f/menu-img-resources.jpg</span> <span class="mondo-content">Curated and vetted resources we all can use to (re)commit and do the work, individually and collectively.</span> <span class="mondo-img">/sites/g/files/tkssra4291/f/menu-img-events_0.jpg</span> <span class="mondo-content">The MRC strives to curate programming and educational events that inspire the UCSF community to thick critically about social justice.</span> </div> </div> </div> <div class="footer-bottom"> <nav aria-label="Footer Navigation" class="footer--navigation"> <ul> <li><a href="/cdn-cgi/l/email-protection#7e332c3d3e0b1d0d18501b1a0b">Contact Us</a></li> <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>