You are here

apigee_edge.status_property.css in Apigee Edge 8

/*
 * Copyright 2018 Google Inc.
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License version 2 as published by the
 * Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
 * or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public
 * License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with this program; if not, write to the Free Software Foundation, Inc., 51
 * Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
 */

.wrapper--status {
  padding: 4px;
  border-radius: 2px;
  text-align: center;
  font-size: 85%;
  display: inline-block;
  vertical-align: top;
  color: white;
  background-color: #555;
}

.wrapper--status.indicator-status-ok {
  background-color: green;
}

.wrapper--status.indicator-status-warning {
  background-color: orange;
}

.wrapper--status.indicator-status-error {
  background-color: red;
}

File

css/apigee_edge.status_property.css
View source
  1. /*
  2. * Copyright 2018 Google Inc.
  3. *
  4. * This program is free software; you can redistribute it and/or modify it under
  5. * the terms of the GNU General Public License version 2 as published by the
  6. * Free Software Foundation.
  7. *
  8. * This program is distributed in the hope that it will be useful, but WITHOUT
  9. * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
  10. * or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public
  11. * License for more details.
  12. *
  13. * You should have received a copy of the GNU General Public License along
  14. * with this program; if not, write to the Free Software Foundation, Inc., 51
  15. * Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  16. */
  17. .wrapper--status {
  18. padding: 4px;
  19. border-radius: 2px;
  20. text-align: center;
  21. font-size: 85%;
  22. display: inline-block;
  23. vertical-align: top;
  24. color: white;
  25. background-color: #555;
  26. }
  27. .wrapper--status.indicator-status-ok {
  28. background-color: green;
  29. }
  30. .wrapper--status.indicator-status-warning {
  31. background-color: orange;
  32. }
  33. .wrapper--status.indicator-status-error {
  34. background-color: red;
  35. }