4412 строки
108 KiB
CSS
4412 строки
108 KiB
CSS
.e-samplestatus.preview {
|
|
background-color: #0275d8 !important;
|
|
}
|
|
|
|
.body {
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
}
|
|
|
|
.e-view {
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.sb-left {
|
|
float: left;
|
|
}
|
|
|
|
.sb-right {
|
|
float: right;
|
|
}
|
|
|
|
.sb-block {
|
|
display: block;
|
|
}
|
|
|
|
.sb-table {
|
|
display: table;
|
|
}
|
|
|
|
.sb-table-cell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
/*sb-icons declaration*/
|
|
|
|
@font-face {
|
|
font-family: 'sbicons';
|
|
src: url('images/sb-icons/fonts/icons.ttf?gcjn6a') format('truetype'), url('images/sb-icons/fonts/icons.woff?gcjn6a') format('woff'), url('images/sb-icons/fonts/icons.svg?gcjn6a#sbicons') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sb-icons {
|
|
font-family: 'sbicons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* new icon declaration*/
|
|
|
|
@font-face {
|
|
font-family: 'sb-new-icons';
|
|
src: url('images/sb-new-icons/fonts/icomoon.ttf?gcjn6a') format('truetype'), url('images/sb-new-icons/fonts/icomoon.woff?gcjn6a') format('woff'), url('images/sb-new-icons/fonts/icomoon.svg?gcjn6a#sbicons') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.sb-new-icons {
|
|
font-family: 'sb-new-icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.sb-icon-Hamburger:before {
|
|
content: "\e914";
|
|
}
|
|
|
|
.sb-icon-icon-selection:before {
|
|
content: "\e922";
|
|
padding-left: 4px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sb-icon-Dropdown:before {
|
|
content: '\e90f';
|
|
}
|
|
|
|
.sb-icon-Settings-Preferences:before {
|
|
content: '\e923';
|
|
}
|
|
|
|
.sb-icon-Search:before {
|
|
content: '\e921';
|
|
}
|
|
|
|
.sb-icon-Responsive:before {
|
|
content: '\e920';
|
|
}
|
|
|
|
.sb-icon-Palette:before {
|
|
content: '\e92c';
|
|
}
|
|
|
|
.sb-icon-Chart:before {
|
|
content: '\e906';
|
|
}
|
|
.e-listview .e-icon-wrapper .e-list-text {
|
|
width: calc(100% - 65px)
|
|
}
|
|
|
|
#sb-content-header .e-tab-text {
|
|
display: table;
|
|
}
|
|
|
|
.sb-icon-Code:before {
|
|
content: '\e92d';
|
|
font-size: 20px;
|
|
display: table-cell;
|
|
}
|
|
|
|
.sb-icon-Demo:before {
|
|
content: '\e92e';
|
|
font-size: 20px;
|
|
display: table-cell;
|
|
}
|
|
|
|
.sb-icon-API:before {
|
|
content: '\e902';
|
|
font-size: 20px;
|
|
display: table-cell;
|
|
}
|
|
|
|
.sb-tab-title {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.sb-icon-Home:before {
|
|
content: '\e915';
|
|
font-size: 30px;
|
|
}
|
|
|
|
.sb-icon-Next:before {
|
|
content: '\e91b';
|
|
}
|
|
|
|
.sb-icons-plnkr:before {
|
|
content: '\e911';
|
|
}
|
|
|
|
.sb-icon-Back:before {
|
|
content: '\e962';
|
|
font-size: 17px;
|
|
}
|
|
.sb-icon-Popout:before {
|
|
content: '\e91d';
|
|
}
|
|
|
|
.sb-icon-Previous:before {
|
|
content: '\e91f';
|
|
}
|
|
|
|
.sb-icon-Localization:before {
|
|
content: '\e918';
|
|
}
|
|
|
|
.sb-icons.sb-icon-Back {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
width: 17px;
|
|
}
|
|
|
|
.sb-icon-Currency:before {
|
|
content: '\e90b';
|
|
}
|
|
|
|
.sb-mobile-setting:before {
|
|
content: '\e901';
|
|
color: #333333;
|
|
font-size: 25px;
|
|
}
|
|
|
|
.highcontrast .sb-mobile-setting:before {
|
|
color: #fff;
|
|
}
|
|
|
|
.material3 .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material3 .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item:hover > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material3 .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
|
|
.material3 .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text,
|
|
.material3 .control-name,
|
|
.material3 .sb-icon-Hamburger,
|
|
.material3 .sb-footer-links a,
|
|
.material3 .sb-plnr-section,
|
|
.material3 .sb-open-new-wrapper a:hover,
|
|
.material3 .sample-navigation > button:hover {
|
|
color: #6750a4;
|
|
}
|
|
|
|
.material3 .sb-left-pane .e-listview .e-list-item.e-hover,
|
|
.material3 .sb-left-pane .e-listview .e-list-item.e-active,
|
|
.material3 .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: #eaddff;
|
|
}
|
|
|
|
.material3 .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-indicator {
|
|
background: #6750a4;
|
|
}
|
|
|
|
.material3 #left-sidebar {
|
|
background: #fff;
|
|
}
|
|
|
|
.material3 .sb-content-tab .e-content.sb-sample-content-area {
|
|
background: transparent;
|
|
}
|
|
|
|
.material3 .sb-content-tab .e-tab-header.e-horizontal-bottom{
|
|
border-radius: 0 0 12px 12px;
|
|
}
|
|
.material3 .sb-content-tab .e-tab-header.sb-content-tab-header {
|
|
border-radius: 12px 12px 0 0;
|
|
}
|
|
|
|
.material3 #sb-content {
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.material3 .e-samplestatus.new, .material3 .e-samplestatus.new.tree, .material3 .e-samplestatus.New, .material3 .e-samplestatus.New.tree,
|
|
.material3 .e-samplestatus.update, .material3 .e-samplestatus.update.tree, .material3 .e-samplestatus.Update, .material3 .e-samplestatus.Update.tree,
|
|
.material3 .e-samplestatus.preview, .material3 .e-samplestatus.preview.tree, .material3 .e-samplestatus.Preview, .material3 .e-samplestatus.Preview.tree {
|
|
margin: auto 0px;
|
|
}
|
|
|
|
.material3-dark .e-samplestatus.new, .material3-dark .e-samplestatus.new.tree, .material3-dark .e-samplestatus.New, .material3-dark .e-samplestatus.New.tree,
|
|
.material3-dark .e-samplestatus.update, .material3-dark .e-samplestatus.update.tree, .material3-dark .e-samplestatus.Update, .material3-dark .e-samplestatus.Update.tree,
|
|
.material3-dark .e-samplestatus.preview, .material3-dark .e-samplestatus.preview.tree, .material3-dark .e-samplestatus.Preview, .material3-dark .e-samplestatus.Preview.tree {
|
|
margin: auto 0px;
|
|
}
|
|
|
|
.material3.e-bigger .e-badge.sb-badge.e-samplestatus.New, .material3.e-bigger .e-badge.sb-badge.e-samplestatus.new,
|
|
.material3.e-bigger .e-badge.sb-badge.e-samplestatus.Update, .material3.e-bigger .e-badge.sb-badge.e-samplestatus.update,
|
|
.material3.e-bigger .e-badge.sb-badge.e-samplestatus.Preview, .material3.e-bigger .e-badge.sb-badge.e-samplestatus.preview {
|
|
padding: 6px 8px;
|
|
font-size: 10px;
|
|
border-radius: 2px;
|
|
height: 24px;
|
|
margin: 2px 0px !important;
|
|
}
|
|
|
|
.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.New, .material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.new,
|
|
.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Update, .material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.update,
|
|
.material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.Preview, .material3-dark.e-bigger .e-badge.sb-badge.e-samplestatus.preview {
|
|
padding: 6px 8px;
|
|
font-size: 10px;
|
|
border-radius: 2px;
|
|
height: 24px;
|
|
margin: 2px 0px !important;
|
|
}
|
|
|
|
/**sb-switcher*/
|
|
|
|
.sb-switch-popup {
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #CCCCCC;
|
|
opacity: 100%;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0px 1px -3PX;
|
|
;
|
|
/* // outer* x, y - 0px, 1px* blur - 3px; */
|
|
color: #000000;
|
|
opacity: 100;
|
|
font-size: 13px;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
}
|
|
|
|
|
|
/*sample header*/
|
|
|
|
.sb-header-settings {
|
|
display: none;
|
|
}
|
|
|
|
.sb-header div,
|
|
.sb-header span {
|
|
outline: none;
|
|
}
|
|
|
|
.sb-header-text {
|
|
cursor: default;
|
|
}
|
|
|
|
.sb-header-text-right {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sb-header-preview {
|
|
background: url(images/Preview-label.svg) no-repeat right;
|
|
height: 100%;
|
|
width: 75px;
|
|
}
|
|
|
|
.sb-header {
|
|
height: 48px;
|
|
background: #FFFFFF;
|
|
box-shadow: 0 8px 11px -6px rgba(0, 0, 0, 0.12);
|
|
z-index: 1001;
|
|
opacity: 100;
|
|
}
|
|
|
|
.sb-header-left,
|
|
.sb-header-right {
|
|
height: 100%;
|
|
}
|
|
|
|
.sb-settings-wrapper {
|
|
padding: 0 20px 0px 10px;
|
|
}
|
|
|
|
.sb-search-wrapper {
|
|
padding: 0px 10px 0px 24px;
|
|
}
|
|
|
|
.sb-search-btn,
|
|
.sb-setting-btn {
|
|
width: 32px;
|
|
height: 27px;
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.sb-search-btn:hover,
|
|
.sb-search-btn.active,
|
|
.sb-setting-btn:hover,
|
|
.sb-setting-btn.active {
|
|
background-color: #d8d8d8;
|
|
}
|
|
|
|
#sb-toggle-left {
|
|
padding-left: 15px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
#sb-header-text {
|
|
padding-left: 22px;
|
|
font-size: 15px;
|
|
color: #000000;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
opacity: 87%;
|
|
}
|
|
|
|
.sb-lang-toggler {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sb-lang-toggler-wrapper {
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.sb-theme-text {
|
|
font-size: 13px;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
opacity: 54;
|
|
}
|
|
|
|
.sb-header-right .sb-icons {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sb-header-splitter {
|
|
float: left;
|
|
border-left: 1px solid rgb(196, 196, 196);
|
|
height: 32px;
|
|
margin-top: 8px;
|
|
padding-right: 22px;
|
|
}
|
|
|
|
#search-input-wrapper .sb-reset-icon {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
padding: 13px 13px;
|
|
display: none;
|
|
}
|
|
|
|
#search-input-wrapper:not([data-value='']) .sb-reset-icon {
|
|
display: block;
|
|
}
|
|
|
|
#search-input-wrapper .sb-reset-icon:before {
|
|
content: '\e7e9';
|
|
}
|
|
|
|
.sb-reset-icon {
|
|
color: rgba(0, 0, 0, 0.56);
|
|
}
|
|
|
|
.toggle-active {
|
|
color: #3C78EF;
|
|
}
|
|
|
|
.control-animate {
|
|
transform: translateX(-280px);
|
|
}
|
|
|
|
.control-reverse-animate {
|
|
transform: translateX(280px);
|
|
}
|
|
|
|
.control-transition {}
|
|
|
|
.control-fullview {
|
|
left: 0px !important;
|
|
}
|
|
|
|
.sb-download-btn a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.sb-download-text {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.sb-download-wrapper {
|
|
padding-right: 27px;
|
|
}
|
|
|
|
.sb-download-btn:hover .sb-download-btn:focus .sb-download-btn.active {
|
|
border-radius: 2px;
|
|
font-family: "Roboto";
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.sb-download-btn:hover {
|
|
background: #006CE6;
|
|
}
|
|
|
|
.sb-download-btn:focus {
|
|
background: #0051CB;
|
|
}
|
|
|
|
.sb-download-btn.active {
|
|
background: #0036B1;
|
|
}
|
|
|
|
.theme-wrapper:hover,
|
|
.theme-wrapper.active {
|
|
background-color: rgb(216, 216, 216);
|
|
}
|
|
|
|
.theme-wrapper {
|
|
height: 32px;
|
|
width: 150px;
|
|
margin-top: 5px;
|
|
cursor: default;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.theme-wrapper>div {
|
|
float: left;
|
|
padding-left: 3px;
|
|
line-height: 32px;
|
|
letter-spacing: .5px;
|
|
}
|
|
|
|
.sb-download-btn {
|
|
background-color: #3C78EF;
|
|
opacity: 100;
|
|
border-radius: 2px;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
height: 32px;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.sb-header-settings {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/*sb-header-popup*/
|
|
|
|
|
|
/*common for popups*/
|
|
|
|
#search-input_popup ul,
|
|
.sb-popups ul {
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sb-popups li {
|
|
font-size: 14px;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
}
|
|
|
|
.switch-text {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sb-switch-popup ul {
|
|
padding: 5px 0px;
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.sb-switch-popup {
|
|
border-top: none;
|
|
border-top-left-radius: 0px;
|
|
border-top-right-radius: 0px;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.sb-switch-popup li {
|
|
padding: 10px 38px 12px 15px;
|
|
}
|
|
|
|
.sb-switch-popup li:first-child {
|
|
color: #3C78EF;
|
|
}
|
|
|
|
.sb-switch-popup li:hover {
|
|
background: rgb(238, 238, 238);
|
|
}
|
|
|
|
.sb-switch-popup a {
|
|
text-decoration: none;
|
|
color: black;
|
|
cursor: default;
|
|
}
|
|
|
|
.sb-theme-popup {
|
|
background: #FFFFFF;
|
|
border: 1px solid #CCCCCC;
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36);
|
|
border-radius: 4px;
|
|
width: 175px;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.sb-theme-popup li {
|
|
line-height: 30px;
|
|
cursor: default;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.sb-theme-select {
|
|
padding-left: 3px;
|
|
vertical-align: middle;
|
|
font-size: 24 px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sb-theme-popup li:hover {
|
|
background: rgb(238, 238, 238);
|
|
}
|
|
|
|
.sb-theme-popup li:hover .sb-theme-select {
|
|
color: rgb(238, 238, 238);
|
|
}
|
|
|
|
.sb-theme-popup li.active .sb-theme-select {
|
|
color: rgb(255, 109, 63);
|
|
}
|
|
|
|
.sb-theme-popup li:hover.active .sb-theme-select {
|
|
color: rgb(255, 109, 63);
|
|
}
|
|
|
|
.e-search-overlay {
|
|
z-index: 10000022;
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(126, 125, 125, 0.78);
|
|
top: 48px;
|
|
}
|
|
|
|
#search-input-wrapper {
|
|
width: 75%;
|
|
height: 38px;
|
|
margin-top: 50px;
|
|
margin-left: 13.5%;
|
|
position: relative;
|
|
}
|
|
|
|
#search-input-wrapper input {
|
|
border-radius: 4px;
|
|
border-color: transparent;
|
|
padding-left: 6px;
|
|
outline: none;
|
|
width: 100%;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
background: #fff;
|
|
min-height: 23px;
|
|
}
|
|
|
|
#search-input-wrapper .e-input-group.e-control-wrapper.e-ddl {
|
|
border: none;
|
|
}
|
|
|
|
.bootstrap5 .e-tab .sb-content-tab-header.e-tab-header::before,
|
|
.bootstrap4 .e-tab .sb-content-tab-header.e-tab-header::before {
|
|
border-width: 0;
|
|
}
|
|
|
|
#search-input-wrapper .e-input-group.e-control-wrapper.e-ddl.e-input-focus::before,
|
|
#search-input-wrapper .e-input-group.e-control-wrapper.e-ddl.e-input-focus::after {
|
|
background: none;
|
|
}
|
|
|
|
.search-input_popup {
|
|
background: #FFFFFF;
|
|
border: 1px solid #CCCCCC;
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36);
|
|
border-radius: 4px;
|
|
width: 75%;
|
|
overflow-y: auto;
|
|
max-height: 75%;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
#search-input_popup .e-list-group-item {
|
|
background-color: #f7f7f7;
|
|
font-size: 13px;
|
|
vertical-align: middle;
|
|
line-height: 28px;
|
|
min-height: 28px;
|
|
border-left: none;
|
|
border-right: none;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
color: #2c2c2c;
|
|
padding-left: 0px;
|
|
text-indent: 6px;
|
|
}
|
|
|
|
#search:hover {
|
|
background-color: #007dd1;
|
|
}
|
|
|
|
#search-input_popup .e-list-item {
|
|
line-height: 36px;
|
|
}
|
|
|
|
#search-input_popup .e-list-item:hover {
|
|
background-color: #e2f2ff;
|
|
cursor: default;
|
|
}
|
|
|
|
#search-input_popup li.e-list-item {
|
|
padding-left: 0px;
|
|
text-indent: 6px;
|
|
font-size: 13px;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-weight: 400;
|
|
color: #2c2c2c;
|
|
}
|
|
|
|
.highcontrast #search-input_popup li.e-list-item {
|
|
color: #fff;
|
|
}
|
|
|
|
.highcontrast #search-input_popup li.e-list-item:hover {
|
|
background: #685708;
|
|
}
|
|
|
|
.sb-search-input .e-ddl .e-clear-icon {
|
|
background: #fff;
|
|
margin-left: -5px;
|
|
border-radius: 4px;
|
|
border: none;
|
|
}
|
|
|
|
.highcontrast .sb-search-input .e-ddl .e-clear-icon {
|
|
background: #000;
|
|
}
|
|
|
|
.search-no-record {
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-weight: 500;
|
|
cursor: default;
|
|
}
|
|
|
|
|
|
/*settings popup*/
|
|
|
|
.sb-setting-popup .sb-setting-header {
|
|
padding-top: 12px;
|
|
padding-left: 16px;
|
|
padding-bottom: 12px;
|
|
line-height: 15px;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
border-bottom: 1px solid #CCCCCC;
|
|
}
|
|
|
|
.sb-setting-popup {
|
|
width: 242px;
|
|
background-color: #FFFFFF;
|
|
border: 1px solid #CCCCCC;
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.36);
|
|
border-radius: 4px;
|
|
cursor: default;
|
|
}
|
|
|
|
.setting-label {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sb-setting-content {
|
|
padding: 4px 16px 4px 16px;
|
|
}
|
|
|
|
.sb-setting-translate {
|
|
font-size: 10px;
|
|
color: #696463;
|
|
}
|
|
|
|
.setting-label {
|
|
font-size: 14px;
|
|
display: table;
|
|
}
|
|
|
|
.setting-label div {
|
|
display: table-cell;
|
|
}
|
|
|
|
.sb-setting-text {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.sb-setting-icons {
|
|
padding-right: 14px;
|
|
font-size: 18px;
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
.set-border-radious-touch {
|
|
border-bottom-left-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
}
|
|
|
|
.set-border-radious-mouse {
|
|
border-bottom-right-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
.setting-responsive {
|
|
display: table;
|
|
}
|
|
|
|
.setting-responsive .sb-responsive-items:hover {
|
|
border-color: rgba(239, 230, 230, 0.2);
|
|
}
|
|
|
|
.setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: #e8e8e8;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.setting-responsive .sb-responsive-items:first-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.setting-responsive .sb-responsive-items:last-child {
|
|
border-left: none;
|
|
}
|
|
|
|
.setting-responsive .sb-responsive-items.active {
|
|
background-color: #1783ff;
|
|
color: white;
|
|
}
|
|
|
|
.sb-setting-theme-section {
|
|
display: none;
|
|
}
|
|
|
|
.sb-setting-item {
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
|
|
/*sample-content*/
|
|
|
|
.sb-content {
|
|
top: 48px;
|
|
background: #fff;
|
|
}
|
|
|
|
.copycode::before {
|
|
content: '\e70a';
|
|
font-size: 25px;
|
|
}
|
|
|
|
.bootstrap4 .copycode::before{
|
|
content:'\e77b';
|
|
font-size:25px;
|
|
}
|
|
|
|
.tailwind .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.tailwind-dark .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.bootstrap5 .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.bootstrap5-dark .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.fluent .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.fluent-dark .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.material3 .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.material3-dark .copycode::before{
|
|
content:'\e77c';
|
|
font-size:25px;
|
|
}
|
|
|
|
.fluent .e-items.e-toolbar-items {
|
|
min-height: 45px;
|
|
}
|
|
|
|
.fluent-dark .e-items.e-toolbar-items {
|
|
min-height: 45px;
|
|
}
|
|
|
|
.copy-tooltip {
|
|
height: 32px;
|
|
width: 32px;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
right: 12px;
|
|
top: 12px;
|
|
background: #f4f4f4;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.copy-tooltip.e-control.e-tooltip:hover {
|
|
background: #D8D8D8;
|
|
}
|
|
|
|
.e-icons.copycode {
|
|
padding-left: 3px;
|
|
padding-top: 4px;
|
|
color: rgba(0, 0, 0, .54);
|
|
}
|
|
|
|
|
|
/*
|
|
* SB-Home
|
|
*/
|
|
|
|
.sb-home {
|
|
display: table;
|
|
width: 100%;
|
|
padding: 12px 14px;
|
|
height: 66px;
|
|
position: relative;
|
|
}
|
|
|
|
.sb-home:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sb-home-link {
|
|
display: table-cell;
|
|
width: 14px;
|
|
color: #717171;
|
|
}
|
|
|
|
.sb-home-text {
|
|
color: #272727;
|
|
position: absolute;
|
|
top: 27px;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.highcontrast .sb-home-text, .fluent-dark .sb-home-text {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*left-pane*/
|
|
|
|
.sb-left-pane {
|
|
height: 100%;
|
|
}
|
|
|
|
.sb-left-footer {
|
|
display: none;
|
|
}
|
|
|
|
.sb-left-pane .e-listview,
|
|
.sb-left-pane .e-treeview {
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
}
|
|
|
|
.sb-left-pane .e-listview .e-list-item {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sb-left-pane .e-listview .e-list-item.e-hover,
|
|
.sb-left-pane .e-listview .e-list-item.e-active {
|
|
background-color: #d2ebff;
|
|
}
|
|
|
|
.highcontrast .sb-left-pane .e-listview .e-list-item.e-active:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sb-left-pane .e-listview .e-list-group-item {
|
|
border: none;
|
|
color: #000000;
|
|
opacity: 87;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-weight: 700;
|
|
background: transparent;
|
|
}
|
|
|
|
#controlTree ul.e-list-parent.e-ul {
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: #d2ebff;
|
|
}
|
|
|
|
.highcontrast .sb-left-pane .e-treeview .e-list-item.e-hover>.e-fullrow {
|
|
background-color: #ffd939;
|
|
}
|
|
|
|
.highcontrast .sb-control-navigation .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
|
|
.highcontrast .sb-control-navigation .e-treeview .e-list-item.e-hover .e-icons.e-icon-collapsible {
|
|
color: #000;
|
|
}
|
|
|
|
#controlList .e-list-group-item .e-list-text {
|
|
font-size: 16px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
#controlTree ul.e-list-parent {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#sb-left-back {
|
|
outline: none;
|
|
}
|
|
|
|
.sb-left-pane #sb-left-back {
|
|
padding: 12px 18px;
|
|
width: 100%;
|
|
display: table;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sb-adjust-juggle {
|
|
top: 50px;
|
|
}
|
|
|
|
#controlList {
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
padding-left: 5px;
|
|
-webkit-overflow-scrolling: touch;
|
|
border: none;
|
|
}
|
|
|
|
.sb-control-list-top {
|
|
top: 116px;
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-indicator
|
|
{
|
|
background: #0278d7;
|
|
display: block;
|
|
}
|
|
|
|
.fluent .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-indicator,
|
|
.fluent-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-indicator
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
.bootstrap5 .sb-plnr-section{
|
|
height: 30px;
|
|
line-height: 15px;
|
|
}
|
|
.bootstrap5 .sample-navigation{
|
|
line-height: 30px;
|
|
}
|
|
.bootstrap5 .sb-open-new-wrapper{
|
|
line-height: 33px;
|
|
}
|
|
/* .bootstrap5 .e-tab .e-tab-header {
|
|
min-height: 38px;
|
|
}
|
|
.e-tab .e-tab-header .e-toolbar-items {
|
|
min-height: 38px;
|
|
} */
|
|
.bootstrap5 .e-tab .sb-content-tab-header.e-tab-header::before,
|
|
.bootstrap4 .e-tab .sb-content-tab-header.e-tab-header::before
|
|
{
|
|
border-width:0;
|
|
}
|
|
.bootstrap #sb-content-header.e-tab-header::before{
|
|
border: none;
|
|
}
|
|
|
|
.highcontrast .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-indicator
|
|
{
|
|
background: #ffd939;
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-ripple-element
|
|
{
|
|
background: rgba(2,120,215, 0.1);
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover {
|
|
color: #0278d7;
|
|
}
|
|
|
|
.highcontrast .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.highcontrast .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover {
|
|
color: #ffd939;
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text {
|
|
color: #333333;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
}
|
|
|
|
.highcontrast .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active,
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap::before {
|
|
border: none;
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap {
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text .sb-tab-title {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
#controlTree {
|
|
overflow-y: auto;
|
|
top: 66px;
|
|
height: calc(100% - 66px);
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.sb-left-back {
|
|
height: 50px;
|
|
}
|
|
|
|
#controlList .e-content,
|
|
#controlList .e-list-container{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.back-icon::before {
|
|
content: '\e962';
|
|
font-size: 17px;
|
|
}
|
|
|
|
.back-icon {
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
width: 17px;
|
|
}
|
|
.sb-badge.e-samplestatus {
|
|
cursor: pointer;
|
|
}
|
|
.e-samplestatus.new {
|
|
background-color: #29bc4f;
|
|
}
|
|
|
|
.e-samplestatus.update {
|
|
background-color: #fff;
|
|
/* height: 23px !important; */
|
|
border: 1px solid #29bc4f !important;
|
|
color: #29bc4f !important;
|
|
}
|
|
|
|
.fluent .e-samplestatus.new,
|
|
.fluent .e-samplestatus.preview {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.fluent .e-samplestatus.update {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.fluent.e-bigger .e-samplestatus.new,
|
|
.fluent.e-bigger .e-samplestatus.update,
|
|
.fluent.e-bigger .e-samplestatus.preview {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.sb-component-name h1 {
|
|
font-size: 18px;
|
|
margin: 0px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sb-badge {
|
|
border-radius: 2px;
|
|
font-size: 10px;
|
|
color: #ffffff;
|
|
padding: 6px 8px;
|
|
float: right;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.e-samplestatus.new,
|
|
.e-samplestatus.update,
|
|
.e-samplestatus.preview {
|
|
margin-top: 6.5px;
|
|
margin-right: -3px;
|
|
}
|
|
|
|
.e-bigger .e-samplestatus.new,
|
|
.e-bigger .e-samplestatus.update,
|
|
.e-bigger .e-samplestatus.preview {
|
|
margin-top: 11px;
|
|
font-size: 11px;
|
|
border-radius: 2px;
|
|
|
|
}
|
|
|
|
.e-samplestatus.new.tree,
|
|
.e-samplestatus.update.tree,
|
|
.e-samplestatus.preview.tree {
|
|
margin-top: 4px;
|
|
margin-bottom: 4.5px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.e-bigger .e-samplestatus.new.tree,
|
|
.e-bigger .e-samplestatus.update.tree,
|
|
.e-bigger .e-samplestatus.preview.tree {
|
|
margin-top: 8.5px !important;
|
|
margin-bottom: 10px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.sb-left-pane {
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.property-section {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.control-name {
|
|
display: table-cell;
|
|
padding-left: 25px;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
color: #1763ff;
|
|
}
|
|
|
|
.sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
|
|
background-color: #F1F1F1;
|
|
border-color: #F1F1F1;
|
|
}
|
|
|
|
.highcontrast .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
|
|
background-color: #ffd939;
|
|
border-color: #ffd939;
|
|
}
|
|
|
|
.sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
|
|
color: #000;
|
|
}
|
|
|
|
.sb-left-pane-header {
|
|
display: none;
|
|
}
|
|
.e-bigger .sb-left-pane .e-treeview .e-list-text {
|
|
width: 93%;
|
|
}
|
|
#left-sidebar {
|
|
/* border: none; */
|
|
background-color: #fff;
|
|
}
|
|
|
|
|
|
/*right -pane*/
|
|
|
|
.sb-right-pane {
|
|
/* left: 280px; */
|
|
padding-left: 26px;
|
|
padding-right: 26px;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.sb-content-section {
|
|
background: #FFFFFF;
|
|
border: 1px solid #D7D7D7;
|
|
opacity: 100;
|
|
height: 100%;
|
|
}
|
|
|
|
.sb-content-section .sb-content-tab-header {
|
|
border-bottom: 1px solid #D7D7D7;
|
|
}
|
|
|
|
.sb-source-section .e-tab .e-tab-header .e-indicator {
|
|
display: none;
|
|
}
|
|
|
|
.sb-source-section .e-tab .e-tab-header {
|
|
border-top: 1px solid #D7D7D7;
|
|
}
|
|
|
|
.sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
|
|
color: #3C78EF;
|
|
}
|
|
|
|
.sb-right-pane-overlay {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.description-section {
|
|
padding-top: 32px;
|
|
}
|
|
|
|
.description-section a.code:link,
|
|
a.code:visited {
|
|
text-decoration: inherit;
|
|
color: inherit;
|
|
cursor: auto;
|
|
}
|
|
|
|
#sb-source-tab .e-tab-text {
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.description-header {
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
padding-bottom: 10px;
|
|
opacity: 87;
|
|
font-weight: 500;
|
|
line-height: 21px;
|
|
color: #000000;
|
|
}
|
|
|
|
.control-section {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
min-height: 350px;
|
|
}
|
|
|
|
.sb-sample-content-area {
|
|
min-height: 350px;
|
|
}
|
|
|
|
.sb-src-code {
|
|
white-space: pre;
|
|
padding: 10px;
|
|
overflow-x: auto;
|
|
min-height: 320px;
|
|
}
|
|
|
|
.sb-bread-crumb {
|
|
padding-top: 6px;
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
.sb-action-description {
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.sb-component-name {
|
|
padding-top: 24px;
|
|
color: #000000;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sb-bread-crumb-text {
|
|
display: table;
|
|
}
|
|
|
|
.sb-bread-crumb .sb-bread-crumb-text>div {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
padding-right: 8px;
|
|
cursor: default;
|
|
display: table-cell;
|
|
color: #898989;
|
|
}
|
|
|
|
.highcontrast .sb-bread-crumb .sb-bread-crumb-text>div {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sb-bread-crumb-text {
|
|
line-height: 21px;
|
|
}
|
|
|
|
.sb-plnr-section {
|
|
padding-right: 17px;
|
|
font-size: 15px;
|
|
height: 38px;
|
|
line-height: 35px;
|
|
color: #3C78EF;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
.sb-desktop-setting {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.sb-mobile-setting {
|
|
display: none;
|
|
}
|
|
|
|
.sb-plnkr-text {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sb-icons-plnkr {
|
|
padding-right: 3px;
|
|
top: 1px;
|
|
position: relative
|
|
}
|
|
|
|
.sb-plnr-section:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sb-toolbar-splitter {
|
|
border-left: 1px solid rgb(196, 196, 196);
|
|
height: 31px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.e-bigger .sb-content-toolbar {
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
.e-bigger .sb-toolbar-splitter {
|
|
height: 34px;
|
|
}
|
|
|
|
.sb-content-toolbar>div {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.sample-navigation button:disabled {
|
|
cursor: not-allowed;
|
|
color: #5a5a5a;
|
|
}
|
|
|
|
.sample-navigation,
|
|
.sb-open-new-wrapper {
|
|
font-size: 25px;
|
|
line-height: 40px;
|
|
color: #5a5a5a;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sample-navigation>button {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
#next-sample,
|
|
#prev-sample {
|
|
font-size: 25px;
|
|
}
|
|
|
|
.sample-navigation>button:hover {
|
|
color: #1783ff;
|
|
}
|
|
|
|
button#tab-navigation-prev {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.sb-custom-item.back-navigation {
|
|
line-height: 37px;
|
|
}
|
|
|
|
.sb-custom-item.back-navigation {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.sb-open-new-wrapper {
|
|
padding: 0px 16px;
|
|
}
|
|
|
|
.sb-open-new-wrapper a {
|
|
color: #5a5a5a;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.sb-open-new-wrapper a:hover {
|
|
color: #1783ff;
|
|
}
|
|
|
|
.sb-content-toolbar {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.sb-bread-crumb-text>div.seperator {
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
font-family: 'sbicons';
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sb-source-code-section .e-tab-header .sb-api-section {
|
|
padding: 20px;
|
|
}
|
|
|
|
#showtag, #hidetag {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.e-custDesription {
|
|
max-height: 45px;
|
|
text-overflow: ellipsis;
|
|
white-space: normal;
|
|
}
|
|
|
|
.e-custDesription .sb-api-content {
|
|
overflow: hidden;
|
|
height: 36px;
|
|
}
|
|
|
|
.e-display {
|
|
display: none;
|
|
}
|
|
|
|
.sb-sample-description {
|
|
white-space: normal;
|
|
}
|
|
|
|
|
|
/*
|
|
propertye pane
|
|
*/
|
|
|
|
.property-panel-header {
|
|
padding-top: 22px;
|
|
padding-bottom: 20px;
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.property-panel-section {
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.sb-property-border {
|
|
border-right: 1px solid #D7D7D7;
|
|
}
|
|
|
|
.property-panel-table td {
|
|
width: 50%;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.property-panel-table {
|
|
width: 100%;
|
|
}
|
|
|
|
.property-panel-table div {
|
|
padding-left: 10px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
|
|
/*sb-footer*/
|
|
|
|
.sb-footer {
|
|
height: 100px;
|
|
width: calc(100% + 36px);
|
|
position: relative;
|
|
border-top: 1px solid #D5D5D5;
|
|
margin-top: 24px;
|
|
}
|
|
|
|
.sb-footer-left {
|
|
position: absolute;
|
|
}
|
|
|
|
.sb-footer-links a {
|
|
color: #1783FF;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sb-footer-links {
|
|
display: table;
|
|
}
|
|
|
|
.sb-footer-link {
|
|
display: table-cell;
|
|
padding: 20px 30px 12px 0px;
|
|
}
|
|
|
|
.sb-footer-copyright {
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
.sb-footer-logo {
|
|
padding: 36px 36px 27px 0px;
|
|
right: 0px;
|
|
position: absolute;
|
|
}
|
|
|
|
.sb-footer-logo-icon {
|
|
background: url(images/sb-icons/Syncfusion-logo.svg) no-repeat right;
|
|
height: 40px;
|
|
width: 140px;
|
|
}
|
|
|
|
.sb-highlight {
|
|
font-weight: bold;
|
|
vertical-align: baseline !important;
|
|
}
|
|
|
|
|
|
/*Hide property pane */
|
|
|
|
@media (max-width: 1200px) {
|
|
.sb-property-border {
|
|
border: none;
|
|
}
|
|
}
|
|
@media (max-width: 480px) {
|
|
.tailwind-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap,
|
|
.tailwind .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap {
|
|
height: 70px;
|
|
}
|
|
.bootstrap5-dark .sb-open-new-wrapper{
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
/*Tab view*/
|
|
|
|
@media (max-width: 900px) {
|
|
.e-sb-header-text>.sb-header-text-left {
|
|
display: none;
|
|
}
|
|
.sb-desktop-setting {
|
|
display: inline-flex;
|
|
}
|
|
.sb-desktop-setting.sb-hide {
|
|
display: block;
|
|
}
|
|
.sb-toolbar-splitter {
|
|
display: none;
|
|
}
|
|
.sb-plnr-section {
|
|
display: none;
|
|
}
|
|
.copy-tooltip {
|
|
display: none;
|
|
}
|
|
.control-section {
|
|
min-height: auto;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 764px) {
|
|
.theme-wrapper {
|
|
display: none;
|
|
}
|
|
.sb-setting-theme-section {
|
|
display: block;
|
|
}
|
|
.sb-responsive-section {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.sb-mobilefooter {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Mobile View */
|
|
|
|
@media (max-width: 550px) {
|
|
.e-ddl.e-popup,
|
|
#sb-setting-theme_popup {
|
|
z-index: 100001;
|
|
}
|
|
.sb-left-pane {
|
|
position: absolute;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.sb-left-footer {
|
|
padding-top: 20px;
|
|
margin-top: 20px;
|
|
border-top: 1px solid #CCCCCC;
|
|
display: block;
|
|
}
|
|
#controlList {
|
|
top: 0px;
|
|
position: unset;
|
|
}
|
|
#controlTree {
|
|
top: 0px;
|
|
position: unset;
|
|
overflow: hidden;
|
|
}
|
|
.sb-component-name {
|
|
padding-top: 12px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.sb-bread-crumb {
|
|
padding-top: 6px;
|
|
padding-bottom: 24px;
|
|
font-size: 13px;
|
|
}
|
|
.sb-right-pane {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
.sb-rightpane-padding {
|
|
padding-left: 10px;
|
|
padding-right: 5px;
|
|
}
|
|
.sb-content-section {
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
.sb-download-splitter,
|
|
.sb-download-wrapper {
|
|
display: none;
|
|
}
|
|
.sb-header-text-left {
|
|
display: none;
|
|
}
|
|
#search-input-wrapper {
|
|
width: calc(100% - 24px);
|
|
margin-left: 12px;
|
|
}
|
|
.sb-header-settings {
|
|
display: block;
|
|
padding-right: 24px;
|
|
padding-top: 6px;
|
|
}
|
|
.sb-header-settings:before {
|
|
content: '\e923';
|
|
font-size: 24px;
|
|
}
|
|
.sb-settings-wrapper {
|
|
display: none;
|
|
}
|
|
.sb-mobile-left-pane {
|
|
z-index: 10000;
|
|
height: 100%;
|
|
width: 280px;
|
|
}
|
|
.sb-mobile-overlay {
|
|
width: 100%;
|
|
position: fixed;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
z-index: 110;
|
|
}
|
|
.sb-search-result {
|
|
width: calc(100% - 24px);
|
|
}
|
|
/*sb-mobile-right-pane*/
|
|
.sb-mobile-right-pane {
|
|
background: #fbfbfb;
|
|
position: relative;
|
|
width: 280px;
|
|
height: 100%;
|
|
float: right;
|
|
z-index: 10000;
|
|
}
|
|
.highcontrast .sb-mobile-right-pane {
|
|
background: #000000;
|
|
}
|
|
.sb-mobile-preference {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
.sb-setting-header {
|
|
padding: 16px 0px 16px 18px;
|
|
font-weight: 600 !important;
|
|
line-height: 35px !important;
|
|
}
|
|
.sb-setting-content {
|
|
padding-left: 18px;
|
|
padding-top: 0px;
|
|
}
|
|
.sb-setting-theme-section {
|
|
display: block;
|
|
padding: 16px 0px;
|
|
}
|
|
.sb-icon-Palette {
|
|
padding-right: 10px;
|
|
}
|
|
.sb-icon-Palette:before {
|
|
font-size: 25px;
|
|
}
|
|
.sb-setting-text {
|
|
font-size: 16px;
|
|
}
|
|
#sb-setting-theme {
|
|
width: 100%;
|
|
height: 32px;
|
|
border-radius: 3px;
|
|
}
|
|
.sb-setting-item {
|
|
padding: 16px 0px;
|
|
}
|
|
.sb-icon-Responsive {
|
|
padding-right: 10px;
|
|
}
|
|
.sb-icon-Responsive:before {
|
|
font-size: 25px;
|
|
}
|
|
.setting-content.btn-group.setting-responsive {
|
|
width: 244px;
|
|
}
|
|
#settings-popup {
|
|
left: 0px !important;
|
|
top: 0px !important;
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
width: 280px;
|
|
height: 100%;
|
|
}
|
|
.property-panel-section,
|
|
.property-section {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
.property-panel-header {
|
|
padding: 22px 0px 0px 20px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
height: 60px;
|
|
border-bottom: 1px solid #CCCCCC;
|
|
}
|
|
.property-panel-content {
|
|
padding-left: 20px !important;
|
|
padding-right: 20px !important;
|
|
padding-top: 12px !important;
|
|
}
|
|
/*sb-left-pane*/
|
|
.sb-left-pane-header {
|
|
display: block;
|
|
}
|
|
/*source tab header*/
|
|
.sb-desktop-setting {
|
|
display: inline-flex;
|
|
}
|
|
.sb-desktop-setting.sb-hide {
|
|
display: block;
|
|
}
|
|
.sb-toolbar-splitter {
|
|
display: none;
|
|
}
|
|
.sb-plnr-section {
|
|
display: none;
|
|
}
|
|
.sb-right-pane {
|
|
left: 0px;
|
|
padding-bottom: 32px;
|
|
height: 93%;
|
|
}
|
|
.sample-navigation {
|
|
display: none;
|
|
}
|
|
.sb-mobilefooter>.e-btn.e-flat {
|
|
color: #5a5a5a;
|
|
border: none;
|
|
background-color: transparent;
|
|
width: 50%;
|
|
text-align: center;
|
|
height: 100%;
|
|
}
|
|
.highcontrast .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #000;
|
|
color: #fff;
|
|
}
|
|
.sb-mobilefooter>.e-btn.e-disabled:hover {
|
|
color: #5a5a5a;
|
|
}
|
|
.sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: #1783ff;
|
|
}
|
|
.highcontrast .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: #ffd939;
|
|
}
|
|
.sb-mobilefooter>.e-btn.e-disabled:hover {
|
|
color: #5a5a5a;
|
|
}
|
|
.sb-mobilefooter {
|
|
top: 91%;
|
|
background-color: #e6e4e4;
|
|
font-size: 15px;
|
|
display: inline-block;
|
|
z-index: 20;
|
|
}
|
|
.sb-mobilefooter>button:focus {
|
|
outline: none;
|
|
}
|
|
.sb-mobile-setting {
|
|
display: block;
|
|
padding-top: 5px;
|
|
}
|
|
.sb-open-new-wrapper {
|
|
padding-top: 2px;
|
|
}
|
|
.sb-icon-Demo,
|
|
.sb-icon-API {
|
|
display: none;
|
|
}
|
|
/*sb-right-pane*/
|
|
.sb-right-pane {
|
|
left: 0px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.sb-left-pane {
|
|
z-index: 10010;
|
|
background: #fff;
|
|
}
|
|
.highcontrast .sb-left-pane {
|
|
background: #000000;
|
|
}
|
|
.sb-footer-link {
|
|
padding: 20px 16px 0px 16px;
|
|
}
|
|
.sb-footer-copyright {
|
|
padding: 16px 16px 10px;
|
|
}
|
|
.sb-ej2 {
|
|
display: table;
|
|
padding: 16px 16px 22px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.sb-mobile-logo {
|
|
background: url(images/sb-icons/Syncfusion-mobile-logo.svg) no-repeat;
|
|
width: 27px;
|
|
height: 27px;
|
|
display: table-cell;
|
|
}
|
|
.sb-name {
|
|
display: table-cell;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
font-size: 21px;
|
|
font-weight: 500;
|
|
padding-left: 10px;
|
|
}
|
|
.sb-mobile-header-buttons {
|
|
display: table;
|
|
}
|
|
.sb-mobile-header-price {
|
|
width: 114px;
|
|
background-color: #3C78EF;
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
display: inline-table;
|
|
margin-left: 16px;
|
|
padding: 6px 12px;
|
|
color: #ffffff;
|
|
border-radius: 2px;
|
|
}
|
|
.sb-mobile-header-about {
|
|
width: 114px;
|
|
background-color: #ffffff;
|
|
font-weight: 500;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
border: 1px solid;
|
|
cursor: pointer;
|
|
display: inline-table;
|
|
margin-left: 16px;
|
|
padding: 6px 12px;
|
|
color: #3C78EF;
|
|
border-radius: 2px;
|
|
}
|
|
.sb-mobile-header-button:active {
|
|
background-color: #1783FF;
|
|
}
|
|
.sb-footer {
|
|
display: none;
|
|
}
|
|
.atlwdg-trigger.atlwdg-SUBTLE {
|
|
bottom: 43px!important;
|
|
}
|
|
.atlwdg-popup {
|
|
width: 100% !important
|
|
}
|
|
span.sb-icon-Next,
|
|
span.sb-icon-Previous {
|
|
font-size: 18px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 350px) {
|
|
#sb-toggle-left {
|
|
padding-left: 12px;
|
|
}
|
|
#sb-header-text {
|
|
padding-left: 12px;
|
|
}
|
|
.sb-search-wrapper {
|
|
padding: 0 12px;
|
|
}
|
|
.sb-header-settings {
|
|
padding-right: 14px;
|
|
}
|
|
}
|
|
|
|
|
|
/* #sb-content.e-tab>.e-header .e-indicator{
|
|
background-color:rgb(255, 109, 63);
|
|
}
|
|
#sb-content.e-tab>.e-header .e-toolbar-item.e-active .e-tab-text{
|
|
color:rgb(255, 109, 63);
|
|
} */
|
|
|
|
.sb-body-overlay {
|
|
z-index: 10000023;
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sb-content-overlay {
|
|
z-index: 10000022;
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
left: 0px;
|
|
}
|
|
|
|
.sb-loading {
|
|
width: 56px;
|
|
height: 56px;
|
|
position: absolute;
|
|
top: calc(50% - 28px);
|
|
left: calc(50% - 28px);
|
|
z-index: 10000;
|
|
border-radius: 50%;
|
|
padding: 3px;
|
|
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
background: white;
|
|
}
|
|
|
|
.circular {
|
|
animation: rotate 2s linear infinite;
|
|
height: 50px;
|
|
width: 50px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.path {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0;
|
|
animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
|
|
stroke-linecap: round;
|
|
stroke: #ff4081;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes dash {
|
|
0% {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 89, 200;
|
|
stroke-dashoffset: -35;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 89, 200;
|
|
stroke-dashoffset: -124;
|
|
}
|
|
}
|
|
|
|
|
|
/*sb-hide */
|
|
|
|
.sb-hide {
|
|
display: none;
|
|
}
|
|
|
|
aside#settings {
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
|
|
/* high-contrast theme */
|
|
|
|
.highcontrast .sb-content {
|
|
background: #000000;
|
|
}
|
|
|
|
.highcontrast .sb-search-result .e-list-item {
|
|
background: black !important;
|
|
height: 45px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.highcontrast .sb-search-result .e-list-group-item {
|
|
color: #ffd939;
|
|
background: black;
|
|
height: 45px;
|
|
line-height: 38px;
|
|
border-top: 2px solid #969696;
|
|
}
|
|
|
|
.highcontrast code,
|
|
.highcontrast .sb-switch-popup,
|
|
.highcontrast .sb-header,
|
|
.highcontrast .sb-setting-popup,
|
|
.highcontrast .sb-search-result,
|
|
.highcontrast .sb-src-code,
|
|
.highcontrast .sb-api-section,
|
|
.highcontrast .sb-theme-popup,
|
|
.highcontrast .copy-tooltip,
|
|
.highcontrast .e-icons.copycode,
|
|
.highcontrast #search-input-wrapper input,
|
|
.highcontrast #search-input-wrapper input::placeholder {
|
|
color: #ffffff;
|
|
background: #000000;
|
|
}
|
|
|
|
.highcontrast .sb-theme-select {
|
|
color: #000000;
|
|
}
|
|
|
|
body.highcontrast,
|
|
.highcontrast #sb-header-text,
|
|
.highcontrast .control-name,
|
|
.highcontrast .sample-navigation,
|
|
.highcontrast .sb-icon-Popout,
|
|
.highcontrast .sb-switch-popup a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.highcontrast .sb-body-overlay {
|
|
background-color: #000000
|
|
}
|
|
|
|
.highcontrast a,
|
|
.highcontrast a:hover {
|
|
color: #1783FF;
|
|
}
|
|
|
|
.highcontrast #search-input-wrapper input {
|
|
background: #000000;
|
|
border-bottom: 1px solid #969696;
|
|
}
|
|
|
|
.highcontrast .sb-header {
|
|
background: #000000;
|
|
border-bottom: 1px solid #969696;
|
|
}
|
|
|
|
.highcontrast .sb-switch-popup {
|
|
background: #000000;
|
|
}
|
|
|
|
.highcontrast .sb-theme-popup {
|
|
background: #000000;
|
|
}
|
|
|
|
.highcontrast .hljs-string,
|
|
.highcontrast .hljs-title,
|
|
.highcontrast .hljs-section,
|
|
.highcontrast .hljs-attribute,
|
|
.highcontrast .hljs-literal,
|
|
.highcontrast .hljs-template-tag,
|
|
.highcontrast .hljs-template-variable,
|
|
.highcontrast .hljs-type,
|
|
.highcontrast .hljs-addition,
|
|
.highcontrast .e-icons.back-icon,
|
|
.highcontrast .sb-plnr-section,
|
|
.highcontrast .sb-bread-crumb,
|
|
.highcontrast .sb-component-name,
|
|
.highcontrast .sb-icon-Hamburger,
|
|
.highcontrast .sb-icon-Home,
|
|
.highcontrast .description-header,
|
|
.highcontrast .sb-setting-translate,
|
|
.highcontrast .sample-navigation>button:hover,
|
|
.highcontrast .sb-switch-popup li:first-child,
|
|
.highcontrast .sb-left-pane .e-listview .e-list-group-item,
|
|
.highcontrast .sb-theme-popup li.active .sb-theme-select {
|
|
color: #ffd939;
|
|
}
|
|
|
|
.highcontrast .sb-left-pane .e-listview .e-list-item.e-active {
|
|
background: #ffd939;
|
|
color: #000000;
|
|
}
|
|
|
|
.highcontrast .theme-wrapper>div {
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.highcontrast #left-sidebar {
|
|
color: #ffffff;
|
|
background: #000000;
|
|
}
|
|
|
|
.highcontrast #left-sidebar {
|
|
border: none;
|
|
}
|
|
|
|
.highcontrast .sb-content-section,
|
|
.highcontrast .sb-switch-popup .highcontrast .sb-content-tab-header,
|
|
.highcontrast .sb-content-section .sb-content-tab-header {
|
|
background: #000000;
|
|
border-color: #969696;
|
|
}
|
|
|
|
.highcontrast .sb-footer {
|
|
border-color: #969696;
|
|
background-color: #000000;
|
|
}
|
|
|
|
.highcontrast .sb-search-btn:hover,
|
|
.highcontrast .sb-search-btn.active,
|
|
.highcontrast .sb-setting-btn:hover,
|
|
.highcontrast .sb-setting-btn.active,
|
|
.highcontrast .sb-switch-popup li:hover,
|
|
.highcontrast .theme-wrapper:hover,
|
|
.highcontrast .theme-wrapper.active,
|
|
.highcontrast .sb-theme-popup li:hover,
|
|
.highcontrast .sb-search-result .e-list-item:hover,
|
|
.highcontrast .sb-left-pane .e-listview .e-list-item:hover {
|
|
background-color: #685708 !important;
|
|
}
|
|
|
|
.highcontrast .sb-search-btn:hover,
|
|
.highcontrast .sb-search-btn.active,
|
|
.highcontrast .sb-setting-btn:hover,
|
|
.highcontrast .sb-setting-btn.active {
|
|
border: 1px solid #969696;
|
|
}
|
|
|
|
.highcontrast .sb-switch-popup li:hover,
|
|
.highcontrast .sb-search-result .e-list-item:hover {
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 2px solid white;
|
|
border-top: 2px solid white;
|
|
}
|
|
|
|
.highcontrast .setting-responsive .sb-responsive-items.active {
|
|
background: #ffd939;
|
|
color: #000000;
|
|
}
|
|
|
|
.highcontrast .setting-responsive .sb-responsive-items {
|
|
background: #333333;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.highcontrast .hljs-keyword,
|
|
.highcontrast .hljs-selector-tag,
|
|
.highcontrast .hljs-built_in,
|
|
.highcontrast .hljs-name,
|
|
.highcontrast .hljs-tag,
|
|
.highcontrast .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
|
|
color: #00ff00;
|
|
}
|
|
|
|
.highcontrast #search-input_popup .e-list-group-item,
|
|
#search-input_popup .e-fixed-head {
|
|
background-color: #ffd939;
|
|
color: #000;
|
|
}
|
|
|
|
.highcontrast #controlList li.e-list-item {
|
|
line-height: 36px;
|
|
}
|
|
|
|
.sb-left-pane .e-treeview .e-list-text {
|
|
width: 100%;
|
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
|
|
}
|
|
|
|
.sb-left-pane .e-treeview .e-text-content {
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.tree-text {
|
|
float: left;
|
|
}
|
|
|
|
.sb-control-navigation .e-treeview .tree-text {
|
|
width: calc(100% - 65px);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tree-badge {
|
|
float: right;
|
|
}
|
|
|
|
.highcontrast .sb-setting-popup {
|
|
background: #000000;
|
|
}
|
|
|
|
.highcontrast .sb-src-code {
|
|
background: #000000;
|
|
color: #ffffff;
|
|
}
|
|
.sb-left-pane .e-listview .e-list-item.e-active {
|
|
color: #000000;
|
|
}
|
|
|
|
.ad-img {
|
|
background: url(images/bg.jpg);
|
|
background-size: cover;
|
|
border-radius: 6px;
|
|
color: #fff;
|
|
margin: 15px 0px;
|
|
width: 100%;
|
|
height: 121px;
|
|
font-family: "Open Sans";
|
|
}
|
|
.ad-header {
|
|
font-weight: 600;
|
|
font-size: 23px;
|
|
color: #FFFFFF;
|
|
letter-spacing: -0.39px;
|
|
width: calc(100% - 30px);
|
|
/* text-align: center; */
|
|
height: 32px;
|
|
padding: 21px 0 0 40px;
|
|
}
|
|
|
|
.trial-btn{
|
|
padding: 12.5px 4px !important;
|
|
}
|
|
|
|
.free-trial-link {
|
|
position: relative;
|
|
bottom: 1px;
|
|
}
|
|
|
|
.free-trial {
|
|
width: 178px;
|
|
height: 43px;
|
|
background-color: #FF4800;
|
|
border-radius: 21.5px;
|
|
margin: -52px 20px 0px 0px;
|
|
float: right;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
padding: 11px 29px;
|
|
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.free-trial:hover {
|
|
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.50);
|
|
}
|
|
|
|
.ad-wrapper {
|
|
width: 100%;
|
|
padding: 15px 0 15px 0;
|
|
}
|
|
|
|
.content-area {
|
|
margin-left: 37px;
|
|
margin-top: 22px;
|
|
}
|
|
|
|
.ad-cnt-pt {
|
|
display: table-cell;
|
|
}
|
|
|
|
.click-icon {
|
|
width: auto;
|
|
height: 20px;
|
|
display: table-cell;
|
|
float: left;
|
|
}
|
|
|
|
.ad-cnt-icon {
|
|
padding: 3px;
|
|
position: relative;
|
|
top: 5px;
|
|
color: #F8E71C;
|
|
}
|
|
|
|
.cnt-text {
|
|
padding-left: 6px;
|
|
padding-right: 10px;
|
|
padding-top: 9px;
|
|
display: table-cell;
|
|
}
|
|
|
|
.cnt-area {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
@media only screen and (min-width: 1350px) and (max-width: 1450px) {
|
|
.ad-img {
|
|
height: 179px;
|
|
}
|
|
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 83px;
|
|
margin-top: 32px;
|
|
}
|
|
.cnt-text {
|
|
padding-left: 2px;
|
|
padding-right: 14px;
|
|
padding-top: 9px;
|
|
display: table-cell;
|
|
text-align: -webkit-center;
|
|
}
|
|
}
|
|
|
|
|
|
@media only screen and (min-width: 1250px) and (max-width: 1349px) {
|
|
.ad-img {
|
|
height: 179px;
|
|
}
|
|
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 83px;
|
|
margin-top: 32px;
|
|
}
|
|
.cnt-text {
|
|
padding-left: 2px;
|
|
padding-right: 14px;
|
|
padding-top: 9px;
|
|
display: table-cell;
|
|
text-align: -webkit-center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1201px) and (max-width: 1249px) {
|
|
.ad-img {
|
|
height: 192px;
|
|
}
|
|
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 53px;
|
|
margin-top: 47px;
|
|
}
|
|
.cnt-text {
|
|
padding-left: 2px;
|
|
padding-right: 14px;
|
|
padding-top: 9px;
|
|
display: table-cell;
|
|
text-align: -webkit-center;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1150px) and (max-width: 1200px) {
|
|
.ad-img {
|
|
height: 210px;
|
|
}
|
|
|
|
.ad-header {
|
|
margin-top: -13px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 31px;
|
|
margin-top: 52px;
|
|
}
|
|
.cnt-text {
|
|
padding-left: 2px;
|
|
padding-right: 14px;
|
|
padding-top: 9px;
|
|
display: table-cell;
|
|
text-align: -webkit-center;
|
|
max-width: 215px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1050px) and (max-width: 1149px) {
|
|
.ad-img {
|
|
height: 218px;
|
|
}
|
|
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 66px;
|
|
margin-top: 48px;
|
|
}
|
|
.cnt-text {
|
|
max-width: 190px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 950px) and (max-width: 1049px) {
|
|
.ad-img {
|
|
height: 230px;
|
|
}
|
|
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 11px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 6px;
|
|
margin-top: 63px;
|
|
}
|
|
.cnt-text {
|
|
max-width: 194px;
|
|
padding-left: 0px;
|
|
padding-right: 4px;
|
|
padding-top: 8px;
|
|
display: table-cell;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 850px) and (max-width: 949px) {
|
|
.ad-img {
|
|
height: 256px;
|
|
}
|
|
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(106% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 0px;
|
|
margin-top: 61px;
|
|
}
|
|
.cnt-text {
|
|
max-width: 146px;
|
|
font-size: 13px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-top: 9px;
|
|
display: table-cell;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 750px) and (max-width: 849px) {
|
|
.ad-img {
|
|
height: 236px;
|
|
}
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 19px;
|
|
margin-top: 61px;
|
|
}
|
|
.cnt-text {
|
|
max-width: 217px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 650px) and (max-width: 749px) {
|
|
.ad-img {
|
|
height: 236px;
|
|
}
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 19px;
|
|
margin-top: 61px;
|
|
}
|
|
.cnt-text {
|
|
max-width: 217px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 550px) and (max-width: 649px) {
|
|
.ad-img {
|
|
height: 261px;
|
|
}
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
padding: 10px 0 0 24px;
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 19px;
|
|
margin-top: 61px;
|
|
}
|
|
.ad-cnt-pt {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 450px) and (max-width: 549px) {
|
|
.ad-img {
|
|
height: 261px;
|
|
}
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(100% - 30px);
|
|
padding: 10px 0 0 24px;
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 19px;
|
|
margin-top: 61px;
|
|
}
|
|
.ad-cnt-pt {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 350px) and (max-width: 449px) {
|
|
.ad-img {
|
|
height: 330px;
|
|
}
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(101% - 30px);
|
|
padding: 15px 0 0 24px;
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 19px;
|
|
margin-top: 97px;
|
|
}
|
|
.ad-cnt-pt {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 300px) and (max-width: 349px) {
|
|
.ad-img {
|
|
height: 313px;
|
|
}
|
|
.ad-header {
|
|
margin-top: -4px;
|
|
text-align: center;
|
|
width: calc(103% - 30px);
|
|
padding: 15px 0px 0px 8px;
|
|
font-size: 21px;
|
|
}
|
|
.free-trial{
|
|
display: block;
|
|
margin: 17px auto 0px;
|
|
float: none;
|
|
width: 242px;
|
|
padding: 11px 61px;
|
|
}
|
|
.content-area {
|
|
margin-left: 19px;
|
|
margin-top: 90px;
|
|
}
|
|
.ad-cnt-pt {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.sb-npm-btn:hover {
|
|
background-color: #f4feff;
|
|
}
|
|
|
|
.sb-npm-btn {
|
|
background: #fff;
|
|
border: 1px solid #3c78ef;
|
|
border-radius: 3px;
|
|
width: 119px;
|
|
height: 32px;
|
|
float: right;
|
|
color: #3c78ef;
|
|
margin: 0px 0 0 11px;
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
|
|
.doc-npm-link {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
bottom: -0.9px;
|
|
left: 4px;
|
|
position: relative;
|
|
|
|
}
|
|
#icon-npm:before {
|
|
content: "\e900";
|
|
font-weight: 600;
|
|
font-size: 17px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
top: 0.8px;
|
|
right: 4px;
|
|
color: #3c78ef;
|
|
}
|
|
|
|
.npm-svg {
|
|
position: relative;
|
|
bottom: -1px;
|
|
width: 20%;
|
|
right: 3px;
|
|
}
|
|
|
|
.tailwind .e-samplestatus.new.tree, .tailwind .e-samplestatus.update.tree, .tailwind .e-samplestatus.preview.tree {
|
|
margin: 12px 0;
|
|
height: 22px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.tailwind .e-samplestatus.new, .tailwind .e-samplestatus.update, .tailwind .e-samplestatus.preview {
|
|
margin: 12px 0;
|
|
height: 22px;
|
|
margin-top: 2px;
|
|
}
|
|
/* material dark */
|
|
.material-dark .sb-content,
|
|
.material-dark textarea#ruleContent,
|
|
.material-dark #search-input_popup .e-list-item,
|
|
.material-dark #search-input_popup .e-list-group-item {
|
|
background: #383838;
|
|
}
|
|
.material-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active{
|
|
border:none;
|
|
}
|
|
.material-dark .sb-home, .material-dark .sb-reset-icon,
|
|
.material-dark #search-input_popup .e-list-item{
|
|
color:#ffffff
|
|
}
|
|
.material-dark .sb-left-pane .e-listview .e-list-item.e-active:hover {
|
|
color: #ffffff;
|
|
}
|
|
body.material-dark,
|
|
.material-dark #sb-header-text,
|
|
.material-dark .control-name,
|
|
.material-dark .sample-navigation,
|
|
.material-dark .sb-icon-Popout,
|
|
.material-dark .sb-switch-popup a {
|
|
color: #fff;
|
|
}
|
|
.material-dark .sb-header,
|
|
.material-dark .sb-search-result .e-list-item{
|
|
background: #383838 !important;
|
|
}
|
|
.material-dark .sb-search-result .e-list-item{
|
|
background:#383838 !important;
|
|
color:#ffffff !important;
|
|
}
|
|
.material-dark .sb-search-result .e-list-group-item{
|
|
background:#383838 !important;
|
|
}
|
|
.material-dark #left-sidebar {
|
|
color: #c2c0c0;
|
|
background: #383838;
|
|
}
|
|
|
|
.material-dark #left-sidebar {
|
|
border: none;
|
|
}
|
|
.material-dark .hljs-string,
|
|
.material-dark .hljs-title,
|
|
.material-dark .hljs-section,
|
|
.material-dark .hljs-attribute,
|
|
.material-dark .hljs-literal,
|
|
.material-dark .hljs-template-tag,
|
|
.material-dark .hljs-template-variable,
|
|
.material-dark .hljs-type,
|
|
.material-dark .hljs-addition,
|
|
.material-dark .e-icons.back-icon,
|
|
.material-dark .sb-plnr-section,
|
|
.material-dark .sb-bread-crumb,
|
|
.material-dark .sb-component-name,
|
|
.material-dark .sb-icon-Home,
|
|
.material-dark .description-header,
|
|
.material-dark .sb-switch-popup li:first-child,
|
|
.material-dark .sb-left-pane .e-listview .e-list-group-item,
|
|
.material-dark .sb-footer-links a,
|
|
.material-dark .description-section a,
|
|
.material-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator,
|
|
.material-dark .sb-theme-popup li.active .sb-theme-select,
|
|
.material-dark #search-input_popup .e-list-group-item
|
|
{
|
|
|
|
color: #56a4fd;
|
|
}
|
|
|
|
.material-dark .sb-icon-Hamburger:active,
|
|
.material-dark .sb-footer-logo-icon,
|
|
.material-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item {
|
|
|
|
color:white;
|
|
}
|
|
.material-dark .sb-content-section,
|
|
.material-dark .sb-switch-popup .material-dark .sb-content-tab-header,
|
|
.material-dark .sb-content-section .sb-content-tab-header {
|
|
background: #383838;
|
|
border-color: #969696;
|
|
}
|
|
.material-dark .hljs-keyword,
|
|
.material-dark .hljs-selector-tag,
|
|
.material-dark .hljs-built_in,
|
|
.material-dark .hljs-name,
|
|
.material-dark .hljs-tag,
|
|
.material-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
|
|
color:#1783ff
|
|
}
|
|
.material-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.material-dark .sample-navigation>button:hover,
|
|
.material-dark .sb-plnr-section,
|
|
.material-dark .sb-icon-Popout:hover,
|
|
.material-dark .sb-icon-Hamburger,
|
|
.material-dark .sb-setting-translate,
|
|
.material-dark .property-panel-header
|
|
{
|
|
color: #56a4fd;
|
|
}
|
|
|
|
.material-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text {
|
|
color: #ffffff;
|
|
}
|
|
.material-dark code,
|
|
.material-dark .sb-switch-popup,
|
|
.material-dark .sb-setting-popup,
|
|
.material-dark .sb-search-result,
|
|
.material-dark .sb-src-code,
|
|
.material-dark .sb-api-section,
|
|
.material-dark .sb-theme-popup,
|
|
.material-dark .copy-tooltip,
|
|
.material-dark .e-icons.copycode,
|
|
.material-dark #search-input-wrapper input,
|
|
.material-dark #search-input-wrapper input::placeholder,
|
|
.material-dark .property-section {
|
|
color: #ffffff;
|
|
background: #383838;
|
|
}
|
|
.material-dark .sb-search-btn:hover,
|
|
.material-dark .sb-search-btn.active,
|
|
.material-dark .sb-setting-btn:hover,
|
|
.material-dark .sb-setting-btn.active,
|
|
.material-dark .sb-switch-popup li:hover,
|
|
.material-dark .theme-wrapper:hover,
|
|
.material-dark .theme-wrapper.active,
|
|
.material-dark .sb-theme-popup li:hover,
|
|
.material-dark .sb-search-result .e-list-item:hover,
|
|
.material-dark .sb-left-pane .e-listview .e-list-item:hover,
|
|
.material-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
#search-input_popup .e-list-item:hover{
|
|
background-color: #636363 !important;
|
|
}
|
|
.material-dark .setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: #636262;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
.material-dark .setting-responsive .sb-responsive-items.active {
|
|
background-color: #56a4fd;
|
|
color: white;
|
|
}
|
|
.material-dark .sb-left-pane .e-listview .e-list-item.e-active {
|
|
background-color:#56a4fd ;
|
|
}
|
|
.material-dark .sb-left-pane {
|
|
background: #383838;
|
|
}
|
|
.material-dark .sb-body-overlay{
|
|
background: #383838;
|
|
}
|
|
.material-dark .sb-mobile-right-pane {
|
|
background: #383838;
|
|
}
|
|
.material-dark .sb-mobile-left-pane{
|
|
background: #383838;
|
|
}
|
|
.material-dark .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #383838;
|
|
color: #fff;
|
|
}
|
|
.material-dark .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: #56a4fd;
|
|
}
|
|
.material-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: #56a4fd ;
|
|
}
|
|
|
|
.material-dark .sb-header-text-left,.material-dark .sb-header-text-right,
|
|
.material-dark .sb-left-pane .e-listview .e-list-item:hover {
|
|
|
|
color:#ffffff
|
|
}
|
|
|
|
/* fabric dark */
|
|
.fabric-dark .sb-content,
|
|
.fabric-dark textarea#ruleContent {
|
|
background: #242424;
|
|
}
|
|
.fabric-dark .sb-home{
|
|
color:#ffffff
|
|
}
|
|
.fabric-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,
|
|
.fabric-dark .sb-home, .fabric-dark .sb-reset-icon,
|
|
.fabric-dark #search-input_popup .e-list-item{
|
|
color: #ffffff;
|
|
}
|
|
body.fabric-dark,
|
|
.fabric-dark #sb-header-text,
|
|
.fabric-dark .control-name,
|
|
.fabric-dark .sample-navigation,
|
|
.fabric-dark .sb-icon-Popout,
|
|
.fabric-dark .sb-switch-popup a {
|
|
color: #fff;
|
|
}
|
|
.fabric-dark .sb-header,
|
|
.fabric-dark .sb-search-result .e-list-item,
|
|
.fabric-dark .sb-search-result .e-list-group-item,
|
|
.fabric-dark #search-input_popup .e-list-item,
|
|
.fabric-dark #search-input_popup .e-list-group-item{
|
|
background: #242424 !important;
|
|
}
|
|
.fabric-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator
|
|
{
|
|
background: #0074cc;
|
|
}
|
|
.fabric-dark #left-sidebar {
|
|
color: #c2c0c0;
|
|
background: #242424;
|
|
}
|
|
|
|
.fabric-dark #left-sidebar {
|
|
border: none;
|
|
}
|
|
.fabric-dark .sb-mobile-right-pane {
|
|
background: #242424;
|
|
}
|
|
.fabric-dark .hljs-string,
|
|
.fabric-dark .hljs-title,
|
|
.fabric-dark .hljs-section,
|
|
.fabric-dark .hljs-attribute,
|
|
.fabric-dark .hljs-literal,
|
|
.fabric-dark .hljs-template-tag,
|
|
.fabric-dark .hljs-template-variable,
|
|
.fabric-dark .hljs-type,
|
|
.fabric-dark .hljs-addition,
|
|
.fabric-dark .e-icons.back-icon,
|
|
.fabric-dark .sb-plnr-section,
|
|
.fabric-dark .sb-bread-crumb,
|
|
.fabric-dark .sb-component-name,
|
|
.fabric-dark .sb-icon-Home,
|
|
.fabric-dark .description-header,
|
|
.fabric-dark .sb-switch-popup li:first-child,
|
|
.fabric-dark .sb-left-pane .e-listview .e-list-group-item,
|
|
.fabric-dark .sb-icon-Hamburger,
|
|
.farbic-dark .sb-footer-links a,
|
|
.fabric-dark .description-section a,
|
|
.fabric-dark .sb-theme-popup li.active .sb-theme-select,
|
|
.fabric-dark #search-input_popup .e-list-group-item
|
|
{
|
|
color: #0074cc;
|
|
}
|
|
.fabric-dark .sb-icon-Hamburger:active{
|
|
color:white;
|
|
}
|
|
.fabric-dark .sb-content-section,
|
|
.fabric-dark .sb-switch-popup .fabric-dark .sb-content-tab-header,
|
|
.fabric-dark .sb-content-section .sb-content-tab-header {
|
|
background: #242424;
|
|
border-color: #c1c1c1;
|
|
}
|
|
.fabric-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.fabric-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.fabric-dark .sample-navigation>button:hover,
|
|
.fabric-dark .sb-plnr-section,
|
|
.fabric-dark .sb-setting-translate,
|
|
.fabric-dark .sb-icon-Popout:hover{
|
|
color: #0074cc;
|
|
}
|
|
.fabric-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.fabric-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text {
|
|
color: #ffffff;
|
|
}
|
|
.fabric-dark code,
|
|
.fabric-dark .sb-switch-popup,
|
|
.fabric-dark .sb-setting-popup,
|
|
.fabric-dark .sb-search-result,
|
|
.fabric-dark .sb-src-code,
|
|
.fabric-dark .sb-api-section,
|
|
.fabric-dark .sb-theme-popup,
|
|
.fabric-dark .copy-tooltip,
|
|
.fabric-dark .e-icons.copycode,
|
|
.fabric-dark #search-input-wrapper input,
|
|
.fabric-dark #search-input-wrapper input::placeholder {
|
|
color: #ffffff;
|
|
background: #242424;
|
|
}
|
|
.fabric-dark .sb-search-btn:hover,
|
|
.fabric-dark .sb-search-btn.active,
|
|
.fabric-dark .sb-setting-btn:hover,
|
|
.fabric-dark .sb-setting-btn.active,
|
|
.fabric-dark .sb-switch-popup li:hover,
|
|
.fabric-dark .theme-wrapper:hover,
|
|
.fabric-dark .theme-wrapper.active,
|
|
.fabric-dark .sb-theme-popup li:hover,
|
|
.fabric-dark .sb-search-result .e-list-item:hover,
|
|
.fabric-dark .sb-left-pane .e-listview .e-list-item:hover,
|
|
.fabric-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.fabric-dark #search-input_popup .e-list-item:hover {
|
|
background-color: #4b4b4b !important;
|
|
}
|
|
.fabric-dark .setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: #4b4b4b;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
.fabric-dark .setting-responsive .sb-responsive-items.active {
|
|
background-color: #0074cc;
|
|
color: white;
|
|
}
|
|
.fabric-dark .sb-left-pane .e-listview .e-list-item.e-active,
|
|
.fabric-dark .cont {
|
|
background-color:#0074cc ;
|
|
}
|
|
.fabric-dark .sb-left-pane .e-listview .e-list-item:hover{
|
|
color:aliceblue;
|
|
}
|
|
.fabric-dark .control-name{
|
|
color:#ffffff;
|
|
}
|
|
.fabric-dark .sb-left-pane {
|
|
background: #242424;
|
|
}
|
|
.fabric-dark .sb-body-overlay{
|
|
background: #242424;
|
|
}
|
|
|
|
.fabric-dark .sb-mobile-left-pane{
|
|
background: #242424;
|
|
}
|
|
.fabric-dark .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #242424;
|
|
color: #fff;
|
|
}
|
|
.fabric-dark .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: #0074cc;
|
|
}
|
|
.fabric-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: #0074cc;
|
|
}
|
|
.fabric-dark .sb-header-text-left,.fabric-dark .sb-header-text-right{
|
|
color:#ffffff
|
|
}
|
|
|
|
/* bootstrap-dark */
|
|
.bootstrap-dark .sb-content,
|
|
.bootstrap-dark textarea#ruleContent,
|
|
.bootstrap-dark #search-input_popup .e-list-item,
|
|
.bootstrap-dark #search-input_popup .e-list-group-item {
|
|
background: #1b1b1b;
|
|
}
|
|
.bootstrap-dark .sb-home,
|
|
.bootstrap-dark #search-input_popup .e-list-item{
|
|
color:#ffffff
|
|
}
|
|
.bootstrap-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,
|
|
.bootstrap-dark .sb-home,
|
|
.bootstrap-dark .sb-reset-icon{
|
|
color:#ffffff
|
|
}
|
|
body.bootstrap-dark,
|
|
.bootstrap-dark #sb-header-text,
|
|
.bootstrap-dark .control-name,
|
|
.bootstrap-dark .sample-navigation,
|
|
.bootstrap-dark .sb-icon-Popout,
|
|
.bootstrap-dark .sb-switch-popup a {
|
|
color: #fff;
|
|
}
|
|
.bootstrap-dark .sb-header,
|
|
.bootstrap-dark .sb-search-result .e-list-item,
|
|
.bootstrap-dark .sb-search-result .e-list-group-item {
|
|
background: #1b1b1b !important;
|
|
}
|
|
.bootstrap-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator
|
|
{
|
|
background: #0070f0;
|
|
}
|
|
.bootstrap-dark #left-sidebar {
|
|
color: #c2c0c0;
|
|
background: #1b1b1b;
|
|
}
|
|
|
|
.bootstrap-dark #left-sidebar {
|
|
border: none;
|
|
}
|
|
.bootstrap-dark .sb-mobile-right-pane {
|
|
background: #1b1b1b;
|
|
}
|
|
.bootstrap-dark .hljs-string,
|
|
.bootstrap-dark .hljs-title,
|
|
.bootstrap-dark .hljs-section,
|
|
.bootstrap-dark .hljs-attribute,
|
|
.bootstrap-dark .hljs-literal,
|
|
.bootstrap-dark .hljs-template-tag,
|
|
.bootstrap-dark .hljs-template-variable,
|
|
.bootstrap-dark .hljs-type,
|
|
.bootstrap-dark .hljs-addition,
|
|
.bootstrap-dark .e-icons.back-icon,
|
|
.bootstrap-dark .sb-plnr-section,
|
|
.bootstrap-dark .sb-bread-crumb,
|
|
.bootstrap-dark .sb-component-name,
|
|
.bootstrap-dark .sb-icon-Home,
|
|
.bootstrap-dark .description-header,
|
|
.bootstrap-dark .sample-navigation>button:hover,
|
|
.bootstrap-dark .sb-switch-popup li:first-child,
|
|
.bootstrap-dark .sb-left-pane .e-listview .e-list-group-item,
|
|
.bootstrap-dark .sb-icon-Hamburger:active,
|
|
.bootstrap-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.bootstrap-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.bootstrap-dark .sb-theme-popup li.active .sb-theme-select,
|
|
.bootstrap-dark #search-input_popup .e-list-group-item {
|
|
color: #0070f0;
|
|
}
|
|
|
|
.bootstrap-dark .sb-content-section,
|
|
.bootstrap-dark .sb-switch-popup .bootstrap-dark .sb-content-tab-header,
|
|
.bootstrap-dark .sb-content-section .sb-content-tab-header {
|
|
background: #1b1b1b;
|
|
border-color: #c1c1c1;
|
|
}
|
|
.bootstrap-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.bootstrap-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.bootstrap-dark .sample-navigation>button:hover,
|
|
.bootstrap-dark .sb-plnr-section,
|
|
.bootstrap-dark .sb-icon-Popout:hover,
|
|
.bootstrap-dark .sb-icon-Hamburger,
|
|
.bootstrap-dark .sb-setting-translate,
|
|
.bootstrap-dark .sb-footer-links a,
|
|
.bootstrap-dark .description-section a {
|
|
color: #0070f0;
|
|
}
|
|
|
|
.bootstrap-dark code,
|
|
.bootstrap-dark .sb-switch-popup,
|
|
.bootstrap-dark .sb-setting-popup,
|
|
.bootstrap-dark .sb-search-result,
|
|
.bootstrap-dark .sb-src-code,
|
|
.bootstrap-dark .sb-api-section,
|
|
.bootstrap-dark .sb-theme-popup,
|
|
.bootstrap-dark .copy-tooltip,
|
|
.bootstrap-dark .e-icons.copycode,
|
|
.bootstrap-dark #search-input-wrapper input,
|
|
.bootstrap-dark #search-input-wrapper input::placeholder {
|
|
color: #ffffff;
|
|
background: #1b1b1b;
|
|
}
|
|
.bootstrap-dark .sb-search-btn:hover,
|
|
.bootstrap-dark .sb-search-btn.active,
|
|
.bootstrap-dark .sb-setting-btn:hover,
|
|
.bootstrap-dark .sb-setting-btn.active,
|
|
.bootstrap-dark .sb-switch-popup li:hover,
|
|
.bootstrap-dark .theme-wrapper:hover,
|
|
.bootstrap-dark .theme-wrapper.active,
|
|
.bootstrap-dark .sb-theme-popup li:hover,
|
|
.bootstrap-dark .sb-search-result .e-list-item:hover,
|
|
.bootstrap-dark .sb-left-pane .e-listview .e-list-item:hover,
|
|
.bootstrap-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.bootstrap-dark #search-input_popup .e-list-item:hover {
|
|
background-color: #363636 !important;
|
|
}
|
|
.bootstrap-dark .setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: #363636;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
.bootstrap-dark .setting-responsive .sb-responsive-items.active {
|
|
background-color: #0070f0;
|
|
color: white;
|
|
}
|
|
.bootstrap-dark .sb-left-pane .e-listview .e-list-item.e-active,
|
|
.bootstrap-dark .cont {
|
|
background-color:#0070f0 ;
|
|
}
|
|
.bootstrap-dark .sb-left-pane .e-listview .e-list-item:hover {
|
|
color:aliceblue;
|
|
}
|
|
.bootstrap-dark .control-name{
|
|
color:#ffffff;
|
|
}
|
|
.bootstrap-dark .sb-left-pane {
|
|
background: #1b1b1b;
|
|
}
|
|
.bootstrap-dark .sb-body-overlay{
|
|
background: #1b1b1b;
|
|
}
|
|
|
|
.bootstrap-dark .sb-mobile-left-pane{
|
|
background: #1b1b1b;
|
|
}
|
|
.bootstrap-dark .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #1b1b1b;
|
|
color: #fff;
|
|
}
|
|
.bootstrap-dark .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: #0070f0;
|
|
}
|
|
.bootstrap-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: #0070f0;
|
|
}
|
|
.bootstrap-dark .sb-header-text-left,.bootstrap-dark .sb-header-text-right{
|
|
color:#ffffff
|
|
}
|
|
/*bootstrap5-dark */
|
|
.bootstrap5-dark .sb-content,
|
|
.bootstrap5-dark textarea#ruleContent,
|
|
.bootstrap5-dark #search-input_popup .e-list-item,
|
|
.bootstrap5-dark #search-input_popup .e-list-group-item {
|
|
background: #212529;
|
|
}
|
|
.bootstrap5-dark .sb-home,
|
|
.bootstrap5-dark #search-input_popup .e-list-item {
|
|
color:#ffffff
|
|
}
|
|
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,
|
|
.bootstrap5-dark .sb-home,
|
|
.bootstrap5-dark .sb-reset-icon{
|
|
color:#ffffff
|
|
}
|
|
body.bootstrap5-dark,
|
|
.bootstrap5-dark #sb-header-text,
|
|
.bootstrap5-dark .control-name,
|
|
.bootstrap5-dark .sample-navigation,
|
|
.bootstrap5-dark .sb-icon-Popout,
|
|
.bootstrap5-dark .sb-switch-popup a {
|
|
color: #fff;
|
|
}
|
|
.bootstrap5-dark .sb-header,
|
|
.bootstrap5-dark .sb-search-result .e-list-item,
|
|
.bootstrap5-dark .sb-search-result .e-list-group-item {
|
|
background: #212529;
|
|
}
|
|
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator {
|
|
background: #0d6efd;
|
|
}
|
|
.bootstrap5-dark #left-sidebar {
|
|
color: #c2c0c0;
|
|
background: #212529;
|
|
}
|
|
|
|
.bootstrap5-dark #left-sidebar {
|
|
border: none;
|
|
}
|
|
.bootstrap5-dark .sb-mobile-right-pane {
|
|
background: #212529;
|
|
}
|
|
.bootstrap5-dark .hljs-string,
|
|
.bootstrap5-dark .hljs-title,
|
|
.bootstrap5-dark .hljs-section,
|
|
.bootstrap5-dark .hljs-attribute,
|
|
.bootstrap5-dark .hljs-literal,
|
|
.bootstrap5-dark .hljs-template-tag,
|
|
.bootstrap5-dark .hljs-template-variable,
|
|
.bootstrap5-dark .hljs-type,
|
|
.bootstrap5-dark .hljs-addition,
|
|
.bootstrap5-dark .e-icons.back-icon,
|
|
.bootstrap5-dark .sb-plnr-section,
|
|
.bootstrap5-dark .sb-bread-crumb,
|
|
.bootstrap5-dark .sb-component-name,
|
|
.bootstrap5-dark .sb-icon-Home,
|
|
.bootstrap5-dark .description-header,
|
|
.bootstrap5-dark .sample-navigation>button:hover,
|
|
.bootstrap5-dark .sb-switch-popup li:first-child,
|
|
.bootstrap5-dark .sb-left-pane .e-listview .e-list-group-item,
|
|
.bootstrap5-dark .sb-icon-Hamburger:active,
|
|
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.bootstrap5-dark .sb-theme-popup li.active .sb-theme-select,
|
|
.bootstrap5-dark #search-input_popup .e-list-group-item {
|
|
color: #0d6efd;
|
|
}
|
|
|
|
.bootstrap5-dark .sb-content-section,
|
|
.bootstrap5-dark .sb-switch-popup .bootstrap5-dark .sb-content-tab-header,
|
|
.bootstrap5-dark .sb-content-section .sb-content-tab-header {
|
|
background: #212529;
|
|
border-color: #c1c1c1;
|
|
}
|
|
.bootstrap5-dark .sample-navigation>button:hover,
|
|
.bootstrap5-dark .sb-plnr-section,
|
|
.bootstrap5-dark .sb-icon-Popout:hover,
|
|
.bootstrap5-dark .sb-icon-Hamburger,
|
|
.bootstrap5-dark .sb-setting-translate,
|
|
.bootstrap5-dark .sb-footer-links a,
|
|
.bootstrap5-dark .description-section a{
|
|
color: #0d6efd;
|
|
}
|
|
.bootstrap5-dark .sb-plnr-section{
|
|
line-height:30px;
|
|
height:30px;
|
|
}
|
|
.bootstrap5-dark .sb-open-new-wrapper,
|
|
.bootstrap5-dark .sample-navigation{
|
|
line-height: 33px;
|
|
}
|
|
.bootstrap5-dark code,
|
|
.bootstrap5-dark .sb-switch-popup,
|
|
.bootstrap5-dark .sb-setting-popup,
|
|
.bootstrap5-dark .sb-search-result,
|
|
.bootstrap5-dark .sb-src-code,
|
|
.bootstrap5-dark .sb-api-section,
|
|
.bootstrap5-dark .sb-theme-popup,
|
|
.bootstrap5-dark .copy-tooltip,
|
|
.bootstrap5-dark .e-icons.copycode,
|
|
.bootstrap5-dark #search-input-wrapper input,
|
|
.bootstrap5-dark #search-input-wrapper input::placeholder {
|
|
color: #ffffff;
|
|
background: #212529;
|
|
}
|
|
.bootstrap5-dark .sb-search-btn:hover,
|
|
.bootstrap5-dark .sb-search-btn.active,
|
|
.bootstrap5-dark .sb-setting-btn:hover,
|
|
.bootstrap5-dark .sb-setting-btn.active,
|
|
.bootstrap5-dark .sb-switch-popup li:hover,
|
|
.bootstrap5-dark .theme-wrapper:hover,
|
|
.bootstrap5-dark .theme-wrapper.active,
|
|
.bootstrap5-dark .sb-theme-popup li:hover,
|
|
.bootstrap5-dark .sb-search-result .e-list-item:hover,
|
|
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item:hover,
|
|
.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
|
|
background-color: #363636;
|
|
}
|
|
.bootstrap5-dark .setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: #363636;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
.bootstrap5-dark .setting-responsive .sb-responsive-items.active {
|
|
background-color: #0d6efd;
|
|
color: white;
|
|
}
|
|
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item.e-active,
|
|
.bootstrap5-dark .cont,
|
|
.bootstrap5-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color:#0d6efd ;
|
|
}
|
|
.bootstrap5-dark .sb-left-pane .e-listview .e-list-item:hover {
|
|
color:aliceblue;
|
|
}
|
|
.bootstrap5-dark .control-name{
|
|
color:#ffffff;
|
|
}
|
|
.bootstrap5-dark .sb-left-pane,
|
|
.bootstrap5-dark .sb-mobile-left-pane,
|
|
.bootstrap5-dark .sb-body-overlay {
|
|
background: #212529;
|
|
}
|
|
|
|
.bootstrap5-dark .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #212529;
|
|
color: #fff;
|
|
}
|
|
.bootstrap5-dark .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: #0d6efd;
|
|
}
|
|
.bootstrap5-dark .sb-header-text-left,.bootstrap5-dark .sb-header-text-right {
|
|
color:#ffffff
|
|
}
|
|
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.bootstrap5-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.bootstrap5-dark .sb-search-result .e-list-group-item {
|
|
color:#0d6efd !important;
|
|
}
|
|
|
|
/* fluent dark */
|
|
|
|
.fluent-dark .sb-content,
|
|
.fluent-dark textarea#ruleContent,
|
|
.fluent-dark #search-input_popup .e-list-item,
|
|
.fluent-dark #search-input_popup .e-list-group-item {
|
|
background: #1b1a19;
|
|
}
|
|
.fluent-dark .sb-home,
|
|
.fluent-dark #search-input_popup .e-list-item {
|
|
color:#ffffff
|
|
}
|
|
.fluent-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,
|
|
.fluent-dark .sb-home,
|
|
.fluent-dark .sb-reset-icon{
|
|
color:#ffffff
|
|
}
|
|
body.fluent-dark,
|
|
.fluent-dark #sb-header-text,
|
|
.fluent-dark .control-name,
|
|
.fluent-dark .sample-navigation,
|
|
.fluent-dark .sb-icon-Popout,
|
|
.fluent-dark .sb-switch-popup a {
|
|
color: #fff;
|
|
}
|
|
.fluent-dark .sb-header,
|
|
.fluent-dark .sb-search-result .e-list-item,
|
|
.fluent-dark .sb-search-result .e-list-group-item {
|
|
background: #252423;
|
|
}
|
|
.fluent-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator {
|
|
background: #0d6efd;
|
|
}
|
|
.fluent-dark #left-sidebar {
|
|
color: #c2c0c0;
|
|
background: #201F1E;
|
|
}
|
|
|
|
.fluent-dark #left-sidebar {
|
|
border-right: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-mobile-right-pane {
|
|
background: #201F1E;
|
|
}
|
|
.fluent-dark .hljs-string,
|
|
.fluent-dark .hljs-title,
|
|
.fluent-dark .hljs-section,
|
|
.fluent-dark .hljs-attribute,
|
|
.fluent-dark .hljs-literal,
|
|
.fluent-dark .hljs-template-tag,
|
|
.fluent-dark .hljs-template-variable,
|
|
.fluent-dark .hljs-type,
|
|
.fluent-dark .hljs-addition,
|
|
.fluent-dark .e-icons.back-icon,
|
|
.fluent-dark .sb-plnr-section,
|
|
.fluent-dark .sb-bread-crumb,
|
|
.fluent-dark .sb-component-name,
|
|
.fluent-dark .sb-icon-Home,
|
|
.fluent-dark .description-header,
|
|
.fluent-dark .sample-navigation>button:hover,
|
|
.fluent-dark .sb-switch-popup li:first-child,
|
|
.fluent-dark .sb-left-pane .e-listview .e-list-group-item,
|
|
.fluent-dark .sb-icon-Hamburger:active,
|
|
.fluent-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.fluent-dark #search-input_popup .e-list-group-item {
|
|
color: #d2d0ce;
|
|
}
|
|
|
|
.fluent-dark .sb-content-section,
|
|
.fluent-dark .sb-switch-popup .fluent-dark .sb-content-tab-header,
|
|
.fluent-dark .sb-content-section .sb-content-tab-header {
|
|
background: #1b1a19;
|
|
border-color: #484644;
|
|
}
|
|
.fluent-dark .sample-navigation>button:hover,
|
|
.fluent-dark .sb-plnr-section,
|
|
.fluent-dark .sb-icon-Popout:hover,
|
|
.fluent-dark .sb-icon-Hamburger,
|
|
.fluent-dark .sb-setting-translate,
|
|
.fluent-dark .sb-footer-links a,
|
|
.fluent-dark .description-section a{
|
|
color: #1783ff;
|
|
}
|
|
.fluent-dark .sb-icon-Hamburger {
|
|
color: #717171;
|
|
}
|
|
.fluent-dark .e-samplestatus.update {
|
|
background-color: #C28D42;
|
|
border: 1px solid #C28D42 !important;
|
|
color: #000000 !important;
|
|
}
|
|
.fluent-dark .e-samplestatus.preview {
|
|
background-color: #5794E2 !important;
|
|
color: #000000;
|
|
}
|
|
.fluent-dark .sb-theme-popup li:hover.active .sb-theme-select {
|
|
color: #0d6efd;
|
|
}
|
|
.fluent-dark .sb-plnr-section{
|
|
line-height:30px;
|
|
height:40px;
|
|
}
|
|
.fluent-dark .sb-open-new-wrapper,
|
|
.fluent-dark .sample-navigation{
|
|
line-height: 43px;
|
|
}
|
|
.fluent-dark code, .fluent-dark .sb-switch-popup, .fluent-dark .sb-setting-popup, .fluent-dark .sb-search-result, .fluent-dark .sb-src-code, .fluent-dark .sb-api-section, .fluent-dark .copy-tooltip, .fluent-dark .e-icons.copycode, .fluent-dark #search-input-wrapper input, .fluent-dark #search-input-wrapper input::placeholder {
|
|
color: #ffffff;
|
|
background: #252423;
|
|
}
|
|
.fluent-dark .sb-theme-popup {
|
|
color: #ffffff;
|
|
background: #252423;
|
|
border: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-setting-popup {
|
|
border: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-property-border {
|
|
border-right: 1px solid #484644;
|
|
}
|
|
.fluent-dark hr {
|
|
border-top: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-search-btn:hover,
|
|
.fluent-dark .sb-search-btn.active,
|
|
.fluent-dark .sb-setting-btn:hover,
|
|
.fluent-dark .sb-setting-btn.active,
|
|
.fluent-dark .sb-switch-popup li:hover,
|
|
.fluent-dark .theme-wrapper:hover,
|
|
.fluent-dark .theme-wrapper.active,
|
|
.fluent-dark .sb-theme-popup li:hover,
|
|
.fluent-dark .sb-search-result .e-list-item:hover,
|
|
.fluent-dark .sb-left-pane .e-listview .e-list-item:hover,
|
|
.fluent-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
|
|
background-color: #323130;
|
|
}
|
|
.fluent-dark .sb-theme-studio {
|
|
border: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-theme-studio a {
|
|
color: #0d6efd !important;
|
|
}
|
|
.fluent-dark .sb-toolbar-splitter {
|
|
border-left: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-setting-popup .sb-setting-header {
|
|
border-bottom: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-footer {
|
|
border-top: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-switch-popup {
|
|
border: 1px solid #484644;
|
|
}
|
|
.fluent-dark .sb-theme-popup li.active .sb-theme-select {
|
|
color: #0d6efd;
|
|
}
|
|
.fluent-dark .setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: #363636;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
.fluent-dark .setting-responsive .sb-responsive-items.active {
|
|
background-color: #0d6efd;
|
|
color: white;
|
|
}
|
|
.fluent-dark .sb-left-pane .e-listview .e-list-item.e-active,
|
|
.fluent-dark .cont,
|
|
.fluent-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color:#292827;
|
|
}
|
|
.fluent-dark .sb-left-pane .e-listview .e-list-item.e-active {
|
|
color: #F3F2F1;;
|
|
}
|
|
.fluent-dark .sb-left-pane .e-listview .e-list-item:hover {
|
|
color:aliceblue;
|
|
}
|
|
.fluent-dark .control-name{
|
|
color: #508CF5;
|
|
}
|
|
.fluent-dark .sb-left-pane,
|
|
.fluent-dark .sb-mobile-left-pane,
|
|
.fluent-dark .sb-body-overlay {
|
|
background: #1b1a19;
|
|
}
|
|
|
|
.fluent-dark .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #201F1E;
|
|
color: #fff;
|
|
}
|
|
.fluent-dark .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: #0d6efd;
|
|
}
|
|
.fluent-dark .sb-header-text-left,.fluent-dark .sb-header-text-right {
|
|
color:#ffffff
|
|
}
|
|
.fluent-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.fluent-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.fluent-dark .sb-search-result .e-list-group-item {
|
|
color:#0d6efd !important;
|
|
}
|
|
.fluent-dark .e-treeview .e-fullrow {
|
|
border: 0px solid;
|
|
}
|
|
|
|
/* material3 dark */
|
|
|
|
.material3-dark .sb-content,
|
|
.material3-dark textarea#ruleContent,
|
|
.material3-dark #search-input_popup .e-list-item,
|
|
.material3-dark #search-input_popup .e-list-group-item {
|
|
background: #1C1B1F;
|
|
}
|
|
.material3-dark .sb-home,
|
|
.material3-dark #search-input_popup .e-list-item {
|
|
color:#ffffff
|
|
}
|
|
.material3-dark .sb-left-pane .e-listview .e-list-item.e-active:hover,
|
|
.material3-dark .sb-home,
|
|
.material3-dark .sb-reset-icon{
|
|
color:#000;
|
|
}
|
|
.material3-dark .sb-left-pane .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text {
|
|
color: #000;
|
|
}
|
|
.material3-dark .sb-content-tab .e-content.sb-sample-content-area {
|
|
background: transparent;
|
|
}
|
|
.material3-dark .sb-content-tab .e-tab-header.e-horizontal-bottom {
|
|
border-radius: 0 0 12px 12px;
|
|
}
|
|
.material3-dark .sb-content-tab .e-tab-header.sb-content-tab-header {
|
|
border-radius: 12px 12px 0 0;
|
|
}
|
|
.material3-dark #sb-content {
|
|
border-radius:12px;
|
|
}
|
|
body.material3-dark,
|
|
.material3-dark #sb-header-text,
|
|
.material3-dark .control-name,
|
|
.material3-dark .sample-navigation,
|
|
.material3-dark .sb-icon-Popout,
|
|
.material3-dark .sb-switch-popup a {
|
|
color: #fff;
|
|
}
|
|
.material3-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item:hover > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material3-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
|
|
.material3-dark .sb-source-section .e-tab .e-tab-header .e-toolbar-item:hover .e-tab-text {
|
|
color: rgb(208, 188, 255);
|
|
}
|
|
.material3-dark .sb-header,
|
|
.material3-dark .sb-search-result .e-list-item,
|
|
.material3-dark .sb-search-result .e-list-group-item {
|
|
background: linear-gradient(0deg, rgba(208, 188, 255, 0.08), rgba(208, 188, 255, 0.08)), #1C1B1F;
|
|
}
|
|
.material3-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator {
|
|
background: rgb(208, 188, 255);
|
|
}
|
|
.material3-dark #left-sidebar {
|
|
color: #c2c0c0;
|
|
background: #2B2831;
|
|
}
|
|
|
|
.material3-dark #left-sidebar {
|
|
border-right: 1px solid #484644;
|
|
}
|
|
.material3-dark .sb-mobile-right-pane {
|
|
background: #2B2831;
|
|
}
|
|
.material3-dark .hljs-string,
|
|
.material3-dark .hljs-title,
|
|
.material3-dark .hljs-section,
|
|
.material3-dark .hljs-attribute,
|
|
.material3-dark .hljs-literal,
|
|
.material3-dark .hljs-template-tag,
|
|
.material3-dark .hljs-template-variable,
|
|
.material3-dark .hljs-type,
|
|
.material3-dark .hljs-addition,
|
|
.material3-dark .e-icons.back-icon,
|
|
.material3-dark .sb-plnr-section,
|
|
.material3-dark .sb-bread-crumb,
|
|
.material3-dark .sb-component-name,
|
|
.material3-dark .sb-icon-Home,
|
|
.material3-dark .description-header,
|
|
.material3-dark .sample-navigation>button:hover,
|
|
.material3-dark .sb-switch-popup li:first-child,
|
|
.material3-dark .sb-left-pane .e-listview .e-list-group-item,
|
|
.material3-dark .sb-icon-Hamburger:active,
|
|
.material3-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material3-dark #search-input_popup .e-list-group-item {
|
|
color: rgb(208, 188, 255);
|
|
}
|
|
|
|
.material3-dark .sb-content-section,
|
|
.material3-dark .sb-switch-popup .material3-dark .sb-content-tab-header,
|
|
.material3-dark .sb-content-section .sb-content-tab-header {
|
|
background: #1C1B1F;
|
|
border-color: rgba(147,143,153);
|
|
}
|
|
.material3-dark .sample-navigation>button:hover,
|
|
.material3-dark .sb-plnr-section,
|
|
.material3-dark .sb-icon-Popout:hover,
|
|
.material3-dark .sb-icon-Hamburger,
|
|
.material3-dark .sb-setting-translate,
|
|
.material3-dark .sb-footer-links a,
|
|
.material3-dark .description-section a{
|
|
color: rgb(208, 188, 255);
|
|
}
|
|
.material3-dark .sb-icon-Hamburger {
|
|
color: rgb(208, 188, 255);
|
|
}
|
|
.material3-dark .e-samplestatus.update {
|
|
background-color: #fff;
|
|
border: 1px solid #29bc4f !important;
|
|
color: #29bc4f !important;
|
|
}
|
|
.material3-dark .e-samplestatus.preview {
|
|
background-color: #5794E2 !important;
|
|
color: #000000;
|
|
}
|
|
.material3-dark .sb-theme-popup li:hover.active .sb-theme-select {
|
|
color: rgb(208, 188, 255);
|
|
}
|
|
.material3-dark .sb-plnr-section{
|
|
line-height:30px;
|
|
height:40px;
|
|
}
|
|
.material3-dark .sb-open-new-wrapper,
|
|
.material3-dark .sample-navigation{
|
|
line-height: 43px;
|
|
}
|
|
.material3-dark code, .material3-dark .sb-switch-popup, .material3-dark .sb-setting-popup, .material3-dark .sb-search-result, .material3-dark .sb-src-code, .material3-dark .sb-api-section, .material3-dark .copy-tooltip, .material3-dark .e-icons.copycode, .material3-dark #search-input-wrapper input, .material3-dark #search-input-wrapper input::placeholder {
|
|
color: #ffffff;
|
|
background: #2B2831;
|
|
}
|
|
.material3-dark .sb-theme-popup {
|
|
color: #ffffff;
|
|
background: #2B2831;
|
|
border: unset;
|
|
}
|
|
.material3-dark .sb-setting-popup {
|
|
border: unset;
|
|
}
|
|
.material3-dark .sb-property-border {
|
|
border-right: 1px solid #484644;
|
|
}
|
|
.material3-dark hr {
|
|
border-top: 1px solid #484644;
|
|
}
|
|
.material3-dark .sb-search-btn:hover,
|
|
.material3-dark .sb-search-btn.active,
|
|
.material3-dark .sb-setting-btn:hover,
|
|
.material3-dark .sb-setting-btn.active,
|
|
.material3-dark .sb-switch-popup li:hover,
|
|
.material3-dark .theme-wrapper:hover,
|
|
.material3-dark .theme-wrapper.active,
|
|
.material3-dark .sb-theme-popup li:hover,
|
|
.material3-dark .sb-search-result .e-list-item:hover,
|
|
.material3-dark .sb-left-pane .e-listview .e-list-item:hover,
|
|
.material3-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
|
|
background-color: rgba(255, 255, 255, 0.12);
|
|
}
|
|
.material3-dark .sb-theme-studio {
|
|
border: 1px solid #484644;
|
|
}
|
|
.material3-dark .sb-theme-studio a {
|
|
color: rgb(208, 188, 255) !important;
|
|
}
|
|
.material3-dark .sb-toolbar-splitter {
|
|
border-left: 1px solid #484644;
|
|
}
|
|
.material3-dark .sb-setting-popup .sb-setting-header {
|
|
border-bottom: 1px solid #484644;
|
|
}
|
|
.material3-dark .sb-footer {
|
|
border-top: 1px solid #484644;
|
|
}
|
|
.material3-dark .sb-switch-popup {
|
|
border: 1px solid #484644;
|
|
}
|
|
.material3-dark .sb-theme-popup li.active .sb-theme-select {
|
|
color: rgb(208, 188, 255);;
|
|
}
|
|
.material3-dark .setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: #363636;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
.material3-dark .setting-responsive .sb-responsive-items.active {
|
|
background-color: rgb(208, 188, 255);;
|
|
color: black;
|
|
}
|
|
.material3-dark .sb-left-pane .e-listview .e-list-item.e-active,
|
|
.material3-dark .cont,
|
|
.material3-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: rgb(208, 188, 255);
|
|
}
|
|
|
|
.material3-dark .sb-left-pane .e-listview .e-list-item:hover {
|
|
color: rgb(208, 188, 255);
|
|
}
|
|
.material3-dark .control-name{
|
|
color: rgb(208, 188, 255);;
|
|
}
|
|
.material3-dark .sb-left-pane,
|
|
.material3-dark .sb-mobile-left-pane,
|
|
.material3-dark .sb-body-overlay {
|
|
background: linear-gradient(0deg, rgba(208, 188, 255, 0.08), rgba(208, 188, 255, 0.08)), #1C1B1F;
|
|
}
|
|
|
|
.material3-dark .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #201F1E;
|
|
color: #fff;
|
|
}
|
|
.material3-dark .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: rgb(208, 188, 255);;
|
|
}
|
|
.material3-dark .sb-header-text-left,.material3-dark .sb-header-text-right {
|
|
color:#ffffff
|
|
}
|
|
.material3-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material3-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item:hover > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material3-dark .sb-search-result .e-list-group-item {
|
|
color: rgb(208, 188, 255) !important
|
|
}
|
|
.material3-dark .e-treeview .e-fullrow {
|
|
border: 0px solid;
|
|
}
|
|
|
|
/* tailwind-dark */
|
|
.tailwind-dark .sb-content,
|
|
.tailwind-dark textarea#ruleContent {
|
|
background: #1f2937;
|
|
}
|
|
.tailwind-dark .sb-home,
|
|
.tailwind-dark #search-input_popup .e-list-item{
|
|
color:#ffffff
|
|
}
|
|
.tailwind-dark .sb-left-pane .e-listview .e-list-item.e-active:hover {
|
|
color: #ffffff;
|
|
}
|
|
body.tailwind-dark,
|
|
.tailwind-dark #sb-header-text,
|
|
.tailwind-dark .control-name,
|
|
.tailwind-dark .sample-navigation,
|
|
.tailwind-dark .sb-icon-Popout,
|
|
.tailwind-dark .sb-switch-popup a {
|
|
color: #fff;
|
|
}
|
|
.tailwind-dark .sb-header,
|
|
.tailwind-dark .sb-search-result .e-list-item,
|
|
.tailwind-dark .sb-search-result .e-list-group-item {
|
|
background: #1f2937 !important;
|
|
}
|
|
.tailwind-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-indicator {
|
|
background: rgb(34, 211, 238);
|
|
}
|
|
.tailwind-dark #left-sidebar {
|
|
color: #c2c0c0;
|
|
background: #1f2937;
|
|
}
|
|
|
|
.tailwind-dark #left-sidebar {
|
|
border: none;
|
|
}
|
|
.tailwind-dark .sb-mobile-right-pane,
|
|
.tailwind-dark #search-input_popup .e-list-group-item {
|
|
background: #1f2937;
|
|
}
|
|
.tailwind-dark .hljs-string,
|
|
.tailwind-dark .hljs-title,
|
|
.tailwind-dark .hljs-section,
|
|
.tailwind-dark .hljs-attribute,
|
|
.tailwind-dark .hljs-literal,
|
|
.tailwind-dark .hljs-template-tag,
|
|
.tailwind-dark .hljs-template-variable,
|
|
.tailwind-dark .hljs-type,
|
|
.tailwind-dark .hljs-addition,
|
|
.tailwind-dark .e-icons.back-icon,
|
|
.tailwind-dark .sb-plnr-section,
|
|
.tailwind-dark .sb-bread-crumb,
|
|
.tailwind-dark .sb-component-name,
|
|
.tailwind-dark .sb-icon-Home,
|
|
.tailwind-dark .description-header,
|
|
.tailwind-dark .sb-setting-translate,
|
|
.tailwind-dark .sample-navigation>button:hover,
|
|
.tailwind-dark .sb-switch-popup li:first-child,
|
|
.tailwind-dark .sb-left-pane .e-listview .e-list-group-item,
|
|
.tailwind-dark .sb-theme-popup li.active .sb-theme-select
|
|
{
|
|
color: rgb(34, 211, 238);
|
|
}
|
|
.tailwind-dark .sb-icon-Hamburger,
|
|
.tailwind-dark .sb-footer-links a,
|
|
.tailwind-dark .description-section a
|
|
{
|
|
color:rgb(34, 211, 238);
|
|
}
|
|
.tailwind-dark .sb-icon-Hamburger:active{
|
|
color:white;
|
|
}
|
|
.tailwind-dark .sb-content-section,
|
|
.tailwind-dark .sb-switch-popup .tailwind-dark .sb-content-tab-header,
|
|
.tailwind-dark .sb-content-section .sb-content-tab-header {
|
|
background: #1f2937;
|
|
border-color: #c1c1c1;
|
|
}
|
|
.tailwind-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.tailwind-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.tailwind-dark .sample-navigation>button:hover,
|
|
.tailwind-dark .sb-plnr-section,
|
|
.tailwind-dark .sb-icon-Popout:hover,
|
|
.tailwind-dark #search-input_popup .e-list-group-item {
|
|
color: rgb(34, 211, 238);
|
|
}
|
|
.tailwind-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.tailwind-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text {
|
|
color: #ffffff;
|
|
}
|
|
.tailwind-dark code,
|
|
.tailwind-dark .sb-switch-popup,
|
|
.tailwind-dark .sb-setting-popup,
|
|
.tailwind-dark .sb-search-result,
|
|
.tailwind-dark .sb-src-code,
|
|
.tailwind-dark .sb-api-section,
|
|
.tailwind-dark .sb-theme-popup,
|
|
.tailwind-dark .copy-tooltip,
|
|
.tailwind-dark .e-icons.copycode,
|
|
.tailwind-dark #search-input-wrapper input,
|
|
.tailwind-dark #search-input-wrapper input::placeholder,
|
|
.tailwind-dark#search-input_popup .e-list-item {
|
|
color: #ffffff;
|
|
background: #1f2937;
|
|
}
|
|
.tailwind-dark .sb-search-btn:hover,
|
|
.tailwind-dark .sb-search-btn.active,
|
|
.tailwind-dark .sb-setting-btn:hover,
|
|
.tailwind-dark .sb-setting-btn.active,
|
|
.tailwind-dark .sb-switch-popup li:hover,
|
|
.tailwind-dark .theme-wrapper:hover,
|
|
.tailwind-dark .theme-wrapper.active,
|
|
.tailwind-dark .sb-theme-popup li:hover,
|
|
.tailwind-dark .sb-search-result .e-list-item:hover,
|
|
.tailwind-dark .sb-left-pane .e-listview .e-list-item:hover,
|
|
.tailwind-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.tailwind-dark#search-input_popup .e-list-item:hover {
|
|
background-color: rgb(107, 114, 128) !important;
|
|
}
|
|
.tailwind-dark .setting-responsive .sb-responsive-items {
|
|
width: 104px;
|
|
background-color: rgb(107, 114, 128);
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
display: table-cell;
|
|
cursor: pointer;
|
|
}
|
|
.tailwind-dark .setting-responsive .sb-responsive-items.active {
|
|
background-color: rgb(34, 211, 238);
|
|
color: white;
|
|
}
|
|
.tailwind-dark .sb-left-pane .e-listview .e-list-item.e-active,
|
|
.tailwind-dark .cont {
|
|
background-color:rgb(34, 211, 238);
|
|
}
|
|
.tailwind-dark .sb-left-pane .e-listview .e-list-item:hover {
|
|
color:aliceblue;
|
|
}
|
|
|
|
.tailwind-dark .sb-left-pane {
|
|
background: #1f2937;
|
|
}
|
|
.tailwind-dark .sb-body-overlay{
|
|
background: #1f2937;
|
|
}
|
|
|
|
.tailwind-dark .sb-mobile-left-pane {
|
|
background: #1f2937;
|
|
}
|
|
.tailwind-dark .sb-mobilefooter>.e-btn.e-flat {
|
|
background: #1f2937;
|
|
color: #fff;
|
|
}
|
|
.tailwind-dark .sb-mobilefooter>.e-btn.e-flat:hover {
|
|
color: rgb(34, 211, 238);
|
|
}
|
|
.tailwind-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: rgb(34, 211, 238);
|
|
}
|
|
|
|
.material3-dark .sb-left-pane .e-treeview .e-list-item.e-hover > .e-fullrow {
|
|
background-color: rgb(208, 188, 255);
|
|
}
|
|
.material3-dark .sb-left-pane .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
|
|
color: #000 !important;
|
|
}
|
|
.tailwind-dark .sb-header-text-left,.tailwind-dark .sb-header-text-right {
|
|
color:#ffffff
|
|
}
|
|
.tailwind-dark .e-samplestatus.new.tree, .tailwind-dark .e-samplestatus.update.tree,.tailwind-dark .e-samplestatus.preview.tree {
|
|
margin-top: 8px;
|
|
margin-bottom: 4.5px;
|
|
margin-right: -15px;
|
|
height: 22px;
|
|
}
|
|
.tailwind-dark .e-samplestatus.new,.tailwind-dark .e-samplestatus.update,.tailwind-dark .e-samplestatus.preview {
|
|
margin: 2px 0;
|
|
height: 22px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.bootstrap4 .e-samplestatus.new.tree, .bootstrap4 .e-samplestatus.update.tree,.bootstrap4 .e-samplestatus.preview.tree {
|
|
height: 22px;
|
|
margin-top: 1px 0px;
|
|
}
|
|
.bootstrap4 .e-samplestatus.new,.bootstrap4 .e-samplestatus.update,.bootstrap4 .e-samplestatus.preview{
|
|
height: 22px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.e-samplestatus.new, .e-samplestatus.update, .e-samplestatus.preview {
|
|
margin: 8px 0 0;
|
|
height: 22px;
|
|
}
|
|
.bootstrap4 .e-samplestatus.new,.bootstrap4 .e-samplestatus.update,.bootstrap4 .e-samplestatus.preview,
|
|
.bootstrap5 .e-samplestatus.new,.bootstrap5 .e-samplestatus.update,.bootstrap5 .e-samplestatus.preview {
|
|
margin-top: 0.5px;
|
|
}
|
|
.bootstrap5 .e-samplestatus.new.tree, .bootstrap5 .e-samplestatus.update.tree, .bootstrap5 .e-samplestatus.preview.tree{
|
|
margin-top: 6px;
|
|
}
|
|
.e-samplestatus.new.tree, .e-samplestatus.update.tree, .e-samplestatus.preview.tree {
|
|
margin: 8px 0;
|
|
height: 22px;
|
|
margin-top:4px;
|
|
}
|
|
|
|
.fluent .e-samplestatus.new.tree, .e-samplestatus.update.tree, .e-samplestatus.preview.tree {
|
|
margin: 8px 0;
|
|
height: 22px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.fluent .sb-plnr-section{
|
|
line-height:30px;
|
|
height:40px;
|
|
}
|
|
|
|
.fluent .sb-open-new-wrapper,
|
|
.fluent .sample-navigation{
|
|
line-height: 43px;
|
|
}
|
|
|
|
.bootstrap-dark .sb-home-text,.material-dark .sb-home-text,.material3-dark .sb-home-text,.tailwind-dark .sb-home-text,.fabric-dark .sb-home-text,
|
|
.bootstrap-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.tailwind-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.fabric-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.bootstrap5-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.fluent-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material3-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text {
|
|
color:#ffffff !important;
|
|
}
|
|
.material-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.material-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.material-dark .sb-search-result .e-list-group-item {
|
|
color: #56a4fd !important;
|
|
}
|
|
.fabric-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.fabric-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.fabric-dark .sb-search-result .e-list-group-item {
|
|
color: #0074cc !important;
|
|
}
|
|
.bootstrap-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.bootstrap-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.bootstrap-dark .sb-search-result .e-list-group-item {
|
|
color: #0070f0 !important;
|
|
}
|
|
.tailwind-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.tailwind-dark .sb-content-tab > .e-tab.e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.tailwind-dark .sb-search-result .e-list-group-item {
|
|
color: rgb(34, 211, 238) !important;
|
|
}
|
|
.tailwind-dark .sb-content-tab.e-tab > .e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item.e-active > .e-tab-wrap > .e-text-wrap > .e-tab-text,
|
|
.tailwind-dark .sb-content-tab.e-tab > .e-nested > .e-tab-header > .e-items.e-toolbar-items > .e-toolbar-item > .e-tab-wrap > .e-text-wrap > .e-tab-text:hover,
|
|
.tailwind-dark .sb-search-result .e-list-group-item {
|
|
color: rgb(34, 211, 238) !important;
|
|
|
|
}
|
|
.fabric-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
|
|
.tailwind-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
|
|
.bootstrap-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
|
|
.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
|
|
.fluent-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
|
|
.material3-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
|
|
.material-dark .sb-control-navigation .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
|
|
color:#FFFFFF !important;
|
|
}
|
|
.material-dark #msg, .tailwind-dark #msg, .bootstrap-dark #msg, .bootstrap5-dark #msg, .fluent-dark #msg, .material3-dark #msg, .fabric-dark #msg {
|
|
color: #F1F1F1 !important;
|
|
}
|
|
.material-dark .sb-theme-select {
|
|
color: rgb(56, 56, 56);
|
|
}
|
|
.fabric-dark .sb-theme-select {
|
|
color: #242424;
|
|
}
|
|
.bootstrap-dark .sb-theme-select {
|
|
color: rgb(27, 27, 27);
|
|
}
|
|
.bootstrap5-dark .sb-theme-select {
|
|
color:#212529;
|
|
}
|
|
.fluent-dark .sb-theme-select {
|
|
color:#212529;
|
|
}
|
|
.material3-dark .sb-theme-select {
|
|
color:#212529;
|
|
}
|
|
.tailwind-dark .sb-theme-select {
|
|
color: rgb(31, 41, 55);
|
|
}
|
|
.tailwind-dark .sb-search-input .e-ddl .e-clear-icon,
|
|
.bootstrap-dark .sb-search-input .e-ddl .e-clear-icon,
|
|
.fabric-dark .sb-search-input .e-ddl .e-clear-icon,
|
|
.bootstrap5-dark .sb-search-input .e-ddl .e-clear-icon,
|
|
.fluent-dark .sb-search-input .e-ddl .e-clear-icon,
|
|
.material3-dark .sb-search-input .e-ddl .e-clear-icon {
|
|
background:transparent;
|
|
}
|
|
.material-dark .sb-search-input .e-ddl .e-clear-icon {
|
|
margin-left:-25px;
|
|
background: transparent;
|
|
}
|
|
.material-dark .e-samplestatus.new,.material-dark .e-samplestatus.update,.material-dark .e-samplestatus.preview,
|
|
.fabric-dark .e-samplestatus.new,.fabric-dark .e-samplestatus.update,.fabric-dark .e-samplestatus.preview {
|
|
margin: 7px 0;
|
|
height: 22px;
|
|
/* margin-top: 7px; */
|
|
}
|
|
.material-dark .e-samplestatus.new.tree, .material-dark .e-samplestatus.update.tree,.material-dark .e-samplestatus.preview.tree,
|
|
.fabric-dark .e-samplestatus.new.tree,.fabric-dark .e-samplestatus.update.tree, .e-samplestatus.preview.tree {
|
|
margin: 4px 0;
|
|
height: 22px;
|
|
/* margin-top: 3px; */
|
|
}
|
|
.bootstrap5-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.fluent-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.material3-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.material-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.fabric-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.tailwind-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow,
|
|
.bootstrap-dark .sb-control-navigation .e-treeview .e-list-item.e-active>.e-fullrow {
|
|
border: none;
|
|
}
|
|
.fabric-dark .sb-theme-popup li:hover .sb-theme-select,
|
|
.highcontrast .sb-theme-popup li:hover .sb-theme-select,
|
|
.bootstrap5-dark .sb-theme-popup li:hover .sb-theme-select,
|
|
.fluent-dark .sb-theme-popup li:hover .sb-theme-select,
|
|
.fluent-dark .sb-theme-popup li:hover .sb-theme-select,
|
|
.tailwind-dark .sb-theme-popup li:hover .sb-theme-select,
|
|
.bootstrap-dark .sb-theme-popup li:hover .sb-theme-select,
|
|
.material-dark .sb-theme-popup li:hover .sb-theme-select {
|
|
color:transparent;
|
|
}
|
|
.fabric-dark .sb-theme-popup li:hover.active .sb-theme-select,
|
|
.bootstrap-dark .sb-theme-popup li:hover.active .sb-theme-select,
|
|
.bootstrap5-dark .sb-theme-popup li:hover.active .sb-theme-select,
|
|
.tailwind-dark .sb-theme-popup li:hover.active .sb-theme-select,
|
|
.material-dark .sb-theme-popup li:hover.active .sb-theme-select,
|
|
.highcontrast .sb-theme-popup li:hover.active .sb-theme-select{
|
|
color:white;
|
|
}
|
|
.sb-theme-studio {
|
|
font-size: 14px;
|
|
padding: 10px 0px 10px 0px;
|
|
border-top: 1px solid #ccc;
|
|
text-align: center;
|
|
}
|
|
|
|
.bootstrap5-dark .e-samplestatus.new,.bootstrap5-dark .e-samplestatus.update,.bootstrap5-dark .e-samplestatus.preview {
|
|
margin: 5px 0;
|
|
height: 22px;
|
|
margin-top: 0px;
|
|
}
|
|
.fluent-dark .e-samplestatus.new,.fluent-dark .e-samplestatus.update,.fluent-dark .e-samplestatus.preview {
|
|
margin: 5px 0;
|
|
height: 22px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.material3-dark .e-samplestatus.new,.material3-dark .e-samplestatus.update,.material3-dark .e-samplestatus.preview {
|
|
margin: 5px 0;
|
|
height: 22px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.bootstrap5-dark .e-samplestatus.new.tree,.bootstrap5-dark .e-samplestatus.update.tree, .e-samplestatus.preview.tree {
|
|
margin: 6px 0;
|
|
height: 22px;
|
|
margin-top: 6px;
|
|
}
|
|
.fluent-dark .e-samplestatus.new.tree,.fluent-dark .e-samplestatus.update.tree, .e-samplestatus.preview.tree {
|
|
margin: 6px 0;
|
|
height: 22px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.material3-dark .e-samplestatus.new.tree,.material3-dark .e-samplestatus.update.tree, .e-samplestatus.preview.tree {
|
|
margin: 6px 0;
|
|
height: 22px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.bootstrap-dark .e-samplestatus.new.tree,.bootstrap-dark .e-samplestatus.update.tree,.bootstrap-dark .e-samplestatus.preview.tree {
|
|
margin: 6px 0;
|
|
height: 22px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.bootstrap-dark .e-samplestatus.new,.bootstrap-dark .e-samplestatus.update,.bootstrap-dark .e-samplestatus.preview {
|
|
margin: 5px 0;
|
|
height: 22px;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
.fluent .sb-content-tab > .e-tab > .e-tab-header > .e-items > .e-toolbar-item:not(.e-separator) {
|
|
height: 35px;
|
|
margin: 0px 8px 0 0;
|
|
min-height: 35px;
|
|
}
|
|
|
|
.fluent .sb-content-tab > .e-tab > .e-tab-header > .e-toolbar-items,.fluent .sb-content-tab > .e-tab > .e-tab-header {
|
|
min-height: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.fluent.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
|
|
.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item:not(.e-separator){
|
|
height: 35px;
|
|
min-height: 35px;
|
|
}
|
|
|
|
.fluent .e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-items{
|
|
min-height: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.fluent .e-bigger .sb-content-tab .e-tab .e-tab-header {
|
|
min-height: 36px;
|
|
height: 36px;
|
|
}
|
|
|
|
.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item.e-active {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.fluent-dark .sb-content-tab > .e-tab > .e-tab-header > .e-items > .e-toolbar-item:not(.e-separator) {
|
|
height: 35px;
|
|
margin: 0px 8px 0 0;
|
|
min-height: 35px;
|
|
}
|
|
|
|
.fluent-dark .sb-content-tab > .e-tab > .e-tab-header > .e-toolbar-items,.fluent-dark .sb-content-tab > .e-tab > .e-tab-header {
|
|
min-height: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
|
|
height: 35px;
|
|
min-height: 35px;
|
|
}
|
|
|
|
.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-items{
|
|
min-height: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header {
|
|
min-height: 36px;
|
|
height: 36px;
|
|
}
|
|
.fluent-dark.e-bigger .sb-content-tab .e-tab .e-tab-header .e-toolbar-item.e-active {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.fluent.e-bigger .sb-open-new-wrapper {
|
|
line-height: 26px !important;
|
|
}
|
|
|
|
.fluent.e-bigger .sb-toolbar-splitter {
|
|
height: 26px;
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.fluent.e-bigger .sample-navigation {
|
|
line-height: 24px;
|
|
}
|
|
|
|
.fluent.e-bigger .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-indicator,
|
|
.fluent-dark.e-bigger .sb-content-tab > .e-tab > .e-tab-header > .e-items.e-toolbar-items > .e-indicator
|
|
{
|
|
display: none !important;
|
|
}
|