本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

转播到腾讯微博
返回列表 回复 发帖

[推荐] 新版Australis界面,将≡(定制)按钮转换成日期

本帖最后由 nettrottist 于 2014-8-24 07:55 编辑
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

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

  3.   #PanelUI-menu-button .toolbarbutton-icon {

  4.     visibility: collapse;

  5.   }



  6.   #PanelUI-menu-button::before,

  7.   #PanelUI-menu-button::after {

  8.     display: -moz-box;

  9.   }



  10.   #PanelUI-menu-button:not([open]):hover::before,

  11.   #PanelUI-menu-button:not([open]):hover::after {

  12.     background-image: linear-gradient(rgba(255, 255, 255, .6),

  13.                                       rgba(255, 255, 255, .1));

  14.     background-color: transparent;

  15.     border-color: hsla(210, 54%, 20%, .15) hsla(210, 54%, 20%, .2) hsla(210, 54%, 20%, .25);

  16.     box-shadow: 0 1px hsla(0, 0%, 100%, .3) inset,

  17.                 0 1px hsla(210, 54%, 20%, .03),

  18.                 0 0 2px hsla(210, 54%, 20%, .1);

  19.   }



  20.   #PanelUI-menu-button[open]::before,

  21.   #PanelUI-menu-button[open]::after {

  22.     background-color: hsla(210, 4%, 10%, .12);

  23.     border-top-color: hsla(210, 4%, 10%, .2);

  24.     box-shadow: 0 1px 0 0 hsla(210, 4%, 10%, .1) inset;

  25.     transition-duration: 10ms;

  26.   }



  27.   #PanelUI-menu-button::before {

  28.     padding: .5em .25em .5em .5em;

  29.   }



  30.   #PanelUI-menu-button::after {

  31.     padding: .5em .5em .5em .25em;

  32.   }



  33.   :root[stylish-month="1"] #PanelUI-menu-button::before {

  34.     content: "Jan";

  35.   }



  36.   :root[stylish-month="2"] #PanelUI-menu-button::before {

  37.     content: "Feb";

  38.   }



  39.   :root[stylish-month="3"] #PanelUI-menu-button::before {

  40.     content: "Mar";

  41.   }



  42.   :root[stylish-month="4"] #PanelUI-menu-button::before {

  43.     content: "Apr";

  44.   }



  45.   :root[stylish-month="5"] #PanelUI-menu-button::before {

  46.     content: "May";

  47.   }



  48.   :root[stylish-month="6"] #PanelUI-menu-button::before {

  49.     content: "Jun";

  50.   }



  51.   :root[stylish-month="7"] #PanelUI-menu-button::before {

  52.     content: "Jul";

  53.   }



  54.   :root[stylish-month="8"] #PanelUI-menu-button::before {

  55.     content: "Aug";

  56.   }



  57.   :root[stylish-month="9"] #PanelUI-menu-button::before {

  58.     content: "Sep";

  59.   }



  60.   :root[stylish-month="10"] #PanelUI-menu-button::before {

  61.     content: "Oct";

  62.   }



  63.   :root[stylish-month="11"] #PanelUI-menu-button::before {

  64.     content: "Nov";

  65.   }



  66.   :root[stylish-month="12"] #PanelUI-menu-button::before {

  67.     content: "Dec";

  68.   }



  69.   :root[stylish-date="1"] #PanelUI-menu-button::after {

  70.     content: "1";

  71.   }



  72.   :root[stylish-date="2"] #PanelUI-menu-button::after {

  73.     content: "2";

  74.   }



  75.   :root[stylish-date="3"] #PanelUI-menu-button::after {

  76.     content: "3";

  77.   }



  78.   :root[stylish-date="4"] #PanelUI-menu-button::after {

  79.     content: "4";

  80.   }



  81.   :root[stylish-date="5"] #PanelUI-menu-button::after {

  82.     content: "5";

  83.   }



  84.   :root[stylish-date="6"] #PanelUI-menu-button::after {

  85.     content: "6";

  86.   }



  87.   :root[stylish-date="7"] #PanelUI-menu-button::after {

  88.     content: "7";

  89.   }



  90.   :root[stylish-date="8"] #PanelUI-menu-button::after {

  91.     content: "8";

  92.   }



  93.   :root[stylish-date="9"] #PanelUI-menu-button::after {

  94.     content: "9";

  95.   }



  96.   :root[stylish-date="10"] #PanelUI-menu-button::after {

  97.     content: "10";

  98.   }



  99.   :root[stylish-date="11"] #PanelUI-menu-button::after {

  100.     content: "11";

  101.   }



  102.   :root[stylish-date="12"] #PanelUI-menu-button::after {

  103.     content: "12";

  104.   }



  105.   :root[stylish-date="13"] #PanelUI-menu-button::after {

  106.     content: "13";

  107.   }



  108.   :root[stylish-date="14"] #PanelUI-menu-button::after {

  109.     content: "14";

  110.   }



  111.   :root[stylish-date="15"] #PanelUI-menu-button::after {

  112.     content: "15";

  113.   }



  114.   :root[stylish-date="16"] #PanelUI-menu-button::after {

  115.     content: "16";

  116.   }



  117.   :root[stylish-date="17"] #PanelUI-menu-button::after {

  118.     content: "17";

  119.   }



  120.   :root[stylish-date="18"] #PanelUI-menu-button::after {

  121.     content: "18";

  122.   }



  123.   :root[stylish-date="19"] #PanelUI-menu-button::after {

  124.     content: "19";

  125.   }



  126.   :root[stylish-date="20"] #PanelUI-menu-button::after {

  127.     content: "20";

  128.   }



  129.   :root[stylish-date="21"] #PanelUI-menu-button::after {

  130.     content: "21";

  131.   }



  132.   :root[stylish-date="22"] #PanelUI-menu-button::after {

  133.     content: "22";

  134.   }



  135.   :root[stylish-date="23"] #PanelUI-menu-button::after {

  136.     content: "23";

  137.   }



  138.   :root[stylish-date="24"] #PanelUI-menu-button::after {

  139.     content: "24";

  140.   }



  141.   :root[stylish-date="25"] #PanelUI-menu-button::after {

  142.     content: "25";

  143.   }



  144.   :root[stylish-date="26"] #PanelUI-menu-button::after {

  145.     content: "26";

  146.   }



  147.   :root[stylish-date="27"] #PanelUI-menu-button::after {

  148.     content: "27";

  149.   }



  150.   :root[stylish-date="28"] #PanelUI-menu-button::after {

  151.     content: "28";

  152.   }



  153.   :root[stylish-date="29"] #PanelUI-menu-button::after {

  154.     content: "29";

  155.   }



  156.   :root[stylish-date="30"] #PanelUI-menu-button::after {

  157.     content: "30";

  158.   }



  159.   :root[stylish-date="31"] #PanelUI-menu-button::after {

  160.     content: "31";

  161.   }



  162.   :root[stylish-month="4"][stylish-date="1"]:-moz-any(

  163.     [stylish-hour="15"],

  164.     [stylish-hour="18"],

  165.     [stylish-hour="21"]) #PanelUI-menu-button::before {

  166.     content: "April";

  167.   }



  168.   :root[stylish-month="4"][stylish-date="1"]:-moz-any(

  169.     [stylish-hour="15"],

  170.     [stylish-hour="18"],

  171.     [stylish-hour="21"]) #PanelUI-menu-button::after {

  172.     content: "Fool's";

  173.   }



  174.   :root[stylish-month="4"][stylish-date="1"]:-moz-any(

  175.     [stylish-hour="0"],

  176.     [stylish-hour="3"],

  177.     [stylish-hour="6"],

  178.     [stylish-hour="9"],

  179.     [stylish-hour="12"]) #PanelUI-menu-button::before {

  180.     content: "INVALID";

  181.   }



  182.   :root[stylish-month="4"][stylish-date="1"]:-moz-any(

  183.     [stylish-hour="0"],

  184.     [stylish-hour="3"],

  185.     [stylish-hour="6"],

  186.     [stylish-hour="9"],

  187.     [stylish-hour="12"]) #PanelUI-menu-button::after {

  188.     content: "DATE!";

  189.   }

  190. }
复制代码
需要完整隐藏这个定制按钮
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  2. #PanelUI-menu-button {display: none;}
复制代码
好像不错,要使用 Stylish 才可以使用此代码吗?
貌似发错区了,这是样式来着,应该发在用户样式区
发错区了。哪个管理员转移下
4# Achemer


不需要。只要把代码放在f配置文件夹下的userchrome.css文件里。重启见效
觉得很不错
发错区了。哪个管理员转移下
nettrottist 发表于 2014-8-25 09:04
已经移动到样式版。