page.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .grafana-app {
  2. display: block;
  3. height: 100%;
  4. }
  5. .dashboard-container {
  6. padding: 5px 5px;
  7. width: 100%;
  8. box-sizing: border-box;
  9. }
  10. .main-view {
  11. background-image: url(/img/grafana_pattern.png);
  12. background-position: 100% -550px;
  13. background-repeat: no-repeat;
  14. height: 100%;
  15. }
  16. .page-dashboard {
  17. .main-view {
  18. background-image: none;
  19. }
  20. }
  21. .page-container {
  22. background-color: @pageBackground;
  23. position: relative;
  24. padding: 25px 56px 10px 56px;
  25. max-width: 1060px;
  26. margin-left: 0;
  27. height: 100%;
  28. }
  29. .page-header {
  30. display: flex;
  31. justify-content: space-between;
  32. align-items: center;
  33. display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  34. display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  35. display: -ms-flexbox; /* TWEENER - IE 10 */
  36. display: -webkit-flex; /* NEW - Chrome */
  37. flex-wrap: wrap-reverse;
  38. }
  39. .admin-page {
  40. max-width: 800px;
  41. margin-left: 10px;
  42. .gf-box {
  43. margin-top: 0;
  44. }
  45. .gf-box-body {
  46. min-height: 0;
  47. }
  48. h2 {
  49. margin-left: 15px;
  50. margin-bottom: 0px;
  51. font-size: @fontSizeLarge;
  52. color: @textColor;
  53. i {
  54. padding-right: 6px;
  55. }
  56. }
  57. }