/* * 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 */ width:100%; background:#4f6a9f; border-bottom:1px solid #637faf; top:0; z-index:999999; font: 12px Verdana, Geneva, sans-serif; } #nav { list-style:none; margin:0 auto; padding:0; height:22px; font: 13px Verdana, Geneva, sans-serif; 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, #nav > li > span { display:block; text-align:center; padding:4px 6px; height:15px; color:#fcfcfc; z-index:999999; } #nav.scaling-active > li > a, #nav.scaling-active > li > span { padding:4px 0; z-index:999999; } #nav.scaling-active > li.hover > a, #nav.scaling-active > li.hover > span { color:#2E4A80; z-index:999999; } #nav a:hover{ text-decoration:none; z-index:999999; } 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, ul li span { display: block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; color: #fff; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; cursor: pointer; } ul li a:hover, ul li span:hover { background: #2c3e50; } li:hover > ul { display: block; position: absolute; z-index:999999 !important; } li:hover li { float: none; } li:hover a, li:hover span { background: #2E4A80; } li:hover li a:hover, li:hover li span:hover { background: #2c3e50; z-index:9999999; } .main-navigation li ul li { border-top: 0; } 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; } .footer-consent { color: #2e4a80; cursor: pointer; text-decoration: underline; } .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; } }

Talk to...
Topics
Regional
Followed Forums

If you have a new account but are having problems posting or verifying your account, please email us on [email protected] for help. Thanks :)

Design

Discuss website and GUI development for software. Formerly Web Development & Design

Latest posts

	Thread title / Started by	Last Post	Replies	Views
	CSS Website	07-12-16 11:24 MLS_Surgery	0	578
	WP plugin to display shop items in frames, on wall, canvas etc?	04-12-16 16:09 dinneenp	0	536
	How is this achieved? Text appears to be typing?	02-12-16 23:21 dinneenp	6	710
	WP- want gallery images to include link to Shop page for image	02-12-16 23:51 dinneenp	3	522
	linking help!	01-12-16 12:01 sticker	8	625
	DEFUSE - Design in context	07-11-16 13:58 SpaceCowb0y	3	519
	Advice please	01-11-16 19:45 Mr.Boots	3	485
	Moving website from hosting company A to hosting company B	25-10-16 8:27 dinneenp	2	449
	Anybody know of a Wordpress theme...	18-10-16 18:55 Bochto	3	520
	Free Wordpress Themes for Small Businesses	13-10-16 11:00 theflipdave	2	465
	Hosting options	14-10-16 8:08 jayo99	1	402
	RapidWeaver Mac Web building Software	08-10-16 12:44 zamo27	1	374
	Help with website widget	08-10-16 15:07 Vevadox	3	398
	Wordpress with Chinese Language support	29-09-16 14:55 dahayeser	1	324
	FlexiSign Pro - Training Required	21-09-16 12:49 aholo	4	451
	Opinions on my work	12-09-16 20:08 Scamall	2	374
	Cannot remove Shopify password	04-09-16 9:32 hairyslug	2	307
	WordPress on <snip> Poll	04-09-16 4:02 1one	11	534
	Find Native URL	07-09-16 10:52 Senna	4	338
	Family Clan website	08-08-16 23:39 Mumha	6	371
	Family Clan websites	29-08-16 22:19 Mumha	2	272
	ABC of setting up a website and beyond	11-06-16 2:08 b4bmm	23	2.6K
	Does it make any difference?	22-07-16 11:13 mel123	3	275
	UX career undergrad help!	16-08-16 23:53 Crann na Beatha	14	346
	How Many Clients do you work with at one time?	01-05-12 10:00 DeadlyByDesign	18	1.4K
	How to create a database with search engine with HTML	20-07-16 17:34 DarraghR	12	458
	Looking for someone to build WordPress site.	01-08-16 15:24 makeandcreate	4	237
	Web Design Course in Cork	19-07-16 20:42 Jay Dee	1	218
	Considering webelevate course, advice welcome	26-07-16 21:03 Clampdown	0	273
	Web Design Courses Dublin	13-07-16 10:19 a_kelly1	11	587

/* * 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 */ width:100%; background:#4f6a9f; border-bottom:1px solid #637faf; top:0; z-index:999999; font: 12px Verdana, Geneva, sans-serif; } #nav { list-style:none; margin:0 auto; padding:0; height:22px; font: 13px Verdana, Geneva, sans-serif; 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, #nav > li > span { display:block; text-align:center; padding:4px 6px; height:15px; color:#fcfcfc; z-index:999999; } #nav.scaling-active > li > a, #nav.scaling-active > li > span { padding:4px 0; z-index:999999; } #nav.scaling-active > li.hover > a, #nav.scaling-active > li.hover > span { color:#2E4A80; z-index:999999; } #nav a:hover{ text-decoration:none; z-index:999999; } 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, ul li span { display: block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; color: #fff; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; cursor: pointer; } ul li a:hover, ul li span:hover { background: #2c3e50; } li:hover > ul { display: block; position: absolute; z-index:999999 !important; } li:hover li { float: none; } li:hover a, li:hover span { background: #2E4A80; } li:hover li a:hover, li:hover li span:hover { background: #2c3e50; z-index:9999999; } .main-navigation li ul li { border-top: 0; } 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; } .footer-consent { color: #2e4a80; cursor: pointer; text-decoration: underline; } .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; } }