/** * This file extends nuig.css and holds CSS rules that are * exclusively related to an affiliate site. */ /** 2015 / 2022 Colours: Utility Navigation (top par): # 005686 / # a80050 Top ribbon colour (behind logos): # 00a7a9 / # fff Headings: # 282a65 / # 000000 Footer block colour: # 015788 / # 84003d Footer Navigation Ribbon: # 414545 / # 5e6464 Rotation & opacity: (Affects icon links) 0deg (maroon) / 45deg (red) / 70deg (brown) / 90deg (black) / 120deg - 210deg (green) / 220 - 280deg (blues) / 290 - 330deg (purples) / 340deg (pink) **/ :root { --top-bar: #af1651; --top-bar-text: #ffffff; --top-ribbon: #ffffff; --ribbon-text: #081d6f; --headings: #081d6f; --footer-block: #af1651; --footer-block-text: #ffffff; --footer-ribbon: #5e6464; --footer-ribbon-text: #ffffff; --banner-front: #081d6f; --banner-back: #af1651; --links: #081d6f; --link-underline: #bdcfeb; --link-caption-underline: #ffffff44; --rotate: 0deg; --opacity: 1; } /** * Navigation and header logo */ #header #search { display: none; } #header #logo { float: right; } #header #logo a { background-image: url(/cdn/images/2022/logo.png) !important; } #header { background: var(--top-ribbon) !important; } #header #search input { border: 2px solid var(--top-bar) !important; } #affiliateLogo { margin: 17px 0 0 0 ; float: left; } #affiliateLogo a { display: block; background: url('https://www.universityofgalway.ie/media/logo/mmrilogo223x75.png'); background-size: 223px 75px; width: 223px; height: 75px; } #affiliateLogo a span { display: none; } #primaryNavigation div.content { display: table; width: 100%; } #primaryNavigation div.content > ul { display: table-row; width: 100%; } #primaryNavigation div.content > ul > li { display: table-cell; } #primaryNavigation div.content > ul > li > a { display: table; width: 100%; } #primaryNavigation div.content > ul > li > a > span { display: table-cell; vertical-align: middle; } #primaryNavigation div.content > ul > li > a::after { left: 0; } #primaryNavigation div.content > ul > li:nth-child(1) { width: 127px; } #primaryNavigation div.content > ul > li:nth-child(2) { width: 203px; } #primaryNavigation div.content > ul > li:nth-child(3) { width: 179px; } #primaryNavigation div.content > ul > li:nth-child(4) { width: 231px; } #primaryNavigation div.content > ul > li:nth-child(5) { width: 148px; } #primaryNavigation div.content > ul > li:nth-child(6) { width: 112px; /* Total 1000px */} #globalNavigation ul { display: block; width: 447px; text-align: center; } #globalNavigation a { color: var(--ribbon-text) !important; } #globalNavigation a:before { background: var(--top-bar) !important; color: var(--top-bar-text) !important; } @media only screen and (max-width : 999px) { /* #headerWrapper { display: flex; } #header #logo { float: none; order: 2; } */ #affiliateLogo { margin: 14px 102px 0 0; } #affiliateLogo a { background-size: 167px 56px; width: 167px; height: 56px; /* 75% of original dimensions */} #primaryNavigation div.content, #primaryNavigation div.content > ul, #primaryNavigation div.content > ul > li, #primaryNavigation div.content > ul > li > a, #primaryNavigation div.content > ul > li > a > span { display: block; } #primaryNavigation div.content > ul > li > a > span { display: block; } #utilityNavigation ul > li.quick_links > a { display: block; } #utilityNavigation ul > li.quick_links div.dropdown { display: none; } } @media only screen and (max-width : 767px) { #affiliateLogo { margin: 9px 0 0 11px; padding-left: 11px; border-left: 1px solid #30428a; float: left; } #affiliateLogo a { background-size: 112px 38px; width: 112px; height: 38px; /* 50% of original size */} html.mobileMenuActive #affiliateLogo { position: absolute; z-index: 150; right: 20px; margin-right: 0; display: block; border-left: none; } } @media only screen and (max-width : 450px) { #header #logo { margin-top: 15px; } #header #logo a { width: 112px; height: 38px; background-size: 112px 38px; /* 50% of original size */ } #affiliateLogo { margin: 15px 0 0 8px; padding-left: 8px; } #affiliateLogo a { background-size: 105px 35px; width: 105px; height: 35px; !important /* 47% of original size */ } } div.caption, a.captionWrapper { background-color: var(--banner-back); color: var(--banner-front) !important; padding: 1em 1em 0 1em; text-decoration: underline dotted var(--link-caption-underline) !important; } div.imageGallery.horizontal.titleOnly div.caption h2:after { border-color: transparent var(--banner-back) transparent transparent !important; } /** * Icons */ #collegeIconNavigation li { height: 190px; } #collegeIconNavigation li a.ilas_icon::before { content: ''; display: block; width: 70px; height: 70px; position: absolute; top: 30px; left: 50%; margin-left: -35px; background-size: 70px 140px; } .ilas_icon.cdlp::before { background-image: url('../images/ilas-icon-cdlp.png');} .ilas_icon.cki::before { background-image: url('../images/ilas-icon-cki.png');} .ilas_icon.heart::before { background-image: url('../images/ilas-icon-heart.png');} .ilas_icon.hepa::before { background-image: url('../images/ilas-icon-hepa.png');} .ilas_icon.ican::before { background-image: url('../images/ilas-icon-ican.png');} .ilas_icon.icsg::before { background-image: url('../images/ilas-icon-icsg.png');} .ilas_icon.puzzle1::before { background-image: url('../images/ilas-icon-puzzle1.png');} .ilas_icon.puzzle2::before { background-image: url('../images/ilas-icon-puzzle2.png');} .ilas_icon.rubiks_cube::before { background-image: url('../images/ilas-icon-rubiks-cube.png');} .ilas_icon.unesco::before { background-image: url('../images/ilas-icon-unesco.png');} div.imageGallery.plain img, #collegeIconNavigation li.item { filter: hue-rotate(var(--rotate)) opacity(var(--opacity)); }; #header { background: var(--top-ribbon) !important; } #primaryNavigation div.content > ul > li > a::after { background: var(--top-ribbon) !important; } #utilityNavigation, #utilityNavigationWrapper > ul > li:hover, #utilityNavigation li.accessibility div.dropdown, #utilityNavigation li.accessibility div.dropdown span, #utilityNavigation li.accessibility div.dropdown a, #utilityNavigation li.quick_links div.dropdown { background-color: var(--top-bar) !important; color: var(--top-bar-text) !important; z-index: 10000; } #utilityNavigationWrapper > ul > li { border-left: 1px solid var(--top-bar-text) !important; } #utilityNavigationWrapper > ul { border-color: var(--top-bar-text) !important; } #utilityNavigationWrapper > ul { border-right: none; /*1px solid var(--top-bar-text) !important;*/ } #utilityNavigation li.accessibility div.dropdown a.contrast span { color: var(--top-bar-text) !important; } #utilityNavigation li.quick_links div.dropdown div.columnOne, #utilityNavigation li.quick_links div.dropdown div.rowBottom > ul, #utilityNavigation li.accessibility div.dropdown li { border-color: var(--top-bar-text) !important; } #utilityNavigation li.accessibility div.dropdown { border-top: 1px solid var(--top-bar-text) !important; } div.dropdown a:hover { font-weight: bold; } div.downloadsWrapper { background-color: var(--top-ribbon) !important; } div.downloads h3 { color: var(--ribbon-text) !important; } #utilityNavigation ul > li.accessibility { display: none; } #utilityNavigationWrapper > ul > li > a { color: var(--top-bar-text) !important; } #footerInfo { background: var(--footer-block) !important; color: var(--footer-block-text) !important; } #footerInfo p { color: var(--footer-block-text) !important; }; #footerInfoWrapper h3 { color: var(--footer-block-text) !important; } #footerInfo a { color: var(--footer-block-text) !important; } #footerInfo div.columnTwo { border-color: var(--footer-block-text) !important; } #footerNavigation { background: var(--footer-ribbon) !important; } #footerNavigation a { color: var(--footer-ribbon-text) !important; } #footerNavigation a::after { color: var(--footer-ribbon-text) } #footerInfo p.contactIcons a::before { background: var(--footer-block-text) !important; color: var(--footer-block) !important; } #footerInfo p.contactIcons a:hover::before { background: var(--top-ribbon) !important; color: var(--ribbon-text) !important; } #footerInfo p.contactIcons a { width: unset; } #footerInfo p.socialIcons a { background: var(--footer-block-text) !important; color: var(--footer-block) !important; text-decoration: none !important; } #footerInfo p.socialIcons a.instagram { background: url(/cdn/images/instagram-deep-maroon.png) center no-repeat white !important; } #footerInfo p.socialIcons a.instagram:hover { background: #fff url(/cdn/images/instagram.png) center no-repeat !important; vertical-align: bottom; } #footerInfo p.socialIcons a:hover::before { background: var(--top-ribbon) !important; color: var(--ribbon-text) !important; } #footerInfo p.socialIcons a:hover { background: var(--top-ribbon) !important; color: var(--ribbon-text) !important; border: 1px solid var(--ribbon-text) !important; } .customSelect:hover::after { background: var(--top-bar) !important; } #globalNavigation a::before { background: var(--top-bar) !important; } #secondaryNavigation ul li.active > span a { color: #000 !important; } div.imageGallery div.controls div.pagination a:hover { color: var(--headings) !important; } div.imageGallery div.controls.whitebg div.pagination a:hover { color: var(--headings) !important; } div.imageGallery.horizontal.titleOnly div.caption h2 { background: var(--top-bar) !important; background: -moz-linear-gradient(left, var(--top-bar) 0%, var(--top-bar) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--top-bar)), color-stop(100%,var(--top-bar))); background: -webkit-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%); background: -o-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%); background: -ms-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%); background: linear-gradient(to right, var(--top-bar) 0%,var(--top-bar) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--top-bar)', endColorstr='var(--top-bar)',GradientType=1 ); } .imageGalleryWrapper div.text a { color: var(--links); } #pageContent div.pageButtons a.howToApply, div.pageButtons a, div.pageButtons a, #pageContent div.pageButtons a { background: var(--top-bar) !important; color: var(--top-bar-text) !important; } #pageContent div.pageButtons a:hover { background: var(--top-ribbon) !important; color: var(--ribbon-text) !important; } div.dataTables_paginate a.current { background: var(--top-bar) !important; } div.dataTables_paginate a:hover { background: var(--top-bar) !important; } div#archiveDatePickerContainer #archiveSelectButton:hover { background: var(--top-bar) !important; } div.promoBox { border-bottom: 5px solid var(--top-bar) !important; } div.keyFactsRoundelsPagination a { text-decoration: none !important; } div.keyFactsRoundelsPagination a.active { text-decoration: underline dotted !important } h1, h2, h3, h4, h5, h6 { color: var(--headings); } a { color: var(--links); text-decoration: underline dotted var(--link-underline) !important; } caption { color: var(--headings) !important; } div.pageHeaderWrapper h1 { color: var(--headings) !important; } body.fullWidth div.contentColumn h1 { color: var(--headings) !important; } #header #search input::-webkit-input-placeholder { color: var(--headings) !important; } #header #search input::-moz-input-placeholder { color: var(--headings) !important; } #header #search input:-ms-input-placeholder { color: var(--headings) !important; } #header #search button::after { color: var(--headings) !important; } #primaryNavigation div.content > ul > li.current > a::after { background: var(--top-bar) !important; } #primaryNavigation div.dropdown a:hover { color: var(--headings) !important; } #primaryNavigation div.dropdown div.text p strong { color: var(--headings) !important; } div.breadcrumb a[href="/"]::after { color: var(--headings) !important; } #secondaryNavigation ul li.active > a { color: #000 !important; } #secondaryNavigation ul li a:hover { color: var(--links) !important; } #secondaryNavigation ul ul li { color: var(--headings) !important; } #secondaryNavigation ul ul li a:hover { color: var(--links) !important; } #secondaryNavigation ul ul li.active > a { color: var(--links) !important; } div.embededNavigation li { color: var(--headings) !important; } div.videoYoutube div.info { background: var(--top-bar) !important; } div.imageGallery div.controls > a:hover { color: var(--links) !important; } div.imageGallery div.controls a { text-decoration: none !important; } div.imageGallery div.controls div.pagination a.active { text-decoration: underline dotted !important; } div.imageGallery div.controls.whitebg > a:hover { color: var(--links) !important; } div.imageGallery div.controls.whitebg div.pagination a.active { text-decoration: underline dotted !important; } div.imageGallery.horizontal div.caption p.label { background: var(--top-bar) !important; } div.imageGallery.horizontal.titleOnly div.caption h2 { background: var(--top-bar); background: -moz-linear-gradient(left, var(--top-bar) 0%, var(--top-bar) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--top-bar)), color-stop(100%,var(--top-bar))); background: -webkit-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%); background: -o-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%); background: -ms-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%); background: linear-gradient(to right, var(--top-bar) 0%,var(--top-bar) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--top-bar)', endColorstr='var(--top-bar)',GradientType=1 ); } div.imageGallery.plain.features h3 { color: var(--headings) !important; } div.imageGallery.overlap div.item.article div.text h3 { color: var(--headings) !important; } div.imageGallery.flipbook div.item.active:hover .caption::after { color: var(--headings) !important; } div.ctaBanner div.text { background: var(--top-bar) !important; } #campusMapBanner a { background: var(--top-bar) !important; } #collegeIconNavigation li.item.open { background: var(--deep-maroon) !important; } #collegeIconNavigation li.item::before { background: var(--deep-maroon) !important; } #collegeIconNavigation li.item.open .disciplines-list { background: var(--deep-maroon) !important; } #collegeIconNavigationSingle { background: var(--top-bar) !important; } #schoolNavigation ul { color: var(--headings) !important; } #schoolDisciplinesNavigation { background: var(--top-bar) !important; } #collegePageButtonNavigation a:hover { background: var(--top-bar) !important; color: var(--top-bar-text) !important; } #collegePageButtonNavigation a span::after { background: var(--top-bar) !important; } #collegePageButtonNavigation a, #collegePageButtonNavigation a:hover span::after { color: var(--headings) !important; } #collegePageWidgets div.widget span.date { color: var(--headings) !important; } div.tabsWrapper .tabsMenu ul li.active > a { color: var(--headings) !important; } div.dataTables_paginate a { background: var(--top-bar) !important; } table.dataTable th { background: var(--top-bar) !important; } body.newsPage #calendar tr:first-child th { background: var(--top-bar) !important; } body.newsPage table.eventlist th { background: var(--top-bar) !important; } div.downloads ul.downloadList li a::after { color: var(--headings) !important; } div.downloads ul.downloadList li p { color: var(--headings) !important; } body.newsPage.article div.news_article div.article blockquote { background: var(--top-bar) !important; } body.newsPage.article div.news_article div.article div.author p.author_name { color: var(--headings) !important; } body.newsPage div.article_buttons a > span.next { color: var(--headings) !important; } div.box.teal a.more { background: var(--top-bar) !important; } div.imageBlock.tealBackground { background: var(--top-bar) !important; } div.highlight_feature { background: var(--top-bar) !important; } div.grid div.item h3.more { background: var(--top-bar) !important; } div.promoBox { background: var(--top-bar)!important; } div.promoBox p.button a { color: var(--headings) !important; } div.threeColumnTextTeal { background: var(--top-bar) !important; } div.threeColumnTextWhite p.more::after { color: var(--headings) !important; } div.wideScreenTabbedContent ul.tabs li a.active { background: var(--top-bar) !important; border-bottom: 1px solid var(--top-bar) !important; border-top: 1px solid var(--top-bar) !important; border-left: 1px solid var(--top-bar) !important; } div.wideScreenTabbedContent ul.tabs li a.active::after { background: var(--top-bar) !important; } div.wideScreenTabbedContent ul.tabs li:last-child a.active { border-right: 1px solid var(--top-bar) !important; } @media only screen and (max-width : 999px) { #utilityNavigationWrapper > ul > li { border-left: none; } #revealNavigationButton { border-left: 1px solid rgba(255,255,255,0.1); } #revealNavigationButton a, div#navigationWrapper, div#navigation.open #utilityNavigation, div#navigation.open a, div#navigation.open h3 { background: var(--top-bar) !important; color: var(--top-bar-text) !important; /*border-right: 1px solid rgba(0,0,0,0.3);*/ } body.landingPage div.pageHeaderWrapper h1 { color: var(--headings) !important; } body.landingPage div.breadcrumb a[href="/"]::after { color: var(--headings) !important; } #navigation a, #navigation h3 { color: var(--footer-ribbon-text) !important; } #utilityNavigation { background: var(--footer-ribbon) !important; } div.tabsWrapper .tabsMenu h3 a:hover { color: var(--headings) !important; } body.newsPage #calendar tr:first-child th:nth-child(3)::after { color: var(--headings) !important; } body.newsPage #calendar.open tr:first-child th { background: var(--top-bar) !important; } body.newsPage.events #categories div.mainCategory input:checked + label::after { color: var(--headings) !important; } } @media only screen and (max-width : 767px) { div.imageGallery.horizontal div.caption { background: var(--top-bar) !important; background: -moz-linear-gradient(left, var(--top-bar) 0%, var(--top-bar) 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--top-bar)), color-stop(100%,var(--top-bar))) !important; background: -webkit-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%) !important; background: -o-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%) !important; background: -ms-linear-gradient(left, var(--top-bar) 0%,var(--top-bar) 100%) !important; background: linear-gradient(to right, var(--top-bar) 0%,var(--top-bar) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--top-bar)', endColorstr='var(--top-bar)',GradientType=1 ) !important; } div.imageGallery.horizontal div.caption p.label { color: var(--headings) !important; } div.imageGallery.lightbox div.more a { background: var(--top-bar) !important; } div.imageGallery.background div.item h3 { color: var(--headings) !important; } div.imageGallery.background div.item div.more a { color: var(--headings) !important; } /*#collegePageButtonNavigation a.active { color: var(--headings) !important; }*/ div.highlight_feature { background: var(--top-bar) !important; } div.wideScreenTabbedContent ul.tabs li:nth-last-child(2) a.active { border-bottom: 1px solid var(--top-bar) !important; } } div.imageGallery.combined div.caption h2 { background: var(--banner-front) !important; } div.imageGallery.combined div.caption div.content p::after { color: var(--banner-front) !important; } div.imageGallery.combined div.caption div.content p:hover {color: var(--banner-front) !important; } div.imageGallery.combined div.caption h2:after { border-color: transparent var(--banner-back) transparent transparent !important; } /*form input[type=button], form button, input[type=submit] { background: var(--banner-front) !important; }*/ form input:focus { border: 1px solid var(--headings) !important; } .customSelect::after { background: var(--headings) !important; } .customSelectFocus { border-color: var(--headings) !important; } div.threeVignettes div.item div.itemWrapper a h3 { background-color: var(--top-ribbon) !important; } #copyright img { border: 1px solid #fff; margin-right: 10px; height: auto !important; vertical-align: middle; }