You are here

flot_examples_series_pie.css in Flot 8

.demo-container {
  position: relative;
  height: 400px;
}

#placeholder {
  width: 550px;
}

#menu {
  position: absolute;
  top: 20px;
  left: 625px;
  bottom: 20px;
  right: 20px;
  width: 200px;
}

#menu button {
  display: inline-block;
  width: 200px;
  padding: 3px 0 2px 0;
  margin-bottom: 4px;
  background: #eee;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 16px;
  -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  cursor: pointer;
}

#description {
  margin: 15px 10px 20px 10px;
}

#code {
  display: block;
  width: 870px;
  padding: 15px;
  margin: 10px auto;
  border: 1px dashed #999;
  background-color: #f8f8f8;
  font-size: 16px;
  line-height: 20px;
  color: #666;
}

ul {
  font-size: 10pt;
}

ul li {
  margin-bottom: 0.5em;
}

ul.options li {
  list-style: none;
  margin-bottom: 1em;
}

ul li i {
  color: #999;
}

File

flot_examples/css/flot_examples_series_pie.css
View source
  1. .demo-container {
  2. position: relative;
  3. height: 400px;
  4. }
  5. #placeholder {
  6. width: 550px;
  7. }
  8. #menu {
  9. position: absolute;
  10. top: 20px;
  11. left: 625px;
  12. bottom: 20px;
  13. right: 20px;
  14. width: 200px;
  15. }
  16. #menu button {
  17. display: inline-block;
  18. width: 200px;
  19. padding: 3px 0 2px 0;
  20. margin-bottom: 4px;
  21. background: #eee;
  22. border: 1px solid #999;
  23. border-radius: 2px;
  24. font-size: 16px;
  25. -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  26. -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  27. -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  28. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  29. box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  30. cursor: pointer;
  31. }
  32. #description {
  33. margin: 15px 10px 20px 10px;
  34. }
  35. #code {
  36. display: block;
  37. width: 870px;
  38. padding: 15px;
  39. margin: 10px auto;
  40. border: 1px dashed #999;
  41. background-color: #f8f8f8;
  42. font-size: 16px;
  43. line-height: 20px;
  44. color: #666;
  45. }
  46. ul {
  47. font-size: 10pt;
  48. }
  49. ul li {
  50. margin-bottom: 0.5em;
  51. }
  52. ul.options li {
  53. list-style: none;
  54. margin-bottom: 1em;
  55. }
  56. ul li i {
  57. color: #999;
  58. }