You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

140 lines
2.5 KiB

  1. body {
  2. padding:10px;
  3. background: #f8f8f8;
  4. }
  5. .lr-desktop-panel {
  6. position: relative;
  7. width: 100%;
  8. height: 100%;
  9. background-color: #fff;
  10. border: 1px solid #ccc;
  11. padding: 0px 22px;
  12. border-radius: 2px;
  13. }
  14. .lr-uitheme-accordion .lr-desktop-panel {
  15. border-radius: 0px;
  16. }
  17. .lr-uitheme-windos .lr-desktop-panel {
  18. border-radius: 3px;
  19. }
  20. .lr-uitheme-default .lr-desktop-panel {
  21. border-radius: 3px;
  22. }
  23. .portal-panel-title {
  24. padding-top: 10px;
  25. line-height: 45px;
  26. font-weight: bold;
  27. border-bottom: 1px solid #ccc;
  28. color: #4a4a4a;
  29. font-weight: 300;
  30. font-size: 14px;
  31. }
  32. .portal-panel-content {
  33. position:relative;
  34. width:100%;
  35. padding:20px 5px 5px 5px;
  36. }
  37. .lr-item-20 {
  38. position:relative;
  39. float:left;
  40. width:20%;
  41. padding:10px;
  42. }
  43. .task-stat {
  44. position:relative;
  45. height:104px;
  46. width:100%;
  47. border-radius: 5px;
  48. font-family: "Open Sans", sans-serif;
  49. overflow: hidden;
  50. color: #FFFFFF;
  51. }
  52. .task-stat .visual {
  53. position:absolute;
  54. top:0;
  55. left:0;
  56. padding:10px 0 0 10px;
  57. }
  58. .task-stat .visual > i {
  59. color: #FFFFFF;
  60. opacity: 0.4;
  61. filter: alpha(opacity=10);
  62. font-size: 60px;
  63. line-height: 65px;
  64. }
  65. .task-stat .details {
  66. position: absolute;
  67. right: 10px;
  68. top:10px;
  69. }
  70. .task-stat .details .number {
  71. text-align: right;
  72. font-size: 32px;
  73. line-height: 36px;
  74. letter-spacing: -1px;
  75. margin-bottom: 0px;
  76. font-weight: 300;
  77. }
  78. .task-stat .details .desc {
  79. text-align: right;
  80. font-size: 15px;
  81. padding-top: 5px;
  82. }
  83. .task-stat .more {
  84. display: block;
  85. position: absolute;
  86. bottom:0;
  87. left:0;
  88. width:100%;
  89. clear: both;
  90. padding: 4px 10px;
  91. text-transform: uppercase;
  92. font-weight: 300;
  93. font-size: 12px;
  94. opacity: 0.8;
  95. filter: alpha(opacity=70);
  96. text-decoration: none;
  97. color: #FFFFFF;
  98. }
  99. .task-stat .more > i {
  100. display: inline-block;
  101. margin-top: 0px;
  102. float: right;
  103. font-size: 15px;
  104. color: #fff;
  105. opacity: 0.8;
  106. }
  107. .task-stat .more:hover {
  108. text-decoration: none;
  109. opacity: 0.9;
  110. filter: alpha(opacity=90);
  111. }
  112. .lr-msg-line {
  113. position:relative;
  114. width:100%;
  115. line-height: 39px;
  116. border-bottom: 1px solid #ccc;
  117. }
  118. .lr-msg-line > a {
  119. cursor:pointer;
  120. color: #333;
  121. font-size: 12px;
  122. }
  123. .lr-msg-line > label {
  124. position:absolute;
  125. top:0;
  126. right:0;
  127. margin-bottom: 0px;
  128. color: #333;
  129. font-size: 12px;
  130. font-weight: 400;
  131. }
  132. .lr-chart-container {
  133. position:relative;
  134. height:400px;
  135. width:100%;
  136. }