WordPress/wp-includes/css/dist/components/style.css

13 lines
77 KiB
CSS
Raw Normal View History

@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes editor_region_focus{0%{box-shadow:inset 0 0 0 0 #33b3db}to{box-shadow:inset 0 0 0 4px #33b3db}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modal-appear{0%{margin-top:32px}to{margin-top:0}}.components-autocomplete__popover .components-popover__content{min-width:200px}.components-autocomplete__popover .components-autocomplete__results{padding:3px;display:flex;flex-direction:column;align-items:stretch}.components-autocomplete__popover .components-autocomplete__results:empty{display:none}.components-autocomplete__result.components-button{margin-bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;color:#555d66;display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;align-items:center;padding:6px;text-align:left}.components-autocomplete__result.components-button.is-selected{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-autocomplete__result.components-button:hover{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2)}.components-base-control{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-base-control .components-base-control__field{margin-bottom:8px}.components-panel__row .components-base-control .components-base-control__field{margin-bottom:inherit}.components-base-control .components-base-control__label{display:block;margin-bottom:4px}.components-base-control .components-base-control__help{margin-top:-8px;font-style:italic;margin-bottom:0}.components-button-group{display:inline-block}.components-button-group .components-button.is-button{border-radius:0}.components-button-group .components-button.is-button+.components-button.is-button{margin-left:-1px}.components-button-group .components-button.is-button:first-child{border-radius:3px 0 0 3px}.components-button-group .components-button.is-button:last-child{border-radius:0 3px 3px 0}.components-button-group .components-button.is-button.is-primary,.components-button-group .components-button.is-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-button.is-primary{box-shadow:none}.components-button{display:inline-flex;text-decoration:none;font-size:13px;margin:0;border:0;cursor:pointer;-webkit-appearance:none;background:none}.components-button.is-button{padding:0 10px 1px;line-height:26px;height:28px;border-radius:3px;white-space:nowrap;border-width:1px;border-style:solid}.components-button.is-default{color:#555;border-color:#ccc;background:#f7f7f7;box-shadow:inset 0 -1px 0 #ccc;vertical-align:top}.components-button.is-default:hover{background:#fafafa;border-color:#999;box-shadow:inset 0 -1px 0 #999;color:#23282d}.components-button.is-default:focus:enabled{background:#fafafa;color:#23282d;border-color:#999;box-shadow:inset 0 -1px 0 #999,0 0 0 2px #bfe7f3}.components-button.is-default:active:enabled{background:#eee;border-color:#999;box-shadow:inset 0 1px 0 #999}.components-button.is-default:disabled,.components-button.is-default[aria-disabled=true]{color:#a0a5aa;border-color:#ddd;background:#f7f7f7;box-shadow:none;text-shadow:0 1px 0 #fff;transform:none}.components-button.is-primary{background:#0085ba;border-color:#006a95 #00648c #00648c;box-shadow:inset 0 -1px 0 #00648c;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #005d82,1px 0 1px #005d82,0 1px 1px #005d82,-1px 0 1px #005d82}body.admin-color-sunrise .components-button.is-primary{background:#d1864a;border-color:#a76b3b #9d6538 #9d6538;box-shadow:inset 0 -1px 0 #9d6538;text-shadow:0 -1px 1px #925e34,1px 0 1px #925e34,0 1px 1px #925e34,-1px 0 1px #925e34}body.admin-color-ocean .components-button.is-primary{background:#a3b9a2;border-color:#829482 #7a8b7a #7a8b7a;box-shadow:inset 0 -1px 0 #7a8b7a;text-shadow:0 -1px 1px #728271,1px 0 1px #7
/*!rtl:begin:ignore*/margin-left:-8px
/*!rtl:end:ignore*/}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:before{right:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:after{right:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:before{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right{
/*!rtl:begin:ignore*/margin-left:8px
/*!rtl:end:ignore*/}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:before{left:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:after{left:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:before{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent}.components-popover:not(.is-mobile).is-top{bottom:100%}.components-popover:not(.is-mobile).is-bottom{top:100%;z-index:99990}.components-popover:not(.is-mobile).is-middle{align-items:center;display:flex}.components-popover__content{box-shadow:0 3px 30px rgba(25,30,35,.1);border:1px solid #e2e4e7;background:#fff;height:100%}.components-popover.is-mobile .components-popover__content{height:calc(100% - 50px);border-top:0}.components-popover:not(.is-mobile) .components-popover__content{position:absolute;height:auto;overflow-y:auto;min-width:260px}.components-popover:not(.is-mobile).is-top .components-popover__content{bottom:100%}.components-popover:not(.is-mobile).is-center .components-popover__content{left:50%;transform:translateX(-50%)}.components-popover:not(.is-mobile).is-right .components-popover__content{position:absolute;
/*!rtl:ignore*/left:100%}.components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content{
/*!rtl:ignore*/margin-left:-24px}.components-popover:not(.is-mobile).is-left .components-popover__content{position:absolute;
/*!rtl:ignore*/right:100%}.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content{
/*!rtl:ignore*/margin-right:-24px}.components-popover__content>div{height:100%}.components-popover__header{align-items:center;background:#fff;border:1px solid #e2e4e7;display:flex;height:50px;justify-content:space-between;padding:0 8px 0 16px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-icon-button{z-index:5}.components-radio-control{display:flex;flex-direction:column}.components-radio-control__option:not(:last-child){margin-bottom:4px}.components-radio-control__input[type=radio]{margin-top:0;margin-right:6px}.components-range-control .components-base-control__field{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.components-range-control .dashicon{flex-shrink:0;margin-right:10px}.components-range-control .components-base-control__label{width:100%}.components-range-control .components-range-control__slider{margin-left:0;flex:1}.components-range-control__slider{width:100%;margin-left:8px;padding:0;-webkit-appearance:none;background:transparent}.components-range-control__slider::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;border:4px solid transparent;background-clip:padding-box;box-sizing:border-box;margin-top:-7px}.components-range-control__slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;border:4px solid transparent;background-clip:padding-box;box-sizing:border-box}.components-range-control__slider::-ms-thumb{height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;background-clip:padding-box;box-sizing:border-box;margin-top:0;height:14px;width:14px;border:2px solid transparent}.components-range-control__slider:focus{outline:none}.components-range-control__slider:focus::-webkit-slider-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider:focus::-moz-range-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider:focus::-ms-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider::-webkit-slider-runnable-track{height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px;margin-top:-4px}.components-range-control__slider::-moz-range-track{height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px}.components-range-control__slider::-ms-track{margin-top:-4px;background:transparent;border-color:transparent;color:transparent;height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px}.components-range-control__number{display:inline-block;margin-left:8px;font-weight:500;width:50px;padding:3px 5px!important}.components-resizable-box__handle{display:none;width:24px;height:24px;padding:4px}.components-resizable-box__container.is-selected .components-resizable-box__handle{display:block}.components-resizable-box__handle:before{display:block;content:"";width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#0085ba;cursor:inherit}body.admin-color-sunrise .components-resizable-box__handle:before{background:#d1864a}body.admin-color-ocean .components-resizable-box__handle:before{background:#a3b9a2}body.admin-color-midnight .components-resizable-box__handle:before{background:#e14d43}body.admin-color-ectoplasm .components-resizable-box__handle:before{background:#a7b656}body.admin-color-coffee .components-resizable-box__handle:before{background:#c2a68c}body.admin-color-blue .components-resizable-box__handle:before{background:#82b4cb}body.admin-color-light .components-resizable-box__handle:before{background:#0085ba}
/*!rtl:begin:ignore*/.components-resizable-box__handle-right{top:calc(50% - 12px);right:-12px}.components-resizable-box__handle-bottom{bottom:-12px;left:calc(50% - 12px)}.components-resizable-box__handle-left{top:calc(50% - 12px);left:-12px}
/*!rtl:end:ignore*/.components-responsive-wrapper{position:relative;max-width:100%}.components-responsive-wrapper__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.components-sandbox,body.lockscroll,html.lockscroll{overflow:hidden}.components-select-control__input{background:#fff;height:36px;line-height:36px;margin:1px;outline:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}@media (min-width:782px){.components-select-control__input{height:28px;line-height:28px}}@media (max-width:782px){.components-base-control .components-base-control__field .components-select-control__input{font-size:16px}}.components-spinner{display:inline-block;background-color:#7e8993;width:18px;height:18px;opacity:.7;float:right;margin:5px 11px 0;border-radius:100%;position:relative}.components-spinner:before{content:"";position:absolute;background-color:#fff;top:3px;left:3px;width:4px;height:4px;border-radius:100%;transform-origin:6px 6px;animation:rotation 1s linear infinite}.components-text-control__input,.components-textarea-control__input{width:100%;padding:6px 8px}.components-toggle-control .components-base-control__field{display:flex;margin-bottom:12px}.components-toggle-control .components-base-control__field .components-form-toggle{margin-right:16px}.components-toggle-control .components-base-control__field .components-toggle-control__label{display:block;margin-bottom:4px}.components-toolbar{margin:0;border:1px solid #e2e4e7;background-color:#fff;display:flex;flex-shrink:0}div.components-toolbar>div{display:block;margin:0}@supports ((position:-webkit-sticky) or (position:sticky)){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div{margin-left:-3px}div.components-toolbar>div+div.has-left-divider{margin-left:6px;position:relative;overflow:visible}div.components-toolbar>div+div.has-left-divider:before{display:inline-block;content:"";box-sizing:content-box;background-color:#e2e4e7;position:absolute;top:8px;left:-3px;width:1px;height:20px}.components-toolbar__control.components-button{display:inline-flex;align-items:flex-end;margin:0;padding:3px;outline:none;cursor:pointer;position:relative;width:36px;height:36px}.components-toolbar__control.components-button:active,.components-toolbar__control.components-button:not([aria-disabled=true]):focus,.components-toolbar__control.components-button:not([aria-disabled=true]):hover{outline:none;box-shadow:none;background:none;border:none}.components-toolbar__control.components-button:disabled{cursor:default}.components-toolbar__control.components-button>svg{padding:5px;border-radius:4px;height:30px;width:30px}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 10px 5px 0}.components-toolbar__control.components-button[data-subscript]:after{content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;line-height:12px;position:absolute;right:8px;bottom:10px}.components-toolbar__control.components-button:not(:disabled):not([aria-disabled=true]):hover{box-shadow:none}.components-toolbar__control.components-button:not(:disabled).is-active>svg,.components-toolbar__control.components-button:not(:disabled):hover>svg{color:#555d66;box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff}.components-toolbar__control.components-button:not(:disabled).is-active>svg{outline:none;color:#fff;box-shadow:none;background:#555d66}.components-toolbar__control.components-button:not(:disabled).is-active[data-subscript]:after{color:#fff}.components-toolbar__control.components-button:not(:disabled):focus>svg{box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-toolbar__control .dashicon{display:block}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover:before{border-color:transparent}.components-tooltip.components-popover.is-top:after{border-top-color:#191e23}.components-tooltip.components-popover.is-bottom:after{border-b