前往
大廳
主題

火狐Firefox CSS樣式:智能網址列列表美化 57+

—— | 2017-12-11 21:17:47 | 巴幣 0 | 人氣 348

把不知道何時變寬的列表縮短跟網址列一樣長,還加了顏色,不會那麼白。

@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;}

/*標題最大長度*/
.ac-title {
width:450px !important;
}

/*圖示位置*/
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
margin-left: 3px !important;
}

/*寬度*/
#PopupAutoCompleteRichResult {
width: 1010px !important;/*右邊空白與網址列對齊*/
max-width: 1010px !important;
margin-Left:3px !important;/*圖示與網址列*/
--item-padding-start: 3px !important;/*左邊空白與網址列對齊*/
}

/*背景色*/
.autocomplete-richlistitem[type="bookmark"]
{
background-color: #E1FFFF;
color: #000000 !important;
}

.autocomplete-richlistitem[type="favicon"]
{
background-color: #FFF8DC;
color: #000000 !important;
}

/*分隔線*/
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not(:first-child) {
border-top: 1px solid #ddd !important;
}

創作回應

更多創作