/********************************************************************** Colorado Parks and Wildlife SharePoint 2013 Branding (Main) v 1.0 ********************************************************************** */ /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo BASE CSS oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ html {height: 100%;} body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body, .ms-calloutLink:link, .ms-calloutLink:visited, .ms-calloutLinkDisabled, .ms-commandLink, .ms-commandLink:visited, .ms-secondaryCommandLink, .ms-secondaryCommandLink:visited, .ms-core-navigation, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a , .ms-core-pageTitle, .ms-core-pageTitle a, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header, .ms-blog-skinSelector, .ms-dlg-heading, h2.ms-dlg-heading, .ms-headerFont, .ms-viewselector-currentView, .ms-largeNumber, .ms-textXLarge, .ms-textLarge, .ms-metadata, .ms-descriptiontext, .ms-secondaryCommandLink, .ms-emptyMode, .ms-attractMode, input[type=button], input[type=reset], input[type=submit], button, h1, .ms-h1, h2, .ms-h2, h3, .ms-h3, h4, .ms-h4, h5, .ms-h5, h6, .ms-h6 {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;} h1, .ms-h1 {font-size: 20px; line-height: normal;} h2, .ms-h2 {font-size: 18px; line-height: normal;} h3, .ms-h3, h4, .ms-h4, h5, .ms-h5, h6, .ms-h6, h4, .ms-h4 {font-size: 16px; line-height: normal;} /* RTE Paragraphs */ .ms-rtestate-field p, p.ms-rteElement-P {line-height: inherit; padding: 0 2px 0px 2px;} /* RTE Heading styles */ h1, h1.ms-h1 {} .ms-rtestate-field h1, h1.ms-rteElement-H1B {padding: 0 3px;} h1.ms-rteElement-H1B a {color: #0f0e1a;} .ms-rtestate-field h2, h2.ms-rteElement-H2B {padding: 0 3px;} h2.ms-rteElement-H2B a {color: #0f0e1a;} .ms-rtestate-field h3, h3.ms-rteElement-H3B {padding: 0 3px;} h3.ms-rteElement-H3B a {color: #0f0e1a;} .ms-rtestate-field h4, h4.ms-rteElement-H4B {padding: 0 3px;} h4.ms-rteElement-H4B a {color: #0f0e1a;} body {background: #fff;} a, a:active, a:visited, .ms-link:visited {color: #0076B2; /*color: #00539b;*/} a:hover {} input {height: auto !important;} /* Style remover */ .strip_style {margin: 0 !important;padding: 0 !important;border-color: transparent !important;background: none !important;width: auto !important;} /* Margin only remover */ .strip_margin {margin: 0 !important;} /* Master page specific body wrappers */ body.cpw_sitemaster {} body.cpw_sysmaster {} body.cpw_searchmaster {} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo RIBBON oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Custom main wrapper */ #cpw_ribbonwrap {} /* Hide Follow button */ #site_follow_button {display: none !important;} /*Hide Sign in button on anonymous */ #ctl00_SPSecurityTrimmedControl1 {display: none !important;} /* oooooooooooooooooooooooooooooooooooooooo SUITE BAR oooooooooooooooooooooooooooooooooooooooo */ /* Suite bar main wrapper */ #suiteBar {} /* Suite bar left area */ #suiteBarLeft {background-color: #00549b !important; filter: none !important;} /* Suite bar links */ #suiteBarLeft .ms-core-suiteLink-a:hover {background: #fff; color: #000 !important;} /* Suite bar brand logo */ #suiteBarLeft .ms-core-brandingText {display: none;} /* Suite bar right area */ #suiteBarRight {} /* Help */ #ms-help {} /* oooooooooooooooooooooooooooooooooooooooo SP MENU CONTROLS oooooooooooooooooooooooooooooooooooooooo */ /* Site action & welcome menu */ /* Main wrapper */ .ms-siteactions-root {cursor: pointer;} /* Tab label */ .ms-siteactions-normal {} .ms-siteactions-normal {color: #fff; font-weight: normal;} #suiteBar .ms-siteactions-normal {color: #666;} .ms-siteactions-hover {color: #fff;} #suiteBar .ms-siteactions-hover {color: #fff;} /* Site action icon */ .ms-siteactions-root > span > a.ms-core-menu-root {} .ms-siteactions-imgspan img.ms-core-menu-buttonIcon {} .ms-siteactions-imgspan {} /* Welcome menu */ #welcomeMenuBox {} .ms-welcome-root {} .ms-welcome-root > a.ms-core-menu-root, .ms-signInLink {} .ms-welcome-hover > a.ms-core-menu-root, .ms-signInLink:hover {color: #000;} /* Welcome menu arrow */ .ms-core-menu-arrow {} .ms-core-menu-arrow img {} #suiteBar .ms-siteactions-root > span > a.ms-core-menu-root {} /* Hover state */ .ms-welcome-hover, .ms-siteactions-hover {background-color: #fff; border-color: transparent;} .ms-welcome-hover, .ms-siteactions-hover {} /* Flyouts wrappper */ .ms-core-menu-box, .ms-core-menu-boxBig {background-color: #00549b;} /* Flyout links */ .ms-core-menu-link:link, .ms-core-menu-link:visited {color: #fff;} /* Flyout hover state */ .ms-core-menu-item:hover {background-color: #f7f2ea !important;} .ms-core-menu-item:hover .ms-core-menu-link:link, .ms-core-menu-item:hover .ms-core-menu-link:visited {color: #00549b; text-decoration: none;} #zz12_TopNavigationMenu {display:none;} /* oooooooooooooooooooooooooooooooooooooooo RIBBON ROW oooooooooooooooooooooooooooooooooooooooo */ /* Ribbon main wrapper */ #s4-ribbonrow {background: #f7f2ea; } /* Focus on content modifier button */ body.ms-fullscreenmode {} body.ms-fullscreenmode #contentBox {margin-left: 5px;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo PAGE STATUS BAR oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Page status bar main wrapper */ /* This styling adjusts the status bar to work with the margin-bottom value set to the #s4-ribbonrow above. */ #DeltaPageStatusBar {float: left; width: 100%;} /* Page status bar */ #pageStatusBar {margin-bottom: 0 !important;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo MASTER PAGE WRAPPERS oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* SP main page wrappers */ #s4-workspace {} #s4-bodyContainer {width: auto !important; max-width: 1024px; margin: auto; padding: 0;} /* Custom child wrapper for #s4-bodyContainer */ #cpw_page-wrap {min-width: 1000px; background: #f7f2ea; margin: 20px 20px; border-top: 1px solid transparent; /* Helps remove space at the top on system pages */} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo HEADER oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Used to reset the ootb styles on the title row tag for team sites; used for the fullscreen button in SP */ #s4-titlerow {background-color: transparent; margin: 0; padding: 0; height: auto; float: left; width: 100%;} /* oooooooooooooooooooooooooooooooooooooooo MASTHEAD TRAY oooooooooooooooooooooooooooooooooooooooo */ /* Structural containers */ #cpw_masthead-tray {margin-top: -30px; text-align: center;} #cpw_masthead-tray .cpw_tray-content {display: inline-block; background: #fff; padding: 10px 10px 0 10px;} #cpw_masthead-tray .cpw_tray-content a {} /* oooooooooooooooooooooooooooooooooooooooo TERTIARY NAV BAR oooooooooooooooooooooooooooooooooooooooo */ /* Tertiary nav wrapper */ #cpw_masthead-tray .cpw_tertiary-nav {margin: 5px 15px 5px 0px;} #cpw_masthead-tray .cpw_tray-content .cpw_tertiary-nav a {margin: 0 10px; color: #a7a298;} /* oooooooooooooooooooooooooooooooooooooooo WORDMARK & LOGO oooooooooooooooooooooooooooooooooooooooo */ /* Wordmark */ #cpw_wordmark {float: left; width: 100%; margin-left: 0px;} #cpw_wordmark h1 {font-family: "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; letter-spacing: .85em; text-align: center;} #cpw_wordmark a h1 {color: #333333;} #cpw_wordmark a:hover {text-decoration: none;} /* Logo image wrapper */ .cpw_logo {position: relative; z-index: 99;} /* Logo image */ .ms-siteicon-img {float: right; max-width: none; max-height: none;} /* oooooooooooooooooooooooooooooooooooooooooooooooooo SEARCH BOX oooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Search box main wrapper */ .cpw_tray-content .searchbox {} /* Search inner wrapper */ .cpw_tray-content .searchbox .ms-mpSearchBox {width: auto !important;} .cpw_tray-content .searchbox #searchInputBox {margin-bottom: 0;} /* Search WP body area */ .cpw_tray-content .searchbox .ms-WPBody {padding: 0;} /* Search field */ .cpw_tray-content .searchbox input { margin-bottom: 0px; /* width: 180px; */ background-color: transparent !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .cpw_tray-content .searchbox .ms-srch-sb-borderFocused, .cpw_tray-content .searchbox .ms-srch-sb-border { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; } /* Search link */ .cpw_tray-content .searchbox .ms-srch-sb-searchLink {} /* Result source */ /* Result source link wrapper */ .cpw_tray-content .searchbox .ms-srch-sb-navLink {} /* Result source drop down arrow */ .cpw_tray-content .ms-srch-sb-navImg {} .cpw_tray-content .ms-srch-sb-navImg:hover, .cpw_tray-content .ms-srch-sb-navLink-menuOpen > .ms-srch-sb-navImg {} /* Result source drop down fly out container */ .cpw_tray-content .ms-qSuggest-container {background-color: #00549b; color: #fff; text-align: left;} /* Result source drop down links */ .cpw_tray-content .ms-qSuggest-listItem{} .cpw_tray-content .ms-qSuggest-hListItem {background: #f7f2ea; color: #00549b;} /* Hide Links for Folow and Open Library in search result info box */ .ms-srch-hover-action > a[id*="hoverFollow"] {display: none !important;} .ms-srch-hover-action > a[id*="hoverParentLink"] {display: none !important;} /* Align search result icons */ .ms-srch-item-icon {margin-top: 7px;} /* Style search box web part */ .ms-srch-sbLarge {background-color: #F7F2EA;} #searchImg {max-width: none;} /* oooooooooooooooooooooooooooooooooooooooo MAIN NAVIGATION oooooooooooooooooooooooooooooooooooooooo */ /* Structural - outer containers */ #topnavbar.navbar {margin-bottom: 0; margin-top: -40px;} .navbar-inverse .navbar-inner {background: #00529b; border: 0; filter: none; margin-right: 145px; border-radius: 0;} .navbar-inverse .btn-navbar {position: relative; z-index: 99; background: none; border: 0; filter: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0);} /* Structural - content container */ .navbar .nav {display: none; position: static; float: none; text-align: center;} /* Tab links */ .navbar-inverse .nav li.static > a {box-shadow: 0 0 0 rgba(0, 0, 0, 0);} .navbar-inverse .nav li.static > a.selected, .navbar-inverse .nav li.static > a:hover {color: #00529b; background: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0);} /* Hide default home tab (don't use when using managed navigation for the global nav */ .navbar-inverse li.static > a {display: none !important;} .navbar-inverse li.static > ul a {display: block !important;} /* oooooooooooooooooooooooooooooooooooooooo BREADCRUMBS oooooooooooooooooooooooooooooooooooooooo */ /* Breadcrumb main wrappers */ #cpw_breadcrumbs {margin-left: 0; margin-top: 10px;} #cpw_breadcrumbs .s4-breadcrumb {float: left;} /* Page title */ #cpw_breadcrumbs .ms-core-pageTitle {display: none; float: right; font-size: 14px; margin-top: 1px; padding-left: 5px; /*background: transparent url('../Images/glyphicons-halflings.png') no-repeat -455px -69px;*/} #cpw_breadcrumbs .ms-core-pageTitle:before {content: ">";} /* Page title links */ #cpw_breadcrumbs .ms-core-pageTitle a {} #cpw_breadcrumbs .ms-core-pageTitle a:hover {} /* Carrot */ #cpw_breadcrumbs .s4-breadcrumb-arrowcont {background: none;} #cpw_breadcrumbs .s4-breadcrumb-arrowcont:after {content: ">"; margin-left: 4px;} #cpw_breadcrumbs span[id*="ClusteredDirectionalSeparatorArrow"]:before {content: ">";} #cpw_breadcrumbs span > img {display: none;} #cpw_breadcrumbs span {height: auto !important; width: auto !important;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo MAIN BODY oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo SIDE NAVIGATION oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Main wrapper */ #sideNavBox {margin-top: 15px; padding-bottom: 20px; background: none; border: 0; box-shadow: none; -moz-box-shadow: none; text-align: left; overflow: visible; height: auto;} /* SP's remove left margin overrider */ #sideNavBox .ms-core-sideNavBox-removeLeftMargin {margin-left: 0;} /* Menu item links */ #sideNavBox .ms-core-listMenu-item, #sideNavBox .ms-core-listMenu-item:link, #sideNavBox .ms-core-listMenu-item:visited, #sideNavBox .ms-tv-item:link, #sideNavBox .ms-tv-item:visited, #sideNavBox .ms-tv-header:link, #sideNavBox .ms-tv-header:visited {font-size: 16px; color: #1b1d2d; text-transform: capitalize; padding-left: 4px;} #sideNavBox .ms-core-listMenu-item{border-top: 1px dashed #ccc;} #sideNavBox .ms-core-listMenu-root > li > .ms-core-listMenu-item:first-child {border-top: 0; } /* Menu item links: hover/selected states */ #sideNavBox li > a.ms-core-listMenu-item.ms-core-listMenu-selected {background: none; color: #1b1d2d;} #sideNavBox li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, #sideNavBox li > a.ms-core-listMenu-item:hover {background: none; color: #00549b; text-decoration: underline;} #sideNavBox li > a.ms-core-listMenu-item:active {background: none; color: #00549b;} /* Second level menu items */ #sideNavBox .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {font-size: 14px; padding: 4px 4px; text-transform: none;} /* HR rules */ #sideNavBox hr {display: none;} /* oooooooooooooooooooooooooooooooooooooooo TREE VIEW / METADATA oooooooooooooooooooooooooooooooooooooooo */ /* Main wrapper */ .ms-tv-box {margin-left: 0;} /* Key filters main wrapper */ .ms-KFMenu {width: auto !important;} /* Key filters head wrapper */ .ms-KFHead { background: #c9dbe8; background: -moz-linear-gradient(top, #c9dbe8 0%, #f8fafa 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9dbe8), color-stop(100%,#f8fafa)) !important; background: -webkit-linear-gradient(top, #c9dbe8 0%,#f8fafa 100%) !important; background: -o-linear-gradient(top, #c9dbe8 0%,#f8fafa 100%) !important; background: -ms-linear-gradient(top, #c9dbe8 0%,#f8fafa 100%) !important; background: linear-gradient(to bottom, #c9dbe8 0%,#f8fafa 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dbe8', endColorstr='#f8fafa',GradientType=0 ) !important; } /* Grip bars (expands/collapses side nav when present */ #navresizerVerticalBar {border-color: transparent;} #navresizerHorizontalBar {background: none; height: 1px;} /* oooooooooooooooooooooooooooooooooooooooo SIDE NAV WEB PARTS oooooooooooooooooooooooooooooooooooooooo */ /* Default styled in web zone / web part section. */ /* Article Page with custom nav layout */ #sideNavBox .row-fluid.margin-mod { margin-top: -8px; } /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo MAIN CONTENT AREA oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Main content area wrapper */ #cpw_content-row {} .cpw_sitemaster #cpw_content-row {margin-top: -20px;} /* oooooooooooooooooooooooooooooooooooooooo PAGE LAYOUTS oooooooooooooooooooooooooooooooooooooooo */ /* Layout wrappers */ /* Welcome based */ #cpw_homepage {} /* Article based */ #cpw_articlepage {} #cpw_parkpage {} #cpw_topicpage {} /* All custom layouts */ .cpw_page {} /* Out of the box layout wrappers */ .welcome {float: left; width: 100%;} .article {float: left; width: 100%; margin-top: 10px !important;} /* oooooooooooooooooooooooooooooooooooooooo WEB ZONES oooooooooooooooooooooooooooooooooooooooo */ /*------------------------- MAIN CONTENT AREA ZONES -------------------------*/ /* All zones */ div[class*="cpw_zone"] {} /* Row zones (main zones) */ #cpw_zone-r1 {} #cpw_zone-r2 {} #cpw_zone-r3 {} #cpw_zone-r4 {} /* Sidebar zones */ #cpw_zone-sidebar1 {margin-top: 50; padding-top: 50;} #cpw_zone-sidebar1 .ms-WPBody {padding: 0px 0;} #cpw_zone-sidebar2 {} #cpw_zone-sidebar2 .ms-webpart-zone .ms-webpartzone-cell:first-child .ms-webpart-chrome-title {margin-top: -38px;} #cpw_zone-sidebar2 .ms-WPBody, #cpw_zone-sidebar2 .ms-wpContentDivSpace {padding: 0 5px;} #cpw_zone-sidebar2 .cbq-layout-main {padding: 0 5px;} #cpw_zone-sidebar2 .image-area-left {padding-right: 15px;} #cpw_zone-sidebar3 {padding: 60px 10px 0px 0px;} /* Row dividers */ .cpw_divider {border-top: 1px solid #ccc;} .cpw_divider-solo {border-top: 1px solid #ccc; margin-top: 15px;} /* oooooooooooooooooooooooooooooooooooooooo WEB PARTS oooooooooooooooooooooooooooooooooooooooo */ /*------------------------- All Web Parts -------------------------*/ /* WP main wrapper */ .ms-webpartzone-cell {margin: auto;} /* Apply some vertical padding for multiple web parts within a zone (NOT CURRENTLY USED) */ /* .ms-webpartzone-cell + .ms-webpartzone-cell {padding-top: 5px;} */ /* WP chrome title */ .ms-webpart-chrome-title {margin-top: 10px; padding: 0px 0px 0px 4px;} /* Zone specific */ .cpw_zone-sidebar-right .ms-webpart-chrome-title {margin-top: 0;} /* WP title text */ .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {font-weight: bold; color: #060419; padding: 4px 0px 0px 0px; margin: 0; text-align:left !important;} /* Remove break row from WebPart header */ .ms-webpart-titleText nobr { white-space: normal !important; } /* WP body (main content area only) (make sure any padding set here is the same as what gets applied to .ms-webpart-chrome-title so to prevent border inconsistencies when a web part width is manually set via the authoring experience */ .ms-wpContentDivSpace, .ms-WPBody {padding: 5px; height: 100%;} .ms-WPBorder, .ms-WPBorderBorderOnly {background: #e0d1b8; border: 0;} .ms-WPBody a {color:#0076B2;} /* Zone specific */ .cpw_zone-sidebar-right .ms-WPBody, .cpw_zone-sidebar-right .ms-wpContentDivSpace {margin-bottom: 20px;} /* Search result Paging arrows - disable bootstrap behavior */ #Paging img {max-width: none;} /*------------------------- Summary Links WPs -------------------------*/ /* WP: Summary links main wrapper */ .slm-layout-main {} /* WP: Summary links edit item menu */ .slm-edit-ecb div {} .slm-layout-main .ms-menuimagecell {border-color: transparent;} /*------------------------- News and Events WPs -------------------------*/ /* Replace bullet */ #WebPartWPQ8 .ms-rtestate-field > ul > li { } /*------------------------- Content Query WPs -------------------------*/ /* Main content wrapper */ .cbq-layout-main {} /* CQWP list wrapper */ .cbq-layout-main .dfwp-list {margin-left: 0;} /* CQWP item */ .cbq-layout-main .dfwp-item {padding-bottom: 0px;} .cbq-layout-main .item {padding: 0;} /* CQWP link item */ .cbq-layout-main .link-item {margin: 8px 10px;} /* CQWP title links */ .cbq-layout-main .link-item > a {font-size: 15px; font-weight: bold; color: #0f0e1a;} /* CQWP description */ .cbq-layout-main .description {margin-top: 5px;} /* CQWP image rollups */ .cbq-layout-main .image {} /*------------------------- Search WPs -------------------------*/ /* Search box */ .ms-srch-sbLarge > input {font-size: 14px;} .ms-srch-sbLarge-fullWidth {width: auto;} /* Search core results main wrapper */ .ms-srch-result {margin-top: 0;} /* Search core results body */ .ms-srch-item-body {display: block; width: auto !important; white-space: normal; word-break: break-word;} /* Search core results group */ .ms-srch-result-groups, .ms-srch-group {width: auto !important; white-space: normal; word-break: break-word;} /* Search core results item */ .ms-srch-item {width: auto; margin: 0;} /* Search core results title */ .ms-srch-ellipsis, .ms-srch-item-title {width: auto !important; white-space: normal; word-break: break-word;} .ms-srch-item-link {width: auto; word-wrap: break-word;} /* Search core results path items */ .ms-srch-item-path {width: auto; word-wrap: break-word; word-break:break-all;} /* oooooooooooooooooooooooooooooooooooooooo SPECIFIC LAYOUTS / PAGE OVERRIDES oooooooooooooooooooooooooooooooooooooooo */ /*----------------------------- Article related layouts ------------------------------*/ /* Article header */ .cpw_page .article .article-header { } #cpw_content-row > .row-fluid > .article-header {margin-top: 15px;} /* Page title */ .cpw_pagetitle {font-size: 24px; padding-bottom: 10px; line-height: 24px;} /* Captioned image */ .cpw_page .article .captioned-image img {} /* Caption text */ .cpw_page .article .caption {display: none;} /*------------------------- CPW Home Page Layout -------------------------*/ /* Specific Zones */ #cpw_homepage #cpw_zone-r1 {/*margin: 0;*/} #cpw_homepage #cpw_zone-r1 .ms-WPBody {padding: 0;} #cpw_homepage #cpw_zone-r2 {margin: 0;} #cpw_homepage #cpw_zone-r2 [class*="cpw_zone"] {background: #e0d1b8;} #cpw_homepage #cpw_zone-r2 .ms-WPBody {padding: 0;} #cpw_homepage #cpw_zone-r3 .panel {float: left; width: 100%; background: #d6ccbe;} #cpw_homepage #cpw_zone-r3 {/*margin-left: -20px; width: 980px;*/} #cpw_homepage #cpw_zone-r3 .cpw_zone-left {background: #4d5f43; border-right: 1px solid #f7f2ea;} #cpw_homepage #cpw_zone-r3 .cpw_zone-left .ms-webpart-titleText.ms-webpart-titleText, #cpw_homepage #cpw_zone-r3 .cpw_zone-left .ms-webpart-titleText > a {color: #fff;} #cpw_homepage #cpw_zone-r3 .cpw_zone-left .ms-SPZoneLabel .ms-webpart-zone-title {color: #fff;} #cpw_homepage #cpw_zone-r3 .cpw_zone-left .ms-WPBody, #cpw_homepage #cpw_zone-r3 .cpw_zone-left .ms-wpContentDivSpace {color: #fff;} #cpw_homepage #cpw_zone-r3 .cpw_zone-left a {color: #fff;} #cpw_homepage #cpw_zone-r3 .cpw_zone-middle .ms-WPBody, #cpw_homepage #cpw_zone-r3 .cpw_zone-middle .ms-wpContentDivSpace {padding-left: 0;} #cpw_homepage #cpw_zone-r3 .cpw_zone-right .cbq-layout-main .link-item > a {font-weight: normal;} #cpw_homepage #cpw_zone-r4 .ms-WPBody {padding: 0;} #cpw_homepage #cpw_zone-r4 img {margin: 0 !important;} #cpw_homepage .cpw_read-more-link {margin: 8px 10px;} /*-------------------------- CPW Park Page Layout ---------------------------*/ /* Specific web zones */ #cpw_parkpage #cpw_zone-r1 {/*margin-top: -20px;*/} #cpw_parkpage #cpw_zone-r1 .ms-WPBody {padding: 0;} #cpw_parkpage #cpw_zone-r2 {margin: 0;} #cpw_parkpage #cpw_zone-r2 .ms-WPBody {padding: 5px;} #cpw_parkpage #cpw_zone-r3 .panel {float: left; width: 100%; background: #d6ccbe;} #cpw_parkpage #cpw_zone-r3 {/*margin-left: -20px; width: 980px;*/} #cpw_parkpage #cpw_zone-r3 .cpw_zone-left {background: #4d5f43; border-right: 1px solid #f7f2ea;} #cpw_parkpage #cpw_zone-r3 .cpw_zone-left .ms-webpart-titleText.ms-webpart-titleText, #cpw_parkpage #cpw_zone-r3 .cpw_zone-left .ms-webpart-titleText > a {color: #fff;} #cpw_parkpage #cpw_zone-r3 .cpw_zone-left .ms-SPZoneLabel .ms-webpart-zone-title {color: #fff;} #cpw_parkpage #cpw_zone-r3 .cpw_zone-left .ms-WPBody, #cpw_parkpage #cpw_zone-r3 .cpw_zone-left .ms-wpContentDivSpace {color: #fff;} #cpw_parkpage #cpw_zone-r3 .cpw_zone-left a {color: #fff;} #cpw_parkpage #cpw_zone-r3 .cpw_zone-middle .ms-WPBody, #cpw_parkpage #cpw_zone-r3 .cpw_zone-middle .ms-wpContentDivSpace {padding-left: 0;} #cpw_parkpage #cpw_zone-r3 .cpw_zone-right .cbq-layout-main .link-item > a {font-weight: normal;} #cpw_parkpage #cpw_zone-r4 .ms-WPBody {padding: 0;} #cpw_parkpage #cpw_zone-r4 img {margin: 0 !important;} #cpw_parkpage #cpw_zone-sidebar2 .ms-webpart-cell-vertical:first-child {margin-top: 60px;} #cpw_parkpage #cpw_zone-sidebar2 .ms-WPBody .cbq-layout-main img {/*max-width: 75px !important;*/} /* Defaults */ /* Web parts */ #cpw_parkpage .ms-webpart-titleText.ms-webpart-titleText, #cpw_parkpage .ms-webpart-titleText > a {font-size: 17px;} /* Article related adjustments */ #cpw_parkpage .article {width: 105%;} #cpw_parkpage .article-content {background: url('../images/bg_texture1.jpg'); padding: 6px; margin-bottom: 10px;} /*------------------------------ CPW Article Page Layout ------------------------------*/ /* Specific web zones */ #cpw_articlepage #cpw_zone-r1 {/*margin-top: -20px;*/} #cpw_articlepage #cpw_zone-sidebar2 .ms-webpart-cell-vertical:first-child {margin-top: 60px;} #cpw_articlepage #cpw_zone-sidebar2 .ms-WPBody .cbq-layout-main img {max-width: 75px !important;} /* Defaults */ /* Web parts */ #cpw_articlepage .ms-webpart-titleText.ms-webpart-titleText, #cpw_articlepage .ms-webpart-titleText > a {font-size: 17px;} /* Article related adjustments */ #cpw_articlepage .article {width: 105%;} #cpw_articlepagenonav .article { width: 100%;} #cpw_articlepage .article-content {padding: 15px 0 0 0; /*margin-bottom: 20px;*/} /*-------------------------- CPW Topic Page Layout ---------------------------*/ /* Specific Zones */ #cpw_topicpage #cpw_zone-r1 {margin-top: 0;} #cpw_topicpage #cpw_zone-r1 .ms-WPBody {padding: 0;} #cpw_topicpage #cpw_zone-r3 {margin: 0;} #cpw_topicpage #cpw_zone-r3 .ms-WPBody, #cpw_topicpage #cpw_zone-r3 .ms-wpContentDivSpace {height: 360px; overflow: auto;} #cpw_topicpage #cpw_zone-r4 .panel {float: left; width: 100%; background: #d6ccbe;} #cpw_topicpage #cpw_zone-r4 .panel .span6 {padding: 15px;} /* oooooooooooooooooooooooooooooooooooooooo XSLT STYLE TEMPLATES oooooooooooooooooooooooooooooooooooooooo */ /*-------------------------------------- Rotator Web Part templates --------------------------------------*/ /* See jquery.bxslider.css */ /*-------------------------------------- Custom Query Web Part Templates See jquery.bxslider.css --------------------------------------*/ /* Read More Links */ .cpw_cqwp .cpw_read-more-link {font-weight: bold; text-transform: capitalize; margin: 8px 0px;} .cpw_cqwp .cpw_read-more-link a {color: #005580;} .cpw_cqwp .cpw_read-more-link a:before {content: ">> ";} /* Bullets */ .cpw_cqwp .bullet {padding-left: 30px !important; margin-left: 0 !important; background: url("../images/bullet.png") no-repeat; min-height: 25px;} /*-------------------------------------- OOTB style templates --------------------------------------*/ /* Image on left */ .image-area-left {padding-right: 15px; max-width: 91px;} /* Summary links bullet */ .slm-layout-main .bullet {padding-left: 30px !important; padding-right: 10px; margin-left: 0 !important; background: url("../images/bullet.png") 0px 10px no-repeat; min-height: 25px;} /* Title with background */ .title-With-Background {background-color: #ac9064;} /* Bullets */ .bullet a {font-weight: normal !important; color: #0f0e1a !important;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo PAGE EDIT MODE oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Web zone main wrapper */ .ms-SPZone.ms-webpart-zone {padding: 0; border-color: transparent !important;} /* Web zone inner wrappers */ .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, .ms-SPZone.ms-webpart-zone > div{padding: 0 !important;} #contentBox .ms-SPZone .ms-webpart-chrome-title {display: block !important;} .ms-SPZone .ms-wpContentDivSpace {padding: 0 1px 0 0 !important;} .edit-mode-panel {float: left; width: 99%;} .edit-mode-panel + .ms-table div[class*="tableCol"] {padding: 0 !important;} /* Roll up edit panel */ .edit-mode-panel.roll-up {float: left;} /* Float it to prevent it's background styling from bleeding above custom markup */ /* Add a web part buttons */ .ms-WPAddButton { padding: 6px; background: #f1eada; background: -moz-linear-gradient(top, #fffff 0%, #f8d830 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8d830)) !important; background: -webkit-linear-gradient(top, #ffffff 0%,#f8d830 100%) !important; background: -o-linear-gradient(top, #ffffff 0%,#f8d830 100%) !important; background: -ms-linear-gradient(top, #ffffff 0%,#f8d830 100%) !important; background: linear-gradient(to bottom, #ffffff 0%,#f8d830 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafa', endColorstr='#f8d830',GradientType=0 ) !important; border-radius: 8px 8px 0px 0px; } .ms-WPAddButton > a {color: #004b8d !important;} /*----------------------------- WP toolpane compensation -----------------------------*/ /* WP toolpane hook (i.e. the table ID wrapper that gets gets injected when the toolpane is launch, which wraps both the content area and the tool pane itself */ #MSO_tblPageBody {} /* Prevent web parts from overlapping the tool pane (z-index needed to overcome the special logo content overlapping.) */ #MSO_tblPageBody .ms-ToolPaneOuter {position: relative; z-index: 99; } /* Remove any custom background applied to global web part border class */ #MSO_tblPageBody .ms-ToolPaneOuter .ms-WPBorder {background: #fff;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo LIST, LIBRARY, FORM & STORE FRONT BACKEND VIEWS oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* oooooooooooooooooooooooooooooooooooooooo LIST TABLE FIELDS oooooooooooooooooooooooooooooooooooooooo */ /* List item table headers */ th .ms-vb, .ms-vh2-nofilter-icon, th.ms-vh2-nograd, th.ms-vh2-nograd-icon {color: #000;} /* Items */ .ms-vb, .ms-vb2, .ms-vb-user, .ms-vb-tall, .ms-pb, .ms-pb-selected { } /* List item row selected and hover states */ .s4-itm-selected > *, .s4-itm-selected > .ms-vb-imgFirstCell.ms-vb-imgFirstCell, .s4-itm-selected:hover > * { background-color: #ccc; color: #fff; border: #ccc;} /* List item row ellipsis */ .s4-itm-selected .ms-list-itemLink-td, .s4-itm-selected:hover .ms-list-itemLink-td {background-color: #aaa;} /* Item row selected links */ .s4-itm-selected .ms-subtleLink:link, .s4-itm-selected .ms-vb, .s4-itm-selected .ms-vb2, .s4-itm-selected .ms-vb-user, .s4-itm-selected .ms-vb-tall, .s4-itm-selected .ms-pb, .s4-itm-selected .ms-pb-selected, .s4-itm-selected .ms-vb a, .s4-itm-selected .ms-vb2 a, .s4-itm-selected .ms-vb a.ms-listlink, .s4-itm-selected .ms-vb2 a.ms-listlink, .s4-itm-selected .ms-vb-user a.ms-listlink, .s4-itm-selected .ms-vb a.ms-listlink:visited, .s4-itm-selected .ms-vb a.ms-listlink:visited:hover {color: #000;} /* oooooooooooooooooooooooooooooooooooooooo SP CALL OUT POPUPS oooooooooooooooooooooooooooooooooooooooo */ /* Maine wrapper */ .js-callout-mainElement {} /* Content wrapper (wraps header, body and footer) */ .js-callout-content {background: none;} /* Body wrapper */ .js-callout-body {} /* Header wrapper */ .js-callout-headerArea {} /* Footer wrapper */ .js-callout-footerArea {background: #ffe01b;} /* Close button link */ .js-callout-closeButton {} /* Call out / command links */ .ms-calloutLink:link, a.ms-calloutLink:visited, .ms-calloutLinkDisabled, .ms-commandLink, .ms-commandLink:visited, .ms-secondaryCommandLink, .ms-secondaryCommandLink:visited {} /* oooooooooooooooooooooooooooooooooooooooo SP FORMS & LABELS oooooooooooooooooooooooooooooooooooooooo */ /* Form label wrapper */ .ms-formlabel {white-space: normal;} /* Feature status */ .ms-featurestatus {background: rgb(0,68,132);} /* Form wrapper (ex. workflows) */ div[id*="PlaceHolderMain_XmlFormControl"] {width: auto !important;} /* Input description field (ex. search wp build your query window) */ .ms-inputformdescription {white-space: normal;} /* oooooooooooooooooooooooooooooooooooooooo APP ICONS & LIVE TILES oooooooooooooooooooooooooooooooooooooooo */ /* App icons */ .ms-storefront-appiconspan {} .ms-vl-apptilehover:hover, .ms-vl-apptileselected {} /* Live tiles wrappers */ .ms-tileview-tile-root {} .ms-tileview-tile-content {} /* Recent status msg */ .ms-vl-apptile .ms-vl-recent {} /* Store front store title (ex. Noteworthy apps) */ .ms-storefront-mngsubtitle {color: #444 !important;} /* oooooooooooooooooooooooooooooooooooooooo APP PARTS oooooooooooooooooooooooooooooooooooooooo */ /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo FOOTER oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Footer main wrapper */ footer {padding-bottom: 20px; padding-top: 10px; color: #a6a198;} footer a { color: #a6a198 !important; } /* Footer links */ .cpw_foot-links {float: left; margin-left: 15px; margin-bottom: 10px;} .cpw_foot-links-content a {padding-left: 20px;} .cpw_foot-links-content a:first-child {padding-left: 0;} /* Footer state logo icon */ .cpw_state { float: left; padding:0px;} /* Social icons */ .cpw_social {float: right; padding: 0px;} /* Hide Search result footer Links */ #ResultFooter > #AlertMeLi {display: none !important;} #ResultFooter > #Preferences {display: none !important;} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo SP MODAL DIALOG WINDOW oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Dialog hook (i.e. the class applied to the tag in the iframe's source, to distinguish it from markup in full browser pages */ .ms-dialog {} /*----------------------------------------------- Reset custom styles (not meant for dialogs) ------------------------------------------------*/ /* Disable non-dialog custom styling */ .ms-dialog body {background: none !important;} .ms-dialog #s4-bodyContainer, .ms-dialog #cpw_page-wrap {width: auto !important; min-width: 0 !important; margin: 0 !important; display: block !important; background: transparent; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);} .ms-dialog #contentBox {min-height: 0; min-width: 0; margin-left: 0;} .ms-dialog .ms-core-menu-link:link, .ms-dialog .ms-core-menu-link:visited {color: #444;} .ms-dialog #DeltaPlaceHolderMain {float: none;} /* ++++++++++++++++++++++++++++++++++++++++ DIALOG SPECIFIC STYLING ++++++++++++++++++++++++++++++++++++++++ */ /* Main dialog wrapper */ .ms-dlgContent { background: #f8f2ea; background: -moz-linear-gradient(top, #f8fafa 0%, #f8f2ea 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fafa), color-stop(100%,#f8f2ea)) !important; background: -webkit-linear-gradient(top, #f8fafa 0%,#f8f2ea 100%) !important; background: -o-linear-gradient(top, #f8fafa 0%,#f8f2ea 100%) !important; background: -ms-linear-gradient(top, #f8fafa 0%,#f8f2ea 100%) !important; background: linear-gradient(to bottom, #f8fafa 0%,#f8f2ea 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafa', endColorstr='#f8f2ea',GradientType=0 ) !important; } /* Border wrapper */ .ms-dlgBorder {} /* Title */ .ms-dlgTitle {} /* Buttons (ex. "x" close button) */ .ms-dlgTitleBtns {} /* iframe parent wrapper */ .ms-dlgFrameContainer {} /* iframe wrapper */ .ms-dlgFrame {} /* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo CUSTOM ADDITIONS AFTER PACKAGING oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */ /* Alert on Park Pages */ .CPW_alert { border-left-style:solid; border-left-width:3px; border-left-color:maroon; padding:4px; } .CPW_alert_header { color:maroon; font-size: 17px; } .CPW_LeftNavItem { font-size: 14px; text-transform: none; color: #1B1D2D; border-top: 1px dashed #CCCCCC; padding: 4px; } .CPW_Address_Title { color: #1B1D2D; margin-left: -6px; font-size: 14px; } .CPW_Address { color: #1B1D2D; margin-left: -5px; font-size: 12px; } .CPW_LeftNav a:hover .CPW_LeftNavItem { color: #005580; } .dfwp-column { padding-left: 0px; } #cpw_zone-sidebar1, .ms-webpart-titleText.ms-webpart-titleText, #cpw_zone-sidebar1, .ms-webpart-titleText > a { color: #1B1D2D; font-size: 16px; text-transform: capitalize; font-weight:normal; } #cpw_zone-sidebar2 .ms-WPBody, #cpw_zone-sidebar2 .ms-wpContentDivSpace { padding: 0; } /* Update table style */ .ms-rteTable-1 tr.ms-rteTableOddRow-1 { /* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter")] */background-color: #e0d1b8;} background-color: #e0d1b8;} /* Updated date under Conditions, Activities etc. on Park pages */ .CPW_LastUpdate { color: #999999; font-size: 12px; } /* Donate Button */ .link--donate{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;font-family:"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px;font-size:0.75em;line-height:1.28571em;line-height:36px;height:36px;border-radius:4px;font-weight:800;text-transform:uppercase;background-color:#ffc222;color:#282d27 !Important;-webkit-box-shadow:#ffb219 0 -1px 0 0 inset;-moz-box-shadow:#ffb219 0 -1px 0 0 inset;box-shadow:#ffb219 0 -1px 0 0 inset;} .link--donate:hover{text-decoration:none;} .link--donate:hover{color:#282d27;background-color:#ffd12a;} .link--donate:active{color:#282d27;-webkit-box-shadow:#ffb219 0 1px 0 0 inset;-moz-box-shadow:#ffb219 0 1px 0 0 inset;box-shadow:#ffb219 0 1px 0 0 inset;} @media only screen and (max-width: 500px) {a.link--donate {width: 75%; margin: 5px !IMPORTANT;}} /* Home page arrows on News list */ .arrowbullet { list-style: none; } .arrowbullet > li{ background: url('/PublishingImages/arrow-right.png') no-repeat 0 1px; margin-left: -20px; padding-left: 20px; } }