You are here

Home » API reference » CKEditor Tabber 7

ckeditor_tabber.css in CKEditor Tabber 7 

/* tabs */
dl.ckeditor-tabber {
  margin: 1em 0;
  position: relative;
  clear: left;
}
dl.ckeditor-tabber dt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: auto;
  text-align: center;
  display: inline-block;
  background: #CCC;
  border: solid #333;
  border-width: 1px 1px 0 0;
  z-index: 1;
}
dl.ckeditor-tabber dt:first-child {
  border-width: 1px 1px 0 1px;
}
dl.ckeditor-tabber dt a {
  display: block;
  padding: 12px 8px;
}
dl.ckeditor-tabber dt.current {
  background: #FFF;
  border-bottom: 1px solid #FFF;
  position: relative;
  z-index: 3;
}
dl.ckeditor-tabber dd {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  z-index: 2;
  padding: 1em;
  position: relative;
  top: -2px;
  background: #FFF;
  border: 1px solid #333;
}

File

ckeditor_tabber.css
View source 
  1. /* tabs */

  2. dl.ckeditor-tabber {

  3.   margin: 1em 0;

  4.   position: relative;

  5.   clear: left;

  6. }

  7. dl.ckeditor-tabber dt {

  8.   -moz-box-sizing: border-box;

  9.   -webkit-box-sizing: border-box;

  10.   box-sizing: border-box;

  11.   position: absolute;

  12.   top: 0;

  13.   width: auto;

  14.   text-align: center;

  15.   display: inline-block;

  16.   background: #CCC;

  17.   border: solid #333;

  18.   border-width: 1px 1px 0 0;

  19.   z-index: 1;

  20. }

  21. dl.ckeditor-tabber dt:first-child {

  22.   border-width: 1px 1px 0 1px;

  23. }

  24. dl.ckeditor-tabber dt a {

  25.   display: block;

  26.   padding: 12px 8px;

  27. }

  28. dl.ckeditor-tabber dt.current {

  29.   background: #FFF;

  30.   border-bottom: 1px solid #FFF;

  31.   position: relative;

  32.   z-index: 3;

  33. }

  34. dl.ckeditor-tabber dd {

  35.   -moz-box-sizing: border-box;

  36.   -webkit-box-sizing: border-box;

  37.   box-sizing: border-box;

  38.   width: 100%;

  39.   margin: 0;

  40.   z-index: 2;

  41.   padding: 1em;

  42.   position: relative;

  43.   top: -2px;

  44.   background: #FFF;

  45.   border: 1px solid #333;

  46. }