? ? ? 文章

Aboutaddons-Compact.css:附加组件管理器紧凑样式

Aboutaddons-Compact.css可以让你拥有一个紧凑而又不失美观的火狐附加组件管理器界面,大大提高使用效率,看图。

Aboutaddons-Compact.css:附加组件管理器紧凑样式

Aboutaddons-Compact.css 样式效果预览

/*本样式来自火狐范:http://firefoxfan.org*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("about:addons"){
*{border-radius:0px !important;}#view-port-container{background:rgba(233,222,255,.1) !important;border:none !Important;}
#search-list *, #addon-list *, #updates-list *,.category-name{font-size:14px!important;padding:0 !important;}
/*隐藏*/
#updates-container,.description-container,#forward-btn,#back-btn,#header-search,#category-discover,
.view-header.global-warning-container,.global-warning-container.global-warning,.addon.addon-view .warning{display:none!important;}
#header-utils-btn{background:#EAEAEA !important;}#header-utils-btn:hover,#header-utils-btn[open="true"]{border-color:#4D90CE !important;}
#userstyle-footer{border-top:1px solid #BFD3ED !important;} #view-port-container #view-port scrollbox{overflow-x:hidden!Important}
/*按钮*/
#list-view > #addon-list > .addon.addon-view > hbox > vbox:last-child > hbox:last-child > vbox:last-child
{width:20em !important;max-width:20em !important;min-width:20em !important;-moz-box-pack: end !important;}
/*按钮边框*/
button
{background-color:#eaeaea !important;border:1px solid #ABABAB !important;text-decoration:none !important;-moz-appearance:none !important;}
/*按钮悬浮*/
button:hover
{background-color:#D1E8FC !important;border-color:#4D90CE !important;-moz-transition: background-color .3s ease-in,border-color .2s ease-in !important;}
/*按钮按下*/
button:active
{background-color:#D8F5FC !important;border-color:#4D90CE !important;box-shadow: 0 0 4.5px rgba(0, 0, 0, 0.4) inset,0 0 2px rgba(0, 0, 0, 0.4) inset,0 1px 0 rgba(255, 255, 255, 0.4) !important;}
/*把所有项目放到同一行*/
#list-view > #addon-list .addon.addon-view{padding: 1px 5px 1px 6px !important;}
#list-view .addon.addon-view *{-moz-box-orient: horizontal !important; -moz-box-align: center !important;vertical-align: middle !important;font-size: 100% !important; 
margin-top: 0 !important; margin-bottom: 0 !important;margin-right: 0 !important; white-space: nowrap !important;}
#list-view > #addon-list .icon-container,#list-view > #addon-list .icon{height: 15px !important;width: 15px !important;}
/*禁用项背景*/
.addon[active="false"]{background:#EDEDED !important}
 /*列表背景 */
.addon{-moz-border-top-colors: #EAF7FF !important;-moz-border-bottom-colors: #D8D8D8 !important;
border-bottom:1px solid #D8D8D8 !important;border-top:1px solid #EAF7FF !important;}
.addon[selected]{-moz-border-top-colors: #7EB4E3 !important;-moz-border-bottom-colors: #7EB4E3 !important;
border-bottom:1px solid #7EB4E3 !important;border-top:1px solid #7EB4E3 !important;background-color:#BFDBF4 !important;}
/*不兼容项背景*/
richlistitem[notification="warning"]{background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"), -moz-linear-gradient(rgba(255, 255, 0, 0.04), transparent);}
/*显示计数和ID */
.addon{counter-increment: addoncount !important;content: counter(addoncount) !important;}
.addon[active="false"] {counter-increment: disabled !important;}
#addon-list:after{content: "("counter(addoncount)" , "counter(disabled)" )" !important;
position: fixed !important;top:10px !important; left:57px !important;
color:black;cursor: default;white-space: nowrap !important;}
#categories{max-width:180px!important;}
/*美化*/
#category-userscript,#category-plugin,#category-theme,#category-extension,#category-userstyle{color:black!important;}
#category-userscript[selected="true"],#category-plugin[selected="true"],#category-theme[selected="true"],#category-extension[selected="true"],#category-userstyle[selected="true"]{color:black!important;}
#header{position:fixed !important;background:transparent !important;margin:5px 0px 0 5px !important;z-index:1000000000000;}
#categories{margin-left:0 !important;margin-top:0 !important;padding-top:35px !important;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAIElEQVQImQEVAOr/AOr0+v/p8vr/6PH5/+Lr9f/X5fD/x2US6cHVHtcAAAAASUVORK5CYII=") !important;
background-repeat:repeat-y !important;background-position:-moz-calc(100% - 0px) 0 !important;}
#addons-page{padding:0 !important;background:#EAF4FA !important;}
.category{border:1px solid transparent !important;background-position:100% 0,100% 100%,100% 0,0 100%,0 0 !important;overflow: hidden!Important;padding: 4px 0 4px 0px!Important;direction:rtl !important;}
.category[selected]{background-color:#BFDBF4 !important;border:1px solid #7EB4E3 !important;}
.category:not([disabled]){height: auto!Important;}.category-icon{width:25px!important;height:25px!important;}
.name-container > .name {font-weight:400!important;} .name-container > .version,.name-container > .disabled-postfix{font-weight:400!important;}
}
原文链接:,转发请注明来源!
19 4

发表评论