/** * Emmanuel @ ILAS, 2024/05/14 * * This file extends v1.css and holds CSS rules that are * exclusively related to the ILAS affiliate site. */ /** * Navigation and header logo */ #header #search { display: none; } #affiliateLogo { float: left; margin: 26px 0 0 5px; } #affiliateLogo a { display: block; background: url('https://universityofgalway.ie/media/library/alwayspublish/ilas.png'); width: 100px; 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 a.news-item {line-height: 1.8; font-size:smaller} #primaryNavigation div.content a {color: #ffffff;} #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: 130px; } #primaryNavigation div.content > ul > li:nth-child(2) { width: 130px; } #primaryNavigation div.content > ul > li:nth-child(3) { width: 165px; } #primaryNavigation div.content > ul > li:nth-child(4) { width: 185px; } #primaryNavigation div.content > ul > li:nth-child(5) { width: 130px; } #primaryNavigation div.content > ul > li:nth-child(6) { width: 130px; } #primaryNavigation div.content > ul > li:nth-child(7) { width: 165px; } #primaryNavigation div.content > ul > li:nth-child(8) { width: 185px; } #primaryNavigation div.content > ul > li:nth-child(1), #primaryNavigation div.content > ul > li:nth-child(2), #primaryNavigation div.content > ul > li:nth-child(3), #primaryNavigation div.content > ul > li:nth-child(4), #primaryNavigation div.content > ul > li:nth-child(5), #primaryNavigation div.content > ul > li:nth-child(6), #primaryNavigation div.content > ul > li:nth-child(7), #primaryNavigation div.content > ul > li:nth-child(8) { text-align: center; } #secondaryNavigation li { text-align: left; } #primaryNavigation li.node_id_1034 > a span { width: 100%; } #globalNavigation { display: block; width: 650px; margin-left: -390px; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom { display: none; margin: 0; padding: 0; } #utilityNavigation li.quick_links div.dropdown div.columnOne li, #utilityNavigation li.quick_links div.dropdown div.columnTwo li { padding-bottom: 10px; text-transform: none; } #utilityNavigation li.quick_links div.dropdown div.columnOne ul, #utilityNavigation li.quick_links div.dropdown div.columnTwo ul { margin: 20px; min-width: 350px; } #utilityNavigation li.quick_links div.dropdown div.columnOne li a, #utilityNavigation li.quick_links div.dropdown div.columnTwo li a { display: block; padding: 0px} #utilityNavigation li.quick_links div.dropdown div.columnOne select {margin-left: 18px;} #utilityNavigationWrapper > ul > li.username { color: #ffffff; font-size: 70%; position: relative; } div#search div#searchWrapper div.searchbox div.searchboxWrapper p.socialIcons a { background: #f7f7f7; font-size: small; } div.dropdown.for_node_id_1037 div.menu a span button.search { font-size: 20px; } .column-content ul { list-style: disc !important; list-style-position: initial !important; list-style-image: initial !important; list-style-type: disc !important; } #primaryNavigation div.dropdown li, #primaryNavigation div.dropdown li a, #primaryNavigation div.dropdown li a span { text-transform: none; height: 40px; } @media only screen and (max-width : 999px) { #affiliateLogo { margin: 10px 0 0 0; } #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; } #utilityNavigation h3 { display: block; font-size: 75%; color: #05a7ab; text-transform: uppercase; margin: 1em 0 0 0; padding: 1em 0 0 0; } #utilityNavigation ul { display: block; border: none; background: #414545; float: none; height: auto; text-align: left; margin-bottom: 2em; } #utilityNavigation ul > li { display: none; border: none; float: none; margin: 0; height: auto; padding: 0; } #utilityNavigation ul > li:hover { background: none; } #utilityNavigation ul > li:first-child { display: block; font-size: 130%; padding-top: 20px; } #utilityNavigation ul > li a { text-transform: none; } #utilityNavigation ul > li.quick_links { display: block; } #utilityNavigation ul > li.quick_links > a { display: none; } #utilityNavigation ul > li.quick_links div.dropdown { display: block; position: static; background: transparent; } #utilityNavigation ul > li.quick_links div.dropdown div.columnOne { display: none; } #utilityNavigation ul > li.quick_links div.dropdown div.columnTwo { display: none; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom { display: block; margin: 0; padding: 0; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul { border: none; padding-top: 10px; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li { float: none; font-size: 120%; padding-bottom: 10px; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li.last { float: none; text-align: left;} #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li > a::before { display: none; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li > a:hover { color: #ffffff; } #utilityNavigation li.quick_links:hover div.dropdown { display: block; text-align: left; padding: 0; } } @media only screen and (max-width : 767px) { #affiliateLogo { margin: 9px 0 0 20px; padding-left: 5px; border-left: 1px solid #30428a; float: left; } #affiliateLogo a { background-size: 210px 43px; width: 210px; height: 43px; } 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: 94px; height: 29px; background-size: 94px 29px; } #affiliateLogo { margin: 15px 0 0 4px; padding-left: 2px; border-left: none; } #affiliateLogo a { background-size: 150px 29px; width: 150px; height: 29px; } } @media only screen and (max-width : 360px) { #affiliateLogo { margin-top: 17px; } #affiliateLogo a { background-size: 140px 27px; width: 140px; height: 27px; } } .gsc-results table, .gsc-resultsHeader, .gsc-resultsRoot table, .gsc-search-box table { border: 0; margin: 0} . gsc-webResult table { border: 0; margin: 0} .cse .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic {padding: 0; border: 0; border-color: inherit; margin-bottom: 0;} .cse input.gsc-search-button, input.gsc-search-button {height: 36px; padding: 0px 20px 0px 20px;} .gsc-search-box input[type="button"], .gsc-search-box button, input[type="submit"] {height: 36px; padding: 0px 20px 0px 20px;} input.gsc-search-button {height: 36px; padding: 0px 20px 0px 20px;} .gsc-table-result {text-align: left;} .gsc-results div.column-content {text-align: left;} /** * 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; } p.socialIcons a.blog::before { content: '\e605'; } p.socialIcons a.search::before { content: '\1f50e'; } .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');} /** * Branding colours * * #2c2e6f Dark Blue * #3b60ac Light Blue * */ #header { background: #3b60ac; } #primaryNavigation div.content > ul > li > a::after { background: #3b60ac; } #utilityNavigation, #utilityNavigationWrapper > ul > li:hover, #utilityNavigation li.accessibility div.dropdown, #utilityNavigation li.quick_links div.dropdown { background: #2c2e6f; } #utilityNavigationWrapper > ul > li { border-left: 1px solid #1f2157; } @media only screen and (max-width : 999px) { #utilityNavigationWrapper > ul > li { border-left: none; } } #footerInfo { background: #2c2e6f; } #footerInfo div.columnTwo { border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); } p.contactIcons a::before { background: #1f2157; } p.contactIcons a:hover::before { color: #1f2157; } p.socialIcons a { background: #1f2157; } p.socialIcons a:hover::before { color: #1f2157; } .customSelect:hover::after { background: #2c2e6f; } #globalNavigation a::before { background: #2c2e6f; } #secondaryNavigation ul li.active > span a { color: #3b60ac; } div.imageGallery div.controls div.pagination a:hover { color: #282a65 } div.imageGallery div.controls.whitebg div.pagination a:hover { color: #282a65 } div.imageGallery.horizontal.titleOnly div.caption h2 { background: #2c2e6f; background: -moz-linear-gradient(left, #2c2e6f 0%, #2c2e6f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2c2e6f), color-stop(100%,#2c2e6f)); background: -webkit-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -o-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -ms-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: linear-gradient(to right, #2c2e6f 0%,#2c2e6f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2e6f', endColorstr='#2c2e6f',GradientType=1 ); } div.pageButtons a:hover { background: #2c2e6f; } div.dataTables_paginate a.current { background: #2c2e6f; } div.dataTables_paginate a:hover { background: #2c2e6f; } div#archiveDatePickerContainer #archiveSelectButton:hover { background: #2c2e6f; } div.promoBox { border-bottom: 5px solid #2c2e6f; } @media only screen and (max-width : 999px) { #revealNavigationButton { border-left: 1px solid rgba(255,255,255,0.1); } #revealNavigationButton a { background: #2c2e6f; border-right: 1px solid rgba(0,0,0,0.3); } } @media only screen and (max-width : 767px) { div.imageGallery.horizontal div.caption { background: #2c2e6f; background: -moz-linear-gradient(left, #2c2e6f 0%, #2c2e6f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2c2e6f), color-stop(100%,#2c2e6f)); background: -webkit-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -o-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -ms-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: linear-gradient(to right, #2c2e6f 0%,#2c2e6f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2e6f', endColorstr='#2c2e6f',GradientType=1 ); } } h1, h2, h3, h4, h5, h6 { color: #282a65 } a { color: #282a65 } caption { color: #282a65 } div.pageHeaderWrapper h1 { color: #282a65 } body.fullWidth div.contentColumn h1 { color: #282a65 } #header #search input::-webkit-input-placeholder { color: #282a65 } #header #search input::-moz-input-placeholder { color: #282a65 } #header #search input:-ms-input-placeholder { color: #282a65 } #header #search button::after { color: #282a65 } #primaryNavigation div.content > ul > li.current > a::after { background: #2c2e6f; } #primaryNavigation div.dropdown a:hover { color: #282a65 } #primaryNavigation div.dropdown div.text p strong { color: #282a65 } div.breadcrumb a[href="/"]::after { color: #282a65 } #secondaryNavigation ul li.active > a { color: #282a65 } #secondaryNavigation ul li a:hover { color: #282a65 } #secondaryNavigation ul ul li { color: #282a65 } #secondaryNavigation ul ul li a:hover { color: #282a65 } #secondaryNavigation ul ul li.active > a { color: #282a65 } div.embededNavigation li { color: #282a65 } div.videoYoutube div.info { background: #2c2e6f; } div.imageGallery div.controls > a:hover { color: #282a65 } div.imageGallery div.controls div.pagination a.active { color: #282a65 } div.imageGallery div.controls.whitebg > a:hover { color: #282a65 } div.imageGallery div.controls.whitebg div.pagination a.active { color: #282a65 } div.imageGallery.horizontal div.caption p.label { background: #2c2e6f; } div.imageGallery.horizontal.titleOnly div.caption h2 { background: #2c2e6f; background: -moz-linear-gradient(left, #2c2e6f 0%, #2c2e6f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2c2e6f), color-stop(100%,#2c2e6f)); background: -webkit-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -o-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -ms-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: linear-gradient(to right, #2c2e6f 0%,#2c2e6f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2e6f', endColorstr='#2c2e6f',GradientType=1 ); } div.imageGallery.plain.features h3 { color: #282a65 } div.imageGallery.overlap div.item.article div.text h3 { color: #282a65 } div.imageGallery.flipbook div.item.active:hover .caption::after { color: #282a65 } div.ctaBanner div.text { background: #2c2e6f; } #campusMapBanner a { background: #2c2e6f; } #collegeIconNavigation li.item.open { background: #3b60aa; } #collegeIconNavigation li.item::before { background: #3b60aa; } #collegeIconNavigation li.item.open .disciplines-list { background: #3b60aa; } #collegeIconNavigationSingle { background: #2c2e6f; } #schoolNavigation ul { color: #282a65 } #schoolDisciplinesNavigation { background: #2c2e6f; } #collegePageButtonNavigation a:hover { background: #2c2e6f; } #collegePageButtonNavigation a span::after { background: #2c2e6f; } #collegePageButtonNavigation a:hover span::after { color: #282a65 } #collegePageWidgets div.widget span.date { color: #282a65 } div.tabsWrapper .tabsMenu ul li.active > a { color: #282a65 } div.dataTables_paginate a { background: #2c2e6f; } table.dataTable th { background: #2c2e6f; } body.newsPage #calendar tr:first-child th { background: #2c2e6f; } body.newsPage table.eventlist th { background: #2c2e6f; } div.downloads ul.downloadList li a::after { color: #282a65 } div.downloads ul.downloadList li p { color: #282a65 } body.newsPage.article div.news_article div.article blockquote { background: #2c2e6f; } body.newsPage.article div.news_article div.article div.author p.author_name { color: #282a65 } body.newsPage div.article_buttons a > span.next { color: #282a65 } div.box.teal a.more { background: #2c2e6f; } div.imageBlock.tealBackground { background: #2c2e6f; } div.highlight_feature { background: #2c2e6f; } div.grid div.item h3.more { background: #2c2e6f; } div.promoBox { background: #2c2e6f; } div.promoBox p.button a { color: #282a65} div.threeColumnTextTeal { background: #2c2e6f; } div.threeColumnTextWhite p.more::after { color: #282a65 } div.wideScreenTabbedContent ul.tabs li a.active { background: #2c2e6f; border-bottom: 1px solid #2c2e6f; border-top: 1px solid #2c2e6f; border-left: 1px solid #2c2e6f; } div.wideScreenTabbedContent ul.tabs li a.active::after { background: #2c2e6f; } div.wideScreenTabbedContent ul.tabs li:last-child a.active { border-right: 1px solid #2c2e6f; } @media only screen and (max-width : 999px) { body.landingPage div.pageHeaderWrapper h1 { color: #282a65 } body.landingPage div.breadcrumb a[href="/"]::after { color: #282a65 } #globalNavigation h3 { color: #3b60ac; } #utilityNavigation { background: #414545; } #utilityNavigation h3 { color: #3b60ac; } div.tabsWrapper .tabsMenu h3 a:hover { color: #282a65 } body.newsPage #calendar tr:first-child th:nth-child(3)::after { color: #282a65 } body.newsPage #calendar.open tr:first-child th { background: #2c2e6f; } body.newsPage.events #categories div.mainCategory input:checked + label::after { color: #282a65 } } @media only screen and (max-width : 767px) { div.imageGallery.horizontal div.caption { background: #2c2e6f; background: -moz-linear-gradient(left, #2c2e6f 0%, #2c2e6f 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2c2e6f), color-stop(100%,#2c2e6f)); background: -webkit-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -o-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: -ms-linear-gradient(left, #2c2e6f 0%,#2c2e6f 100%); background: linear-gradient(to right, #2c2e6f 0%,#2c2e6f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2e6f', endColorstr='#2c2e6f',GradientType=1 ); } div.imageGallery.horizontal div.caption p.label { color: #282a65 } div.imageGallery.lightbox div.more a { background: #2c2e6f; } div.imageGallery.background div.item h3 { color: #282a65 } div.imageGallery.background div.item div.more a { color: #282a65 } #collegePageButtonNavigation h3 a:hover { color: #282a65 } #collegePageButtonNavigation a.active { color: #282a65 } div.highlight_feature { background: #2c2e6f; } div.wideScreenTabbedContent ul.tabs li:nth-last-child(2) a.active { border-bottom: 1px solid #2c2e6f; } } div.imageGallery.combined div.caption h2 { background: #e16d2d; } div.imageGallery.combined div.caption div.content p::after { color: #e16d2d; } div.imageGallery.combined div.caption div.content p:hover {color: #e16d2d; } div.imageGallery.combined div.caption h2:after { border-color: transparent #af5524 transparent transparent; } form input[type=button], form button, input[type=submit] { background: #e16d2d; } form input:focus { border: 1px solid #282a65; } .customSelect::after { background: #282a65; } .customSelectFocus { border-color: #282a65; } div.threeVignettes div.item div.itemWrapper a h3 { background-color: #3b60ac; }