You are here

tabs.css in CKEditor Bootstrap Tabs 8

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs:after {
  content: ' ';
  display: table;
  clear: both;
}

.nav-tabs > li {
  float: left;
  position: relative;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active {
  background-color: #fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.tab-content {
  clear: both;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
  border: 1px solid #ddd;
  border-top-width: 0;
}

.tab-content > .active > .tab-pane-content {
  min-height: 30px;
}

File

css/tabs.css
View source
  1. .nav {
  2. padding-left: 0;
  3. margin-bottom: 0;
  4. list-style: none;
  5. }
  6. .nav > li {
  7. position: relative;
  8. display: block;
  9. }
  10. .nav > li > a {
  11. position: relative;
  12. display: block;
  13. padding: 10px 15px;
  14. }
  15. .nav > li > a:hover,
  16. .nav > li > a:focus {
  17. text-decoration: none;
  18. background-color: #eee;
  19. }
  20. .nav > li.disabled > a {
  21. color: #777;
  22. }
  23. .nav > li.disabled > a:hover,
  24. .nav > li.disabled > a:focus {
  25. color: #777;
  26. text-decoration: none;
  27. cursor: not-allowed;
  28. background-color: transparent;
  29. }
  30. .nav .open > a,
  31. .nav .open > a:hover,
  32. .nav .open > a:focus {
  33. background-color: #eee;
  34. border-color: #337ab7;
  35. }
  36. .nav .nav-divider {
  37. height: 1px;
  38. margin: 9px 0;
  39. overflow: hidden;
  40. background-color: #e5e5e5;
  41. }
  42. .nav > li > a > img {
  43. max-width: none;
  44. }
  45. .nav-tabs {
  46. border-bottom: 1px solid #ddd;
  47. }
  48. .nav-tabs:after {
  49. content: ' ';
  50. display: table;
  51. clear: both;
  52. }
  53. .nav-tabs > li {
  54. float: left;
  55. position: relative;
  56. margin-bottom: -1px;
  57. }
  58. .nav-tabs > li > a {
  59. margin-right: 2px;
  60. line-height: 1.42857143;
  61. border: 1px solid transparent;
  62. }
  63. .nav-tabs > li > a:hover {
  64. border-color: #eee #eee #ddd;
  65. }
  66. .nav-tabs > li.active {
  67. background-color: #fff;
  68. }
  69. .nav-tabs > li.active > a,
  70. .nav-tabs > li.active > a:hover,
  71. .nav-tabs > li.active > a:focus {
  72. color: #555;
  73. cursor: default;
  74. background-color: #fff;
  75. border: 1px solid #ddd;
  76. border-bottom-color: transparent;
  77. }
  78. .tab-content {
  79. clear: both;
  80. }
  81. .tab-content > .tab-pane {
  82. display: none;
  83. }
  84. .tab-content > .active {
  85. display: block;
  86. border: 1px solid #ddd;
  87. border-top-width: 0;
  88. }
  89. .tab-content > .active > .tab-pane-content {
  90. min-height: 30px;
  91. }