.theme-about-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .welcome-panel h3 { margin-top: 0; } .theme-about-wrap p, .theme-about-wrap ul { font-size: .938em; line-height: 1.44; } .about-wrap .about-text { font-size: 16px; } .quick-links .button-primary-upgrade{ background: #00b75f; border-color: #00b75f; } body .theme-about-wrap .nav-tab-wrapper { margin-top: 30px; margin-bottom: 15px; } .theme-row { margin-right: -10px; margin-left: -10px; } .theme-row:before, .theme-row:after { display: table; content: " "; clear: both; } .theme-column { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } @media (min-width: 768px) { .theme-column { float: left; } .theme-row .column-one-full { width: 100%; } .theme-row .column-one-third { width: 33.33333333%; } } .theme-about-wrap .twp-section .dashicons { margin-top: -4px; vertical-align: middle; } .theme-about-wrap .nav-tab { font-size: 16px; } .theme-about-wrap h1 { font-size: 3em; font-weight: 200; } .theme-about-wrap h3 { font-size: 1.2em; margin-top: 0; } .theme-about-wrap.about-wrap .feature-section p { margin-bottom: 20px; } .theme-about-wrap .twp-section-useful-plugins, .theme-about-wrap .twp-section-upgrade-to-pro, .theme-about-wrap .twp-section-demo-content { margin-top: 50px; } .theme-about-wrap .wp-badge { background-image: url('../../../images/logo.jpg'); background-color: transparent; box-shadow: none; background-position: center; background-size: contain; padding: 0; margin: 0; width: 190px; height: 190px; } .theme-about-wrap .quick-links a { margin-right: 5px; } .twp-about-notice .btn-dismiss { margin-left: 20px; } .theme-about-wrap .plugin-list { list-style-position: inside; list-style-type: disc; } .twp-plugin-panel { position: relative; overflow: auto; margin: 15px 0; padding: 10px; border: 1px solid #ccd0d4; background: #fff; min-height: 180px; } .required-plugin-details .button-settings { display: none; visibility: hidden; opacity: 0; } .required-plugin-details.required-plugin-active .button-settings { display: inline-block; visibility: visible; opacity: 1; } /*NEW*/ .twp-plugin-info { opacity: 0; position: absolute; top: 35%; right: 20%; left: 20%; background: #23282d; background: rgba(0, 0, 0, .7); color: #fff; font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, .6); -webkit-font-smoothing: antialiased; font-weight: 600; padding: 15px 12px; text-align: center; border-radius: 3px; transition: opacity .1s ease-in-out; } .twp-plugin-info .twp-plugin-version { background: #8BC34A; display: inline-block; padding: 2px 5px; border-radius: 4px; } .twp-plugin-panel:hover .twp-plugin-info, .twp-plugin-panel:focus .twp-plugin-info { opacity: 1; } .twp-plugin-panel:hover .twp-plugin-img img, .twp-plugin-panel:focus .twp-plugin-img img { opacity: .4; } .required-plugin-wrapper { position: relative; } .required-plugin-details .required-plugin-info { font-size: 15px; font-weight: 600; margin: 0; padding: 4px 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #f1f1f1; } .required-plugin-details .required-plugin-info span { display: block; font-size: 12px; font-weight: 400; } .required-plugin-details .required-plugin-buttons { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 9px 15px; opacity: 0; transition: opacity .1s ease-in-out; height: auto; background: #e5e5e5; } .twp-plugin-panel:hover .required-plugin-details .required-plugin-buttons, .twp-plugin-panel:focus .required-plugin-details .required-plugin-buttons { opacity: 1; } .welcome-panel.twp-dolpa-notice { background: none; }