主題

火狐Stylish CSS樣式：Firefox Operalike text-field－網址列填滿版

—— | 2013-04-14 14:31:30 | 巴幣 0 | 人氣 483

@-moz-document url("chrome://browser/content/browser.xul") {

/* hidden */

#urlbar-throbber,
#identity-icon-labels,
#urlbar[focused] #urlbar-icons {
visibility: collapse !important;
}

#urlbar[pageproxystate="invalid"] #page-proxy-favicon,
#main-window:not([stylish-url^="ftp://"]) #page-proxy-favicon {
opacity: 1 !important;
}

#identity-box {
margin: 0px 5px 0px -2px !important;
padding-left:6px !important;
padding-right:3px !important;
background:#E9F1F9 !important;
background-clip: padding-box !important;
background-size:auto !Important;
border: 1px solid #A3A5A8 !important;
border-bottom:none !important;
border-top:none !important;
border-radius: 0 !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset !important;
-moz-border-end: 1px solid threedshadow !important;
font-size:16px !important;
}

#identity-box:-moz-locale-dir(ltr) {
border-radius: 2.5px 0 0 2.5px !important;
}

#identity-box:not([open]):hover {
box-shadow: 0 0 0 1px rgba(255,255,255,0.4) inset !important;
border-color: #838488 !important;
}

#identity-box[open] {
box-shadow: 0 1px 0 rgba(0,0,0,.05) inset,
0 0 5px 1px rgba(0,0,0,.3) inset !important;
border-color: #6B6B6B !important;
}

#identity-box:hover #page-proxy-stack {
opacity:.8;
}

