Advertisement
Guest User

style

a guest
Jan 20th, 2019
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.31 KB | None | 0 0
  1. <style>
  2. .outer {
  3. width: 80%;
  4. height: 200px;
  5. margin-left:auto;
  6. }
  7. .outer2 {
  8. width: 92%;
  9. height: 200px;
  10. margin-left:auto;
  11. }
  12. .outer .chart-container {
  13. width: 100px;
  14. float: left;
  15. height: 200px;
  16. }
  17. .outer2 .chart-container {
  18. width: 100px;
  19. float: left;
  20. height: 200px;
  21. }
  22. .highcharts-yaxis-grid .highcharts-grid-line {
  23. display: none;
  24. }
  25. @media(max-width:992px){
  26. .outer {
  27. width: 100%;
  28. height: 200px;
  29. margin-left:auto;
  30. }
  31. .outer2 {
  32. width: 100%;
  33. height: 200px;
  34. margin-left:auto;
  35. }
  36. .outer .chart-container {
  37. width: 100px;
  38. float: left;
  39. height: 200px;
  40. }
  41. .outer2 .chart-container {
  42. width: 100px;
  43. float: left;
  44. height: 200px;
  45. }
  46. }
  47.  
  48. @media (min-width: 992px) and (max-width: 1199px){
  49. .outer {
  50. width: 90%;
  51. height: 200px;
  52. margin-left:auto;
  53. }
  54. .outer2 {
  55. width: 90%;
  56. height: 200px;
  57. margin-left:auto;
  58. }
  59. .outer .chart-container {
  60. width: 100px;
  61. float: left;
  62. height: 200px;
  63. }
  64. .outer2 .chart-container {
  65. width: 100px;
  66. float: left;
  67. height: 200px;
  68. }
  69. }
  70.  
  71. /* @media (max-width: 600px) {
  72. .outer {
  73. width: 100%;
  74. height: 400px;
  75. }
  76. .outer .chart-container {
  77. width: 300px;
  78. float: none;
  79. margin: 0 auto;
  80. } */
  81.  
  82. }
  83. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement