Mon, 2014-01-13 19:11
I was wondering if someone could point out the reason my site isn't displaying correctly in i.e 8 www.blackpoolccg.nhs.uk
Im sure it is probably something obvious but for the life of me I cannot work it out.
The CSS (i.e. only) is below
Any help would be greatly appreciated
Kind regards
Mark
.clearfix { zoom:1; } .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .image-replacement { overflow:hidden; text-indent:100%; white-space:nowrap; } :focus { outline:0; } span.amp { font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif; font-style:italic; } .text-left { text-align:left; } .text-center { text-align:center; } .text-right { text-align:right; } .alert { border:1px solid; margin:10px; padding:5px 18px; } .alert-help { background:#ebe16f; border:1px solid; border-color:#e8dc59; margin:10px; padding:5px 18px; } .alert-info { background:#d5edf8; border:1px solid; border-color:#bfe4f4; margin:10px; padding:5px 18px; } .alert-error { background:#fbe3e4; border:1px solid; border-color:#f8cdce; margin:10px; padding:5px 18px; } .alert-success { background:#e6efc2; border:1px solid; border-color:#deeaae; margin:10px; padding:5px 18px; } .button,.button:visited { -moz-border-radius:4px; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-border-radius:4px; -webkit-transition:all .2s ease-in-out; background-color:#e40f42; background-image:linear-gradient(tobottom,#f01d4f,#e40f42); border:1px solid #be0d37; border-left-color:#db0f3f; border-radius:4px; border-top-color:#db0f3f; color:#fff; cursor:pointer; display:inline-block; font-size:11px; font-weight:700; line-height:21px; margin-bottom:20px; padding:4px 12px; text-decoration:none; text-shadow:0 1px rgba(0,0,0,0.75); transition:all .2s ease-in-out; } .button:hover,.button:visited:hover,.button:focus,.button:visited:focus { background-color:#cc0e3b; background-image:linear-gradient(tobottom,#e40f42,#cc0e3b); border:1px solid #be0d37; border-left-color:#9d0a2d; border-top-color:#9d0a2d; color:#fff; } .button:active,.button:visited:active { background-color:#f01d4f; background-image:linear-gradient(tobottom,#e40f42,#f01d4f); } .blue-button,.blue-button:visited { -moz-box-shadow:inset 0 0 3px #0da5ff; -webkit-box-shadow:inset 0 0 3px #0da5ff; background-color:#0065a1; background-image:linear-gradient(tobottom,#0075ba,#0065a1); border-color:#005587; box-shadow:inset 0 0 3px #0da5ff; text-shadow:0 1px 1px #005587; } .blue-button:hover,.blue-button:visited:hover,.blue-button:focus,.blue-button:visited:focus { background-color:#005587; background-image:linear-gradient(tobottom,#0068a6,#005587); border-color:#00456e; } .blue-button:active,.blue-button:visited:active { background-color:#0075ba; background-image:linear-gradient(tobottom,#0065a1,#0075ba); } .entry-content .alignleft,.entry-content img.alignleft { display:inline; float:left; margin-right:1.5em; } .entry-content .alignright,.entry-content img.alignright { display:inline; float:right; margin-left:1.5em; } .entry-content .aligncenter,.entry-content img.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; } .onecol { width:5.801104972%; } .twocol { width:14.364640883%; } .threecol { width:22.928176794%; } .fourcol { margin-left:1.262430939%; width:32.491712705%; } .fivecol { width:40.055248616%; } .sixcol { width:48.618784527%; } .sevencol { width:57.182320438%; } .eightcol { width:65.745856349%; } .ninecol { width:74.30939226%; } .tencol { width:82.872928171%; } .elevencol { width:91.436464082%; } .twelvecol { float:left; margin-left:2.762430939%; position:inherit!important; width:99.999999993%; } .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol { float:left; margin-left:2.762430939%; position:inherit; } .first { margin-left:0; } .news { margin-bottom: 12px; border-top:none !important; padding top:5px !important; padding-bottom:5px !important; } .last { float:right; } body { background:url(../images/internal-bg.jpg) repeat 0 0 scroll; } .wrap { max-width:1140px; width:97.5%; } .header { margin:12px 0 0; position:relative; z-index:3; } .header #inner-header div.links-wrap { clear:inherit; float:left; height:30px; margin:20px 0 0 20px; width:auto; } .header #inner-header div.links-wrap div.links-inner { float:none; margin-right:0; } .header #inner-header div.links-wrap div.links-inner #searchform { display:block; float:left; margin:2px 13px 0; } .header #inner-header div.links-wrap div.links-inner #searchform #searchsubmit { -moz-transition:.3s all ease-in-out; -ms-transition:.3s all ease-in-out; -o-transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; background:#d8dcdd; border:1px solid #adafaf; border-right:0; color:#838385; float:left; font-family:myriad-pro,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; font-weight:400; height:26px; margin:0; padding:0 8px; text-transform:uppercase; transition:.3s all ease-in-out; } .header #inner-header div.links-wrap div.links-inner #searchform #searchsubmit:hover { background:#0075ba; color:#FFF; } .header #inner-header div.links-wrap div.links-inner #searchform #s { -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; border:1px solid #adafaf; border-left:none; color:#838385; font-family:myriad-pro,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400; height:26px; margin:0; padding:0 5px; transition:all .2s ease-in-out; width:117px; } .header #inner-header div.links-wrap div.links-inner #searchform #s:focus { background:#f4f4f4; color:#000; } .header #inner-header div.links-wrap div.links-inner a.contact-icon { color:#adafaf; display:block; float:left; font-weight:700; height:30px; letter-spacing:-1px; line-height:28px; opacity:.6; overflow:hidden; padding-left:30px; text-indent:inherit; white-space:normal; width:auto; } .header #inner-header div.links-wrap div.links-inner a.contact-icon:hover { opacity:1; } .nav { border:0; clear:both; padding-left:8px; } .nav li { background:url(../images/nav-sep.png) no-repeat right center scroll; float:left; position:relative; width:auto; } .nav li a { -moz-transition:0 all ease-in-out; -ms-transition:0 all ease-in-out; -o-transition:0 all ease-in-out; -webkit-backface-visibility:hidden; -webkit-transition:0 all ease-in-out; border:0; font-size:12px; font-weight:700; line-height:12px; margin:0 14px 0 10px; padding:8px 2px; transition:0 all ease-in-out; } .nav li a:hover,.nav li a:focus { background:0; border-bottom:3px solid #0075ba; padding-bottom:5px; } .nav li:last-child { background:0; } .nav li ul.sub-menu,.nav li ul.children { border:1px solid #ccc; border-top:0; display:none; position:absolute; width:200px; z-index:8999; } .nav li ul.sub-menu li a,.nav li ul.children li a { border-bottom:1px solid #ccc; border-right:0; display:block; padding-left:10px; width:180px; } .nav li ul.sub-menu li:last-child a,.nav li ul.children li:last-child a { border-bottom:0; } .nav li:hover ul { display:block; top:auto; } .nav li.menu-item-20 a:hover,.nav li.menu-item-20 a:focus { border-bottom:3px solid #0075ba; } .nav li.menu-item-21 a:hover,.nav li.menu-item-21 a:focus { border-bottom:3px solid #9f0aac; } .nav li.menu-item-22 a:hover,.nav li.menu-item-22 a:focus { border-bottom:3px solid #d9c11a; } .nav li.menu-item-23 a:hover,.nav li.menu-item-23 a:focus { border-bottom:3px solid #43bd99; } .nav li.menu-item-24 a:hover,.nav li.menu-item-24 a:focus { border-bottom:3px solid #fc8800; } .nav li.menu-item-26 a:hover,.nav li.menu-item-26 a:focus { border-bottom:3px solid #00b2fc; } .nav li.current-menu-item a,.nav li.current_page_item a,.nav li.current-page-ancestor a { background:0; border-bottom:3px solid #fff; padding-bottom:5px; } .nav li#menu-item-20.current-menu-item a,.nav li#menu-item-20.current_page_item a,.nav li#menu-item-20.current-page-ancestor a { border-bottom:3px solid #0075ba; } .nav li#menu-item-21.current-menu-item a,.nav li#menu-item-21.current_page_item a,.nav li#menu-item-21.current-page-ancestor a { border-bottom:3px solid #9f0aac; } .nav li#menu-item-22.current-menu-item a,.nav li#menu-item-22.current_page_item a,.nav li#menu-item-22.current-page-ancestor a { border-bottom:3px solid #d9c11a; } .nav li#menu-item-23.current-menu-item a,.nav li#menu-item-23.current_page_item a,.nav li#menu-item-23.current-page-ancestor a { border-bottom:3px solid #43bd99; } .nav li#menu-item-24.current-menu-item a,.nav li#menu-item-24.current_page_item a,.nav li#menu-item-24.current-page-ancestor a { border-bottom:3px solid #fc8800; } .nav li#menu-item-26.current-menu-item a,.nav li#menu-item-26.current_page_item a,.nav li#menu-item-26.current-page-ancestor a { border-bottom:3px solid #00b2fc; } .home-content div.home-box { background:#f6f5f5; opacity:.8; padding:15px 20px; } .home-content div.home-box h2 { font-size:18px; margin:0 0 20px; } .home-content div.home-box h2 a { color:#0075ba; } .home-content div.home-box h2 a:hover { color:#000; } .home-content div.home-box p { font-size:13px; } .home-content .home-content-bottom { margin:12px 0 28px; } #content #inner-content { padding:14px 30px; } #content #inner-content .left-image { display:block; padding:18px 0 16px; position:inherit; } #content #inner-content .left-image img { height:auto; max-width:100%; } #content #inner-content #main { position:inherit; } body.home #inner-content { background:0; padding:0; } body.home #inner-content .article-header { margin-left:0; } body.home .top-banner-wrap { background:0; margin-bottom:12px; } body.page-template-page-members-php article.page { margin:18px 0; } .entry-content .child-thumb { background:#e6e6e8; border-bottom:4px solid #0075ba; float:left; width:50%; } .entry-content .child-thumb img { float:left; height:auto; max-width:50%; } .top-banner-wrap { -moz-background-size:cover; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; -o-background-size:cover; -webkit-background-size:cover; background:url(../images/internal-top.jpg) no-repeat center center scroll; background-size:cover; display:block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg',sizingMethod='scale'); margin-bottom:0; overflow:hidden; position:relative; z-index:1; } .top-banner-wrap span.campaign-open { -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; background:#000 url(../images/campaign-icon.png) no-repeat right center scroll; color:#fff; cursor:pointer; display:block; font-size:17px; font-weight:400; padding:7px 55px 8px 23px; position:absolute; right:0; top:0; transition:all .2s ease-in-out; z-index:2; } .top-banner-wrap span.campaign-open:hover { background:#0075ba url(../images/campaign-icon.png) no-repeat right center scroll; color:#fff; } .top-banner-wrap .top-banner { position:relative; top:-230px; z-index:3; } .top-banner-wrap .top-banner ul.slides { margin:0; } .top-banner-wrap .top-banner ul.slides li { list-style:none; margin:0; padding:0; position:relative; } .top-banner-wrap .top-banner ul.slides li img { float:left; width:66.2%; } .top-banner-wrap .top-banner ul.slides li div { background:#000; display:block; height:100%; overflow:hidden; padding:20px 25px; position:absolute; right:0; top:0; width:32.5%; } .top-banner-wrap .top-banner ul.slides li div h2,.top-banner-wrap .top-banner ul.slides li div h2 a { -webkit-backface-visibility:hidden; color:#fff; font-size:18px; line-height:20px; margin:0 0 7px; } .top-banner-wrap .top-banner ul.slides li div h2:hover,.top-banner-wrap .top-banner ul.slides li div h2 a:hover { color:#00b2fc; } .top-banner-wrap .top-banner ul.slides li div p,.top-banner-wrap .top-banner ul.slides li div p a { -webkit-backface-visibility:hidden; color:#fff; font-size:12px; font-weight:400; line-height:15px; margin:0; } .top-banner-wrap .top-banner ul.slides li div p:hover,.top-banner-wrap .top-banner ul.slides li div p a:hover { color:#00b2fc; } .top-banner-wrap .top-banner ul.slides li div span.campaign-close { -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-backface-visibility:hidden; -webkit-transition:all .2s ease-in-out; background:#000 url(../images/sprite.png) no-repeat -25px -27px scroll; color:#fff; cursor:pointer; display:block; font-size:13px; font-weight:700; height:18px; margin:7px; padding:0; position:absolute; right:0; top:0; transition:all .2s ease-in-out; width:20px; z-index:5; } .top-banner-wrap .top-banner ul.slides li div span.campaign-close:hover { margin:7px; opacity:.6; padding:0; } .article-header { margin-bottom:1.26%; margin-left:-30px; position:absolute; top:151px; width:290px; z-index:2; } .article-header h1 { padding:15px 10px 15px 20px; } body.home .article-header { width:430px; } body.blog #content #inner-content,body.search #content #inner-content { padding:14px 30px; } body.blog #content #inner-content .article-header,body.search #content #inner-content .article-header { width:370px; } body.page-template-page-gp-map-php #content { margin-top:12px; } body.page-template-page-gp-map-php #content #inner-content { padding:0; } body.page-template-page-gp-map-php #content #inner-content .article-header { margin-left:0; width:370px; } div.left-image img { display:block; } body.archive #content #inner-content { padding:14px 30px; } body.archive #content #inner-content .article-header { width:280px; } .gp-map { margin-top:0; } .large-fader { display:block; height:100%; left:0; margin:0; padding:0; position:fixed; top:0; width:100%; z-index:-10; } .large-fader ul.slides { display:block; height:100%; margin:0; padding:0; width:100%; } .large-fader ul.slides li { height:100%; list-style:none; margin:0; padding:0; width:100%; } .large-fader ul.slides li.large-bg-one { background:url(../images/home-bg-1.jpg) no-repeat center top scroll; } .large-fader ul.slides li.large-bg-two { background:url(../images/home-bg-2.jpg) no-repeat center top scroll; } .large-fader ul.slides li.large-bg-three { background:url(../images/home-bg-3.jpg) no-repeat center top scroll; } body.search-no-results .archive-title strong { display:none; } body.page-id-61 .article-header { width:330px; } .flex-container a:active,.top-banner a:active,.flex-container a:focus,.top-banner a:focus { outline:0; } .slides,.flex-control-nav,.flex-direction-nav { list-style:none; margin:0; padding:0; } .top-banner { margin:0; padding:0; position:relative; zoom:1; } .top-banner .slides>li { -webkit-backface-visibility:hidden; display:none; } .top-banner .slides img { display:block; width:100%; } .flex-pauseplay span { text-transform:capitalize; } .slides:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } html[xmlns] .slides { display:block; } * html .slides { height:1%; } .no-js .slides>li:first-child { display:block; } .flex-viewport { -moz-transition:all 1s ease; -webkit-transition:all 1s ease; max-height:2000px; transition:all 1s ease; } .loading .flex-viewport { max-height:300px; } .top-banner .slides { zoom:1; } .carousel li { margin-right:5px; } .flex-direction-nav { height:0; } .flex-direction-nav a { -webkit-transition:all .3s ease; background:url(../images/direction_nav.png) no-repeat 0 2px; cursor:pointer; display:block; height:36px; margin:-25px 0 0; opacity:0; position:absolute; text-indent:-9999px; top:50%; width:35px; z-index:10; } .flex-direction-nav .flex-next { background-position:100% 2px; right:0; } .flex-direction-nav .flex-prev { left:0; } .top-banner:hover .flex-next { opacity:.7; right:15px; } .top-banner:hover .flex-prev { left:15px; opacity:.7; } .flex-next:hover,.flex-prev:hover { opacity:1!important; } .flex-direction-nav .flex-disabled { cursor:default; } .flex-control-nav { bottom:-40px; position:absolute; text-align:center; width:100%; } .flex-control-nav li { display:inline; margin:0 6px; zoom:1; } .flex-control-paging li a { -moz-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; background:rgba(0,0,0,0.5); border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3); cursor:pointer; display:block; height:11px; text-indent:-9999px; width:11px; } .flex-control-paging li a:hover { background:rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background:rgba(0,0,0,0.9); cursor:default; } .flex-control-thumbs { margin:5px 0 0; overflow:hidden; position:static; } .flex-control-thumbs li { float:left; margin:0; width:25%; } .flex-control-thumbs img { cursor:pointer; display:block; opacity:.7; width:100%; } .flex-control-thumbs img:hover { opacity:1; } .flex-control-thumbs .flex-active { cursor:default; opacity:1; } .large-fader a:active,.large-fader a:focus { outline:0; } .large-fader .slides>li { -webkit-backface-visibility:hidden; display:none; } .large-fader .slides img { display:block; width:100%; } .large-fader .slides { zoom:1; } .sidebar { margin-top:0; padding-top:18px; } .widgettitle { border-bottom:2px solid #444; margin-bottom:.75em; } /*.widget { margin:2.2em 0; padding:0 10px; }*/ .widget ul li { margin-bottom:.75em; } .widget ul li ul { margin-top:.75em; padding-left:1em; } .footer { margin:12px 0; } .footer #inner-footer { background:#f6f5f5 url(../images/footer-bg.jpg) no-repeat left center scroll; padding:25px; } .footer #inner-footer nav { float:right; } .footer #inner-footer p.source-org { color:#a09e9f; margin:0; padding:0; text-align:right; } .footer #inner-footer ul#menu-footer { background:0; border:0; margin-bottom:10px; } .footer #inner-footer ul#menu-footer li { padding:3px 0; } .footer #inner-footer ul#menu-footer li a { border-right:1px solid #a09e9f; color:#a09e9f; font-size:13px; font-weight:700; line-height:13px; margin:0; padding:0 10px; } .footer #inner-footer ul#menu-footer li a:hover { border:0; border-right:1px solid #a09e9f; color:#000; } .footer #inner-footer ul#menu-footer li:last-child a { border-right:0; padding-right:0; } .footer #inner-footer ul#menu-footer li.current-menu-item a,.footer #inner-footer ul#menu-footer li.current_page_item a,.footer #inner-footer ul#menu-footer li.current-page-ancestor a { border-bottom:0; } .footer #inner-footer ul#menu-footer li.menu-item-117 { background:url(../images/sign-in.png) no-repeat right center scroll; padding-right:30px; } .home-content div.home-box:hover { opacity:1; } .home-content .home-content-bottom div.home-box { background:linear-gradient(tobottom,#f6f5f50,rgba(246,245,245,<img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" /> 100%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f5f5',endColorstr='#00f6f5f5',GradientType=0); } .home-content .home-content-bottom div.home-box:hover { background:#f6f5f5; } .lt-ie9 .footer #inner-footer { padding:25px 0!important; } .lt-ie9 .footer #inner-footer nav { padding-right:25px!important; } .lt-ie9 .footer #inner-footer p.source-org { padding-right:25px!important; } .lt-ie9 #content #inner-content { padding:14px 0!important; } .lt-ie9 #content #inner-content .left-image { padding-left:30px!important; } .lt-ie9 #content #inner-content .sidebar { padding-right:30px!important; } .lt-ie9 #content #inner-content input { display:block; } .lt-ie9 body.blog #content #inner-content #main,.lt-ie9 body.archive #content #inner-content #main,.lt-ie9 body.error404 #content #inner-content #main { padding-left:30px!important; } .lt-ie9 input { padding:5px!important; } .lt-ie9 .top-banner-wrap { margin-bottom:0!important; } .lt-ie8 input { padding:0 5px!important; } .lt-ie8 .footer #inner-footer p.source-org { float:right!important; } .lt-ie8 .footer #inner-footer ul#menu-footer { margin-bottom:0!important; } .lt-ie8 input#searchsubmit { border:none!important; height:28px!important; margin-top:1px!important; } .lt-ie8 #content #inner-content { padding:14px 0!important; } .lt-ie8 #content #inner-content .left-image { padding-left:0!important; } .lt-ie8 #content #inner-content .sidebar { padding-right:0!important; } .lt-ie8 #content #inner-content input { display:block; } .lt-ie8 body.blog #content #inner-content #main,.lt-ie8 body.archive #content #inner-content #main,.lt-ie8 body.error404 #content #inner-content #main { padding-left:0!important; } .lt-ie8 .home-content div.home-box { padding:15px 0; } .lt-ie8 .home-content div.home-box h2,.lt-ie8 .home-content div.home-box p,.lt-ie8 .home-content div.home-box a { padding:0 15px; } .lt-ie8 .home-content div.home-box h2 a { padding:0; } .lt-ie8 .fourcol { margin-left:1.9%!important; width:32%!important; } .lt-ie8 .fourcol.first { margin-left:0!important; } .lt-ie8 .top-banner-wrap { margin-bottom:0!important; } .lt-ie8 .article-header { margin-left:0!important; top:162px!important; } .lt-ie8 #content #inner-content #main { position:inherit!important; } @media screen and max-width860px { .flex-direction-nav .flex-prev { left:0; opacity:1; } .flex-direction-nav .flex-next { opacity:1; right:0; } }