woocommerce/assets/css/helper.css

1 line
17 KiB
CSS
Raw Normal View History

2017-08-30 18:48:57 +00:00
.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:active,.wc-helper .button:focus,.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:active,.wc-helper .button:focus,.wc-helper .button:hover{line-height:2}}.wc-helper .button.button-secondary,.wc-helper .button:active.button-secondary,.wc-helper .button:focus.button-secondary,.wc-helper .button:hover.button-secondary{background-color:#e6e6e6;color:#3c3c3c;text-shadow:none}.wc-helper .button:hover{opacity:.8}.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;border-bottom-width:0;line-height:1;padding:0;position:absolute;top:10px;right:14px}.wc-helper .subscription-filter li{color:#0073aa;display:inline-block;padding:0 4px 0 8px;position:relative}.wc-helper .subscription-filter li::before{background-color:#979797;content:" ";position:absolute;top:0;left:0;bottom:0;width:1px}.wc-helper .subscription-filter li:first-of-type::before{display:none}.wc-helper .subscription-filter a{color:#0073aa;text-decoration:none}.wc-helper .subscription-filter a.current{color:#000;font-weight:600}.wc-helper .subscription-filter .count{color:#555d66;font-weight:400}@media only screen and (max-width:600px){.wc-helper .subscription-filter{background-color:#fff;border:1px solid #e1e1e1;border-radius:4px;font-size:14px}.wc-helper .subscription-filter label,.wc-helper .subscription-filter li,.wc-helper .subscription-filter span{line-height:21px;padding:8px 16px;margin:0}.wc-helper .subscription-filter label:last-child,.wc-helper .subscription-filter li:last-child,.wc-helper .subscription-filter span:last-child{border-bottom:none}.wc-helper .subscription-filter li,.wc-helper .subscription-filter span{border-bottom:1px solid #e1e1e1}.wc-helper .subscription-filter label,.wc-helper .subscription-filter span.chevron{display:block}.wc-helper .subscription-filter li,.wc-helper .subscription-filter span{display:none}.wc-helper .subscription-filter li::before{display:none}.wc-helper .subscription-filter a{cursor:pointer}.wc-helper .subscription-filter span.chevron{color:#555;opacity:.5;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.wc-helper .subscription-filter:focus,.wc-helper .subscription-filter:hover{box-shadow:0 3px 5px rgba(0,0,0,.2)}.wc-helper .subscription-filter:focus label,.wc-helper .subscription-filter:hover label{border-bottom:1px solid #e1e1e1}.wc-helper .subscription-filter:focus li,.wc-helper .subscription-filter:focus span,.wc-helper .subscription-filter:hover li,.wc-helper .subscription-filter:hover span{display:block}.wc-helper .subscription-filter:focus span.chevron,.wc-helper .subscription-filter:hover span.chevron{-webkit-transform:rotateX(0);transform:rotateX(0)}}.wc-helper .subscriptions-header{margin:3em 0 0;position:relative;z-index:10}.wc-helper .subscriptions-header h2{display:inline-block;line-height:25px;margin:0 0 1.5em 0}.wc-helper .button-update,.wc-helper .button-update:hover{background-color:#e6e6e6;border-radius:4px;color:#333;font-weight:800;font-size:10px;line-height:20px;margin-left:6px;opacity:.75;padding:3px 7px;text-transform:uppercase}.wc-helper .button-update .dashicons,.wc-helper .button-update:hover .dashicons{font-size:12px;height:12px;width:12px;vertical-align:text-bottom}.wc-helper .button-update:hover{opacity:1}.wc-helper .user-info{background-color:#fff;border:1px solid #e1e1e1;border-radius:4px;font-size:12px;line-height:26px;position:absolute;top:-10px;right:0;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}@media only screen and (max-width:600px){.wc-helper .user-info{position:relative;width:100%}}.