forked from aminomancer/uc.css.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutuserchrome.css
1 lines (1 loc) · 14.3 KB
/
aboutuserchrome.css
1
:root{--script-icon-size:32px}#categories .category{cursor:default;text-decoration:none}#categories .category[name=scripts]{background-image:url(chrome://browser/skin/trending.svg)}#categories .category[name=settings]{background-image:url(chrome://global/skin/icons/settings.svg)}.view-header{display:inline}.view-header .sticky-container{padding-bottom:16px}.view-header .sticky-container .main-search{padding-bottom:30px}.view-header .sticky-container .main-search .search-textbox{cursor:text;width:20em;min-height:32px;box-sizing:border-box;appearance:none;border:1px solid var(--in-content-box-border-color);color:inherit;background-color:var(--in-content-box-background);border-radius:4px;margin:0;padding:2px 8px 3px;display:flex}.view-header .sticky-container .main-search .search-textbox:focus-within{outline:var(--in-content-focus-outline);outline-offset:-1px;border-color:#0000}.view-header .sticky-container .main-search .search-textbox input{color:inherit;font:inherit;text-shadow:inherit;box-sizing:border-box;min-width:0;text-align:inherit;background-color:#0000;border:none;outline:none;flex:1;padding:0 1px}.view-header .sticky-container .main-search .search-textbox .textbox-search-sign{width:12px;pointer-events:none;background:url(chrome://global/skin/icons/search-textbox.svg) 50%/contain no-repeat;margin-inline-end:5px}.view-header .sticky-container .main-search .search-textbox .textbox-search-sign:-moz-locale-dir(rtl){transform:scaleX(-1)}.view-header .sticky-container .main-search .search-textbox .textbox-search-clear{margin:revert;padding:revert;min-height:revert;min-width:revert;width:14px;background:url(resource://content-accessible/searchfield-cancel.svg) 50%/14px no-repeat;margin-inline-start:5px}.view-header .sticky-container .main-search .search-textbox .textbox-search-clear:not([disabled]){cursor:default}.view-header .sticky-container .main-search .search-spacer{min-height:32px}.view-header .sticky-container .main-heading{min-height:32px;padding:0}.view-header .sticky-container .main-heading .back-button{height:32px;width:32px}.view-header .sticky-container .main-heading .header-button-description:not(:empty){margin-inline:8px}.view-header .sticky-container .main-heading .header-button-box button{min-height:32px;margin:0;padding-block:0}.view-header .sticky-container .message-box{max-width:var(--section-width);margin-top:4px;margin-inline-start:var(--main-margin-start)}.view-header .sticky-container .message-box p{margin:0;line-height:1.8em}#main{margin-block:16px 30px}#main .script.card{margin-bottom:var(--card-padding);padding:var(--card-padding);border:0;transition:opacity .15s,box-shadow .15s;overflow:hidden}#main .script.card .script-card-collapsed{display:flex}#main .script.card .script-card-collapsed .script-icon{width:var(--script-icon-size);height:var(--script-icon-size);-moz-context-properties:fill;fill:currentColor;flex-shrink:0;margin-inline-end:16px}#main .script.card .script-card-collapsed .card-contents{word-break:break-word;flex-direction:column;flex-grow:1;display:flex}#main .script.card .script-card-collapsed .card-contents .script-name-container{align-items:center;margin-top:-3px;display:flex}#main .script.card .script-card-collapsed .card-contents .script-name-container .script-name,#main .script.card .script-card-collapsed .card-contents .script-name-container .script-version{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:clip}#main .script.card .script-card-collapsed .card-contents .script-name-container .script-name-button{appearance:none;min-width:0;font-weight:revert;color:inherit;cursor:inherit;min-height:0;opacity:1;-webkit-user-select:auto;user-select:auto;box-shadow:none;margin:0;background:0 0;border:0;outline:none;margin-inline-end:8px;padding:0}#main .script.card .script-card-collapsed .card-contents .script-name-container .script-name{margin:0;font-size:16px;font-weight:600;line-height:22px}#main .script.card .script-card-collapsed .card-contents .script-name-container .script-version{color:var(--in-content-deemphasized-text);font-size:14px;font-weight:400}#main .script.card .script-card-collapsed .card-contents .script-name-container .spacer{min-width:10px}#main .script.card .script-card-collapsed .card-contents .script-description{color:var(--in-content-deemphasized-text);text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}#main .script.card .script-card-message{margin:calc(var(--card-padding)*-1);margin-top:var(--card-padding);margin:8px calc(var(--card-padding)*-1)calc(var(--card-padding)*-1);--info-icon-url:url(chrome://global/skin/icons/info-filled.svg);--warn-icon-url:url(chrome://global/skin/icons/warning.svg);--success-icon-url:url(chrome://global/skin/icons/check.svg);--error-icon-url:url(chrome://global/skin/icons/error.svg);--icon-size:16px;--message-bar-background-color:var(--in-content-box-info-background);--message-bar-text-color:var(--in-content-text-color);--message-bar-icon-url:var(--info-icon-url);border-radius:0 0 4px 4px;flex-flow:row;display:flex;overflow:hidden}#main .script.card .script-card-message[type=warning]{--message-bar-background-color:#ffdc5233;--message-bar-icon-url:var(--warn-icon-url)}#main .script.card .script-card-message[type=success]{--message-bar-background-color:#65ee6333;--message-bar-icon-url:var(--success-icon-url)}#main .script.card .script-card-message[type=error]{--message-bar-background-color:#ff575226;--message-bar-icon-url:var(--error-icon-url)}#main .script.card .script-card-message[type=critical]{--message-bar-background-color:#ff333340;--message-bar-icon-url:var(--error-icon-url)}#main .script.card .script-card-message .message-inner{background:var(--message-bar-background-color);color:var(--message-bar-text-color);flex-grow:1;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}#main .script.card .script-card-message .message-inner .message-icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;padding:4px}#main .script.card .script-card-message .message-inner .message-icon:after{appearance:none;-moz-context-properties:fill,stroke;fill:currentColor;stroke:currentColor;content:var(--message-bar-icon-url)}#main .script.card .script-card-message .message-inner .message-content{word-break:break-word;white-space:nowrap;flex-flow:row;flex-grow:1;justify-content:space-between;align-items:center;margin-inline-start:8px;display:flex}#main .script.card .script-card-message .message-inner .message-content .message-text{white-space:break-spaces;overflow-wrap:break-word;text-overflow:ellipsis;text-align:start;flex-grow:1;flex-shrink:1;overflow:hidden}#main .script.card .script-card-message .message-inner .message-content .update-button{flex-shrink:0;margin:0;display:inline-block;min-width:-moz-fit-content!important}#main .script.card .script-card-message:not([hidden])+.script-card-expanded .script-detail-rows>:first-child{border-top:none}#main .script.card .script-card-message[hidden]+.script-card-expanded .script-detail-rows>:first-child{margin-top:var(--card-padding)}#main .script.card .script-card-expanded{color:var(--in-content-deemphasized-text)}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper{border-top:1px solid var(--in-content-border-color);margin:0 calc(var(--card-padding)*-1);padding:var(--card-padding);color:var(--in-content-text-color);cursor:default}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper .script-detail-description>*{margin:0}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper .script-detail-description>.line-break{white-space:pre-wrap}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper .script-detail-description>.line-break :is(ol,ul){white-space:normal}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper .script-detail-description>.line-break>*{margin-block:0}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper .script-detail-description code{cursor:text;font-size:85%}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper .script-detail-description .syntax-highlighted-code code{background:0 0!important}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper .script-detail-description :not(.syntax-highlighted-code)>code{background:var(--in-content-box-background-odd);white-space:break-spaces;border-radius:4px;padding:.15em .4em;font-family:Fira Code,Fira Mono,SFMono-Regular,SF Mono,Menlo,Consolas,DejaVu Sans Mono,Liberation Mono,ui-monospace,monospace}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper button.script-detail-description-toggle{min-width:0;align-items:center;gap:4px;margin-top:8px;font-weight:400;display:flex}#main .script.card .script-card-expanded .script-detail-rows .script-detail-description-wrapper.script-detail-description-collapse .script-detail-description{max-height:20rem;overflow:hidden}#main .script.card .script-card-expanded .script-detail-rows .script-detail-row{justify-content:space-between;gap:var(--card-padding);border-top:1px solid var(--in-content-border-color);margin:0 calc(var(--card-padding)*-1);padding:var(--card-padding);color:var(--in-content-text-color);cursor:default;align-items:center;display:flex}#main .script.card .script-card-expanded .script-detail-rows .script-detail-row .script-detail-label{white-space:nowrap}#main .script.card .script-card-expanded .script-detail-rows .script-detail-row>:last-child{text-align:end}#main .script.card:hover{box-shadow:var(--card-shadow)}#main .script.card[active=false]:not([expanded],:hover){opacity:.6}#main .script.card:not([expanded]){cursor:pointer;-webkit-user-select:none;user-select:none}#main .script.card:not([expanded]):hover{box-shadow:var(--card-shadow-hover)}#main .script.card:not([expanded])[focused]{--card-outline-color:color-mix(in srgb,var(--in-content-accent-color)70%,transparent);box-shadow:var(--card-shadow),0 0 0 5px var(--card-outline-color);outline:none}#main .script.card:not([expanded]) .card-contents{width:1px;white-space:nowrap}#main .script.card:not([expanded]) .card-contents .script-name{text-overflow:ellipsis;overflow-x:hidden}#main .script.card[expanded]{cursor:default;padding-bottom:0}#main .script.card[expanded] .script-card-collapsed .card-contents{width:100%}#main .script.card[expanded] .script-card-collapsed .card-contents .script-description{white-space:nowrap}#main .script.card[expanded] .script-card-message{border-radius:0;margin-bottom:0}#main #settings .settings-group{margin:0 0 32px}#main #settings .settings-group h2{margin:16px 0 4px;font-size:1.14em;line-height:normal}.setting-container{align-items:center;display:flex}.setting-container .checkbox-container{align-items:center;margin:4px 2px;display:flex}.setting-container .checkbox-container.tail-with-learn-more{margin-inline:0 10px}.setting-container .checkbox-container .checkbox-text{margin:1px 0;line-height:1.8em}.period-input{border:1px solid var(--in-content-box-border-color);background-color:var(--in-content-box-background);outline-offset:-1px;cursor:text;border-radius:4px;align-items:center;margin:0 10px;padding:7px 4px;display:flex}.period-input:focus-within{outline:2px solid var(--in-content-focus-outline-color);border-color:#0000}.period-input .period-input-field{border-bottom:1px solid var(--in-content-box-border-color);pointer-events:none;grid-auto-flow:column;margin:0 .2em;display:inline-grid}.period-input .period-input-field:focus-within{border-bottom-color:var(--in-content-focus-outline-color);outline:none}.period-input .period-input-field .period-input-sizer,.period-input .period-input-field input{font:inherit;text-align:end;box-sizing:border-box;color:inherit;padding:0;background:0 0;border:none;border-radius:0;outline:none;grid-area:1/1;margin:0;padding-inline:.5em 1em}.period-input .period-input-field input{width:0;min-width:100%;pointer-events:auto}.period-input .period-input-field .period-input-sizer{width:auto;min-width:0;visibility:hidden;pointer-events:none;white-space:pre-wrap}.period-input .period-input-field span{opacity:.54;pointer-events:none;text-align:end;margin:0;margin-inline-start:-1em;padding-inline:.1em .5em}.period-input.error{outline:2px solid color-mix(in srgb,var(--in-content-border-invalid)30%,transparent);border-color:#0000}.period-input.error:focus-within{outline-color:var(--in-content-border-invalid)}.period-input.error .period-input-field:focus-within{border-bottom-color:var(--in-content-border-invalid)}.period-input-error-message{color:var(--in-content-error-text-color)}input[type=checkbox].toggle-button{--button-height:16px;--button-half-height:8px;--button-width:26px;--button-border-width:1px;--dot-size:10px;--dot-margin:2px;--dot-transform-x:10px;--border-color:#181a1b24;appearance:none;border:var(--button-border-width)solid var(--border-color);height:var(--button-height);width:var(--button-width);border-radius:var(--button-half-height);background:var(--in-content-button-background);box-sizing:border-box;margin:0;padding:0}input[type=checkbox].toggle-button:enabled:hover{background:var(--in-content-button-background-hover);border-color:var(--border-color)}input[type=checkbox].toggle-button:enabled:active{background:var(--in-content-button-background-active);border-color:var(--border-color)}input[type=checkbox].toggle-button:checked{background:var(--in-content-primary-button-background);border-color:var(--in-content-primary-button-background-hover)}input[type=checkbox].toggle-button:checked:hover{background:var(--in-content-primary-button-background-hover);border-color:var(--in-content-primary-button-background-active)}input[type=checkbox].toggle-button:checked:active{background:var(--in-content-primary-button-background-active);border-color:var(--in-content-primary-button-background-active)}input[type=checkbox].toggle-button:before{content:"";height:var(--dot-size);width:var(--dot-size);margin:var(--dot-margin);outline:1px solid var(--border-color);transform:translate(0,calc(50% - var(--dot-size)/2));background:#fff;border-radius:50%;transition:transform .1s;display:block}input[type=checkbox].toggle-button:checked:before{transform:translate(var(--dot-transform-x),calc(50% - var(--dot-size)/2))}input[type=checkbox].toggle-button:-moz-locale-dir(rtl):before,input[type=checkbox].toggle-button:dir(rtl):before{scale:-1}