? ? ? 文章

火狐附加组件页CSS美化样式分享,美观高效,火狐范站长自己在用的

附加组件是经常要访问的地方,火狐浏览器默认自带的附加组件页面效率不够高,像我24+的大屏幕看,眼球左右飘来飘去的累,这个附加组件页样式在使用体验上有着不错的提升,火狐美化类样式不是一直有效的,有可能等火狐的大版本经过几次迭代后,会全部或部分失效,使用前请确保认可这一点,火狐美化资源很零散,聚合不易,且用且珍惜,如果觉得喜欢,请在本文下方给个赞,给我更新的动力,谢谢。

火狐附加组件页CSS美化样式分享,美观高效,火狐范站长自己的一使用前

火狐附加组件页CSS美化样式分享,美观高效,火狐范站长自己的二
使用后

火狐附加组件页CSS美化样式下载
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://mozapps/content/extensions/extensions.xul"), url("about:addons") {
#categories{font-size:8px !important;}/*左侧栏文字大小*/
/************************** LIST ITEMS STYLE ***************************/
#category-discover,#category-theme,#category-service{
    display:none !important;
}

/* Description & Buttons, but not Update Available Message - Hide on not selected items */
.addon:not([selected]) :-moz-any(
    .description-outer-container,
    .control-container,
    .addon-control.update,
    .include-update
  ),
.addon:not([selected]) .status-container > hbox
{
visibility: collapse !important;
}
.addon:not([selected]) .advancedinfo-container
{
margin-top: -20px !important;
}


/* Update Available Message - Add icon & Remove text on not selected items */
.content-container
{
position: relative !important;
}
#categories:not([last-selected="category-availableUpdates"]) + #view-port-container .update-available::before
{
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABoVBMVEUAAAAxRhoYHwkgNgQjJxENDwV51kl2nj1cijAsNxU5RxVdfhpYjROV21aS11BkoSOb2lh2sDOQ0FGPy0d1vTV3zEVmvDGUx1xtojCDskVlnCORx1SEzFZytjxzoD94v0t5zkB5rDii1F6P1WFkiipqjjZvuDiDtlhmhDdYeClhjSd1rE9gjTR6mylefTJOaBRuvSppfUhVaS1LXytQaxBFWCc+TiBDTytjgDR7xDSNrDROdykyPRxLjAs4XRAXGQxeswcLCwj////y8PT19vXw8/Hu6vCZyY9VlBP+/f7u7u3s6+yjyqFzx0N+wD1UnjJouzBtri5vty1gqBxjnxtaohhVrBJNuhBbnRBIpAr49fv2+vjw+PPB2r/B17yqy6qgxZ+XwpKUyI2TxYmKwn2Htnp+um93q2mY51eT5lSM3UuMz0hy10RkrESDzkJsxUBwxzxv3jtbqThbmzhpzTV0uzNbrTJm3DFpwzFMjjBlxi1Rly1RsCtgoidOlidUniJktSFVniBWxh9OnBtVnQw9ggRGnQM0dQI8rQE6fwE/eADO9WOkAAAAQnRSTlMABAoSKxf7rVY2Lwv9/Pv29fLx7+3s6OLf3dvY09PEw8O+vbi1pqKgn5uYlZGMh4eDeHdybV1cTUxJREQjIyEbDwJTwBjiAAAA6klEQVQY02MAA1smDmtuOwYYYGRQ05aRV9cBMiDAQJmtsKTKV0TJGMx1sFQob+qIjGwLDlKx4gYKMIvmhNckubsn10f4STIBDeAQCw/LdQIC/4hQCQtGBmbZirCW4mgnp5hqD49AOSYGRq2G0NZKF09PV//G2kA9RwYu4eC6hDhXFxfXWJ+iUnEbBkaTkPb0KGcvL2fntIBsM6BTdHm6OlOdvb3dUgLyeA2B1rLqh3g0J7q5uRdkZRixglxmKsUfVBbvk58pJG0OdioTs6Kgny8bnwA7MxPUM5ws7JqqGiycDAjAxWrPAmEBALMtMATfsm4qAAAAAElFTkSuQmCC") !important;
position: absolute !important;
left: 8px !important;
top: 8px !important;
}
#categories:not([last-selected="category-availableUpdates"]) + #view-port-container .addon:not([selected="true"]) .update-available
{
font-size: 0 !important;
width: 0 !important;
overflow: hidden !important;
}
#categories:not([last-selected="category-availableUpdates"]) + #view-port-container .addon[selected="true"] .update-available::before
{
left: 24px !important;
top: 24px !important;
}

