CINXE.COM

Open Science

<!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>Open Science</title> <meta name="description" content="Building an open future that works for everyone"> <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/journals-books-databases/open-science/"> <!-- Start Dublin Core --> <meta name="DC.Title" xml:lang="en" content="Open Science"> <meta name="DC.Creator" content="Royal Society of Chemistry"> <meta name="DC.Subject" xml:lang="en" content="Open Science"> <meta name="DC.Description" xml:lang="en" content="Building an open future that works for everyone"> <meta name="DC.Publisher" content="Royal Society of Chemistry"> <meta name="DC.Contributor" content="McConnellH@rsc.org"> <meta name="DC.Date" content="2022-08-10"> <meta name="DC.Format" schema="DCterms:IMT" content="text/html"> <meta name="DC.Identifier" schema="DCterms:URI" content="https://www.rsc.org/journals-books-databases/open-science/"> <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="Open Science"> <meta property="og:description" content="Building an open future that works for everyone"> <meta property="og:type" content="Website"> <meta property="og:image" content="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/hero/People-meeting-sitting-down.jpg?version=a7a29b1b"> <meta property="og:image:secure_url" content="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/hero/People-meeting-sitting-down.jpg?version=a7a29b1b"> <meta property="og:url" content="https://www.rsc.org/journals-books-databases/open-science/"> <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="is-current "> <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"> Journals, books &amp; databases<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="/journals-books-databases/author-and-reviewer-hub/"> Author &amp; reviewer hub </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/about-journals/"> Our journals </a> </li> <li class="is-active"> <a href="/journals-books-databases/open-science/"> Open Science </a> <ul class="sub-menu__level-2" role="navigation"> </ul> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/open-access-publishing/"> Open access publishing </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/our-editorial-board-members/"> Our editorial board members </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/booksellers/"> Booksellers </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/book-authors/"> Our books </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/databases-literature-updates/"> Databases &amp; literature updates </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/research-tools/"> Research tools </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/rsc-select/"> RSC Select </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/librarians-information/"> Librarian hub </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/a-z-resources-list/"> A-Z list of resources and tools </a> </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="/journals-books-databases/">Journals, books &amp; databases</a> </li> <li class="breadcrumb-last"> Open Science </li> </ul> </div> </div> <div class="top-image-area top-image-area--a2"> <div class="top-image-area__img"> <noscript data-slimmage="true" data-img-class="slimmage" data-img-src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/hero/People-meeting-sitting-down.jpg?version=a7a29b1b&amp;width=800&amp;format=jpg&amp;quality=80" data-img-alt="Top Image"><img class="slimmage" src="https://epi-rsc.rsc-cdn.org/globalassets/00-sitewide/generic-media/hero/People-meeting-sitting-down.jpg?version=a7a29b1b&amp;width=800&amp;format=jpg&amp;quality=80" alt="Top Image"></noscript> </div> <div class="top-image-area__overlay"></div> <div class="top-image-area__gradient"></div> <div class="grid-container"> <div class="top-image-area__header"> <div class="header_inner_content"> <h1 class="home-header-with-drop">Open science</h1> <p class="home-header-with-drop"> Building an open future that works for everyone </p> </div> <div class="top-image-area__cta"> <a class="cta__link cta--yellow click-ripple" href="/journals-books-databases/open-access/"> <img class="click-ripple" src="https://epi-rsc.rsc-cdn.org/public/img/local/ripple-bg.png?version=20240326094334" width="300" height="300" alt="" style="display: block; opacity: 0; width: 0px; height: 0px; margin: 0px;"> <div class="cta__block"> <span class="cta__copy">Open access research</span> <b class="cta__block__icon add-icon-after-go-arrow-right"></b> </div> </a> <a class="cta__link cta--blue click-ripple" href="/journals-books-databases/about-journals/opena/"> <img class="click-ripple" src="https://epi-rsc.rsc-cdn.org/public/img/local/ripple-bg.png?version=20240326094334" width="300" height="300" alt="" style="display: block; opacity: 0; width: 0px; height: 0px; margin: 0px;"> <div class="cta__block"> <span class="cta__copy">View our open access journals</span> <b class="cta__block__icon add-icon-after-go-arrow-right"></b> </div> </a> </div> </div> </div> </div> <main class="main layout-a2" role="main" id="maincontent"> <div class="grid-container"> <div class="layout-a2__col-a ac-outer-container"> <div><div class="block a2maintextblock "> <div class="content-block hashtaglink" id="demonstrateimpact"> <h2>Our commitment to open science </h2> <p>Our purpose is to help the chemical science community make the world a better place; we envision a world in which the chemical sciences fulfil their potential as a force for good. We strive to work with our community to break down barriers to advancing the chemical sciences and to ensure appropriate equitable, global access to knowledge and data.</p> <p>We believe that the best ways to enable chemical scientists to make the world a better place are through enabling greater access to knowledge, ensuring that tools and data are presented in a useful way, and that data is FAIR (Findable, Accessible, Interoperable, Reusable), that practices such as peer review are transparent, that research is carried out ethically and with integrity, that collaboration is encouraged and that ultimately more people are enabled and encouraged to participate in science.</p> <p>As a group, these principles form the basis of the open science agenda &ndash; an agenda that is currently being defined by stakeholders from around the world. Our goal as a learned society, professional body, and publisher is to work with our community and stakeholders, including chemical science researchers across sectors, funders, and policymakers - to develop our vision for Open Chemistry. Together, we&rsquo;ll uncover barriers, assess motivations, pinpoint catalysts for change, and explore various pathways to an open future that best serves chemistry and society.</p> </div> </div><div class="block a2maintextblock "> <div class="content-block hashtaglink"> <div style="color: #2c4d67; background-color: #f1f7f8; width: 100%; padding: 32px;"> <h3>Our open science journey so far and our current initiatives</h3> <p>&nbsp;</p> <div class="rsc-ui"> <div class="row edge2edge-sm"> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div style="color: #2c4d67; width: 100%; background-color: #ffffff; padding: 16px; border: 1px solid #d3d3d3;"> <h3><a href="/journals-books-databases/open-access-publishing/" rel="noopener">Open access</a></h3> <p>&nbsp;</p> <p>Open access can lead us to a fairer society by making impactful research available to everyone. No matter who you are or where you live,&nbsp;you deserve to&nbsp;access and benefit from new discoveries.</p> </div> </div> </div> </div> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div style="color: #2c4d67; width: 100%; background-color: #ffffff; padding: 16px; border: 1px solid #d3d3d3;"> <h3><a href="/journals-books-databases/author-and-reviewer-hub/authors-information/prepare-and-format/data-sharing/" rel="noopener">Data sharing</a></h3> <p>&nbsp;</p> <p>Discover why data sharing is important and why we believe that where possible, all data associated with the research in a manuscript should be Findable, Accessible, Interoperable and Reusable (FAIR).</p> </div> </div> </div> </div> <div class="column three"> <div class="padh-sm"> <div class="content-block hashtaglink"> <div style="color: #2c4d67; width: 100%; background-color: #ffffff; padding: 16px; border: 1px solid #d3d3d3;"> <h3><a href="/policy-evidence-campaigns/inclusion-diversity/" rel="noopener">Inclusion and diversity</a></h3> <p>Our goal is to increase the diversity of people choosing and fulfilling their potential in the chemical sciences to create a truly inclusive community.&nbsp;Learn more about our strategy, activities and resources.</p> </div> </div> </div> </div> </div> </div> </div> </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="/journals-books-databases/" title="Journals, books &amp; databases">Journals, books &amp; databases</a> </h3> </div> <nav> <ul class="sub-menu__level-1" role="navigation"> <li class="sub-menu__level-1"> <a href="/journals-books-databases/author-and-reviewer-hub/"> Author &amp; reviewer hub </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/about-journals/"> Our journals </a> </li> <li class="is-active"> <a href="/journals-books-databases/open-science/"> Open Science </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/open-access-publishing/"> Open access publishing </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/our-editorial-board-members/"> Our editorial board members </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/booksellers/"> Booksellers </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/book-authors/"> Our books </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/databases-literature-updates/"> Databases &amp; literature updates </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/research-tools/"> Research tools </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/rsc-select/"> RSC Select </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/librarians-information/"> Librarian hub </a> </li> <li class="sub-menu__level-1"> <a href="/journals-books-databases/a-z-resources-list/"> A-Z list of resources and tools </a> </li> </ul> </nav> </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 class="block a2maintextblock "> <div class="content-block hashtaglink"> <style><!-- .center { display: block; margin-left: auto; margin-right: auto; } --></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="-8584689713276718328"> </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="QpZciD9aMkmc2fJOSi7WM5g1NR5OMNmoNq9k_ZRAW8aWPDgWBXwqnF9fgFbbmLlgtJakFqZ9EFm3r4U1kJryeLgJiyc1"> </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