/********************************************************************** Colorado Parks and Wildlife SharePoint 2013 Branding (Responsive) v 1.0 ********************************************************************** */ /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo BOOTSTRAP RESETS FOR SHAREPOINT (NON-BRANDING RELATED) oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ *, *:before, *:after {-moz-box-sizing: content-box; /*border-box causes many issues with SP*/} * [class^="span"], * [class^="span"]:before, * [class^="span"]:after {-moz-box-sizing: border-box;} /*img {max-width: none;width: auto;}*/ * [class^="span"] img { max-width: 100%; /*for images inside span grid*/} /*within a span may still need to have width of image not 100% for SP2013 OOTB features/images*/ #scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img, .ms-rtetoolbarmenu img {width: auto; max-width: none;} img[src*="/_layouts/15/images/spcommon.png"], .ms-imagecrop-ghost img, #cropPreviewContainer img {max-width:none !important;} .row-fluid [class*="ms-selectitem-span"]{width:10px;display: inline-block;float: none;height: 10px;min-height: 0;} .row-fluid [class*="ms-updatelink-span"]{width:16px;display: inline-block;float: none;height: 16px;min-height: 0;} select, input[type="file"] {height: auto;line-height: 20px;} .ms-dialog select, .ms-dialog textarea, .ms-dialog input[type="text"], .ms-dialog input[type="password"] {height: auto;} label {display: inline-block;margin-bottom: 0px;} .ms-siteactions-imgspan {float: none;margin: 0px;} .navbar-inner {padding: 0px;} /*site settings toolbar menus*/ .ms-rtetoolbarmenu {line-height: 1em;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo BASE BOOTSTRAP SP TEMPLATE (NON-BRANDING RELATED) oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* ribbon*/ #s4-ribbonrow [class*="span"] {float: none;margin-left: 0px;line-height: 1em;} #pageStatusBar[class], .ms-status-msg {margin-bottom: 0px;} #suiteBarLeft {background-color: #0088CC;} .ms-cui-dd-text, input.ms-cui-cb-input, input[type="text"].ms-cui-cb-input {border-color: #D3D6D9;border-image: none;border-style: solid;border-width: 1px 0 1px 1px;cursor: default;display: block;height: 14px;padding: 3px 7px 2px;white-space: nowrap;font-size: inherit;} /*header*/ .header {margin-top: 10px;} .headtitle {margin-left: 10px;} #pageTitle {margin: 0px 0px 5px;font-size: 2em;} /* breadcrumb*/ ul.s4-breadcrumb {margin-bottom: 5px;} ul.s4-breadcrumb, ul.s4-breadcrumb ul {margin: 0px 0px 2px;margin-bottom: 5px;list-style: none inside none;display: inline-block;} ul.s4-breadcrumb .s4-breadcrumb-arrowcont {display: inline-block;width: 16px;height: 16px;background: transparent url('../Images/glyphicons-halflings.png') no-repeat -455px -69px;} ul.s4-breadcrumb .s4-breadcrumb-arrowcont img {display: none !important;} ul.s4-breadcrumb > li:first-child > span.s4-breadcrumb-arrowcont {display: none;} ul.s4-breadcrumb a.s4-breadcrumbCurrentNode {color: #000;} /*search box*/ .ms-srch-sb-border, .ms-srch-sb-border:hover, .ms-srch-sb-borderFocused {border: none;} .ms-srch-sb > .ms-srch-sb-searchLink {margin: 3px 0 0 1px;} .ms-srch-sb > .ms-srch-sb-searchLink:hover {background: transparent none;} .ms-srch-sb > input {margin: 0px 0px 10px 0px;} /*top nav */ .nav ul {margin: 0px;} .nav li {list-style: none inside none;position: relative;} .nav.ms-core-listMenu-horizontalBox li.static > a {float: none;padding: 10px 15px;text-decoration: none;margin: 0px;border: none;} .nav li.static > a.selected, .nav li.static > a:hover {background-color: #2284A1;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;color: #FFFFFF;text-decoration: none;} .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {margin: 0px;} .nav li.static > .ms-core-listMenu-item {margin: 0px 15px 9px 0px;} .nav .listMenu-display ul.dynamic {margin-top: 5px;top: 35px !important;left: 0px !important;width: 145px !important;display: none;} .nav .listMenu-display ul.dynamic ul.dynamic {margin: 0px;top: 0px !important;left: 145px !important;} #topnavbar > .navbar-inner > .container {background: transparent;border: none;margin: 0px;} /*edit nav nodes inline*/ .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink {margin-left: 0px;} .ms-navedit-editLinksText {display: block;} .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText .ms-verticalAlignMiddle {vertical-align: inherit;} .ms-navedit-editLinksIconWrapper {margin-bottom: -3px;} .nav.ms-core-listMenu-horizontalBox li.static > span .ms-core-listMenuEdit .ms-navedit-linkCell, .nav.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenuEdit .ms-navedit-linkCell {padding: 0px;} .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenuEdit .ms-navedit-deletelinkCell {padding-right: 0px;} .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText, .nav.ms-core-listMenu-horizontalBox a.static.ms-navedit-dropNode, .nav.ms-core-listMenu-horizontalBox div.ms-navedit-hiddenAppendArea {float: none;padding: 10px 15px;text-decoration: none;margin: 0px;border: none;width: auto;} .ms-navedit-hidespan {margin: 0px;} .nav.ms-core-listMenu-horizontalBox .ms-navedit-addNewLink {padding: 10px;margin-top: 0px;} .nav.ms-core-listMenu-horizontalBox .ms-navedit-editButton {margin-top: 10px;margin-bottom: 10px;} /*inverse*/ .navbar-inverse .brand, .navbar-inverse .nav li.static > a {color: #999999;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .navbar-inverse .nav.ms-core-listMenu-horizontalBox li.static > a {color: #eee;} .navbar-inverse .nav li.static > a.selected, .navbar-inverse .nav li.static > a:hover {background-color: #2284A1;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;color: #FFFFFF;text-decoration: none;} .navbar-inverse .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText > span > .ms-metadata {color: #eee;} .navbar-inverse .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText, .navbar-inverse .nav.ms-core-listMenu-horizontalBox a.static.ms-navedit-dropNode, .navbar-inverse .nav.ms-core-listMenu-horizontalBox div.ms-navedit-hiddenAppendArea {color: #eee;} /*left nav */ #sideNavBox {float: none;margin: 0px;/*width: auto;*/} #sideNavBox.span3 {float: left;/* width: 23.4043%; */} .sidebar-nav {padding: 9px 0;} #sideNavBox ul {margin: 0px;} li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active, .ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {background-color: transparent;color: #fff;} li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover {color: #111;} /* main content areas */ div.table {margin: 0px; /*added by design manager admin page, ruins rd layout*/} .container-fluid .ms-table {display: inherit;} .container-fluid .tableCol-75 {display: inherit;} #ms-core-tableNoSpace {display: block;} /*site settings*/ /*Settings page - Add app page*/ #idStorefrontManagementLeftNavBar.ms-core-sideNavBox-removeLeftMargin {margin-left: 0;} a.ms-storefront-selectanchor, a.ms-storefront-selectanchor:link, a.ms-storefront-selectanchor:visited {clear: both;width: auto;} /*web part zones*/ * [class^="span"] .ms-webpart-zone, * [class^="span"] .ms-webpart-cell-vertical, * [class^="span"] .ms-webpart-chrome-vertical {display: block; /*forces zone to stay within confines of responsive zone*/} * [class^="span"] .ms-WPBody > table, * [class^="span"] .ms-WPBody > table > tbody, * [class^="span"] .ms-WPBody > table > tbody > tr, * [class^="span"] .ms-WPBody > table > tbody > tr > td {display: block; width: 100%;} //* [class^="span"] .ms-WPBody > table img {width: 100%; /*reset back to bootstrap for web part images*/} .ms-SPZone.ms-webpart-zone {padding: 5px;} .ms-SPZone > .s4-wpcell, .ms-SPZone > .s4-wpcell-plain, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell-plain {padding: 5px 5px 10px;} /*web part properties*/ .ms-ToolPaneBody select, .ms-ToolPaneBody textarea, .ms-ToolPaneBody input[type="text"], .ms-ToolPaneBody input[type="password"], .ms-ToolPaneBody input[type="datetime"], .ms-ToolPaneBody input[type="datetime-local"], .ms-ToolPaneBody input[type="date"], .ms-ToolPaneBody input[type="month"], .ms-ToolPaneBody input[type="time"], .ms-ToolPaneBody input[type="week"], .ms-ToolPaneBody input[type="number"], .ms-ToolPaneBody input[type="email"], .ms-ToolPaneBody input[type="url"], .ms-ToolPaneBody input[type="search"], .ms-ToolPaneBody input[type="tel"], .ms-ToolPaneBody input[type="color"], .ms-ToolPaneBody .uneditable-input {margin-bottom: 0px;width: auto;height: auto;line-height: 20px;padding-right: 0px;} .ms-ToolPaneBody label {display: inline-block;margin-bottom: 0px;} .ms-fullscreenmode #mainbody {margin-left: 0px;width: 100%;} /* Dialogs */ .ms-dialog .container-fluid {padding: 0 !important;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo BASE BOOTSTRAP SP TEMPLATE (BRANDING RELATED) oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Main row container */ .row-fluid {margin-top: 20px;} /* Mobile side nav button */ #cpw_btn-sideNavBox {font-size: 20px; font-weight: bold; height: 20px;} #cpw_btn-sideNavBox span {float: left; width: 100%; height: 100%; background: url("../images/controls.png") no-repeat center -143px;} #cpw_btn-sideNavBox.open span {background: url("../images/controls.png") no-repeat center -186px;} #cpw_btn-sideNavBox.btn, #cpw_btn-sideNavBox.btn:hover {background: #9bc3e7 !important; background-position: 0 0 !important;} /* Mobile search button */ .cpw_btn-search {display: none; text-decoration: none !important; width: 49px; height: 48px; background: url("../images/ico-search.png") no-repeat; position: relative; left: 20px; top: 30px; float: left;} .cpw_btn-search span {} /* Form labels */ .label {text-shadow: none; background: #9bc3e7; color: #444; font-size: 13px;} .label .ms-inputformdescription {color: #444;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo BRANDING RELATED RESPONSIVE ADJUSTMENTS oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ @media (min-width: 1200px) { } @media (max-width: 979px) { } @media (max-width: 940px) { /* Wordmark */ #cpw_wordmark h1 {letter-spacing: .65em !important;} } @media (max-width: 767px) { /* oooooooooooooooooooooooooooooooooooooooooooooooooooooo MASTER PAGE ELEMENTS oooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Base elements */ body {padding-right: 0px; padding-left: 0px; width: 320px !important;} [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"], #sideNavBox.span3 {-moz-box-sizing: border-box; float: none; margin-left: 0; width: 100%;} /* Suite bar and ribbon */ #suiteBar, #s4-ribbonrow {} /* SP and custom page wrappers */ #cpw_page-wrap {margin: 5px 5px 35px 5px!important; min-width: 300px !important; padding-bottom: 20px !important;} #DeltaPlaceHolderMain {float: none !important;} #s4-bodyContainer {width: 340px !important; padding: 0px 5px 0px 5px; max-width: 340px !important; margin: 0 !important;} /* Page title */ .ms-core-pageTitle { white-space: normal; font-size: 1.25em; } /* Footer */ footer {margin-top: -20px;} .cpw_foot-links {margin-left: 0 !important;} .cpw_foot-links-content a {float: left !important; padding-left: 5px !important; width: 100%;} .cpw_social {float: left !important; margin-top: 10px !important;} /* oooooooooooooooooooooooooooooooooooooooo MASTHEAD TRAY oooooooooooooooooooooooooooooooooooooooo */ #cpw_masthead-tray {} /* Search box */ .searchbox {float: none;} /* oooooooooooooooooooooooooooooooooooooooo MAIN NAVIGATION oooooooooooooooooooooooooooooooooooooooo */ /* OOTB mobile portrait size applied to mobile landscape size */ .navbar-fixed-top, .navbar-fixed-bottom {position: static;} .navbar-fixed-top {margin-bottom: 20px;} .navbar-fixed-bottom {margin-top: 20px;} .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 5px;} .navbar .container {width: auto;padding: 0;} .navbar .brand {padding-right: 10px;padding-left: 10px;margin: 0 0 0 -5px;} .nav-collapse {clear: both;} .nav-collapse .nav {float: none;margin: 0 0 10px;} .nav-collapse .nav > li {float: none;} .nav-collapse .nav > li > a {margin-bottom: 2px;} .nav-collapse .nav > .divider-vertical {display: none;} .nav-collapse .nav .nav-header {color: #777777;text-shadow: none;} .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {padding: 9px 15px;font-weight: bold;color: #777777;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .nav-collapse .btn {padding: 4px 10px 4px;font-weight: normal;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;} .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {background-color: #f2f2f2;} .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {color: #999999;} .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {background-color: #111111;} .nav-collapse.in .btn-group {padding: 0;margin-top: 5px;} .nav-collapse .dropdown-menu {position: static;top: auto;left: auto;display: none;float: none;max-width: none;padding: 0;margin: 0 15px;background-color: transparent;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .nav-collapse .open > .dropdown-menu {display: block;} .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {display: none;} .nav-collapse .dropdown-menu .divider {display: none;} .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {display: none;} .nav-collapse .navbar-form, .nav-collapse .navbar-search {float: none;padding: 10px 15px;margin: 10px 0;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);} .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {border-top-color: #111111;border-bottom-color: #111111;} .navbar .nav-collapse .nav.pull-right {float: none;margin-left: 0;} .nav-collapse, /* .nav-collapse.collapse {height: 0;overflow: hidden;}*/ .navbar .btn-navbar {display: block; margin-right: 10px !important;} .navbar-static .navbar-inner {padding-right: 10px; padding-left: 10px; } /* Custom stuff nav stuff starts here */ /* Structure */ .navbar { margin-bottom: 50px !important; } .navbar-inverse .navbar-inner { background: none !important; margin-right: 0px !important; margin-top: -50px; } .navbar-inner { box-shadow: none !important; } .navbar-inverse .btn-navbar { background: #00529b !important; border-radius: 8px; margin-right: 30px; } .navbar .nav { text-align: left !important; margin-bottom: 40px; } .nav-collapse, .nav-collapse.collapse {top: 40px;} /*.nav-collapse.in.collapse { overflow: visible; }*/ /* Nav icon button */ .navbar .btn-navbar {display: block;} .navbar .btn-navbar .icon-bar { width: 60px !important; height: 5px !important; margin: 8px 0; border-radius: 5px; background-color: #3079bd; } .navbar .btn-navbar .icon-bar + .icon-bar { background-color: #9bc3e7; } .navbar .btn-navbar .icon-bar + .icon-bar + .icon-bar { background-color: #fffeff; } /* Tabs */ .cpw_topnav {float: left; width: 100%; box-shadow: 0 3px 3px #ccc;} .cpw_topnav ul.mega-menu { display: block !important; } .cpw_topnav ul.mega-menu li { display: block !important; width: 100% !important; } .cpw_topnav ul.mega-menu li a { float: none !important; background: #fff !important; border-top: 1px dashed #e1dad4; text-align: left; color: #00549b !important;} .cpw_topnav ul.mega-menu > li > a {color: #00529b;} .cpw_topnav ul.mega-menu li:first-child a {border: 0;} .cpw_topnav ul.mega-menu li.mega-hover > a {color: #fff !important; background: #00529b !important; } .cpw_topnav ul.mega-menu .sub li.mega-hdr li a {color: #ada8a0 !important;} .cpw_topnav ul.mega-menu .sub li.mega-hdr li a:hover {color: #00529b !important;} /* Mega menu container */ .cpw_topnav ul.mega-menu li .sub-container { position: static !important; } .cpw_topnav ul.mega-menu li .sub-container .sub {padding: 0 !important; box-shadow: none;} .cpw_topnav ul.mega-menu li .sub li {width: 100% !important;} .cpw_topnav ul.mega-menu li .sub .row {margin: 0 !important; padding: 0 !important; width: 100% !important;} .cpw_topnav ul.mega-menu li .sub li.mega-hdr {margin-left: 0 !important; padding: 5px 10px !important; border-top: 1px dashed #ccc;} .cpw_topnav ul.mega-menu li .sub .row li.mega-hdr:first-child {border: 0;} /* oooooooooooooooooooooooooooooooooooooooo WORDMARK & LOGO oooooooooooooooooooooooooooooooooooooooo */ /* Wordmark */ #cpw_wordmark {margin-left: 0 !important;} #cpw_wordmark h1 {letter-spacing: 0em !important; font-size: 19px !important; margin-top: 0;} /* Logo image */ .cpw_logo {float: none; text-align: center;} .cpw_logo .ms-siteicon-img {width: 104px; margin-right: 60px;} .cpw_searchmaster .cpw_logo .ms-siteicon-img {margin-right: 0;} /* Mobile search button */ .cpw_btn-search {display: inline-block !important;} /* oooooooooooooooooooooooooooooooooooooooo MAIN CONTENT AREA oooooooooooooooooooooooooooooooooooooooo */ /* Don't restrict iframe related content (ex. twitter widget) */ .cpw_page iframe {width: 100%;} /* Side nav */ #sideNavBox.sidebar-nav {padding: 0;} #sideNavBox {position: static !important; width: 0 !important; overflow: hidden !important;} #sideNavBox.collapse {margin: 0 !important; height: 0;} #sideNavBox.in {width: auto !important; margin-top: 10px !important;} /* oooooooooooooooooooooooooooooooooooooooo WEB PARTS oooooooooooooooooooooooooooooooooooooooo */ /* All web parts */ .cpw_page .ms-WPBody {height: auto !important; margin-top: 5px !important;} #cpw_zone-sidebar2 .ms-WPBody, #cpw_zone-sidebar2 .ms-wpContentDivSpace {padding: 10px !important;} /* Content query based web parts */ /* Rotator */ .bx-wrapper {margin-bottom: 0 !important; /*height: 150px !important;*/} .bx-wrapper .bx-viewport {min-height: 180px !important;} .bx-wrapper .title {font-size: 24px !important; color: #0f0e1a !important; margin: 0px 10px !important; padding: 0 !important;} .banner_rotator.cbq-layout-main .bx-wrapper .image {padding: 0 !important; width: 320px !important; height: 116px !important;} .bx-wrapper .dfwp-item {max-width: 320px;} .bx-wrapper .banner-image {width: 100%;} .bx-wrapper .banner-image a {position: absolute; z-index: 9999; /*border-left: 60px solid blue; border-right: 60px solid blue; margin-top: -10px;*/} .bx-wrapper .banner-caption {background: none !important; top: 155px; position: static !important; float: left; clear: both; margin-top: 130px; height: 50px; overflow: hidden; } .bx-wrapper .title {line-height: 1em !important;} .bx-wrapper .bx-controls.bx-has-pager.bx-has-controls-direction {height: 0;} .bx-wrapper .bx-controls-direction {height: 0; position: relative; z-index: 9999; top: -198px;} .bx-wrapper .bx-controls-direction a {margin-top: 43px !important; /*top: 75px !important;*/} .bx-wrapper .bx-pager {display: none;} .bx-wrapper .bx-prev {} .bx-wrapper .bx-next {right: 20px !important;} .cpw_page #cpw_zone-r1 .ms-WPBody { margin-top: 0px !important; } .cbq-layout-main .link-item {margin: 0 !important;} .cbq-layout-main .image {float: left; padding: 1%;} .cbq-layout-main .cpw_read-more-link {float: right;} .cbq-layout-main .cpw_read-more-link a:before {content: "" !important;} .cbq-layout-main .image-area-left {padding-right: 0 !important;} #cpw_zone-sidebar2 .image-area-left {padding-right: 15px !important;} /* Content Editor Image Max size*/ /* .ms-WPBody img {max-width: 90px !important;} */ /* oooooooooooooooooooooooooooooooooooooooo SPECIFIC LAYOUTS / PAGE OVERRIDES oooooooooooooooooooooooooooooooooooooooo */ /* Home page */ #cpw_homepage #cpw_zone-r3 {margin-left: 0 !important; width: 100% !important;} #cpw_homepage #cpw_zone-r3 .cpw_zone-left {border-bottom: 1px solid #f7f2ea; margin-top: -15px !important; border-right: 0 !important;} #cpw_homepage #cpw_zone-r4 img {margin: 0 0px 5px !important;} .image {margin-top: 4px !important;} /* Topic page */ #cpw_topicpage .row-fluid {margin-top: 0 !important;} #cpw_topicpage .article-content {padding-bottom: 0 !important;} #cpw_topicpage #cpw_zone-r1 {margin-top: -20px !important;} #cpw_topicpage #cpw_zone-r1 .ms-WPBody {padding: 10px !important;} #cpw_topicpage #cpw_zone-r3 .ms-WPBody, #cpw_topicpage #cpw_zone-r2 .ms-wpContentDivSpace {height: auto !important; overflow: visible !important;} #cpw_topicpage #cpw_zone-r4 {margin-left: 0 !important; width: 100% !important; padding-top: 20px;} #cpw_topicpage #cpw_zone-r4 .panel .span6 {padding: 5px !important;} #cpw_topicpage #cpw_zone-r4 .cpw_zone-left {border-bottom: 1px solid #f7f2ea; margin-top: -15px !important; border-right: 0 !important;} #cpw_topicpage #cpw_zone-r4 .ms-WPBody {padding-top: 20px;} #cpw_topicpage #cpw_zone-r4 .ms-WPBody img {padding: 0 !important; width: 90%;} /* Parks page */ #cpw_parkpage #cpw_zone-r1 {margin-top: -20px !important;} #cpw_parkpage #cpw_zone-sidebar2 .ms-WPBody .cbq-layout-main img {max-width: 90px !important;} .CPW_Address_Title {margin-top: 10px; margin-left: 4px !important;} .CPW_Address {margin-left: 4px !important;} .image {margin-top: 20px;} /* Article pages */ #cpw_articlepage #cpw_zone-r1 {margin-top: -20px !important;} .cpw_page .article {width: 100% !important;} .cpw_page .article-content {padding: 20px !important;} .cpw_pagetitle {padding-left: 5px; font-size: 24px !important;} /* All custom layouts */ [class*="cpw_zone"] {height: auto !important;} .cpw_mobile-thumbnails-25 .ms-WPBody img, .cpw_mobile-thumbnails-25 .ms-rtestate-field img {float: left; width: 25%; padding: 5px;} .cpw_mobile-thumbnails-50 .ms-WPBody img, .cpw_mobile-thumbnails-50 .ms-rtestate-field img {float: left; width: 50%; padding: 5px;} .cpw_mobile-thumbnails-75 .ms-WPBody img, .cpw_mobile-thumbnails-75 .ms-rtestate-field img {float: left; width: 75%; padding: 5px;} /* Multi-use - any layout */ .mfloatright {float: right;} .mfloatleft {float: left;} /* oooooooooooooooooooooooooooooooooooooooo SEARCH PAGES oooooooooooooooooooooooooooooooooooooooo */ /* Search home page */ .ms-searchCenter-main {width: 100% !important; margin-top: 0 !important; min-height: 0 !important;} /* Search side nav (search master only) */ .cpw_searchmaster #sideNavBox {display: none !important;} /* Search other main wrappers */ .cpw_searchmaster .row-fluid {margin-top: 0 !important;} .cpw_searchmaster .sideNavBox {display: none !important;} /* Search refiner (search center only) */ .ms-searchCenter-refinement {display: none !important;} /* Search hover panel (all) */ .ms-srch-hover-outerContainer {display: none !important;} /* Search box (search center only) */ .cpw_searchmaster #DeltaPlaceHolderMain .ms-srch-sbLarge {margin-left: 35% !important; width: 100%;} /* Search result source nav */ .ms-srchnav-item {margin: 0 !important;} .ms-srchnav-list {margin: 0 8px !important; float: left !important; width: 100% !important;} .ms-srchnav-list h2 {font-size: 17px !important;} /* Search results */ .cpw_searchmaster .ms-srch-result {margin-top: 0 !important;} .ms-srch-item {width: auto !important; margin: 0 !important; padding: 0 !important;} .ms-srch-people-outerContainer, .ms-srch-people-item, .ms-srch-people-item #UserInfoContainer {width: auto !important; float: left !important; } /* Search items */ .ms-srch-item {width: auto !important;} .ms-srch-item-path {word-break: break-word; word-wrap: break-word; white-space: normal; width: auto !important;} } /* Print layout to fix the print output for Chrome and IE, to not use the default smartphone layout */ @media print { #cpw_page-wrap {width: 700px !important;} .bx-has-controls-direction {display: none !important;} .hidden-print {display: none !important;} .article-content {width: 700px !important;} .ms-WPBody {width: 700px !important;} .span9 {width: 600px !important;} #cpw_masthead-tray {display: none !important;} footer {display: none !important;} .cpw_foot-links {display: none !important;} .btn-navbar {display: none !important;} .cpw_social {display: none !important;} .cpw_social::after { page-break-after: avoid !important;} #cpw_page-wrap {background-color:transparent !important;} .cpw_btn-search {display: none !important;} .ms-WPBody {background-color:transparent !important;} .ms-WPBorder {background-color:transparent !important;} .ms-wpContentDivSpace {background-color:transparent !important;} .ms-webpart-zone {background-color:transparent !important;} div {background-color:transparent !important;} .cpw_zone-sidebar-right {display: inline !important; float: left !important;} } }