0byt3m1n1
Path:
/
home1
/
aserty
/
public_html
/
bonniescraftygifts.com
/
iFzj4
/
configCHM
/
Jump
/
0-aserty
/
beatlesmontreal.com
/
wp-contentebbd3f
/
plugins
/
wptouch-pro
/
admin
/
css
/
[
Home
]
File: wptouch-admin-4.css
/* @override http://local.free.com/wordpress/wp-content/plugins/wptouch/admin/css/wptouch-admin-4.css?ver=07078a97d66756f213dbca3e379bf084 http://local.free.com/wordpress/wp-content/plugins/wptouch/admin/css/wptouch-admin-4.css?ver=23fb94884a48c87b2205cae4ed48d2a6 */ /* @group Clearfix */ .wptouch-clearfix:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .wptouch-clearfix { display: inline-block; } html[xmlns] .wptouch-clearfix { display: block; } * html .wptouch-clearfix { height: 1%; } /* @end */ /* @group General */ /* @group WordPress Mods */ #wpbody-content .update-nag, #wpbody-content .error { display: block; margin: 0 0 0 -20px; z-index: 1000; } #wpbody-content .update-nag p, #wpbody-content .error p { margin: 0; padding: 10px; } #wpbody-content .error a.button { font-weight: 300; border: none; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font: 12px lato, 'open sans', sans-serif; height: auto; padding: 4px 16px; float: right; position: relative; top: -2px; background-color: #eb5768; } /* Reset WordPress here for anchors */ a:focus { -webkit-box-shadow: none; box-shadow: none; } #wpwrap { background: url(../images/grid_square.png) repeat left top; } #wpcontent { -webkit-font-smoothing: antialiased; font-family: 'Lato', 'Open Sans', sans-serif; padding-bottom: 20px; } #wpbody-content > form { width: 97%; } ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu>li.current>a.current:after { border-right-color: #454C56; } #wpfooter { position: relative !important; background-color: #23282D; } /* @end */ #wptouch-settings-area { background-color: #fbfafc; width: 96%; max-width: 988px; margin-left: auto; margin-right: auto; border-radius: 3px; overflow: hidden; position: relative; } #wptouch-settings-content { padding: 45px; margin-left: 300px; background-color: #fff; border-left: 1px solid #e7eaed; min-height: 650px; } #wptouch-settings-area a:focus,#wptouch-settings-area a:active { outline: 0; } #wptouch-settings-area a { text-decoration: none; } h2.logo-title { font-size: 26px; font-weight: 300; color: #fff; letter-spacing: -1px; margin-left: auto; width: 90%; margin-right: auto; max-width: 950px; line-height: 40px; position: relative; } h2.logo-title img { height: 40px; width: auto; float: left; margin-right: 10px; } .title-grey { color: #abb3bd; } h2 input#submit { background-color: #55c2e8; position: absolute; right: 0; top: 50%; margin-top: -10px; -webkit-box-shadow: none; box-shadow: none; } input#reset { -webkit-box-shadow: none; box-shadow: none; position: absolute; bottom: 20px; left: 20px; } input#wptouch-preview-theme { font-weight: 400; -webkit-box-shadow: none; box-shadow: none; float: right; margin-top: 10px; } a#preview-theme { float: right; } #wptouch-settings-area .wptouch-section .new, #wptouch-settings-area .wptouch-section .advanced, #wptouch-settings-area .wptouch-section .pro { color: #fff; border-radius: 3px; margin-left: 2px; letter-spacing: 0; padding: 1px 4px; text-transform: uppercase; vertical-align: middle; line-height: 12px; font-weight: bold; font-size: 9px; display: inline-block; overflow: hidden; } #wptouch-settings-area .wptouch-section .pro a { color: #fff; } #wptouch-settings-area .wptouch-section .new { background-color: #70c400; display: none; } #wptouch-settings-area .wptouch-section .advanced, #wptouch-settings-area .wptouch-section .pro { background-color: #55c2e8; color: white; font-size: 11px; text-transform: uppercase; padding: 1px 4px; display: none; } #admin-spinner { display: inline-block; opacity: 0; } .small { font-size: 12px; text-align: center; } #wptouch-settings-area .wptouch-setting.setting-hidden { display: none; } /* @end */ /* @group Sections */ .wptouch-section:first-child { margin-top: 0; } .wptouch-section { margin-top: 100px; padding-left: 0; } .wptouch-section h3 { text-transform: uppercase; font-weight: 600; font-size: 18px; color: #434a54; margin: 0; } .wptouch-section p.description { margin-top: 10px; margin-bottom: -5px; } .wptouch-section ul.padded { border-top: 1px solid #f6f8fb; margin-top: 20px; } .wptouch-section ul.padded li { display: block; border-bottom: 1px solid #f6f8fb; width: 100%; font-size: 15px; margin: 0; color: #656e78; } .wptouch-setting { position: relative; padding-top: 14px; padding-bottom: 14px; } /* @end */ /* @group Left Tab Menu */ #wptouch-admin-menu { float: left; width: 300px; background-color: #fbfafc; font-size: 15px; padding-bottom: 60px; } #wptouch-admin-menu h2 { color: #656e78; text-transform: uppercase; margin-left: 25px; font-size: 15px; padding: 20px 0 5px; } #wptouch-admin-menu ul { background-color: #fff; border-top: 1px solid #e7eaed; border-bottom: 1px solid #e7eaed; margin: 0 0 20px; } #wptouch-admin-menu ul li { margin: 0; position: relative; } #wptouch-admin-menu ul li:after { content: ''; position: absolute; bottom: 0; height: 1px; border-bottom: 1px solid #e7eaed; width: 245px; right: 0; } #wptouch-admin-menu ul li a { color: #656e78; display: block; padding: 16px 16px 16px 25px; position: relative; } #wptouch-admin-menu ul li a:before { margin-right: 10px; color: #abb3bd; content: '\e80f'; position: relative; top: 1px; font: 20px/20px 'fontello'; padding: 1px; } #wptouch-admin-menu ul li a.active:before { background: -webkit-linear-gradient(#eb5768, #4e8bda); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #wptouch-admin-menu ul li a:after { content: '\e815'; position: absolute; right: 15px; top: 50%; margin-top: -8px; color: #abb3bd; font-family: 'fontello'; } #wptouch-admin-menu ul li:last-child:after { border-bottom: none; } #wptouch-admin-menu a.active { background: -webkit-linear-gradient(#eb5768, #4e8bda); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #wptouch-admin-menu a.active:after { content: ''; display: block; position: absolute; width: 0; border-right: 1px solid #fff; right: -1px; height: 100%; top: 8px; } #wptouch-admin-menu ul li a:focus { outline: 0 !important; } /* @group Icons */ #wptouch-admin-menu ul li a.updates-available:before { content: '\e81d'; } #wptouch-admin-menu ul li a.setup-general-general:before { content: '\e805'; } #wptouch-admin-menu ul li a.setup-compat:before { content: '\e80c'; } #wptouch-admin-menu ul li a.setup-devices:before { content: '\e803'; } #wptouch-admin-menu ul li a.menu-icons-manage-icon-sets:before { content: '\e80b'; } #wptouch-admin-menu ul li a.setup-themes-browser:before { content: '\e80d'; } #wptouch-admin-menu ul li a.foundation-page-theme-settings:before { content: '\e80f'; } #wptouch-admin-menu ul li a.foundation-page-theme-customizer:before { content: '\e80e'; } #wptouch-admin-menu ul li a.setup-addons-browser:before { content: '\e804'; } #wptouch-admin-menu ul li a.wptouch-addon-advanced-type:before { content: '\e802'; } #wptouch-admin-menu ul li a.wptouch-addon-infinity-cache:before { content: '\e806'; } #wptouch-admin-menu ul li a.wptouch-addon-jquery-e:before { content: '\e811'; } #wptouch-admin-menu ul li a.wptouch-addon-mobile-content:before { content: '\e807'; } #wptouch-admin-menu ul li a.wptouch-addon-multi-ads:before { content: '\e808'; } #wptouch-admin-menu ul li a.wptouch-addon-responsive-images:before { content: '\e80a'; } #wptouch-admin-menu ul li a.wptouch-addon-webapp:before { content: '\e810'; } #wptouch-admin-menu ul li a.wptouch-addon-related:before { content: '\e809'; } #wptouch-admin-menu ul li a.wptouch-addon-advertising:before { content: '\e818'; } /* @end */ /* @end */ /* @group Tooltips */ .tooltip { position: absolute; z-index: 999; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); margin-top: -5px; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.right { margin-left: 30px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 12px; color: #ffffff; text-align: left; background-color: #434a54; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: -5px; left: 50%; border-width: 5px 5px 0px 5px; border-top-color: #434a54; text-align: center; margin-left: -7px; } i.wptouch-tooltip { height: 0; width: 0; cursor: help; } i.wptouch-tooltip:after { color: #cdd2d9; text-transform: none; font-family: 'fontello'; font-style: normal; content: '\e800'; margin-left: 2px; margin-right: 5px; vertical-align: bottom; position: relative; top: 2px; } .wptouch-tooltip:hover:after { color: #656e78; } /* @end */ /* @group Spinners */ @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* :not(:required) hides this rule from IE9 and below */ .wpt-spinner:not(:required) { -moz-animation: three-quarters-loader 1500ms infinite linear; -webkit-animation: three-quarters-loader 1500ms infinite linear; animation: three-quarters-loader 1500ms infinite linear; border: 2px solid #26B9D3; border-right-color: transparent; border-radius: 7px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 14px; height: 14px; } /* @end */ /* @group Form Elements */ /* @group Checkbox Toggles */ .checkbox-wrap { position: relative; } input.checkbox { position: absolute; margin-left: -9999px; visibility: hidden; width: auto; } input.checkbox + label { display: block; position: absolute; cursor: pointer; outline: none; user-select: none; -webkit-user-select: none; right: 0; top: 50%; margin-top: -10px; padding: 2px; width: 40px; height: 16px; background-color: #eb5768; border-radius: 16px; transition: background 0.2s; } input.checkbox + label:before { top: 2px; left: 2px; bottom: 2px; right: 2px; border-radius: 24px; transition: background 0.2s; } input.checkbox + label:after { top: 2px; left: 2px; bottom: 2px; width: 16px; background-color: #fff; border-radius: 20px; transition: margin 0.2s, background 0.2s; box-shadow: rgba(0,0,0,.2) 0px 2px 4px; } input.checkbox + label:before, input.checkbox + label:after { display: block; position: absolute; content: ''; } input.checkbox:checked + label { background-color: #55c2e8; } input.checkbox:checked + label:after { margin-left: 24px; background-color: #fff; } input.checkbox:disabled + label { background-color: #e7eaed; } input.checkbox:disabled + label:after { margin-left: 0px; background-color: #fff; } /* @end */ /* @group Selects */ #wptouch-settings-area select { visibility: hidden; width: 250px; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: absolute; vertical-align: middle; top: 8px; right: 0; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; outline: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-right: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #e7eaed; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 10px; user-select: none; -webkit-user-select: none; margin: 0; line-height: 130%; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { box-shadow: rgba(0,0,0,.1) 0px 1px 3px; left: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border-radius: 4px; font-style: italic; text-align: right; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; border-top-width: 5px; border-top-color: #656e78; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; border-bottom-color: #656e78; border-bottom-width: 5px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #e7eaed; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { margin-top: 5px; float: left; color: #999; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #e7eaed; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; color: #999; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #e7eaed; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #55c2e8; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } /* @end */ /* @group Buttons */ #wptouch-settings-content button, #wptouch-settings-content a.button, #wpbody-content .update-nag a.button, #wptouch-settings-content button, #wptouch-settings-content a.button, #wptouch-settings-content input.button{ font-weight: 300; background-color: #656e78; border: none; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font: 12px lato, 'open sans', sans-serif; height: auto; padding: 6px 18px; border-radius: 2px; cursor: pointer; } #wptouch-settings-content button.disabled, #wptouch-settings-content a.button.disabled, #wpbody-content .update-nag a.button.disabled, #wptouch-settings-content button.disabled, #wptouch-settings-content a.button.disabled, #wptouch-settings-content input.button.disabled { opacity: .6; } /* @end */ /* @group Multiline */ #wptouch-settings-area .multiline textarea { display: none; } #wptouch-settings-area .multiline .input-wrap { position: absolute; right: -5px; top: 8px; } #wptouch-settings-area .multiline ul { margin-top: 10px; text-align: right; margin-bottom: 0; } #wptouch-settings-area .multiline li { border-style: none; padding-top: 6px; padding-bottom: 6px; font-style: italic; } #wptouch-settings-area .multiline input[type="text"] { position: relative; top: 0; } #wptouch-settings-area .multiline a.add { display: inline-block; color: #55c2e8; font-size: 22px; position: relative; top: 2px; -webkit-transition: .15s; transition: .15s; } #wptouch-settings-area .multiline a.add:active { -webkit-transform: scale(.90); transform: scale(.90); color: #42b0d9; } #wptouch-settings-area .multiline a.remove { color: #eb5768; position: relative; top: 1px; opacity: 0.5; padding: 5px; } #wptouch-settings-area .multiline a.remove:hover { opacity: 1; } /* @end */ /* @group Color Picker */ #wptouch-settings-area .wp-picker-container { position: absolute; top: 10px; right: 0; } #wptouch-settings-area .wp-picker-container input[type="text"] { position: relative; left: 73px; top: auto; width: 65px; z-index: 2; } #wptouch-settings-area .wp-picker-container .wp-picker-clear { display: none; } #wptouch-settings-area .iris-picker { z-index: 2; } /* @end */ #wptouch-settings-area textarea { width: 100%; margin-bottom: 12px; margin-top: 12px; background-color: #f6f8fb; box-shadow: none; padding: 5px; border: 1px solid #e7eaed; } #wptouch-settings-area input[type="text"], #wptouch-settings-area input[type="password"] { border: 1px solid #e7eaed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: absolute; right: 0; top: 8px; width: 180px; background-color: #f6f8fb; } #wptouch-settings-area input[type="text"]:focus, #wptouch-settings-area textarea:focus { background-color: #fff; border-color: #55c2e8; } /* @end */ /* @group Updates Available */ #section-updates-available button.update-all { position: absolute; top: -45px; right: 0; } #section-updates-available .cloud-update-issue { margin-left: -45px; margin-top: -100px; } #section-updates-available div > h3 { font-size: 15px; color: #656e78; text-transform: capitalize; margin-bottom: 10px; } #section-updates-available div { margin-bottom: 50px; } #section-updates-available div li { display: block; padding-top: 20px; padding-bottom: 20px; } #section-updates-available div img { width: 32px; height: auto; float: left; margin-right: 12px; margin-top: -6px; } #section-updates-available div h4 { text-transform: uppercase; font-weight: 400; font-size: 15px; display: inline-block; margin: 0; } #section-updates-available div span.version { display: inline-block; color: #abb3bd; margin-left: 5px; } #section-updates-available .update-version { display: inline-block; float: right; color: #8ec159; font-size: 12px; } .ajax-install a.button { float: right; margin-left: 12px; position: relative; bottom: 5px; } /* @end */ /* @group Settings */ /* @group Backup / Restore */ /* @end */ /* @group Custom Post Types */ #setting-custom_post_types_in_post_index { border-top: 4px solid #f6f8fb; } /* @end */ /* @group Active Plugins */ ul.plugin-compat-list { margin-top: -10px; margin-bottom: -10px; } #plugin-compat-setting p { text-align: center; width: 400px; margin-left: auto; margin-right: auto; font-style: italic; } /* @end */ /* @group Devices */ .no-tablets { text-align: center; font-size: 12px; } /* @end */ /* @group Menu Setup */ .new-in-four { text-align: center; padding-top: 15px; padding-bottom: 15px; } .new-in-four p { width: 400px; margin-left: auto; margin-right: auto; } .new-in-four img { width: 120px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } /* @group Icon Sets */ #setting-installed_icon_sets { border-bottom-style: none; } /* @group Icon Sets */ ul.manage-sets { } ul.manage-sets li { border-bottom: 1px solid #e5e5e5; position: relative; padding-bottom: 16px; } ul.manage-sets li img { border-radius: 2px; width: 32px; height: 32px; float: left; margin-right: 10px; margin-top: 4px; } ul.manage-sets .set-title { margin: 0; font-size: 15px; } ul.manage-sets .set-author { margin-top: 0; margin-bottom: 0; } ul.manage-sets .installed, ul.manage-sets .error { position: absolute; right: 8px; top: 50%; margin-top: -10px; } ul.manage-sets .error { color: darkorange; margin-top: -6px; } ul.manage-sets .installed { color: #198c1c; background-image: none; font-size: 13px; } ul.manage-sets .installed:before { font-family: 'fontello'; content: '\e814'; margin-right: 5px; } ul.manage-sets button { position: absolute; right: 0; top: 20px; } ul.manage-sets i.icon-cloud-download { margin-right: 6px; line-height: 11px; } /* @end */ /* @group Custom Icons */ #setting-custom_icon_upload { border-style: none; margin: 0; height: 0; padding: 0; } ul.padded li.no-icons { width: 400px; margin-left: auto; margin-right: auto; text-align: center; border-style: none; } #section-admin_menu_icon_upload button { position: absolute; top: -38px; right: 0; } #section-admin_menu_icon_upload .wpt-spinner { position: absolute; top: -33px; right: 105px; } .wptouch-section ul li.custom-icon { width: 20%; position: relative; border-style: none; float: left; text-align: center; padding: 10px 0 0; } .custom-icon img { width: 52px; height: 52px; border-radius: 4px; cursor: pointer; } .custom-icon .name { -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms; font-size: 11px; font-weight: bold; width: 60%; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-left: auto; margin-right: auto; margin-bottom: 0; } .custom-icon .size { font-size: 11px; color: #bbb; margin-top: 0; } a.delete-custom-icon { font-size: 20px; display: inline-block; z-index: 1; position: absolute; padding: 5px; top: -10px; left: 12px; color: #eb5768; width: 18px; height: 18px; border-radius: 13px; background-color: #fff; text-align: center; } /* @end */ /* @end */ /* @end */ /* @group Plugin Compatibility */ li#setting-plugin-compat { border-style: none; } /* @end */ /* @group User Agents */ #user-agent-list .agents { display: block; font-style: italic; color: #777; margin-top: 8px; } /* @end */ /* @end */ /* @group Theme & Extension Browsers */ /* @group Main */ /* @group No License Styling */ .no-license * { color: #aaa !important; font-style: italic; } .no-license img { opacity: .5; } .no-license:hover *, .no-license:hover img { font-style: inherit; opacity: 1; color: inherit !important; } li.no-license:after { content: '' !important; } li.no-license:hover:after { content: '\e815' !important; } /* @end */ .theme-panels, .extension-panels { visibility: hidden; margin-top: -20px; } .SimpleSlideView-view { position: relative; } .cloud-update-issue { background-color: #ffcd5f; padding: 30px 60px 30px 150px; position: relative; font-size: 13px; margin: -45px -45px 20px; } #wptouch-settings-content .cloud-update-issue a { text-decoration: underline; font-weight: bold; } .cloud-update-issue:before { content: '\e816'; color: #eb5768; position: absolute; left: 50px; top: 50%; font: 60px/60px 'fontello'; margin-top: -30px; } #wptouch-settings-content ul.cloud-browser { margin-top: 0; } #wptouch-settings-content ul.cloud-browser > li { display: block; color: #656e78; border-bottom: 1px solid #e7eaed; position: relative; min-height: 90px; padding: 20px 0; margin: 0; } #wptouch-settings-content ul.cloud-browser > li .installed { color: green; font-style: italic; display: inline-block; font-size: 12px; position: relative; top: -5px; left: 5px; } #wptouch-settings-content ul.cloud-browser > li:last-child { border-bottom-style: none; } #wptouch-settings-content ul.cloud-browser.themes > li.active { border-bottom-width: 5px; } #wptouch-settings-content ul.cloud-browser > li:hover { cursor: pointer; } #wptouch-settings-content ul.cloud-browser > li:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } #wptouch-settings-content ul.cloud-browser > li:hover h2, #wptouch-settings-content ul.cloud-browser > li:hover:after { color: #55c2e8; } #wptouch-settings-content ul.cloud-browser > li:after { content: '\e815'; position: absolute; right: 0; top: 50%; font: 26px/26px 'fontello'; color: #abb3bd; margin-top: -13px; } #wptouch-settings-content ul.cloud-browser > li.active h2 { color: #8ec159; } #wptouch-settings-content ul.cloud-browser > li.active h2:after { content: '\e801'; color: #8ec159; font: 22px 'fontello'; position: relative; bottom: 4px; left: 0; } #wptouch-settings-content ul.cloud-browser h2 { font-weight: 300; font-size: 24px; text-transform: uppercase; color: #434a54; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 100%; display: block; margin-top: 8px; width: 70%; } #wptouch-settings-content ul.cloud-browser li h2, #wptouch-settings-content ul.cloud-browser > li p { margin-left: 120px; padding-right: 60px; } #wptouch-settings-content ul.cloud-browser .image-wrapper { width: 92px; height: 92px; margin-right: 20px; position: absolute; top: 50%; margin-top: -45px; } #wptouch-settings-content ul.cloud-browser .image-wrapper img { -webkit-transition-duration: .25s; transition-duration: .25s; width: 100%; height: auto; min-height: 90px; border-radius: 4px; } .none-available center i { font-size: 100px; display: block; margin-top: 100px; color: #eee; } .none-available p { color: #eee; font-size: 18px; } /* @end */ /* @group Single Theme or Extension */ .inner-section { border-top: 1px solid #e7eaed; padding-bottom: 25px; padding-top: 25px; min-height: 110px; } #wptouch-settings-content .back-link { padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; font-size: 15px; } .inner-section h3 { font-size: 15px; margin-bottom: 20px; } /* @group Item Info */ .inner-section .image-wrapper { width: 120px; height: 120px; position: absolute; top: 50%; margin-top: -55px; } .inner-section .image-wrapper img { -webkit-transition-duration: .25s; transition-duration: .25s; width: 100%; height: auto; min-height: 90px; border-radius: 4px; } .inner-section h2 { font-size: 32px; font-weight: 300; text-transform: uppercase; line-height: 100%; margin-top: 10px; margin-bottom: 10px; margin-left: 140px; } /* @group My Group */ /* @end */ .active .inner-section h2 { color: #8ec159; } .inner-view i.icon-ok-circle { display: none; } .active .inner-view i.icon-ok-circle { font-size: 22px; color: #8ec159; margin-left: -10px; line-height: 0; position: relative; bottom: 4px; } .inner-section h2 .version { font-size: 15px; position: relative; color: #abb3bd; vertical-align: bottom; } .inner-view img.item-logo { height: auto; width: 114px; position: absolute; top: 50%; left: 0; margin-top: -57px; } .inner-view .item-information { position: relative; } .inner-view .action-buttons { margin-left: 140px; } #wptouch-settings-content .inner-view a.button { background-color: #42b0d9; border: none; box-shadow: none; text-shadow: none; padding-left: 16px; padding-right: 16px; color: #fff; } #wptouch-settings-content .inner-view a.button.upgrade, #wptouch-settings-content .inner-view a.button.buynow { background-color: #8ec159; } .inner-view .item-information p { margin: 0 0 10px 140px; } /* @end */ /* @group Screenshots */ .screenshot-carousel { overflow: scroll; } .screenshot-carousel > div { white-space: nowrap; } .screenshot-carousel img { width: 150px; margin: 8px 5px; border: 1px solid #e7eaed; height: auto; } /* @end */ /* @group Changelog */ .inner-section.changelog em { display: block; margin-bottom: 10px; margin-top: 30px; font-weight: bold; } .inner-section.changelog { max-height: 500px; overflow-y: scroll; } /* @end */ /* @end */ /* @end */ /* @group Unlicensed */ #wptouch-settings-area .alert-wrap { border-bottom: 1px solid #d0dfe9; padding-bottom: 10px; padding-top: 10px; } #wptouch-settings-area .alert { -webkit-animation: pulse 1.5s infinite; -moz-animation: pulse 1.5s infinite; -ms-animation: pulse 1.5s infinite; -o-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; color: #ff6b49; padding: 8px; position: relative; font-weight: bold; font-size: 13px; margin: 0; border: 1px solid #fcc78a; } #wptouch-settings-area .alert a.btn { color: #fff; position: absolute; top: 4px; right: 4px; text-transform: uppercase; } /* @end */ /* @group License & Support */ /* @group Modal */ .remodal div button { margin-top: 30px; cursor: pointer; } .remodal h1 { font-weight: 300; text-transform: uppercase; margin: 0; padding: 20px 0 10px; } .remodal p { padding-top: 5px; margin-bottom: 0; } .remodal-confirm { background-color: #8ec159; border: 0; color: #fff; padding: 6px 28px; border-radius: 2px; } /* @group Progress Bars */ .progress { width: 80%; height: 12px; border-radius: 4px; overflow: hidden; border: 1px solid #cdd2d9; background-color: #e7eaed; margin: 20px auto; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; } .progress .bar { width: 0%; height: 100%; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #55c2e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; } .progress .bar.bar-issue { background-color: #f5bb4f; } .progress .bar.bar-license { background-color: #eb89c0; } .progress .bar.bar-fail { background-color: #eb5768; } .progress .bar.bar-success { background-color: #8ec159; } .progress.complete { width: 140px; height: 140px; border-radius: 140px; } .progress.complete .bar-issue:after { content: '\e81a'; color: #fff; top: 35px; position: relative; font: 70px/70px fontello; } .progress.complete .bar-fail:after { content: '\e812'; color: #fff; top: 35px; position: relative; font: 70px/70px fontello; } .progress.complete .bar-success:after { content: '\e814'; color: #fff; top: 35px; position: relative; font: 70px/70px fontello; } .progress.complete .bar-license:after { content: '\e81c'; color: #fff; top: 35px; position: relative; font: 70px/70px fontello; } .progress .bar.bar-success.circle { width: 80px; height: 80px; } /* @end */ /* @end */ [class*="wptouch-admin-license"] #wpfooter { position: fixed !important; } [class*="wptouch-admin-license"] #wptouch-settings-content { margin-right: auto; margin-left: auto; margin-bottom: -20px; } [class*="wptouch-admin-license"] #wptouch-settings-area h2 { text-transform: uppercase; font-weight: 300; padding-bottom: 10px; border-bottom: 1px solid #e7eaed; color: #434a54; } [class*="wptouch-admin-license"] #wptouch-settings-area h3 { text-transform: uppercase; font-weight: 300; font-size: 18px; margin: 0; } [class*="wptouch-admin-license"] #wptouch-settings-area h5 { font-size: 13px; font-weight: normal; font-style: normal; margin: 5px 0; } .wptouch-account tr td { padding-top: 5px; padding-bottom: 5px; } [class*="wptouch-admin-license"] tr td:first-child { width: 40%; padding-right: 3%; } [class*="wptouch-admin-license"] #wptouch-settings-content table { font-size: 15px; color: #656e78; margin-bottom: 40px; } /* @group Account */ .wptouch-account { width: 48%; float: left; } .unlicensed h5 { color: #fa6f57; } .wptouch-account #license-settings-area { text-align: left; } .wptouch-account img { border-radius: 80px; width: 74px; height: 74px; margin-right: 10px; } .wptouch-account tr td:first-child { text-transform: uppercase; text-align: right; width: auto; min-width: 140px; padding-bottom: 6px; padding-top: 6px; } .wptouch-account tr td a { font-size: 13px; } .wptouch-account tr td a.remove-license { color: #eb5768; } .wptouch-account tr td:last-child { width: 100%; } #license-settings-area input[type="text"], #license-settings-area input[type="password"] { position: relative; right: auto; top: auto; font-size: 14px; color: #807f80; margin-bottom: 15px; padding: 6px; display: block; width: 90%; } /* @end */ /* @group Support */ .wptouch-support { width: 48%; float: right; } .wptouch-support h4 { margin-top: 0; } .wptouch-support td { vertical-align: top; padding-bottom: 10px; padding-top: 10px; } .wptouch-support td img { width: 150px; } /* @end */ /* @group Installation */ .wptouch-installation { float: none; clear: both; } .wptouch-installation tr td:first-child { width: 30%; } #wptouch-settings-content .wptouch-installation .button { font-weight: 300; width: 175px; text-align: center; background-color: #eb5768; } #wptouch-settings-content .wptouch-installation #backup-button, #wptouch-settings-content .wptouch-installation #restore-button { background-color: #434a54; } /* @end */ /* @end */ /* @group 3.x Backwards Compatibility */ #wptouch-settings-content .setting-image-upload { min-height: 100px; } #wptouch-settings-content .image-placeholder { border: 1px dashed #d2d1d3; padding: 5px; margin-right: 25px; float: left; margin-top: -25px; border-radius: 3px; width: 90px; height: 90px; background-color: #f9f9f9; position: relative; } #wptouch-settings-content .image-placeholder > img { max-width: 100%; height: auto; position: relative; z-index: 1; } #wptouch-settings-content .uploader { position: relative; margin-top: 25px; } #wptouch-settings-content .upload-desc { display: block; padding-top: 5px; margin-top: 5px; width: 500px; font-size: 13px; } #wptouch-settings-content .uploader .progress { height: 4px; width: 80px; position: absolute; display: inline-block; margin-bottom: 0; top: 50%; margin-top: -2px; right: 0; left: 0; z-index: 0; } #wptouch-settings-content .uploader button.delete { background-color: #eb5768; } /* @end */ /* @group Free Version */ #license-settings-area.wptouch-clearfix { height: 200px; } #license-settings-area.wptouch-clearfix input[type="text"] { width: 300px; } #section-handle-gopro > h3 { display: none; } #section-handle-gopro ul.padded { border: none; margin-top: 0; } #section-handle-gopro #license-settings-area { margin-bottom: 20px; } #upgrade-area { padding: 40px; margin: -60px -45px -75px; } /* @end */ @media all and (max-width: 768px) { .wptouch-account, .wptouch-support { width: 100%; float: none; } .wptouch-pro_page_wptouch-admin-license table { border-collapse: collapse; } .wptouch-pro_page_wptouch-admin-license tr td { width: 100%; } }