Case study

EU Publications Office launches information hub with over 4 million publications

@media (min-width: 980px) { /* ------- NAV ITEMS ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-transparent .osb-nav-primary-item-title { color: #ffffff; -webkit-transition: color linear 0.13s, visibility 0s linear 0.13s; -o-transition: color linear 0.13s, visibility 0s linear 0.13s; transition: color linear 0.13s, visibility 0s linear 0.13s; } /*SCROLLED & HOVER - change to black*/ .aui .nav-transparent.fill-banner .osb-nav-primary-item-title, .aui .nav-transparent.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title { color: #09101d; -webkit-transition: color linear 0.13s, visibility 0s linear 0.13s; -o-transition: color linear 0.13s, visibility 0s linear 0.13s; transition: color linear 0.13s, visibility 0s linear 0.13s; } /* ------- ACTIVE NAV ITEMS ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-transparent .selected .osb-nav-primary-item-title:after { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED & HOVER- change to default "active" blue*/ .aui .nav-transparent.fill-banner .selected .osb-nav-primary-item-title:after, .aui .nav-transparent.osb-nav-active .selected .osb-nav-primary-item-title:hover:after, .aui .nav-transparent.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{ color: #004AD7; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- CONTACT SALES ------- */ /*DEFAULT - override to light blue*/ .aui:not(.ie) .nav-transparent #salesContactCTA span { -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED & HOVER - change to default "action" blue*/ .aui .nav-transparent.fill-banner #salesContactCTA span, .aui .nav-transparent.osb-nav-active .osb-nav-primary #salesContactCTA span { -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- SIGN IN TEXT & ARROW ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-transparent .osb-user-menu-trigger { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default black*/ .aui .nav-transparent.osb-nav-active .osb-user-menu-trigger { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black*/ .aui .nav-transparent.fill-banner .osb-user-menu-trigger { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- SEARCH CLOSE ICON ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-transparent .search-active .close-icon { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black */ .aui .nav-transparent.fill-banner .search-active .close-icon { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } } /* ------- LOGO TEXT ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(2) { fill: white; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default black*/ .aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(2) { fill: #101820; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black*/ .aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(2) { fill: #101820; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- LOGO WAFFLE ICON ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(1) { fill: white; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default blue*/ .aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(1) { fill: #0B63CE; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default blue*/ .aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(1) { fill: #0B63CE; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- SEARCH ICON ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-transparent .search-bar svg { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default black*/ .aui .nav-transparent.osb-nav-active .search-bar svg { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black*/ .aui .nav-transparent.fill-banner .search-bar svg { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SEARCH ACTIVE - set icon to default black*/ .aui .nav-transparent .search-active .submit-search svg { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } .aui .cta.cta-light { color: #C7E9FF; text-decoration: none; } .aui .hero .cta.cta-light { padding-bottom:1px; position: relative; } .aui .hero .cta.cta-light:after { background: #0B5FFF; border-radius: 5px; content: ''; height: 3px; left: 0; position: absolute; top: 100%; transition: background 0.5s; width: calc(100% - 10px); } .aui .hero .cta.cta-light:hover { color: #FFF; transition: color .5s; } .aui .hero .cta.cta-light:hover:after { background: #FFF; transition: background 0.5s; } @media (max-width: 979px) { html.ie .nav-static .content .osb-banner .osb-nav-primary { width: 26em; } } @media (max-width: 767px) { html.ie .nav-static .content .osb-banner .osb-nav-primary { left: -2em; width: 100%; } } /* ------- CONTACT SALES ------- */ /*DEFAULT - override button color to white and font color to blue*/ .aui:not(.ie) .nav-transparent #salesContactCTA { background: #FFF; color: #0B5FFF; } /*HOVER, FOCUS, ACTIVE - font color change*/ .aui:not(.ie) .nav-transparent #salesContactCTA span:hover, .aui .nav-transparent #salesContactCTA span:focus { color: #0053F0; } .aui:not(.ie) .nav-transparent #salesContactCTA span:active { color: #004AD7; } .aui.osb-nav-mobile-active:not(.ie) .nav-transparent #salesContactCTA { background: #0b5fff; color: #FFF; padding: .5em 1.5em; } @media (min-width: 980px) { html.ie .nav-static .content .osb-banner .osb-site-menu { transform: translateY(-150%); } /* ------- NAV ITEMS ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-static .osb-nav-primary-item-title { color: #ffffff; -webkit-transition: color linear 0.13s, visibility 0s linear 0.13s; -o-transition: color linear 0.13s, visibility 0s linear 0.13s; transition: color linear 0.13s, visibility 0s linear 0.13s; } /*SCROLLED & HOVER - change to black*/ .aui .nav-static.fill-banner .osb-nav-primary-item-title, .aui .nav-static.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title { color: #09101d; -webkit-transition: color linear 0.13s, visibility 0s linear 0.13s; -o-transition: color linear 0.13s, visibility 0s linear 0.13s; transition: color linear 0.13s, visibility 0s linear 0.13s; } /* ------- ACTIVE NAV ITEMS ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-static .selected .osb-nav-primary-item-title:after { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED & HOVER- change to default "active" blue*/ .aui .nav-static.fill-banner .selected .osb-nav-primary-item-title:after, .aui .nav-static.osb-nav-active .selected .osb-nav-primary-item-title:hover:after, .aui .nav-static.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{ color: #004AD7; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- CONTACT SALES ------- */ /*DEFAULT - override to light blue*/ .aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1) #salesContactCTA span:after, .aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1):hover #salesContactCTA span:after { visibility: visible; } .aui:not(.ie) .nav-static .osb-nav-primary-item #salesContactCTA span:before, .aui:not(.ie) .nav-static .osb-nav-primary-item:hover #salesContactCTA span:before { background: #fff; opacity: 1; transform: scale3d(1,1,1); transition: none; visibility: visible; } /* ------- SIGN IN TEXT & ARROW ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-static .osb-user-menu-trigger { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default black*/ .aui .nav-static.osb-nav-active .osb-user-menu-trigger { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black*/ .aui .nav-static.fill-banner .osb-user-menu-trigger { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- SEARCH CLOSE ICON ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-static .search-active .close-icon { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black */ .aui:not(.ie) .nav-static.fill-banner .search-active .close-icon { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } } /* ------- LOGO TEXT ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(2) { fill: white; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default black*/ .aui:not(.ie) .nav-static.osb-nav-active .logo-icon-container svg :nth-child(2) { fill: #101820; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black*/ .aui:not(.ie) .nav-static.fill-banner .logo-icon-container svg :nth-child(2) { fill: #101820; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- LOGO WAFFLE ICON ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(1) { fill: white; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default blue*/ .aui .nav-static.osb-nav-active .logo-icon-container svg :nth-child(1) { fill: #0B63CE; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default blue*/ .aui .nav-static.fill-banner .logo-icon-container svg :nth-child(1) { fill: #0B63CE; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /* ------- SEARCH ICON ------- */ /*DEFAULT - override to white*/ .aui:not(.ie) .nav-static .search-bar svg { color: #ffffff; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*NAV ITEM HOVER - set to default black*/ .aui .nav-static.osb-nav-active .search-bar svg { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SCROLLED - set to default black*/ .aui .nav-static.fill-banner .search-bar svg { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; } /*SEARCH ACTIVE - set icon to default black*/ .aui .nav-static .search-active .submit-search svg { color: #09101d; -webkit-transition: color linear 0.13s; -o-transition: color linear 0.13s; transition: color linear 0.13s; }
Jump to Section
Outline
Jump to Section

EU Publications Office Launches Information Hub With Over 4 Million Publications.

Case Study Video

Functional cookies are required for video exhibition.

Having Trouble?
Oh no! Sorry about that. If you’re running into issues, we suggest you try:
  • Disabling your pop-up blocker
  • Clearing your browser’s cache
  • Disabling any plugins on your browser
  • Using an alternate browser
  • Updating your browser to the latest version
If you’re still having trouble downloading, please reach out to us on our Contact Us page. Thank you!