You are here

easychart.widget.css in Easychart 8.3

Same filename and directory in other branches
  1. 7.3 css/easychart.widget.css
.easychart-wrapper {
  border: 1px solid #ccc;
  margin: 1em 0;
}

/* Fullscreen */
.easychart-header {
  background: #333;
  color: #fff;
}

.easychart-header .toggle {
  padding: 3px 10px 0px 30px;
  display: inline-block;
  background: url(../assets/icon-fullscreen.png) no-repeat 10px 7px;
  background-size: 12px auto;
  cursor: pointer;
}

.easychart-wrapper:-moz-full-screen {
  background: #f5f5f5;
  overflow: scroll;
}

.easychart-wrapper:-webkit-full-screen {
  background: #f5f5f5;
  overflow: scroll;
  position: fixed;
  width: 100%;
  top: 0;
}

.easychart-wrapper:-ms-fullscreen {
  background: #f5f5f5;
  overflow: scroll;
  width: auto;
  height: auto;
  margin: auto;
}

.easychart-wrapper:fullscreen {
  background: #f5f5f5;
  overflow: scroll;
}

File

css/easychart.widget.css
View source
  1. .easychart-wrapper {
  2. border: 1px solid #ccc;
  3. margin: 1em 0;
  4. }
  5. /* Fullscreen */
  6. .easychart-header {
  7. background: #333;
  8. color: #fff;
  9. }
  10. .easychart-header .toggle {
  11. padding: 3px 10px 0px 30px;
  12. display: inline-block;
  13. background: url(../assets/icon-fullscreen.png) no-repeat 10px 7px;
  14. background-size: 12px auto;
  15. cursor: pointer;
  16. }
  17. .easychart-wrapper:-moz-full-screen {
  18. background: #f5f5f5;
  19. overflow: scroll;
  20. }
  21. .easychart-wrapper:-webkit-full-screen {
  22. background: #f5f5f5;
  23. overflow: scroll;
  24. position: fixed;
  25. width: 100%;
  26. top: 0;
  27. }
  28. .easychart-wrapper:-ms-fullscreen {
  29. background: #f5f5f5;
  30. overflow: scroll;
  31. width: auto;
  32. height: auto;
  33. margin: auto;
  34. }
  35. .easychart-wrapper:fullscreen {
  36. background: #f5f5f5;
  37. overflow: scroll;
  38. }