/* Smaller font */
.addon .name-container,
#header
{
font-size: 11.9px !important;
}


/* Buttons - Move to the left */
.advancedinfo-container
{
display: block !important;
margin-top: -5px !important;
}
.description-outer-container
{
width: 100% !important;
}
.status-container,
.control-container
{
-moz-box-pack: start !important;
}
.update-available
{
-moz-box-align: start !important;
}


/* Extensions section - Always show "Settings" button, to reduce mis-clicking on "Disable"  */
#categories[last-selected="category-extension"] + #view-port-container .control-container .addon-control.preferences[hidden]
{
display: -moz-box !important;
opacity: 0.5 !important;
}


/* Icons - Fix sizes */
.addon[selected] .icon-container,
.addon[selected] .icon
{
width: 32px !important;
height: 32px !important;
}
.addon:not([selected]) .icon-container,
.addon:not([selected]) .icon
{
width: 16px !important;
height: 16px !important;
}
.icon-container
{
margin: 0 !important;
margin-top: 2px !important;
}


/* Messages - Move nicer */
.addon > :-moz-any(.warning, .error, .pending)
{
margin-left: 0 !important;
}


/* Show updated date on selected add-on */
#list-view:not([type="userstyle"]) .addon[selected="true"] .date-updated
{
display: -moz-box !important;
}


/* "(Inactivated)" & "(Update)" - Remove */
.disabled-postfix,
.update-postfix
{
display: none !important;
}


/* Fixes for OmniSidebar */
#addons-page.inSidebar .view-pane,
#addons-page.inSidebar #header,
#addons-page.inSidebar .list .name-container,
#addons-page.inSidebar #updates-list .name-container,
#addons-page.inSidebar #updates-list .control-container
{
font-size: 11.9px !important;
}
#addons-page.inSidebar .basicinfo-container
{
display: -moz-box !important;
}
#addons-page.inSidebar .view-pane richlistitem
{
padding: 0 5px 2px 5px !important;
}
#addons-page.inSidebar .addon .content-container
{
height: auto !important;
}
#addons-page.inSidebar .warning-icon,
#addons-page.inSidebar .pending-icon,
#addons-page.inSidebar .error-icon
{
width: 16px !important;
height: 16px !important;
}
#addons-page.inSidebar .list image
{
max-width: none !important;
max-height: none !important;
}
#addons-page.inSidebar .list button
{
margin: 2px 0 2px 6px !important;
}
#addons-page.inSidebar .list richlistitem .description
{
display: -moz-box !important;
}
#addons-page.inSidebar .list richlistitem .description-container
{
margin-left: 7px !important;
}





/************************** CATEGORIES STYLE ***************************/

.category-name:hover{
	  color: #027cff !important;
}


