Stylus皮膚(1.5.33)
把下面的全部代碼復(fù)制粘貼
/* ==UserStyle==
@name? ? ? ? ? ?hmfpfbbflpffnnjkjndnjnokcbhpakjn - 2023/6/17 20:29:40
@namespace? ? ? github.com/openstyles/stylus
@version? ? ? ? 1.0.0
@description? ? A new userstyle
@author? ? ? ? ?Me
==/UserStyle== */
@-moz-document domain("hmfpfbbflpffnnjkjndnjnokcbhpakjn") {
? ? #filters,
? ? #header-resizer,
? ? #help-popup.wide,
? ? #injection-order-button,
? ? #lint .caption,
? ? #manage-settings > div:first-child,
? ? #manage-text,
? ? #options-wrapper .options-column:nth-child(2),
? ? #publish,
? ? #search-replace-dialog [data-type=status],
? ? #sections-list,
? ? #sort-wrapper,
? ? #update-check,
? ? .applies-to.has-more a,
? ? .colorpicker-palette,
? ? .colorpicker-popup-mover,
? ? .has-favicons .target img,
? ? .oldUI .disabled h2:after,
? ? .resize-grip,
? ? .style-info[data-type=size],
? ? ::-webkit-scrollbar-button,
? ? ::-webkit-scrollbar-corner,
? ? [data-type=age],
? ? .style-edit-link svg,
? ? .oldUI #stylus-manage .applies-to {
? ? ? ? display: none!important
? ? }
? ? #stylus[data-ui-theme=dark] {
? ? ? ? --bg: #2d2d2d!important;
? ? ? ? --accent-1: #54d8d8ab
? ? }
? ? #stylus[data-ui-theme=light] {
? ? ? ? --bg: #f0f0f2;
? ? ? ? --accent-1: #207878
? ? }
? ? #stylus {
? ? ? ? --header-width: 310px!important
? ? }
? ? [data-ui-theme=dark] .CodeMirror-hints,
? ? [data-ui-theme=dark] .CodeMirror-hints * {
? ? ? ? background: #333;
? ? ? ? color: #ccc;
? ? ? ? font-size: 16px
? ? }
? ? [data-ui-theme=dark] .CodeMirror-hint:hover,
? ? [data-ui-theme=dark] li.CodeMirror-hint-active {
? ? ? ? background: #6986c9;
? ? ? ? color: #fff
? ? }
? ? [data-ui-theme=light] .CodeMirror-hint:hover,
? ? [data-ui-theme=light] li.CodeMirror-hint-active {
? ? ? ? background: #3d6494;
? ? ? ? color: #fff
? ? }
? ? @media (max-width:850px) {
? ? ? ? #stylus-manage #installed {
? ? ? ? ? ? margin-top: 0;
? ? ? ? ? ? padding-left: 0!important
? ? ? ? }
? ? ? ? #header {
? ? ? ? ? ? max-width: unset!important
? ? ? ? }
? ? ? ? #header,
? ? ? ? #stylus-manage .entry {
? ? ? ? ? ? width: 100%!important
? ? ? ? }
? ? ? ? #stylus-manage .applies-to {
? ? ? ? ? ? left: 7px
? ? ? ? }
? ? }
? ? .newUI,
? ? .oldUI {
? ? ? ? overflow-y: overlay
? ? }
? ? .style-name,
? ? body {
? ? ? ? font-size: 16px
? ? }
? ? button,
? ? .split-btn-menu {
? ? ? ? font-size: 14px
? ? }
? ? .CodeMirror pre.CodeMirror-line,
? ? .CodeMirror pre.CodeMirror-line-like {
? ? ? ? font-size: 18px
? ? }
? ? #stylus-manage .entry {
? ? ? ? overflow: hidden;
? ? ? ? margin: 10px 20px 5px 10px;
? ? ? ? width: calc(50% - 30px);
? ? ? ? height: 70px;
? ? ? ? border: 1px solid var(--c60)!important;
? ? ? ? background-color: hsla(0, 0%, 50.2%, .05);
? ? ? ? flex-wrap: nowrap;
? ? ? ? align-items: center;
? ? }
? ? .entry.highlight {
? ? ? ? animation: unset
? ? }
? ? #stylus-manage .style-name {
? ? ? ? position: absolute;
? ? ? ? right: 1px;
? ? ? ? padding: 0!important;
? ? ? ? width: 100%;
? ? ? ? max-width: unset;
? ? ? ? min-width: unset
? ? }
? ? .style-name {
? ? ? ? height: 100%;
? ? ? ? line-height: 40px
? ? }
? ? #stylus-manage .entry .actions {
? ? ? ? position: absolute;
? ? ? ? right: 80px
? ? }
? ? .actions > * {
? ? ? ? margin-bottom: 0
? ? }
? ? .oldUI #stylus-manage .entry .actions {
? ? ? ? position: absolute;
? ? ? ? top: 3px;
? ? ? ? right: 5px
? ? }
? ? .oldUI #stylus-manage .entry {
? ? ? ? padding: 0 .5em;
? ? ? ? height: 60px
? ? }
? ? .oldUI .style-name {
? ? ? ? line-height: 50px;
? ? }
? ? .oldUI #installed {
? ? ? ? margin-top: 0.75rem
? ? }
? ? #header {
? ? ? ? width: auto;
? ? ? ? max-width: 340px;
? ? ? ? box-shadow: none
? ? }
? ? #stylus-manage #installed {
? ? ? ? padding-left: 265px
? ? }
? ? .add-applies-to,
? ? .remove-applies-to {
? ? ? ? box-sizing: border-box;
? ? ? ? border: 1px solid var(--c60)
? ? }
? ? .remove-applies-to {
? ? ? ? margin: 0 5px
? ? }
? ? .entry:nth-child(-n+10):before,
? ? .entry:nth-child(11):before {
? ? ? ? top: .4ex
? ? }
? ? html:not(.all-disabled) #disableAll-label:before {
? ? ? ? position: relative;
? ? ? ? bottom: 4px
? ? }
? ? #newStyleAsUsercss ~ div {
? ? ? ? position: relative;
? ? ? ? top: 2px
? ? }
? ? #lint .report,
? ? #options-wrapper,
? ? #options-wrapper .svg-icon {
? ? ? ? margin-top: 5px!important
? ? }
? ? #options-wrapper input[type=checkbox] {
? ? ? ? margin-top: 3px
? ? }
? ? .colorpicker-sliders {
? ? ? ? padding: 10px 0 6px
? ? }
? ? #lint td[role=message] {
? ? ? ? white-space: normal
? ? }
? ? #write-as .svg-icon.checked {
? ? ? ? height: 14px
? ? }
? ? #search-replace-dialog {
? ? ? ? top: 2px
? ? }
? ? #search-replace-dialog:not(:focus-within):not(:hover) {
? ? ? ? opacity: 1
? ? }
? ? #search-replace-dialog > * {
? ? ? ? height: 40px
? ? }
? ? #search-replace-dialog textarea {
? ? ? ? margin: 4px 0 4px 4px;
? ? ? ? line-height: 22px
? ? }
? ? :root {
? ? ? ? --slider-pad: 8px;
? ? ? ? --slider-pad2: calc(var(--slider-pad)*2);
? ? ? ? --slider-width: 35px;
? ? ? ? --slider-height: 21px;
? ? ? ? --slider-knob: calc(var(--slider-height) - 4px);
? ? ? ? --slider-hover-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.8);
? ? ? ? --name-padding-left: calc(var(--slider-pad)*3 + var(--slider-width))
? ? }
? ? #stylus-manage .entry .checkmate {
? ? ? ? position: absolute;
? ? ? ? right: 0;
? ? ? ? z-index: 2;
? ? ? ? display: block;
? ? ? ? margin: 0;
? ? ? ? padding: 0 var(--slider-pad) 0 var(--slider-pad2);
? ? ? ? width: var(--slider-width);
? ? ? ? height: 100%
? ? }
? ? #stylus-manage .entry .checkmate:after {
? ? ? ? position: absolute;
? ? ? ? top: 0;
? ? ? ? bottom: 0;
? ? ? ? margin: auto 2px;
? ? ? ? width: var(--slider-knob);
? ? ? ? height: var(--slider-knob);
? ? ? ? border-radius: 1em;
? ? ? ? background-color: #fff;
? ? ? ? content: "";
? ? ? ? cursor: pointer
? ? }
? ? #stylus-manage .entry.enabled .checkmate:after {
? ? ? ? right: var(--slider-pad)
? ? }
? ? #stylus-manage .entry .checkmate input {
? ? ? ? top: 0;
? ? ? ? left: 0;
? ? ? ? width: 100%;
? ? ? ? height: 100%;
? ? ? ? border: none;
? ? ? ? background-color: transparent;
? ? ? ? cursor: pointer;
? ? ? ? pointer-events: auto
? ? }
? ? #stylus-manage .entry .checkmate svg {
? ? ? ? top: 0!important;
? ? ? ? bottom: 0;
? ? ? ? left: var(--slider-pad2)!important;
? ? ? ? display: block;
? ? ? ? margin: auto;
? ? ? ? width: var(--slider-width);
? ? ? ? height: var(--slider-height);
? ? ? ? border-radius: 1em;
? ? ? ? background-color: hsla(0, 0%, 50.2%, .8);
? ? ? ? transition: box-shadow .25s;
? ? ? ? pointer-events: none;
? ? ? ? fill: none
? ? }
? ? #stylus-manage .entry .checkmate input:checked + svg {
? ? ? ? background-color: rgba(51, 153, 153, .67)
? ? }
? ? #stylus[data-ui-theme=dark] #stylus-manage .entry .checkmate input:checked + svg {
? ? ? ? background-color: rgba(84, 216, 216, .67)
? ? }
? ? #stylus[data-ui-theme=dark] #stylus-manage .entry .checkmate:after {
? ? ? ? background-color: #2c2c2c
? ? }
? ? .style-name-link {
? ? ? ? position: relative;
? ? ? ? top: 0;
? ? ? ? left: 25px;
? ? ? ? width: 45px;
? ? ? ? height: 100%;
? ? ? ? white-space: nowrap
? ? }
? ? .oldUI .disabled h2::after,
? ? .entry.usercss .style-name-link::after {
? ? ? ? position: relative;
? ? ? ? bottom: 1px
? ? }
? ? #stylus-manage .applies-to {
? ? ? ? position: relative;
? ? ? ? top: 15px;
? ? ? ? z-index: 1;
? ? ? ? overflow: hidden;
? ? ? ? height: 18px
? ? }
? ? #stylus-manage .applies-to .targets {
? ? ? ? height: 100%
? ? }
? ? #stylus-manage .applies-to .target {
? ? ? ? max-width: 70%
? ? }
? ? .has-favicons .target {
? ? ? ? padding-left: 0
? ? }
? ? #stylus[data-ui-theme=dark] button:not(:disabled):hover {
? ? ? ? background-color: #454545
? ? }
? ? #stylus[data-ui-theme=dark] ::selection {
? ? ? ? background-color: #6986c9;
? ? ? ? color: #000
? ? }
? ? ::selection {
? ? ? ? background-color: #3d6494;
? ? ? ? color: #f0f0f2
? ? }
? ? input[type=checkbox] {
? ? ? ? border-radius: 0!important
? ? }
? ? #popup-options {
? ? ? ? margin-top: 5px
? ? }
? ? #stylus-popup .entry {
? ? ? ? min-height: 40px;
? ? ? ? border: 1px solid var(--c60);
? ? ? ? margin-top: 5px
? ? }
? ? .entry-content {
? ? ? ? min-height: 40px;
? ? ? ? height: 100%
? ? }
? ? #stylus-popup #installed {
? ? ? ? padding: 8px;
? ? ? ? max-height: 250px;
? ? ? ? height: auto
? ? }
? ? #installed .style-name .checker,
? ? #installed .style-name .svg-icon.checked {
? ? ? ? top: 13px
? ? }
? ? #header.sticky {
? ? ? ? box-shadow: none
? ? }
? ? .entry:nth-child(-n+10):before,
? ? .entry:nth-child(11):before {
? ? ? ? top: 10px
? ? }
? ? #stylus-edit {
? ? ? ? padding-top: 0!important
? ? }
? ? .CodeMirror-focused {
? ? ? ? border-color: #339999ab
? ? }
? ? #stylus-popup .style-edit-link {
? ? ? ? background-size: 20px;
? ? ? ? background-repeat: no-repeat;
? ? ? ? width: 30px!important;
? ? ? ? background-position: 50%;
? ? ? ? transition: all .4s
? ? }
? ? #stylus-popup .style-edit-link:hover {
? ? ? ? filter: brightness(.4)
? ? }
? ? #stylus[data-ui-theme=dark] #stylus-popup .style-edit-link {
? ? ? ? filter: brightness(1.2)
? ? }
? ? #stylus[data-ui-theme=dark] #stylus-popup .style-edit-link:hover {
? ? ? ? filter: brightness(2)
? ? }
? ? .CodeMirror-matchingbracket {
? ? ? ? background-color: rgba(87, 230, 26, 0.3);
? ? ? ? color: #000!important
? ? }
? ? #stylus[data-ui-theme=dark] .CodeMirror-matchingbracket {
? ? ? ? color: rgb(255, 255, 0) !important;
? ? }
? ? #help-popup input[type=checkbox] {
? ? ? ? margin-top: 4px
? ? }
? ? #help-popup .svg-icon.checked {
? ? ? ? margin-top: 6px
? ? }
? ? ::-webkit-scrollbar {
? ? ? ? width: 16px;
? ? ? ? height: 16px;
? ? ? ? background: 0 0
? ? }
? ? ::-webkit-scrollbar-thumb {
? ? ? ? border: 6px solid transparent!important;
? ? ? ? background: #909090!important;
? ? ? ? background-clip: padding-box!important
? ? }
? ? ::-webkit-scrollbar-thumb:hover {
? ? ? ? border: 4px solid transparent!important
? ? }
? ? ::-webkit-scrollbar-track,
? ? ::-webkit-scrollbar-track-piece {
? ? ? ? border: none!important;
? ? ? ? background-color: transparent!important
? ? }
}
