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

Where is Report Post on mobile? We've made a slight change, see here

Have your say on the future of the 'Save Draft' feature in this poll

MODs please see this information notice in the mod's forum. Thanks!

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

Software & Web Development

Parent category for Development, Design and Mobile Applications forums.

Sub Forums

	Sub Forums	Last Post	Threads	Posts
	Expand for more options. Design Discuss website and GUI development for software. Formerly Web Development & Design	Restaurant Website in Design 05-01-22 20:25 recode the site	10.9K	69.8K
	Expand for more options. Development Software and Web Development questions and answers. Formerly the Programming forum.	Contractor Life in Development 22-01-22 01:48 recode the site	15.2K	93.5K
	Expand for more options. Mobile Application Discussion, questions and answers surrounding mobile application develoment.	How to stop ‘fir’ appearing in text messaging when using ‘for’... in Mobile Application 29-12-21 06:54 Masala	689	3.9K
	Expand for more options. Website Reviews Post your website address for feedback on design, business model and everything else.	Please review! in Website Reviews 28-12-21 01:30 SylviaBogle	611	3.8K

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