tabs.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /* jQuery UI Tabs */
  2. .ui-tabs-nav {
  3. margin: 0;
  4. padding: 0;
  5. list-style: none;
  6. border-bottom: 1px solid transparent;
  7. }
  8. .ui-tabs-nav li > a {
  9. line-height: 32px;
  10. height: 32px;
  11. margin-right: 5px;
  12. padding: 0 20px;
  13. border-bottom: 0;
  14. }
  15. .ui-tabs-nav li {
  16. margin-bottom: -1px;
  17. }
  18. .ui-tabs-panel {
  19. display: block;
  20. padding: 15px;
  21. background: none;
  22. }
  23. .ui-tabs-panel:last-child {
  24. border-bottom: 0 !important;
  25. }
  26. .ui-tabs-nav > li,
  27. .ui-tabs-nav > li > a {
  28. position: relative;
  29. float: left;
  30. }
  31. .ui-tabs-nav > li > a .float-left.glyph-icon {
  32. float: none !important;
  33. margin-right: 5px;
  34. }
  35. .ui-tabs-nav > li > a .float-right.glyph-icon {
  36. float: none !important;
  37. margin-right: 0;
  38. margin-left: 5px;
  39. }
  40. /* Alternate tabs */
  41. .tabs-navigation > ul {
  42. margin: 0;
  43. padding: 0;
  44. border-width: 1px;
  45. border-style: solid;
  46. border-radius: 0;
  47. background: #fff;
  48. }
  49. .tabs-navigation > ul li {
  50. margin: 0;
  51. }
  52. .tabs-navigation > ul li > a {
  53. font-size: 20px;
  54. line-height: 64px;
  55. height: 64px;
  56. margin: 0 !important;
  57. padding: 0 35px;
  58. border-right-width: 1px;
  59. border-right-style: solid;
  60. border-radius: 0;
  61. background: transparent;
  62. }
  63. .tabs-navigation > ul li.ui-tabs-active a {
  64. line-height: 64px;
  65. height: 64px;
  66. margin: 0 !important;
  67. padding-bottom: 0;
  68. color: #000 !important;
  69. background: #eff4f6;
  70. }
  71. .tabs-navigation > ul li.ui-tabs-active a:hover,
  72. .tabs-navigation > ul li > a:hover {
  73. background: #eff4f6;
  74. }