/* image */
/*
#identity-box.unknownIdentity #page-proxy-stack {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAACk0lEQVR42rWT309SYRjH07lZ66Lr/oLuunR1YVSG3qigHMFfcEAOHuAowhE56OEgPyQ4EhMlytISV8sYQslEXQjPVleuravc6iLXRRetrVqb68dss4dWLay8qS4+2/u+z/f73fO+e58Du7u7f8W/D9D0eerIfm9Ya/EDafEBrguaPq+I55J9A7rM7sPdZrdIopEPXU1GphfuFB48TGw82pwZEKJZnTUAWA+grvr3ASYhTNtDy7HZ1KLdG8/QjvDqkDfmZ0ejnJkTc0LoSlbNeAF1Y78EtFFOSYfRVdh8uhW6eC0V0A+GgXZGQc148qGphP/xk2dB1JmnE4vJdtoFqD9RFqC3+uJ88PKSwzdFdJk96yY+DgbHBEzPZ25hXYocLelevnpNaJjRvM7iie3pgLuH7d5U0cKa1iaCyXUJ9EMTgI+Xlalt9UjlN8PB4OTc7U6aX/0R0NhpqWxWs2D3TCb8kZlUm95ZVPYKoLGKXyEoHhq7BmZQd6hkCEavi3INW/y5gwqF1r7OCpFZXHdsb7+/kFkuzONd1zXWcSDZCMjJIVBRjtqSYdAdCaooLl92BZr1Z+VqW06qoKtwX43UOLyTi0raA90D4yDXOoGyebmSlmSEOcuImC4LmL2RiUgJE0gJmvleUBm4tMLghnbmPMgwgB4ci9W1GCR1rb2wkF71lQV8+PjpJMm4cmdbekHS3MNJmnRVDUqm2GoYBYL2gUw3Ap1GV+qcwrjW7wwuoef43o9UsfX8xbDaNJw71dQDp2VUvF5lAVmPAE3aEWhot5bOgB+bSr55+878p1k4srPzmV1Ir8yTDJ88I6eKtY06qCeMecYRuFu4v1F6ZCVSvd8wVSA1CI2MIxNIAKGQY/9lnL8AZ4qtPjFEuwQAAAAASUVORK5CYII=) no-repeat center center !important;
}

#identity-box.verifiedIdentity #page-proxy-stack {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABMUlEQVQ4y2P4//8/AyWYgSYGaCVr62qnaE/RydDdD8JA9gSgmBpRBmgkaqhop+rs0snS2a+dCcEgtlaq9k6gnCxBA0yyTDo10jT3F88oXv3i3YvJT14/mQJia6Rq7jfOMGkiaIBOqu4OlUTV/fee34sC8nmAmBfEBonppOhuJ2iAYrzSfo0UjX1ANheSOJdSovJ+kBxeA6RDZZYppirtV0xX2i8XI7dfNgqC5WLl9ytmAMWBciA1OA2QDJPar5CtuF8hBwcGyoHU4DRALFh8v0yGLF4MUoPTACF/4f3iyRJ4MUgNTgP4fQT2C8eL4MUgNTgN4PHk3c8fLYAXg9TgNIDTlXM/dyjPfu5wHBgoB1KD0wDLNKtNbE7s+9mccWCgnHmqxWZ8CSkLiPsJ4ByqZmcAQj18xglJKFsAAAAASUVORK5CYII=) no-repeat center center !important;
}

#identity-box.verifiedDomain #page-proxy-stack {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABMUlEQVQ4y2P4//8/AyWYgSYG5IZp6eaHa08pjtbZD8JA9gSgmBpRBmSHaKgURGjvKovR2V8arQ3GIHZ+hNZOoJwsQQOK40w6CyM09s+fULz6/dsXk9++ejIFxAaJFcUYNxE0ID9SZ0dOsMr+F0/vRQH5PEDMC2LnhqgAXaGznbAXghSBftbYB2RzIYlz5QQr7QfJ4TUgwUN6WVGY4v6ScMX9GX5y+1N9ZME4w19uf2mE4n6QHEgNTgMSPST3V0Yp7K+Kxo5BciA1OA2IcxPbXxYugxeD1OA0IMpJaH9hkDheDFKD04BwO/79uX7CeDFIDU4DQqx59md68ePFIDU4DQgw59yf7Mq9P9UNOwbJgdTgNCAvxnKTrynbfj8z7BgklxtlvhlfQsoC4n4COIeq2RkA/CSXkU0GjUYAAAAASUVORK5CYII=) no-repeat center center !important;
}

#identity-box.mixedContent #page-proxy-stack {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABUUlEQVR42mNgGJQgh0FDN49Bc0ohg/Z+EM5j0JqQzaChRpTmLAZllXwGrV2lQI0lUFwKNkRzJ1BOlqABhQxGnQUM6vvnaReuftf+fPKb1kdTQGyQWAGDYRNBA3IZtHdkMyjvf1p/N+pV/Sue152veUHsHKBYHoP2doIGZDIoABWq73ta/5QLJgZiZzMo7gfJ4dUczyC1rBCoqBiI0xlk96cwyIAxiF0CFAPJgdTgNCCBQWJ/BYP8/ko0DJT6jwVjglgGUWCIS6NgkOL/eXn//4eE/P9vYPAfqPP/AVyGRDIIAkNaHI7hmu3twRqRMVZDQhn49+cwCMMx2ICoKAzNOA0IZuDenwE0BIbBBoCcjQVgNcCfgWN/ItCQFChmwGIzXhfkMlhs8mFg3e8LxQxQhdg0T8RmwJ/pf7L+zvzbj4xhhoCxiAhEs7Iy7qjEAXCmAwB1BfZ1gB3BCAAAAABJRU5ErkJggg==) no-repeat center center !important;
}

#identity-box.chromeUI #page-proxy-stack {
background: url("chrome://branding/content/icon16.png") no-repeat center center !important;
}

#main-window[stylish-url^="ftp://"] #page-proxy-stack,
#main-window #urlbar[pageproxystate="invalid"] #page-proxy-stack {
background: transparent !important;
}

#main-window:-moz-any([stylish-url^="file:///"],[stylish-url^="unmht:///"]) #page-proxy-stack {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAA5UlEQVQ4y2P4//8/AyWYYfAYkFLUlpxR3rM/q6ofL04v694PVBuHYQBIc8OkNftbZ2zGi0FqQIZgGJAGFGyYvI4onIbNgIT81v0V3cuIwiC1GAZEZtTtz2+aSxQGqcUwIDChbH9qxWSiMEgthgGeEXn7o/M6icIgtRgGOPgl7/dLrNoflNqAF/snVu8HqcUwYPLsZcssPWL323gn7rfzS9lv75+Ggu18U8ByIDUTZi5Zhi0lOgNxPwjPX75h8YLlG1HwktVbFsLkgdgVb1I2cQrbb+IcjoLNXSO3k5IX+rHg9sGZGwFu6c9m8lA2cAAAAABJRU5ErkJggg==) no-repeat center center !important;
}

#main-window[stylish-url^="https://"] #urlbar:not([level]):not([pageproxystate="invalid"]) #page-proxy-stack {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABh0lEQVQ4y2P4//8/AyWYYXAbUKah4VahqbkfSDuSbECxqipvtbb21g4dnf01enobQHySDCjT0qpt0dDYP0VXd38zkC7V0ioj2oBceXnDMiWl/fWqqvurlZX3NwDpUiAfKK5L0IAsGRmWIhWVlVUKCvv7/P03AcX6uzw8tlQD+YXKystB8ngNyJSVTS+VkdlfKSu7f0ZS0nSQ2OTo6LnVcnL7QeJA+SScBqSIiSllS0ruaQAqrJKS2l9tZjYfJF5uYLC8Rlp6fz1QHCQPVCeLYUCCkBBThrT0jGIxsf0NEhL7q8XF9xcoK29NBIoDNe2uAfJB4iD5DCmp6RgGxAkK+mcICu6vEhHZXwPE1UCcBeQnCwjszwbSNVBxkDxIXSw/vw/cgCgeHpEkIaEdhfz8+yuAGmA4k49v/+c3byaBaGRxkDqgy7aC9EFsFxZuTebi2l/Cw4OCc7i596cCxUE0sngxEIPUA/U1gw2YlpbWHc7Ovj+KBAxSPykhoQcWBg6g+CYDO1OcGwEYDXCNh5skJQAAAABJRU5ErkJggg==) no-repeat center center !important;
}
*/
/* text */

