CINXE.COM

Accessibility

<!DOCTYPE html> <!--[if IE 8]><html class="no-js ie8" lang="en-GB"><![endif]--> <!--[if IE 9]><html class="no-js ie9" lang="en-GB"><![endif]--> <!--[if gt IE 9]><!--> <html class="no-js" lang="en-GB"> <!--<![endif]--> <head> <!-- OneTrust Cookies Consent Notice start for www.rsc.org --> <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/38a172b7-f102-419f-a469-99bfedc55eec/OtAutoBlock.js"></script> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="38a172b7-f102-419f-a469-99bfedc55eec"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for www.rsc.org --> <!-- 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 = 'https://analytics.rsc.org/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KW8L'); </script> <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-KW8L'); </script> <!-- End Google Tag Manager --> <script src="https://epi-rsc.rsc-cdn.org/public/js/cookie-check.js?version=20240326094334"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Accessibility</title> <meta name="description" content="The Royal Society of Chemistry is proactive in ensuring all our activities to advance the chemical sciences are accessible and inclusive for a diverse community"> <link rel="schema.DC" href="https://purl.org/dc/elements/1.1/"> <link rel="schema.DCTERMS" href="https://purl.org/dc/terms/"> <link rel="canonical" href="https://www.rsc.org/help-legal/legal/accessibility/"> <!-- Start Dublin Core --> <meta name="DC.Title" xml:lang="en" content="Accessibility"> <meta name="DC.Creator" content="Royal Society of Chemistry"> <meta name="DC.Subject" xml:lang="en" content="Accessibility"> <meta name="DC.Description" xml:lang="en" content="The Royal Society of Chemistry is proactive in ensuring all our activities to advance the chemical sciences are accessible and inclusive for a diverse community"> <meta name="DC.Publisher" content="Royal Society of Chemistry"> <meta name="DC.Contributor" content="Royal Society of Chemistry"> <meta name="DC.Date" content="2014-04-02"> <meta name="DC.Format" schema="DCterms:IMT" content="text/html"> <meta name="DC.Type" content="web page"> <meta name="DC.Identifier" schema="DCterms:URI" content="https://www.rsc.org/help-legal/legal/accessibility/"> <meta name="DC.Language" content="en"> <meta name="DC.Relation"> <meta name="DC.Copyright" content="Royal Society of Chemistry"> <!-- End Dublin Core --> <!-- Start Open Graph --> <meta property="og:title" content="Accessibility"> <meta property="og:description" content="The Royal Society of Chemistry is proactive in ensuring all our activities to advance the chemical sciences are accessible and inclusive for a diverse community"> <meta property="og:type" content="Website"> <meta property="og:image" content="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/0183_8.0-locations--contacts---main-header-image_media-wisdom_tia-2400.jpg?version=3f1b96ec"> <meta property="og:image:secure_url" content="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/0183_8.0-locations--contacts---main-header-image_media-wisdom_tia-2400.jpg?version=3f1b96ec"> <meta property="og:url" content="https://www.rsc.org/help-legal/legal/accessibility/"> <meta property="og:site_name" content="Royal Society of Chemistry"> <!-- End Open Graph --> <link rel="shortcut icon" href="https://www.rsc-cdn.org/oxygen/assets/favicons/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.rsc-cdn.org/oxygen/assets/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.rsc-cdn.org/oxygen/assets/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.rsc-cdn.org/oxygen/assets/favicons/favicon-16x16.png"> <link rel="manifest" href="https://www.rsc-cdn.org/oxygen/assets/favicons/site.webmanifest"> <link rel="mask-icon" href="https://www.rsc-cdn.org/oxygen/assets/favicons/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#ffffff"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Bitter:wght@700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" integrity="sha512-Ojqt7YpXqYM6//AdMhErV3ot38rYgGF5QLJEwx7zhesjL9VqfhWiRz/dWK22hsn96RNz0CLl85+pg1P0BmfgVQ==" crossorigin="anonymous"> <!--[if IE 8]><link rel="stylesheet" href="/public/css/screen.min.css" /><![endif]--> <!--[if gt IE 8]><!--> <link rel="stylesheet" href="https://epi-rsc.rsc-cdn.org/public/css/screen.min.css?version=20240326094332"> <link rel="stylesheet" href="https://epi-rsc.rsc-cdn.org/public/css/dotcentric.css?version=20240326094332"> <!--<![endif]--> <!--[if lt IE 9]> <link rel="stylesheet" href="/public/css/ie.css"> <script src="/Scripts/html5shiv.js" type="text/javascript"></script> <script src="/Scripts/respond.js" type="text/javascript"></script> <![endif]--> <!-- Modernizr --> <script src="https://epi-rsc.rsc-cdn.org/public/js/modernizr-custom.min.js?version=20240326094334"></script> <script src="https://epi-rsc.rsc-cdn.org/Scripts/jquery-1.11.1.min.js?version=20240326094336"></script> <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet"> <link rel="stylesheet" href="https://use.typekit.net/jzg5mzc.css"> <link rel="stylesheet" href="https://epi-rsc.rsc-cdn.org/public/onetrust.css?version=20240326094334"> <style> .winnie-the-pooh { display:none; } </style> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://analytics.rsc.org/ns.html?id=GTM-KW8L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KW8L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/plain" async="" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" class="optanon-category-C0004"></script> <script type="text/plain" async="" src="https://pagead2.googlesyndication.com/tag/js/gpt.js" class="optanon-category-C0001"></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script> googletag.cmd.push(function () { googletag.defineSlot('/97414310/Corp_mpu_1', [300, 250], 'div-dfp-ad-1').addService(googletag.pubads()); googletag.defineSlot('/97414310/Corp_mpu_Spotlight', [300, 250], 'div-dfp-ad-2').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.pubads().setPrivacySettings({ 'limitedAds': gptLimitedAds }); googletag.enableServices(); }); </script> <a href="#maincontent" class="skiptocontent">Skip to main content</a> <div class="global-nav-bar--container"> <header class="global-header" role="banner"> <div class="global-header__top"> <a class="global-header__logo" href="/"> <img src="https://epi-rsc.rsc-cdn.org/public/img/template/rsc-logo.png?version=20240326094334" alt="Royal Society of Chemistry" title="Royal Society of Chemistry"> </a> <div class="global-header__right"> <div class="account"> <span><a href="https://members.rsc.org/">Members&#39; area</a></span> <span class="ie-pseudo-last"><a href="/donations/">Make a donation</a></span> </div> <div class="search-box"> <label for="gsc-i-id1" class="visuallyhidden">Search: </label> <gcse:searchbox-only resultsurl="/search-results/" newwindow="false" autocompletemaxcompletions="5" autocompletematchtype='any'></gcse:searchbox-only> <noscript class="no-js-header-search"> <form id="cse-search-box" action="https://google.com/cse"> <input type="hidden" name="cx" value="001058750563069951656:udsuknhw-80"> <input type="hidden" name="ie" value="UTF-8"> <div class="no-js-inner-wrapper"> <input type="text" name="q" size="31"> <div> <input class="gsc-search-button" type="submit" name="sa" value="Search"> </div> </div> <input type="hidden" name="nojs" value="1"> </form> <img src="https://cse.google.com/images/google_custom_search_smwide.gif"> </noscript> </div> </div> </div> <div class="mobile-header-search-menu"> <a class="add-icon-after-hamburger expand-global-nav" href="#" data-mobilenav-trigger=""></a> <div class="search-box"> <label for="gsc-i-id2" class="visuallyhidden">Search: </label> <gcse:searchbox-only resultsurl="/search-results/" newwindow="false" autocompletemaxcompletions="5" autocompletematchtype='any'></gcse:searchbox-only> </div> </div> </header> <div class="global-nav-bar"> <div class="grid-container"> <nav> <ul class="global-nav" role="navigation"> <li class=""> <a href="/about-us/">About us</a> </li><li class=""> <a href="/membership-and-community/">Membership &amp; professional community</a> </li><li class=""> <a href="/policy-evidence-campaigns/">Policy, evidence and campaigns</a> </li><li class=""> <a href="/journals-books-databases/">Journals, books &amp; databases</a> </li><li class=""> <a href="/teaching-and-learning/">Teaching &amp; learning</a> </li><li class=""> <a href="/news-events/">News &amp; events</a> </li><li class=""> <a href="/locations-contacts/">Locations, contacts &amp; venue hire</a> </li> </ul> </nav> </div> </div> <div class="grid-container"> <div class="sub-menu sub-menu--mobile"> <div class="sub-menu__header" data-expandable="" aria-controls="mobile-sub-menu"> Help &amp; legal<span class="add-icon-after-hamburger sub-menu__expand"></span> </div> <nav class="content-block__expandable"> <ul class="sub-menu__level-1" role="navigation" data-status="is-expanded" aria-expanded="true" id="mobile-sub-menu"> <li class="sub-menu__level-1"> <a href="/help-legal/help/"> Help </a> </li> <li class="sub-menu__level-1"> <a href="/help-legal/legal/"> Legal </a> <ul class="sub-menu__level-2" role="navigation"> <li> <a href="/help-legal/legal/terms-conditions/"><b class="add-icon-after-link-arrow"></b>Terms of use</a> </li> <li> <a href="/help-legal/legal/privacy/"><b class="add-icon-after-link-arrow"></b>Privacy statement</a> </li> <li> <a href="/help-legal/legal/cookies-and-your-privacy/"><b class="add-icon-after-link-arrow"></b>Cookies and your privacy</a> </li> <li class="is-active"> <a href="/help-legal/legal/accessibility/"><b class="add-icon-after-link-arrow"></b>Accessibility</a> </li> <li> <a href="/help-legal/legal/copyright-permissions/"><b class="add-icon-after-link-arrow"></b>Copyright &amp; permissions</a> </li> <li> <a href="/help-legal/legal/terms-and-conditions-of-purchase/"><b class="add-icon-after-link-arrow"></b>Terms and Conditions of Purchase</a> </li> <li> <a href="/help-legal/legal/modern-slavery-act-statement/"><b class="add-icon-after-link-arrow"></b>Modern Slavery Act statement</a> </li> <li> <a href="/help-legal/legal/human-rights-policy/"><b class="add-icon-after-link-arrow"></b>Human Rights Policy</a> </li> </ul> </li> </ul> </nav> </div> </div> <div class="breadcrumbs"> <ul class="breadcrumbs__links"> <li class="breadcrumb-first"> <a href="/">Home</a> </li> <li class="breadcrumb-middle"> <a href="/help-legal/">Help &amp; legal</a> </li> <li class="breadcrumb-middle"> <a href="/help-legal/legal/">Legal</a> </li> <li class="breadcrumb-last"> Accessibility </li> </ul> </div> </div> <main class="main layout-a2 header-spacer" role="main" id="maincontent"> <div class="grid-container"> <div class="layout-a2__col-a ac-outer-container"> <h1 class="home-header-with-drop">Accessibility</h1> <div><div class="block standardonelinetextblock "><div class="hashtaglink"> <p>Last updated on 31 July 2014</p> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <ul> <li>Any reference to ‘We’, ‘Us’ and ‘Our’ is to <a href="/about-us/corporate-information/">The Royal Society of Chemistry as an organisation</a></li> <li>Any reference to ‘Our websites’ is to websites available within rsc.org and www.chemspider.com</li> <li>Any reference to ‘You’, Your’ is to you as an individual user of Our websites</li> </ul> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <hr> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <h2>Our commitment to accessibility</h2> <p>The Royal Society of Chemistry is committed to ensuring our websites are accessible and usable to the widest possible audience, regardless of technology or ability.</p> <p>Aligned to our <a href="~/link/d303d38c35884d0e9c556765df52915b.aspx">commitment to inclusion and diversity</a>, and our obligations under the <a href="https://www.gov.uk/guidance/equality-act-2010-guidance">Equality Act 2010</a>&nbsp;and the <a href="https://www.gov.uk/government/publications/send-code-of-practice-0-to-25">Special education needs and disability (SEND) code of practice (2014)</a>, we aim to make our websites as accessible as possible to users.</p> <p>To achieve this, we are continually improving the accessibility and usability of our website in line with the latest accessibility standards and best practice.</p> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <hr> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <h2>Guidelines and standards</h2> <p>We have recently redeveloped www.rsc.org and have made every effort to make it accessible. This has included working with the level Double-A standard of the World Wide Web Consortium (W3C) <a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines (WCAG) 2.0</a>. Our conformance with these guidelines, benefits all our users by making the website easier to use.</p> <p>Whilst we intend to make each of our websites as accessible as possible, it is not always straightforward to do this on all areas of a website. Our aim is to continue to improve our websites based on the W3C WCAG 2.0 standard and exceed this standard where possible.</p> <p>We work with the <a href="http://www.rnib.org.uk/">Royal National Institute of Blind People</a> (RNIB) to perform accessibility testing. This has included completion of Voluntary Product Accessibility Templates (VPAT) forms on some of our web platforms. VPATs are currently available for <a href="http://pubs.rsc.org">pubs.rsc.org</a> and the <a href="https://www.rsc.org/merck-index">Merck Index Online</a>, and can be made available upon request.</p> <p>We also frequently conduct accessibility audits and conduct live user testing on our websites to identify ways in which we can improve the experience.</p> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <hr> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <h2>Support and feedback</h2> <p>If you are experiences problems with using any of our websites, please contact our web team. This will enable us to support you, recognise issues and prioritise the improvements we make.</p> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <hr> </div> </div></div> </div> <div class="layout-a2__col-b"> <div class="sub-menu sub-menu--global"> <div class="sub-menu__header"> <h3><a href="/help-legal/" title="Help &amp; legal">Help &amp; legal</a> </h3> </div> <nav> <ul class="sub-menu__level-1" role="navigation"> <li class="sub-menu__level-1"> <a href="/help-legal/help/"> Help </a> </li> <li class="sub-menu__level-1"> <a href="/help-legal/legal/"> Legal </a> <ul class="sub-menu__level-2" role="navigation"> <li> <a href="/help-legal/legal/terms-conditions/"><b class="add-icon-after-link-arrow"></b>Terms of use</a> </li> <li> <a href="/help-legal/legal/privacy/"><b class="add-icon-after-link-arrow"></b>Privacy statement</a> </li> <li> <a href="/help-legal/legal/cookies-and-your-privacy/"><b class="add-icon-after-link-arrow"></b>Cookies and your privacy</a> </li> <li class="is-active"> <a href="/help-legal/legal/accessibility/"><b class="add-icon-after-link-arrow"></b>Accessibility</a> </li> <li> <a href="/help-legal/legal/copyright-permissions/"><b class="add-icon-after-link-arrow"></b>Copyright &amp; permissions</a> </li> <li> <a href="/help-legal/legal/terms-and-conditions-of-purchase/"><b class="add-icon-after-link-arrow"></b>Terms and Conditions of Purchase</a> </li> <li> <a href="/help-legal/legal/modern-slavery-act-statement/"><b class="add-icon-after-link-arrow"></b>Modern Slavery Act statement</a> </li> <li> <a href="/help-legal/legal/human-rights-policy/"><b class="add-icon-after-link-arrow"></b>Human Rights Policy</a> </li> </ul> </li> </ul> </nav> </div> <div><div class="block contactblocklarge "><div class="contacts-box"> <h3>Contact us</h3> <div itemscope="" itemtype="https://schema.org/Person"> <span itemprop="name">For queries regarding accessibility of our websites.</span> <dl> <dt>Email: </dt> <dd> <!-- this link triggers the #modal-email-mainContact popup --> <a href="#" class="open-modal-popup" data-open-popup="contactForm"> The Web Team <input id="modalEmailId" name="modalEmailId" type="hidden" value="modal-email-mainContactd9fb7a85-29ec-47ee-9ab6-9cddf2a30838"> <input id="modalHeader" name="header" type="hidden" value="Webmaster"> <input id="modalFailureMessage" name="failureMessage" type="hidden" value="&lt;p&gt;Sorry, but your email wasn&#39;t sent. Please email us directly at webmaster@rsc.org and we will be happy to help with your enquiry.&lt;/p&gt; &lt;p&gt;Kind regards,&lt;/p&gt; &lt;p&gt;Web team.&lt;/p&gt;"> <input id="modalMainContactEmail" name="mainContactEmails" type="hidden" value="zhepdvwhuCuvf1ruj"> <input id="modalSuccessMessage" name="successMessage" type="hidden" value="&lt;p&gt;Thank you for sending us an email. We will reply within a couple of days.&lt;/p&gt; &lt;p&gt;Kind regards,&lt;/p&gt; &lt;p&gt;Web team.&lt;/p&gt;"> </a> </dd> </dl> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <div class="rsc-ui"> <div class="shell"> <h3 class="pad-m"><a href="/locations-contacts/contact-us/">Contact a team directly</a></h3> </div> </div> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <style><!-- /* Sitewide CSS document */ /* Ensure bold links and bold italics have correct font weight */ strong a, strong em { font-weight: 700 !important; } .rsc-ui ul.no-indent { margin-left: 0; -webkit-padding-start: 0px; -moz-padding-start: 0px; } .rsc-ui ul.no-bullet, .rsc-ui ul.no-bullet li { list-style-type: none; } .rsc-ui ul.dividers li { border-bottom: 1px dotted #DDD; border-bottom: 1px dotted rgba(0,0,0,0.2); } .rsc-ui ul.dividers li a { border-bottom: 0px dotted #FFF; display: block; text-decoration: none; padding-bottom: 8px; padding-top: 8px; } @media only screen and (min-width: 950px) { .rsc-ui ul.dividers li a { padding-bottom: 0px; padding-top: 0px; } } .rsc-ui ul.dividers li a:hover { background-color: rgba(0,0,0,0.05); } /* oxygen layout */ .rsc-ui .row { display: table; width: 100%; } .rsc-ui .row.edge2edge-xxsm { margin-left: -4px; margin-right: -4px; width: calc(100% + 8px); } .rsc-ui .row.edge2edge-xsm { margin-left: -8px; margin-right: -8px; width: calc(100% + 16px); } .rsc-ui .row.edge2edge-sm { margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); } .rsc-ui .row.edge2edge-m { margin-left: -24px; margin-right: -24px; width: calc(100% + 48px); } .rsc-ui .row.edge2edge-lg { margin-left: -32px; margin-right: -32px; width: calc(100% + 64px); } /* images in boxed blockquotes */ .rsc-ui .image-fill-box { width: 100%; height: auto; } .rsc-ui .image-fill-box img { width: 100%; height: auto; } .rsc-ui .image-fill-box.fill-box-xxsm { max-width: 240px; } .rsc-ui .image-fill-box.fill-box-xsm { max-width: 320px; } .rsc-ui .image-fill-box.fill-box-sm { max-width: 480px; } .rsc-ui .image-fill-box.fill-box-lg { max-width: 960px; } .rsc-ui .image-fill-box.fill-box-xlg { max-width: 1200px; } .rsc-ui .row .column.two { display: block; width: 100%; vertical-align: top; } .rsc-ui .row .column.three { display: block; width: 100%; vertical-align: top; } .rsc-ui .row .column.four { display: block; width: 100%; vertical-align: top; } @media only screen and (min-width: 640px) { .rsc-ui .row .column.two { display: table-cell; width: 50%; vertical-align: top; } } @media only screen and (min-width: 768px) { .rsc-ui .row .column.three { display: table-cell; width: 33.33%; vertical-align: top; } } @media only screen and (min-width: 960px) { .rsc-ui .row .column.four { display: table-cell; width: 25%; vertical-align: top; } } /* .block-links */ .block-link-xsm { display: block; height: 80px; } .block-link-sm { display: block; height: 120px; } .block-link-m { display: block; height: 160px; } .block-link-lg { display: block; height: 240px; } .block-link-xlg { display: block; height: 320px; } /* fix row column heights */ .rsc-ui .row.fix-xsm .column { display: block; float: left; height: 80px; overflow-x: hidden; } .rsc-ui .row.fix-sm .column { display: block; float: left; height: 120px; overflow-x: hidden; } .rsc-ui .row.fix-lg .column { display: block; float: left; height: 240px; overflow-x: hidden; } .rsc-ui .row.fix-xlg .column { display: block; float: left; height: 320px; overflow-x: hidden; } /* oxygen padding */ .rsc-ui .pad-xxsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 4px; } .rsc-ui .pad-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 8px; } .rsc-ui .pad-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 16px; } .rsc-ui .pad-m { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 24px; } .rsc-ui .pad-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 32px; } /* horizontal padding */ .rsc-ui .padh-xxsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 4px; padding-right: 4px; } .rsc-ui .padh-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 8px; padding-right: 8px; } .rsc-ui .padh-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 16px; padding-right: 16px; } .rsc-ui .padh-m { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 24px; padding-right: 24px; } .rsc-ui .padh-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 32px; padding-right: 32px; } /* vertical padding */ .rsc-ui .padv-xxsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 4px; padding-top: 4px; } .rsc-ui .padv-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 8px; padding-top: 8px; } .rsc-ui .padv-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 16px; padding-top: 16px; } .rsc-ui .padv-m { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 24px; padding-top: 24px; } .rsc-ui .padv-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 32px; padding-top: 32px; } /* gaps */ .rsc-ui .gap-xsm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 8px 0; } .rsc-ui .gap-sm { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 16px 0; } .rsc-ui .gap-lg { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 32px 0; } /* helper classes */ .rsc-ui .block { display: block; width: 100%; } .rsc-ui hr.clear { box-shadow: none; border-color: transparent; -webkit-margin-before: 0px; height: 0px; margin-bottom: -1px; } .rsc-ui .pull-left { float: left; } .rsc-ui .pull-right { float: right; } /* Oxygen buttons */ .rsc-ui .btn, .rsc-ui a.btn { border: 1px solid #E6E6E6; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); color: #6C7476 !important; cursor: pointer; display: inline-block; font-family: museo_sans_500regular,Arial; min-width: 40px; height: 40px; padding: 8px; position: relative; line-height: 24px; outline: 0; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; width: auto; background-color: #F9F8F8; background: -moz-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%); background: -webkit-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%); background: -ms-linear-gradient(top, #F9F8F8 0%, #E6E6E6 66%); background: linear-gradient(top bottom, #F9F8F8 0%, #E6E6E6 66%); } .rsc-ui .btn img, .rsc-ui .btn, .rsc-ui a.btn img { width: 24px; height: 24px; vertical-align: top; } .rsc-ui .btn:hover { background: -moz-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -webkit-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -ms-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: linear-gradient(top bottom, #F9F8F8 0%, #F9F8F8 66%); background-color: #F9F8F8; border: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0px 3px rgba(0,0,0,0); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rsc-ui .btn.selected, .rsc-ui a.btn.selected { background: -moz-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -webkit-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: -ms-linear-gradient(top, #F9F8F8 0%, #F9F8F8 66%); background: linear-gradient(top bottom, #F9F8F8 0%, #F9F8F8 66%); background-color: #F4F3F2; box-shadow: 0 0px 3px rgba(0,0,0,.1); } .rsc-ui .btn.small, .rsc-ui a.btn.small { height: 32px; line-height: 24px; min-width: 32px; padding: 4px; } .rsc-ui .btn.large, .rsc-ui a.btn.large { height: 48px; line-height: 24px; min-width: 48px; padding: 12px; } /* helper classes */ .rsc-ui .centred { margin-left: auto; margin-right: auto; } .rsc-ui .pull-left { float: left; } .rsc-ui .pull-right { float: right; } .rsc-ui .ft-xxsm { font-size: 10px; line-height: 16px; } .rsc-ui .ft-xsm { font-size: 12px; line-height: 16px; } .rsc-ui .ft-sm { font-size: 14px; line-height: 16px; } .rsc-ui .ft-lg { font-size: 18px; line-height: 24px; } .rsc-ui .ft-xlg { font-size: 20px; line-height: 24px; } .rsc-ui .ft-xxlg { font-size: 22px; line-height: 24px; } .rsc-ui .ft-xxxlg { font-size: 32px; line-height: 32px; } /* heading sizes */ .rsc-ui .hd-xxsm { font-size: 32px; line-height: 32px; } .rsc-ui .hd-xsm { font-size: 40px; line-height: 40px; } .rsc-ui .hd-sm { font-size: 48px; line-height: 48px; } .rsc-ui .hd-lg { font-size: 56px; line-height: 56px; } .rsc-ui .hd-xlg { font-size: 64px; line-height: 64px; } .rsc-ui .hd-xxlg { font-size: 72px; line-height: 72px; } .rsc-ui .hd-xxxlg { font-size: 80px; line-height: 80px; } .rsc-ui .text-center { text-align: center; } .rsc-ui .text-right { text-align: right; } .rsc-ui .text-left { text-align: left; } .rsc-ui .text-center-mobile-only { text-align: center; } .rsc-ui .text-center-mobile-only.boxed { max-width: 320px; margin: 0 auto !important; } @media only screen and (min-width: 768px) { .rsc-ui .text-center-mobile-only { text-align: left; } .rsc-ui .text-center-mobile-only.boxed { max-width: 100%; } } .rsc-ui .ft-justify { text-align: justify; } .rsc-ui .ft-truncate { text-overflow: ellipsis; overflow: hidden !important; } .rsc-ui .ft-bold { font-weight: 700; } /* example styling */ .rsc-ui div.shell { background-color: #FFFFFF; border: 1px solid #ECECEC; background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%); background: -webkit-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%); background: -ms-linear-gradient(top, #FFFFFF 0%, #F9F8F8 150%); background: linear-gradient(top bottom, #FFFFFF 0%, #F9F8F8 150%); box-shadow: 0 4px 8px rgba(0,0,0,0.05); } .rsc-ui .live-example { border: 1px dotted #007AAF; min-width: 280px; width: auto; padding: 40px 16px 0px 16px; position: relative; margin-bottom: 8px; } .rsc-ui .live-example:before { content: "Example"; display: block; position: absolute; top: 8px; left: 8px; padding: 8px; color: #999999; line-height: 16px; font-size: 12px; font-weight: bold; text-transform: uppercase; width: auto; } .rsc-ui .code-footer { background-color: #F9F8F8; clear: both; width: auto; xwidth: calc(100% + 16px); border-top: 1px solid #ECECEC; margin: 16px -16px 0 -16px; padding: 8px; } .rsc-ui code, .rsc-ui textarea.code { border: 1px solid #FFFFFF; border: 1px solid rgba(255,255,255,.04) !important; background-color: #F9F8F8; color: #223335; display: inline-block; font-family: monospace; padding-right: 8px; padding-left: 8px; margin: 0; line-height: 24px; } /* rsc.org styles override */ .btn:link, .btn:visited { margin-bottom: 0; } .rsc-ui blockquote:before { content: '\201C'; content: ''; display: inline; font-family: Arial !important; font-size: 16px; line-height: 20px; position: relative; margin-right: 0px; } .rsc-ui blockquote:after { content: '\201D'; content: ''; display: inline; font-family: Arial !important; margin-left: 0px; } /* end rsc.org styles override */ .rsc-ui blockquote { border-color: #97D700; font-size: 16px; line-height: 24px; font-family: Arial !important; } .rsc-ui blockquote { margin-left: 0px; -webkit-margin-start: 0px; margin-bottom: 16px; /*width: calc(100% - 40px);*/ width: 100%; } @media only screen and (min-width: 768px) { .rsc-ui blockquote { margin-top: 16px; margin-bottom: 32px; padding: 16px; } } .rsc-ui blockquote { background-color: #f1f7f8; display: block; padding: 10px !important; border: 1px solid #48A9C5; border-left: 8px solid #48A9C5; margin-top: 16px; overflow: hidden; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 24px; -webkit-margin-end: 24px; } .rsc-ui blockquote footer { clear: both; display: block; position: relative; width: 100%; height: auto; margin-top: 16px; min-height: 40px; padding: 0px !important; } .rsc-ui blockquote footer.caption, .rsc-ui blockquote footer cite { color: #54585A; xfont-size: 12px; letter-spacing: 0; font-style: italic; } .rsc-ui blockquote.boxed { border-left: 1px solid #48A9C5; border-radius: 4px; } .rsc-ui blockquote.boxed1 { background-color: #ffffff; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 0px; border-radius: 0px; } .rsc-ui blockquote.boxed2 { background-color: #fbf4b1; border-left: 1px solid #ccb900; border-right: 1px solid #ccb900; border-top: 1px solid #ccb900; border-bottom: 1px solid #ccb900; border-radius: 4px; } .rsc-ui .pull-quote { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; xborder: 1px solid #CCCCCC; border-left: 8px solid #CCCCCC; line-height: 24px; padding: 8px; margin: 16px 0 16px 0 !important; letter-spacing: -0.03em; font-weight: 700; letter-spacing: -0.00em; } .rsc-ui .pull-quote q { font-weight: 700; font-family: MuseoSlab700Regular, museo_slab500, museo_sans_500regular, Arial; font-style: normal; display: inline-block; width: auto; padding: 16px 32px !important; margin-top: 16px; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; text-align: center; letter-spacing: -0.03em; font-size: 20px; line-height: 28px; quotes: "\201C""\201D""\2018""\2019"; letter-spacing: -0.00em; } .rsc-ui .pull-quote q:before { color: #ccc; content: open-quote; font-size: 4em; font-family: Georgia, 'Times New Roman', Arial !important; font-weight: bold; line-height: 0.1em; margin-right: 4px; vertical-align: -0.35em; margin-left: -16px; } .rsc-ui .pull-quote q:after { color: #ccc; content: close-quote; font-size: 4em; font-family: Times New Roman, Arial; font-weight: bold; line-height: 0.1em; margin-left: 4px; vertical-align: -0.4em; } .rsc-ui .pull-quote.stand-out { background-color: #33556B; border-left: 8px solid #33556B; border-left: 8px solid rgba(0,0,0,0.4); color: #F4F3F2; } .rsc-ui .pull-quote.stand-out q { color: #CCC; } .rsc-ui .hug-btm-rt { position: absolute; bottom: 0px; right: 0px; } .rsc-ui p.hug-btm-rt { margin-bottom: 0px; } .rsc-ui .ident-175minutes { background-color: #FFFFFF; max-width: 768px; margin-top: 16px !important; } .rsc-ui .ident-175minutes.vertical { background-color: #FFFFFF; max-width: 320px; } .rsc-ui .ident-175minutes h3 { color: #2c4d67; font-family: museo_slab500; font-weight: 700; font-size: 18px; margin: 0; } .rsc-ui .ident-175minutes .content { width: 100%; float: none; } .rsc-ui .ident-175minutes .logo { max-width: 240px; float: right; padding-left: 0px; } .rsc-ui .ident-175minutes.vertical .content { width: 100%; float: none; } .rsc-ui .ident-175minutes.vertical .logo { max-width: 320px; float: right; padding-left: 0px; width: 100%; } @media only screen and (min-width: 550px) { .rsc-ui .ident-175minutes .content { width: auto; width: calc(100% - 240px); float: left; } .rsc-ui .ident-175minutes .logo { float: left; padding-left: 16px; } } /* event blocks */ .rsc-ui .event-block-list .event-block-item { background-color: #F4F3F2; border: 5px solid #F4F3F2; border: 5px solid rgba(0,0,0,0.1); padding: 24px; margin-bottom: 16px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rsc-ui .event-block-list .event-block-item:hover { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #FFFFFF; } .rsc-ui .event-block-list .event-heading { font-family: museo_sans_500regular; font-size: 20px; line-height: 28px; padding-bottom: 8px; margin-bottom: 11px; display: block; word-wrap: break-word; border-bottom: 1px solid #ECECEC; border-bottom: 1px solid rgba(0,0,0,0.1); color: #223335; } .rsc-ui .event-block-list .event-copy { font-family: museo_sans300; font-size: 16px; line-height: 24px; margin: 0; color: #21949F; } .rsc-ui .event-block-list a { color: #223335; display: block; text-decoration: none; } .rsc-ui .event-block-list a:hover { color: #115E67; } .event-block-list.event-with-date a { text-decoration: none; color: #21949F; display: table; width: 100%; } .event-block-list.event-with-date a:hover .ev-event-col { background-color: #EEECE1; } .event-block-list.event-with-date .ev-event-col { display: table-cell; padding: 0 10px; vertical-align: middle; border-bottom: 8px solid #FFF; } .event-block-list.event-with-date .ev-date-col { display: table-cell; font-family: museo_sans300, Arial; font-weight: 300; width: 80px; height: 80px; background-color: #EEECE1; color: #21949F; padding: 8px; font-size: 30px; text-align: center; border-bottom: 8px solid #FFF; border-right: 1px solid #FFF; vertical-align: top; } .event-block-list.event-with-date .ev-date-col .ev-date-month { font-family: museo_sans_500regular, Arial; font-weight: 500; display: block; font-size: 14px; line-height: 16px; } .event-block-list.event-with-date .ev-date-col .ev-date-day { display: block; font-size: 32px; line-height: 32px; } .event-block-list.event-with-date .ev-date-col .ev-date-year { font-family: museo_sans_500regular, Arial; font-weight: 500; display: block; font-size: 14px; line-height: 16px; } .rsc-ui .icon-pre-text { vertical-align: middle; padding-right: 8px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* tables */ .clear-cell-tl { position: absolute; top: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #2c4d67; } .clear-cell-bl { position: absolute; bottom: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #ffffff; padding-right: 8px; } .clear-cell-bm { position: absolute; bottom: -1px; left: -1px; width: calc(100% + 1px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #ffffff; padding: 3px; padding-top: 12px; padding-right: 4px; } .clear-cell-br { position: absolute; bottom: -1px; right: -1px; width: calc(100% + 2px); height: calc(100% + 1px); background-color: #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 3px; padding-top: 12px; } /* coloured buttons and ctas */ .bg-gold-oa { background-color: #FAF400; color: #171717; } .bg-green-oa { background-color: #64A70B; } a.btn-gold-oa { background-color: #FAF400; border-bottom: 2px solid rgba(0,0,0,0.1); color: #171717; display: block; font-family: museo_sans_500regular; font-weight: bold; vertical-align: middle; height: 48px; line-height: 16px; padding: 8px; text-align: center; text-decoration: none; } a.btn-gold-oa:hover { background-color: #F1E53E; } a.btn-green-oa { background-color: #64A70B; border-bottom: 2px solid rgba(0,0,0,0.1); color: #FFF; display: block; font-family: museo_sans_500regular; font-weight: bold; vertical-align: middle; height: 48px; line-height: 16px; padding: 8px; text-align: center; text-decoration: none; } a.btn-green-oa:hover { background-color: #83C411; } .hr-gold-oa { width: 100%; border-style: solid; border-color: #EAC700; padding-top: 20px; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .hr-green-oa { width: 100%; border-style: solid; border-color: #64A70B; padding-top: 20px; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } /* coloured elements */ .rsc-ui .bg-info { background-color: #007AAF !important; background-color: rgba(0,107,166,0.6) !important; color: #FFFFFF !important; line-height: 32px; } .rsc-ui .bg-active { background-color: #64A70B !important; background-color: rgba(100,167,11,0.6) !important; color: #FFFFFF !important; line-height: 32px; } .rsc-ui .bg-inactive { background-color: #CCCCCC !important; background-color: rgba(204,204,204,0.6) !important; color: #999999 !important; line-height: 32px; } .rsc-ui .bg-warning { background-color: #EEDC00 !important; background-color: rgba(234,218,36,0.6) !important; color: #000000 !important; line-height: 32px; } .rsc-ui .bg-alert { background-color: #D30707 !important; background-color: rgba(211,7,7,0.6) !important; color: #FFFFFF !important; line-height: 32px; } .rsc-ui .bg-dk-purple { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui .bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui .bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui .bg-green { background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-green { background-color: #97D700 !important; color: #000000 !important; } .rsc-ui .bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui .bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui .bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui a.bg-dk-purple:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui a.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; } .rsc-ui a.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui a.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; } .rsc-ui a.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui a.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; } .rsc-ui a.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; } .rsc-ui a.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; } .rsc-ui a.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; } .rsc-ui a.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; } .rsc-ui a.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; } .rsc-ui a.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; } .rsc-ui a.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui a.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; } .rsc-ui a.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; } .rsc-ui a.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; } .rsc-ui a.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; } .rsc-ui a.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; } .rsc-ui .bg-dk-purple a { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-purple a { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-pink a { background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-pink a { background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui .bg-dk-blue a { background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-blue a { background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui .bg-blue a { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-blue a { background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui .bg-teal a { background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui .bg-lt-teal a { background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui .bg-green a { background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui .bg-vi-green a { background-color: #97D700 !important; color: #000000 !important; } .rsc-ui .bg-dk-yellow a { background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui .bg-yellow a { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .bg-dk-orange a { background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-orange a { background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui .bg-dk-grey a { background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui .bg-wm-grey a { background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui a.bg-dk-purple { background-color: #991E66 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-green { background-color: #64A70B !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-vi-green { background-color: #97D700 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; text-decoration: none; } .rsc-ui a.bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; text-decoration: none; } .rsc-ui a.bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; text-decoration: none; } .rsc-ui button.bg-dk-purple { background-color: #610931 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-purple { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-pink { background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-pink { background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-blue { background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-blue { background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui button.bg-blue { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-blue { background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui button.bg-teal { background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-teal { background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui button.bg-green { background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-green { background-color: #97D700 !important; color: #000000 !important; } .rsc-ui button.bg-dk-yellow { background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui button.bg-yellow { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui button.bg-dk-orange { background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-orange { background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui button.bg-dk-grey { background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-grey { background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui button.bg-dk-purple:hover { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; } .rsc-ui button.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; } .rsc-ui button.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; } .rsc-ui button.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; } .rsc-ui button.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; } .rsc-ui button.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; } .rsc-ui button.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; } .rsc-ui button.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui button.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; } .rsc-ui button.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; } .rsc-ui button.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; } .rsc-ui button.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-purple { background: none; background-color: #610931 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-purple { background: none; background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-pink { background: none; background-color: #BB074C !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-pink { background: none; background-color: #C8102E !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-blue { background: none; background-color: #004976 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-blue { background: none; background-color: #48A9C5 !important; color: #000000 !important; } .rsc-ui .btn.bg-blue { background: none; background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-blue { background: none; background-color: #71DBD4 !important; color: #000000 !important; } .rsc-ui .btn.bg-teal { background: none; background-color: #115E67 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-teal { background: none; background-color: #94B7BB !important; color: #000000 !important; } .rsc-ui .btn.bg-green { background: none; background-color: #64A70B !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-green { background: none; background-color: #97D700 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-yellow { background: none; background-color: #DEBF00 !important; color: #000000 !important; } .rsc-ui .btn.bg-yellow { background: none; background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-orange { background: none; background-color: #FC4C02 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-orange { background: none; background-color: #FF9E1B !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-grey { background: none; background-color: #54585A !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-grey { background: none; background-color: #D1CCBD !important; color: #000000 !important; } .rsc-ui .btn.bg-white { background: none; background-color: #FFFFFF !important; color: #999999 !important; } .rsc-ui .btn.bg-dk-purple:hover { background-color: #991E66 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-purple:hover { background-color: #F32EBC !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-pink:hover { background-color: #DA1884 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-pink:hover { background-color: #EB1F52 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-dk-blue:hover { background-color: #007AAF !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-blue:hover { background-color: #78D9EA !important; color: #000000 !important; } .rsc-ui .btn.bg-blue:hover { background-color: #009ACB !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-blue:hover { background-color: #AAF4F1 !important; color: #000000 !important; } .rsc-ui .btn.bg-teal:hover { background-color: #21949F !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-lt-teal:hover { background-color: #759DA2 !important; color: #000000 !important; } .rsc-ui .btn.bg-green:hover { background-color: #97D700 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-vi-green:hover { background-color: #CCF200 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-yellow:hover { background-color: #EEDC00 !important; color: #000000 !important; } .rsc-ui .btn.bg-yellow:hover { background-color: #FAF400 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-orange:hover { background-color: #FF7E04 !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-orange:hover { background-color: #FFD133 !important; color: #000000 !important; } .rsc-ui .btn.bg-dk-grey:hover { background-color: #888D8F !important; color: #FFFFFF !important; } .rsc-ui .btn.bg-wm-grey:hover { background-color: #BEB7A4 !important; color: #000000 !important; } .rsc-ui .bdr-top-dk-purple { border-top: 4px solid #991E66 !important; } .rsc-ui .bdr-top-wm-purple { border-top: 4px solid #DA1884 !important; } .rsc-ui .bdr-top-dk-pink { border-top: 4px solid #BB074C !important; } .rsc-ui .bdr-top-vi-pink { border-top: 4px solid #C8102E !important; } .rsc-ui .bdr-top-dk-blue { border-top: 4px solid #4F758B !important; } .rsc-ui .bdr-top-lt-blue { border-top: 4px solid #48A9C5 !important; } .rsc-ui .bdr-top-blue { border-top: 4px solid #007AAF !important; } .rsc-ui .bdr-top-vi-blue { border-top: 4px solid #71DBD4 !important; } .rsc-ui .bdr-top-teal { border-top: 4px solid #115E67 !important; } .rsc-ui .bdr-top-lt-teal { border-top: 4px solid #94B7BB !important; } .rsc-ui .bdr-top-green { border-top: 4px solid #64A70B !important; } .rsc-ui .bdr-top-vi-green { border-top: 4px solid #97D700 !important; } .rsc-ui .bdr-top-dk-yellow { border-top: 4px solid #DEBF00 !important; } .rsc-ui .bdr-top-yellow { border-top: 4px solid #EEDC00 !important; } .rsc-ui .bdr-top-dk-orange { border-top: 4px solid #FC4C02 !important; } .rsc-ui .bdr-top-wm-orange { border-top: 4px solid #FF9E1B !important; } .rsc-ui .bdr-top-dk-grey { border-top: 4px solid #54585A !important; } .rsc-ui .bdr-top-wm-grey { border-top: 4px solid #D1CCBD !important; } #maincontent .top-image-area__cta { float: none; margin-right: 0; max-width: none; width: auto; } @media (min-width: 768px) { #maincontent .top-image-area__cta .cta__link { width: 48% !important; } } @media (min-width: 550px) { #maincontent .top-image-area__cta { padding-top: 0; } #maincontent .top-image-area__cta .cta__link { width: 48% !important; height: auto; min-height: 0; } #maincontent .top-image-area__cta .cta__link:nth-child(2) { margin-right: 0; } #maincontent .top-image-area__cta .cta__block { display: block; padding-top: 20px !important; padding-bottom: 20px !important; } } @media (max-width: 550px) { #maincontent .top-image-area__cta .cta__block { display: block; } #maincontent .top-image-area__cta { margin-bottom: 16px; } #maincontent .top-image-area__cta .cta--yellow .add-icon-after-go-arrow-right { background-image: url(/public/img/local/go_arrow_blue_mobile.png) !important; } #maincontent .top-image-area__cta .cta--blue .add-icon-after-go-arrow-right { background-image: url(/public/img/local/go_arrow_white_mobile.png) !important; } } --></style> </div> </div></div> <!-- <!-- this link triggers the #modal-share-by-email popup --> <h3>Share</h3> <ul class="share-links"> <li><a target="_blank" class="fb-share" href="#">FB</a></li> <li><a target="_blank" class="twitter-share" href="#">Twitter</a></li> <li><a target="_blank" class="linkedin-share" href="">LinkedIn</a></li> </ul> <div class="share-clearfix"></div> <div class="advertising-spotlights-container"> </div> </div> </div> </main> <footer role="contentinfo"> <a href="#" onclick="scrollToTop();return false" class="returntotop"> <span class="returntotop__image"></span> <span class="returntotop__text">Back to top</span> </a> <div class="grid-container"> <!-- /.master-footer__col-a --> <div class="master-footer__col-b"> <div class="footer-links"> <h3>Not a member?</h3> <ul> <li><a href="/membership-and-community/join/" target="_top">Join us now</a></li> </ul> </div> </div> <!-- /.master-footer__col-b --> <div class="master-footer__col-c"> <nav> <ul class="main-section-links"> <li> <noscript data-slimmage="true" data-img-class="main-section-links__curve slimmage-exclude" data-img-src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-blue.png?version=20240326094334" data-img-alt="Curved Image"><img class="main-section-links__curve slimmage-exclude" src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-blue.png?version=20240326094334" alt="Curved Image"></noscript> <noscript data-slimmage="true" data-img-class="main-section-links__img slimmage hashtaglink" data-img-src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-publishing.jpg?version=3f1b965a&amp;width=800&amp;format=jpg&amp;quality=80" data-img-title="Journals &amp; books" data-img-alt="image block"><img class="main-section-links__img slimmage hashtaglink" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-publishing.jpg?version=3f1b965a&amp;width=800&amp;format=jpg&amp;quality=80" title="Journals &amp; books" alt="Journals &amp; books" alt="image block"></noscript> <a href="/journals-books-databases/" class="h3 h3--theme-dark"> Journals </a> </li> <li> <noscript data-slimmage="true" data-img-class="main-section-links__curve slimmage-exclude" data-img-src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-mulberry.png?version=20240326094334" data-img-alt="Curved Image"><img class="main-section-links__curve slimmage-exclude" src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-mulberry.png?version=20240326094334" alt="Curved Image"></noscript> <noscript data-slimmage="true" data-img-class="main-section-links__img slimmage hashtaglink" data-img-src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-network.jpg?version=3f1b965a&amp;width=800&amp;format=jpg&amp;quality=80" data-img-title="Networks" data-img-alt="image block"><img class="main-section-links__img slimmage hashtaglink" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-network.jpg?version=3f1b965a&amp;width=800&amp;format=jpg&amp;quality=80" title="Networks" alt="Networks" alt="image block"></noscript> <a href="/membership-and-community/" class="h3 h3--theme-dark"> Networks </a> </li> <li> <noscript data-slimmage="true" data-img-class="main-section-links__curve slimmage-exclude" data-img-src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-tangerine.png?version=20240326094334" data-img-alt="Curved Image"><img class="main-section-links__curve slimmage-exclude" src="https://epi-rsc.rsc-cdn.org/public/img/template/bg-section-link-tangerine.png?version=20240326094334" alt="Curved Image"></noscript> <noscript data-slimmage="true" data-img-class="main-section-links__img slimmage hashtaglink" data-img-src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-contact.jpg?version=3f1b9659&amp;width=800&amp;format=jpg&amp;quality=80" data-img-title="Contacts" data-img-alt="image block"><img class="main-section-links__img slimmage hashtaglink" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/footer/main-section-contact.jpg?version=3f1b9659&amp;width=800&amp;format=jpg&amp;quality=80" title="Contacts" alt="Contacts" alt="image block"></noscript> <a href="/locations-contacts/" class="h3 h3--theme-dark"> Contacts </a> </li> </ul> </nav> <ul class="social-links"> <li><a class="social-links__link social-links__link--facebook" href="https://www.facebook.com/RoyalSocietyofChemistry" target="_blank"><span class="visuallyhidden">Facebook</span></a></li> <li><a class="social-links__link social-links__link--twitter" href="https://twitter.com/RoySocChem" target="_blank"><span class="visuallyhidden">Twitter</span></a></li> <li><a class="social-links__link social-links__link--linkedin" href="http://www.linkedin.com/company/23105" target="_blank"><span class="visuallyhidden">Linked In</span></a></li> <li><a class="social-links__link social-links__link--you-tube" href="http://www.youtube.com/user/wwwRSCorg" target="_blank"><span class="visuallyhidden">YouTube</span></a></li> </ul> </div> <div class="master-footer__row-b"> <div class="master-footer__nav"> <ul class="footer-nav"> <li><a href="/help-legal/help/" title="Frequently asked questions">Help</a></li> <li><a href="/advertise/">Advertise</a></li> <li><a href="/help-legal/legal/">Legal</a></li> <li><a href="/help-legal/legal/privacy/" title="Privacy &amp; cookies policy">Privacy</a></li> <li><a href="/help-legal/legal/accessibility/" title="Accessibility statement">Accessibility</a></li> </ul> </div> <div class="master-footer__copyright"> <p>&copy; Royal Society of Chemistry 2024. Registered charity number 207890. </p> </div> </div> </div> <!-- /.master-footer__col-c --> </footer> <div class="rsc-onetrust-cookie-footer"> <div id="rsc-onetrust-cookie-footer-non-br"> This website collects cookies to deliver a better user experience. <span id="rsc-onetrust-cookie-footer-global"> See how this site uses <a href="/cookies/">Cookies</a>. </span> <span id="rsc-onetrust-cookie-footer-ca" style="display: none;"> <a href="/cookies/">Do not sell my personal data</a>. </span> </div> <div id="rsc-onetrust-cookie-footer-br" style="display: none;"> Este site coleta cookies para oferecer uma melhor experi&ecirc;ncia ao usu&aacute;rio. <span> Veja como este site usa <a href="/cookies/">Cookies</a>. </span> </div> </div> <!-- content for the email contact popup modal --> <div class="modal-popup modal-form contact-modal-form" id="contactForm"> <a href="#" class="modal-popup-close">close</a> <form parsley-validate="" ajax-form="email"> <fieldset> <legend></legend> <div class="form-row"> <label for="name">Your name: <span class="mandatory">* (required)</span></label> <input type="text" placeholder="" name="name" id="name" parsley-required="true" parsley-trigger="change"> </div> <div class="form-row"> <label for="email">Your email: <span class="mandatory">* (required)</span></label> <input type="text" placeholder="" name="email" id="email" parsley-required="true" parsley-type="email" parsley-trigger="change"> </div> <div class="form-row winnie-the-pooh"> <label for="email">Your phone: <span class="mandatory-it-is-not">* (required)</span></label> <input type="text" placeholder="" name="phone" id="phone" autocomplete="off" tabindex="-1"> <input type="hidden" name="Checksum" id="Checksum" value="-8584692306388887902"> </div> <div class="form-row"> <label for="subject">Subject: <span class="mandatory">* (required)</span></label> <input type="text" placeholder="Question request" name="subject" id="subject" parsley-required="true" parsley-trigger="change"> </div> <div class="form-row"> <label for="message">Message: <span class="mandatory">* (required)</span></label> <textarea placeholder="My question is this..." name="message" id="message" cols="30" rows="10" parsley-required="true" parsley-trigger="change"></textarea> </div> </fieldset> <div class="ajax-error-message"></div> <input type="submit" class="btn" value="submit"> <input type="hidden" class="hidden-modal-email" name="maincontactemail" value=""> <input name="__RequestVerificationToken" type="hidden" value="S9rfyy4SjCw7jmw6C69easMAuMss11I-0ZKxOpOgZe12Y7RSone408XBIMkAEle5Nc-jzYpzkWnecatQKgm3ZklkvyQ1"> </form> <div class="success-message"> </div> </div> <!-- /content for the email contact popup modal --> <!-- Image resizer quality parameter --> <span id="imageResizerMobile" data-value="60" style="display:none"></span> <span id="imageResizerTablet" data-value="70" style="display:none"></span> <span id="imageResizerDesktop" data-value="80" style="display:none"></span> <!-- Main JS script --> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://epi-rsc.rsc-cdn.org/public/js/app.min.js?version=20240326094334"></script> <script src="https://epi-rsc.rsc-cdn.org/public/js/dotcentric.js?version=20240326094334"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit&onload=initRecaptchaElements"></script> <script type="text/javascript" src="/public/js/epiForms.js"></script> <script> function OptanonWrapper() { // This is a OneTrust callback function that runs after the banner script has loaded var onetrustGeolocationResponse = OneTrust.getGeolocationData(); if (onetrustGeolocationResponse.state == "ca") { // If GeoLocation state is CA (California) then show the CA footer link document.getElementById("rsc-onetrust-cookie-footer-global").style.display = "none"; document.getElementById("rsc-onetrust-cookie-footer-ca").style.display = "block"; } else if (onetrustGeolocationResponse.country == "br") { // If GeoLocation country is BR (Brazil) then show the BR footer link document.getElementById("rsc-onetrust-cookie-footer-non-br").style.display = "none"; document.getElementById("rsc-onetrust-cookie-footer-br").style.display = "block"; } }; </script> </body> </html>

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