CINXE.COM

Online Educational Modules & Training | LGBTQ 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="/online-educational-modules-training" /> <link rel="shortlink" href="/node/18391" /> <link rel="shortcut icon" href="https://lgbtq.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://lgbtq.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://lgbtq.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="LGBTQ Resource Center" /> <meta property="twitter:url" content="https://lgbtq.ucsf.edu/online-educational-modules-training" /> <meta property="og:url" content="https://lgbtq.ucsf.edu/online-educational-modules-training" /> <meta property="twitter:title" content="Online Educational Modules &amp;amp; Training | LGBTQ Resource Center" /> <meta property="og:title" content="Online Educational Modules &amp;amp; Training" /> <title>Online Educational Modules & Training | LGBTQ Resource Center</title> <link type="text/css" rel="stylesheet" href="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/css/css_kShW4RPmRstZ3SpIC-ZvVGNFVAi0WEMuCnI0ZkYIaFw.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/css/css_EJL_7lrjsH8BZ6q38g9TN9dgvY5IouUd4PiJZQyBEFI.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/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://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/css/css_-5KGL3kpG9BJtjhjan_sSs2LNKUh8DXr0FbFKbHMQxM.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" /> <link type="text/css" rel="stylesheet" href="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/css/css_ApJ4vsstzpdaC9vzq_-8Klb3MFGflA25_mW2L7Z7vog.css" media="all" /> <script type="text/javascript" src="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/js/js_Pt6OpwTd6jcHLRIjrE-eSPLWMxWDkcyYrPTIrXDSON0.js"></script> <script type="text/javascript" src="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/js/js_onbE0n0cQY6KTDQtHO_E27UBymFC-RuqypZZ6Zxez-o.js"></script> <script type="text/javascript" src="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/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://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/js/js_Md_O18EkEkENyifmdSaTOM057n9-b6JB039etuiVtGE.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-XJQLDBKFQK"></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-XJQLDBKFQK", {"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://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/js/js_3KU2G0XuUwThidq7lpTBQghUO1g1ty4dEdv-co66Xqw.js"></script> <script type="text/javascript" src="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/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":"pL4zfJJD1rtLPIS5ZKVrfz5c8ynDHKi38I2TpNSg7OQ","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-XJQLDBKFQK":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-XJQLDBKFQK"],"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":{"\/online-educational-modules-training":true}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-18391 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://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/UCSF_LGBTQresourceCenter_navy_RGB_300x57_0.png" 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: 500px; } .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: 500px; } .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; } x.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-51" class="block block-block temp-lgbt-style"> <div class="content"> <style> <!--/*--><![CDATA[/* ><!--*/ .external-site-icon::after { content: "\f08e"; font-family: fontawesome; margin-left:10px; } 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; } .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; } #ctct_recaptcha_0 { display:none; } div.ctct-form-embed div.ctct-form-defaults .g-recaptcha { display: none; } #logo { line-height:0; padding:12px 0 12px 0; margin:0; } @media screen and (min-width: 380px) { #logo img { vertical-align:top; width:300px; max-width:300px; margin:0; } } @media screen and (min-width: 330px) and (max-width: 379px) { #logo img { vertical-align:top; width:250px; max-width:250px; margin:0; } } @media screen and (max-width: 329px) { #logo img { vertical-align:top; width:238px; max-width:238px; margin:0; } } .front .bg-slider-image { background-position: center; } .front .bg-slider-image::before { content:"" } .front .bg-slider-image::after{ content:"" } /* 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; } } .front .content-top { margin-bottom: 30px; } .page-node-101 #page-title { font-family:Helvetica,Arial,sans-serif; } .page-outlist-directory #page-title { font-family:Helvetica,Arial,sans-serif; } .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; } /* 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-116" class="block block-block temp-lgbt-script"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- jQuery(document).ready(function($){ toggleTitleSettings(); $(window).resize(function() { toggleTitleSettings(); }); function toggleTitleSettings() { if(window.innerWidth > 768 && window.innerWidth < 850) { $(".front #page-title").html("Welcome"); } else { $(".front #page-title").html("Welcome to the LGBT 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==&#039;Search&#039;){ alert(&#039;Please enter a search&#039;); return false; }" action="/online-educational-modules-training" 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-olqHFMwM9PVSeHlEk6HEhnPOiELwXOjld-Pztb11d-Q" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> <div id="block-ucsf-b1gfoot-tweaks-header-socialmedia" class="block block-ucsf-b1gfoot-tweaks"> <div class="content"> <div class="nav-social"><a href="https://www.facebook.com/ucsf.lgbt" class="fa fa-facebook" target="_blank">Facebook</a><a href="https://twitter.com/ucsflgbt" class="fa fa-twitter" target="_blank">Twitter</a><a href="https://www.instagram.com/ucsf.lgbt" class="fa fa-youtube" target="_blank">Youtube</a></div> </div> </div> <div id="block-menu-block-1" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-1381"><a href="/">About</a><ul class="menu"><li class="first leaf has-children menu-mlid-2201"><a href="/who-we-are">Who We Are</a></li> <li class="leaf menu-mlid-1756"><a href="/campus-resources">Campus Resources</a></li> <li class="last leaf menu-mlid-2221"><a href="/community-resources">LGBTQIA+ Community Resources</a></li> </ul></li> <li class="expanded menu-mlid-1766"><a href="/community">Community</a><ul class="menu"><li class="first leaf menu-mlid-2271"><a href="/community">Overview</a></li> <li class="leaf has-children menu-mlid-1771"><a href="/students">Students</a></li> <li class="leaf has-children menu-mlid-1806"><a href="/faculty-staff">Faculty &amp; Staff</a></li> <li class="leaf has-children menu-mlid-1826"><a href="/outlist">The OUTlist</a></li> <li class="leaf menu-mlid-1831"><a href="/lgbtq-newsletter">LGBTQ Newsletter</a></li> <li class="leaf menu-mlid-21296"><a href="https://diversity.ucsf.edu/about/committees/lgbt" target="_blank">UCSF LGBTQ Committee</a></li> <li class="leaf menu-mlid-4376"><a href="/gender-recognition-act">California Gender Recognition Act (SB 179)</a></li> <li class="last leaf menu-mlid-2256"><a href="https://campuslifeserviceshome.ucsf.edu/facilities/inclusive-restrooms" target="_blank">Gender-inclusive Restrooms</a></li> </ul></li> <li class="leaf menu-mlid-6871"><a href="https://trans.ucsf.edu" target="_blank">Trans @ UCSF</a></li> <li class="leaf menu-mlid-22696"><a href="/news">News</a></li> <li class="expanded menu-mlid-1846"><a href="/events">Events</a><ul class="menu"><li class="first leaf menu-mlid-2031"><a href="/events">Upcoming Events</a></li> <li class="leaf menu-mlid-2026"><a href="/past-events">Past Events</a></li> <li class="leaf menu-mlid-2036"><a href="http://calendar.ucsf.edu/group/office_of_diversity_outreach" target="_blank">UCSF Events Calendar</a></li> <li class="last leaf has-children menu-mlid-2041"><a href="/programming-initiatives">Programming Initiatives</a></li> </ul></li> <li class="expanded active-trail menu-mlid-2066"><a href="/education-training" class="active-trail">Education &amp; Training</a><ul class="menu"><li class="first leaf menu-mlid-2231"><a href="/education-training">Overview</a></li> <li class="leaf menu-mlid-2071"><a href="/lgbtqia">LGBTQIA+</a></li> <li class="leaf has-children menu-mlid-2076"><a href="/terminology">Terminology</a></li> <li class="leaf active-trail active menu-mlid-22716"><a href="/online-educational-modules-training" class="active-trail active">Online Educational Modules &amp; Training</a></li> <li class="last leaf menu-mlid-22711"><a href="https://lgbtq.ucsf.edu/pronouns-educational-resources">Pronouns Matter: Educational Resources</a></li> </ul></li> <li class="leaf menu-mlid-2191"><a href="/report-incident">Report an Incident</a></li> <li class="leaf menu-mlid-23411"><a href="https://diversity.ucsf.edu/definition-diversity" target="_blank">Definition of Diversity</a></li> <li class="last leaf menu-mlid-22351"><a href="https://diversity.ucsf.edu" target="_blank">Office of Diversity and Outreach</a></li> </ul></div> </div> </div> <div id="block-block-216" 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="/education-training">Education &amp; Training</a> > <span class="breadcrumb-page-title">Online Educational Modules & Training</span></div></div></div> <h1 class="title" id="page-title">Online Educational Modules &amp; Training</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-18391" class="node node-page slider-secondary clearfix" about="/online-educational-modules-training" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Online Educational Modules &amp; Training" 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"><h2>UC Resources</h2> <p><strong>UCSF School of Medicine</strong></p> <ul> <li><a href="https://vimeo.com/showcase/10879289" target="_blank">Caring for Transgender, Non-Binary, Non-Conforming &amp; Gender Expansive Individuals</a><br /> This is a 4-part video series created at UCSF’s School of Medicine to guide practitioners and others in caring for transgender, non-binary, non-conforming and gender expansive individuals. For questions about this series, please contact <a href="/cdn-cgi/l/email-protection#2c457e636f6769786c594f5f4a02494859"><span class="__cf_email__" data-cfemail="523b001d1119170612273121347c373627">[email&#160;protected]</span></a></li> </ul> <hr /> <p><strong>UC Berkeley – Gender Equity Resource Center</strong></p> <ul> <li><a href="https://www.youtube.com/watch?v=LKJT5_PSx8U" target="_blank">Gender Inclusion: Supporting Trans and Nonbinary Students</a><br /> This video introduces core concepts, policies, and practices to assist advisors in understanding and engaging trans and nonbinary identities and communities. The workshop provides attendees with practices to create gender inclusive spaces to support trans and nonbinary students.</li> </ul> <hr /> <p><strong>UCSF Center of Excellence for Transgender Health</strong></p> <ul> <li><a href="https://prevention.ucsf.edu/transhealth/education/trans101" target="_blank">Trans 101: Transgender People in Everyday Work and Life!</a><br /> Seven interactive, multi-media modules covering core concepts related to transgender people and communities.</li> <li><a href="https://prevention.ucsf.edu/transhealth/education/acknowledging-gender-sex" target="_blank">Acknowledging Gender and Sex: Supporting Health Care Providers in Serving Transgender Patients and Clients</a><br /> The goal of this course is to help health care providers improve the overall health and well-being of transgender people.</li> </ul> <h2>Videos</h2> <p><strong>National LGBTQIA+ Health Education Center</strong> (<a href="https://www.lgbtqiahealtheducation.org/" target="_blank">Create an account to access.</a>)</p> <ul> <li><a href="https://www.lgbtqiahealtheducation.org/courses/so-gi-data-collection-training/" target="_blank">SO/GI Data Collection Demonstration Videos</a><br /> These videos demonstrate best practices in sexual orientation and gender identity data collection. They address common questions and issues that arise for frontline and clinical staff when asking patients about their sexual orientation and gender identity. We hope these videos can provide a valuable training tool for health care staff looking for sample language and best practices. Portions of this course were developed in partnership with <a href="https://www.nychealthandhospitals.org/" target="_blank">New York City Health + Hospitals</a>.</li> <li><a href="https://www.lgbtqiahealtheducation.org/courses/reproductive-care-and-obstetrics-for-transgender-and-gender-diverse-people/" target="_blank">Reproductive Care and Obstetrics for Transgender and Gender Diverse People</a><br /> In this talk from the 2022 Advancing Excellence in Transgender Health Care Conference, Dr. Rebekah Viloria discusses reproductive care and obstetrics for Trans and Gender-Diverse people. By the end of this talk, you will be able to acknowledge barriers and challenges to reproductive and sexual health care for LGBTQIA+ persons, incorporate practices to promote an inclusive and affirming clinical environment, understand the impact of gender affirming therapy on reproductive health, and effectively guide LGBTQIA+ persons on family-building options.</li> <li><a href="https://www.lgbtqiahealtheducation.org/courses/update-on-trans-competent-primary-care/" target="_blank">Update on Trans-Competent Primary Care</a><br /> In this talk from the 2022 Advancing Excellence in Transgender Health Care Conference, Dr. Maddie Deutsch provides an update on trans-competent primary care.</li> </ul> <h2>Learning Modules</h2> <p><strong>National LGBTQIA+ Health Education Center</strong> (<a href="https://www.lgbtqiahealtheducation.org/" target="_blank">Create an account to access.</a>)</p> <ul> <li><a href="https://www.lgbtqiahealtheducation.org/courses/implicit-bias-and-power-imbalances/" target="_blank">Implicit Bias and Power Imbalances</a><br /> This module describes how implicit bias and power imbalances across medical education and clinical settings are key factors influencing the quality of medical education experiences for students, as well as clinical care experiences for patients. This module is part of a series developed by Harvard Medical School.</li> <li><a href="https://www.lgbtqiahealtheducation.org/courses/affirming-care-for-transgender-and-gender-diverse-children-and-adolescents/" target="_blank">Affirming Care for Transgender and Gender Diverse Children and Adolescents</a><br /> In this module for pediatric and family medicine care teams, we will identify best and promising practices for transgender and gender diverse (TGD) youth, explore how gender affirming clinical care supports the mental health of TGD youth, and learn how providers can help guide families in accessing psychosocial and community resources to support TGD youth.</li> </ul> </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="/education-training" class="active-trail">Education &amp; Training</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-2231"><a href="/education-training">Overview</a></li> <li class="leaf menu-mlid-2071"><a href="/lgbtqia">LGBTQIA+</a></li> <li class="collapsed menu-mlid-2076"><a href="/terminology">Terminology</a></li> <li class="leaf active-trail active menu-mlid-22716"><a href="/online-educational-modules-training" class="active-trail active">Online Educational Modules &amp; Training</a></li> <li class="last leaf menu-mlid-22711"><a href="https://lgbtq.ucsf.edu/pronouns-educational-resources">Pronouns Matter: Educational Resources</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-16" class="block block-block footer-block footer-contact-block"> <h3>Contact Us</h3> <div class="content"> <p id="contact-us"> <strong>LGBTQ Resource Center</strong><br /> Office of Diversity &amp; Outreach<br /> 500 Parnassus Avenue, MU 102<br /> San Francisco, CA 94143<br /> Email: <a href="/cdn-cgi/l/email-protection#e488838690a491879782ca818091"><span class="__cf_email__" data-cfemail="09656e6b7d497c6a7a6f276c6d7c">[email&#160;protected]</span></a> </p> </div> </div> <div id="block-block-21" class="block block-block footer-block footer-social-block"> <h3>Connect</h3> <div class="content"> <a href="//www.facebook.com/ucsf.lgbt" target="_blank"><img alt="Join us on Facebook." src="/sites/g/files/tkssra411/f/facebook_tmb.png" style="margin-right: 15px;" /></a><a href="//twitter.com/ucsflgbt" target="_blank"><img alt="Follow us on Twitter." src="/sites/g/files/tkssra411/f/twitter_icon_tmb.png" style="margin-right: 15px;" /></a><a href="//www.instagram.com/ucsf.lgbt" target="_blank"><img alt="Check us out on Instagram." src="/sites/g/files/tkssra411/f/instagram_tmb.png" /></a> </div> </div> <div id="block-block-26" class="block block-block footer-block footer-resources-block"> <h3>Get Involved</h3> <div class="content"> <a href="/donate">Donate</a><br /> <a href="/lgbt-listerserv">LGBTQ Newsletter</a><br /> <!--a href="/internship-volunteer-opportunities">Volunteer</a--> </div> </div> <div id="block-block-46" class="block block-block mondo-menu-block"> <div class="content"> <span id="mondo-float">left</span> <span class="mondo-img">/sites/g/files/tkssra411/f/menu-img-about-dropdown.jpg</span> <span class="mondo-content">The LGBT Resource Center is a unit of the Office of Diversity and Outreach. We work toward creating and maintaining a safe, inclusive, and equitable environment for queer students, staff, faculty, trainees, and patients.</span> <span class="mondo-img">/sites/g/files/tkssra411/f/menu-img-community-dropdown.jpg</span> <span class="mondo-content">The work of the LGBT Resource center advances diversity, equity, and inclusion for our queer communities for the entire campus and health system. We are a vibrant and colorful community of learners and educators.</span> <span class="mondo-img">/sites/g/files/tkssra411/f/menu-img-events-dropdown.jpg</span> <span class="mondo-content">We accomplish our work by serving as a central resource highlighting news and programming that fosters a collaborative culture.</span> <span class="mondo-img">/sites/g/files/tkssra411/f/menu-img-education-and-training-dropdown.jpg</span> <span class="mondo-content">We provide individual and group consultation, educational workshops, and training opportunities to the campus community and medical center about issues that impact LGBTQIA+ communities.</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#f8949f9a8cb88d9b8b9ed69d9c8d">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>&copy; 2025 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>

Pages: 1 2 3 4 5 6 7 8 9 10