#identity-box:after {
display: -moz-box;
-moz-box-align: center;
-moz-padding-end: 2px;
-moz-padding-start: 2px;
color: rgba(0,0,0,.76);
text-shadow: none;
font-size: .9em;
}

#urlbar #identity-box.unknownIdentity:after {
content: "網頁";
}

#urlbar #identity-box.verifiedIdentity:after {
content: "信任";
}

#urlbar #identity-box.verifiedDomain:after {
content: "安全";
}

#urlbar #identity-box.mixedContent:after {
content: "混合";
}

#urlbar #identity-box.chromeUI:after {
content: "火狐";
}

#main-window:-moz-any([stylish-url^="file:///"],[stylish-url^="unmht:///"]) #urlbar #identity-box:after {
content: "本地";
}

#urlbar[pageproxystate="invalid"] #identity-box:after,
#main-window[stylish-url^="https://"] #urlbar:not([level]) #identity-box:after {
content: "空白" !important;
}

/* color */
#identity-box[class="unknownIdentity"]{
background: -moz-linear-gradient(#EDF0F6,#DADEEC) !important;
}

#identity-box[class="unknownIdentity"]:hover {
background: -moz-linear-gradient(#F2F5FB,#DDE3F1) !important;
}

#identity-box.verifiedIdentity {
background-image: -moz-linear-gradient(rgba(210,246,191,0.8),rgba(125,194,102,0.8),rgba(121,195,73,0.8)) !important;
background:rgba(180,230,161,0.8) !important;
}

#identity-box.verifiedIdentity:not([open]):hover {
background-image: -moz-linear-gradient(rgba(210,246,191,0.8),rgba(125,194,102,0.8),rgba(121,195,73,0.8)) !important;
}

#identity-box.verifiedIdentity[open] {
background-image: -moz-linear-gradient(#78B542,#59A949,#93DE64) !important;
}

#identity-box.verifiedDomain {
background-image: -moz-linear-gradient(#FBEE7B,#E8CA45,#F2E785) !important;
}

#identity-box.verifiedDomain:not([open]):hover {
background-image: -moz-linear-gradient(#FFFCC7,#F1DC70,#F2E88E) !important;
}

#identity-box.verifiedDomain[open] {
background-image: -moz-linear-gradient(#D1B84C,#D7AD36,#FEF5A2) !important;
}

#identity-box.mixedContent {
background-image: -moz-linear-gradient(#FFE2DF,#F5C8C1,#FFD6D2) !important;
}

#identity-box.mixedContent:not([open]):hover {
background-image: -moz-linear-gradient(#FFF7F6,#FFD6D2) !important;
}

#identity-box.mixedContent[open] {
background-image: -moz-linear-gradient(#C8ABA8,#FFD6D2) !important;
}

#urlbar[pageproxystate="invalid"] #identity-box {
background-image: -moz-linear-gradient(hsl(0,0%,98%), hsl(0,0%,92%)) !important;
}