Wp 2019 responsive pro dashboard

admin/css/responsive-getting-started-page.css

@@ -7,6 +7,7 @@
 
 @import url('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css');
 @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600&display=swap');
+@import url('https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css');
 
 * {
     font-family: 'Libre Franklin', sans-serif;
@@ -315,7 +316,7 @@ body.appearance_page_responsive #wpbody-content {
     line-height: 28px;
 }
 
-.responsive-theme-feature-card-desc {
+.responsive-theme-feature-card-desc, .responsive-help-accordion-body {
     font-weight: 400;
     font-size: 14px;
     line-height: 170%;
@@ -334,6 +335,9 @@ hr {
 .responsive-plugin-activated-button-disabled {
     color: #C1C1C1 !important;
     border-color: #C1C1C1 !important;
+    padding: 8px 20px;
+    border: none;
+    border-radius: 4px;
 }
 
 .responsive-theme-rst-content .responsive-plugin-activated-button-disabled {
@@ -353,6 +357,25 @@ hr {
     box-shadow: none !important;
 }
 
+.responsive-theme-home-setting-button .dashicons {
+    color: #2271B1;
+    font-size: 24px;
+    vertical-align: text-bottom;
+}
+
+.responsive-theme-pro-features .responsive-theme-feature-seperator {
+    color: #2271B1;
+}
+
+.responsive-theme-no-focus {
+    box-shadow: none !important;
+}
+
+.responsive-theme-disabled-links {
+    pointer-events: none;
+    color: #afafaf !important;
+}
+
 /* Home Tab Ends */
 
 /* Starter Template Tab Starts */
@@ -400,7 +423,7 @@ hr {
     padding: 10px 20px;
 }
 
-.responsive-theme-rst-learn-more a, .responsive-theme-home-links a  {
+.responsive-theme-rst-learn-more a, .responsive-theme-home-links a, .responsive-theme-pro-features a {
     font-weight: 400;
     font-size: 14px;
     line-height: 19px;
@@ -477,6 +500,273 @@ hr {
 
 /* FreevsPro Tab Ends */
 
+/* Settings Tab Starts */
+.responsive-theme-setting-item-icon {
+    margin-right: 10px;
+    color: #A8A8A8;
+}
+
+.responsive-theme-setting-item-title {
+    font-size: 16px;
+    font-weight: 500;
+    color: #A8A8A8;
+}
+
+.responsive-theme-setting-border-left {
+    border-left: 1px solid #DEDEDE;
+}
+
+.responsive-theme-setting-hr {
+    border-top: 1px solid #DEDEDE;
+    margin-left: -12px;
+}
+
+.responsive-theme-single-setting-section {
+    margin-left: 40px;
+    margin-bottom: 40px;
+}
+
+.responsive-theme-setting-title {
+    margin-bottom: 29px;
+    font-size: 20px;
+    font-weight: 600;
+    line-height: 24.24px;
+}
+
+.responsive-theme-setting-input-label {
+    margin-bottom: 8px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 23.8px;
+    color: #747B81;
+}
+
+.responsive-theme-setting-form-control {
+    width: 60%;
+    border: 1px solid #CACDD2 !important;
+    height: 42px;
+}
+
+/* For Chrome, Firefox, Opera, Safari 10.1+ */
+.responsive-theme-setting-form-control::placeholder {
+    color: #BCC1C5;
+    opacity: 1; /* Firefox */
+    font-size: 14px;
+}
+
+/* Internet Explorer 10-11 */
+.responsive-theme-setting-form-control:-ms-input-placeholder { 
+    color: #BCC1C5;
+    font-size: 14px;
+}
+
+/* Microsoft Edge */
+.responsive-theme-setting-form-control::-ms-input-placeholder { 
+    color: #BCC1C5;
+    font-size: 14px;
+}
+
+.responsive-theme-setting-form-control:disabled {
+    background-color: #FFFFFF;
+}
+
+/* For Chrome, Firefox, Opera, Safari 10.1+ */
+.responsive-theme-setting-form-control-activated::placeholder {
+    color: #10B981;
+    opacity: 1; /* Firefox */
+}
+
+/* Internet Explorer 10-11 */
+.responsive-theme-setting-form-control-activated:-ms-input-placeholder { 
+    color: #10B981;
+}
+
+/* Microsoft Edge */
+.responsive-theme-setting-form-control-activated::-ms-input-placeholder { 
+    color: #10B981;
+}
+
+#responsive-theme-setting-activation-alert {
+    display: none;
+    font-size: 14px;
+    padding-top: 12px;
+    padding-bottom: 12px;
+}
+
+#responsive-theme-setting-activation-alert .btn-close {
+    top: -4px;
+}
+
+#responsive-theme-setting-activation-alert .btn-close:focus {
+    box-shadow: none;
+}
+
+.responsive-theme-setting-activation-form-border-error {
+    border-color: #FF0000 !important;
+}
+
+.responsive-theme-setting-activation-form-text-error {
+    color: #FF0000;
+    font-size: 14px;
+}
+
+.responsive-theme-setting-active-tab {
+    color: #2271B1;
+}
+
+.responsive-theme-single-setting-section textarea {
+    height: 80px;
+}
+
+.responsive-theme-setting-checkbox-label {
+    font-size: 14px;
+    font-weight: 400;
+    color: #4B4B4B;
+    vertical-align: inherit;
+}
+
+.responsive-theme-setting-note {
+    margin-top: 22px;
+    line-height: 23.8px;
+}
+
+.responsive-theme-setting-primary-btn {
+    padding: 10px 20px !important;
+    font-size: 16px !important;
+    font-weight: 600;
+    line-height: 21.28px !important;
+    border-radius: 4px !important;
+}
+
+#responsive-theme-setting-wl-section {
+    display: none;
+}
+
+.responsive-theme-setting-pro-not-activated-title {
+    color: #4B5563;
+}
+
+.responsive-theme-setting-pro-not-activated-desc {
+    font-size: 14px;
+    color: #6B7280;
+}
+
+.responsive-theme-setting-activation-form input[type=text], .responsive-theme-setting-activation-form input[type=text]:focus {
+    color: #798188;
+}
+
+.responsive-theme-setting-activation-key-title {
+    font-size: 20px;
+    color: #374151;
+}
+
+.responsive-theme-setting-secondary-btn {
+    padding: 12px 34px !important;
+    line-height: 1.3 !important;
+    background-color: white !important;
+}
+
+.responsive-theme-setting-get-assistance {
+    font-size: 14px;
+    color: #2271B1;
+    text-decoration: none;
+}
+
+/* Settings Tab Ends */
+
+/* Help Tab Starts */
+
+.responsive-theme-help-support-title {
+    font-size: 22px;
+    color: #374151;
+}
+
+.responsive-theme-help-support-desc {
+    font-size: 14px;
+    color: #4B4B4B;
+}
+
+.responsive-theme-help-card-section {
+    margin-top: 34px;
+}
+
+.responsive-theme-help-card-section .card {
+    border-color: #DEDEDE;
+}
+
+.responsive-theme-help-card-section .card-body {
+    margin-top: 16px;
+}
+
+.responsive-theme-help-card-icon-section {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.responsive-theme-help-card-icon-wrapper {
+    height: 60px;
+    padding: 20px;
+    background-color: #7C29C4;
+    width: 60px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 15px;
+}
+
+.responsive-theme-help-card-title {
+    font-size: 15px;
+    color: #374151;
+}
+
+.responsive-theme-help-card-desc {
+    font-size: 14px;
+    color: #4B4B4B;
+}
+
+.responsive-theme-help-ticket-text {
+    font-size: 18px;
+}
+
+.responsive-theme-help-ticket-btn {
+    padding: 6px 16px !important;
+    margin-top: 40px;
+    background-color: white !important;
+}
+.responsive-theme-help-ticket-btn img {
+    margin-left: 10px;
+    margin-top: -2px;
+}
+
+.responsive-theme-help-faq-title {
+    margin-top: 60px;
+    margin-bottom: 50px;
+    font-size: 30px;
+}
+
+.responsive-theme-help-faq-section .accordion-button:focus {
+    box-shadow: none;
+}
+
+.responsive-theme-help-faq-section .accordion-button:not(.collapsed) {
+    background-color: transparent;
+    color: #212529;
+}
+
+.responsive-theme-help-faq-section .accordion-item:last-of-type {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.responsive-theme-help-faq-section .accordion-item:first-of-type {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+
+/* Help Tab Ends */
+
 @media (max-width: 768px) {
 
     .responsive-theme-brand {
@@ -578,6 +868,14 @@ hr {
         display: none !important;
     }
 
+    .responsive-theme-setting-border-left {
+        border-left: none;
+    }
+
+    .responsive-theme-setting-form-control {
+        width: 100%;
+    }
+
 }
 
 
@@ -628,4 +926,12 @@ hr {
         display: flex !important;
     }
 
+    .responsive-theme-setting-border-left {
+        border-left: 1px solid #DEDEDE;
+    }
+
+    .responsive-theme-setting-form-control {
+        width: 100%;
+    }
+
 }