You are here

Home » API reference » CKEditor Tabber 8

tabber.css in CKEditor Tabber 8 

/* Small CSS to differentiate tabs durng edition */
dl.ckeditor-tabber {
	border: dashed 2px #FDD835;
	padding: 40px 20px 0;
	position: relative;
}
dl.ckeditor-tabber dt {
    border: dashed 1px #1E88E5;
    display: inline-block;
    padding: 5px 10px;
}
dl.ckeditor-tabber dd {
    border: dashed 1px #43A047;
    margin: 5px 0 20px 20px;
    padding: 0 10px;
}

dl.ckeditor-tabber:before {
	content: 'Tabbed content';
	position: absolute;
	left: 0;
	top: 5px;
	font-weight: bold;
	display: block;
	padding: 5px 10px 0;
}

File

js/plugins/tabber/tabber.css
View source 
  1. /* Small CSS to differentiate tabs durng edition */

  2. dl.ckeditor-tabber {

  3. 	border: dashed 2px #FDD835;

  4. 	padding: 40px 20px 0;

  5. 	position: relative;

  6. }

  7. dl.ckeditor-tabber dt {

  8.     border: dashed 1px #1E88E5;

  9.     display: inline-block;

  10.     padding: 5px 10px;

  11. }

  12. dl.ckeditor-tabber dd {

  13.     border: dashed 1px #43A047;

  14.     margin: 5px 0 20px 20px;

  15.     padding: 0 10px;

  16. }

  17. 

  18. dl.ckeditor-tabber:before {

  19. 	content: 'Tabbed content';

  20. 	position: absolute;

  21. 	left: 0;

  22. 	top: 5px;

  23. 	font-weight: bold;

  24. 	display: block;

  25. 	padding: 5px 10px 0;

  26. }