CSS 7
Jquery-visualize.css Guest on 20th November 2020 03:15:19 PM
  1. /*plugin styles*/
  2. .visualize { border: 1px solid #888; position: relative; background: #fafafa; }
  3. .visualize canvas { position: absolute; }
  4. .visualize ul,.visualize li { margin: 0; padding: 0;}
  5.  
  6. /*table title, key elements*/
  7. .visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
  8. .visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1.1em; }
  9. .visualize ul.visualize-key { list-style: none;  }
  10. .visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
  11. .visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
  12. .visualize ul.visualize-key .visualize-key-label { color: #000; }
  13.  
  14. /*pie labels*/
  15. .visualize-pie .visualize-labels { list-style: none; }
  16. .visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
  17. .visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
  18. .visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
  19.  
  20. /*line,bar, area labels*/
  21. .visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
  22. .visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
  23. .visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
  24. .visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
  25. .visualize-labels-x li { height: 100%; }
  26. .visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
  27. .visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
  28. .visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
  29. .visualize-labels-y li { width: 100%;  }
  30. .visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
  31. .visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
  32. .visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Recent Pastes

Raw Paste

Login or Register to edit or fork this paste. It's free.