前往
大廳
主題

火狐Firefox Stylish CSS樣式:附加元件管理員美化

—— | 2016-02-08 03:30:36 | 巴幣 0 | 人氣 603

@-moz-document url("about:addons") {
/*左側欄間距*/
#categories {
margin:0 !important;
padding-top:30px !important;
width:180px !important;
}

/*==================== 隐藏元素 ====================*/
/*搜尋條*/
#header-search {
display: none !important;
}
/*獲取附加元件*/
#category-discover {
display: none !important;
}
/*服務*/
#category-service.category {
display: none !important;
}
/*說明*/
.description-container {
visibility: collapse !important;
}
/*STYLISH 管理页面底部提示信息*/
#userstyle-footer {visibility: collapse !important;}

.addon.addon-view {background-image: none;}
.addon.addon-view .warning {display: none;}
/*==================== 隐藏元素 ====================*/

/*==================== 界面修整 START ====================*/
#list-view .addon .content-inner-container,
  #updates-view .addon .content-inner-container {-moz-box-orient: horizontal !important;}
#list-view .addon .description-outer-container,
  #updates-view .addon .description-outer-container{overflow-x: hidden !important;}
#list-view .addon .icon,
  #updates-view .addon .icon {width: inherit !important; height: inherit !important;}
#list-view .addon .icon-container,
  #updates-view .addon .icon-container {width: 16px !important; height: 16px !important;}
#list-view .addon .name-container *,
  #updates-view .addon .name-container *  {font-size: 20px !important; font-weight: 500 !important;}
#list-view .addon .name-container .version,
  #updates-view .addon .name-container .version {color: #993300;}
#list-view .addon,
  #updates-view .addon {border-top-width: 1px !important;}
#list-view .addon-view *,
  #updates-view .addon-view * {-moz-box-align: center !important; vertical-align: middle !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-right: 0 !important; white-space: nowrap !important;}
#list-view .addon-view,
  #updates-view .addon-view {padding: 3px 4px 3px 0 !important;}
#updates-view .alert {border-radius: 0px;}
  
/* 顯示計數*/
.addon {
counter-increment: addoncount !important;
content: counter(addoncount) !important;
}
.addon:first-child {
counter-reset: addoncount !important;
}
.addon[active="false"] {
counter-increment: disabled !important;
}
#addon-list:after {
content: "[ "counter(addoncount)" 啟用, "counter(disabled)" 禁用 ]" !important;
position: fixed !important;
top: 15px !important;
left: 45px !important;
cursor: default;
white-space: nowrap !important;
}

/* 顯示ID*/
.addon[selected="true"]::after {
content:" ID : " attr(value) !important;
position: absolute !important;
margin-left: 30px !important;
color: red !important;
cursor: default;
}

/*-----------------右側---------------------*/
.main-content {
-moz-padding-end: 0px;
padding-bottom: 8px;
-moz-padding-start: 8px;
overflow: auto;
}

/*頂欄*/
#header {
margin-top: 4px !important;
margin-bottom: 4px !important;
-moz-margin-end: 0 !important;
border-bottom: 2px #FFA500 solid !important;
}
#header-utils-btn {
height: 24px!important;
line-height: 24px!important;
border: none !important;
background: none !important;
}

/*次頂欄*/
.view-header {
-moz-margin-end: 0px !important;
border-bottom:none!important;
border-bottom: 1px #FFA500 solid !important;
}
.sorter {
height: 24px!important;
}

/*greasemonkey鏈結*/
#greasemonkey-sort-bar .text-link {
margin-top: 5px !important;
}
  
/*----------------------列表--------------------*/
.view-pane > .list > scrollbox {
-moz-padding-end: 8px;
}

/*顯示更新日期*/
#list-view:not([type="userstyle"])#list-view:not([type="userchromejs"]) #addon-list .date-updated {
display: -moz-box !important;
color: #A52A2A !important;
}

/*按鈕高度*/
#view-port .addon-control {
height: 22px !important;
}

/*按鈕懸浮*/
#view-port .addon-control:not(:active):hover, #header-utils-btn:hover {
background-color: #FFA500 !important;
border-color: #FFA500 !important;
}

/*選中項背景*/
#search-list .addon[selected], #addon-list .addon[selected], #updates-list .addon[selected] {
background-color: rgba(196, 227, 255, 1) !important;
}

/*懸停項背景*/
#view-port .addon:hover {
background: rgba(196, 227, 255, 1) !important;
}

/*禁用項背景*/
.addon.addon-view[active="false"]:not([notification="warning"]) {
background:rgba(0, 0, 0, 0.2) !important;
}

/*不兼容項背景*/
richlistitem[notification="warning"] {
background:rgba(255, 255, 0, 0.2) !important;
}
  
/*附加元件調序*/
#category-extension {-moz-box-ordinal-group: 1 !important;}/*套件*/
#category-greasemonkey-user-script {-moz-box-ordinal-group: 2 !important;}/*GM腳本*/
#category-userchromejs {-moz-box-ordinal-group: 0 !important;}/*UC腳本*/
#category-userstyle {-moz-box-ordinal-group: 3 !important;}/*Stylish樣式*/
#category-plugin {-moz-box-ordinal-group: 4 !important;}/*外掛*/
#category-theme {-moz-box-ordinal-group: 5 !important;}/*外觀主題*/

#addons-page{
background:url(圖片) !important;
background-size:cover !important;
}
.main-content,#nav-header,#categories{
background:none !important;
}
.main-content {
padding-bottom:0 !important;
}
.addon{
border-color:rgba(250,250,250,.2)!important;
}
.addon[selected],.addon:hover,.category[selected],.category:hover{
background:rgba(250,250,250,.5)!important;
color:#000 !important;
}

/*==================== 界面修整 END ====================*/
   
/* Stylish樣式分類標籤 */
#list-view[type="userstyle"] .addon[styleTypes=""] .icon-container:before {content: "Und"; font-size: 13px; border-style: solid; border-width: 1px; border-color: #3e6284; background: purple; color:#373737; font-weight: 600 !important; font-weight: 600 !important; padding-right:14px!important; padding-left:15px!important;}
#list-view[type="userstyle"] .addon[styleTypes="undefined"] .icon-container:before {content: "Und"; font-size: 13px; border-style: solid; border-width: 1px; border-color: #3e6284; background: purple; color:#373737; font-weight: 600 !important; font-weight: 600 !important; padding-right:14px!important; padding-left:15px!important;}
#list-view[type="userstyle"] .addon[styleTypes*="app"] .icon-container:before {content: "介面"; font-size: 13px; border-style: solid; border-width: 1px; border-color: #3e6284; background: #F9CACA; color:#373737; font-weight: 600 !important; padding-right:14px!important; padding-left:15px!important;}
#list-view[type="userstyle"] .addon[styleTypes*="site"] .icon-container:before {content: "網站"; font-size: 13px; border-style: solid; border-width: 1px; border-color: #3e6284; background: #D6F0C3; color:#373737; font-weight: 600 !important; padding-right:2px!important; padding-left:2px!important;}
#list-view[type="userstyle"] .addon[styleTypes*="global"] .icon-container:before {content: "全域"; font-size: 13px; border-style: solid; border-width: 1px; border-color: #3e6284; background: #bae1ff; color:#373737; font-weight: 600 !important; padding-right:7px!important; padding-left:8px!important;}
#list-view[type="userstyle"] .addon[active="false"] .icon-container:before {opacity: 0.5;}
#list-view[type="userstyle"] .addon .icon {display: none !important;}

}

創作回應

更多創作