first commit
This commit is contained in:
3983
modules/ets_cfultimate/views/css/contact_form7_admin.css
Normal file
3983
modules/ets_cfultimate/views/css/contact_form7_admin.css
Normal file
File diff suppressed because it is too large
Load Diff
526
modules/ets_cfultimate/views/css/contact_form7_admin15.css
Normal file
526
modules/ets_cfultimate/views/css/contact_form7_admin15.css
Normal file
@@ -0,0 +1,526 @@
|
||||
.margin-form label {
|
||||
float: none;
|
||||
line-height: 1.75;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.panel-heading-action {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.cfu-content-block, .cfu-content-block * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#form-contact-preview label {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.date_range.row > div {
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
input.form-control {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icon-envelope:before {
|
||||
content: "\f0e0";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
margin-right: 5px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#module_form_reply-message .panel-heading {
|
||||
border: none;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.dragGroup:before, .icon-arrows:before, .icon-move:before {
|
||||
content: "\F047";
|
||||
font-family: Fontawesome;
|
||||
margin-right: 4px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#form-message-preview #message .panel-heading {
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
font-size: 13px;
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
line-height: 55px !important;
|
||||
min-height: 0;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
i.process-icon-reply:before {
|
||||
content: "\f112";
|
||||
font-family: Fontawesome;
|
||||
margin-right: 7px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.panel-heading .badge {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
background-color: #00aff0;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
line-height: 22px;
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#table-message select {
|
||||
height: 30px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.integration > fieldset {
|
||||
background-color: #f7f7f7 !important;
|
||||
}
|
||||
|
||||
p.help-block {
|
||||
clear: both;
|
||||
padding-top: 8px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.date_range.row {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
|
||||
.process-icon-new::before {
|
||||
content: "+";
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.form-group-wapper textarea {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
#TB_ajaxContent .tag-generator-panel .form-table fieldset label {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.cft_import_option_clean label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
form#module_form fieldset {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.defaultForm.email legend,
|
||||
.defaultForm.integration legend {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 42px;
|
||||
clear: both;
|
||||
float: left;
|
||||
width: calc(100% + 30px);
|
||||
width: -webkit-calc(100% + 30px);
|
||||
display: block;
|
||||
margin-top: -15px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
padding: 0 15px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.btn-group .dropdown-menu.dropdown-menu-right {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
min-width: 120px;
|
||||
top: 100% !important;
|
||||
text-align: left;
|
||||
display: none;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.btn-group.open .dropdown-menu.dropdown-menu-right {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn-group.open {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.results {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ets_cfu_tab textarea {
|
||||
background-color: #fff;
|
||||
min-height: 150px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ets_cfu_tab.preview, .ets_cfu_tab.source_code {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
i.action-enabled,
|
||||
.product-edit i.material-icons,
|
||||
i.material-icons.action-disabled,
|
||||
.preview-contact i {
|
||||
font-size: 0 !important;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
i.action-enabled:before {
|
||||
content: "\f00c";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
i.material-icons.action-disabled:before {
|
||||
content: "\f00d";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
.product-edit i.material-icons:before {
|
||||
content: "\f044";
|
||||
font-size: 12px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
.btn-group > .product-edit i.material-icons:before {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.preview-contact i:before {
|
||||
content: "\f06e";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
.translatable > div:first-child {
|
||||
width: calc(100% - 150px);
|
||||
width: -webkit-calc(100% - 150px);
|
||||
}
|
||||
|
||||
|
||||
.icon-envelope-o:before {
|
||||
content: "\f003";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.icon-comments:before {
|
||||
content: "\f086";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.icon-file-text-o:before,
|
||||
.defaultForm.email legend:before {
|
||||
content: "\f0f6";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.icon-exchange:before {
|
||||
content: "\f0ec";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
i:before {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.icon-cogs:before,
|
||||
.defaultForm.integration legend:before {
|
||||
content: "\f085";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#replay-message-form .form-group {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#replay-message-form label {
|
||||
text-align: left;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#module_form_submit_btn_reply i {
|
||||
font-style: normal;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.alert .close {
|
||||
background: transparent none repeat scroll 0 0;
|
||||
border: medium none;
|
||||
line-height: 18px;
|
||||
margin-bottom: -3px;
|
||||
padding-top: 2px;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
|
||||
.cfu-content-block .form-wrapper {
|
||||
background-color: #fff;
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 30px;
|
||||
border-top: 1px solid #ddd;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.alert.alert-success,
|
||||
.alert.alert-info {
|
||||
background-color: #b7e2a7 !important;
|
||||
border-color: #8ab57a !important;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
padding-left: 15px !important;
|
||||
line-height: 42px !important;
|
||||
min-height: 42px;
|
||||
font-weight: 600;
|
||||
background-color: #f7f7f7;
|
||||
border-top: 1px solid #ddd;
|
||||
position: relative;
|
||||
border-left: 1px solid #ddd;
|
||||
z-index: 10;
|
||||
border-right: 1px solid #ddd;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
#form-contact a.list-toolbar-btn {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border-left: 1px solid #ddd;
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.panel.ctf7_backend_help .panel-heading {
|
||||
margin-left: -31px;
|
||||
margin-right: -31px;
|
||||
}
|
||||
|
||||
.panel.ctf7_backend_help {
|
||||
padding: 0 30px 30px;
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
padding-left: 15px !important;
|
||||
line-height: 42px !important;
|
||||
min-height: 42px;
|
||||
background-color: #fff;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#module_form_submit_btn_back {
|
||||
height: 40px;
|
||||
margin-top: 10px;
|
||||
height: 55px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.icon-question-circle:before {
|
||||
content: "\f059";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#module_form_submit_btn_reply {
|
||||
margin: inherit;
|
||||
float: right;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 10px;
|
||||
text-transform: uppercase;
|
||||
line-height: 20px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#replay-message-form button i::before {
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
input[type="text"], input[type="email"], input[type="password"], input[type="file"], textarea {
|
||||
min-height: 32px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.margin-form > input {
|
||||
max-width: calc(100% - 150px);
|
||||
max-width: -webkit-calc(100% - 150px);
|
||||
}
|
||||
|
||||
.margin-form input[type="submit"] {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
padding: 5px 15px;
|
||||
cursor: pointer;
|
||||
margin-top: 15px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.margin-form {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.tag-generator-panel .form-table label,
|
||||
.tag-generator-panel table.form-table th {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#TB_ajaxContent fieldset {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.description.mail-tag label {
|
||||
text-align: left;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.tag-generator-panel .insert-box input.tag {
|
||||
width: calc(100% - 96px);
|
||||
width: -webkit-calc(100% - 96px);
|
||||
}
|
||||
|
||||
fieldset {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.form-table br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.description {
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.form-group-wapper {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
clear: both;
|
||||
float: left;
|
||||
padding: 30px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#form-message-preview {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.ets_form_tab_header .active::before {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.ctf-popup-content {
|
||||
background-color: #fff;
|
||||
margin: 20px auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.alert.alert-info a {
|
||||
color: #268ccd;
|
||||
}
|
||||
|
||||
#table-message {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.cft_import_option_clean label,
|
||||
.ctf_import_option_updata label {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.icon-caret-down::before {
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 5px solid #000;
|
||||
content: "";
|
||||
margin-left: 5px;
|
||||
margin-right: 2px;
|
||||
vertical-align: -10px;
|
||||
}
|
||||
|
||||
.dropdown-item.product-edit .icon.icon-external-link:before {
|
||||
content: "\f08e";
|
||||
font-family: Fontawesome;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.material-icons.action-enabled::before {
|
||||
border-bottom: 2px solid #78d07d;
|
||||
border-left: 2px solid #78d07d;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 6px;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.material-icons.action-enabled {
|
||||
font-size: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.material-icons.action-disabled {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.material-icons.action-disabled::before {
|
||||
content: "+";
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
72
modules/ets_cfultimate/views/css/contact_form7_admin16.css
Normal file
72
modules/ets_cfultimate/views/css/contact_form7_admin16.css
Normal file
@@ -0,0 +1,72 @@
|
||||
i.action-enabled,
|
||||
.product-edit i.material-icons,
|
||||
i.material-icons.action-disabled,
|
||||
.preview-contact i {
|
||||
font-size: 0 !important;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
i.action-enabled:before {
|
||||
content: "\f00c";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
i.material-icons.action-disabled:before {
|
||||
content: "\f00d";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
.admincontactformultimateipblacklist .cfu-content-block {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.product-edit i.material-icons:before {
|
||||
content: "\f044";
|
||||
font-size: 12px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
.btn-group > .product-edit i.material-icons:before {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.preview-contact i:before {
|
||||
content: "\f06e";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
i.icon-AdminContactForm:before {
|
||||
content: "\f003";
|
||||
display: inline-block;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
.cfu-top-menu {
|
||||
margin: -21px -10px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
133
modules/ets_cfultimate/views/css/contact_form7_admin_all.css
Normal file
133
modules/ets_cfultimate/views/css/contact_form7_admin_all.css
Normal file
@@ -0,0 +1,133 @@
|
||||
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
|
||||
i.material-icons.mi-icon.icon-envelope-o,
|
||||
i.material-icons.mi-icon.icon-comments,
|
||||
i.material-icons.mi-icon.icon-exchange,
|
||||
i.material-icons.mi-icon.icon-file-text-o,
|
||||
i.material-icons.mi-icon.icon-cogs,
|
||||
#subtab-AdminContactFormUltimateSetting .icon-cog,
|
||||
i.material-icons.mi-icon.icon-line-chart,
|
||||
#subtab-AdminContactFormUltimateIpBlacklist .icon-user-times,
|
||||
#subtab-AdminContactFormUltimateDashboard .icon-home,
|
||||
i.material-icons.mi-icon.icon-question-circle {
|
||||
width: 19px;
|
||||
font-size: 0;
|
||||
height: 16px;
|
||||
}
|
||||
#subtab-AdminContactFormUltimateDashboard i.material-icons.mi-icon.icon-home:before,
|
||||
i.material-icons.mi-icon.icon-home:before {
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
content: "\f108";
|
||||
}
|
||||
#subtab-AdminContactFormUltimateSetting i.material-icons.mi-icon.icon-cog:before {
|
||||
content: "\f013";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
i.icon-AdminContactFormUltimate:before {
|
||||
content: "\F003";
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
i.icon-AdminContactForm:before {
|
||||
content: "\f003";
|
||||
display: inline-block;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
span.count_messages {
|
||||
background: #fa5f93;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 1px 4px 0!important;
|
||||
margin: 0;
|
||||
line-height: 16px;
|
||||
min-width: 18px!important;
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
border-radius: 50px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
i.material-icons.mi-icon.icon-line-chart:before {
|
||||
content: "\F1FE";
|
||||
font-size: 17px;
|
||||
font-family: Fontawesome;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
}
|
||||
#subtab-AdminContactFormUltimateIpBlacklist .icon-user-times:before {
|
||||
content: "\f235";
|
||||
font-size: 16px;
|
||||
font-family: Fontawesome;
|
||||
line-height: 1;
|
||||
vertical-align: top;
|
||||
}
|
||||
.count_messages.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
i.material-icons.mi-icon.icon-envelope-o:before {
|
||||
content: "\f003";
|
||||
font-size: 17px;
|
||||
font-family: Fontawesome;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
i.material-icons.mi-icon.icon-comments:before {
|
||||
content: "\f086";
|
||||
font-size: 17px;
|
||||
font-family: Fontawesome;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#subtab-AdminContactFormMessage .count_messages,
|
||||
#content .cfu-top-menu .count_messages {
|
||||
background-color: #fff;
|
||||
border-radius: 50px;
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
height: 18px;
|
||||
padding: 0 4px!important;
|
||||
line-height: 18px;
|
||||
margin-left: 3px;
|
||||
padding-left: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color: #fa5f93;
|
||||
min-width: 18px;
|
||||
}
|
||||
i.material-icons.mi-icon.icon-cogs:before {
|
||||
content: "\f085";
|
||||
font-size: 17px;
|
||||
font-family: Fontawesome;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
i.material-icons.mi-icon.icon-question-circle:before {
|
||||
content: "\f059";
|
||||
font-size: 17px;
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
i.material-icons.mi-icon.icon-exchange:before {
|
||||
content: "\f0ec";
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
font-size: 17px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
i.material-icons.mi-icon.icon-file-text-o:before {
|
||||
content: "\f0f6";
|
||||
line-height: 16px;
|
||||
vertical-align: top;
|
||||
font-size: 17px;
|
||||
font-family: Fontawesome;
|
||||
}
|
||||
|
||||
.count_messages.hide {
|
||||
display: none;
|
||||
}
|
||||
1
modules/ets_cfultimate/views/css/content.min.css
vendored
Normal file
1
modules/ets_cfultimate/views/css/content.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
body{background-color:#FFFFFF;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.3;scrollbar-3dlight-color:#F0F0EE;scrollbar-arrow-color:#676662;scrollbar-base-color:#F0F0EE;scrollbar-darkshadow-color:#DDDDDD;scrollbar-face-color:#E0E0DD;scrollbar-highlight-color:#F0F0EE;scrollbar-shadow-color:#F0F0EE;scrollbar-track-color:#F5F5F5}td,th{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px}.word-wrap{word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.mce-content-body .mce-reset{margin:0;padding:0;border:0;outline:0;vertical-align:top;background:transparent;text-decoration:none;color:black;font-family:Arial;font-size:11px;text-shadow:none;float:none;position:static;width:auto;height:auto;white-space:nowrap;cursor:inherit;line-height:normal;font-weight:normal;text-align:left;-webkit-tap-highlight-color:transparent;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;direction:ltr;max-width:none}.mce-object{border:1px dotted #3A3A3A;background:#D5D5D5 url(img/object.gif) no-repeat center}.mce-preview-object{display:inline-block;position:relative;margin:0 2px 0 2px;line-height:0;border:1px solid gray}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-preview-object .mce-shim{position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}figure.align-left{float:left}figure.align-right{float:right}figure.image.align-center{display:table;margin-left:auto;margin-right:auto}figure.image{display:inline-block;border:1px solid gray;margin:0 2px 0 1px;background:#f5f2f0}figure.image img{margin:8px 8px 0 8px}figure.image figcaption{margin:6px 8px 6px 8px;text-align:center}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-pagebreak{cursor:default;display:block;border:0;width:100%;height:5px;border:1px dashed #666;margin-top:15px;page-break-before:always}@media print{.mce-pagebreak{border:0}}.mce-item-anchor{cursor:default;display:inline-block;-webkit-user-select:all;-webkit-user-modify:read-only;-moz-user-select:all;-moz-user-modify:read-only;user-select:all;user-modify:read-only;width:9px !important;height:9px !important;border:1px dotted #3A3A3A;background:#D5D5D5 url(img/anchor.gif) no-repeat center}.mce-nbsp,.mce-shy{background:#AAA}.mce-shy::after{content:'-'}.mce-match-marker{background:#AAA;color:#fff}.mce-match-marker-selected{background:#3399ff;color:#fff}.mce-spellchecker-word{border-bottom:2px solid rgba(208,2,27,0.5);cursor:default}.mce-spellchecker-grammar{border-bottom:2px solid #008000;cursor:default}.mce-item-table,.mce-item-table td,.mce-item-table th,.mce-item-table caption{border:1px dashed #BBB}td[data-mce-selected],th[data-mce-selected]{background-color:#2276d2 !important}.mce-edit-focus{outline:1px dotted #333}.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus{outline:2px solid #2276d2}.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover{outline:2px solid #2276d2}.mce-content-body *[contentEditable=false][data-mce-selected]{outline:2px solid #2276d2}.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,.mce-content-body.mce-content-readonly *[contentEditable=true]:hover{outline:none}.mce-content-body *[data-mce-selected="inline-boundary"]{background:#bfe6ff}.mce-content-body .mce-item-anchor[data-mce-selected]{background:#D5D5D5 url(img/anchor.gif) no-repeat center}.mce-content-body hr{cursor:default}.mce-content-body table{-webkit-nbsp-mode:normal}.ephox-snooker-resizer-bar{background-color:#2276d2;opacity:0}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:.2}
|
||||
609
modules/ets_cfultimate/views/css/date.css
Normal file
609
modules/ets_cfultimate/views/css/date.css
Normal file
@@ -0,0 +1,609 @@
|
||||
.xdsoft_datetimepicker {
|
||||
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #bbb;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
border-top: 1px solid #ccc;
|
||||
color: #333;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 8px;
|
||||
padding-left: 0;
|
||||
padding-top: 2px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_rtl {
|
||||
padding: 8px 0 8px 8px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker iframe {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 75px;
|
||||
height: 210px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*For IE8 or lower*/
|
||||
.xdsoft_datetimepicker button {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_noselect {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.xdsoft_noselect::selection {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
.xdsoft_noselect::-moz-selection {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_inline {
|
||||
display: inline-block;
|
||||
position: static;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker {
|
||||
width: 224px;
|
||||
float: left;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
|
||||
width: 256px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker {
|
||||
width: 58px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
margin-left: 8px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 3px
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_monthpicker {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label i,
|
||||
.xdsoft_datetimepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker .xdsoft_next,
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label i {
|
||||
opacity: 0.5;
|
||||
background-position: -92px -19px;
|
||||
display: inline-block;
|
||||
width: 9px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_prev {
|
||||
float: left;
|
||||
background-position: -20px 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
float: left;
|
||||
background-position: -70px 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_next {
|
||||
float: right;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_next,
|
||||
.xdsoft_datetimepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker .xdsoft_today_button {
|
||||
background-color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
border: 0 none;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 30px;
|
||||
opacity: 0.5;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
outline: medium none;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
width: 20px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
|
||||
float: none;
|
||||
background-position: -40px -15px;
|
||||
height: 15px;
|
||||
width: 30px;
|
||||
display: block;
|
||||
margin-left: 14px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
|
||||
background-position: -40px 0;
|
||||
margin-bottom: 7px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
|
||||
height: 151px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
|
||||
background: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
cursor: pointer;
|
||||
border-bottom-width: 0;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_today_button:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_next:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_prev:hover {
|
||||
opacity: 1;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label {
|
||||
display: inline;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
margin: 0;
|
||||
padding: 5px 3px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
float: left;
|
||||
width: 182px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label:hover > span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label:hover i {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
z-index: 101;
|
||||
display: none;
|
||||
background: #fff;
|
||||
max-height: 160px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
|
||||
right: -7px
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
|
||||
right: 2px
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
|
||||
color: #fff;
|
||||
background: #ff8000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
|
||||
padding: 2px 10px 2px 5px;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
|
||||
background: #33aaff;
|
||||
box-shadow: #178fe5 0 1px 3px 0 inset;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_month {
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_year {
|
||||
width: 48px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td > div {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
width: 14.2857142%;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
padding: 0;
|
||||
border-collapse: collapse;
|
||||
cursor: pointer;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
|
||||
color: #33aaff;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
|
||||
background: #ffe9d2;
|
||||
box-shadow: #ffb871 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
|
||||
background: #c1ffc9;
|
||||
box-shadow: #00dd1c 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
|
||||
background: #33aaff;
|
||||
box-shadow: #178fe5 0 1px 3px 0 inset;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
|
||||
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
|
||||
opacity: 0.5;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
|
||||
opacity: 0.2;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
|
||||
color: #fff !important;
|
||||
background: #ff8000 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
|
||||
background: #33aaff !important;
|
||||
box-shadow: #178fe5 0 1px 3px 0 inset !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
|
||||
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
|
||||
color: inherit !important;
|
||||
background: inherit !important;
|
||||
box-shadow: inherit !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_calendar th {
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_copyright {
|
||||
color: #ccc !important;
|
||||
font-size: 10px;
|
||||
clear: both;
|
||||
float: none;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_copyright a {
|
||||
color: #eee !important
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
|
||||
color: #aaa !important
|
||||
}
|
||||
|
||||
.xdsoft_time_box {
|
||||
position: relative;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.xdsoft_scrollbar > .xdsoft_scroller {
|
||||
background: #ccc !important;
|
||||
height: 20px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.xdsoft_scrollbar {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.xdsoft_scroller_box {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark {
|
||||
box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
|
||||
background: #000;
|
||||
border-bottom: 1px solid #444;
|
||||
border-left: 1px solid #333;
|
||||
border-right: 1px solid #333;
|
||||
border-top: 1px solid #333;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
|
||||
border-bottom: 1px solid #222;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
|
||||
background: #0a0a0a;
|
||||
border-top: 1px solid #222;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
|
||||
border: 1px solid #333;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
|
||||
color: #000;
|
||||
background: #007fff;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
|
||||
background: #cc5500;
|
||||
box-shadow: #b03e00 0 1px 3px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||
background: #0a0a0a;
|
||||
border: 1px solid #222;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||
background: #0e0e0e;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
|
||||
color: #cc5500;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
|
||||
background: #ffe9d2;
|
||||
box-shadow: #ffb871 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
|
||||
background: #c1ffc9;
|
||||
box-shadow: #00dd1c 0 1px 4px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
|
||||
background: #cc5500;
|
||||
box-shadow: #b03e00 0 1px 3px 0 inset;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
|
||||
color: #000 !important;
|
||||
background: #007fff !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
|
||||
color: #333 !important
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
|
||||
color: #111 !important
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
|
||||
color: #555 !important
|
||||
}
|
||||
|
||||
.xdsoft_dark .xdsoft_time_box {
|
||||
border: 1px solid #333;
|
||||
}
|
||||
|
||||
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
|
||||
background: #333 !important;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .xdsoft_save_selected {
|
||||
display: block;
|
||||
border: 1px solid #dddddd !important;
|
||||
margin-top: 5px;
|
||||
width: 100%;
|
||||
color: #454551;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .blue-gradient-button {
|
||||
font-family: "museo-sans", "Book Antiqua", sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
color: #82878c;
|
||||
height: 28px;
|
||||
position: relative;
|
||||
padding: 4px 17px 4px 33px;
|
||||
border: 1px solid #d7d8da;
|
||||
background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
|
||||
/* IE6-9 */
|
||||
}
|
||||
|
||||
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
|
||||
color: #454551;
|
||||
background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
|
||||
/* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
|
||||
/* IE10+ */
|
||||
background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
|
||||
/* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
|
||||
/* IE6-9 */
|
||||
}
|
||||
31
modules/ets_cfultimate/views/css/index.php
Normal file
31
modules/ets_cfultimate/views/css/index.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2021 ETS-Soft
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
|
||||
* If you want to use this file on more websites (or projects), you need to purchase additional licenses.
|
||||
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please contact us for extra customization service at an affordable price
|
||||
*
|
||||
* @author ETS-Soft <etssoft.jsc@gmail.com>
|
||||
* @copyright 2007-2021 ETS-Soft
|
||||
* @license Valid for 1 website (or project) for each purchase of license
|
||||
* International Registered Trademark & Property of ETS-Soft
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
213
modules/ets_cfultimate/views/css/jquery.ui.datepicker.css
vendored
Normal file
213
modules/ets_cfultimate/views/css/jquery.ui.datepicker.css
vendored
Normal file
@@ -0,0 +1,213 @@
|
||||
/*!
|
||||
* jQuery UI Datepicker 1.10.3
|
||||
* http://jqueryui.com
|
||||
*
|
||||
* Copyright 2013 jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Datepicker#theming
|
||||
*/
|
||||
.ui-datepicker {
|
||||
width: 17em;
|
||||
padding: .2em .2em 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
position: relative;
|
||||
padding: .2em 0;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev-hover,
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev {
|
||||
left: 2px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev-hover {
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
right: 1px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev span,
|
||||
.ui-datepicker .ui-datepicker-next span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0 2.3em;
|
||||
line-height: 1.8em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-title select {
|
||||
font-size: 1em;
|
||||
margin: 1px 0;
|
||||
}
|
||||
|
||||
.ui-datepicker select.ui-datepicker-month-year {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year {
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
.ui-datepicker table {
|
||||
width: 100%;
|
||||
font-size: .9em;
|
||||
border-collapse: collapse;
|
||||
margin: 0 0 .4em;
|
||||
}
|
||||
|
||||
.ui-datepicker th {
|
||||
padding: .7em .3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.ui-datepicker td {
|
||||
border: 0;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.ui-datepicker td span,
|
||||
.ui-datepicker td a {
|
||||
display: block;
|
||||
padding: .2em;
|
||||
text-align: right;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane {
|
||||
background-image: none;
|
||||
margin: .7em 0 0 0;
|
||||
padding: 0 .2em;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane button {
|
||||
float: right;
|
||||
margin: .5em .2em .4em;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group table {
|
||||
width: 95%;
|
||||
margin: 0 auto .4em;
|
||||
}
|
||||
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.ui-datepicker-row-break {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-prev {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-next {
|
||||
left: 2px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||||
right: 1px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||||
.ui-datepicker-rtl .ui-datepicker-group {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-right-width: 0;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
802
modules/ets_cfultimate/views/css/nv.d3.css
Normal file
802
modules/ets_cfultimate/views/css/nv.d3.css
Normal file
@@ -0,0 +1,802 @@
|
||||
/********************
|
||||
* HTML CSS
|
||||
*/
|
||||
|
||||
|
||||
.chartWrap {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/********************
|
||||
Box shadow and border radius styling
|
||||
*/
|
||||
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
||||
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/********************
|
||||
* TOOLTIP CSS
|
||||
*/
|
||||
|
||||
.nvtooltip {
|
||||
position: absolute;
|
||||
background-color: rgba(255, 255, 255, 1.0);
|
||||
padding: 1px;
|
||||
border: 1px solid rgba(0, 0, 0, .2);
|
||||
z-index: 10000;
|
||||
|
||||
font-family: Arial;
|
||||
font-size: 13px;
|
||||
text-align: left;
|
||||
pointer-events: none;
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/*Give tooltips that old fade in transition by
|
||||
putting a "with-transitions" class on the container div.
|
||||
*/
|
||||
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
|
||||
transition: opacity 250ms linear;
|
||||
-moz-transition: opacity 250ms linear;
|
||||
-webkit-transition: opacity 250ms linear;
|
||||
|
||||
transition-delay: 250ms;
|
||||
-moz-transition-delay: 250ms;
|
||||
-webkit-transition-delay: 250ms;
|
||||
}
|
||||
|
||||
.nvtooltip.x-nvtooltip,
|
||||
.nvtooltip.y-nvtooltip {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.nvtooltip h3 {
|
||||
margin: 0;
|
||||
padding: 4px 14px;
|
||||
line-height: 18px;
|
||||
font-weight: normal;
|
||||
background-color: rgba(247, 247, 247, 0.75);
|
||||
text-align: center;
|
||||
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
|
||||
-webkit-border-radius: 5px 5px 0 0;
|
||||
-moz-border-radius: 5px 5px 0 0;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.nvtooltip p {
|
||||
margin: 0;
|
||||
padding: 5px 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nvtooltip span {
|
||||
display: inline-block;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.nvtooltip table {
|
||||
margin: 6px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
|
||||
.nvtooltip table td {
|
||||
padding: 2px 9px 2px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.nvtooltip table td.key {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.nvtooltip table td.value {
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvtooltip table tr.highlight td {
|
||||
padding: 1px 9px 1px 0;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
.nvtooltip table td.legend-color-guide div {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.nvtooltip .footer {
|
||||
padding: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.nvtooltip-pending-removal {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/********************
|
||||
* SVG CSS
|
||||
*/
|
||||
|
||||
|
||||
#dashboard svg {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
/* Trying to get SVG to act like a greedy block in all browsers */
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
#dashboard svg text {
|
||||
font: normal 12px Arial;
|
||||
}
|
||||
|
||||
#dashboard svg .title {
|
||||
font: bold 14px Arial;
|
||||
}
|
||||
|
||||
.nvd3 .nv-background {
|
||||
fill: white;
|
||||
fill-opacity: 0;
|
||||
/*
|
||||
pointer-events: none;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3.nv-noData {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Brush
|
||||
*/
|
||||
|
||||
.nv-brush .extent {
|
||||
fill-opacity: .125;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Legend
|
||||
*/
|
||||
|
||||
.nvd3 .nv-legend .nv-series {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nvd3 .nv-legend .disabled circle {
|
||||
fill-opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Axes
|
||||
*/
|
||||
.nvd3 .nv-axis {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis path {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
stroke-opacity: .75;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis path.domain {
|
||||
stroke-opacity: .75;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis.nv-x path.domain {
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis line {
|
||||
fill: none;
|
||||
stroke: #e5e5e5;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis .zero line,
|
||||
/*this selector may not be necessary*/
|
||||
.nvd3 .nv-axis line.zero {
|
||||
stroke-opacity: .75;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis .nv-axisMaxMin text {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvd3 .x .nv-axis .nv-axisMaxMin text,
|
||||
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
|
||||
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
|
||||
text-anchor: middle
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Brush
|
||||
*/
|
||||
|
||||
.nv-brush .resize path {
|
||||
fill: #eee;
|
||||
stroke: #666;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Bars
|
||||
*/
|
||||
|
||||
.nvd3 .nv-bars .negative rect {
|
||||
zfill: brown;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars rect {
|
||||
zfill: steelblue;
|
||||
fill-opacity: .75;
|
||||
|
||||
transition: fill-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars rect.hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars .hover rect {
|
||||
fill: lightblue;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars text {
|
||||
fill: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars .hover text {
|
||||
fill: rgba(0, 0, 0, 1);
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Bars
|
||||
*/
|
||||
|
||||
.nvd3 .nv-multibar .nv-groups rect,
|
||||
.nvd3 .nv-multibarHorizontal .nv-groups rect,
|
||||
.nvd3 .nv-discretebar .nv-groups rect {
|
||||
stroke-opacity: 0;
|
||||
|
||||
transition: fill-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear;
|
||||
}
|
||||
|
||||
.nvd3 .nv-multibar .nv-groups rect:hover,
|
||||
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
|
||||
.nvd3 .nv-discretebar .nv-groups rect:hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3 .nv-discretebar .nv-groups text,
|
||||
.nvd3 .nv-multibarHorizontal .nv-groups text {
|
||||
font-weight: bold;
|
||||
fill: rgba(0, 0, 0, 1);
|
||||
stroke: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/***********
|
||||
* Pie Chart
|
||||
*/
|
||||
|
||||
.nvd3.nv-pie path {
|
||||
stroke-opacity: 0;
|
||||
transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .nv-slice text {
|
||||
stroke: #000;
|
||||
stroke-width: 0;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie path {
|
||||
stroke: #fff;
|
||||
stroke-width: 1px;
|
||||
stroke-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .hover path {
|
||||
fill-opacity: .7;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .nv-label {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .nv-label rect {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
/**********
|
||||
* Lines
|
||||
*/
|
||||
|
||||
.nvd3 .nv-groups path.nv-line {
|
||||
fill: none;
|
||||
stroke-width: 1.5px;
|
||||
/*
|
||||
stroke-linecap: round;
|
||||
shape-rendering: geometricPrecision;
|
||||
|
||||
transition: stroke-width 250ms linear;
|
||||
-moz-transition: stroke-width 250ms linear;
|
||||
-webkit-transition: stroke-width 250ms linear;
|
||||
|
||||
transition-delay: 250ms
|
||||
-moz-transition-delay: 250ms;
|
||||
-webkit-transition-delay: 250ms;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3 .nv-groups path.nv-line.nv-thin-line {
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
|
||||
.nvd3 .nv-groups path.nv-area {
|
||||
stroke: none;
|
||||
/*
|
||||
stroke-linecap: round;
|
||||
shape-rendering: geometricPrecision;
|
||||
|
||||
stroke-width: 2.5px;
|
||||
transition: stroke-width 250ms linear;
|
||||
-moz-transition: stroke-width 250ms linear;
|
||||
-webkit-transition: stroke-width 250ms linear;
|
||||
|
||||
transition-delay: 250ms
|
||||
-moz-transition-delay: 250ms;
|
||||
-webkit-transition-delay: 250ms;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3 .nv-line.hover path {
|
||||
stroke-width: 6px;
|
||||
}
|
||||
|
||||
/*
|
||||
.nvd3.scatter .groups .point {
|
||||
fill-opacity: 0.1;
|
||||
stroke-opacity: 0.1;
|
||||
}
|
||||
*/
|
||||
|
||||
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
|
||||
fill-opacity: .5 !important;
|
||||
stroke-opacity: .5 !important;
|
||||
}
|
||||
|
||||
|
||||
.with-transitions .nvd3 .nv-groups .nv-point {
|
||||
transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
|
||||
}
|
||||
|
||||
.nvd3.nv-scatter .nv-groups .nv-point.hover,
|
||||
.nvd3 .nv-groups .nv-point.hover {
|
||||
stroke-width: 7px;
|
||||
fill-opacity: .95 !important;
|
||||
stroke-opacity: .95 !important;
|
||||
}
|
||||
|
||||
|
||||
.nvd3 .nv-point-paths path {
|
||||
stroke: #aaa;
|
||||
stroke-opacity: 0;
|
||||
fill: #eee;
|
||||
fill-opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.nvd3 .nv-indexLine {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Distribution
|
||||
*/
|
||||
|
||||
.nvd3 .nv-distribution {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Scatter
|
||||
*/
|
||||
|
||||
/* **Attempting to remove this for useVoronoi(false), need to see if it's required anywhere
|
||||
.nvd3 .nv-groups .nv-point {
|
||||
pointer-events: none;
|
||||
}
|
||||
*/
|
||||
|
||||
.nvd3 .nv-groups .nv-point.hover {
|
||||
stroke-width: 20px;
|
||||
stroke-opacity: .5;
|
||||
}
|
||||
|
||||
.nvd3 .nv-scatter .nv-point.hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
/*
|
||||
.nv-group.hover .nv-point {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/**********
|
||||
* Stacked Area
|
||||
*/
|
||||
|
||||
.nvd3.nv-stackedarea path.nv-area {
|
||||
fill-opacity: .7;
|
||||
/*
|
||||
stroke-opacity: .65;
|
||||
fill-opacity: 1;
|
||||
*/
|
||||
stroke-opacity: 0;
|
||||
|
||||
transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
||||
|
||||
/*
|
||||
transition-delay: 500ms;
|
||||
-moz-transition-delay: 500ms;
|
||||
-webkit-transition-delay: 500ms;
|
||||
*/
|
||||
|
||||
}
|
||||
|
||||
.nvd3.nv-stackedarea path.nv-area.hover {
|
||||
fill-opacity: .9;
|
||||
/*
|
||||
stroke-opacity: .85;
|
||||
*/
|
||||
}
|
||||
|
||||
/*
|
||||
.d3stackedarea .groups path {
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.nvd3.nv-stackedarea .nv-groups .nv-point {
|
||||
stroke-opacity: 0;
|
||||
fill-opacity: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
.nvd3.nv-stackedarea .nv-groups .nv-point.hover {
|
||||
stroke-width: 20px;
|
||||
stroke-opacity: .75;
|
||||
fill-opacity: 1;
|
||||
}*/
|
||||
|
||||
|
||||
/**********
|
||||
* Line Plus Bar
|
||||
*/
|
||||
|
||||
.nvd3.nv-linePlusBar .nv-bar rect {
|
||||
fill-opacity: .75;
|
||||
}
|
||||
|
||||
.nvd3.nv-linePlusBar .nv-bar rect:hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Bullet
|
||||
*/
|
||||
|
||||
.nvd3.nv-bullet {
|
||||
font: 10px sans-serif;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-measure {
|
||||
fill-opacity: .8;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-measure:hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-marker {
|
||||
stroke: #000;
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-markerTriangle {
|
||||
stroke: #000;
|
||||
fill: #fff;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-tick line {
|
||||
stroke: #666;
|
||||
stroke-width: .5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range.nv-s0 {
|
||||
fill: #eee;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range.nv-s1 {
|
||||
fill: #ddd;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range.nv-s2 {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-title {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-subtitle {
|
||||
fill: #999;
|
||||
}
|
||||
|
||||
|
||||
.nvd3.nv-bullet .nv-range {
|
||||
fill: #bababa;
|
||||
fill-opacity: .4;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range:hover {
|
||||
fill-opacity: .7;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Sparkline
|
||||
*/
|
||||
|
||||
.nvd3.nv-sparkline path {
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus g.nv-hoverValue {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-hoverValue line {
|
||||
stroke: #333;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus,
|
||||
.nvd3.nv-sparklineplus g {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.nvd3 .nv-hoverArea {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-xValue,
|
||||
.nvd3.nv-sparklineplus .nv-yValue {
|
||||
/*
|
||||
stroke: #666;
|
||||
*/
|
||||
stroke-width: 0;
|
||||
font-size: .9em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-yValue {
|
||||
stroke: #f66;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-maxValue {
|
||||
stroke: #2ca02c;
|
||||
fill: #2ca02c;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-minValue {
|
||||
stroke: #d62728;
|
||||
fill: #d62728;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-currentValue {
|
||||
/*
|
||||
stroke: #444;
|
||||
fill: #000;
|
||||
*/
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
/**********
|
||||
* historical stock
|
||||
*/
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
|
||||
stroke-width: 4px;
|
||||
}
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
|
||||
stroke: #2ca02c;
|
||||
}
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
|
||||
stroke: #d62728;
|
||||
}
|
||||
|
||||
.nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvd3.nv-historicalStockChart .nv-dragTarget {
|
||||
fill-opacity: 0;
|
||||
stroke: none;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.nvd3 .nv-brush .extent {
|
||||
/*
|
||||
cursor: ew-resize !important;
|
||||
*/
|
||||
fill-opacity: 0 !important;
|
||||
}
|
||||
|
||||
.nvd3 .nv-brushBackground rect {
|
||||
stroke: #000;
|
||||
stroke-width: .4;
|
||||
fill: #fff;
|
||||
fill-opacity: .7;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Indented Tree
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* TODO: the following 3 selectors are based on classes used in the example. I should either make them standard and leave them here, or move to a CSS file not included in the library
|
||||
*/
|
||||
.nvd3.nv-indentedtree .name {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree .clickable {
|
||||
color: #08C;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree span.clickable:hover {
|
||||
color: #005580;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.nvd3.nv-indentedtree .nv-childrenCount {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree .nv-treeicon {
|
||||
cursor: pointer;
|
||||
/*
|
||||
cursor: n-resize;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree .nv-treeicon.nv-folded {
|
||||
cursor: pointer;
|
||||
/*
|
||||
cursor: s-resize;
|
||||
*/
|
||||
}
|
||||
|
||||
/**********
|
||||
* Parallel Coordinates
|
||||
*/
|
||||
|
||||
.nvd3 .background path {
|
||||
fill: none;
|
||||
stroke: #ccc;
|
||||
stroke-opacity: .4;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .foreground path {
|
||||
fill: none;
|
||||
stroke: steelblue;
|
||||
stroke-opacity: .7;
|
||||
}
|
||||
|
||||
.nvd3 .brush .extent {
|
||||
fill-opacity: .3;
|
||||
stroke: #fff;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .axis line, .axis path {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .axis text {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
/****
|
||||
Interactive Layer
|
||||
*/
|
||||
.nvd3 .nv-interactiveGuideLine {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3 line.nv-guideline {
|
||||
stroke: #ccc;
|
||||
}
|
||||
802
modules/ets_cfultimate/views/css/nv.d3_rtl.css
Normal file
802
modules/ets_cfultimate/views/css/nv.d3_rtl.css
Normal file
@@ -0,0 +1,802 @@
|
||||
/********************
|
||||
* HTML CSS
|
||||
*/
|
||||
|
||||
|
||||
.chartWrap {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/********************
|
||||
Box shadow and border radius styling
|
||||
*/
|
||||
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
|
||||
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
||||
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/********************
|
||||
* TOOLTIP CSS
|
||||
*/
|
||||
|
||||
.nvtooltip {
|
||||
position: absolute;
|
||||
background-color: rgba(255, 255, 255, 1.0);
|
||||
padding: 1px;
|
||||
border: 1px solid rgba(0, 0, 0, .2);
|
||||
z-index: 10000;
|
||||
|
||||
font-family: Arial;
|
||||
font-size: 13px;
|
||||
text-align: right;
|
||||
pointer-events: none;
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/*Give tooltips that old fade in transition by
|
||||
putting a "with-transitions" class on the container div.
|
||||
*/
|
||||
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
|
||||
transition: opacity 250ms linear;
|
||||
-moz-transition: opacity 250ms linear;
|
||||
-webkit-transition: opacity 250ms linear;
|
||||
|
||||
transition-delay: 250ms;
|
||||
-moz-transition-delay: 250ms;
|
||||
-webkit-transition-delay: 250ms;
|
||||
}
|
||||
|
||||
.nvtooltip.x-nvtooltip,
|
||||
.nvtooltip.y-nvtooltip {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.nvtooltip h3 {
|
||||
margin: 0;
|
||||
padding: 4px 14px;
|
||||
line-height: 18px;
|
||||
font-weight: normal;
|
||||
background-color: rgba(247, 247, 247, 0.75);
|
||||
text-align: center;
|
||||
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
|
||||
-webkit-border-radius: 5px 5px 0 0;
|
||||
-moz-border-radius: 5px 5px 0 0;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.nvtooltip p {
|
||||
margin: 0;
|
||||
padding: 5px 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nvtooltip span {
|
||||
display: inline-block;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.nvtooltip table {
|
||||
margin: 6px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
|
||||
.nvtooltip table td {
|
||||
padding: 2px 0 2px 9px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.nvtooltip table td.key {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.nvtooltip table td.value {
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvtooltip table tr.highlight td {
|
||||
padding: 1px 0 1px 9px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
.nvtooltip table td.legend-color-guide div {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.nvtooltip .footer {
|
||||
padding: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.nvtooltip-pending-removal {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/********************
|
||||
* SVG CSS
|
||||
*/
|
||||
|
||||
|
||||
#dashboard svg {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
/* Trying to get SVG to act like a greedy block in all browsers */
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
#dashboard svg text {
|
||||
font: normal 12px Arial;
|
||||
}
|
||||
|
||||
#dashboard svg .title {
|
||||
font: bold 14px Arial;
|
||||
}
|
||||
|
||||
.nvd3 .nv-background {
|
||||
fill: white;
|
||||
fill-opacity: 0;
|
||||
/*
|
||||
pointer-events: none;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3.nv-noData {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Brush
|
||||
*/
|
||||
|
||||
.nv-brush .extent {
|
||||
fill-opacity: .125;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Legend
|
||||
*/
|
||||
|
||||
.nvd3 .nv-legend .nv-series {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nvd3 .nv-legend .disabled circle {
|
||||
fill-opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Axes
|
||||
*/
|
||||
.nvd3 .nv-axis {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis path {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
stroke-opacity: .75;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis path.domain {
|
||||
stroke-opacity: .75;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis.nv-x path.domain {
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis line {
|
||||
fill: none;
|
||||
stroke: #e5e5e5;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis .zero line,
|
||||
/*this selector may not be necessary*/
|
||||
.nvd3 .nv-axis line.zero {
|
||||
stroke-opacity: .75;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis .nv-axisMaxMin text {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvd3 .x .nv-axis .nv-axisMaxMin text,
|
||||
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
|
||||
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
|
||||
text-anchor: middle
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Brush
|
||||
*/
|
||||
|
||||
.nv-brush .resize path {
|
||||
fill: #eee;
|
||||
stroke: #666;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Bars
|
||||
*/
|
||||
|
||||
.nvd3 .nv-bars .negative rect {
|
||||
zfill: brown;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars rect {
|
||||
zfill: steelblue;
|
||||
fill-opacity: .75;
|
||||
|
||||
transition: fill-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars rect.hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars .hover rect {
|
||||
fill: lightblue;
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars text {
|
||||
fill: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.nvd3 .nv-bars .hover text {
|
||||
fill: rgba(0, 0, 0, 1);
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Bars
|
||||
*/
|
||||
|
||||
.nvd3 .nv-multibar .nv-groups rect,
|
||||
.nvd3 .nv-multibarHorizontal .nv-groups rect,
|
||||
.nvd3 .nv-discretebar .nv-groups rect {
|
||||
stroke-opacity: 0;
|
||||
|
||||
transition: fill-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear;
|
||||
}
|
||||
|
||||
.nvd3 .nv-multibar .nv-groups rect:hover,
|
||||
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
|
||||
.nvd3 .nv-discretebar .nv-groups rect:hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3 .nv-discretebar .nv-groups text,
|
||||
.nvd3 .nv-multibarHorizontal .nv-groups text {
|
||||
font-weight: bold;
|
||||
fill: rgba(0, 0, 0, 1);
|
||||
stroke: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/***********
|
||||
* Pie Chart
|
||||
*/
|
||||
|
||||
.nvd3.nv-pie path {
|
||||
stroke-opacity: 0;
|
||||
transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .nv-slice text {
|
||||
stroke: #000;
|
||||
stroke-width: 0;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie path {
|
||||
stroke: #fff;
|
||||
stroke-width: 1px;
|
||||
stroke-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .hover path {
|
||||
fill-opacity: .7;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .nv-label {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3.nv-pie .nv-label rect {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
/**********
|
||||
* Lines
|
||||
*/
|
||||
|
||||
.nvd3 .nv-groups path.nv-line {
|
||||
fill: none;
|
||||
stroke-width: 1.5px;
|
||||
/*
|
||||
stroke-linecap: round;
|
||||
shape-rendering: geometricPrecision;
|
||||
|
||||
transition: stroke-width 250ms linear;
|
||||
-moz-transition: stroke-width 250ms linear;
|
||||
-webkit-transition: stroke-width 250ms linear;
|
||||
|
||||
transition-delay: 250ms
|
||||
-moz-transition-delay: 250ms;
|
||||
-webkit-transition-delay: 250ms;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3 .nv-groups path.nv-line.nv-thin-line {
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
|
||||
.nvd3 .nv-groups path.nv-area {
|
||||
stroke: none;
|
||||
/*
|
||||
stroke-linecap: round;
|
||||
shape-rendering: geometricPrecision;
|
||||
|
||||
stroke-width: 2.5px;
|
||||
transition: stroke-width 250ms linear;
|
||||
-moz-transition: stroke-width 250ms linear;
|
||||
-webkit-transition: stroke-width 250ms linear;
|
||||
|
||||
transition-delay: 250ms
|
||||
-moz-transition-delay: 250ms;
|
||||
-webkit-transition-delay: 250ms;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3 .nv-line.hover path {
|
||||
stroke-width: 6px;
|
||||
}
|
||||
|
||||
/*
|
||||
.nvd3.scatter .groups .point {
|
||||
fill-opacity: 0.1;
|
||||
stroke-opacity: 0.1;
|
||||
}
|
||||
*/
|
||||
|
||||
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
|
||||
fill-opacity: .5 !important;
|
||||
stroke-opacity: .5 !important;
|
||||
}
|
||||
|
||||
|
||||
.with-transitions .nvd3 .nv-groups .nv-point {
|
||||
transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
-webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
|
||||
|
||||
}
|
||||
|
||||
.nvd3.nv-scatter .nv-groups .nv-point.hover,
|
||||
.nvd3 .nv-groups .nv-point.hover {
|
||||
stroke-width: 7px;
|
||||
fill-opacity: .95 !important;
|
||||
stroke-opacity: .95 !important;
|
||||
}
|
||||
|
||||
|
||||
.nvd3 .nv-point-paths path {
|
||||
stroke: #aaa;
|
||||
stroke-opacity: 0;
|
||||
fill: #eee;
|
||||
fill-opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.nvd3 .nv-indexLine {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Distribution
|
||||
*/
|
||||
|
||||
.nvd3 .nv-distribution {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Scatter
|
||||
*/
|
||||
|
||||
/* **Attempting to remove this for useVoronoi(false), need to see if it's required anywhere
|
||||
.nvd3 .nv-groups .nv-point {
|
||||
pointer-events: none;
|
||||
}
|
||||
*/
|
||||
|
||||
.nvd3 .nv-groups .nv-point.hover {
|
||||
stroke-width: 20px;
|
||||
stroke-opacity: .5;
|
||||
}
|
||||
|
||||
.nvd3 .nv-scatter .nv-point.hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
/*
|
||||
.nv-group.hover .nv-point {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/**********
|
||||
* Stacked Area
|
||||
*/
|
||||
|
||||
.nvd3.nv-stackedarea path.nv-area {
|
||||
fill-opacity: .7;
|
||||
/*
|
||||
stroke-opacity: .65;
|
||||
fill-opacity: 1;
|
||||
*/
|
||||
stroke-opacity: 0;
|
||||
|
||||
transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
||||
-moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
||||
-webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
|
||||
|
||||
/*
|
||||
transition-delay: 500ms;
|
||||
-moz-transition-delay: 500ms;
|
||||
-webkit-transition-delay: 500ms;
|
||||
*/
|
||||
|
||||
}
|
||||
|
||||
.nvd3.nv-stackedarea path.nv-area.hover {
|
||||
fill-opacity: .9;
|
||||
/*
|
||||
stroke-opacity: .85;
|
||||
*/
|
||||
}
|
||||
|
||||
/*
|
||||
.d3stackedarea .groups path {
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
.nvd3.nv-stackedarea .nv-groups .nv-point {
|
||||
stroke-opacity: 0;
|
||||
fill-opacity: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
.nvd3.nv-stackedarea .nv-groups .nv-point.hover {
|
||||
stroke-width: 20px;
|
||||
stroke-opacity: .75;
|
||||
fill-opacity: 1;
|
||||
}*/
|
||||
|
||||
|
||||
/**********
|
||||
* Line Plus Bar
|
||||
*/
|
||||
|
||||
.nvd3.nv-linePlusBar .nv-bar rect {
|
||||
fill-opacity: .75;
|
||||
}
|
||||
|
||||
.nvd3.nv-linePlusBar .nv-bar rect:hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Bullet
|
||||
*/
|
||||
|
||||
.nvd3.nv-bullet {
|
||||
font: 10px sans-serif;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-measure {
|
||||
fill-opacity: .8;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-measure:hover {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-marker {
|
||||
stroke: #000;
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-markerTriangle {
|
||||
stroke: #000;
|
||||
fill: #fff;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-tick line {
|
||||
stroke: #666;
|
||||
stroke-width: .5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range.nv-s0 {
|
||||
fill: #eee;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range.nv-s1 {
|
||||
fill: #ddd;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range.nv-s2 {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-title {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-subtitle {
|
||||
fill: #999;
|
||||
}
|
||||
|
||||
|
||||
.nvd3.nv-bullet .nv-range {
|
||||
fill: #bababa;
|
||||
fill-opacity: .4;
|
||||
}
|
||||
|
||||
.nvd3.nv-bullet .nv-range:hover {
|
||||
fill-opacity: .7;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Sparkline
|
||||
*/
|
||||
|
||||
.nvd3.nv-sparkline path {
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus g.nv-hoverValue {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-hoverValue line {
|
||||
stroke: #333;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus,
|
||||
.nvd3.nv-sparklineplus g {
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.nvd3 .nv-hoverArea {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-xValue,
|
||||
.nvd3.nv-sparklineplus .nv-yValue {
|
||||
/*
|
||||
stroke: #666;
|
||||
*/
|
||||
stroke-width: 0;
|
||||
font-size: .9em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-yValue {
|
||||
stroke: #f66;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-maxValue {
|
||||
stroke: #2ca02c;
|
||||
fill: #2ca02c;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-minValue {
|
||||
stroke: #d62728;
|
||||
fill: #d62728;
|
||||
}
|
||||
|
||||
.nvd3.nv-sparklineplus .nv-currentValue {
|
||||
/*
|
||||
stroke: #444;
|
||||
fill: #000;
|
||||
*/
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
/**********
|
||||
* historical stock
|
||||
*/
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
|
||||
stroke-width: 4px;
|
||||
}
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
|
||||
stroke: #2ca02c;
|
||||
}
|
||||
|
||||
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
|
||||
stroke: #d62728;
|
||||
}
|
||||
|
||||
.nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nvd3.nv-historicalStockChart .nv-dragTarget {
|
||||
fill-opacity: 0;
|
||||
stroke: none;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.nvd3 .nv-brush .extent {
|
||||
/*
|
||||
cursor: ew-resize !important;
|
||||
*/
|
||||
fill-opacity: 0 !important;
|
||||
}
|
||||
|
||||
.nvd3 .nv-brushBackground rect {
|
||||
stroke: #000;
|
||||
stroke-width: .4;
|
||||
fill: #fff;
|
||||
fill-opacity: .7;
|
||||
}
|
||||
|
||||
|
||||
/**********
|
||||
* Indented Tree
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* TODO: the following 3 selectors are based on classes used in the example. I should either make them standard and leave them here, or move to a CSS file not included in the library
|
||||
*/
|
||||
.nvd3.nv-indentedtree .name {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree .clickable {
|
||||
color: #08C;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree span.clickable:hover {
|
||||
color: #005580;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.nvd3.nv-indentedtree .nv-childrenCount {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree .nv-treeicon {
|
||||
cursor: pointer;
|
||||
/*
|
||||
cursor: n-resize;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3.nv-indentedtree .nv-treeicon.nv-folded {
|
||||
cursor: pointer;
|
||||
/*
|
||||
cursor: s-resize;
|
||||
*/
|
||||
}
|
||||
|
||||
/**********
|
||||
* Parallel Coordinates
|
||||
*/
|
||||
|
||||
.nvd3 .background path {
|
||||
fill: none;
|
||||
stroke: #ccc;
|
||||
stroke-opacity: .4;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .foreground path {
|
||||
fill: none;
|
||||
stroke: steelblue;
|
||||
stroke-opacity: .7;
|
||||
}
|
||||
|
||||
.nvd3 .brush .extent {
|
||||
fill-opacity: .3;
|
||||
stroke: #fff;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .axis line, .axis path {
|
||||
fill: none;
|
||||
stroke: #000;
|
||||
shape-rendering: crispEdges;
|
||||
}
|
||||
|
||||
.nvd3 .axis text {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
/****
|
||||
Interactive Layer
|
||||
*/
|
||||
.nvd3 .nv-interactiveGuideLine {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nvd3 line.nv-guideline {
|
||||
stroke: #ccc;
|
||||
}
|
||||
929
modules/ets_cfultimate/views/css/other.css
Normal file
929
modules/ets_cfultimate/views/css/other.css
Normal file
@@ -0,0 +1,929 @@
|
||||
.ets-mod{
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
.ets-mod.hidden,li.hidden{
|
||||
display: none!important;
|
||||
}
|
||||
.ets-mod-cats > li.active{
|
||||
font-weight: bold;
|
||||
}
|
||||
.ets-mod {
|
||||
position: fixed!important;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.ets-mod, .ets-mod * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ets-mod-header {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
padding: 40px 0 30px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.ets-mod-logo img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.ets-mod-cats_mobile{
|
||||
display: none;
|
||||
}
|
||||
a.ets-mod-external-link.btn {
|
||||
background: #E22B8C;
|
||||
width: 100%;
|
||||
display: block;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
text-decoration: none!important;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s;
|
||||
-webkit-transition: all 0.2s;
|
||||
}
|
||||
a.ets-mod-external-link.btn:hover {
|
||||
background: #ca3282;
|
||||
}
|
||||
.ets-mod-close {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 6px;
|
||||
font-size: 0;
|
||||
cursor: pointer;
|
||||
width: 30px;
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
height: 30px;
|
||||
}
|
||||
.ets-mod-close:hover:after,
|
||||
.ets-mod-close:hover:before{
|
||||
background: #555;
|
||||
}
|
||||
.ets-mod-close:after {
|
||||
content: "";
|
||||
width: 27px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 1px;
|
||||
background: #999;
|
||||
display: inline-block;
|
||||
transform: translate3d(-50%,-50%,0);
|
||||
-webkit-transform: translate3d(-50%,-50%,0);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ets-mod-close:before {
|
||||
content: "";
|
||||
height: 27px;
|
||||
width: 1px;
|
||||
background: #999;
|
||||
display: inline-block;
|
||||
transform: translate3d(-50%,-50%,0);
|
||||
-webkit-transform: translate3d(-50%,-50%,0);
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
}
|
||||
.ets-mod-external {
|
||||
clear: both;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
padding: 0 30px;
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
width: 60%;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
width: 25%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod-footer > .mod-price:first-child {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
justify-content: flex-end;
|
||||
-webkit-justify-content: flex-end;
|
||||
}
|
||||
.ets-badge-partner span,
|
||||
.ets-badge-superhero span {
|
||||
text-align: center;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ets-badge-superhero {
|
||||
width: 100px;
|
||||
}
|
||||
.ets-badge-partner {
|
||||
max-width: 121px;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.mod-desc {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 14px;
|
||||
min-height: 123px;
|
||||
}
|
||||
|
||||
.loading-modules:before {
|
||||
content: "";
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
z-index: 90000000;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.loading-modules:after {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
border-left: 2px solid #ff008d;
|
||||
border-top: 2px solid transparent;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-right: 2px solid #ff008d;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
margin-left: -30px;
|
||||
margin-top: -30px;
|
||||
z-index: 99000000;
|
||||
animation: loading 0.5s infinite linear;
|
||||
-webkit-animation: loading 0.5s infinite linear;
|
||||
}
|
||||
@keyframes loading {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.ets-mod-badges img {
|
||||
margin: 0 15px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
|
||||
.li_othermodules {
|
||||
background: #ff2ea0!important;
|
||||
color: orange!important;
|
||||
position: absolute!important;
|
||||
right: 25px!important;
|
||||
top: 0!important;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
box-shadow: 0 0 10px 0 #999 inset;
|
||||
-webkit-box-shadow: 0 0 10px 0 #888 inset;
|
||||
transition: all 0.3s;
|
||||
-webkit-transition: all 0.3s;
|
||||
}
|
||||
li.li_othermodules:hover {
|
||||
background: #e62790!important;
|
||||
}
|
||||
ul > li.li_othermodules a span {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
ul > li.li_othermodules .tab-title {
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
margin-bottom: 2px;
|
||||
position: relative;
|
||||
}
|
||||
.ets-mod-left {
|
||||
padding: 0 15px;
|
||||
width: 25%;
|
||||
}
|
||||
ul.ets-mod-cats {
|
||||
list-style: none;
|
||||
background: #f3f3f3;
|
||||
padding: 20px 25px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
margin-top: 15px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.mod-badge{
|
||||
background-image: url("../img/other/module-editor.png");
|
||||
min-height: 30px;
|
||||
background-position: 5px center;
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
background-size: 30px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
padding-left: 40px;
|
||||
margin: -10px auto 10px;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
width: 195px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ets-mod-left:not(.scroll_heading) ul.ets-mod-cats{
|
||||
width: 100%!important;
|
||||
}
|
||||
.mod-badge.fav {
|
||||
background-image: url("../img/other/awards-toconvert.png");
|
||||
}
|
||||
.mod-badge.elected {
|
||||
background-image: url("../img/other/module-editor.png");
|
||||
width: 190px;
|
||||
}
|
||||
.mod-download {
|
||||
background-image: url("../img/other/badges-s3e73c0c3f1.png");
|
||||
min-height: 30px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
background-position: 4px -491px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 38px;
|
||||
align-items: center;
|
||||
width: 150px;
|
||||
margin: 0 auto 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ets-mod-cats li {
|
||||
line-height: 1.4;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
padding: 6px 0;
|
||||
}
|
||||
.ets-mod-cats li:hover {
|
||||
color: #E22B8C;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 33.33%;
|
||||
padding: 0 15px;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
ul.ets-mod-list {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.mod-rating:before {
|
||||
content: "\f006 \f006 \f006 \f006 \f006";
|
||||
font-family: Fontawesome,sans-serif;
|
||||
letter-spacing: 3px;
|
||||
color: orange;
|
||||
}
|
||||
.mod-rating.mod-start-1:before{
|
||||
content:"\f005 \f006 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-15:before{
|
||||
content:"\f005 \f123 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-2:before{
|
||||
content:"\f005 \f005 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-25:before{
|
||||
content:"\f005 \f005 \f123 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-3:before{
|
||||
content:"\f005 \f005 \f005 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-35:before{
|
||||
content:"\f005 \f005 \f005 \f123 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-4:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-45:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f123";
|
||||
}
|
||||
.mod-rating.mod-start-5:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f005";
|
||||
}
|
||||
span.mod-price-dec {
|
||||
vertical-align: top;
|
||||
}
|
||||
span.mod-price-int, .mod-price-unit {
|
||||
font-size: 18px;
|
||||
color: #261c59;
|
||||
}
|
||||
span.mod-price-dec{
|
||||
color: #261c59;
|
||||
}
|
||||
.mod-rating {
|
||||
vertical-align: middle;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item > a {
|
||||
border: 1px solid #ddd;
|
||||
text-align: center;
|
||||
display: block;
|
||||
padding: 20px 15px 60px;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.mod-must-have {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: -5px;
|
||||
background: #E22B8C;
|
||||
color: #fff;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.mod-must-have:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-left: 5px solid #9a0300;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
top: 100%;
|
||||
margin-top: -5px;
|
||||
right: 0;
|
||||
}
|
||||
.mod-price {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.mod-must-have:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-top: -5px;
|
||||
right: 0;
|
||||
background: #E02B8C;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
.mod-footer {
|
||||
margin-left: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-right: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 15px;
|
||||
margin-top: 20px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 33.33%;
|
||||
padding: 0 15px;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
}
|
||||
.mod-footer {
|
||||
border-top: 1px solid #ddd;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 8px 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.mod-image {
|
||||
margin-bottom: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ets-mod-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod-title {
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
color: #261c59;
|
||||
font-weight: normal;
|
||||
overflow: hidden;
|
||||
margin-bottom: 15px;
|
||||
min-height: 44px;
|
||||
}
|
||||
.other-modules-loaded {
|
||||
overflow: hidden;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 75%;
|
||||
position: relative;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.ets-mod-contact {
|
||||
position: fixed;
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
background: #E22B8C;
|
||||
bottom: 60px;
|
||||
z-index: 10;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
right: 60px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
}
|
||||
.ets-mod-contact:hover {
|
||||
background: #ca3282;
|
||||
}
|
||||
.ets-mod-contact a.mod-link {
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
font-size: 10px;
|
||||
clear: both;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
box-shadow: none;
|
||||
padding: 16px 12px;
|
||||
white-space: nowrap;
|
||||
border: none;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.ets-mod-contact a.mod-link::before {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
content: "\f003";
|
||||
font-family: Fontawesome, sans-serif;
|
||||
font-size: 30px;
|
||||
font-weight: normal;
|
||||
-webkit-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
-o-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
margin-top: 0;
|
||||
}
|
||||
@-moz-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
.ets-mod-list .mod-link:hover {
|
||||
box-shadow: 0 4px 8px 1px #ece9e9;
|
||||
-webkit-box-shadow: 0 4px 8px 1px #ece9e9;
|
||||
border: solid 1px #d2d2d2;
|
||||
}
|
||||
ul > li.li_othermodules a {
|
||||
color: #ffdd02!important;
|
||||
font-size: 13px;
|
||||
padding: 10px 20px 15px 85px;
|
||||
top: 0;
|
||||
background-image: url(../img/other/ets-superhero-2.png);
|
||||
background-position: 10px 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 70px;
|
||||
font-family: Open sans,sans-serif;
|
||||
height: 66px;
|
||||
}
|
||||
.cfu-top-menu li:not(.active) a.link_othermodules:hover:before{
|
||||
display:none;
|
||||
}
|
||||
@-moz-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-moz-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
.ets-mod-contact:after {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
left: -45px;
|
||||
top: -45px;
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
border: 2px solid rgba(30, 30, 30, 0.4);
|
||||
border: 2px solid #dc9abd;
|
||||
opacity: .5;
|
||||
-webkit-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-ms-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-o-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-webkit-transition: all .5s;
|
||||
-moz-transition: all .5s;
|
||||
-o-transition: all .5s;
|
||||
transition: all .5s;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
-o-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
.ets-mod-contact::before {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "";
|
||||
font-size: 30px;
|
||||
-webkit-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
-o-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
left: -10px;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
border-radius: 50%;
|
||||
bottom: -10px;
|
||||
background: #E22B8C;
|
||||
}
|
||||
@media (max-width: 1300px){
|
||||
ul > li.li_othermodules a {
|
||||
font-size: 12px;
|
||||
padding: 10px 10px 15px 68px;
|
||||
background-position: 5px 5px;
|
||||
background-size: 70px;
|
||||
}
|
||||
ul > li.li_othermodules .tab-title{
|
||||
font-size: 15px;
|
||||
}
|
||||
ul > li.li_othermodules a{
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px){
|
||||
.ets-mod-left.scroll_heading ul.ets-mod-cats {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1199px){
|
||||
ul > li.li_othermodules a {
|
||||
padding: 10px 20px 15px 75px;
|
||||
background-position: 8px 5px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px){
|
||||
.li_othermodules{
|
||||
right: 18px!important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 50%;
|
||||
}
|
||||
ul > li.li_othermodules {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.ets-mod-left {
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.ets-mod-header {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
width: calc(100% - 220px);
|
||||
width: -webkit-calc(100% - 220px);
|
||||
padding: 0 20px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
width: 220px;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
margin-bottom: 15px;
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-cats_mobile {
|
||||
display: block;
|
||||
}
|
||||
.ets-mod-cats_mobile h4 {
|
||||
list-style: none;
|
||||
background: #f3f3f3;
|
||||
padding: 20px 25px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
font-size: 14px;
|
||||
margin: 0 0 -1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.ets-mod-cats {
|
||||
border-radius: 0;
|
||||
display: none;
|
||||
}
|
||||
.ets-mod-cats_mobile h4:after {
|
||||
content: "";
|
||||
border-left: 2px solid #333;
|
||||
border-bottom: 2px solid #333;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-bottom-left-radius: 2px;
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
margin-left: 8px;
|
||||
vertical-align: 2px;
|
||||
}
|
||||
ul.ets-mod-cats.active {
|
||||
display: block;
|
||||
}
|
||||
.ets-mod-cats_mobile{
|
||||
display: block;
|
||||
}
|
||||
ul > li.li_othermodules{
|
||||
position: static!important;
|
||||
float: right;
|
||||
}
|
||||
ul > li.li_othermodules .tab-title{
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
@media (max-width: 500px){
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-left {
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ets-badge-partner {
|
||||
max-width: none;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ets-badge-superhero {
|
||||
width: auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
7
modules/ets_cfultimate/views/css/skin.min.css
vendored
Normal file
7
modules/ets_cfultimate/views/css/skin.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
modules/ets_cfultimate/views/css/skin.mobile.min.css
vendored
Normal file
2
modules/ets_cfultimate/views/css/skin.mobile.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
709
modules/ets_cfultimate/views/css/style.css
Normal file
709
modules/ets_cfultimate/views/css/style.css
Normal file
@@ -0,0 +1,709 @@
|
||||
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
|
||||
div.wpcfu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
input.ets_cfu_form-control.ets_cfu-range {
|
||||
outline: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.wpcfu-submit:hover {
|
||||
background-color: #2592a9;
|
||||
}
|
||||
.ets_cfu_input_number span.rang-min, .ets_cfu_input_number span.rang-max {
|
||||
min-height: 0;
|
||||
line-height: 1;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.ets_cfu_col iframe{
|
||||
max-width: 100%;
|
||||
}
|
||||
.ets_cfu-html img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.ets_cfu_input label .ets_cfu_span{
|
||||
font-weight: bold;
|
||||
}
|
||||
.style21 .ets_cfu_col.col1, .style21 .ets_cfu_col.col2,
|
||||
.style22 .ets_cfu_col.col1, .style22 .ets_cfu_col.col3,
|
||||
.style23 .ets_cfu_col.col2, .style23 .ets_cfu_col.col3 {
|
||||
width: 25%;
|
||||
}
|
||||
input.ets_cfu_form-control[readonly="true"] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
span.ets_cfu_span {
|
||||
font-weight: 600!important;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.ets_cfu_input_captcha img.pa-captcha-img-data {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.ets_cfu_show_hide {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
top: 1px;
|
||||
background-color: #fff;
|
||||
width: 40px;
|
||||
bottom: 1px;
|
||||
text-align: center;
|
||||
line-height: 2.5;
|
||||
border-left: 1px solid #ccc;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ets_cfu_col textarea {
|
||||
min-height: 150px;
|
||||
}
|
||||
.is-active .ets_cfu_input_submit.ets_cfu_input:after {
|
||||
content: "";
|
||||
border-left: 1px solid #555;
|
||||
border-top: 1px solid #ffffff;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
border-right: 1px solid #555;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 5px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
vertical-align: -6px;
|
||||
/*transform: rotate(0);
|
||||
-webkit-transform: rotate(0);*/
|
||||
-webkit-animation: spin_load 0.4s infinite; /* Safari 4.0 - 8.0 */
|
||||
animation: spin_load 0.4s infinite;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-timing-function: linear;
|
||||
}
|
||||
@keyframes spin_load {
|
||||
from {
|
||||
transform: rotate(0);
|
||||
-webkit-transform: rotate(0);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin_load {
|
||||
from {
|
||||
transform: rotate(0);
|
||||
-webkit-transform: rotate(0);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
p.ets_cfu_help_block {
|
||||
color: #999;
|
||||
font-style: italic;
|
||||
font-size: 90%;
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
input.ets_cfu_form-control.ets_cfu-range {
|
||||
margin-top: 10px;
|
||||
outline: medium none;
|
||||
}
|
||||
.style21 .ets_cfu_col.col3,
|
||||
.style22 .ets_cfu_col.col2,
|
||||
.style23 .ets_cfu_col.col1 {
|
||||
width: 50%;
|
||||
}
|
||||
.style4 .ets_cfu_col {
|
||||
width: 25%;
|
||||
}
|
||||
span.ets_cfu_form-control-wrap {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
div.wpcfu .screen-reader-response {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.ets_cfu_form-control.ets_cfu-submit {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
padding: 6px 20px;
|
||||
outline: none!important;
|
||||
}
|
||||
.wpcfu .form-control:not(.ets_cfu-file):not(.ets_cfu-select) {
|
||||
height: 36px;
|
||||
}
|
||||
.wpcfu .form-control{
|
||||
font-size: 14px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
span.file_type_des {
|
||||
font-size: 13px;
|
||||
font-style: italic;
|
||||
color: #999;
|
||||
margin-top: 5px;
|
||||
display: block;
|
||||
}
|
||||
.ets_cfu-checkbox .ets_cfu-list-item {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.ets_cfu-checkbox .ets_cfu-list-item.each_a_line{
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ets_cfu-radio .ets_cfu-list-item {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.pa-captcha-refesh + .ets_cfu-captcha {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
}
|
||||
.wpcfu-checkbox input[type="checkbox"] {
|
||||
vertical-align: -2px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
input::-webkit-calendar-picker-indicator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="date"]::-webkit-input-placeholder {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.wpcfu textarea {
|
||||
font-size: 13px !important;
|
||||
}
|
||||
|
||||
.wpcfu input {
|
||||
font-size: 13px;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
|
||||
.wpcfu-form-control-wrap .select_arrow {
|
||||
border-left: 1px solid #ccc;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.wpcfu-form-control-wrap .select_arrow::before {
|
||||
border-bottom: 2px solid #999;
|
||||
border-left: 2px solid #999;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 12px;
|
||||
left: 13px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.wpcfu-form-control-wrap select {
|
||||
appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.custom_choosefile {
|
||||
display: flex;
|
||||
-webkit-display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom_choosefile .button_choosefile {
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
background-color: #2fb5d2;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
-webkit-display: flex;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
padding: 0 10px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.custom_choosefile .input-group .input-group-btn > .btn{
|
||||
padding-top: 11px;
|
||||
padding-bottom: 11px;
|
||||
}
|
||||
.custom_choosefile .wpcfu-form-control.wpcfu-file {
|
||||
margin-top: 0;
|
||||
}
|
||||
.ets_cfu_box.style3 .ets_cfu_col {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.ets_cfu_box {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.ets_cfu_col {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.ets_cfu_box.style2 .ets_cfu_col {
|
||||
width: 33.33%;
|
||||
}
|
||||
|
||||
.ets_cfu_box.style1 .ets_cfu_col {
|
||||
width: 100%;
|
||||
}
|
||||
.wpcfu input[type="radio"] {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ets_cfu-radio .ets_cfu-list-item {
|
||||
display: block;
|
||||
vertical-align: top;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ets_cfu-radio .ets_cfu-list-item.each_a_line{
|
||||
display: inline-block;
|
||||
}
|
||||
.wpcfu-quiz-label + input.ets_cfu-quiz {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
span.wpcfu-quiz-label {
|
||||
margin-right: 7px;
|
||||
}
|
||||
.wpcfu-form-control-wrap {
|
||||
clear: both;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.wpcfu label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
clear: both;
|
||||
}
|
||||
.ctf_click_open_contactform7 {
|
||||
padding: 10px 15px;
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#product .ctf_click_open_contactform7 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.wpcfu-submit[disabled] {
|
||||
background-color: rgba(47, 181, 210, 1);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.wpcfu label *:not(label) {
|
||||
font-weight: normal;
|
||||
}
|
||||
.wpcfu label *:not(label) strong,
|
||||
.wpcfu label *:not(label) b{
|
||||
font-weight: bold;
|
||||
}
|
||||
.wpcfu h3 {
|
||||
color: #333;
|
||||
margin-bottom: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.wpcfu-submit {
|
||||
background-color: #2fb5d2;
|
||||
border: medium none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
margin-top: 10px;
|
||||
padding: 8px 20px;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
form > .wpcfu-form-control-wrap {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#ets_cft_page .page-content {
|
||||
padding: 15px;
|
||||
}
|
||||
.wpcfu-captcha {
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
padding: 4px 10px;
|
||||
vertical-align: -2px;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
div.wpcfu-response-output {
|
||||
margin: 2em 15px 1em;
|
||||
padding: 10px 1em;
|
||||
}
|
||||
|
||||
div.wpcfu-mail-sent-ok {
|
||||
border: 2px solid #398f14;
|
||||
}
|
||||
|
||||
div.wpcfu-mail-sent-ng,
|
||||
div.wpcfu-aborted {
|
||||
border: 2px solid #ff0000;
|
||||
}
|
||||
|
||||
div.wpcfu-spam-blocked {
|
||||
border: 2px solid #ffa500;
|
||||
}
|
||||
|
||||
div.wpcfu-validation-errors,
|
||||
div.wpcfu-acceptance-missing {
|
||||
border: 2px solid #f7e700;
|
||||
}
|
||||
|
||||
.wpcfu-form-control-wrap {
|
||||
margin-top: 6px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
span.wpcfu-not-valid-tip {
|
||||
color: #f00;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.wpcfu label label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.use-floating-validation-tip span.wpcfu-not-valid-tip {
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 20%;
|
||||
z-index: 100;
|
||||
border: 1px solid #ff0000;
|
||||
background: #fff;
|
||||
padding: .2em .8em;
|
||||
}
|
||||
|
||||
span.wpcfu-list-item {
|
||||
display: inline-block;
|
||||
margin: 0 15px 0 0;
|
||||
}
|
||||
|
||||
span.wpcfu-list-item-label::before,
|
||||
span.wpcfu-list-item-label::after {
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.wpcfu-display-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.wpcfu .ajax-loader {
|
||||
visibility: hidden;
|
||||
display: inline-block;
|
||||
background-image: url('../img/ajax-loader.gif');
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0 0 0 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.wpcfu .ajax-loader.is-active {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
div.wpcfu div.ajax-error {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.wpcfu .placeheld {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
div.wpcfu .wpcfu-recaptcha iframe {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.wpcfu input[type="file"] {
|
||||
cursor: pointer;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
div.wpcfu input[type="file"]:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.ctf_click_open_contactform7 {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ctf-popup-wapper {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
overflow: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ctf-popup-wapper.show {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.ctf-popup-content {
|
||||
background-color: #fff;
|
||||
margin: 20px auto;
|
||||
padding: 20px 30px;
|
||||
position: relative;
|
||||
max-width: 900px;
|
||||
width: 90%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ctf-popup-table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ctf-popup-tablecell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ctf_close_popup {
|
||||
background-color: #333;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 3px 1px #666;
|
||||
-webkit-box-shadow: 0 0 3px 1px #666;
|
||||
cursor: pointer;
|
||||
font-size: 0;
|
||||
height: 26px;
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: -10px;
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
.ctf_close_popup:before {
|
||||
content: "";
|
||||
width: 14px;
|
||||
height: 2px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
-webkit-transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
|
||||
.ctf_close_popup:after {
|
||||
content: "";
|
||||
height: 14px;
|
||||
width: 2px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
-webkit-transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
|
||||
.rang-min {
|
||||
float: left;
|
||||
min-height: 30px;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
.rang-max {
|
||||
float: right;
|
||||
min-height: 30px;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
.wpcfu-range:focus {
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
outline: medium none;
|
||||
}
|
||||
.ets_cfu_input {
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.ets_cfu_input .rang-value {
|
||||
left: 50%;
|
||||
top: -5px;
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.ets_cfu_box {
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.style4 .ets_cfu_col,
|
||||
.ets_cfu_box.style2 .ets_cfu_col {
|
||||
width: 100%;
|
||||
}
|
||||
.ets_cfu_input_submit.ets_cfu_input {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.style21 .ets_cfu_col.col1, .style21 .ets_cfu_col.col2, .style22 .ets_cfu_col.col1, .style22 .ets_cfu_col.col3, .style23 .ets_cfu_col.col2, .style23 .ets_cfu_col.col3 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.ctf-popup-content {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.number_max{
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 10px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.number_select {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
height: 36px;
|
||||
}
|
||||
.mce-branding.mce-widget {
|
||||
display: none!important;
|
||||
}
|
||||
.ets_cfu_form-control-wrap.access_numer input[type="number"]{
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
.ets_cfu_form-control-wrap.access_numer input[type="number"]:hover,
|
||||
.ets_cfu_form-control-wrap.access_numer input[type="number"]:active,
|
||||
.access_numer input[type="number"]::-webkit-outer-spin-button,
|
||||
.access_numer input[type="number"]::-webkit-inner-spin-button{
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: textfield;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.number_select .number_plus,.number_select .number_minus {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 1.387em;
|
||||
height: 50%;
|
||||
text-decoration: none;
|
||||
overflow: visible;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
background-color: #999;
|
||||
border: 0;
|
||||
text-shadow: none;
|
||||
line-height: 15px;
|
||||
background-image: none;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.number_select .number_plus {
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-bottom: 0;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #000;
|
||||
position: relative;
|
||||
}
|
||||
.number_select .number_minus {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
position: relative;
|
||||
}
|
||||
.number_select .number_plus:before,
|
||||
.number_select .number_minus:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
border-top: 1px solid #000;
|
||||
border-right: 1px solid #000;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin-left: -4px;
|
||||
}
|
||||
.number_select .number_plus:before{
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
margin-top: -2px;
|
||||
}
|
||||
.number_select .number_minus:before{
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.ets_cfu_form-control-wrap input[type="number"] + .number_max{
|
||||
right: 30px;
|
||||
}
|
||||
.ets_cfu_form-control-wrap textarea + .number_max{
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-ms-transform: none;
|
||||
-o-transform: none;
|
||||
transform: none;
|
||||
top: auto;
|
||||
bottom: 7px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px){
|
||||
.ets_cfu_box.style3 .ets_cfu_col {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
31
modules/ets_cfultimate/views/css/style15.css
Normal file
31
modules/ets_cfultimate/views/css/style15.css
Normal file
@@ -0,0 +1,31 @@
|
||||
.wpcfu-form-control-wrap input[type="text"], .wpcfu-form-control-wrap input[type="email"] {
|
||||
border: 1px solid #ddd;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wpcfu-form-control-wrap textarea {
|
||||
border: 1px solid #ddd;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
18
modules/ets_cfultimate/views/css/style16.css
Normal file
18
modules/ets_cfultimate/views/css/style16.css
Normal file
@@ -0,0 +1,18 @@
|
||||
.custom_choosefile div.uploader span.filename {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom_choosefile div.uploader span.action {
|
||||
display: none !important;
|
||||
}
|
||||
.ets_cfu_col div.checker {
|
||||
display: inline-block;
|
||||
}
|
||||
.ets_cfu_col .selector {
|
||||
max-width: 300px;
|
||||
}
|
||||
.ets_cfu_col div.selector span{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user