view release on metacpan or  search on metacpan

share/public/css/netdisco.css  view on Meta::CPAN

   and brand are placed from its left edge; the replacement's is 1320px. The old
   ladder's two lower steps are not put back, nothing here being measured at
   either width. */
.container {
  --bs-gutter-x: 0;
  max-width: 940px;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/* The fluid shell inset its content 20px, and the tab strip, table and sidebar
   offsets are measured from that edge; the replacement computes 12px. Stated as
   padding rather than through the gutter variable, which a nested row also
   reads. */
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}

/* for the fixed navbar make sure content stops short of page top*/
body {
  padding-top: 50px;
}

/* The fixed bar is 40px of disco ball. The bar draws its own vertical padding
   now and its container is only as tall as the tallest control in it, which left
   the image cropped and the bar deeper than the page expects; move the height
   onto the container so the artwork fits it exactly. */
.navbar {
  --bs-navbar-padding-y: 0px;
  /* A navbar link went full white on hover; the replacement stops at 75%, which
     composites to about #c7c7c7 here and reads as lighter gray, not a highlight.
     The resting color already matches. */
  --bs-navbar-hover-color: #ffffff;
  /* The brand sat in the same gray as the links beside it and brightened with
     them. The replacement ships it white with no hover response at all, so it
     neither matches its neighbors at rest nor answers a pointer. */
  --bs-navbar-brand-color: #999999;
  --bs-navbar-brand-hover-color: #ffffff;
}

/* The bar's item for the page you are on is filled darker. Both trees mark it
   active; the replacement styles it with color alone, which its neighbours reach
   on hover. #111111 against the artwork's #1a1a1a. */
.navbar .nav-link.active {
  background-color: #111111;
}
/* Either side of the container the bar paints its own background, and the
   replacement's #212529 reads as a second black against the artwork's #1a1a1a.
   This is the artwork's own black, so the bar is one color at every width, which
   is deliberately not what the old bar did. Flagged because the utility class
   supplying the blue flags its own color. */
.navbar.bg-dark {
  background-color: #1a1a1a !important;
}
.navbar > .container {
  min-height: 40px;
  background: url(../images/navbar_disco.png) no-repeat;
}

/* Links carried no underline until hovered. The replacement underlines every
   link everywhere, which on a page whose tables are mostly links reads as a
   different application. */
a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}

/* Navigation is the exception to the rule above: the previous framework
   suppressed the hover underline on the navbar, its menus and the tab strips and
   filled their background instead. Both values are its own. The active tab is
   excluded, keeping its own fill when hovered. */
.navbar-brand:hover, .navbar-brand:focus,
.nav-link:hover, .nav-link:focus,
.dropdown-item:hover, .dropdown-item:focus {
  text-decoration: none;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #0081c2;
  color: #ffffff;
}
.nav-tabs .nav-link:not(.active):hover,
.nav-tabs .nav-link:not(.active):focus {
  background-color: #eeeeee;
}

/* Navbar submenus opened on hover and closed on leaving. The replacement dropped
   the submenu component and drives dropdowns by script and click, which left one
   pinned open; the template's toggle attributes are gone for the same reason.

   The placement rule is restated because the replacement scopes its own to
   [data-bs-popper], which only a script sets, so without this the submenu lands
   over its parent. */
.dropend > .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend:hover > .dropdown-menu {
  display: block;
}

/* used for icons in sidebar search buttons */
/* A large icon sat on a 0.9em line; the replacement's 0.05em collapses the line
   box under a pixel and the glyph paints outside it. In the netmap's buttons the
   button edge then cut the top off every icon, and an open padlock without its
   shackle reads as a closed one. */
.fa-lg {
  line-height: 0.9em;
}

.nd_navbar-icon {
  vertical-align: sub;
  margin-top: 4px !important;

share/public/css/netdisco.css  view on Meta::CPAN

  padding-left: 5px !important;
  padding-right: 5px !important;
}

/* for the "logged in as..." text */
.nd_navbar-text {
  color: #666;
  padding-top: 11px;
}

/* on both main content and sidebar, default is hidden */
.tab-content {
  overflow: visible;
}

/* ajax results should fill all available */
.tab-content table {
  width: 100%;
}

/* results table header should have a background, for floatThead.

   The background-color below stopped being visible on its own: the replacement
   paints every cell with var(--bs-table-bg) where the old stylesheet left cells
   transparent and let the thead show through. Setting the variable is the
   framework's own way in. */
div.content > div.tab-content table.nd_floatinghead thead {
  --bs-table-bg: floralWhite;
  background-color: floralWhite;
}

/* jquery ui autocomplete scrollable */
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* The dropdown's box as the older theme drew it. Two class names rather than
   one, the border being set by .ui-widget.ui-widget-content, which a single class
   loses to however late this file loads. */
.ui-autocomplete.ui-widget-content {
  padding: 2px;
  border-color: #aaaaaa;
  border-radius: 4px;
}

/* The bar paints above this widget's level, so the navbar menu's border and
   padding, which reach into the bar, were drawn under it. How far the menu hangs
   is set in netdisco.js: this widget positions by writing an offset, which
   compensates for a margin, so a margin here would do nothing. */
.ui-autocomplete.nd_navbar-suggestions {
  z-index: 1051;
}

/* The menu marks its highlighted row ui-state-active where it used to use
   ui-state-focus, and in this theme active is white, so the highlight vanished on
   a white menu. These are the theme's own ui-state-focus values. */
.ui-menu .ui-menu-item-wrapper.ui-state-active {
  border: 1px solid #999999;
  background: #dadada url(smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  color: #212121;
}

/* The two search boxes are the exception above: their old widget drew the picked
   row in the old framework's blue, and that row is the one Enter takes. Scoped to
   the marked menus, the theme's gray being right for the other fifteen. */
.ui-autocomplete.nd_search-suggestions .ui-menu-item-wrapper.ui-state-active {
  border-color: #0077b3;
  background-color: #0081c2;
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  color: #ffffff;
}

/* jstree scrollable */

.nd_scrollable {
    height: 85vh;
    overflow: auto;
}

.nd_snmp_search_param {
  margin-top: -3px !important;
}

/* fake looks for form submit buttons embedded in bootstrap dropdowns */
.nd_btn-link {
  display: block;
  padding: 2px 20px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
  margin-top: 0px !important;
  width: 100%;
  text-align: left;
  margin-left: -1px;
}

.nd_btn-link:hover, .nd_btn-link:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-repeat: repeat-x;
  text-shadow: none;
}

/* the job queue log popover. the log is preformatted output, so it keeps its
   own line breaks and takes whatever width it needs rather than the default
   276px, which would wrap every line. */
.nd_jobqueue-popover {
  --bs-popover-max-width: none;
}

.nd_jobqueue-popover .popover-body {
  font-size: 15px;
  font-family: monospace;
  white-space: pre;