前往
大廳
主題

火狐Firefox Stylish CSS樣式:智能網址列Awesomebar美化

—— | 2012-04-07 15:54:35 | 巴幣 0 | 人氣 594

個人修改版,備份用的。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
/*高亮關鍵詞*/
html|span.ac-emphasize-text  {font-weight:normal !important; background: hsla(60,91%,75%,.38) -moz-linear-gradient(bottom, hsla(37,100%,55%,.15) 4px, hsla(40,100%,60%,.2) 0px, hsla(60,100%,80%,.07) 100%) border-box !important; text-decoration:none!important;box-shadow: inset hsla(60,100%,35%,.2) 0 0 0 1px,inset hsla(0,0%,100%,.15) 0 0 0 2px !important; border-radius:2px !important;}

@-moz-document url(chrome://browser/content/browser.xul){
/*並排顯示URL和標題*/
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
    -moz-box-orient: horizontal !important;
    padding-bottom:14px !important;(數字可改成自己喜歡大小)
    font-size:14pt !important;(數字可改成自己喜歡大小)
}
/*標題最大長度*/
.ac-title {
    width:600px !important;
}
}

/*背景色和字體顏色*/

richlistitem.autocomplete-richlistitem[actiontype="switchtab"] .ac-title .ac-normal-text.ac-comment:before {content:" Switch to tab: ";color: hsla(0,0%,44%,1) !important; background: -moz-linear-gradient( hsla(213,55%,94%,.2) 0px, hsla(213,25%,80%,.2) 100%) border-box !important; box-shadow: inset hsla(213,50%,35%,.15) 0 0 0 1px,inset hsla(0,0%,100%,.2) 0 0 0 2px !important; border-radius:2px !important;-moz-margin-end:.4ex!important;pointer-events: none;}
richlistitem.autocomplete-richlistitem[actiontype="switchtab"] .ac-url .ac-normal-text.ac-action-text {visibility:collapse!important;}
richlistitem.autocomplete-richlistitem[actiontype="switchtab"] .ac-normal-text.ac-url-text {visibility:visible!important;}

richlistitem.autocomplete-richlistitem[current] {border: 1px solid hsla(213,57%,69%,1) !important; background: border-box -moz-linear-gradient( left, hsla(213,100%,2%,.06) 27px, hsla(213,57%,69%,0) 27px, hsla(213,57%,69%,.75)) repeat-y , padding-box -moz-linear-gradient(hsla(213,100%,96%,1) 0%, hsla(213,100%,91%,1) 100%) repeat-x !important; background-size: 28px auto, auto !important; border-radius: 2.3px !important; -moz-transition: box-shadow .23s ease 0.02s !important; box-shadow: inset hsla(0,0%,100%,.43) 0 0 0 1px !important;text-shadow: hsla(0,0%, 100%, .6) 0 1px 0 !important}

richlistitem.autocomplete-richlistitem[current]:not([selected])  {border-color: rgb(190,190,190) !IMPORTANT; background-image:-moz-linear-gradient(left, rgba(0,0,0,.055) 27px, rgba(0,0,0,0) 27px, rgba(0,0,0,.2)) , -moz-linear-gradient( rgb(248,248,248) 0%, rgb(229,229,229)  100%) !important;}

richlistitem.autocomplete-richlistitem[selected]:active:hover {background-image:-moz-linear-gradient(left, hsla(213,100%,2%,.06) 27px, hsla(213,57%,69%,0) 27px, hsla(213,57%,69%,.75)), -moz-linear-gradient( hsla(213,89%,93%,1) 0, hsla(213,94%,88%,1) 100%)!important;}

#PopupAutoCompleteRichResult * { color:inherit !important;}

/*去掉滾動條*/
.autocomplete-richlistbox
    {display: block !important;}

.autocomplete-richlistbox > *
    {width: -moz-available !important;}

創作回應

更多創作