/* * 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!

dilophosaurus

Latest posts

	Thread title / Started by	Last Post	Replies	Views
	The Dilophosaur and Coelophysoid Thread in Palaeontology	26-07-12 18:21 Adam Khor	15	2.4K
	Dino D-Day (game) in Palaeontology	01-04-11 12:58 Galvasean	4	1.2K
	You can´t outrun a T-Rex D: in Palaeontology	05-12-12 11:28 Adam Khor	21	2.6K
	Scary Monsters Science Took Away from Us 1 2 in Palaeontology	19-09-12 15:36 Galvasean	39	4.2K
	Spinosaurus' hindlimbs found? in Palaeontology	11-10-11 23:59 Adam Khor	15	6.7K
	Top 10 Dinosaurs That Could Eat Han Solo in Palaeontology	28-01-11 18:50 Galvasean	0	1K
	Creature Of the Week #15: Oviraptor in Palaeontology	24-03-10 22:24 Galvasean	0	3.1K
	Post Videos of Dinosaurs Fighting!!!! (No Discussion!) in Palaeontology	14-12-09 18:08 Galvasean	15	9.4K

/* * 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; } }