CINXE.COM

Welcome to the LGBT Resource Center | 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="/welcome-lgbt-resource-center" /> <link rel="shortlink" href="/node/1" /> <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/welcome-lgbt-resource-center" /> <meta property="og:url" content="https://lgbtq.ucsf.edu/welcome-lgbt-resource-center" /> <meta property="twitter:title" content="Welcome to the LGBT Resource Center | LGBTQ Resource Center" /> <meta property="og:title" content="Welcome to the LGBT Resource Center" /> <title>Welcome to the LGBT Resource Center | 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" src="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/js/js_N23fS6ooC-uvOJ2j7mtuBbVQeGAvoXnACb9oAiqrOPE.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- var sliderSecondary ='slider-secondary-no-image';var sliderPrimary ='slider-image-full'; //--><!]]> </script> <script type="text/javascript" src="https://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":"_qAFY7mjQElKQbuJBF6BNR0AUagKeN1Vtf-HTjXIAz8","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,"profiles\/ucsf_b1gfoot\/modules\/contrib\/field_group\/field_group.js":1,"1":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_sitewizard\/js\/ucsf_b1gfoot_sitewizard.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/slick\/slick.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/icheck.min.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/build\/main.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/responsive-nav\/responsive-nav.min.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/script.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/views\/css\/views.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/ckeditor\/css\/ckeditor.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/ctools\/css\/ctools.css":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_admin_menu\/css\/ucsf_b1gfoot_admin_menu.css":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_sitewizard\/css\/ucsf_b1gfoot_sitewizard.css":1,"0":1,"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/hopscotch\/0.2.5\/css\/hopscotch.min.css":1,"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.4.0\/css\/font-awesome.min.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/slick\/slick.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/screen.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/print.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/colors\/primary\/primary-navy.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/colors\/secondary\/secondary-grey.css":1}},"googleanalytics":{"account":["G-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":{"\/":true},"field_group":{"div":"full"}}); //--><!]]> </script> </head> <body class="html front not-logged-in page-node page-node- page-node-1 node-type-page slider-primary ucsf-b1gfoot font--header--granjon slider-image-full profile--grid sidebar sidebar--left sidebar-color--white" data-slider-speed="-1"> <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-101" class="block block-block bio-style-block"> <div class="content"> <style> <!--/*--><![CDATA[/* ><!--*/ .advisor { float:left; width:100%; } .advisor .advisor-pic { float:left; display:block; width:200px; height:200px; margin:0 20px 20px 0; } .advisor.show-bio .advisor-pic { margin:0 20px 0 0; } .advisor .advisor-pic img { display:block; width:100%; height:auto; } .advisor .advisor-profile { margin:0 0 20px 0; } .advisor .advisor-profile span.advisor-name { display:block; } .advisor .advisor-profile span.advisor-title { display:block; } .advisor .advisor-profile HR { display:none; } .advisor.show-bio .advisor-profile HR { display:block; } x.advisor .advisor-profile .advisor-bio { display:none; } x.advisor.show-bio .advisor-profile .advisor-bio { display:block; padding-bottom:20px; border-bottom:1px solid #ccc; } .advisor .advisor-profile .advisor-bio { display:block; overflow:hidden; max-height: 0; } x.advisor.show-bio .advisor-profile .advisor-bio { padding-bottom:20px; border-bottom:1px solid #ccc; max-height: 10000px; transition: max-height 3s; } .advisor.show-bio .advisor-profile .advisor-bio { padding-left:10px; padding-bottom:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; margin-left:5px; max-height: 10000px; transition: max-height 3s; } x.advisor.show-bio:last-child .advisor-profile .advisor-bio { padding-bottom:0; border-bottom:0; } .advisor .bio-link { display:inline-block; position:relative; width:38px; } .advisor .bio-link::after { float: right; content:" \25bc"; font-size:11px; padding-top:5px; } .covid.advisor .bio-link::after { float: right; content:" \25BA"; font-size:11px; padding-top:6px; } .advisor.show-bio .bio-link { color:#888 !important; } .advisor.show-bio .bio-link::after { content:" \25b2"; } .covid.advisor.show-bio .bio-link::after { content:" \25C4"; } .advisor-bio hr { margin:10px 0; } @media screen and (max-width: 425px) { .advisor.show-bio .advisor-pic { margin:0 20px 20px 0; } .advisor .advisor-profile { float:left; } } /*--><!]]>*/ </style> </div> </div> <div id="block-block-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-block-56" class="block block-block special-slider-link-flag-block"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- jQuery(document).ready(function($){ // add special slider flag. $("body").addClass("special-slider-link"); // Move link into banner $(".bg-slider-image").append($(".special-slider-link .field-name-field-pg-slider-link")); // Make link full width & height if needed. $("body").addClass("big-slider-link"); }); //--><!]]> </script> <style> <!--/*--><![CDATA[/* ><!--*/ /* overrides default bg_slider_image style in Temporary LGBT style block */ /* single slide special slider link, no link style, background positioning only */ .special-slider-link .bg-slider-image { background-position: 50% 35% !important; } /* single slide special slider for narrow background image contained, not covering, no container height .special-slider-link #block-fieldblock-node-page-default-field-paragraph-sliders { min-height: 100% !important; } .special-slider-link .field-name-field-pg-slider-image { position: static; height: 100% !important; } @media all and (min-width: 800px) { .special-slider-link .bg-slider-image { display:block; position: relative; height: 0 !important; padding-bottom: 40% !important; background-size: contain !important; } } @media all and (min-width: 1024px) { x.special-slider-link .field-name-field-pg-slider-image { position: static; height: 100% !important; } .special-slider-link .bg-slider-image { height: 100% !important; min-height:477px !important; padding:0 !important; background-position: 50% 50% !important; background-repeat:no-repeat; background-image: url('https://lgbt.ucsf.edu/sites/g/files/tkssra411/f/ODO_Zoom_Pride_Web_Banner_72ppi-01_fixed_tinyPng.jpg') !important; } } @media all and (min-width: 1220px) { x.special-slider-link .field-name-field-pg-slider-image { position: static; height: 100% !important; } .special-slider-link .bg-slider-image { height: 100% !important; min-height:477px !important; padding:0 !important; background-position: 50% 50%, 0% 50%, 100% 50% !important; background-size:contain, 50% 100%, 50% 100% !important; background-repeat:no-repeat, no-repeat, repeat; background-image: url('https://lgbt.ucsf.edu/sites/g/files/tkssra411/f/ODO_Zoom_Pride_Web_Banner_72ppi-01_fixed_tinyPng.jpg'), url('https://lgbt.ucsf.edu/sites/g/files/tkssra411/f/ODO_Zoom_Pride_Web_Banner_72ppi-01-left_fixed_tinyPng.jpg'), url('https://lgbt.ucsf.edu/sites/g/files/tkssra411/f/ODO_Zoom_Pride_Web_Banner_72ppi-01-right_fixed_tinyPng.jpg'), linear-gradient(90deg, #31302e, #433f3c) !important; } } */ /* special slider link for photo credit */ x.special-slider-link .field-name-field-pg-slider-link { display: block; position: absolute; xleft: 0; top: 378px; right: 0; color: #000; xtext-shadow: 1px 1px 1px #000; width: 195px; margin: 0 !important; background-color:#ccc; border-top-left-radius:3px; } /* Single slide banner link treatment */ .special-slider-link .field-name-field-pg-slider-link { box-sizing: border-box; display: block; position: absolute; z-index: 10; left: 0;; bottom: 0px; color: #000; width: 100%; border-top: 1px solid #ccc; margin: 0 !important; background-color: transparent } /* Incude an icon if necessary */ x.special-slider-link .field-name-field-pg-slider-link::before { content: ""; position: absolute; z-index: 0; right: 0; bottom: 0; opacity: 1; width: 40px; height: 200%; background-color: transparent; background-image: url('https://diversity.ucsf.edu/sites/diversity.ucsf.edu/files/mariposa-transparent.png'); background-size: 40px 40px; background-position: right 1% bottom 5px; background-repeat: no-repeat; } .special-slider-link .field-name-field-pg-slider-link::after { content: ""; position: absolute; z-index: -1; left: 0; top: 0; opacity: 0.75; width: 100%; height: 100%; background-color: #052049; /* blue:007cbe, green:6ea400, orange:f26d04, purple:716fb2, navy:052049, teal:058488, yellow:fdd00, red:eb093c */ } .special-slider-link .field-name-field-pg-slider-link .field-items .field-item { display: table; text-align: center; width: 100%; height: 100%; } .special-slider-link .field-name-field-pg-slider-link a { display: table-cell; vertical-align: middle; text-align: center; font-family: "Trebuchet MS", Helvetica, sans-serif; color: #fff !important; font-size: 16px !important; letter-spacing: normal; font-weight: normal; text-transform: none; width: 100%; padding: 8px !important; border: 0 !important; } /* prevent opacity mouseover on link */ .special-slider-link .field-name-field-pg-slider-link a:hover { background-color:transparent; border:0; padding:0; } /* Make link full width & height if needed. */ .special-slider-link.big-slider-link .field-name-field-pg-slider-link { height: 100%; } .special-slider-link.big-slider-link .field-name-field-pg-slider-link::after { background-color: transparent; } .special-slider-link.big-slider-link .field-name-field-pg-slider-link .field-items { height: 100%; } .special-slider-link.big-slider-link .field-name-field-pg-slider-link .field-item { height: 100%; } .special-slider-link.big-slider-link .field-name-field-pg-slider-link a { color: transparent !important; height: 100%; } /* Switch bg image on resize if needed */ @media all and (max-width: 960px) { x.special-slider-link .bg-slider-image { background-image: url('/sites/g/files/tkssra411/f/Stonwall50-test-2560x1000_05152019b.jpg') !important; background-position: 50% 50% !important; } } /* Not sure about usefulness this */ x.special-slider-link .field-name-field-pg-slider-title { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-align: center; color: #888 !important; font-size: 20px !important; line-height: 24px !important; font-weight: bold !important; width:100%; max-width:720px; padding: 0 15px; margin: 20px auto 0 auto; } /*--><!]]>*/ </style> </div> </div> <div id="block-block-106" class="block block-block bio-script-block"> <div class="content"> <script> <!--//--><![CDATA[// ><!-- function showBio(bioLink) { var advisorBios=document.getElementsByClassName("advisor"); if(bioLink.parentNode.parentNode.classList.contains("show-bio")) { bioLink.parentNode.parentNode.classList.remove("show-bio"); } else { bioLink.parentNode.parentNode.classList.add("show-bio"); } } //--><!]]> </script> </div> </div> <div id="block-search-form" class="block block-search"> <div class="content"> <form onsubmit="if(this.search_block_form.value==&#039;Search&#039;){ alert(&#039;Please enter a search&#039;); return false; }" action="/" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline"> <h2 class="element-invisible">Search form</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <label class="element-invisible" for="edit-search-block-form--2">Search... </label> <input title="Enter the terms you wish to search for." placeholder="Search..." class="text-input fa fa-search form-text" aria-hidden="" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="40" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-c_1d47rPlAxyY4VRlJhk2ShOCzTzLqphkdrxzTEkcHs" /> <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 active menu-mlid-1381"><a href="/" class="active">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="/lgbt-newsletter">LGBT 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 menu-mlid-2066"><a href="/education-training">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 menu-mlid-22716"><a href="/online-educational-modules-training">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="expanded menu-mlid-2166"><a href="/campus-climate">Campus Climate</a><ul class="menu"><li class="first leaf menu-mlid-2276"><a href="/campus-climate">Overview</a></li> <li class="leaf menu-mlid-2171"><a href="/lgbt-demographics">LGBT Demographics</a></li> <li class="leaf menu-mlid-2176"><a href="/ucsf-campus-policies">UCSF Campus Policies</a></li> <li class="leaf menu-mlid-2251"><a href="/support-advocacy">Support &amp; Advocacy</a></li> <li class="leaf menu-mlid-2181"><a href="/ombuds">Ombuds</a></li> <li class="leaf menu-mlid-2186"><a href="/anonymous-drop-box">Anonymous Drop Box</a></li> <li class="last leaf menu-mlid-2191"><a href="/report-incident">Report an Incident</a></li> </ul></li> <li class="leaf menu-mlid-2196"><a href="/donate" name="Get Involved" class="replace-link-text">Donate</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-201" class="block block-block covid-19-notice"> <div class="content"> <div class="covid advisor" style="max-width: 1220px; padding:15px 5px 0px 5px !important; margin:12px auto 12px auto; border-top: 1px dotted #000;"> <div class="advisor-profile" style="margin:0;"><a class="bio-link" href="javascript:void(0);" onclick="showBio(this)" style="font-size:20px; width: 282px;"><strong style="color:#ee6a01; xcolor:#f26d04; margin-bottom:5px">A Message About COVID 19</strong></a> <div class="advisor-bio"> <p style="margin-bottom:5px">UCSF supports every action that helps to minimize transmission of COVID-19. We are currently adapting our policies to align with state and local regulations. For up-to-date information and resources, visit <a href="https://coronavirus.ucsf.edu" target="_blank">coronavirus.ucsf.edu</a>.</p> </div> </div> </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 id="block-block-196" 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)">&lang;&nbsp;&nbsp;&nbsp;&nbsp;'); } 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() + '&nbsp;&nbsp;&nbsp;&nbsp;<a id="odoPagerNext" href="javascript:void(0);" onclick="switchEvent(1000)">&rang;'); } }); odoPagerLinks = document.getElementsByClassName("odoPagerLink"); odoPagerLinks[randno].classList.add("spotting"); theEventTimer = setInterval(autoSwitchEvent, 20000); $(".odo-spotlight > div.content > ul").swipeleft(function() { $("#odoPagerNext").click(); clearSelection(); }); $(".odo-spotlight > div.content > ul").swiperight(function() { $("#odoPagerPrev").click(); clearSelection(); }); } } resizeSpotLite(); $(window).resize( function() { resizeSpotLite() } ); function resizeSpotLite() { if(window.innerWidth < 1365) { $(".node-page > .content > .field-name-field-body > .field-items > .field-item").append($(".spotlite")); } else { $("#sidebar-2 .region-sidebar .block:first").after($(".spotlite")); } } }); function switchEvent(theEvent) { stopAutoSwitchEvent(); spotlightItems[randno].classList.remove("spotted"); odoPagerLinks[randno].classList.remove("spotting"); if(theEvent==-1) { theEvent=randno-1; if(theEvent==-1) { theEvent=spotlightItems.length-1; } } if(theEvent==1000) { theEvent=randno+1; if(theEvent==spotlightItems.length) { theEvent=0; } } randno=theEvent; spotlightItems[theEvent].classList.add("spotted"); odoPagerLinks[theEvent].classList.add("spotting"); } function autoSwitchEvent() { spotlightItems[randno].classList.remove("spotted"); odoPagerLinks[randno].classList.remove("spotting"); if(randno == spotlightItems.length-1) { randno=-1; } spotlightItems[randno+1].classList.add("spotted"); odoPagerLinks[randno+1].classList.add("spotting"); randno=randno+1; } function stopAutoSwitchEvent() { clearInterval(theEventTimer); } function clearSelection(){ if (window.getSelection) { window.getSelection().removeAllRanges(); } else if ( document.selection) {document.selection.empty(); } } //--><!]]> </script> </div> </div> </div> </div> </div> <h1 class="title" id="page-title">Welcome to the LGBT Resource Center</h1> <div class="content-top"> <div class="region region-content-top"> <div id="block-fieldblock-node-page-default-field-paragraph-sliders" class="block block-fieldblock"> <div class="content"> <div class="paragraphs-items paragraphs-items-field-paragraph-sliders paragraphs-items-field-paragraph-sliders-full paragraphs-items-full"> <div class="field field-name-field-paragraph-sliders field-type-paragraphs field-label-hidden"><div class="field-items"><div class="field-item even"><div class="entity entity-paragraphs-item paragraphs-item-slider"> <div class="content"> <div class="field field-name-field-pg-slider-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><div class="bg-slider-image" style="background-image:url('https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/styles/slider_image_full/public/Pride_2024_banner_0_0.jpg?itok=00NivXx9')"></div></div></div></div> </div> </div> </div></div></div></div> </div> </div> </div> </div> <div id="main-wrapper"> <div id="main" class="clearfix"> <div id="content" class="column"> <div class="inside"> <a id="main-content"></a> <div class="tabs"></div> <div class="region region-content"> <div id="block-system-main" class="block block-system"> <div class="content"> <div id="node-1" class="node node-page slider-primary clearfix" about="/welcome-lgbt-resource-center" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Welcome to the LGBT Resource Center" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> <div class="content"> <div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><div class="odo-wrapper no-top"> <div class="care-half" id="care-left"><a href="https://diversity.ucsf.edu/initiatives/GRLN" target="_blank"><img alt="UCSF Gender Recognition Lived Name Policy - Click to learn about policy requirements, managing your name data, and additional resources at UCSF." src="/sites/g/files/tkssra411/f/GRLN-spotlight.png" /></a></div> <div class="care-half care-right-half" id="care-right"><a class="care-box" href="/meet-the-staff"><img alt="Meet the Staff: Come get to know us better." src="/sites/g/files/tkssra411/f/lgbt_box_staff.png" /></a> <a class="care-box care-box-right" href="/events"><img alt="Events: A central resource for news and programming thatfosters a collaborative culture." src="/sites/g/files/tkssra411/f/lgbt_box_lgbt-events.png" /></a> <a class="care-box" href="/community"><img alt="Community: Explore our vibrant and colorful community of learners and educators." src="/sites/g/files/tkssra411/f/lgbt_box_community.png" /></a> <a class="care-box care-box-right" href="/education-training"><img alt="Training: Individual &amp; group consultation, workshops, and training for the campus community and medical center." src="/sites/g/files/tkssra411/f/lgbt_box_training.png" /></a></div> </div> <p>The Center aims to sustain visibility and a sense of community throughout the campus and medical center. We are committed to building workplace equity, promoting student and staff leadership, and providing high quality, culturally sensitive care to our patients.</p> </div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="column"> <div class="sidebar"> <div class="section"> <div class="region region-sidebar"> <div id="block-block-156" class="block block-block odo-slideshow odo-spotlight block-menu-block callout-block"> <h3>Queer Spotlight</h3> <div class="content"> <ul data-odostartslide="1" style="padding-top:0 !important;"> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://calendar.ucsf.edu/event/pronouns-day-2024" target="_blank"><img alt="International Pronouns Day 2024 flyer" height="730" src="https://lgbtq.ucsf.edu/sites/g/files/tkssra411/f/International_Pronouns_Day_2024-spotlight.png" width="730" /></a></p> </li> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://calendar.ucsf.edu/event/lgbtq-student-welcome-2024" target="_blank"><img alt="LGBTQ+ Student Welcome 2024 flyer" height="730" src="/sites/g/files/tkssra411/f/lgbt-welcome_2024.png" width="730" /></a></p> </li> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://calendar.ucsf.edu/event/true-selves" target="_blank"><img alt="True Selves LGBTQIA+ Learner Support Group flyer" height="730" src="/sites/g/files/tkssra411/f/true_selves_fall_2024-spotlight.png" width="730" /></a></p> </li> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://diversitybch.ucsf.edu/nex-benedict" target="_blank"><img alt="In memory of Nex Benedict Jan 11, 2008 - Feb 8, 2024" height="730" src="/sites/g/files/tkssra411/f/NexBenedict-spotlight.jpg" width="730" /></a></p> </li> <li> <p class="no-indent no-top" style="text-align:center;"><a href="https://lgbtq.ucsf.edu/ucsf-pride-pin-pledge"><img alt="UCSF Pride Pin Pledge: Take the 'Pride Pin Pledge' to show your support for LGBTQ+ communities. #UCSFPridePinPledge Learn More" height="730" src="/sites/g/files/tkssra411/f/Pride_Pin_Pledge-spotlight.png" width="730" /></a></p> </li> <li> <p class="no-indent no-top" style="text-align:center;"><a href="/sites/g/files/tkssra411/f/Pronoun_Tip_Sheet_2023.pdf" target="_blank"><img alt="Pronouns Matter: 12 actions to be inclusive in using and respecting pronouns." height="730" src="/sites/g/files/tkssra411/f/Pronouns_Matter_2024_Tip_Sheet-spotlight.jpg" width="730" /></a></p> </li> </ul> </div> </div> </div> </div> </div> </div> </div></div> <div id="footer"> <div class="section"> <div class="region region-footer"> <div id="block-block-16" class="block block-block footer-block footer-contact-block"> <h3>Contact Us</h3> <div class="content"> <p id="contact-us"> <strong>LGBT 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#573b303523172234243179323322"><span class="__cf_email__" data-cfemail="056962677145706676632b606170">[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-0.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-pulse-march-castro-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-monologues-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-training.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> <span class="mondo-img">/sites/g/files/tkssra411/f/menu-img-end-of-year-gathering-dropdown.jpg</span> <span class="mondo-content">We conduct a vast array of programming dedicated to creating a more inclusive campus climate and supporting UCSF鈥檚 goals of greater diversity, equity, and inclusion.</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#731f14110733061000155d161706">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; 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>

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