/* ----------------------------------------------------------------------------- * * Cisco Unified Presence (CUP) Style Sheet Definitions * Common Styles * * Copyright (c) 2008-2009, 2013, 2018 Cisco Systems, Inc. * All rights reserved. * */ /* -- CUES/UDM Overrides (remove this garbage once we move to 100% CUES --*/ /* -- Used to maintain backwards Look&Feel functionality with CUCM --*/ .cuesAboutCopyright { color: #000000; font-size: 8pt; height: 100% !important; background-color: #f8f8f8; } .cuesAboutProductName { font-size: 16pt; font-weight: bold; } .cuesAboutMainRight img { height: 150px; } .cuesLoginMainRight img { height: 150px; } .cuesHeaderText, .cuesHeaderLink:link, a.cuesHeaderLink:hover, a.cuesHeaderLink:visited { color:#ffffff !important; } .cuesHeaderTitleLogo { font-size: 13pt; font-weight: bold; font-family: Verdana; } .cuesHeaderSubtitle { font-size: 8pt; font-weight: bold; font-family: Verdana; } .cuesLoginProductName { font-size: 16pt; font-weight: bold; } .cuesLoginCopyright { color: #000000; font-size: 8pt; background-color: #f8f8f8; } .cuesTabContainer { background-color: #cccccc; } .cuesTableButtonArea td { height: 40px; padding: 8px; } .cuesTablePagingArea { background-color: #cccccc; } .cuesTableTitle { font-size: 8pt; } .cuesTableScrollableBg { background-color: #ffffff; } .cuesDashboardPaneTitle table { background-color: transparent; background-image: url(/cupadmin/themes/VtgBlaf/toolbarGradient.gif); background-repeat: repeat-x; } .cuesDrawer { font-size: 0.8em; } .cuesButton { margin: 0pt 0pt 0pt 0pt; } .cuesNormalDrawerItem { margin-left: 0px; } .cuesSelectedDrawerItem { margin-left: 0px; padding: 1px; } .cuesContentTitle { margin: 1px;padding-top: 10px; } .content { padding: 0px 3px;} .content img { border: medium none; vertical-align: middle; } .content table { background-color: transparent; } .content label { vertical-align: middle; } .content fieldset { margin-left: 5px; margin-right: 5px; border-color: #8499a2; } .content legend { margin-bottom: 2px; } .content-form td { padding-bottom: 5px; } .content .content-buttonbar { border-color: #8499a2; } .content-jumpmenu { color: #ffffff; font-family: Verdana; } .titlebar { background-color: #6b7485; } .toolbar { border-bottom: 1px outset lightgrey; } input[type="checkbox"] { vertical-align: middle; } td.contentFormWarning { padding: 0 0 1em 2em; font-style: italic; } .udm li a.udmR, .udm li a.udmY, .udm li a.udmR:visited, .udm li a.udmY:visited, .udm li a:hover, .udm li a:focus, .udm li a.nohref:hover, .udm li a.nohref:focus { background-color: #d4d0c8; background-image: none; border-color: #666666 #666666 #ffffff; border-style: solid; border-width: 1px; color: #000000; font-style: normal; text-decoration: none; } .udm a, .udm a:link, .udm a.nohref { background-color: #d4d0c8; border: 1px solid #d4d0c8; font-family: arial, sans-serif !important; } .udm { background-color: #d4d0c8; padding-top: 1px; padding-bottom: 1px; } .navButton { background-color: #d4d0c8; } #WzTtDiV { z-index: 99999 !important; } /* -- End of Override garbage -- */ /* -- Override overflow -- */ .overflowScroll { overflow-y: auto !important; overflow-x: auto; } .overflowScroll1 { height: auto !important; overflow-y: auto !important; overflow-x: auto; } .overflowScroll2 { width: 99.5% !important; } /* -- Page header/Splash Common Definitions -- */ .cupMenubar { border-top: 1px solid #858a91; } .cupTitlebar { border-top: 1px inset #858a91; border-bottom: 1px inset #858a91; } .cupTitlebar td { background-color: #6B7485; color: #ffffff; font-family: Verdana; font-size: 0.7em; font-weight: bold; padding: 5px; margin: 5px; } /* -- Quick Link Definitions (found on the main CUP Admin GUI page) -- */ .quicklinks { padding: 2px; } .quicklinks img { vertical-align: middle; } .quicklinks label { font-size: 1.2em; font-weight: bold; } /* -- Troubleshooter Definitions -- */ .troubleshooterData { font-style: normal !important; } .troubleshooterHeader { color: #ffffff !important; } .troubleshooterTitle { background-image: url(/cupadmin/themes/VtgBlaf/toolbarGradient.gif); } .troubleshooterLoadingBanner { width: 100px; color: #858a91; background-color: #f8f8f8; text-align: center; vertical-align: middle; } .troubleshooterLoadingBanner img { vertical-align: middle; } .troubleshooterLoadingLabel { vertical-align: top; } /* -- Dashboard Definitions -- */ .cupDashboardTable { background-color: #d4d0c8; } td.cupDashboardLeft td, td.cupDashboardRight { width: 50%; } .cupDashboardLeft { border-right: 1px solid #ffffff; padding: 5px; } .cupDashboardRight { border-left: 1px solid #ebebeb; margin: 5px; padding-left: 5px; } .cupDashboardItemHeader { text-align: left; padding: 5px; } .cupDashboardItemHeader label { font-style: italic; color: #858a91; vertical-align: middle; } .cupWhatsNew { margin: 6px; background-image: url(/cupadmin/themes/VtgBlaf/toolbarGradient.gif); background-repeat: repeat-x; border: 1px solid #858a91; } .cupWhatsNew img { vertical-align: middle; } .cupWhatsNew label { vertical-align: middle; text-align: left } /* -- Tooltip Definitions -- */ .cupTooltip { text-decoration: none; border: 1px solid #d4d0c8; } .cupTooltipHeader { padding: 2px; font-size: 1.0em; font-weight: bold; text-align: center; border-bottom: 1px solid #d4d0c8; background-color: #dbdbdb; } .cupTooltipHeader img { vertical-align: top; } .cupTooltipBody { padding: 3px; font-size: 0.9em; font-weight: normal; margin-top: 3px; margin-bottom: 3px; } .cupTooltipBody img { vertical-align: top; padding: 1px; } .cupTooltipBody label { color: #858a91; font-style: italic; } .subclusterTooltip { width: 210px; } .subclusterTooltipTitle { width: 100%; text-align: center; font-weight:bold; } /* -- Status Table Definitions -- */ .cupStatusLoader { display: block; background: #eeeeee url(/cupadmin/themes/VtgBlaf/ajax-loader.gif) no-repeat scroll center center; border: 1px solid #cccccc; } .cupStatusLoaderSection { background-color: #ffffff; border: 1px solid #ebebeb; } .cupStatusLoaderSection label { font-size: 10px; color: #000000; padding-left: 5px; font-weight: bold; } .cupStatusFooter { height: 18px; margin-top: 10px; } .cupStatusFooter label, .cupStatusFooter select, .cupStatusFooter div { color: gray; font-style: italic; vertical-align: middle; } .cupStatusFooter select, .cupStatusFooterRight label { color: #000000; } .cupStatusFooterLeft { float: left; } .cupStatusFooterRight { float: right; } table.cupStatusTable { background-color: #d4d0c8; margin-top: 10px; margin-bottom: 5px; font-family: Verdana; font-size: 10px; color: #000000; } .cupStatusTable td { font-size: 10.5px; padding: 5px; } .cupStatusTable img label { vertical-align: middle; } .cupStatusTableHeader { padding: 5px; vertical-align: middle; text-align: center; font-size: 11px; font-weight: normal; border: 1px solid #ebebeb; border-top: none; border-bottom: 2px groove #ebebeb; background-image: url(/cupadmin/themes/VtgBlaf/toolbarGradient.gif); background-repeat: repeat-x; } .cupStatusTableTitle { background-color: #b5bdd7; color: #000000; font-size: 11px; font-weight: bold; padding: 5px; border: 1px solid #ebebeb; } .cupStatusTableEnable { font-weight: bold; vertical-align: text-top !important; } .cupStatusTableDisable { color: gray; font-style: italic; } .cupStatusTableRowOdd { background-color:#f8f8f8; } .cupStatusTableRowEven { background-color:#ebebeb; } .cupStatusTableCentered { text-align: center; } /* -- Presence Viewer Definitions -- */ .cupPresenceViewerHeader { border: 1px solid #858a91; background-image: url(/cupadmin/themes/VtgBlaf/toolbarGradient.gif); background-repeat: repeat-x; } .cupPresenceViewerHeader label { color: #858a91; font-size: 1.8em; font-weight: bold; vertical-align: middle; } .cupPresenceViewerHeader td { padding: 5px; border: 1px solid #858a91; } .cupPresenceViewerHeader img { vertical-align: middle; } .cupPresenceViewerPagingButton { margin: 2px; vertical-align: middle !important; } .cupPresenceViewerPagingLabel { margin-top: 5px; font-size: 0.8em; font-style: italic; font-weight: normal; vertical-align: middle !important; } .cupPresenceViewerItemHeader { background-image: url(/cupadmin/themes/VtgBlaf/toolbarGradient.gif); background-repeat: repeat-x; height: 35px; } .cupPresenceViewerItemHeader label { color: #000000; font-size: 1.2em; vertical-align: middle; padding-left: 5px; } .cupPresenceViewerItemHeader td { padding: 5px; border: 1px solid #858a91; } .cupPresenceViewerItemHeader img { vertical-align: middle; } .cupPresenceViewerPhoto { border: 1px outset #d4d0c8; z-index: 5; position: absolute; } .cupPresenceViewerContent { font-size: 1.2em; width: 100%; } .cupPresenceViewerContentLeft { width: 70%; height: 30em; border: 1px solid #858a91; } .cupPresenceViewerContentRight { width: 30%; height: 30em; border: 1px solid #858a91; } .cupPresenceViewerLeft { width:40%; padding: 3px; text-align: right; color: grey; vertical-align: middle !important; } .cupPresenceViewerLeft td, .cupPresenceViewerLeft img, .cupPresenceViewerLeft label { vertical-align: middle; } .cupPresenceViewerRight { width:60%; padding: 3px; vertical-align: middle !important; } .cupPresenceViewerRight td, .cupPresenceViewerRight img, .cupPresenceViewerRight label { vertical-align: middle; } .cupPresenceViewerRight div { color: red !important; } .cupPresenceViewerRightRoster { width:60%; padding: 3px; vertical-align: middle !important; } .cupPresenceViewerRightRoster td, .cupPresenceViewerRightRoster img, .cupPresenceViewerRightRoster label { vertical-align: middle; } .cupPresenceViewerRightRoster div { color: black !important; } .cupPresenceViewerRightRoster ul { list-style-type: circle; list-style-position: outside } /* -- Certificate Viewer Definitions -- */ .certificateDetails { overflow:auto; width:96%; } .certificateTree { overflow:auto; height:200px; width:465px; } /* -- Topology Definitions -- */ .content fieldset { margin-top: 6px; margin-right: 6px; margin-left: 6px; margin-bottom: 0px; padding-top: 8px; padding-bottom: 8px; } div.assigned-node, div.unassigned-node { width: 190px; margin: 6px; padding: 3px; text-align: left; overflow: hidden; vertical-align: middle; border: 1px outset black; background-image: url(/cupadmin/themes/VtgBlaf/topologyNodeBG.jpg); } div.unassigned-node { float: left; } div.assigned-node table, div.unassigned-node table { height: 50px; table-layout: fixed; width: 100%; background: none; } div.subcluster-title { text-align: center; border-bottom: 1px solid gray; margin: 5px; } div.subcluster-ha-icon { float: right; margin: 2px; } div.node-title-readonly { vertical-align: top; font-size: 1em; font-weight: bold; padding-left: 3px; word-wrap: break-word; } div.node-title-draggable, div.node-title-nondraggable { vertical-align: top; font-size: 1em; font-weight: bold; padding-left: 3px; cursor: move; word-wrap: break-word; } div.node-title-nondraggable { cursor: not-allowed; } div.node-subtitle, div.subcluster-subtitle { vertical-align: top; font-size: 0.8em; font-weight: normal; } div.subcluster-subtitle { padding: 2px 0px 5px 0px; } div.node-subtitle { padding-left: 3px; } td.node-publisher { text-align: right; } div.unassigned-node-empty, div.unassigned-node-droparea { width: 190px; height: 50px; margin: 6px; padding: 3px; background-color: #f8f8f8; border: 1px dotted black; color: gray; font-size: 90%; font-weight: bold; text-align: center; overflow: hidden; vertical-align: middle; } div.unassigned-node-droparea { float: left; } div.drophover { width: 190px; height: 50px; background-image: url(/cupadmin/themes/VtgBlaf/topologyNodeBG.jpg); border: 1px outset black; overflow: hidden; text-align: center; vertical-align: middle; color: black; position: relative; } div.droparea { float: left; background-color: #dbdbdb; position: relative; width: 210px; color: black; margin: 15px 15px 15px 5px; border: 1px outset black; padding-bottom: 10px; } .droparea h3 { font-weight: bold; font-size: 1.1em; font-style: italic; line-height: 1.3em; margin: 0px; overflow-x: hidden; width: 162px; } .cupTooltipBody h4 { margin: 0px auto 5px auto; text-align: center; } /* -- Notification Definitions -- */ .notificationMarqueeCnt { border: none; } .notificationMarqueeIcon { border: none; vertical-align: middle; padding-right: 4px; } .notificationPopupHeader { background-image:url(/cupadmin/themes/VtgBlaf/NotificationBG.gif); padding: 1px; display: none; position: absolute; width:330px; height: 77px; z-index: 9999; } .notificationPopupEmpty { text-align: center; font-style: italic; } .notificationPopupBanner { vertical-align: middle; border: none !important; } .notificationPopupLeft { width: 15%; vertical-align: top; } .notificationPopupMiddle { width: 40%; padding-bottom: 1px; } .notificationPopupRight { padding-bottom: 1px; } .notificationPopupMarquee { font-family: Verdana; font-size: 11pt; font-weight: bold; color: #ffffff; vertical-align: top; } .notificationPopupIconPanel { padding-bottom: 5px; } .notificationPopupIconPanel img { text-align: center; vertical-align: middle; } .notificationPopupActionPanel { text-align: center; padding-top: 5px; border-top: 1px dotted gray; } .notificationPopupWrapper { display: none; position: absolute; left: 300; top: 300; width: 100%; } .notificationPopupContent { border: none; } .notificationPopupContentStatus { border-top: 1px solid lightgrey; width: 10%; padding: 10px; text-align: center; } .notificationPopupContentEntry { border-top: 1px solid lightgrey; padding: 5px; } .notificationPopupContentMessage { width: 90%; } .notificationPopupWarning { font-family: Verdana; font-size: 11pt; font-weight: bold; color: #000000; vertical-align: top; } .notificationActiveCell { text-align: center; } .notificationClearedCell { text-align: center; color: gray; font-style: italic; } .notificationPopupBoldFont { font-family: Verdana; font-size: 10pt; font-weight: bold; color: #000000; vertical-align: top; } /* -- Popup Definitions -- */ .contentPopup { width: 100%; } .contentPopup input { vertical-align: middle; } /* -- End-User Contact Definitions -- */ td.contactConfig { width: 150px; } select.contactConfig { width: 316px; } /* -- Presence Settings Definitions -- */ td.presenceAutoAuthWarning { padding: 0 0 1em 2em; font-style: italic; } label.cucmNoSipTrunksWarning { font-style: italic; } /* -- "What's New" Definitions -- */ .whatsNewIntro { margin: 0 0 0 40px; } .whatsNewFeatureIcon { margin: 10px 0 0 0; float: left; clear: left; } .whatsNewFeature { margin: 20px 0 0 40px; } .whatsNewFeature h2 { font-size: 12pt; border-bottom: 1px dotted #000; } /* -- System Warning Definitions -- */ .systemWarning { border: 1px solid #000000 !important; background-color: #cccccc !important; margin-left: 6px; margin-right: 6px; margin-top: 10px; margin-bottom: 10px; padding: 10px 5px; } .systemWarning img { vertical-align: middle; padding-left: 5px; padding-right: 10px; } .systemWarningHeader { font-size: 10pt; font-weight: bold; color: red; vertical-align: middle; } .systemWarningBody, .systemWarningFooter { font-size: 8pt; font-weight: normal; color: #000000; vertical-align: middle; } /* -- Miscellaneous Definitions -- */ .searchBody { overflow: auto; } .searchLinkMouseover { cursor: pointer; } .cupFieldsetCheckbox { vertical-align: middle !important; } input.cupadmin, select.cupadmin { width: 316px; } /* -- Inter-cluster Peer Definition (override cues issue specific to this page) -- */ #hsCerts { vertical-align: middle !important; } /* -- End User Privacy Definitions -- */ .userPrivacyWrapper { width: 700px; } select.privacyDefault { width: 100px; }