主題

火狐Firefox Stylish CSS樣式：美化智慧網址列的下拉列表

—— | 2016-06-17 12:05:58 | 巴幣 0 | 人氣 461

限47以下，48改了。
個人版，從??▌AwesomeBar Popup???和AwesomeBar Popup Old各提取部份結合一起。
兩個原樣式在最底下。

加了分隔線和改變寬度。

@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-window[sizemode="maximized"] #PopupAutoCompleteRichResult .ac-title-box {
    width: 40em !important;
    min-width: 35em !important;
    max-width: 40em !important;
  }
}

/* AGENT_SHEET */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
@-moz-document url-prefix('chrome://') {
#PopupAutoCompleteRichResult:not([width]) {opacity:0!important;}
#PopupAutoCompleteRichResult {transition: opacity .2s linear 0s !important;padding:0 !important;margin-top:-1px !important;
border:1px solid hsla(0,0%,0%,.07) !important;background: hsla(0,0%,9%,1) padding-box!important;/*[BW]*/background-color:white!important;/**/-moz-appearance:none!important;border-radius:0;}

#PopupAutoCompleteRichResult .autocomplete-richlistbox {background: transparent !important;margin:0!important;}

#PopupAutoCompleteRichResult * {font:inherit!important;font-family: "Segoe ui", sans-serif!important;}

#PopupAutoCompleteRichResult .ac-site-icon {-moz-box-ordinal-group:0!important;margin:0 12px 0 3px!important;}
#PopupAutoCompleteRichResult .ac-title-box {margin:0!important;padding:0!important;color:white!important;/*[BW]*/color:black!important;/**/font-size: 105% !important;}
#PopupAutoCompleteRichResult .ac-url-box {margin:2px 0 0!important;padding:0!important;transition: opacity .21s linear 0.02s, transform .21s ease-out 0.02s !important;}
#PopupAutoCompleteRichResult .ac-url-text, #PopupAutoCompleteRichResult .ac-action-text {color:gray/*GrayText*/!important;}

.autocomplete-richlistitem {border-radius: 0 !important;outline:0px!important;border:0!important;border-top-color:hsla(0,0%,99%,0)!important;padding:4px 6px!important;margin:0!important;}

html|span.ac-emphasize-text  {color:inherit!important;text-shadow:none!important;text-decoration:none!important;background:hsla(0,0%,40%,.18)!important;box-shadow:none!important;border-radius:0!important;}
.autocomplete-richlistitem[actiontype="switchtab"] .ac-url .ac-normal-text.ac-action-text {visibility:collapse!important;}
.autocomplete-richlistitem[actiontype="switchtab"] .ac-normal-text.ac-url-text {visibility:visible!important;}

.autocomplete-richlistitem[current] {border-color: hsla(95,/*[SAT]*/100%,43%,0) !important;background:hsla(95,/*[SAT]*/100%,73%,.31)!important;box-shadow: inset hsla(95,/*[SAT]*/100%,91%,.17) 0 0 0 0px !important;}
.autocomplete-richlistitem:active:hover {background-color:hsla(95,/*[SAT]*/100%,42%,.27)!important;box-shadow: inset hsla(95,/*[SAT]*/71%,84%,.5) 0 0 0 0px !important;}
.ac-result-type-keyword, richlistitem[actiontype="searchengine"] .ac-site-icon {list-style: url("chrome://global/skin/icons/autocomplete-search.svg#search-icon")!important;}

/*[[COMP]]*/
#PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox {overflow:visible!important;}

.autocomplete-richlistitem:-moz-any([type*='autofill'],[type*='keyword'],[type*='search'],[type*="uggest"]) .ac-url-box, .ac-result-type-tag,.ac-action-icon,.ac-result-type-visiturl,.ac-result-type-searchengine,[class="ac-type-icon"],x.ac-result-type-switchtab, .ac-result-type-favicon,.ac-url-box .ac-site-icon,.ac-title-box .ac-ellipsis-after {visibility: collapse!important;}

.autocomplete-richlistitem:-moz-any([type*='autofill'],[type*='keyword'],[type*='search'],[type*="uggest"]) {background:hsla(0,0%,50%,.03);}

#mainPopupSet #PopupAutoCompleteRichResult .autocomplete-richlistitem {-moz-box-orient:horizontal!important;padding:7px 6px!important;}

#PopupAutoCompleteRichResult .ac-title-box {-moz-box-flex:1!important;transform:none!important;}

#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url-box {-moz-box-flex:99999!important;margin:0!important}

.ac-normal-text::after {content:"\200b";}

#PopupAutoCompleteRichResult .ac-url .ac-url-text::before {content:"\a0\a0—\a0\a0";}
#PopupAutoCompleteRichResult .ac-type-icon.ac-result-type-switchtab {display:-moz-box!important;list-style-image: url("chrome://browser/skin/actionicon-tab.png");-moz-image-region: rect(-3px, 16px, 11px,0);padding-bottom:3px}

#PopupAutoCompleteRichResult .ac-title ~ *:not([pack="start"]) {-moz-box-ordinal-group:0!important;margin:0 12px 0 0px!important;}
.autocomplete-richlistitem:not([current]) .ac-title ~ *:not([pack="start"]){filter: grayscale(100%) opacity(.8);}
}

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

#PopupAutoCompleteRichResult .ac-title-box .ac-type-icon.ac-result-type-bookmark {
  -moz-box-ordinal-group: 1 !important;
}

#PopupAutoCompleteRichResult .ac-title-box .ac-site-icon {
  -moz-box-ordinal-group: 2 !important;
}

#PopupAutoCompleteRichResult .ac-title-box .ac-title {
  -moz-box-ordinal-group: 3 !important;
}

#PopupAutoCompleteRichResult .ac-title-box .ac-extra {
  -moz-box-ordinal-group: 4 !important;
}

@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  #main-window[sizemode="maximized"] #PopupAutoCompleteRichResult .ac-title-box {
    width: 40em !important;
    min-width: 35em !important;
    max-width: 40em !important;
  }
}
/*去掉滾動條*/
.autocomplete-richlistbox
    {display: block !important;}
.autocomplete-richlistbox > *
    {width: -moz-available !important;}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
    background:white -moz-linear-gradient(left,hsl(0,0%,97%) 27px,hsl(0,0%,90%) 28px,transparent 0) repeat-y !important;
    background-size:28px auto!important;
    margin:1px !important;
}

Hue：
選擇項目的顏色。

Minimalist：
選擇Yes，標題和網址合成一列。

Greyscale：
選擇Yes，Hue無效，變成灰色。
不懂這個，要彩色就選NO。

Light/Dark：
Dark，黑底白字。Hue無效。
樣式安裝：
??▌AwesomeBar Popup??? - userstyles.org

AwesomeBar Popup Old -userstyles.org