tabs.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /**
  2. * Copyright © Magento, Inc. All rights reserved.
  3. * See COPYING.txt for license details.
  4. */
  5. div.ui-tabs {
  6. padding: 0 0 20px 0;
  7. }
  8. div.ui-tabs > ul {
  9. padding-left: 5px;
  10. }
  11. div.ui-tabs li {
  12. position: relative;
  13. z-index: 98;
  14. display:inline-block;
  15. border: 1px solid #ccc;
  16. margin: 0 3px;
  17. padding: 7px 10px;
  18. -webkit-border-top-left-radius: 4px;
  19. -webkit-border-top-right-radius: 4px;
  20. -moz-border-radius-topleft: 4px;
  21. -moz-border-radius-topright: 4px;
  22. border-top-left-radius: 4px;
  23. border-top-right-radius: 4px;
  24. background-color: #f7f7f7;
  25. }
  26. div.ui-tabs li.ui-tabs-active {
  27. background-color: #fff;
  28. border-bottom: 1px solid #fff;
  29. z-index: 100;
  30. }
  31. div.ui-tabs .ui-state-hover > a {
  32. color: #444;
  33. }
  34. div.ui-tabs > ul a {
  35. text-decoration: none;
  36. color: #777;
  37. font-size: 1.1em;
  38. }
  39. div.ui-tabs .ui-tabs-active > a {
  40. color: #444;
  41. }
  42. div.ui-tabs > div {
  43. position: relative;
  44. border: 1px solid #CCC;
  45. padding: 20px;
  46. z-index: 99;
  47. font-size: 1.1em;
  48. }