You are here

additional.css in CKEditor Bootstrap Tabs 7

.bootstrap-tab {
  padding: 8px;
  margin: 10px;
  background: #eee;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px #fff inset, 0 -1px 0 #ccc inset;
}

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

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

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

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

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #337ab7;
  text-decoration: none;
}

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

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

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

.tab-content {
  clear: both;
  width: 100%;
}

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

.tab-content > .active {
  display: block;
}

.tab-content table,
.tab-content table td {
  border: 1px solid #999;
}

.tab-content table th {
  border: 1px solid #999;
}

File

bootstrap_tabs/plugin/additional.css
View source
  1. .bootstrap-tab {
  2. padding: 8px;
  3. margin: 10px;
  4. background: #eee;
  5. border-radius: 8px;
  6. border: 1px solid #ddd;
  7. box-shadow: 0 1px 1px #fff inset, 0 -1px 0 #ccc inset;
  8. }
  9. .nav {
  10. padding-left: 0;
  11. margin-bottom: 0;
  12. list-style: none;
  13. }
  14. .nav-tabs {
  15. border-bottom: 1px solid #ddd;
  16. }
  17. .nav-tabs:after {
  18. content: ' ';
  19. display: table;
  20. clear: both;
  21. }
  22. .nav-tabs > li {
  23. float: left;
  24. margin-bottom: -1px;
  25. position: relative;
  26. display: block;
  27. }
  28. .nav-tabs > li > a {
  29. margin-right: 2px;
  30. line-height: 1.42857143;
  31. border: 1px solid transparent;
  32. border-radius: 4px 4px 0 0;
  33. position: relative;
  34. display: block;
  35. padding: 10px 15px;
  36. color: #337ab7;
  37. text-decoration: none;
  38. }
  39. .nav-tabs > li > a:hover {
  40. border-color: #ccc #ccc #ddd;
  41. }
  42. .nav > li > a:focus,
  43. .nav > li > a:hover {
  44. text-decoration: none;
  45. background-color: #ccc;
  46. }
  47. .nav-tabs > li.active > a,
  48. .nav-tabs > li.active > a:focus,
  49. .nav-tabs > li.active > a:hover {
  50. color: #555;
  51. cursor: default;
  52. background-color: #fff;
  53. border: 1px solid #ddd;
  54. border-bottom-color: transparent;
  55. }
  56. .tab-content {
  57. clear: both;
  58. width: 100%;
  59. }
  60. .tab-content > .tab-pane {
  61. display: block;
  62. }
  63. .tab-content > .active {
  64. display: block;
  65. }
  66. .tab-content table,
  67. .tab-content table td {
  68. border: 1px solid #999;
  69. }
  70. .tab-content table th {
  71. border: 1px solid #999;
  72. }