/* * 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:30px; 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; z-index:999999; } #nav > li{ float:left; border-left:1px solid #637faf; border-right:1px solid rgba(0, 0 ,0, 0); position:relative; width: 19.70%; z-index:999999; } #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%; z-index:999999 !important; } /* 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; } .main-navigation li ul li { border-top: 0; } ul ul ul { 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; } }

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

Mods please check the Moderators Group for an important update on Mod tools. If you do not have access to the group, please PM Niamh. Thanks!

wooly

Latest posts

	Thread title / Started by	Last Post	Replies	Views
	Knitting - help and advice super thread! 1 2...53 54 in Arts & Crafts	25-02-21 11:43 Graces7	1.6K	172K
	The Prehistoric Proboscidean Thread- Elephants, mammoths, mastodonts etc 1 2 3 in Palaeontology	12-05-12 00:20 Galvasean	64	8.8K
	The Prehistoric Rhino Thread- Rhinos, unicorns and indricotheres in Palaeontology	04-09-11 19:47 Adam Khor	26	5.1K
	Russian kid finds incredible woolly mammoth carcass in Palaeontology	05-10-12 07:32 Adam Khor	1	729
	Wooly Mammoths were Ginger! in Palaeontology	04-04-12 18:56 Mickeroo	30	2.1K
	5 Years And We Will Have Cloned Mammoths (now with added dodo!) 1 2 in Palaeontology	17-01-11 13:01 Galvasean	38	6.3K
	Live woolly mammoth filmed in Siberia? in Palaeontology	13-02-12 22:17 Adam Khor	9	998
	Amazing CT scans of frozen baby mammoths! in Palaeontology	08-11-11 19:32 Adam Khor	0	529
	Mammoth Burps Kept Planet Warm? in Palaeontology	06-06-10 19:29 Galvasean	2	1.2K
	Real Dinos For Sale! in Palaeontology	27-05-10 20:28 Galvasean	0	1.1K
	Ice Age Mammals - Surprisingly Warm in Palaeontology	26-05-10 23:21 Galvasean	0	764

/* * 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:30px; 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; z-index:999999; } #nav > li{ float:left; border-left:1px solid #637faf; border-right:1px solid rgba(0, 0 ,0, 0); position:relative; width: 19.70%; z-index:999999; } #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%; z-index:999999 !important; } /* 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; } .main-navigation li ul li { border-top: 0; } ul ul ul { 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; } }