pip-webui/pip-webui-help/dist/pip-webui-help.css

HTML5 UI for LOB applications

@-webkit-keyframes blink-hint {
  0% {
    opacity: 0.38;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.38;
  }
}
@-moz-keyframes blink-hint {
  0% {
    opacity: 0.38;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.38;
  }
}
@-o-keyframes blink-hint {
  0% {
    opacity: 0.38;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.38;
  }
}
@keyframes blink-hint {
  0% {
    opacity: 0.38;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.38;
  }
}
.pip-help {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .pip-help md-list.pip-menu {
    width: 300px;
    min-width: 300px;
  }
  .pip-help .pip-content-container {
    width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .pip-help md-list.pip-menu {
    width: 300px;
    min-width: 0;
  }
  .pip-help .pip-content-container {
    width: calc(100% - 300px);
  }
}
.pip-help.pip-card .pip-header ~ .pip-body,
.pip-help.pip-document .pip-header ~ .pip-body {
  padding-top: 24px !important;
}
.pip-help .pip-body {
  max-width: none !important;
}
@media (min-width: 1200px) {
  .pip-help md-list:first-of-type {
    width: 300px;
  }
  .pip-help .pip-content-container {
    width: 800px;
    position: absolute;
    left: 300px;
    max-height: 100%;
    -ms-overflow-y: auto;
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .pip-help .pip-content-container {
    width: calc(100% - 300px);
    -ms-overflow-y: auto;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .pip-help md-list:first-of-type {
    width: 30%;
  }
  .pip-help .pip-content-container {
    width: 70%;
    position: absolute;
    left: 30%;
    max-height: 100%;
    -ms-overflow-y: auto;
  }
}
.pip-help.pip-card .pip-header ~ .pip-body,
.pip-help.pip-document .pip-header ~ .pip-body {
  padding-top: 24px !important;
}