dashboard.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. .dashboard {
  2. position: relative;
  3. }
  4. .dashboard > .row {
  5. margin: 0 -10px;
  6. }
  7. .dashboard > .row > [class^="col-"], .dashboard > .row > [class*=" col-"] {
  8. padding: 0 10px;
  9. }
  10. .dashboard .panel-heading {
  11. font-weight: 700;
  12. height: 34px;
  13. padding: 6px;
  14. text-overflow: ellipsis;
  15. white-space: nowrap;
  16. }
  17. .dashboard .panel-heading:hover > .panel-actions > .btn, .dashboard .panel-heading:hover > .panel-actions > .dropdown > .btn, .dashboard .panel-heading:hover > .panel-actions > .dropdown > a, .dashboard .panel-heading:hover > .panel-actions > a {
  18. opacity: 1;
  19. }
  20. .dashboard .panel-heading > [class^="icon-"] {
  21. opacity: 0.7;
  22. }
  23. .dashboard .panel-actions {
  24. float: right;
  25. }
  26. .dashboard .panel-actions .dropdown {
  27. display: inline-block;
  28. }
  29. .dashboard .panel-actions .dropdown-menu {
  30. min-width: 80px;
  31. }
  32. .dashboard .panel-actions .dropdown-menu > li > a {
  33. padding: 3px 10px;
  34. }
  35. .dashboard .panel-actions .btn {
  36. margin-top: -4px;
  37. }
  38. .dashboard .panel-actions > a, .dashboard .panel-actions > .dropdown > a {
  39. color: gray;
  40. display: inline-block;
  41. }
  42. .dashboard .panel-actions > a *:hover, .dashboard .panel-actions > .dropdown > a *:hover {
  43. text-decoration: none;
  44. }
  45. .dashboard .panel-actions > a > .caret, .dashboard .panel-actions > .dropdown > a > .caret {
  46. line-height: 20px;
  47. }
  48. .dashboard .panel-actions > .btn, .dashboard .panel-actions > .dropdown > .btn, .dashboard .panel-actions > .dropdown > a, .dashboard .panel-actions > a {
  49. opacity: 0.7;
  50. }
  51. .dashboard .panel-actions .btn + .btn {
  52. margin-left: 4px;
  53. }
  54. .dashboard .panel {
  55. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  56. }
  57. .dashboard .panel-body {
  58. overflow: auto;
  59. padding: 6px 10px;
  60. }
  61. .dashboard .panel-body.no-padding {
  62. padding: 0;
  63. }
  64. .dashboard .panel-body > dl {
  65. margin: 0;
  66. }
  67. .dashboard .panel-body > ul, .dashboard .panel-body > ol {
  68. margin: 0;
  69. padding-left: 20px;
  70. }
  71. .dashboard.dashboard-draggable .panel-heading {
  72. cursor: move;
  73. }
  74. .dashboard .panel-dragging {
  75. background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  76. border: 1px solid #fff;
  77. box-shadow: none !important;
  78. color: #fff;
  79. }
  80. .dashboard .panel-dragging > * {
  81. opacity: 0.1;
  82. }
  83. .dashboard .panel-dragging-shadow {
  84. background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  85. border: 2px solid rgba(255, 255, 255, 0.9);
  86. box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.5) !important;
  87. cursor: move;
  88. position: absolute;
  89. }
  90. .dashboard .panel-dragging-shadow > * {
  91. opacity: 0.7;
  92. }
  93. .dashboard .panel-dragging-shadow.circle {
  94. border-radius: 50%;
  95. overflow: hidden;
  96. transition: width 0.2s ease 0s, height 0.2s ease 0s;
  97. }
  98. .dashboard .panel-dragging-shadow.circle .panel-actions {
  99. display: none;
  100. }
  101. .dashboard .dragging-col-holder {
  102. display: none;
  103. }
  104. .dashboard.dashboard-holding .dragging-col-holder {
  105. display: block;
  106. }
  107. .dashboard.dashboard-holding .dragging-col {
  108. display: none;
  109. }
  110. .dashboard-inverse {
  111. background-color: #3280fc;
  112. }
  113. .dashboard-inverse .panel {
  114. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  115. }
  116. .dashboard-inverse .panel-dragging {
  117. background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  118. }
  119. .dashboard-inverse .panel-dragging-shadow {
  120. box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.5) !important;
  121. }