CINXE.COM
Theme A Style Guide - SSP C3
<!DOCTYPE html> <html lang="en"> <head id="Head1"><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><title> Theme A Style Guide - SSP C3 </title><meta name='audience' content='ALL' /><meta name='rating' content='General' /><meta name='distribution' content='Global, Worldwide' /><meta name='copyright' content='Higher Logic, LLC' /><meta name='content-language' content='EN' /><meta name='referrer' content='strict-origin-when-cross-origin' /><link rel='SHORTCUT ICON' href='https://higherlogicdownload.s3.amazonaws.com/SSPNET/70870edb-6327-4ae7-aec4-ee9dc0f318e2/UploadedImages/C3favicon_transparent.png' type='image/png' /><link href='https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/Font-Awesome/6.4.2-pro/css/all.min.css' type='text/css' rel='stylesheet' /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css" integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /><link href='https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/bootstrap/3.4.1/css/bootstrap.min.css' rel='stylesheet' /><link type='text/css' rel='stylesheet' href='https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/Desktop/Bundles/Desktop_bundle.min.d7804150d2a3d23b0f7bd53234959d21d94a14f1.hash.css'/><link href='https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css' type='text/css' rel='stylesheet' /><link href='https://d132x6oi8ychic.cloudfront.net/higherlogic/microsite/generatecss/3bb1c00d-fe47-4d73-8bda-49d1af8dc2e9/6733d0ff-3d74-4168-b897-1846627e1342/638543072375100000/34' type='text/css' rel='stylesheet' /><script type='text/javascript' src='https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/JavaScript/promise-fetch-polyfill.js'></script><script type='text/javascript' src='https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/JavaScript/systemjs/3.1.6/system.min.js'></script><script type='systemjs-importmap' src='/HigherLogic/JavaScript/importmapping-cdn.json?638683056642225665'></script><script type='text/javascript' src='https://d3gliviwslgzfo.cloudfront.net/WebRoot/stable/Bundles/hlq-2024-05-08.js'></script><script src='https://d3gliviwslgzfo.cloudfront.net/WebRoot/stable/Bundles/hlqmigrate-2024-05-08.js'></script><script type='text/javascript' src='https://d3gliviwslgzfo.cloudfront.net/WebRoot/stable/Bundles/hlqui-2024-05-08.js'></script><script src='https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/bootstrap/3.4.1/js/bootstrap.min.js'></script><script type='text/javascript'>var higherlogic_crestApi_origin = 'https://api.connectedcommunity.org'</script><script type='text/javascript' src='/HigherLogic/CORS/easyXDM/easyXDM.Min.js'></script><script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js" integrity="sha512-axJX7DJduStuBB8ePC8ryGzacZPr3rdLaIDZitiEgWWk2gsXxEFlm4UW0iNzj2h3wp5mOylgHAzBzM4nRSvTZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-xCfKr8zIONbip3Q1XG/u5x40hoJ0/DtP1bxyMEi0GWzUFoUffE+Dfw1Br8j55RRt9qG7bGKsh+4tSb1CvFHPSA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script type='text/javascript' src='https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/Desktop/Bundles/Desktop_bundle.min.a15963cc8802bf5ef87ffb22f53b2f3528e2cc6f.hash.js'></script><meta property="og:type" content="website"><script>window.CDN_PATH = 'https://d3uf7shreuzboy.cloudfront.net'</script><script>var filestackUrl = 'https://static.filestackapi.com/filestack-js/3.28.0/filestack.min.js'; var filestackUrlIE11 = 'https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/JavaScript/filestack.ie11.min.js';</script><!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WLNXBVJ');</script><!-- End Google Tag Manager --><!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WLNXBVJ');</script><!-- End Google Tag Manager --><style type="text/css"> /* <![CDATA[ */ #AuxMenu img.icon { border-style:none;vertical-align:middle; } #AuxMenu img.separator { border-style:none;display:block; } #AuxMenu img.horizontal-separator { border-style:none;vertical-align:middle; } #AuxMenu ul { list-style:none;margin:0;padding:0;width:auto; } #AuxMenu ul.dynamic { z-index:1; } #AuxMenu a { text-decoration:none;white-space:nowrap;display:block; } #AuxMenu a.static { text-decoration:none;border-style:none;padding-left:0.15em;padding-right:0.15em; } #AuxMenu a.popout { background-image:url("/WebResource.axd?d=YAYach_zykzn7tRotFpEUpLbm8-AaEF0ex9x_GTRQp7fxYLqbSBT-ykmKxq6l97s05rGQ3KpCAtPii7g5ccpXmGPv1HPy_UocdN-ygwKcio1&t=638628063619783110");background-repeat:no-repeat;background-position:right center;padding-right:14px; } /* ]]> */ </style></head> <body class="bodyBackground style-guide interior "> <!-- Google Tag Manager (noscript) --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WLNXBVJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --><!-- Google Tag Manager (noscript) --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WLNXBVJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --> <div id="MPOuterMost" class="container full"> <form method="post" action="./style-guide" onsubmit="javascript:return WebForm_OnSubmit();" id="MasterPageForm" class="form"> <div class="aspNetHidden"> <input type="hidden" name="ScriptManager1_TSM" id="ScriptManager1_TSM" value="" /> <input type="hidden" name="StyleSheetManager1_TSSM" id="StyleSheetManager1_TSSM" value="" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['MasterPageForm']; if (!theForm) { theForm = document.MasterPageForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ window.WebForm_PostBackOptions||document.write('<script type="text/javascript" src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZDy7_GOIpjJ0Ev_gCdQYqqHk_ZWFLV5XISDcYendLTMgPoYek08VT5y3fOFST6xT6Q2&t=638628063619783110"><\/script>');//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MenuStandards.js" type="text/javascript"></script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjax.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=uHIkleVeDJf4xS50Krz-yKqyI6ItVec4s3idbjHVhZG9J4GiEigPlJ1Pr7dbHMCyIOf7kxfX3Nb7yVtUXhwQ7AOu-iPRjdC_l5vxB_gc6Z3Dxd5tRPLJv-GNFNwaN0H-W3X3hfs6Qrai_oPPvnAUre8zbJUdf1a1YJ0rNRsMv-o1&t=2a9d95e3"><\/script>');//]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=Jw6tUGWnA15YEa3ai3FadCxOzjXo7DUqjVdZ-ppUm_hmRsjByokg8vJsbXd_vty5sSD7cLjWah6CFay_-VEpx11xzWP5I0beGdwJH7ICkEzqKBZp0aF_WH7BGPayHXieN2_FVY_LynI6wS_6mDtAk2iKQomHaPnn3KkQQDR1LTw1&t=2a9d95e3"><\/script>');function WebForm_OnSubmit() { null; return true; } //]]> </script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="738F2F5A" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="CfDJ8GYwqx9YzLZGmPQ2hZZF70LwEXNkh1auYu6mTHaqY01Ce7udCe+HDj4hRSd8m/45L824qMvhzaOmOPRiv1+MS/Yfoddpap2NbZ+bdUV2pzNhKo+Qd02cJn5qXrNX90k6d2XckbezBv6B6RUAuoZIsVBIdBX0CI3io/l1X6FDj6K46Bv2/CoBqmyX5gO4yb5ULZCiF2Jb8cuko32MlxICrOM=" /> </div> <input name="__HL-RequestVerificationToken" type="hidden" value="CfDJ8GYwqx9YzLZGmPQ2hZZF70IgC0n3NfMOvbeNTVX-M-nuWURToUr1gzSNphzsC451tsXG6hTIvRUVH2eYL7Aj2taq5YzitmdKMgCOE-IbBPllBOuCEFHSc8T9JVQaZ9qUKPP0k48wiiPnYupK1-Zj7kk1" /> <div id="pnlCookieNotification" class="row cookie-notification-bar banner-bottom"> <div class="col-md-10 message-container"> <span id="lblCnMessage">This website uses cookies to ensure you get the best experience on our website including the ability to log in using your sspnet.org username and password.</span> <a id="hypCnLearnMore" href="https://www.sspnet.org/ssp-privacy-policy/" target="CookieNotification">Learn more</a> </div> <div class="col-md-2"> <div class="pull-right"> <button type="button" class="btn btn-success" data-microsite-key="70870edb-6327-4ae7-aec4-ee9dc0f318e2" onclick="HigherLogic.Microsites.Ui.dropCookieNotification(this);"> <span class="glyphicon glyphicon-ok"></span> OK </button> </div> </div> </div> <div id="GlobalMain"> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'MasterPageForm', [], [], [], 90, 'ctl00'); //]]> </script> </div> <!--mp_base--><div id="GlobalMessageContainer"> <div id="GlobalMessageContent" > <img ID="GlobalMsg_Img" alt="Message Image" src=""/> <span id="GlobalMsg_Text"></span><br /><br /> </div> </div> <div id="react-setup" style="height:0"> <script> var formTokenElement = document.getElementsByName('__HL-RequestVerificationToken')[0]; var formToken = formTokenElement? formTokenElement.value : ''; window.fetchOCApi = function(url, params) { return fetch(url, { method: 'POST', body: JSON.stringify(params), headers: { RequestVerificationFormToken: formToken, 'Content-Type': 'application/json' } }).then(function(response) { return response.json(); }).then(function(body) { return body.data }); } </script> <div id="__hl-activity-trace" traceId="4ff46d88a5a502112ebcad4cd8508f84" spanId="4815f5995e538d17" tenantCode="SSPNET" micrositeKey="70870edb-6327-4ae7-aec4-ee9dc0f318e2" navigationKey="1294315b-fc5a-4fb2-b088-867d0bc0a4d5" navigationName="style-guide" viewedByContactKey="00000000-0000-0000-0000-000000000000" pageOrigin="http://c3.sspnet.org" pagePath="/style-guide" referrerUrl="" userHostAddress="8.222.208.146 " userAgent="Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)" ></div> <div id="page-react-root"></div> <script id="hlReactRootLegacyRemote" defer src="https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRootLegacy/ReactRootLegacy~hlReactRootLegacyRemote.bundle.e3e14a157800b68e8ff0.hash.js"></script> <script>window.reactroot_webpackPublicPath = 'https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRoot/'</script> <script defer src="https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRoot/ReactRoot~runtime~main.bundle.e7f477778cba7f022a3d.hash.js"></script> <script defer src="https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRoot/ReactRoot~react-_yarn_cache_react-npm-18_2_0-1eae08fee2-b9214a9bd7_zip_node_modules_react_index_js.bundle.012593f3ef708f027ac2.hash.js"></script><script defer src="https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRoot/ReactRoot~vendor-_yarn___virtual___react-dom-virtual-05f150c4a1_0_cache_react-dom-npm-18_2_0-dd675bca1c-65c11b.bundle.8b02460446e4027ef67f.hash.js"></script><script defer src="https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRoot/ReactRoot~vendor-_yarn___virtual___react-dom-virtual-05f150c4a1_0_cache_react-dom-npm-18_2_0-dd675bca1c-17e4a5.bundle.1dbb26f4013744b692d1.hash.js"></script><script defer src="https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRoot/ReactRoot~vendor-_yarn_cache_lodash-npm-4_17_21-6382451519-c08619c038_zip_node_modules_lodash_lodash_js.bundle.8d689d0e26f432a3f17d.hash.js"></script><script defer src="https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/ReactRoot/ReactRoot~main.bundle.d9c6907ad1d4db1ca2e8.hash.js"></script> <script> window.hl_tinyMceIncludePaths = { cssIncludes: 'https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/Font-Awesome/6.4.2-pro/css/all.min.css|https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css|https://d2x5ku95bkycr3.cloudfront.net/HigherLogic/bootstrap/3.4.1/css/bootstrap.min.css|https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/Desktop/Bundles/Desktop_bundle.min.d7804150d2a3d23b0f7bd53234959d21d94a14f1.hash.css|https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css|https://d132x6oi8ychic.cloudfront.net/higherlogic/microsite/generatecss/3bb1c00d-fe47-4d73-8bda-49d1af8dc2e9/6733d0ff-3d74-4168-b897-1846627e1342/638543072375100000/34', tinymcejs: 'https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/Desktop/JS/Common/hl_common_ui_tinymce.bc594acd1c86ca782a5f0446e0276d20202ffaf9.hash.js', hashmentionjs: 'https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/Desktop/JS/Common/hl_common_ui_tinymce_hashmention.94b265db0d98038d20e17308f50c5d23682bf370.hash.js', mentionjs: 'https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/Desktop/JS/Common/hl_common_ui_tinymce_mention.a35f893e40ce48b298979135724cd9e6ad18dde1.hash.js', hashtagjs: 'https://d3uf7shreuzboy.cloudfront.net/WebRoot/stable/Desktop/JS/Common/hl_common_ui_tinymce_hashtag.5579d26160cf6c00ace1fde0afcb2aacaf5baceb.hash.js' }; </script> <script> window.addEventListener('DOMContentLoaded', function (){ window.renderReactRoot( [], 'page-react-root', {"tenant":{"name":"Society for Scholarly Publishing","logoPath":"https://higherlogicdownload.s3.amazonaws.com/SSPNET/70870edb-6327-4ae7-aec4-ee9dc0f318e2/UploadedImages/SSP_c3.png","contactSummary":"<address>1120 Route 73, Suite 200<br />Mount Laurel NJ 08054<br />United States<br />Phone: 856-439-1385<br /></address>"},"communityKey":"00000000-0000-0000-0000-000000000000","micrositeKey":"70870edb-6327-4ae7-aec4-ee9dc0f318e2","canUserEditPage":false,"isUserAuthenticated":false,"isUserSuperAdmin":false,"isUserCommunityAdmin":false,"isUserSiteAdmin":false,"isUserCommunityModerator":false,"currentUserContactKey":"00000000-0000-0000-0000-000000000000","isTopicCommunity":false,"isSelfModerationCommunity":false,"loginUrl":"/HigherLogic/Security/ImisRestLoginBounce.aspx?ReturnUrl=","colorPickerDefaults":{"primaryColor":"#3B91FF","textOnPrimary":"#000000","secondaryColor":"#BBBBBB","textOnSecondary":"#FFFFFF","linkColor":"#3B91FF","linkHoverColor":null,"footerBackgroundColor":null,"footerTextColor":null}} ) }); </script> <svg aria-hidden="true" style="height: 0px;"> <defs> <linearGradient id="skeleton-svg-gradient" x1="0" x2="1" y1="0" y2="1"> <stop offset="0%" stop-color="rgba(239, 239, 239, 0.25)"> <animate attributeName="stop-color" values="rgba(239, 239, 239, 0.25); rgba(68, 72, 85, 0.2); rgba(239, 239, 239, 0.25);" dur="3s" repeatCount="indefinite"></animate> </stop> <stop offset="100%" stop-color="rgba(68, 72, 85, 0.2)"> <animate attributeName="stop-color" values="rgba(68, 72, 85, 0.2); rgba(239, 239, 239, 0.25); rgba(68, 72, 85, 0.2);" dur="3s" repeatCount="indefinite"></animate> </stop> </linearGradient> </defs> </svg> </div> <div id="MPOuterHeader" class="row siteFrame"> <div class="col-md-12"> <div id="HEADER" class="row"> <div class="col-md-12"> <div class="ContentUserControl"> <script charset="utf-8">(function(d) { var config = { kitId: 'kqr7mlf', scriptTimeout: 3000, async: true }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document);</script> </div> <div id="MPimage" class="MPimage"> <div id="mainskiplinkholder" class="skiplinkholder"><a id="skiplink" href="#MPContentArea">Skip to main content (Press Enter).</a></div> <div id="MPheader" class="MPheader"> <div class="row"> <div class="col-md-12"> <div class="pull-right"> <div class="inline"> <div class='HLWelcome HLWelcomeHeader'> <script type="text/javascript"> $(document).ready(function () { $('.Picture_Profile').tipTip({ delay: 200 }); }); function toggleHelp() { if ($("ul#CompleteBarHelpContainer").is(":visible")) { $("ul#CompleteBarHelpContainer").hide(); } else { $("ul#CompleteBarHelpContainer").show(); } } // Added as onClick for logoutLink on back end if opted in // On logout, removes the CREST API cookie that was added on login, whose value is a token used to authenticate to the API function removeApiToken(tenantKey, token) { hl_webapi_remove_cookie(tenantKey, token, tenantKey, "HLApiPassThrough"); window.location = ""; return false; } $(document).on('click', "span.CompleteBarClose", function (e) { e.stopPropagation(); toggleHelp(); $(".btn-group").find('button#BtnShowProfile').dropdown('toggle'); }); </script> <div class="EndDiv"> </div> <div id="Welcome_NotLoggedIn" class="Login"> <a id="Welcome_LoginLink" class="btn btn-primary" qa-id="login-link" href="/HigherLogic/Security/ImisRestLoginBounce.aspx?ReturnUrl=https%3a%2f%2fc3.sspnet.org%2fstyle-guide">Sign in</a> </div> </div> </div> </div> <div class="pull-right"> <div id="auxskiplinkholder" class="skiplinkholder"> <a id="auxskiplink" href="#Logo">Skip auxiliary navigation (Press Enter).</a> </div> <div id="MPAuxNav" class="inline vertical-align-middle"> <div CssSelectorClass="MPAuxNav" id="AuxMenu"> <ul class="level1"> <li><a class="level1 MPAuxNav" href="/ssphomelink" target="_blank">SSP Website</a></li><li><a title="How to get in contact with us" class="level1 MPAuxNav" href="/contactus">Contact Us</a></li><li><a title="Read the code of conduct for posting to the lists" class="level1 MPAuxNav" href="/termsandconditions">Terms and Conditions</a></li><li><a class="level1 MPAuxNav" href="/style-guide">Style Guide</a></li> </ul> </div> </div> </div> </div> </div> <div id="Logo" class="row" role="banner"> <div class="col-md-12"> <div id="DesktopLogoDiv" class="LogoImg inline"> <a href='https://c3.sspnet.org/home' style=''> <img src='https://higherlogicdownload.s3.amazonaws.com/SSPNET/70870edb-6327-4ae7-aec4-ee9dc0f318e2/UploadedImages/SSP_c3.png' alt="SSP C3 logo. This will take you to the homepage" /></a> </div> <div id="PhoneLogoDiv" class="LogoImg inline"> <a href='' style='display: none'> <img src='' alt="SSP C3 logo. This will take you to the homepage" /></a> </div> <div id="SloganText" class="SloganText inline">The online community for SSP members to connect, communicate and collaborate.</div> </div> </div> </div> </div> <div style="clear: both"></div> </div> </div> <div id="NAV" class="row traditional-nav"> <div class="col-md-12"> <div id="navskiplinkholder" class="skiplinkholder"><a id="navskiplink" href="#MPContentArea">Skip main navigation (Press Enter).</a></div> <div id="MPButtonBar"> <nav class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse, .icon-bar-start"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar-start"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <div class="row"> <div class="col-md-12 "> <div id="searchColumn" class="pull-right"> <div id="MPSearchBlock" role="search"> <script type="text/javascript"> System.import('Common/SearchBox.js').then(function () { $('#SearchControl_SearchButton').click(function () { $('#SearchControl_hiddenSearchButton').click(); }); $('#SearchControl_SearchOptions').click(function (e) { e.stopPropagation(); }); if ('False' == 'True') { $('#SearchControl_SearchTerm').click(function (e) { $('#SearchControl_SearchBoxToggle').addClass('open'); e.stopPropagation(); }); $('#SearchControl_SearchTerm').focus(function (e) { $('#SearchControl_SearchBoxToggle').addClass('open'); e.stopPropagation(); }); $('#SearchControl_EndDate').hide(); $('#SearchControl_StartDate').hide(); $('#SearchControl_SearchTerm').focus(function () { $('#SearchControl_SearchOptions').show(); }); $('#SearchControl_DateRangeDDL').change(function () { if ($('#SearchControl_DateRangeDDL').find(":selected").text() == 'on this day') { $('#SearchControl_StartDate').show(); $('#SearchControl_EndDate').hide(); $('#SearchControl_EndDate').val(""); } else if ($('#SearchControl_DateRangeDDL').find(":selected").text() == 'All') { $('#SearchControl_EndDate').hide(); $('#SearchControl_StartDate').hide(); } else { $('#SearchControl_StartDate').show(); $('#SearchControl_EndDate').show(); } }); } $('#SearchControl_SearchInputs') .hl_ui_common_searchBox({ controlId: 'SearchControl_SearchInputs', inputId: 'SearchControl_SearchTerm', buttonId: 'SearchControl_hiddenSearchButton' }); }); </script> <button id="SearchToggleIcon" type="button" class="btn btn-default" style="display: none;" role="button" aria-label="searchToggle"> <span class="glyphicon glyphicon-search" style="vertical-align: middle"></span> </button> <div id="SearchControl_newSearchBox" class=""> <div id="SearchControl_SearchInputs" class="SearchInputs"> <div id="SearchControl_WholeSearch" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'SearchControl_hiddenSearchButton')"> <div class="input-group" style="vertical-align: middle"> <input name="ctl00$SearchControl$SearchTerm" type="text" id="SearchControl_SearchTerm" class="form-control" autocomplete="off" qa-id="search-term" aria-label="search box" placeholder="search" Title="search" style="font-weight: normal;" /> <div id="SearchControl_SearchBoxToggle" class="input-group-btn search-box-toggle"> <button id="SearchControl_OptionsButton" type="button" style="display: none;" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-label="search options"> <span class="caret"></span> <span class="sr-only">Search Options</span> </button> <button id="SearchControl_SearchButton" type="button" class="btn btn-default " role="button" aria-label="search"> <span class="glyphicon glyphicon-search" style="vertical-align: middle"></span> </button> <ul class="dropdown-menu pull-right" role="menu"> <li> </li> </ul> </div> <input type="submit" name="ctl00$SearchControl$hiddenSearchButton" value="" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$SearchControl$hiddenSearchButton", "", true, "", "", false, false))" id="SearchControl_hiddenSearchButton" style="display: none;" /> </div> </div> </div> </div> </div> </div> <ul class="nav navbar-nav"> <li ><a href='/home' ><span>Home</span></a></li><li class='dropdown'><a href='/communities' class='dropdown-toggle' data-toggle='dropdown'><span>Communities</span> <strong class='caret'></strong></a><ul class='dropdown-menu'><li ><a href='/communities/allcommunities' >All Communities</a></li><li ><a href='/communities/mycommunities' >My Communities</a></li></ul></li><li ><a href='/network' ><span>Directory</span></a></li><li ><a href='/industry-events' target='_blank'><span>Industry Events</span></a></li><li class='dropdown'><a href='/browse' class='dropdown-toggle' data-toggle='dropdown'><span>Browse</span> <strong class='caret'></strong></a><ul class='dropdown-menu'><li ><a href='/browse/allrecentposts' >Discussion Posts</a></li><li ><a href='/browse/communitylibraries' >Library Entries</a></li><li ><a href='/browse/announcements' >Announcements</a></li></ul></li><li class='dropdown'><a href='/participate' class='dropdown-toggle' data-toggle='dropdown'><span>Participate</span> <strong class='caret'></strong></a><ul class='dropdown-menu'><li ><a href='/participate/new-item' >Social Feeds</a></li></ul></li><li ><a href='/new-item2' ><span>Jobs</span></a></li><li ><a href='/faq' ><span>Help/FAQs</span></a></li> </ul> </div> </div> </div> </nav> </div> <div class="MenuBarUnderline"> </div> </div> </div> </div> </div> <div id="MPOuter" class="row siteFrame ads-grid"> <div id="RightMenuColumn" class="col-md-2 right-nav pull-right"> <!--right--> <div id="MPRightAds" class="MPRightAds"> <div id="AdSpotInteriorRight_AdSpots" class="AdSpots"> <div class="AdSpot"><script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script> googletag.cmd.push(function() { googletag.defineSlot('/220861129/c3-interior-sidebar-primary', [160, 600], 'div-gpt-ad-1499723437409-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <!-- /220861129/c3-interior-sidebar-primary --> <div id='div-gpt-ad-1499723437409-0' style='margin-top:55px; margin-bottom:20px; height:600px; width:160px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1499723437409-0'); }); </script> </div></div> </div> </div> <!--end right--> </div> <div id="ContentColumn" class="col-md-10"> <!--content--> <div id="BreadCrumb" class="BreadCrumb"> <ol class='breadcrumb'><li><span title='Style Guide'>Style Guide</span></li></ol> </div> <div id="MPContentArea" class="MPContentArea" role="main"> <h1 id="PageTitleH1" qa-attribute="PageTitleH1"> Theme A Style Guide </h1> <input type="hidden" name="ctl00$DefaultMasterHdnCommunityKey" id="DefaultMasterHdnCommunityKey" value="00000000-0000-0000-0000-000000000000" /> <div id="FlashMessageContainer"> </div> <div id="MainCopy_ContentWrapper"> <div class="row row-full "><div class="col-md-12 section1"></div></div><div class="row row-wide clearfix "><div class="col-md-4 section2"></div><div class="col-md-4 section3"></div><div class="col-md-4 section4"></div></div><div class="row row-full "><div class="col-md-12 section5"></div></div><div class="row row-wide clearfix "><div class="col-md-6 section6"></div><div class="col-md-6 section7"></div></div><div class="row row-wide clearfix "><div class="col-md-8 section8"><div class="ContentItemHtml theme-colors"><div class="HtmlContent"><h2 style="margin-top: 0px;">Theme Colors</h2> <table width="100%" border="1px" cellpadding="5px"> <tbody> <tr> <td><strong>Style</strong></td> <td><strong>Color/HEX Color</strong></td> </tr> <tr> <td><strong><span style="color: #3d5463;">Primary Color</span></strong></td> <td>This should be a dark color. In this theme it's a dark blue, hex code #3D5463.</td> </tr> <tr> <td><strong><span style="color: #18bc9c;">Secondary Color</span></strong></td> <td>This can be a lighter color. In this theme it's teal, hex code #18BC9C.</td> </tr> <tr> <td><strong><span style="color: #333333;">Footer Background Color</span></strong></td> <td>This should be a dark color. In this theme it's a dark gray, hex code #333333.</td> </tr> </tbody> </table></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml typography"><div class="HtmlContent"><h2>Typography & LOGO</h2> <table width="100%" border="1px" cellpadding="5px"> <tbody> <tr> <td style="width: 52.6872%;"><strong>Style</strong></td> <td style="width: 30.0441%;"><strong>Font Family/Size</strong></td> <td style="width: 17.1806%;"><strong>Color/HEX Color</strong></td> </tr> <tr> <td style="width: 52.6872%;"> <h1>H1 Title*</h1> </td> <td style="width: 30.0441%;">Roboto 50px</td> <td style="width: 17.1806%;">Dark Gray #484848</td> </tr> <tr> <td style="width: 52.6872%;">*H1/interior main page titles with a background image are set by enabling “Show page title?” in the Page Properties view (make sure it’s checked):</td> <td colspan="2" style="width: 47.2247%;"><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/h1.png" alt="Page Title Toggle" title="Page Title Toggle" caption="false" class="img-responsive" /></td> </tr> <tr> <td colspan="3" style="width: 99.9119%;"><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/h1-1.png" alt="Style Guide Page Title" title="Style Guide Page Title" caption="false" class="img-responsive" /></td> </tr> <tr> <td style="width: 52.6872%;"> <h2>H2 Title </h2> </td> <td style="width: 30.0441%;">Roboto 24px</td> <td style="width: 17.1806%;">Primary Color</td> </tr> <tr> <td style="width: 52.6872%;"> <h3>H3 Title</h3> </td> <td style="width: 30.0441%;">Roboto 20px</td> <td style="width: 17.1806%;">Primary Color</td> </tr> <tr> <td style="width: 52.6872%;">Body/Paragraph</td> <td style="width: 30.0441%;">Roboto 16px</td> <td style="width: 17.1806%;">Dark Gray #484848</td> </tr> <tr> <td style="width: 52.6872%;"><a href="contact" target="_blank" rel="noopener" title="Hyperlink">Hyperlink</a></td> <td style="width: 30.0441%;">Verdana 16px</td> <td style="width: 17.1806%;">Primary Color</td> </tr> </tbody> </table> <br /><strong>Note</strong> <ul> <li>If Page Title field is left blank, it will show the Navigation Title (the menu link)</li> <li>For best SEO (search engine optimization) results, ensure only one H1 title per page is used</li> </ul> <h3>Header/Website Logo</h3> <ul> <li>Constrained to max height of 55px</li> </ul></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml buttonsample"><div class="HtmlContent"><h2>Buttons</h2> <table width="100%" border="1px" cellpadding="5px"> <tbody> <tr> <td><strong>Style</strong></td> <td><strong>CSS Wrapper Class</strong></td> <td><strong>Color/HEX</strong></td> </tr> <tr> <td class="make-buttons"><em><a href="contact" title="Button Example">Contact Us</a></em></td> <td>make-buttons</td> <td>Secondary color background + White text</td> </tr> </tbody> </table> <br /> <p><strong>How to create a button:</strong></p> <ol> <li> <p>Add <strong>make-buttons</strong> to the CSS Wrapper Class Name Field. </p> <p><img src="https://higherlogicdownload.s3.amazonaws.com/ASI/55b55a74-9f6a-4604-b59a-d9e93a072ba8/UploadedImages/Style_Guide/Screen_Shot_2020-02-24_at_11_05_23_AM.png" alt="CSS Wrapper Class Name Field" title="CSS Wrapper Class Name Field" caption="false" class="img-responsive" style="height: 80px;" /></p> </li> <li> <p>Highlight the text intended to become a button and insert a URL. </p> <p><img src="https://higherlogicdownload.s3.amazonaws.com/ASI/55b55a74-9f6a-4604-b59a-d9e93a072ba8/UploadedImages/Style_Guide/Screen_Shot_2020-02-24_at_11_07_10_AM.png" alt="Insert Link " title="Insert Link" caption="false" class="img-responsive" style="height: 200px;" /></p> </li> <li> <p>Italicize the text that was just hyperlinked.</p> </li> <li> <p>Save (Publish).</p> </li> </ol> <strong>Note</strong> <ul> <li>Italic <em> tag<em> must</em> live outside the hyperlink <a> tag to enable styling: <br /><p><strong><em><a href</strong>="http://website.com">Button Text<strong></a></em></strong></p></li> </ul></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml banners"><div class="HtmlContent"><h2>Interior H1 Banners</h2> <table width="100%" border="1px;" cellpadding="5px;"> <tbody> <tr> <td><strong>Example</strong></td> </tr> <tr> <td><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/2-2.png" alt="H1 Banner" title="H1 Banner" caption="false" class="img-responsive" /></td> </tr> </tbody> </table> <p><strong><br />How to add a background image to the header banner:</strong></p> <ol> <li> <p>To add a <strong>pre-populated background image</strong>, add a syndicated widget</p> </li> <li> <p>In the widget, select "<strong>The Current Site</strong>" in the "<strong>Syndicated from Site</strong>" dropdown</p> </li> <li> <p>Next, select a related page in the "<strong>Syndicated Page</strong>" dropdown (based on page codes):<img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/2.png" alt="Screen_Shot_2020-04-14_at_14_56_48.png" caption="false" class="img-responsive" width="638" height="165" />Pre-populated background image page codes:<br />Search: <strong>search-header</strong><br />Discussion: <strong>discussion-header</strong><br />Directory: <strong>directory-header</strong><br />Library: <strong>library-header</strong><br />Blog: <strong>blogs-header</strong><br />Community: <strong>communities-header</strong></p> </li> <li> <p><em>OR</em>, to add a <strong>unique background image</strong>, create an HTML content item on the page and upload the image to it. For non-syndicated background images, make sure the CSS wrapper class for the content item has the class <strong>page-bg</strong></p> </li> <li> <p>Save(Publish)</p> </li> </ol></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml homepage-hero"><div class="HtmlContent"><h2>Homepage Hero</h2> <table width="100%" border="1px;" cellpadding="5px;"> <tbody> <tr> <td>CSS Wrapper Class: <strong>hero make-buttons</strong></td> </tr> <tr> <td><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/Screen_Shot_2020-04-14_at_15_20_01.png" caption="false" class="img-responsive" alt="Screen_Shot_2020-04-14_at_15_20_01.png" /></td> </tr> <tr> <td>HTML Source Example:<br /><img src="image.jpg" caption="false" class="img-responsive"/><br /><h1>Title</h1><br /><p>Text</p><br /><em><a href="pagecode" title="Click Here">Example</a></em></td> </tr> </tbody> </table> <p><br /><strong>How to edit the hero:</strong></p> <ol> <li> <p>View Home Page Folder, find associated content item. </p> </li> <li> <p>Edit the hero using the content editor (or view HTML Source Code).</p> </li> <li>Make sure the image has the CSS Wrapper Class <strong>hero make-buttons</strong> assigned.</li> </ol></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml top-tiles-demo"><div class="HtmlContent"><h2>Top Tiles</h2> <table width="100%" border="1px;" cellpadding="5px;"> <tbody> <tr> <td>CSS Wrapper Class: <strong>top-tile</strong></td> </tr> <tr> <td><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/3.png" alt="Homepage Top Tiles" title="Homepage Top Tiles" caption="false" class="img-responsive" /></td> </tr> </tbody> </table> <p><br /><strong>How to edit in a Top Tile:</strong></p> <ol> <li> <p>From the homepage navigation view, find the content item you wish to edit, example CONNECT</p> </li> <li> <p>Here, change the title you wish to display in the "<strong>Name or Title</strong>" section and ensure "<strong>Show title</strong>?" is ticked:<img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/Screen_Shot_2020-04-15_at_12_13_30.png" alt="Screen_Shot_2020-04-15_at_12_13_30.png" caption="false" class="img-responsive" width="651" height="69" /></p> </li> <li> <p>You can also update the image and paragraph text. Make sure "More Info" text is italicized. Highlight the italicized text and wrap it in a link pointing to the appropriate page. </p> </li> <li> <p>Ensure the CSS Wrapper Class, <strong>top-tile</strong>, has been added.</p> </li> <li> <p>Save (Publish).</p> </li> </ol></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml quick-links-demo"><div class="HtmlContent"><h2>Quick Links</h2> <table width="100%" border="1px;" cellpadding="5px;"> <tbody> <tr> <td>CSS Wrapper Class: <strong>quick-link</strong></td> </tr> <tr> <td><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/4.png" alt="Screen_Shot_2020-04-15_at_12_54_06.png" caption="false" class="img-responsive" width="345" height="76" /></td> </tr> </tbody> </table> <p><br /><strong>How to edit the Quick Links:</strong></p> <ol> <li> <p>Navigate to the Quick Links folder in the Navigation:</p> <p><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/Screen_Shot_2020-04-15_at_12_58_45.png" alt="Quick Links Folder Demo" title="Quick Links Folder Demo" caption="false" class="img-responsive" width="267" height="360" /></p> </li> <li> <p>Here, select<strong> 3 - 5</strong> buttons from the following list you'd like to display on the homepage, the rest should be hidden:<br /><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/4-4.png" alt="4-4.png" caption="false" class="img-responsive" /></p> </li> <li> <p>To hide or unhide a button, open a content item and toggle "<strong>visible on page</strong>" on or off:<br /><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/5.png" alt="5.png" caption="false" class="img-responsive" width="750" height="144" /></p> </li> <li> <p>Save (Publish).</p> </li> </ol> <strong>Note</strong><br /> <ul> <li>If button has an asterisk in the title, e.g. <strong>*Sponsors</strong>, there is no default Higher Logic page</li> <li>For these buttons, you'll need to edit the link and/or create the page for the content:<br /><img src="https://higherlogicdownload.s3.amazonaws.com/HIGHERLOGICTHEMES/2e523b2b-3434-4811-9245-9ea01a2f0b6b/UploadedImages/HL_Theme_Demo_Images/Style_Guide/5-5.png" alt="5-5.png" caption="false" class="img-responsive" width="587" height="282" /></li> </ul></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml video"><div class="HtmlContent"><h2>Responsive Videos</h2> <table width="100%" border="1px;" cellpadding="5px;"> <tbody> <tr> <td><strong>Example</strong></td> </tr> <tr> <td><img src="https://higherlogicdownload.s3.amazonaws.com/ASI/55b55a74-9f6a-4604-b59a-d9e93a072ba8/UploadedImages/Style_Guide/Screen_Shot_2020-02-24_at_1_01_31_PM.png" alt="Embedded Video" title="Embedded Video" caption="false" class="img-responsive" style="height: 300px;" /></td> </tr> </tbody> </table> <p><br /><strong>To embed an online video:</strong></p> <ol> <li> <p>Go to this website: </p> <p><a href="http://embedresponsively.com/" target="_blank" rel="noopener" title="Embed Responsively">http://embedresponsively.com/</a></p> </li> <li> <p>Paste source URL into the field and click 'Embed'.</p> <p><img src="https://higherlogicdownload.s3.amazonaws.com/ASI/55b55a74-9f6a-4604-b59a-d9e93a072ba8/UploadedImages/Style_Guide/Screen_Shot_2020-02-24_at_1_03_27_PM.png" alt="Youtube Page URL" title="Youtube Page URL" caption="false" class="img-responsive" style="height: 150px;" /></p> </li> <li> <p>Copy the generated embedded code.</p> <p><img src="https://higherlogicdownload.s3.amazonaws.com/ASI/55b55a74-9f6a-4604-b59a-d9e93a072ba8/UploadedImages/Style_Guide/Screen_Shot_2020-02-24_at_1_04_38_PM.png" alt="Embedded Code to Copy" title="Embedded Code to Copy" caption="false" class="img-responsive" /></p> </li> <li> <p>Paste the code into the content item in HTML source code.<br /><img src="https://higherlogicdownload.s3.amazonaws.com/ASI/55b55a74-9f6a-4604-b59a-d9e93a072ba8/UploadedImages/Style_Guide/Screen_Shot_2020-02-24_at_1_06_00_PM.png" alt="Source Code" title="Source Code" caption="false" class="img-responsive" style="height: 150px;" /></p> </li> </ol> <strong>Note:</strong> <ul> <li>embedresponsively.com generates responsive embed code (makes content scaleable based on screen size and orientation) for Youtube, Vimeo, Google Maps, iFrames, etc. </li> <li>It is important to embed responsively so the content resizes and fits to any screen size.</li> </ul></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><hr style="margin: 20px 0px 0px 0px;" /> <p style="margin: 5px 0px 30px 0px; text-align: right; font-size: 14px;"><a onclick="topOfPage()"><i style="color: #999;" class="fas fa-caret-up" aria-hidden="true"></i> back to top</a></p></div><div class="HtmlFooter"></div></div></div><div class="col-md-4 section9"><div class="ContentItemHtml"><div class="HtmlContent"><table width="100%" border="1px" cellpadding="5px"> <tbody> <tr> <td> <h3 style="padding-left: 20px;">How to...</h3> <ul style="margin-left: 20px;"> <li><a onclick="scrollToLocation('.theme-colors')" target="_blank">Theme Colors</a></li> <li><a onclick="scrollToLocation('.typography')" target="_blank">Typography & Logo</a></li> <li><a onclick="scrollToLocation('.buttonsample')" target="_blank">Buttons</a></li> <li><a onclick="scrollToLocation('.banners')" target="_blank">Interior H1 Banners</a></li> <li><a onclick="scrollToLocation('.homepage-hero')" target="_blank">Homepage Hero</a></li> <li><a onclick="scrollToLocation('.top-tiles-demo')" target="_blank">Homepage Top Tiles</a></li> <li><a onclick="scrollToLocation('.quick-links-demo')" target="_blank">Homepage Quick Links</a></li> <li style="padding-bottom: 15px;"><a onclick="scrollToLocation('.video')" target="_blank">Responsive Video<br /></a></li> </ul> </td> </tr> </tbody> </table></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml"><div class="HtmlContent"><h3>Higher Logic Resources</h3> <p>The following resources require a <a href="https://hug.higherlogic.com/login?signup=1#SignupSection" target="_blank" rel="noopener">Higher Logic User Group (HUG)</a> account to access:</p> <strong><a href="https://academy.higherlogic.com/home" target="_blank" rel="noopener">Higher Logic Academy Online</a> <i class="fas fa-star"></i></strong><br /> <ul> <li>Higher Logic offers <strong>free self-paced tutorials</strong> that cover a single topic so you can discover what you need and get on with your day.</li> </ul> <strong><a href="https://hug.higherlogic.com/learnbeta/paths/superadminpath" target="_blank" rel="noopener">Super Admin Path</a></strong><br /> <ul> <li>This path is designed for learners that have Super Admin rights on their community site and are the "go to" person for all things Higher Logic.</li> </ul> <strong>Additional HUG Resources</strong> <ul> <li><a href="https://hug.higherlogic.com/helphome/newadminresources" target="_blank" rel="noopener">Resources for New Admins</a></li> <li><a href="https://support.higherlogic.com/Content/Home.htm" target="_blank" rel="noopener">Support Center</a></li> <ul> <li><a href="https://support.higherlogic.com/hc/en-us/articles/360033051871-Supported-File-Types-Sizes" target="_blank" rel="noopener">Resource Library File Types & Sizes</a></li> </ul> <li><a href="https://hug.higherlogic.com/browse/allrecentposts" target="_blank" rel="noopener">HUG Discussion Posts</a></li> </ul></div><div class="HtmlFooter"></div></div></div></div><div class="row row-full "><div class="col-md-12 section10"></div></div><div class="row row-wide clearfix "><div class="col-md-4 section11"></div><div class="col-md-4 section12"></div><div class="col-md-4 section13"></div></div><div class="row row-wide clearfix "><div class="col-md-6 section14"></div><div class="col-md-6 section15"></div></div><div class="row row-full "><div class="col-md-12 section16"></div></div> <div id="MainCopy_extraPanel"> </div> </div> <div id="MPBottomAds" class="MPBottomAds"> <div id="AdSpotBottom_AdSpots" class="AdSpots"> <div class="AdSpot"><script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script> googletag.cmd.push(function() { googletag.defineSlot('/220861129/c3-interior-footer-2017-07', [728, 90], 'div-gpt-ad-1499716475735-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <!-- /220861129/c3-interior-footer-2017-07 --> <div id='div-gpt-ad-1499716475735-0' style='margin-right:auto;margin-left:auto; margin-bottom:20px; height:90px; width:728px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1499716475735-0'); }); </script> </div> </div> </div> </div> </div> <!--end content--> </div> </div> <div id="MPOuterFooter" class="row siteFrame"> <div id="FOOTER" class="col-md-12"> <div id="MPFooter" class="row"> <div class="Footer col-md-12"> <div id="FooterContent"> <div class="ContentItemHtml col-md-8 mission-statement"><div class="HtmlContent"><style> <!-- h3{ line-height: 1.4; } --> </style> <h3><em><br> The mission of the Society for Scholarly Publishing (SSP) is "to advance scholarly publishing and communication, and the professional development of its members through education, collaboration, and networking."<br> <br> <br> <br> <br> </em></h3></div><div class="HtmlFooter"></div></div><div class="ContentItemHtml col-md-4 footer-address"><div class="HtmlContent"><h3><span style="color: #6bbd47;">Society for Scholarly Publishing</span></h3> <strong>1120 Route 73, Suite 200<br />Mount Laurel, NJ 08054</strong><br /> <strong><span style="color: #3681c3;">P</span> +1 856-439-1385</strong><br /> <strong><span style="color: #3681c3;">F</span> +1 856-439-0525<br /> </strong><br /> <a href="https://www.sspnet.org/" target="_blank" rel="noopener"><span style="color: #666666;">SSP WEBSITE</span></a><br /> <a href="/codeofconduct"><span style="color: #666666;">TERMS OF USE</span></a><br /> <a href="https://www.sspnet.org/ssp-privacy-policy/" target="_blank" rel="noopener"><span style="color: #666666;">PRIVACY POLICY</span></a><br /> <a href="https://www.sspnet.org/home/contact-us/" target="_blank" rel="noopener"><span style="color: #666666;">CONTACT US</span></a><br /> <a href="https://www.sspnet.org/home/advertising-information/" target="_blank" rel="noopener"><span style="color: #666666;">SPONSORSHIP AND ADVERTISING</span></a><br /> <a href="https://jobs.sspnet.org/" target="_blank" rel="noopener"><span style="color: #666666;">JOBS</span></a></div><div class="HtmlFooter"></div></div> </div> <div id="MPBottomMenu" class="MPBottomMenu" align="center"> </div> </div> </div> <div class="row"> <div id="MPCopyright" class="col-md-12"> © 2023 SSP Society for Scholarly Publishing </div> </div> <div class="row"> <div class="col-md-12"></div> </div> </div> </div> <div id="MPFooterLink" class="row siteFrame"> <div class="col-md-12"> <div id="MPFooterLinkContent"> <a href="http://www.higherlogic.com" target="_blank">Powered by Higher Logic</a> </div> </div> </div> <!--mp_base--><div id="GlobalPopupContainer"> <div id="GlobalPopupContent" > <img ID="imgGlobalProcessing" alt="" src="https://d2x5ku95bkycr3.cloudfront.net/img/loading.gif" /> </div> </div> <script type="text/javascript"> //<![CDATA[ var _suppressGlobalPopupContainer = false; Sys.Application.add_load(GlobalApplicationLoadHandler); function GlobalApplicationLoadHandler(sender, args) { var prm = Sys.WebForms.PageRequestManager.getInstance(); if (!prm.get_isInAsyncPostBack()) { prm.add_initializeRequest(initRequest); prm.add_endRequest(endRequest); } } function initRequest(sender, args) { if (!_suppressGlobalPopupContainer) { hl_common_ui_blockUI(); } } function endRequest(sender, args) { hl_common_ui_unBlockUI(); }//]]> </script> <script type='text/javascript'>new Sys.WebForms.Menu({ element: 'AuxMenu', disappearAfter: 500, orientation: 'horizontal', tabIndex: 0, disabled: false });</script></form> </div> <script> $(document).ready(function () { var path = window.location.pathname; var lastChar = path.substr(-1); // Selects the last character if (lastChar != '?' && lastChar != '/' && lastChar != ';') { // If the last character is not a slash path = path + '/'; // Append a slash to it. } $('ul.navbar-nav a').each(function () { var myHref = $(this).attr('href').split("?")[0]; var lastChar2 = myHref.substr(-1); // Selects the last character if (lastChar2 != '?' && lastChar2 != '/' && lastChar2 != ';') { // If the last character is not a slash myHref = myHref + '/'; // Append a slash to it. } if (path == myHref) { $(this).parents('li').last().addClass('active current-page'); $(this).parent('li').addClass('active current-page'); } }); $('#modalTags').on('tagAdded', function () { var oldCount = parseInt($('#litCommunityTagsCount').text()); $('#litCommunityTagsCount').text(oldCount + 1); }).on('tagRemoved', function () { var oldCount = parseInt($('#litCommunityTagsCount').text()); $('#litCommunityTagsCount').text(oldCount - 1); }); var isImpersonating = false; $(window).bind('scroll', function () { var navHeight = $("#HEADER").height(); // Creating a stickyNav-filler to fill in the position of the stickyNav when it pops out of its position in the DOM to avoid the flicker experience if ($(document).scrollTop() > navHeight) { if (isImpersonating) $('#pnlImpersonation').addClass('sticky'); if ($('.stickyNav-filler').length === 0) { $('#NAV').parent() .append($('<div class="stickyNav-filler"></div>').height($('#NAV').height())); $('#NAV').addClass( 'stickyNav stickyNav-full '); } } else { if (isImpersonating) $('#pnlImpersonation').removeClass('sticky'); if ($('.stickyNav-filler').length > 0) { $('.stickyNav-filler').remove(); $('#NAV').removeClass( 'stickyNav stickyNav-full '); } } }); }); //var btn = $.fn.button.noConflict(); // reverts $.fn.button to jqueryui btn //$.fn.btn = btn; // assigns bootstrap button functionality to $.fn.btn </script> </body> </html>