You are here

easychart.admin.css in Easychart 7

.easychart-wrapper {
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 1em;
}

.easychart-popup {
  display: none;
  position: fixed;
  z-index: 1000;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255, 0.97);
  overflow: hidden;
  left: 1em;
  top: 1em;
  right: 1em;
  bottom: 1em;
  box-shadow: 0px 0px 3px #ccc;
}

.easychart-popup-content {
  height: 100%;
}
.ec-container {
  overflow: scroll;
  height: 100%;
}

.easychart-wrapper a.easychart-configure-link {
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
}

.easychart-bar {
  text-align: right;
  padding: 0.5em;
  background: #57544a; /* Old browsers */
  background: -moz-linear-gradient(top,  #57544a 0%, #37342a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57544a), color-stop(100%,#37342a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #57544a 0%,#37342a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #57544a 0%,#37342a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #57544a 0%,#37342a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #57544a 0%,#37342a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57544a', endColorstr='#37342a',GradientType=0 ); /* IE6-8 */
}

.easychart-bar a {
  color: #fff;
  text-decoration: underline;
  margin-left: 15px;
}

.easychart-preview {
  max-width: 50%;
  margin:  0 0 0 1em;
  float: right;
}

.easychart-left {
  width: 40%;
  float: left;
}

#edit-easychart .sticky-header {
  z-index: 2;
}

File

css/easychart.admin.css
View source
  1. .easychart-wrapper {
  2. border: 1px solid #ccc;
  3. margin: 1em 0;
  4. padding: 1em;
  5. }
  6. .easychart-popup {
  7. display: none;
  8. position: fixed;
  9. z-index: 1000;
  10. background-color: rgb(255,255,255);
  11. background-color: rgba(255,255,255, 0.97);
  12. overflow: hidden;
  13. left: 1em;
  14. top: 1em;
  15. right: 1em;
  16. bottom: 1em;
  17. box-shadow: 0px 0px 3px #ccc;
  18. }
  19. .easychart-popup-content {
  20. height: 100%;
  21. }
  22. .ec-container {
  23. overflow: scroll;
  24. height: 100%;
  25. }
  26. .easychart-wrapper a.easychart-configure-link {
  27. margin-top: 1em;
  28. margin-bottom: 1em;
  29. display: inline-block;
  30. }
  31. .easychart-bar {
  32. text-align: right;
  33. padding: 0.5em;
  34. background: #57544a; /* Old browsers */
  35. background: -moz-linear-gradient(top, #57544a 0%, #37342a 100%); /* FF3.6+ */
  36. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57544a), color-stop(100%,#37342a)); /* Chrome,Safari4+ */
  37. background: -webkit-linear-gradient(top, #57544a 0%,#37342a 100%); /* Chrome10+,Safari5.1+ */
  38. background: -o-linear-gradient(top, #57544a 0%,#37342a 100%); /* Opera 11.10+ */
  39. background: -ms-linear-gradient(top, #57544a 0%,#37342a 100%); /* IE10+ */
  40. background: linear-gradient(to bottom, #57544a 0%,#37342a 100%); /* W3C */
  41. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57544a', endColorstr='#37342a',GradientType=0 ); /* IE6-8 */
  42. }
  43. .easychart-bar a {
  44. color: #fff;
  45. text-decoration: underline;
  46. margin-left: 15px;
  47. }
  48. .easychart-preview {
  49. max-width: 50%;
  50. margin: 0 0 0 1em;
  51. float: right;
  52. }
  53. .easychart-left {
  54. width: 40%;
  55. float: left;
  56. }
  57. #edit-easychart .sticky-header {
  58. z-index: 2;
  59. }