flower.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. .graph .content {
  2. width: 1200px;
  3. }
  4. .graph .chart {
  5. display: inline-block;
  6. }
  7. .graph .chart path {
  8. -webkit-transition: opacity 0.2s linear;
  9. }
  10. .graph .slider {
  11. margin-top: 10px;
  12. }
  13. .graph .legend {
  14. display: inline-block;
  15. position: relative;
  16. left: 8px;
  17. }
  18. .graph .legend-container {
  19. position: absolute;
  20. right: 0;
  21. bottom: 26px;
  22. width: 0;
  23. }
  24. .graph .chart-container {
  25. position: relative;
  26. display: inline-block;
  27. }
  28. .graph .smoother {
  29. margin: 0 0 10px 16px;
  30. width: 100px;
  31. }
  32. .rickshaw_graph .detail {
  33. left: -1000;
  34. }
  35. .graph .chart {
  36. border: 1px solid #f0f0f0;
  37. }
  38. .graph .side-panel {
  39. padding: 0 20px 20px 0;
  40. display: inline-block;
  41. vertical-align: top;
  42. }
  43. .graph .side-panel section {
  44. color: #505050;
  45. font-size: 12px;
  46. }
  47. .graph .side-panel section h6 {
  48. margin: 0 0 1em 0;
  49. font-size: 12px;
  50. font-weight: normal;
  51. }
  52. .graph .side-panel .ui-slider-horizontal {
  53. height: 1px !important;
  54. border-color: #e0e0e0;
  55. margin-bottom: 10px;
  56. }
  57. .graph .side-panel .ui-slider-handle {
  58. border-color: #a0a0a0;
  59. height: 9px !important;
  60. width: 9px !important;
  61. top: -5px !important;
  62. border-radius: 6px;
  63. outline: none;
  64. cursor: pointer;
  65. }
  66. .graph .legend {
  67. background-color: white;
  68. margin-left: 0;
  69. padding: 0;
  70. left: 0;
  71. }
  72. .graph .legend .label {
  73. color: #404040;
  74. background-color: white;
  75. }
  76. .graph .legend .action {
  77. color: black;
  78. opacity: 0.5;
  79. }
  80. .graph .legend ul {
  81. padding: 0;
  82. }
  83. .graph section {
  84. border: none;
  85. border-top: 1px solid #eaeaea;
  86. padding: 15px 0;
  87. }
  88. .graph .smoother {
  89. margin: 5px 0 0 10px;
  90. width: 90%;
  91. }
  92. .graph .legend .label.disabled {
  93. opacity: 0.4;
  94. }
  95. #renderer_form.toggler {
  96. display: block;
  97. margin: 0;
  98. }
  99. #renderer_form.toggler input[type=radio]:checked {
  100. outline: 2px solid steelblue;
  101. }
  102. #renderer_form.toggler input[type=radio] {
  103. -moz-appearance: button;
  104. background: white;
  105. margin: 0 7px;
  106. width: 39px;
  107. height: 26px;
  108. position: absolute;
  109. }
  110. #renderer_form.toggler label {
  111. display: inline-block;
  112. padding: 0;
  113. width: 39px;
  114. padding-top: 27px;
  115. text-align: center;
  116. font-size: 10px;
  117. color: #808080;
  118. background-repeat: no-repeat;
  119. position: relative;
  120. margin: 0 7px;
  121. cursor: pointer;
  122. }
  123. .spacer {
  124. margin-top: 20px;
  125. margin-bottom: 20px;
  126. }
  127. .span6 table {
  128. table-layout:fixed;
  129. word-wrap: break-word;
  130. }
  131. .span6 table caption + tbody tr td:first-child {
  132. width: 25%;
  133. }