CINXE.COM
Resources | 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="/resources" /> <link rel="shortlink" href="/node/626" /> <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/resources" /> <meta property="og:url" content="https://mrc.ucsf.edu/resources" /> <meta property="twitter:title" content="Resources | Multicultural Resource Center" /> <meta property="og:title" content="Resources" /> <title>Resources | 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":"ZNxDiHDDnIpfeCahwJdeWKkNpq0YrCWtWkFsKaL3C2g","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":{"\/resources":true}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-626 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="/resources" 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-Y-QkOBfMbgGcNwFQJacaBazw6GXIQERb86pnAAKZOr0" /> <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 menu-mlid-2616"><a href="/programming-services">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 menu-mlid-2631"><a href="/community-building">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 active-trail active menu-mlid-10426"><a href="/resources" class="active-trail active">Resources</a><ul class="menu"><li class="first leaf active-trail active menu-mlid-10451"><a href="/resources" class="active-trail active">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="/resources" class="active">Resources</a> > <span class="breadcrumb-page-title">Overview</span></div></div></div> <h1 class="title" id="page-title">Resources</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-626" class="node node-page slider-secondary clearfix" about="/resources" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Resources" 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><img alt="" height="282" src="https://mrc.ucsf.edu/sites/g/files/tkssra4291/f/resources_header.jpg" width="880" /></p> <p><em>"Solidarity is not the same as support. To experience solidarity, we must have a community of interests, shared beliefs and goals around which to unite, to build.... Support can be occasional. <strong>Solidarity requires sustained, ongoing commitment.</strong>"</em> - bell hooks</p> <p>As we come together at UCSF to confront and combat systemic & institutional racism, the MRC staff has curated and vetted the following resources with the hope that it provides the opportunity for us to (re)commit and do the work, individually and collectively. We encourage you to reflect and ensure that any action(s) you take is not rooted in 'false generosity' and performative allyship. (Freire, 1970).</p> <style type="text/css"> <!--/*--><![CDATA[/* ><!--*/ @media only screen and (min-width: 769px) { .odo-mobile-view { display:none; } } /*--><!]]>*/ </style> <p class="odo-mobile-view" style="margin-bottom:10px;"><strong>Explore:</strong></p> <ul class="odo-list odo-mobile-view"> <li><a href="https://mrc.ucsf.edu/allyship">Allyship</a></li> <li><a href="https://mrc.ucsf.edu/racial-equity-anti-black-racism">Racial Equity & Anti-Black Racism</a></li> <li><a href="https://mrc.ucsf.edu/healing-black-indigenous-and-people-color">Healing for Black, Indigenous, and People of Color</a></li> <li><a href="https://mrc.ucsf.edu/california-and-national-social-justice-equity-organizations">California and National Social Justice & Equity Organizations</a></li> </ul> <p>Please note that these resources are not an exhaustive list and will periodically be updated.</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="/resources" class="active-trail active">Resources</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 active-trail active menu-mlid-10451"><a href="/resources" class="active-trail active">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></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#430e110003362030256d262736"><span class="__cf_email__" data-cfemail="6c213e2f2c190f1f0a42090819">[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#9bd6c9d8dbeef8e8fdb5feffee">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>