/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } /*# sourceMappingURL=styles.css.map */ .footer { position: relative !important; background: #000000; color: #ffffff; line-height: 1.5; padding: 18px 0; font-size: 16px; max-height: 100%; } .footer-wrap { max-width: 1236px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 50px; padding-bottom: 50px; } .footer a { font-family: 'Roboto', 'Courier New', cursive, sans-serif; color: #ffffff; font-weight: 500; text-decoration: underline; font-size: 19px; } .footer a:hover { color: #fcba00; } .footer-row { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; /*align-items: center;*/ margin: -3px; } @media screen and (min-width: 1000px) { .footer-row { flex-direction: row; } } .footer-social-links { display: flex; } .footer-col { padding: 0 3px; margin: 1rem; } .footer-col-social { display: flex; justify-content: flex-start; flex-grow: 1; flex-basis: 0; flex-direction: column; border-right: 1px solid #333; } .footer-col-social h2 { padding: 0; font-size: 60px; line-height: 54px; font-family: 'VersusArthritis', 'sans-serif'; } .footer-social-links a { display: block; width: 59px; height: 58px; margin: 0 20px 0 0; position: relative; overflow: hidden; color: #ffffff; font-family: "FontAwesome"; } .footer-col-about { display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; border-right: 1px solid #333; } .footer-col-about .rich-text p, .footer-col-about .footer-about-links li a { font-size: 19px; line-height: 30px; } .footer-col-about .rich-text { flex: 1; } .footer-about-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-about-links li { list-style: none; margin-bottom: 10px; } .footer-col-legal { justify-content: flex-end; flex-grow: 1; flex-basis: 0; } p.footer__regulator-text.vanilla_footer{ font-size: 15px; line-height: 21px; } .footer-disclaimer { font-size: 11px; line-height: 18px; margin-top: 10px; padding-bottom: 22px; } ul.footer-legal-links-list { margin-top: 50px; } .footer-legal-links-list li { list-style: none; margin-bottom: 10px; } <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5ZJWRVC" height="0" width="0" style="display:none;visibility:hidden"></iframe>

Thanks Arthritis Care

stickywicket

stickywicket Member Posts: 27,428

17. Apr 2017, 10:10 edited 7. Feb 2023, 10:10 in News Archive

I've only just noticed the new grey menu at the (nearly) top with more tabs and lots more info.

I've no idea how long it's been there :oops: (I plead that unstoppable combination of jet lag and old age) but it's much improved and congratulations and thanks to all involved.

0

Comments

Rach101 Member Posts: 165

18. Apr 2017, 16:00 edited 30. Nov -1, 00:00

Me too lol! They are good

0

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } /*# sourceMappingURL=styles.css.map */ .footer { position: relative !important; background: #000000; color: #ffffff; line-height: 1.5; padding: 18px 0; font-size: 16px; max-height: 100%; } .footer-wrap { max-width: 1236px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 50px; padding-bottom: 50px; } .footer a { font-family: 'Roboto', 'Courier New', cursive, sans-serif; color: #ffffff; font-weight: 500; text-decoration: underline; font-size: 19px; } .footer a:hover { color: #fcba00; } .footer-row { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; /*align-items: center;*/ margin: -3px; } @media screen and (min-width: 1000px) { .footer-row { flex-direction: row; } } .footer-social-links { display: flex; } .footer-col { padding: 0 3px; margin: 1rem; } .footer-col-social { display: flex; justify-content: flex-start; flex-grow: 1; flex-basis: 0; flex-direction: column; border-right: 1px solid #333; } .footer-col-social h2 { padding: 0; font-size: 60px; line-height: 54px; font-family: 'VersusArthritis', 'sans-serif'; } .footer-social-links a { display: block; width: 59px; height: 58px; margin: 0 20px 0 0; position: relative; overflow: hidden; color: #ffffff; font-family: "FontAwesome"; } .footer-col-about { display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; border-right: 1px solid #333; } .footer-col-about .rich-text p, .footer-col-about .footer-about-links li a { font-size: 19px; line-height: 30px; } .footer-col-about .rich-text { flex: 1; } .footer-about-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-about-links li { list-style: none; margin-bottom: 10px; } .footer-col-legal { justify-content: flex-end; flex-grow: 1; flex-basis: 0; } p.footer__regulator-text.vanilla_footer{ font-size: 15px; line-height: 21px; } .footer-disclaimer { font-size: 11px; line-height: 18px; margin-top: 10px; padding-bottom: 22px; } ul.footer-legal-links-list { margin-top: 50px; } .footer-legal-links-list li { list-style: none; margin-bottom: 10px; }

Versus Arthritis was formed in 2018 following a merger of Arthritis Care and Arthritis Research UK.

Versus Arthritis is registered with: Fundraising Regulator