File: /var/www/html/www.winghung.com/wp-content/plugins/chatbot/css/wp-chatbot-tabs.css
/* Default tab style */
.wp-chatbot-tabs {
position: relative;
overflow: hidden;
margin: 0 auto;
width: 100%;
font-weight: 300;
display: flex;
}
/* Nav */
.wp-chatbot-tabs nav {
width: 16%;
display: block;
float: left;
}
.wp-chatbot-tabs nav ul {
position: relative;
margin: 0 auto;
padding: 0;
list-style: none;
margin-bottom: 15px;
}
.wp-chatbot-tabs nav a span {
vertical-align: middle;
font-size: 0.75em;
}
/* Content */
.content-wrap {
position: relative;
width: 64%;
display: block;
float: left;
}
.content-wrap section {
display: none;
margin: 0 auto;
padding: 1em;
}
.content-wrap section.content-current {
display: block;
}
.wp-chatbot-lng-items .row, #wp-chatbot-language-section .row{
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 0;
}
.top-section .row .cxsc-settings-blocks {
padding-top: 10px;
}
.content-wrap section h4 {
margin-top: 0;
padding-top: 0;
font-size: 16px;
font-weight: normal;
}
.content-wrap section.content-current input[type=checkbox] + label, .wp-chatbot-wrap label {
font-size: 14px;
font-weight: normal !important;
margin-bottom: 0;
}
/* Fallback */
.no-js .content-wrap section {
display: block;
padding-bottom: 2em;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.no-flexbox nav ul {
display: block;
}
.no-flexbox nav ul li {
min-width: 15%;
display: inline-block;
}
/*****************************/
/* Flip */
/*****************************/
.wp-chatbot-tabs-style-flip nav a {
padding: 0.5em 1em;
color: #33B0D9;
font-size: 18px;
}
.wp-chatbot-tabs-style-flip nav a:hover, .wp-chatbot-tabs-style-flip nav a:focus, .wp-chatbot-tabs-style-flip nav a:active, .wp-chatbot-tabs-style-flip nav li.tab-current a {
color: #74777b;
outline: none;
box-shadow: none;
}
.wp-chatbot-tabs-style-flip nav a span {
text-transform: capitalize;
letter-spacing: 1px;
font-weight: 700;
font-size: 0.625em;
}
.wp-chatbot-tabs-style-flip nav a::after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #f0f0f0;
content: '';
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
-webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-perspective-origin: 50% 100%;
perspective-origin: 50% 100%;
}
.wp-chatbot-tabs-style-flip nav li.tab-current a::after {
background-color: #fff;
-webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
}
.wp-chatbot-tabs-style-flip .content-wrap {
background: #fff;
}
@media screen and (max-width: 58em) {
.wp-chatbot-tabs nav a.icon span {
display: none;
}
.wp-chatbot-tabs nav a:before {
margin-right: 0;
}
}
@media screen and (max-width: 650px) {
.wp-chatbot-tabs-style-flip nav a {
padding: 0;
line-height: 2;
}
}
div#wp-chatbot-custom-color-options .cxsc-settings-blocks{
min-height: 85px;
}
div#wp-chatbot-custom-color-options .cxsc-settings-blocks .cxsc-settings-blocks {
min-height: 0;
}
section.wp-chatbot-tab-container-inner .top-section {
}
section.wp-chatbot-tab-container-inner div#wp-chatbot-custom-color-options .top-section .row {
padding: 15px;
}
section.wp-chatbot-tab-container-inner .top-section input[type=checkbox] + label {
font-size: 14px !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd;
font-size: 15px;
}
.wp-chatbot-language-center-summmery {
DISPLAY: NONE !important;
}
header.wp-chatbot-admin-header h3 {
color: #fff;
}
.top-section .row .cxsc-settings-blocks {
background-color: #fff;
border: 1px solid #fff;
margin: 0;
padding: 0;
box-shadow: none;
width: auto;
}
.wrapTexttop-lite .alert.alert-warning {
margin: 0 0 15px 0;
}