/* Fix badges */
#addons-page:not(.inSidebar) .category-badge
{
margin-left: -10px !important;
margin-bottom: -26px !important;
padding: 0 !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
#addons-page:not(.inSidebar) .category-badge:-moz-any([value="1"], [value="2"], [value="3"], [value="4"], [value="5"], [value="6"], [value="7"], [value="8"], [value="9"])
{
padding-left: 5px !important;
padding-right: 5px !important;
}


/* Create popup bar */
@media all and (max-width: 37em) { /* (*) */
#addons-page:not(.inSidebar) #categories
{
position: fixed !important;
left: 0 !important;
z-index: 1 !important;
margin: 0 !important;
padding: 5px !important;
background-color: rgba(204, 217, 234, 0.95) !important;
border: 1px solid grey !important;
border-left: none !important;
border-radius: 0 5px 5px 0 !important;
transition: margin-left 0.5s !important;
}
#addons-page:not(.inSidebar) #categories:not(:hover)
{
margin-left: -50px !important;
transition: margin-left 0.5s 200ms !important;
}
#addons-page:not(.inSidebar) #categories .category
{
width: 50px !important;
padding: 0 !important;
}
#addons-page:not(.inSidebar) #categories .category image
{
margin: 0 !important;
margin-left: 8px !important;
}
#addons-page:not(.inSidebar) #categories .category[selected]
{
border: 1px solid rgb(195, 206, 223) !important;
border-radius: 5px !important;
}
}
/*
(*) That line enables this code block only if the width is less than or equal to 37em (modify if you want), since there's no reason to collapse the categories into a "popup bar" otherwise.
    Because of that, the style can be useful even for those who use the Add-ons Manager in a tab!
    Thanks to 2k1dmg (http://userstyles.org/users/108444)!
*/





/******************************** OTHER ********************************/


/* Whole page - Less padding */
#addons-page
{
padding: 8px !important;
}


/* Add counter of enabled/disabled add-ons */
.addon
{
counter-increment: enabled !important;
}
.addon[active="false"]
{
counter-increment: disabled !important;
}
#addons-page:not(.inSidebar) #categories:not(:-moz-any(
    [last-selected="category-search"],
    [last-selected="category-discover"],
    [last-selected="category-availableUpdates"],
    [last-selected="category-recentUpdates"]
  )) + #view-port-container #addon-list::after
{
content: counter(enabled) "+" counter(disabled) !important;
position: absolute !important;
left: 0 !important;
top: -1.4em !important;
width: 100% !important;
text-align: center !important;
cursor: default !important;
}
#view-port-container
{
position: relative !important;
overflow: visible !important;
}


/* Back & Forward buttons - Make sure that they are displayed */
#header > .nav-button
{
display: -moz-box !important;
}


/* Tools button - Fix margins */
#header-utils-btn
{
margin: 0 3px !important;
}


/* Flexible Searchbar, allowing for a narrower window */
#header-search
{
-moz-box-flex: 1 !important;
max-width: 20em !important;
}


/* Add-on detail pages - Remove wasted space */
#detail-notifications + hbox,
#detail-desc-container,
#detail-contributions > hbox
{
-moz-box-orient: vertical !important;
}
.detail-view-container:not(#overrideOmniSidebar)
{
padding: 0 10px !important;
overflow-x: hidden !important;
}
#detail-notifications
{
margin: 0 !important;
}
#detail-screenshot:not(#overrideOmniSidebar),
#detail-icon:not(#overrideOmniSidebar)
{
max-width: none !important; /* Required to give the text auto width. */
max-height: none !important;
margin: 0 !important;
}
#detail-icon-container
{
float: left !important;
}


/* Add-on detail pages - Stack tables */
#detail-grid > rows > row:-moz-any(.detail-row-complex:not([hidden]), .detail-row:not([hidden])[value]),
#detail-updates-row > hbox > *
{
display: inline !important;
}
#detail-grid > rows > row:-moz-any(.detail-row-complex:not([hidden]), .detail-row:not([hidden])[value]) > label.detail-row-label
{
width: 100% !important;
}
#detail-grid > rows > row > :nth-child(2)
{
margin-left: 20px !important;
}
#detail-grid > rows > row:-moz-any(.detail-row-complex:not([hidden]), .detail-row:not([hidden])[value]) > label:not(.detail-row-label)
{
margin-left: 25px !important;
}
#detail-rows > setting
{
width: 100% !important;
}
#detail-rows > setting > vbox
{
-moz-box-ordinal-group: 2 !important;
}
#detail-rows > setting[collapsed]
{
display:none!important;
}
#detail-controls > spacer
{
display: none !important;
}
}
原文链接:,转发请注明来源!
7 0

发表评论

  • 评论1则,共1页,当前第1
    • 吉喆嚞

      左侧扩展、用户样式、外观、插件等仿iphone图标我也想要