ckeditor-tabber.css in CKEditor Tabber 8
/*
Tabber tabs that have not been created using Javascript
*/
/* clearfix */
dl.ckeditor-tabber:before,
dl.ckeditor-tabber:after {
content: " "; /* 1 */
display: table; /* 2 */
}
dl.ckeditor-tabber:after {
clear: both;
}
/* CKEditor Tabber */
dl.ckeditor-tabber,
dl.ckeditor-tabber dt,
dl.ckeditor-tabber dd {
box-sizing: border-box;
}
dl.ckeditor-tabber {
position: relative;
}
dl.ckeditor-tabber dt {
font-weight: bold;
}
/*
Tabber tabs that have been created using Javascript
*/
/* clearfix */
.ckeditor-tabber-tabs:before,
.ckeditor-tabber-tabs:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.ckeditor-tabber-tabs:after {
clear: both;
}
.ckeditor-tabber-tabs {
margin: 20px 0;
box-sizing: border-box;
}
.ckeditor-tabber-tabs * {
box-sizing: border-box;
}
/* tabs to switch visible content */
.ckeditor-tabber-tabs ul.ckeditor-tabs-holder,
.ckeditor-tabber-tabs ul.ckeditor-tabs-holder li {
margin: 0;
padding: 0;
list-style: none;
}
.ckeditor-tabber-tabs ul.ckeditor-tabs-holder {
position: relative;
z-index: 2;
}
.ckeditor-tabber-tabs ul.ckeditor-tabs-holder li {
display: inline-block;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
}
.ckeditor-tabber-tabs ul.ckeditor-tabs-holder li a {
padding: 10px 15px;
display: inline-block;
cursor: pointer;
position: relative;
}
.ckeditor-tabber-tabs ul.ckeditor-tabs-holder li.active {
border-top: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
background: #fff;
}
.ckeditor-tabber-tabs ul.ckeditor-tabs-holder li.active a {
cursor: default;
}
/* the tabbed content itself */
.ckeditor-tabber-tabs .ckeditor-tabs-content-holder {
border: 1px solid #999;
background: #fff;
position: relative;
margin-top: -1px;
z-index: 1;
}
.ckeditor-tabber-tabs .ckeditor-tabs-content-holder .ckeditor-tab-content {
margin: 15px;
display: none;
}
.ckeditor-tabber-tabs .ckeditor-tabs-content-holder .ckeditor-tab-content.active {
display: block;
}
File
css/ckeditor-tabber.css
View source
- /*
- Tabber tabs that have not been created using Javascript
- */
-
- /* clearfix */
- dl.ckeditor-tabber:before,
- dl.ckeditor-tabber:after {
- content: " "; /* 1 */
- display: table; /* 2 */
- }
- dl.ckeditor-tabber:after {
- clear: both;
- }
-
- /* CKEditor Tabber */
- dl.ckeditor-tabber,
- dl.ckeditor-tabber dt,
- dl.ckeditor-tabber dd {
- box-sizing: border-box;
- }
- dl.ckeditor-tabber {
- position: relative;
- }
-
- dl.ckeditor-tabber dt {
- font-weight: bold;
- }
-
- /*
- Tabber tabs that have been created using Javascript
- */
-
- /* clearfix */
- .ckeditor-tabber-tabs:before,
- .ckeditor-tabber-tabs:after {
- content: " "; /* 1 */
- display: table; /* 2 */
- }
- .ckeditor-tabber-tabs:after {
- clear: both;
- }
-
- .ckeditor-tabber-tabs {
- margin: 20px 0;
- box-sizing: border-box;
- }
-
- .ckeditor-tabber-tabs * {
- box-sizing: border-box;
- }
-
- /* tabs to switch visible content */
- .ckeditor-tabber-tabs ul.ckeditor-tabs-holder,
- .ckeditor-tabber-tabs ul.ckeditor-tabs-holder li {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .ckeditor-tabber-tabs ul.ckeditor-tabs-holder {
- position: relative;
- z-index: 2;
- }
-
- .ckeditor-tabber-tabs ul.ckeditor-tabs-holder li {
- display: inline-block;
- border-right: 1px solid transparent;
- border-left: 1px solid transparent;
- }
-
- .ckeditor-tabber-tabs ul.ckeditor-tabs-holder li a {
- padding: 10px 15px;
- display: inline-block;
- cursor: pointer;
- position: relative;
- }
-
- .ckeditor-tabber-tabs ul.ckeditor-tabs-holder li.active {
- border-top: 1px solid #999;
- border-right: 1px solid #999;
- border-left: 1px solid #999;
- background: #fff;
- }
-
- .ckeditor-tabber-tabs ul.ckeditor-tabs-holder li.active a {
- cursor: default;
- }
-
- /* the tabbed content itself */
- .ckeditor-tabber-tabs .ckeditor-tabs-content-holder {
- border: 1px solid #999;
- background: #fff;
- position: relative;
- margin-top: -1px;
- z-index: 1;
- }
-
- .ckeditor-tabber-tabs .ckeditor-tabs-content-holder .ckeditor-tab-content {
- margin: 15px;
- display: none;
- }
-
- .ckeditor-tabber-tabs .ckeditor-tabs-content-holder .ckeditor-tab-content.active {
- display: block;
- }