woocommerce/assets/css/helper.css

1 line
10 KiB
CSS

.wc-helper .nav-tab-wrapper{margin-bottom:22px}@media only screen and (max-width:784px){.wc-helper .nav-tab{max-width:40%;overflow:hidden;text-overflow:ellipsis}}.wc-helper .button,.wc-helper .button:hover{background-color:#955a89;border-width:0;box-shadow:none;border-radius:3px;color:#fff;height:auto;padding:3px 14px;text-align:center;white-space:normal!important}@media only screen and (max-width:782px){.wc-helper .button,.wc-helper .button:hover{line-height:2}}.wc-helper .button:hover{opacity:.8}.wc-helper .button.button-secondary{background-color:#e6e6e6;color:#3c3c3c;text-shadow:none}.wc-helper .subscription-filter{color:#2E4453;font-size:13px;line-height:13px;margin:22px 0}.wc-helper .subscription-filter label{display:none;position:relative}.wc-helper .subscription-filter label .chevron{color:#E1E1E1;line-height:1;position:absolute;top:12px;right:12px;border-bottom-width:0;padding:0}.wc-helper .subscription-filter span{font-weight:700;padding-right:4px}.wc-helper .subscription-filter a{position:relative;color:#0073AA;display:inline-block;padding:0 4px 0 8px;text-decoration:none}.wc-helper .subscription-filter a:before{background-color:#979797;content:" ";position:absolute;top:0;left:0;bottom:0;width:1px}@media only screen and (max-width:600px){.wc-helper .subscription-filter span.chevron,.wc-helper .subscription-filter:focus span.chevron,.wc-helper .subscription-filter:hover span.chevron{transform:rotateX(0)}.wc-helper .subscription-filter{background-color:#fff;border:1px solid #E1E1E1;border-radius:2px;font-size:14px}.wc-helper .subscription-filter a,.wc-helper .subscription-filter label,.wc-helper .subscription-filter span{border-bottom:1px solid #E1E1E1;line-height:2;padding:8px 16px;margin:0}.wc-helper .subscription-filter label,.wc-helper .subscription-filter span.chevron{display:block}.wc-helper .subscription-filter a,.wc-helper .subscription-filter a::before,.wc-helper .subscription-filter span{display:none}.wc-helper .subscription-filter a{cursor:pointer}.wc-helper .subscription-filter:focus a,.wc-helper .subscription-filter:focus span,.wc-helper .subscription-filter:hover a,.wc-helper .subscription-filter:hover span{display:block}}.wc-helper .alternate,.wc-helper .striped>tbody>:nth-child(odd),.wc-helper ul.striped>:nth-child(odd){background-color:#fff}.wc-helper .comment-ays,.wc-helper .feature-filter,.wc-helper .imgedit-group,.wc-helper .popular-tags,.wc-helper .stuffbox,.wc-helper .widgets-holder-wrap,.wc-helper .wp-editor-container,.wc-helper p.popular-tags,.wc-helper table.widefat{padding-top:5px}.wc-helper .widefat tfoot tr td,.wc-helper .widefat tfoot tr th,.wc-helper .widefat thead tr td,.wc-helper .widefat thead tr th{color:#32373c;padding-top:10px;padding-bottom:15px}.wc-helper .widefat td{padding-top:15px;padding-bottom:15px}.wc-helper .wp-list-table{padding-top:0!important;border:0}.wc-helper .wp-list-table__row{background-color:transparent}.wc-helper .wp-list-table__row td{background-color:#fff;border:0;padding:16px 22px;vertical-align:middle}.wc-helper .wp-list-table__row td.color-bar{border-left:0}.wc-helper .wp-list-table__row.is-ext-header td{border-top:1px solid #E1E1E1}@media only screen and (max-width:782px){.wc-helper .button{font-size:11px}.wc-helper .wp-list-table__row td{padding:16px}.wc-helper .wp-list-table__row.is-ext-header{display:inline-flex;flex-flow:row wrap;width:100%}.wc-helper .wp-list-table__row.is-ext-header .wp-list-table__ext-details{flex:2;display:block}.wc-helper .wp-list-table__row.is-ext-header .wp-list-table__ext-actions{display:block;flex:1;min-width:0}}.wc-helper .wp-list-table__row:last-child td{border-bottom:6px solid #F1F1F1;box-shadow:inset 0 -1px 0 #E1E1E1}.wc-helper .wp-list-table__ext-details,.wc-helper .wp-list-table__ext-status{border-left:1px solid #E1E1E1!important;padding-right:22px;width:100%}.wc-helper .wp-list-table__ext-details{display:flex}.wc-helper .wp-list-table__ext-title{color:#0073AA;font-size:18px;font-weight:784;width:60%}@media only screen and (max-width:782px){.wc-helper .wp-list-table__ext-details{display:table}.wc-helper .wp-list-table__ext-title{margin-bottom:12px;width:100%}}.wc-helper .wp-list-table__ext-description{color:#333;width:40%}@media only screen and (max-width:782px){.wc-helper .wp-list-table__ext-description{width:100%}}.wc-helper .wp-list-table__ext-status{position:relative}.wc-helper .wp-list-table__ext-status.update-available:after{content:" ";position:absolute;top:0;left:0;bottom:0;width:5px;background-color:#FFC322}.wc-helper .wp-list-table__ext-status.expired:after{content:" ";position:absolute;top:0;left:0;bottom:0;width:5px;background-color:#B81C23}.wc-helper .wp-list-table__ext-status .dashicons-update{color:#FFC322}.wc-helper .wp-list-table__ext-status .dashicons-info{color:#B81C23}.wc-helper .wp-list-table__ext-status p{color:#333;margin:0}.wc-helper .wp-list-table__ext-status .dashicons{margin-right:5px}.wc-helper .wp-list-table__ext-actions{border-right:1px solid #E1E1E1!important;min-width:150px;width:25%;text-align:right}.wc-helper .wp-list-table__ext-updates td{position:relative}.wc-helper .wp-list-table__ext-updates td:before{content:" ";position:absolute;top:0;left:0;right:0;height:1px;background-color:#E1E1E1}.wc-helper .wp-list-table__ext-updates td.wp-list-table__ext-status:before{left:22px}.wc-helper .wp-list-table__ext-updates td.wp-list-table__ext-actions:before{right:22px}@media only screen and (max-width:782px){.wc-helper .wp-list-table__ext-updates{display:flex}.wc-helper .wp-list-table__ext-updates .wp-list-table__ext-status{flex:2}.wc-helper .wp-list-table__ext-updates .wp-list-table__ext-status::before{left:0!important;width:100%!important}.wc-helper .wp-list-table__ext-updates .wp-list-table__ext-actions{flex:1;min-width:0}.wc-helper .wp-list-table__ext-updates .wp-list-table__ext-actions::before{right:0!important;left:0!important;width:100%!important}}.wc-helper td.color-bar{border-left:solid 4px transparent}.wc-helper td.color-bar.expired{border-left-color:#B81C23}.wc-helper td.color-bar.expiring{border-left-color:orange}.wc-helper td.color-bar.expiring.update-available,.wc-helper td.color-bar.update-available{border-left-color:#8FAE1B}.wc-helper .connect-wrapper{background-color:#fff;margin-bottom:25px;border:1px solid #e5e5e5;overflow:auto}.wc-helper .connected{display:flex}.wc-helper .connected .user-info{display:flex;padding:20px;width:100%;vertical-align:middle}.wc-helper .connected img{border:1px solid #e5e5e5;height:34px;width:34px}.wc-helper .connected .buttons{padding:20px;white-space:nowrap}.wc-helper .connected p{flex:2;margin:10px 0 0 20px}.wc-helper .connected .chevron{display:none}.wc-helper .connected .chevron:hover{cursor:pointer;color:#955a89}@media only screen and (max-width:784px){.wc-helper .connected{display:block}.wc-helper .connected strong{display:block;overflow:hidden;text-overflow:ellipsis}.wc-helper .connected p{margin:0;overflow:hidden;text-overflow:ellipsis;width:80%}.wc-helper .connected .user-info{padding-right:0;width:auto}.wc-helper .connected .avatar{margin-right:12px}.wc-helper .connected .chevron{display:block;color:#E1E1E1;margin:10px;transform:rotateX(0)}.wc-helper .connected .buttons{border-top:1px solid #E1E1E1;padding:10px 20px;display:none}.wc-helper .connected .buttons.active{display:block}}.wc-helper .start-container{background-color:#fff;padding:45px 20px 20px 30px;position:relative;overflow:hidden;border-left:4px solid #cc99c2}.wc-helper .start-container::before{content:"\e01C";font-family:WooCommerce;text-align:center;line-height:1;color:#eee2ec;display:block;width:1em;font-size:192px;top:65%;right:-3%;position:absolute}.wc-helper .start-container h2{font-size:24px;line-height:29px;position:relative}.wc-helper .start-container p{font-size:16px;margin-bottom:30px;position:relative}.wc-helper .wp-core-ui .button-primary{background:#bb77ae;border-color:#A36597;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #A36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #A36597;color:#fff;text-shadow:0 -1px 1px #A36597,1px 0 1px #A36597,0 1px 1px #A36597,-1px 0 1px #A36597}.wc-helper .wp-core-ui a.button-primary:active,.wc-helper .wp-core-ui a.button-primary:focus,.wc-helper .wp-core-ui a.button-primary:hover{background:#A36597;border-color:#A36597;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #A36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #A36597}.accessible-focus .form-toggle:focus+.form-toggle__label .form-toggle__switch,.accessible-focus .form-toggle__switch:focus{box-shadow:0 0 0 2px #955a89}.form-toggle[type=checkbox]{display:none}.form-toggle__switch{position:relative;display:inline-block;border-radius:12px;box-sizing:border-box;padding:2px;width:40px;height:24px;vertical-align:middle;align-self:flex-start;outline:0;cursor:pointer;transition:all .4s ease,box-shadow 0s}.form-toggle__switch:after,.form-toggle__switch:before{position:relative;display:block;content:"";width:20px;height:20px}.form-toggle__switch:after{left:0;border-radius:50%;background:#fff;transition:all .2s ease}.form-toggle__switch:before{display:none}.form-toggle__label{cursor:pointer}.is-disabled .form-toggle__label{cursor:default}.form-toggle__label .form-toggle__label-content{flex:0 1 100%;margin-left:12px;color:#87a6bc;font-size:13px;line-height:16px;margin-right:8px;vertical-align:top;text-transform:uppercase;cursor:pointer}@media only screen and (max-width:480px){.form-toggle__label .form-toggle__label-content{display:none}}.accessible-focus .form-toggle:focus:checked+.form-toggle__label .form-toggle__switch{box-shadow:0 0 0 2px #bb77ae}.form-toggle+.form-toggle__label .form-toggle__switch{background:#a8bece}.form-toggle:not(:disabled)+.form-toggle__label:hover .form-toggle__switch{background:#c8d7e1}.form-toggle:checked+.form-toggle__label .form-toggle__switch{background:#955a89}.form-toggle:checked+.form-toggle__label .form-toggle__switch:after{left:16px}.form-toggle:checked:not(:disabled)+.form-toggle__label:hover .form-toggle__switch{background:#bb77ae}.form-toggle:disabled+label.form-toggle__label span.form-toggle__switch{opacity:.25;cursor:default}.form-toggle.is-toggling+.form-toggle__label .form-toggle__switch{background:#955a89}.form-toggle.is-toggling:checked+.form-toggle__label .form-toggle__switch{background:#c8d7e1}.form-toggle.is-compact+.form-toggle__label .form-toggle__switch{border-radius:8px;width:24px;height:16px}.form-toggle.is-compact+.form-toggle__label .form-toggle__switch:after,.form-toggle.is-compact+.form-toggle__label .form-toggle__switch:before{width:12px;height:12px}.form-toggle.is-compact:checked+.form-toggle__label .form-toggle__switch:after{left:8px}