/* Styles for older toolbars that still linger */ /* Shifting the background on when AccountBar is showing on front end */ body.shiftEditAndAlert { background-position: center 52px !important; } body.shiftEditAndAlert > div[align="center"] { padding-top: 52px; } body.shiftEditAndAlert .liveEditIndicator { top: 54px; } body.shiftEditAndAlert .liveEditSettings { top: 80px; } body.shiftAlertAndDashboard { background-position: center 86px !important; } body.shiftAlertAndDashboard > div[align="center"], body.shiftAlertAndDashboard > div[align="left"] { padding-top: 84px; } body.shiftDashboard { background-position: center 32px !important; } body.shiftDashboard > div[align="center"], body.shiftDashboard > div[align="left"] { padding-top: 30px; } body.shiftAlert { background-position: center 52px !important; } body.shiftAlert > div[align="center"], body.shiftAlert > div[align="left"] { padding-top: 52px; } body.shiftAlertAdmin { padding-top: 30px; } .alertToolbar { width:100%; height:32px; z-index:1; background-image: url('/Common/images/GlobalToolbarBkg.png'); background-position: center bottom; background-repeat:repeat-x; position:relative; text-align: center; } /* Fix for the "fixed" position */ /* No longer necessary .alertBarEmpty { height:54px; } */ .commonToolbar { -moz-box-shadow: -6px 2px 6px rgba(0,0,0,.3); -webkit-box-shadow: -6px 2px 6px rgba(0,0,0,.3); box-shadow: -6px 2px 6px rgba(0,0,0,.3); font-size: 9pt; } .commonToolbar > .inner, .alertToolbar .alertToolbarInner { margin: 0px auto; max-width: 1400px; width: 94%; text-align: left; } .commonToolbar > .inner { padding: 4px 0px; position: relative; } .commonToolbar > .inner > ul { list-style: none; margin: 0px; padding: 0px; } .commonToolbar > .inner > ul > li { display: block; float: left; margin: 0px 5px 0px 0px; } .commonToolbar a.add > span { padding: 3px 0px 4px 4px; width: 18px; } .commonToolbar a.add > span > img { border: none; display: inline; margin: 0px; padding: 0px; } .commonToolbar .userMenu > .popOut, .commonToolbar .favoritesList { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3), inset 0px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3), inset 1px 1px 2px rgba(0,0,0,.2); box-shadow: 2px 2px 2px rgba(0,0,0,.3), inset 1px 1px 2px rgba(0,0,0,.2); } .commonToolbar .userMenu { float: right; margin-top: 0; position: relative; z-index: 2; } .commonToolbar .userMenu > a { text-decoration: none; } .commonToolbar .userMenu > a > span { font-family: Arial; font-size: 8pt; } .commonToolbar .userMenu > .popOut { position: absolute; right: 0px; top: 26px; } .commonToolbar .userMenu > .popOut > ul { list-style: none; margin: 0px; padding: 10px; white-space: nowrap; } .commonToolbar .userMenu > .popOut > ul > li { margin-bottom: 5px; } .commonToolbar .userMenu > .popOut a { text-decoration: none; } .commonToolbar .favoritesList { clear: both; margin: 0px 0px 0px 28px; overflow: hidden; padding: 10px; position: relative; z-index: 1; } .commonToolbar .favoritesList > p { margin: 0; } .commonToolbar .favoritesList > ul { float: left; list-style-type: square; margin: 0px; padding: 0px 0px 0px 2%; width: 18% } .commonToolbar .favoritesList > ul > li { margin: 0px 10px 8px 0px; position: relative; } .commonToolbar .favoritesList > ul > li > a { text-decoration: none; } .commonToolbar .favoritesList > ul > li > .edit { left: -1.5em; position: absolute; top: 0; visibility: hidden; } .commonToolbar .favoritesList > ul > li:hover { list-style-type: none; } .commonToolbar .favoritesList > ul > li:hover > .edit { visibility: visible; } .commonToolbar .favoritesList > ul > li > .edit > img { border: none; } .commonToolbar > .inner > p { margin: 2px 0 0; } .commonToolbar > .inner > .button { position: absolute; right: 3%; top: 3px; } .commonToolbar .userAlertSlider { position: absolute; right: 0; top: 0; width: 195px; /* .userAlert.width + .userAlert.paddingLeft + .userAlert.paddingRight */ } .commonToolbar .userAlert { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.3); box-shadow: 2px 2px 3px rgba(0,0,0,.3); padding: 10px 35px 10px 10px; position: fixed; top: 35px; width: 150px; } .commonToolbar .userAlert > img { float: left; } .commonToolbar .userAlert > span { display: block; margin-left: 20px; } .commonToolbar .userAlert > .close { position: absolute; right: 5px; top: 5px; } .commonToolbar .userAlert > .close > img { border: none; } /* Alert Toolbar */ .newCP .alertToolbar { z-index: 1002; height:54px; padding-right: 5%; padding-left: 8%; } .alertToolbar .alertToolbarInner { margin-left:0; position:static; width:auto; height:54px; } .alertToolbar .alertToolbarInner .alertText { width:350px; display:block; float:left; margin-right:-3px; border-right: 1px solid #000; height:53px; position: relative; } .alertToolbar .alertToolbarInner .alertText img { position:absolute; top:15px; } .alertToolbar .alertToolbarInner .alertText img.redDot { top: 5px; } .alertToolbar .alertToolbarInner .alertText img.alertTextImage { left:57px; } .alertToolbar .alertToolbarInner span.alertContainer { width:auto; display:block; margin-left: 351px; } .alertToolbar .alertToolbarInner span.alertContainer a.alert { display:inline-block; width:46%; height:53px; padding-left:7px; padding-right:7px; border-right: 1px solid #000000; border-left:1px solid #635e65; vertical-align: top; min-width:132px; margin-right:-4px; text-decoration:none; overflow:hidden; } .alertToolbar .alertToolbarInner span.alertContainer a.alert:first-child { border-left: 1px solid #635e65; } .alertToolbar .alertToolbarInner span.alertContainer a.alert span { text-decoration:none; display:block; } .mobileBar { text-align:center; height:38px; display:block; } .mobileBar span { display:block; padding-top:10px; } /* Styles for the new toolbar */ .cpToolbars { left: 0; font-size: 12px; margin: 0 !important; position: fixed; right: 0; top: 0; z-index: 101; } /* Resetting this for the non-v5 sites/screens that don't use box-sizing :( */ .cpToolbars * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .cpToolbar > * { z-index: 100; } .cpToolbars ol, .cpToolbars ul { margin: 0; list-style: none; } .cpToolbars > .cpToolbar { background-image: url('/Common/images/GlobalToolbarBkg.png'); background-position: center bottom; background-repeat: repeat-x; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px0 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3); position: relative; text-align: center; width: 100%; z-index: 1; } .cpToolbars > .cpToolbar > .inner { margin: 0 auto; max-width: 1400px; position: relative; text-align: left; width: 95%; } .cpToolbar > .inner .primary { float: left; } .cpToolbar > .inner .secondary { float: right; } .cpToolbars > .cpToolbar li { margin: 0; } .cpToolbars > .cpToolbar a:link, .cpToolbars > .cpToolbar a:visited, .cpToolbars > .cpToolbar a:hover, .cpToolbars > .cpToolbar a:focus, .cpToolbars > .cpToolbar a:active { text-decoration: none; } .cpToolbar .nav > li { display: block; float: left; position: relative; } .cpToolbar .nav > li a, .cpToolbar .menu .cpForm > li, .cpToolbar > .inner > p { display: block; line-height: 29px; padding: 0 12px; } .cpToolbar > .inner > p { float: left; margin: 0; padding: 1px 0 0; } .cpToolbar.public p > a:link, .cpToolbar.public p > a:visited, .cpToolbar.public p > a:hover, .cpToolbar.public p > a:focus, .cpToolbar.public p > a:active { text-decoration: underline; } /*.cpToolbar .nav > li > a { margin-bottom: 1px; }*/ .cpToolbar .nav > li a:hover, .cpToolbar .nav > li a:focus { background-color: rgba(0,0,0,.05); } /* Reapplying button styles that were clobbered just above */ .cpToolbar .nav .button { line-height: 1.4; margin: 3px 0; padding: 0 4px 0 0; } /*Adjustment so the toolbar looks good on the front end. Backend has calulation for toolbar height. Front end does not.*/ /*.cpToolbar.public { padding: 1px 0; }*/ .cpToolbar.public a.button { color: #555 !important; } .cpToolbar.public .nav a.button:active { background-color: transparent; } .cpToolbar .nav > li > img, .cpToolbar .nav > li > a > img { left: 12px; /* same as padding on */ position: absolute; top: 5px; } .cpToolbar .nav > li > a, .cpToolbar .menu a, .cpToolbar .menu .cpForm > li, .cpToolbar .menu input[type="checkbox"] + label { white-space: nowrap; } /* Adjustments to "reset" from Forms.css */ .cpToolbar .menu .cpForm, .cpToolbar .menu .cpForm > li, .cpToolbar .menu .cpForm > li > div, .cpToolbar .menu .cpForm > li > div > ol { float: none; margin: 0; width: auto; } .cpToolbar .menu input[type="checkbox"] { top: 9px; } .cpToolbar .nav .dropdown > a { padding-right: 25px; } .cpToolbar .nav .dropdown > a > .dropOut, .cpToolbar .nav .openNotifications > span > .dropOut { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top-style: solid; border-top-width: 4px; content: ""; display: block; top: 50%; height: 0; right: 12px; margin-top: -2px; opacity: .65; position: absolute; width: 0; } .cpToolbar .nav .dropdown .openNotifications .dropOut { right: 16px; } .cpToolbar .menu { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3); box-shadow: 2px 2px 2px rgba(0,0,0,.3); left: 0; margin-top: -1px; position: absolute; top: 102%; z-index: 2; } .cpToolbar .dropdown .menu { min-width: 100%; max-width: 400px; } .cpToolbar .menu.flip { left: auto; right: 0; } .cpToolbar .menu.mega { margin-top: 1 px; padding: 8px 12px; right: 0; } .cpToolbar .dropdown .menu { left: 0; } .cpToolbar .dropdown .menu.flip { left: auto; right: 0; } .toolbar .toolbarLogin { left: auto; max-width: 480px; /*max-width: 340px;*/ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 8px 20px !important; right: 0; } .toolbar .toolbarLogin li.left { font-size: 10pt; margin-bottom: 6px; padding: 0 1%; } .cpToolbar .dropdown .menu li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .cpToolbar .list > ol { float: left; list-style: none; margin: 0; padding: 0; width: 25%; } .cpToolbar .list li { margin: 0px 10px 8px 0px; position: relative; } .cpToolbar .list li > a { text-decoration: none; white-space: normal; } /* Favorites */ .cpToolbar .favoritesMenu > p { margin: 0; } .cpToolbar .favoritesMenu > ol { list-style: circle; width: 25%; } .cpToolbar .favoritesMenu li { margin-left: 20px; } .cpToolbar .favoritesMenu li > .edit { left: -20px; margin-top: -8px; padding-right: 3px; position: absolute; top: 9px; visibility: hidden; } .cpToolbar .favoritesMenu li:hover > .edit { visibility: visible; } .cpToolbar .favoritesMenu li:hover > a { background-image: none; } .cpToolbar .favoritesMenu li > .edit > img { border: none; } /* END Favorites */ /* Notifications */ .cpToolbar .nav .openNotifications { padding-top: 4px; padding-bottom: 4px; } .cpToolbar .nav .openNotifications > span { border: 1px solid rgba(255,255,255,.25); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; line-height: 20px !important; padding: 0 6px; position: relative; top: 0; } .cpToolbar .nav .openNotifications > span { padding-right: 18px; } .cpToolbar.user .open .openNotifications > span { border-color: rgba(0,0,0,.25); } .cpToolbar.user .open .openNotifications.new > span { border: 1px solid; margin: 0; } .cpToolbar.user .nav .openNotifications > span:after { right: 6px; } .cpToolbar.user .openNotifications.new > span { background-color: #ffe890; border-color: rgba(0,0,0,.25); color: #be9909; font-weight: bold; } .cpToolbar.public .notifications .userAlert { background-color: #ffe890; } .cpToolbar.user .nav .dropdown.notifications > a { padding-right: 10px; } .cpToolbar.user .nav .dropdown.notifications > a:after { border: 0; } .cpToolbar.user .nav .notifications ol { min-width: 230px; } .cpToolbar.user .nav .notifications .menu li:first-child { border: none; } .cpToolbar.user .nav .notifications li { background-color: white; font-size: .8em; } .cpToolbar.user .nav .notifications li.new { background-color: #ffeb9e; } .cpToolbar.user .nav .notifications li a { color: inherit; overflow: hidden; padding: 1px 12px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .cpToolbar.user .nav .notifications li a > a { display: inline; color: inherit; text-decoration: inherit; } .cpToolbar.user .nav .notifications li.main { font-size: inherit; position: relative; } .cpToolbar.user .nav .notifications li.viewAll { text-align: center; border-top: 1px solid lightGray; border-radius: 0 0 3px 3px; } .cpToolbar.user .nav .notifications li.main + li.main { border-bottom: 1px solid lightGray; } .cpToolbar.user .nav .notifications li.main > a > span { border: 1px solid rgba(0, 0, 0, .25); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; line-height: 1.4em; margin-right: .6em; min-width: .7em; padding: 0 6px; } .cpToolbar.user .nav .notifications li.main.new > a > span { background-color: #FFE890; color: #BE9909; font-weight: bold; } .cpToolbar.user .nav .notifications li.main > a { padding: 5px 12px; } .cpToolbar.user.adminWrap .nav .notifications > a > span, .cpToolbar.user.adminWrap .nav .notifications > ol > li > a > span { border-width: 1px; border-style: solid; line-height: normal; } /* END Notifications */ /* User Menu */ .cpToolbar .nav .openUserMenu { padding-left: 36px; /* 18px (img) + 12px (left padding) + 6px (space between img and text) */ } .cpToolbar .nav .openUserMenu > img { height: 18px; outline-style: solid; outline-width: 1px; width: 18px; } .cpToolbar .nav .userMenu li:first-child > a { line-height: 1.8; min-height: 56px; padding-top: 12px; padding-left: 70px; position: relative; } .cpToolbar .nav .userMenu img { left: 12px; position: absolute; top: 8px; } .cpToolbar .nav .userMenu .email { display: block; font-size: .8em; } /* END User Menu */ /* My Connections / More Info */ .cpToolbar.public .dropdown > .myConnections { display: none; font-weight: bold; text-decoration: none; } @media screen and (max-width: 400px), screen and (min-width: 900px) { .cpToolbar.public .dropdown > .myConnections { display: inline; } } @media screen and (max-width: 400px) { .cpToolbar span.welcomeMessage { display: none; } } .cpToolbar.public .moreInfo { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 0; width: 780px; } .cpToolbar.public .moreInfo > div.pitch { margin: 1.4% 2%; } .cpToolbar.public .moreInfo > div.pitch h1, .cpToolbar.public .moreInfo > div.pitch h3, .cpToolbar.public .moreInfo > div.pitch h2 { font-weight: bold; font-size: 110%; margin: 0 0 1%; } .cpToolbar.public .moreInfo > div.pitch .buttons { margin: 15px 0 0; } .cpToolbar.public .moreInfo > div.pitch > div { display: inline-block; margin-left: 1%; vertical-align: top; } .cpToolbar.public .moreInfo > div.pitch > div.leaderboard { margin-left: 3%; } .cpToolbar.public .moreInfo > div.pitch > div p.reputation { color: rgba(10,10,10,.5); } .cpToolbar.public .moreInfo > div.pitch > .leaderboard { width: 30%; } .cpToolbar.public .moreInfo > div.pitch > .leaderboard .miniBio p:last-child { color: rgba(10, 10, 10, .5); } .cpToolbar.public .moreInfo > div.pitch > .leaderboard h3, .cpToolbar.public .moreInfo > div.pitch > .leaderboard h2 { background: none; padding-left: 0; } .cpToolbar.public .moreInfo > div.pitch > div:first-child { width: 66%; margin: 0; } .cpToolbar.public .moreInfo > div.generated { display: block; margin: 0; padding: 1.25% 2% 2%; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .cpToolbar.public .moreInfo > div.generated .selfClear { float: none; clear: both; } .cpToolbar.public .moreInfo > div.generated > div { display: inline-block; margin-left: 2%; vertical-align: top; width: 28.5%; } .cpToolbar.public .moreInfo > div.generated > div:first-child { margin: 0; } /*.cpToolbar.public .moreInfo > div.generated > div > div { cursor: pointer; }*/ .cpToolbar.public .moreInfo > div.generated > div h3, .cpToolbar.public .moreInfo > div.generated > div h2 { font-size: 11pt; margin: 0; } .cpToolbar.public .moreInfo > div.generated > div h3 > a { position: relative; } .cpToolbar.public .moreInfo > div.generated > div > div > a { display: block; font-weight: bold; margin: 5px 0 0; } .cpToolbar.public .moreInfo > div.generated .moduleSpotlight .carouselSlide > div > img { float: left; height: 55px; margin-right: 10px; } .cpToolbar.public .moreInfo > div.generated .moduleSpotlight .carouselSlide > div > p { margin-top: 7px; } .cpToolbar.public .moreInfo > div.generated .moduleSpotlight .carouselSlide > div > a { font-weight: normal; margin: 0; } .cpToolbar.public .moreInfo > div.generated .jshowoff { margin: 0; padding: 0 25px; position: relative; width: 34%; } .cpToolbar.public .moreInfo > div.generated .jshowoff-prev { background: url("../Assets/Images/ToolbarCarouselArrows.png") 0 -10px no-repeat; height: 20px; left: -2px; position: absolute; top: 40px; width: 20px; } .cpToolbar.public .moreInfo > div.generated .jshowoff-prev:hover { background-position: 0 -50px; } .cpToolbar.public .moreInfo > div.generated .jshowoff-next { background: url("../Assets/Images/ToolbarCarouselArrows.png") -60px -10px no-repeat; height: 20px; position: absolute; right: 0; top: 40px; width: 20px; } .cpToolbar.public .moreInfo > div.generated .jshowoff-next:hover { background-position: -60px -50px; } .cpToolbar.public .moreInfo > div.generated > div p { font-size: 8pt; line-height: 1.45em; margin: 1px 0 0; max-height: 4.35em; overflow: hidden; text-overflow: ellipsis; } .cpToolbar.public .moreInfo > div.generated div.moduleSpotlight p { line-height: inherit; max-height: none; } .cpToolbar.public .moreInfo > div.generated > div.users { width: 17%; } .cpToolbar.public .moreInfo > div.generated > div.users > div { cursor: inherit; } .cpToolbar.public .moreInfo > div.generated > div.users p { font-size: 110%; margin: 5px 0 0; } /* For when a site has no social modules enabled */ .cpToolbar.noSocial div.menu.moreInfo { width: 580px; } .cpToolbar.noSocial .moreInfo > div.pitch > div:first-child { width: 100%; } .cpToolbar.noSocial .moreInfo > div.generated > div { display: none; width: 69%; } .cpToolbar.noSocial .moreInfo > div.generated .moduleSpotlight { display: inline-block; } .cpToolbar.noSocial .moreInfo > div.generated > div.users { display: inline-block; width: 18%; } .cpToolbar.noSocial .moreInfo > div.generated > div.users + div { display: block; } .cpToolbar.noSocial .moreInfo > div.pitch > div.leaderboard { display: none; } .cpToolbar.public .nav .open > a { padding-bottom: 1px; } .cpToolbar.public .nav .openNotifications { padding-bottom: 5px; padding-top: 3px; } .cpToolbar.public .nav .open > .openNotifications { padding-bottom: 5px; } #SpotlightGroupNameLink { white-space: normal; } /* End of no Social styles */ .cpToolbar .applicationsMenu a span.newModule { color: #555; font-size: 8pt; margin: 0 0 0 6px; vertical-align: top; } /* My Connections / More Info */ /* User Alert */ .cpToolbar .userAlert { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.3); box-shadow: 2px 2px 3px rgba(0,0,0,.3); padding: 10px 35px 10px 10px; position: absolute; right: 0; top: 40px; width: 150px; z-index: 1; } .cpToolbar .userAlert > img { float: left; } .cpToolbar .userAlert > span { display: block; margin-left: 20px; } .cpToolbar .userAlert > .close { position: absolute; right: 5px; top: 5px; } .cpToolbar .userAlert > .close > img { border: none; } /* END User Alert */ /* UI Alert */ .cpToolbar > .alert { background-color: #f9edbe; border-bottom: 1px solid #f0c36d; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #555; left: 0; line-height: 29px; /* matches line-height of .nav > li > a */ padding: 0; position: absolute; right: 0; top: 100%; } /* END UI Alert */ /* These admin styles are located here instead of LiveEdit.css so that the much larger LiveEdit.css sheet doesn't need to be loaded when Live Edit is turned off just to style the toolbar. */ .cpToolbar.admin { background-color: #255e8d; /* background-color: hsl(207, 58%, 35%);*/ font-family: Arial, sans-serif; font-size: 10pt; /*padding: 1px 0;*/ } .cpToolbar.admin .nav > li a { color: #b8cfdd; /* color: rgba(255,255,255,.7);*/ } .cpToolbar.admin .nav > li a:hover, .cpToolbar.admin .nav > li a:focus { color: #fff; } .cpToolbar.admin a:active, .cpToolbar.admin .nav > li.open > a, .cpToolbar.admin .menu a:link, .cpToolbar.admin .menu a:visited, .cpToolbar.admin .menu a:hover, .cpToolbar.admin .menu a:focus, .cpToolbar.admin .menu a:active, .cpToolbar.admin .nav .menu a:hover, .cpToolbar.admin .nav .menu a:focus, .cpToolbar.admin .nav .menu a:active, .cpToolbar.admin .menu .cpForm label, .cpToolbar.user.admin .nav .notifications li.main > a, .cpToolbar.user.admin .nav .notifications li.viewAll > a { color: #475e8d; /* color: hsl(207, 58%, 35%);*/ } .cpToolbar.admin .nav > li > a:hover, .cpToolbar.admin .nav > li > a:focus { background-color: #43759d; /* background-color: hsl(207, 40%, 43%);*/ } .cpToolbar.admin .nav > li > a:active, .cpToolbar.admin .nav > .open > a, .cpToolbar.admin .nav > .open > a:link, .cpToolbar.admin .nav > .open > a:visited, .cpToolbar.admin .nav > .open > a:hover, .cpToolbar.admin .nav > .open > a:focus, .cpToolbar.admin .menu, .cpToolbar.admin.actions, .cpToolbar.user.admin .nav .notifications li.main, .cpToolbar.user.admin .nav .notifications li.viewAll { background-color: #f0f6fb; padding-bottom: 1px; /* background-color: hsl(207, 55%, 96%);*/ } .cpToolbar.admin .nav > li > .openNotifications:active, .cpToolbar.admin .nav > .open > .openNotifications, .cpToolbar.admin .nav > .open > .openNotifications:link, .cpToolbar.admin .nav > .open > .openNotifications:visited, .cpToolbar.admin .nav > .open > .openNotifications:hover, .cpToolbar.admin .nav > .open > .openNotifications:focus { padding-bottom: 4px; } .cpToolbar.admin .dropdown .menu a:hover, .cpToolbar.admin .dropdown .menu a:focus, .cpToolbar.admin .dropdown .menu a:active { background-color: #d8e7f4; /* background-color: hsl(207, 55%, 90%);*/ } .cpToolbar.admin .nav > li > .button { background-color: transparent !important; } .cpToolbar.admin .nav > li > .button.nextAction { color: #fff; } .cpToolbar.admin .nav .logo, .cpToolbar .nav .addFavorite { width: 16px; height: 29px; /* matches line-height of .nav > li > a */ } .cpToolbar.admin .nav .logo { padding-left: 0; width: 44px; } .cpToolbar.admin .nav .logo > img { left: 0; } .cpToolbar.admin .nav .home:link, .cpToolbar.admin .nav .home:visited { background-image: url(/Assets/Images/AdminIconToolbarHome.png); background-position: 12px 7px; background-repeat: no-repeat; overflow: hidden; padding-left: 30px; text-indent: -100px; width: 0; } .cpToolbar.admin .nav .home:hover, .cpToolbar.admin .nav .home:focus, .cpToolbar.admin .nav .home:active { background-position: 12px -17px; } .cpToolbar.admin .nav .open .home { background-position: 12px -41px; } .cpToolbar.admin .nav .openLiveEditMenu { background: url(/App_Themes/CP/Images/LiveEditHoverControl.png) no-repeat 12px 5px; padding-left: 36px; } .cpToolbar.admin .nav .open .openLiveEditMenu { background-color: #f0f6fb; } .cpToolbar.admin .nav .openUserMenu > img { outline-color: #d5e7f0; /* outline-color: rgba(255,255,255.8)*/ } .cpToolbar.admin .nav .open .openUserMenu > img { outline-color: #475e8d; } .cpToolbar.admin .modulesMenu > .list { border-top: 1px solid #d6dfe7; /* border-top-color: rgba(0,0,0,.1);*/ padding-top: 10px; } .cpToolbar.admin .modulesMenu .subTabs { float: none; margin: 8px 0; } .cpToolbar.admin .modulesMenu .subTabs > li { margin-right: 10px; } .cpToolbar.admin .modulesMenu .subTabs .active { color: #fff; } .cpToolbar.admin .modulesMenu .list ol { list-style: none; padding: 0; width: 19.9%; } .cpToolbar.admin .favoritesMenu a.admin, .cpToolbar.admin .modulesMenu a.admin, .cpToolbar.admin .helpMenu a { background-position: 4px center; background-repeat: no-repeat; display: block; padding-left: 26px; } .cpToolbar.admin .helpMenu a { background-position: 10px center; padding-left: 32px; } .cpToolbar.admin.actions { background-color: #f2f9fe; border-top: 1px solid rgba(0,0,0,.2); padding: 5px 0; } .cpToolbar.admin.actions .buttons { float: right; } .cpToolbar.admin.actions .buttons > li { float: left; margin-left: 10px; } .cpToolbar.admin.secondary { background-color: #6ca1c0; color: #eee; } .cpToolbar.admin .openActionMenu { position: static !important; } .cpToolbar.admin .actionMenu { right: 0; top: 0; } .cpToolbar.admin .actionMenu a:link, .cpToolbar.admin .actionMenu a:visited { color: #0b3b5d; line-height: 1.2; margin: 0; padding: 5px 8px 5px 26px; } .cpToolbar.admin .actionMenu a:hover, .cpToolbar.admin .actionMenu a:focus, .cpToolbar.admin .actionMenu a:active { color: #fff; } /* Module type icons */ div.moduleActivities h4, a.admin.activities { background-image: url(/App_Themes/CP/Images/IconActivities.gif); background-position: 4px 2px !important; } div.moduleAgendaCenter h4, a.admin.agendaCenter { background-image: url(/App_Themes/CP/Images/IconAgendaCenter.gif); } div.moduleAlertCenter h4, a.admin.alertCenter { background-image: url(/App_Themes/CP/Images/IconAlertCenter.gif); } div.moduleAppraisal h4, a.admin.appraisal { background-image: url(/App_Themes/CP/Images/IconAppraisal.gif); } div.moduleArchive h4, a.admin.archive { background-image: url(/App_Themes/CP/Images/IconArchive.gif); } div.moduleBannerAdmin h4, a.admin.bannerAdmin { background-image: url(/App_Themes/CP/Images/IconBannerAdmin.gif); } div.moduleBids h4, a.admin.bids { background-image: url(/App_Themes/CP/Images/IconBids.gif); } div.moduleBlog h4, a.admin.blog { background-image: url(/App_Themes/CP/Images/IconBlog.gif); } div.moduleBulletinBoards h4, a.admin.bulletinBoards { background-image: url(/App_Themes/CP/Images/IconBulletinBoards.gif); } div.moduleCalendar h4, a.admin.calendar { background-image: url(/App_Themes/CP/Images/IconCurrentEvents.gif); } div.modulecarboncalculator h4, a.admin.carboncalculator { background-image: url(/App_Themes/CP/Images/IconCarbonCalculator.gif); } div.moduleCityDirectory h4, a.admin.cityDirectory { background-image: url(/App_Themes/CP/Images/IconCityDirectory.gif); } div.moduleCityPolls h4 { background-image: url(/App_Themes/CP/Images/IconCityPolls.gif); background-position: 0px 2px !important; } a.admin.cityPolls { background-image: url(/App_Themes/CP/Images/IconCityPolls.gif); background-position: 4px 2px !important; } div.moduleCivicAlerts h4, a.admin.civicAlerts { background-image: url(/App_Themes/CP/Images/IconCivicAlerts.gif); } div.moduleCivicSend h4, a.admin.civicSend { background-image: url(/App_Themes/CP/Images/IconCivicSend.png); } div.moduleClassifieds h4, a.admin.classifieds { background-image: url(/App_Themes/CP/Images/IconClassifieds.gif); } div.moduleCommunityVoice h4, a.admin.communityVoice { background-image: url(/App_Themes/CP/Images/IconCommunityVoice.gif); } div.moduleCRT h4, a.admin.cRT { background-image: url(/App_Themes/CP/Images/IconCRT.gif); } div.moduleCurrentEvents h4, a.admin.currentEvents { background-image: url(/App_Themes/CP/Images/IconCurrentEvents.gif); } div.moduleDocumentCenterEnhanced h4, a.admin.documentCenterEnhanced { background-image: url(/App_Themes/CP/Images/IconDocumentCenterEnhanced.gif); } div.moduleDocumentCenter h4, a.admin.documentCenter { background-image: url(/App_Themes/CP/Images/IconDocumentCenterEnhanced.gif); } /* Not used in V4 div.moduleDesignCenter h4, a.admin.designCenter { background-image: url(/App_Themes/CP/Images/IconDesignCenter.gif); } */ div.moduleECommerce h4, a.admin.eCommerce { background-image: url(/App_Themes/CP/Images/IconEcommerce.gif); } div.moduleCommunityConnection h4, a.admin.communityConnection { background-image: url(/App_Themes/CP/Images/IconCommunityConnection.gif); } div.moduleEmailPage h4, a.admin.emailPage { background-image: url(/App_Themes/CP/Images/IconEmailPage.gif); } div.moduleEmailPageOld h4, a.admin.emailPageOld { background-image: url(/App_Themes/CP/Images/IconEmailPage.gif); } div.moduleEmergencyAlerts h4, a.admin.emergencyAlerts { background-image: url(/App_Themes/CP/Images/IconEmergencyAlerts.gif); } div.moduleEpay h4, a.admin.epay { background-image: url(/App_Themes/CP/Images/IconEpay.gif); } div.moduleEPayment h4, a.admin.ePayment { background-image: url(/App_Themes/CP/Images/IconEPayment.gif); } div.modulefacilities h4 { background-image: url(/App_Themes/CP/Images/IconFacilities.gif); background-position: 0px 2px !important; } a.admin.facilities { background-image: url(/App_Themes/CP/Images/IconFacilities.gif); background-position: 4px 2px !important; } a.admin.facilities2012 { background-image: url(/App_Themes/CP/Images/IconFacilities2012.gif); background-position: 4px 2px !important; } div.moduleFAQ h4 { background-image: url(/App_Themes/CP/Images/IconFAQ.gif); background-position: 0px 2px !important; } a.admin.fAQ { background-image: url(/App_Themes/CP/Images/IconFAQ.gif); background-position: 4px 2px !important; } div.moduleForms h4 { background-image: url(/App_Themes/CP/Images/IconForms.gif); background-position: 0px 2px !important; } a.admin.forms { background-image: url(/App_Themes/CP/Images/IconForms.gif); background-position: 4px 2px !important; } /* Not used in V4 div.moduleformsBuilder h4 { background-image: url(/App_Themes/CP/Images/IconFormsBuilder.gif); background-position: 0px 2px !important; } a.admin.formsBuilder { background-image: url(/App_Themes/CP/Images/IconFormsBuilder.gif); background-position: 4px 2px !important; } */ div.moduleGraphicLinks h4 { background-image: url(/App_Themes/CP/Images/IconGraphicLinks.gif); background-position: 0px 2px !important; } a.admin.graphicLinks { background-image: url(/App_Themes/CP/Images/IconGraphicLinks.gif); background-position: 4px 2px !important; } div.moduleGroupAdmin h4, a.admin.groupAdmin { background-image: url(/App_Themes/CP/Images/IconGroupAdmin.gif); } div.moduleHealthyCity h4, a.admin.healthyCity { background-image: url(/App_Themes/CP/Images/IconHealthyCity.gif); } div.moduleHistoryLog h4, a.admin.historyLog { background-image: url(/App_Themes/CP/Images/IconHistoryLog.gif); } div.moduleiCalendar h4, a.admin.iCalendar { background-image: url(/App_Themes/CP/Images/IconICal.gif); } div.moduleFormCenter h4, a.admin.formCenter { background-image: url(/App_Themes/CP/Images/IconFormCenter.gif); } div.moduleInfo h4, a.admin.info { background-image: url(/App_Themes/CP/Images/IconInfo.gif); } div.moduleInfoAdvanced h4, a.admin.infoAdvanced { background-image: url(/App_Themes/CP/Images/IconInfoAdvanced.gif); } div.moduleJobs h4, a.admin.jobs { background-image: url(/App_Themes/CP/Images/IconJobs.gif); } div.moduleLicensing h4, a.admin.licensing { background-image: url(/App_Themes/CP/Images/IconLicensing.gif); } div.moduleLayoutAdmin h4, a.admin.layoutAdmin { background-image: url(/App_Themes/CP/Images/IconLayoutAdmin.gif); } div.moduleLocator h4, a.admin.locator { background-image: url(/App_Themes/CP/Images/IconLocator.gif); } div.moduleMediaCenter h4, .cpToolbar.admin a.admin.mediaCenter, div.moduleMediaCenter2 h4, .cpToolbar.admin a.admin.mediaCenter2 { background-image: url(/App_Themes/CP/Images/IconMediaCenter.gif); } div.moduleMyAccount h4, a.admin.myAccount { background-image: url(/App_Themes/CP/Images/IconMyAccount.gif); } div.moduleMyDashboard h4, a.admin.myDashboard { background-image: url(/App_Themes/CP/Images/IconMyDashboard.gif); } div.moduleNotifyMe h4 { background-image: url(/App_Themes/CP/Images/IconNotifyMe.gif); background-position: 0px 2px !important; } a.admin.notifyMe { background-image: url(/App_Themes/CP/Images/IconNotifyMe.gif); background-position: 4px 2px !important; } div.moduleOnlineApplications h4, a.admin.onlineApplications { background-image: url(/App_Themes/CP/Images/IconOnlineApplications.gif); } div.modulePermits h4, a.admin.permits { background-image: url(/App_Themes/CP/Images/IconPermits.gif); } div.moduleImageCenter h4, a.admin.imageCenter { background-image: url(/App_Themes/CP/Images/IconPhotoGallery.gif); } div.modulePagesNotes h4, a.admin.pagesNotes { background-image: url(/App_Themes/CP/Images/IconPagesNotes.gif); } div.modulePhotoGallery h4, a.admin.photoGallery { background-image: url(/App_Themes/CP/Images/IconPhotoGallery.gif); } div.modulePostcard h4, a.admin.postcard { background-image: url(/App_Themes/CP/Images/IconPostcard.gif); } div.moduleQuickLinks h4 { background-image: url(/App_Themes/CP/Images/IconQuickLinks.gif); background-position: 0px 2px !important; } a.admin.quickLinks { background-image: url(/App_Themes/CP/Images/IconQuickLinks.gif); background-position: 4px 2px !important; } div.moduleRealEstateLocator h4, a.admin.realEstateLocator { background-image: url(/App_Themes/CP/Images/IconLocator.gif); } div.moduleRedirects h4, a.admin.redirects { background-image: url(/App_Themes/CP/Images/IconRedirects.gif); } div.moduleResourceDirectoryEnhanced h4, a.admin.resourceDirectoryEnhanced { background-image: url(/App_Themes/CP/Images/IconResourceDirectoryEnhanced.gif); } div.moduleRSS h4, a.admin.rSS { background-image: url(/App_Themes/CP/Images/IconRSS.gif); } div.moduleServices h4, a.admin.services { background-image: url(/App_Themes/CP/Images/IconServices.gif); } div.moduleSiteAdmin h4, a.admin.siteAdmin { background-image: url(/App_Themes/CP/Images/IconSiteAdmin.gif); } div.moduleSiteCleanup h4, a.admin.siteCleanup { background-image: url(/App_Themes/CP/Images/IconSiteCleanup.gif); } div.moduleSiteMap h4, a.admin.siteMap { background-image: url(/App_Themes/CP/Images/IconSiteMap.gif); } div.moduleSiteSearch h4, a.admin.siteSearch, div.moduleSearch2012 h4, a.admin.search2012 { background-image: url(/App_Themes/CP/Images/IconSiteSearch.gif); } div.moduleLocations h4, a.admin.locations { background-image: url(/App_Themes/CP/Images/IconLocations.gif); } div.moduleStyleAdmin h4, a.admin.styleAdmin { background-image: url(/App_Themes/CP/Images/IconStylesAdmin.gif); } div.moduleTagManagement h4, a.admin.tagManagement { background-image: url(/App_Themes/CP/Images/IconTagManagement.gif); } div.moduleTAX h4, a.admin.tax { background-image: url(/App_Themes/CP/Images/IconTax.gif); } div.moduleUserAdmin h4, a.admin.userAdmin { background-image: url(/App_Themes/CP/Images/IconUserAdmin.gif); } div.moduleWebmail h4, a.admin.webmail { background-image: url(/App_Themes/CP/Images/IconWebmail.gif); } div.moduleWhereDoI h4, a.admin.whereDoI { background-image: url(/App_Themes/CP/Images/IconWhereDoI.gif); } div.modulePages h4, a.admin.pages { background-image: url(/App_Themes/CP/Images/IconPages.gif); } div.modulePostcard h4, a.admin.postcard { background-image: url(/App_Themes/CP/Images/IconPostcard.gif); } div.toolExpiringItems h4, a.toolexpiringItems { background-image: url(/App_Themes/CP/Images/IconExpiringItems.gif); } div.toolFrontEndEdit h4, a.toolfrontEndEdit { background-image: url(/App_Themes/CP/Images/IconFrontEndEdit.gif); } div.toolMyProfile h4, a.toolmyProfile { background-image: url(/App_Themes/CP/Images/IconUserAdmin.gif); } div.toolPageWizard h4, a.toolpageWizard { background-image: url(/App_Themes/CP/Images/IconPageWizard.gif); } div.toolRebuildCSS h4, a.toolrebuildCSS { background-image: url(/App_Themes/CP/Images/IconRebuildCSS.gif); } div.toolRebuildXML h4, a.toolrebuildXML { background-image: url(/App_Themes/CP/Images/IconRebuildXML.gif); } div.toolSiteStyles h4, a.toolsiteStyles, div.toolDesignCenter h4, a.toolDesignCenter { background-image: url(/App_Themes/CP/Images/IconSiteStyles.gif); } a.toolsiteProperties { background-image: url(/App_Themes/CP/Images/IconSiteProperties.gif); } div.toolUrchin h4, a.toolurchin { background-image: url(/App_Themes/CP/Images/IconUrchin.gif); } /* Support type icons */ div.supportHelp h4, a.supportHelp { background-image: url(/App_Themes/CP/Images/IconSupportHelp.gif); } div.supportManuals h4, a.supportManuals { background-image: url(/App_Themes/CP/Images/IconSupportManuals.gif); } div.supportSite h4, a.supportSite { background-image: url(/App_Themes/CP/Images/IconSupportSite.gif); } div.supportForums h4, a.supportForums { background-image: url(/App_Themes/CP/Images/IconSupportForum.gif); } div.supportContact h4, a.supportContact { background-image: url(/App_Themes/CP/Images/IconSupportContact.gif); } div.samlAdministration h4, a.admin.samlAdministration { background-image: url(/App_Themes/CP/Images/IconSamlAdministration.png); } .modalContainer.editFavorite { position: fixed; z-index: 10001; left: 50%; top: 50% !important; margin-left: -200px; margin-top: -200px; width: 400px; } .modalContainer.editFavorite p { font-weight: bold; } .modalContainer.editFavorite label { vertical-align: text-bottom; } .modalContainer .buttons { clear: both; padding: 15px 0 0; } .modalContainer .buttons > a { margin-right: 10px; } .modalContainer.editFavorite .buttons + a { position: absolute; right: 35px; bottom: 24px; } .modalContainer.editFavorite .remove, .modalContainer.editFavorite a.remove:link, .modalContainer.editFavorite a.remove:visited, .modalContainer.editFavorite a.remove:hover, .modalContainer.editFavorite a.remove:focus, .modalContainer.editFavorite a.remove:active { color: #666; } /* CSS move from FisherPrice.css */ .adminWrap { color: #073352; } .adminWrap .tab { float: left; width: 100%; } .adminWrap .subTabs + .cpForm { clear: left; } .adminWrap .wayfinder + .form > .subTabs { margin: 0px 0px 10px 0px; } .adminWrap .selfClear:after { content: "."; clear: both; display: block; height: 0px; visibility: hidden; } .adminWrap .subTabs { float: left; list-style: none; margin-top: 22px; width: 727px; list-style: none outside none; } .adminWrap .subTabs li a:link, .adminWrap .subTabs li a:visited, .adminWrap .subTabs li a:hover, .adminWrap .subTabs li a:focus { background: url(../../App_Themes/CP/Images/FisherPriceToolbarButtonLeftBkg.png) no-repeat left 0px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; color: #4e7ca2; cursor: pointer; display: block; font-size: 7pt; font-weight: bold; letter-spacing: .03em; padding-left: 5px; text-decoration: none; text-transform: uppercase; } .adminWrap .subTabs li { float: left; margin-right: 10px; } .adminWrap .subTabs li a span { background: url(../../App_Themes/CP/Images/FisherPriceToolbarButtonRightBkg.png) no-repeat right 0px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; height: 15px; padding: 4px 8px 3px 3px; } .adminWrap .subTabs li a.active { background-position: left -66px; color: #fff; } .adminWrap .subTabs li a.active span { background-position: right -66px; }