Current path: home/webdevt/www/wdp/wp-content/themes/quadric/framework/admin/skins/edge/assets/css/
?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/framework/admin/skins/edge/assets
.edgtf-options-page {
margin: 20px 20px 0 2px;
position: relative; }
.edgtf-options-page table th {
font-weight: 400; }
.edgtf-options-page h1,
.edgtf-options-page h2,
.edgtf-options-page h3,
.edgtf-options-page h4,
.edgtf-options-page h5,
.edgtf-options-page h6 {
line-height: 1.5em;
margin-top: 0;
padding: 0; }
.edgtf-options-page a:hover,
.edgtf-options-page a:focus {
text-decoration: none; }
.edgtf-options-page .edgtf-page-content-wrapper {
background-color: #111; }
.edgtf-options-page .edgtf-page-content-wrapper.edgt-page-content-offset {
position: relative; }
.edgtf-options-page .edgtf-tabs-navigation-wrapper .nav-tabs > li.active > a {
border: 0px solid #566269; }
.edgtf-options-page .edgtf-tabs-navigation-wrapper .nav-tabs li > a > i {
font-size: 14px; }
@media only screen and (max-width: 1000px) {
.edgtf-options-page .edgtf-tabs-wrapper.vertical .edgtf-tabs-navigation-wrapper {
width: 40px !important; }
.edgtf-options-page .edgtf-tabs-wrapper.vertical .edgtf-tabs-navigation-wrapper .nav-tabs li span {
display: none !important; }
.edgtf-options-page .edgtf-tabs-wrapper.vertical.left .nav-tabs > li > a {
padding: 13px !important; }
.edgtf-options-page .edgtf-tabs-wrapper.vertical .edgtf-tabs-content {
margin-left: 40px !important; }
.edgtf-options-page .edgtf-tabs-wrapper.vertical.left .nav-tabs > li.active > a {
border: none;
background-color: #bba011; }
.edgtf-options-page .edgtf-tabs-wrapper.vertical.left .nav-tabs > li.active > a i {
color: #fff; } }
.edgtf-options-page .edgtf-page-header {
background-color: #252525;
color: #fff;
border-left: none;
position: relative; }
.edgtf-options-page .edgtf-page-header.edgt-header-fixed {
position: fixed;
z-index: 9;
border-bottom: 1px solid #1e2c34; }
.edgtf-options-page .edgtf-page-header img.edgtf-header-logo {
width: 30px; }
.edgtf-options-page .edgtf-page-header .edgtf-page-title {
color: #fff;
padding: 0;
margin: 0 0 0 20px;
line-height: 35px; }
@media only screen and (max-width: 1000px) {
.edgtf-options-page .edgtf-page-header img.edgtf-header-logo {
width: 20px; } }
.edgtf-options-page .edgtf-page-header .form-top-section-holder {
display: table;
height: 67px; }
.edgtf-options-page .edgtf-page-header .form-top-section-inner {
display: table-cell;
vertical-align: middle;
line-height: 0;
padding-top: 6px; }
.edgtf-options-page .edgtf-page-header .edgtf-top-section-holder {
margin-left: 253px; }
.edgtf-options-page .edgtf-page-header .edgtf-top-section-holder-inner {
display: table;
width: 100%; }
.edgtf-options-page .edgtf-page-header .form-top-section {
display: table-cell;
vertical-align: middle;
width: 80%; }
.edgtf-options-page .edgtf-page-header .edgtf-top-buttons-holder {
display: table-cell;
vertical-align: middle;
text-align: right;
width: 20%;
padding-right: 20px; }
.edgtf-options-page .edgtf-page-header .edgtf-theme-name {
color: #fff;
padding: 18px 15px 18px 30px;
width: 229px; }
.edgtf-options-page .edgtf-page-header .edgtf-theme-name h1 {
font-size: 18px;
margin-bottom: 0;
color: #fff; }
.edgtf-options-page .edgtf-page-header .edgtf-theme-name img {
width: 30px;
margin-right: 10px; }
@media only screen and (max-width: 1000px) {
.edgtf-options-page .edgtf-page-header .edgtf-theme-name {
padding: 18px 10px;
width: 40px; }
.edgtf-options-page .edgtf-page-header .edgtf-theme-name h1 {
display: none; }
.edgtf-options-page .edgtf-page-header .edgtf-theme-name img {
width: 20px;
height: auto; }
.edgtf-options-page .edgtf-page-header .edgtf-top-section-holder {
margin-left: 60px; } }
.edgtf-options-page .edgtf-tab-content .edgtf-page-title {
color: #8D9CA6;
font-size: 15px;
background-color: #F6F8F8;
padding: 5px 20px;
margin: -20px -20px 30px -20px;
border-bottom: 1px solid #dce0e6;
font-weight: 600; }
.edgtf-options-page .edgtf-tab-content .edgtf-page-title.edgt-page-title-fixed {
position: fixed;
z-index: 8;
margin-bottom: 0; }
.edgtf-options-page .edgtf-tab-content .edgtf-page-form {
position: relative; }
.edgtf-options-page .edgtf-tab-content .edgtf-page-section-title {
color: #bba011;
background-color: #fff;
padding-bottom: 15px;
padding-top: 15px;
padding-left: 10px;
margin: -10px 0px 0;
border-bottom: 1px solid #efefef;
font-size: 15px;
line-height: 1; }
.edgtf-options-page .edgtf-tab-content .edgtf-page-section-subtitle {
color: #374a59;
font-weight: 400;
display: inline-block;
margin: 15px 0 15px;
font-size: 14px;
position: relative;
left: 0px;
padding: 0px 20px;
border-left: 3px solid #bba011; }
.edgtf-options-page .edgtf-tab-content .edgtf-page-form-section-holder {
margin-bottom: 30px;
padding: 0px 0px;
background: #fff; }
.edgtf-options-page .edgtf-tab-content .edgtf-page-form-section-holder h3 + .edgtf-page-form-section {
border-top: none; }
.edgtf-options-page .edgtf-anchor-holder .edgtf-selectpicker {
display: none; }
.edgtf-options-page .edgtf-anchor-holder > span {
color: #bdc6cb;
font-size: 13px;
margin-right: 25px; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-toggle {
display: block;
width: 100%;
color: #fff;
border: 1px solid #abb7c7;
background-color: #fff;
padding-left: 17px;
padding-right: 14px;
font-size: 12px;
text-transform: none;
letter-spacing: 0;
font-weight: 400; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-toggle:active,
.edgtf-options-page .edgtf-anchor-holder .btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.edgtf-options-page .edgtf-anchor-holder .btn-group.open .btn-info.selectpicker,
.edgtf-options-page .edgtf-anchor-holder .btn-group .btn-info.selectpicker {
background-color: #111;
border-color: transparent;
color: #fff; }
.edgtf-options-page .edgtf-anchor-holder .caret {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu {
margin: 0;
border: 1px solid #dbdee0;
box-shadow: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu:not(.inner) {
margin-top: 7px;
width: 315px;
border-color: #f3f5f6;
padding-top: 10px; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner {
position: relative;
z-index: 100;
border: none;
width: 100%; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li {
margin-bottom: 0; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li a {
cursor: pointer;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 13px;
color: #8d9ca6; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li span {
color: #6F858D;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li.active a span,
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li a:hover span {
color: #fff; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li.active a,
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li a:hover {
background-color: #bba011; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu input[type='text'] {
border-radius: 2px;
width: 92%;
margin: 0 auto;
border-color: #dce0e6;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #f7f9fa;
padding-top: 6px;
padding-bottom: 6px; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner {
position: relative;
z-index: 100;
border: none;
width: 100%; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li {
margin-bottom: 0; }
.edgtf-options-page .edgtf-anchor-holder .dropdown-menu.inner li a {
cursor: pointer;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 13px;
color: #8d9ca6; }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(200px) rotateX(90deg);
transform: perspective(200px) rotateX(90deg);
transform-style: preserve-3d;
opacity: 0; }
40% {
-webkit-transform: perspective(200px) rotateX(-20deg);
transform: perspective(200px) rotateX(-20deg);
transform-style: preserve-3d; }
70% {
-webkit-transform: perspective(200px) rotateX(20deg);
transform: perspective(200px) rotateX(20deg);
transform-style: preserve-3d; }
100% {
-webkit-transform: perspective(200px) rotateX(0deg);
transform: perspective(200px) rotateX(0deg);
transform-style: preserve-3d;
opacity: 1; } }
@keyframes flipInX {
0% {
-webkit-transform: perspective(200px) rotateX(90deg);
transform: perspective(200px) rotateX(90deg);
transform-style: preserve-3d;
opacity: 0; }
40% {
-webkit-transform: perspective(200px) rotateX(-20deg);
transform: perspective(200px) rotateX(-20deg);
transform-style: preserve-3d; }
70% {
-webkit-transform: perspective(200px) rotateX(20deg);
transform: perspective(200px) rotateX(20deg);
transform-style: preserve-3d; }
100% {
-webkit-transform: perspective(200px) rotateX(0deg);
-ms-transform: perspective(200px) rotateX(0deg);
transform: perspective(200px) rotateX(0deg);
transform-style: preserve-3d;
opacity: 1; } }
.edgtf-options-page .edgtf-input-change, .edgtf-options-page .edgtf-changes-saved {
opacity: 0;
padding: 30px;
z-index: 10;
color: #fff;
position: absolute;
right: 20px;
top: auto;
bottom: -118px;
font-size: 16px;
transition: all .33s;
-webkit-transition: all .33s; }
.edgtf-options-page .edgtf-input-change {
background-color: #FFF2D0;
border: 1px solid #f5ecd0;
border: 1px solid rgba(243, 188, 90, 0.8);
color: #D2B976; }
.edgtf-options-page .edgtf-changes-saved {
background-color: #e8f9f4;
border: 1px solid #8ee3c8;
color: #48cda3; }
.edgtf-options-page .edgtf-input-change i, .edgtf-options-page .edgtf-changes-saved i {
margin-right: 20px;
font-size: 17px; }
.edgtf-options-page .edgtf-input-change.yes, .edgtf-options-page .edgtf-changes-saved.yes {
opacity: 1;
-moz-animation: flipInX .33s ease-in;
-webkit-animation: flipInX .33s ease-in;
animation: flipInX .33s ease-in; }
progress[value] {
/* Reset the default appearance */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Get rid of default border in Firefox. */
border: none;
/* Dimensions */
width: 250px;
height: 10px; }
progress[value]::-webkit-progress-bar {
background-color: #eee;
border-radius: 2px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; }
/* IE10 */
progress {
color: #78cd51; }
/* Firefox */
progress::-moz-progress-bar {
background: #7fb76c;
/* Old browsers */
background: -moz-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fb76c), color-stop(100%, #3c763d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #7fb76c 0%, #3c763d 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb76c', endColorstr='#3c763d',GradientType=0 );
/* IE6-9 */ }
/* Chrome */
progress::-webkit-progress-value {
background: #7fb76c;
/* Old browsers */
background: -moz-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fb76c), color-stop(100%, #3c763d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #7fb76c 0%, #3c763d 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb76c', endColorstr='#3c763d',GradientType=0 );
/* IE6-9 */ }
/* Polyfill */
progress[aria-valuenow]:before {
background: #7fb76c;
/* Old browsers */
background: -moz-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fb76c), color-stop(100%, #3c763d));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #7fb76c 0%, #3c763d 100%);
/* IE10+ */
background: linear-gradient(to bottom, #7fb76c 0%, #3c763d 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb76c', endColorstr='#3c763d',GradientType=0 );
/* IE6-9 */ }