style.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. /*
  2. * Copyright (c) 2012-2013 Thibaut Courouble
  3. * http://www.webinterfacelab.com
  4. *
  5. * Licensed under the MIT License:
  6. * http://www.opensource.org/licenses/mit-license.php
  7. */
  8. .progress {
  9. height: 20px;
  10. background: #ebebeb;
  11. border-left: 1px solid transparent;
  12. border-right: 1px solid transparent;
  13. border-radius: 10px;
  14. }
  15. .progress > span {
  16. position: relative;
  17. float: left;
  18. margin: 0 -1px;
  19. min-width: 30px;
  20. height: 18px;
  21. line-height: 16px;
  22. text-align: right;
  23. background: #cccccc;
  24. border: 1px solid;
  25. border-color: #bfbfbf #b3b3b3 #9e9e9e;
  26. border-radius: 10px;
  27. background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);
  28. background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);
  29. background-image: -o-linear-gradient(top, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);
  30. background-image: linear-gradient(to bottom, #f0f0f0 0%, #dbdbdb 70%, #cccccc 100%);
  31. -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  32. box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  33. }