/* * These styles apply ONLY to the header and footer assets. */ /* * These styles apply ONLY to the header and footer assets. */ /* Nav Area */ .nav-area { position: fixed; /* change back to sticky when we remove marks desktop hack pocket */ height: 19px; width: 100%; background: #4f6a9f; border-bottom: 1px solid #637faf; top: 0; z-index: 999999; font: 12px Verdana, Geneva, sans-serif; /*font-weight: 700;*/ } #nav { list-style: none; margin: 0 auto; padding: 0; height: 22px; font: 13px Verdana, Geneva, sans-serif; /*font-weight: 700; */ line-height: 14px; min-width: 956px; max-width: 1400px; } #nav > li { float: left; border-left: 1px solid #637faf; border-right: 1px solid rgba(0, 0, 0, 0); position: relative; width: 19.70%; } #nav > li:first-child { margin: 0; border-left: 1px solid rgba(0, 0, 0, 0); z-index: 999999; } #nav > li.hover:first-child { border-left: 1px solid #c8c8c8; z-index: 999999; } #nav > li:last-child { margin: 0; border-right: 1px solid rgba(0, 0, 0, 0); z-index: 999999; } #nav > li.hover:last-child { border-right: 1px solid #c8c8c8; z-index: 999999; } #nav > .active > a, #nav > li.hover, #nav > li.hover > a { background: #fff z-index: 999999;; } #nav > li.navLeftBorder { border-left-color: #c8c8c8; z-index: 999999; } #nav > li.navRightBorder { border-right-color: #c8c8c8; z-index: 999999; } .navLeftBorder .nav-drop-menu { margin-left: -1px; z-index: 999999; } #nav li:hover { position: relative; z-index: 999999; } #nav > li > a { display: block; text-align: center; padding: 4px 6px; height: 15px; color: #fcfcfc; z-index: 999999; } #nav.scaling-active > li > a { padding: 4px 0; z-index: 999999; } #nav.scaling-active > li.hover > a { color: #2E4A80; z-index: 999999; } #nav a:hover { text-decoration: none; z-index: 999999; } #nav .drop { position: absolute; left: 0; top: auto; width: 100%; border: solid #c8c8c8; border-width: 0 1px 1px; background: #FFFFFF; display: none; padding-left: 0px; overflow-x: hidden; max-height: 85vh; z-index: 999999; } /*#nav .drop li:hover > .drop,*/ #nav > li.hover > .drop { display: block; z-index: 999999; } #nav .drop .drop { left: 6px; position: relative; width: 100%; border: none; clear: both; z-index: 999999; } #nav .drop .drop .drop { top: 0; left: 6px; width: 100%; z-index: 999999; } div.columncontainer { display: block; overflow: hidden z-index: 999999; } div.columncontainer .column { margin-bottom: -2000px; padding-bottom: 2000px; z-index: 999999; } .submenu-open > a { font-weight: bold; z-index: 999999; } #nav .submenu-open > div { display: block; z-index: 999999; } #nav .columns-1 { min-width: 218px; max-width: 242px; z-index: 999999; } #nav .columns-2, #nav .columns-2 .columncontainer { width: 441px; z-index: 999999; } #nav .columns-3, #nav .columns-3 .columncontainer { width: 662px; z-index: 999999; } #nav .columns-3, #nav .columns-2, #nav .columns-1 { padding-bottom: 10px; z-index: 999999; } .talktomenu { all: unset; } ul { position: relative; list-style: none; padding: 2px; width: 100%; margin: 0; background: #4f6a9f; z-index: 9999; } ul li { display: block; position: relative; float: left; background: #4f6a9f; width: 100%; } /* This hides the dropdowns */ li ul { display: none; } ul li a { display: block; padding: 1em; text-decoration: none; white-space: nowrap; color: #fff; } ul li a:hover { background: #2c3e50; } li:hover > ul { display: block; position: absolute; z-index: 999999 !important; } li:hover li { float: none; } li:hover a { background: #2E4A80; } li:hover li a:hover { background: #2c3e50; z-index: 9999999; } .main-navigation li ul li { border-top: 0; } .parent-233 { top: -900%; } .parent-3 { top: -1100%; } .parent-351 { top: -1200%; width: 125%; } .parent-1664 { top: -200%; column-count: 3; width: 260%; height: auto; column-rule: 1px dotted; } .parent-2 { top: -500%; width: 350%; column-count: 3; column-rule: 1px dotted; } .parent-42 { top: -900%; width: 200%; column-count: 2; column-rule: 1px dotted; /*background: #2E4A80;*/ } .parent-5 { top: -800%; } .parent-7 { z-index: 9999999 !important; } ul ul ul { position: absolute; left: 100%; top: 0; } ul:before, ul:after { content: " "; display: table; } ul:after { clear: both; } .footer { background: #f5f5f6; color: #555a62; font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #2e4a80; } .footer a:hover { color: #2e4a80; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } }

Boards Golf Society are looking for new members for 2022...read about the society and their planned outings here!

How to add spoiler tags, edit posts, add images etc. How to - a user's guide to the new version of Boards

mhg50

New Discussion

Latest posts

	Thread title / Started by	Last Post	Replies	Views
	Any update on the Software Engineering Postgrad? in Maynooth University Poll	19-08-20 13:53 elsie1b	0	213

New Discussion

/* * These styles apply ONLY to the header and footer assets. */ /* * These styles apply ONLY to the header and footer assets. */ /* Nav Area */ .nav-area { position: fixed; /* change back to sticky when we remove marks desktop hack pocket */ height: 19px; width: 100%; background: #4f6a9f; border-bottom: 1px solid #637faf; top: 0; z-index: 999999; font: 12px Verdana, Geneva, sans-serif; /*font-weight: 700;*/ } #nav { list-style: none; margin: 0 auto; padding: 0; height: 22px; font: 13px Verdana, Geneva, sans-serif; /*font-weight: 700; */ line-height: 14px; min-width: 956px; max-width: 1400px; } #nav > li { float: left; border-left: 1px solid #637faf; border-right: 1px solid rgba(0, 0, 0, 0); position: relative; width: 19.70%; } #nav > li:first-child { margin: 0; border-left: 1px solid rgba(0, 0, 0, 0); z-index: 999999; } #nav > li.hover:first-child { border-left: 1px solid #c8c8c8; z-index: 999999; } #nav > li:last-child { margin: 0; border-right: 1px solid rgba(0, 0, 0, 0); z-index: 999999; } #nav > li.hover:last-child { border-right: 1px solid #c8c8c8; z-index: 999999; } #nav > .active > a, #nav > li.hover, #nav > li.hover > a { background: #fff z-index: 999999;; } #nav > li.navLeftBorder { border-left-color: #c8c8c8; z-index: 999999; } #nav > li.navRightBorder { border-right-color: #c8c8c8; z-index: 999999; } .navLeftBorder .nav-drop-menu { margin-left: -1px; z-index: 999999; } #nav li:hover { position: relative; z-index: 999999; } #nav > li > a { display: block; text-align: center; padding: 4px 6px; height: 15px; color: #fcfcfc; z-index: 999999; } #nav.scaling-active > li > a { padding: 4px 0; z-index: 999999; } #nav.scaling-active > li.hover > a { color: #2E4A80; z-index: 999999; } #nav a:hover { text-decoration: none; z-index: 999999; } #nav .drop { position: absolute; left: 0; top: auto; width: 100%; border: solid #c8c8c8; border-width: 0 1px 1px; background: #FFFFFF; display: none; padding-left: 0px; overflow-x: hidden; max-height: 85vh; z-index: 999999; } /*#nav .drop li:hover > .drop,*/ #nav > li.hover > .drop { display: block; z-index: 999999; } #nav .drop .drop { left: 6px; position: relative; width: 100%; border: none; clear: both; z-index: 999999; } #nav .drop .drop .drop { top: 0; left: 6px; width: 100%; z-index: 999999; } div.columncontainer { display: block; overflow: hidden z-index: 999999; } div.columncontainer .column { margin-bottom: -2000px; padding-bottom: 2000px; z-index: 999999; } .submenu-open > a { font-weight: bold; z-index: 999999; } #nav .submenu-open > div { display: block; z-index: 999999; } #nav .columns-1 { min-width: 218px; max-width: 242px; z-index: 999999; } #nav .columns-2, #nav .columns-2 .columncontainer { width: 441px; z-index: 999999; } #nav .columns-3, #nav .columns-3 .columncontainer { width: 662px; z-index: 999999; } #nav .columns-3, #nav .columns-2, #nav .columns-1 { padding-bottom: 10px; z-index: 999999; } .talktomenu { all: unset; } ul { position: relative; list-style: none; padding: 2px; width: 100%; margin: 0; background: #4f6a9f; z-index: 9999; } ul li { display: block; position: relative; float: left; background: #4f6a9f; width: 100%; } /* This hides the dropdowns */ li ul { display: none; } ul li a { display: block; padding: 1em; text-decoration: none; white-space: nowrap; color: #fff; } ul li a:hover { background: #2c3e50; } li:hover > ul { display: block; position: absolute; z-index: 999999 !important; } li:hover li { float: none; } li:hover a { background: #2E4A80; } li:hover li a:hover { background: #2c3e50; z-index: 9999999; } .main-navigation li ul li { border-top: 0; } .parent-233 { top: -900%; } .parent-3 { top: -1100%; } .parent-351 { top: -1200%; width: 125%; } .parent-1664 { top: -200%; column-count: 3; width: 260%; height: auto; column-rule: 1px dotted; } .parent-2 { top: -500%; width: 350%; column-count: 3; column-rule: 1px dotted; } .parent-42 { top: -900%; width: 200%; column-count: 2; column-rule: 1px dotted; /*background: #2E4A80;*/ } .parent-5 { top: -800%; } .parent-7 { z-index: 9999999 !important; } ul ul ul { position: absolute; left: 100%; top: 0; } ul:before, ul:after { content: " "; display: table; } ul:after { clear: both; } .footer { background: #f5f5f6; color: #555a62; font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #2e4a80; } .footer a:hover { color: #2e4a80; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } }