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

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

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

[求助] seven主题中选项栏目竖排是怎么实现的?

之前使用seven主题,感觉最特别的就是它的“选项”里面的栏目是竖排的(如图),一般主题都是横排的。
请问这个是怎么实现的呢?可不可以用stylish实现或者uc脚本实现?看seven作者那边有一个stylish的脚本。http://soapyhamhocks.deviantart.com/#/d36jwo8
那位大大教教我怎么改成图中那样的文字形式的?
附件: 您所在的用户组无法下载或查看附件
本帖最后由 alanfly 于 2012-9-11 11:37 编辑

简单改了下,不过没在win下测试过。
  1. /* In-Content - Vertical
  2. Created by SoapyHamHocks - http://soapyhamhocks.deviantart.com
  3. */

  4. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  5. @-moz-document url("chrome://browser/content/preferences/preferences.xul"),
  6.                url("chrome://browser/content/pageinfo/pageInfo.xul") {

  7. #BrowserPreferences,
  8. #main-window {
  9.   background-color: #ccd9ea !important;
  10.   background-image: -moz-linear-gradient(top, rgb(231,237,246) 3px, rgba(231,237,246,0) 156px),
  11.                     -moz-linear-gradient(rgba(241,245,251,0) 25%, rgba(241,245,251,.75)),
  12.                     -moz-linear-gradient(left,
  13. rgba(255,255,255,.3), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%,
  14. rgba(255,255,255,0.3)),
  15.                     -moz-linear-gradient(30deg, rgba(255,255,255,0), rgba(255,255,255,0) 87%, rgba(255,255,255,.25)),
  16.                     -moz-linear-gradient(-30deg, rgba(255,255,255,.25) 13%, rgba(255,255,255,0), rgba(255,255,255,0)),
  17.                     -moz-repeating-linear-gradient(30deg,
  18. rgba(255,255,255,0), rgba(255,255,255,0) 30%, rgba(255,255,255,.05)
  19. 30.5%, rgba(255,255,255,.05) 38%, rgba(255,255,255,0) 38.5%),
  20.                     -moz-repeating-linear-gradient(30deg,
  21. rgba(255,255,255,0), rgba(255,255,255,0) 27%, rgba(255,255,255,.05)
  22. 27.5%, rgba(255,255,255,.05) 35%, rgba(255,255,255,0) 35.5%),
  23.                     url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAM0lEQVQI12M4dOGJ1IFzj6T+//8v9ev3fykGEAdFAMQA4S2HrkmBVDOAREEYxDl9860UAAjiLPR0/dzCAAAAAElFTkSuQmCC);
  24.   background-repeat: no-repeat,
  25.                      no-repeat,
  26.                      no-repeat,
  27.                      no-repeat,
  28.                      no-repeat,
  29.                      no-repeat,
  30.                      no-repeat,
  31.                      repeat !important;
  32.   min-width: 53em !important;
  33.   min-height: 40em !important;
  34.   padding: 0 !important;
  35.   margin: 0 !important;
  36. }

  37. /* Dutch */
  38. #BrowserPreferences[style="width: 48em; min-height: 37.5em;"] {
  39.   min-height: 42em !important;
  40. }

  41. #topBar {
  42.   border: 0 !important;
  43. }

  44. .paneSelector,
  45. #viewGroup {
  46.   position: fixed !important;
  47.   left: 0 !important;
  48.   top: 0 !important;
  49.   -moz-binding: url("chrome://mozapps/content/extensions/extensions.xml#categories-list") !important;
  50.   margin: 0 !important;
  51.   border: 0 !important;
  52.   -moz-margin-start: 8px !important;
  53.   background: transparent !important;
  54.   width: 120px !important;
  55.   padding: 2px 0  !important;
  56.   height:90% !Important;
  57. }



  58. .paneDeckContainer {
  59.   margin: -.3em 0 0 0  !important;
  60.   padding: 0 !important;
  61.   -moz-margin-start: 123px !important;
  62. }

  63. .prefWindow-dlgbuttons {
  64.   padding: 0 !important;
  65.   margin: -12px 10px 10px 0 !important;
  66. }

  67. #mainDeck {
  68.   -moz-margin-start: 60px !important;
  69. }



  70. #generalTab {
  71.   -moz-image-region: rect(0px, 32px, 32px, 0px)!important;
  72. }

  73. #mediaTab {
  74.   -moz-image-region: rect(0px, 64px, 32px, 32px)!important;
  75. }

  76. #feedTab {
  77.   -moz-image-region: rect(0px, 96px, 32px, 64px)!important;
  78. }

  79. #permTab {
  80.   -moz-image-region: rect(0px, 128px, 32px, 96px) !important;
  81. }

  82. #securityTab {
  83.   -moz-image-region: rect(0px, 160px, 32px, 128px) !important;
  84. }

  85. #generalTab {
  86.   -moz-image-region: rect(0px, 32px, 32px, 0px) !important;
  87. }

  88. #generalTab[selected="true"] {
  89.   -moz-image-region: rect(32px, 32px, 64px, 0px) !important;
  90. }

  91. #mediaTab[selected="true"] {
  92.   -moz-image-region: rect(32px, 64px, 64px, 32px) !important;
  93. }

  94. #feedTab[selected="true"] {
  95.   -moz-image-region: rect(32px, 96px, 64px, 64px) !important;
  96. }

  97. #permTab[selected="true"] {
  98.   -moz-image-region: rect(32px, 128px, 64px, 96px) !important;
  99. }

  100. #securityTab[selected="true"] {
  101.   -moz-image-region: rect(32px, 160px, 64px, 128px) !important;
  102. }



  103. groupbox {
  104.   -moz-appearance: none !important;
  105.   padding: 8px !important;
  106.   -moz-margin-start: 15px !important;
  107.   border: 0 !important;
  108. }

  109. .groupbox-body {
  110.   border: 1px solid hsla(218,38%,64%,.35) !important;
  111.   border-radius: 5px !important;
  112.   background-image: -moz-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,.2)) !important;
  113.   background-color: hsla(0,0%,100%,.35) !important;
  114.   background-repeat: no-repeat !important;
  115.   background-clip: padding-box !important;
  116.   box-shadow: 0 0 3px hsla(213,44%,40%,.10) inset,
  117.               0 1px 0 hsla(0,0%,100%,.5) !important;
  118. }

  119. .caption-text,
  120. .text-link,
  121. #currentAccount,
  122. #accountName {
  123.   font-family: 'Segoe UI Semibold','Segoe UI',sans-serif !important;
  124.   color: rgba(37,47,59,.95) !important;
  125.   text-shadow: 0 1px 0 rgba(255,255,255,.1) !important;
  126.   font-weight: 600 !important;
  127. }

  128. .groupbox-title {
  129.   font-size: 120% !important;
  130.   margin-bottom: 24px !important;
  131.   -moz-margin-start: -16px !important;
  132. }

  133. caption {
  134.   -moz-appearance: none !important;
  135.   background: none !important;
  136.   margin-bottom: -18px !important;
  137. }

  138. /* Buttons */

  139. button,
  140. menulist {
  141.   -moz-appearance: none !important;
  142.   -moz-transition: .24s background-color ease-in !important;
  143.   border: 1px solid rgba(26,58,96,.38) !important;
  144.   padding: 0 4px !important;
  145.   margin: 3px 4px !important;
  146.   background-color: rgba(223,232,242,.5) !important;
  147.   background-image: -moz-linear-gradient(rgba(250,250,250,.5), rgba(166,184,206,.25) 50%,
  148.                                          rgba(45,78,115,.12) 50%, rgba(31,55,84,.05)) !important;
  149.   background-clip: padding-box;
  150.   box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset,
  151.               0 0 3px rgba(255,255,255,.25) inset !important;
  152.   border-radius: 3px !important;
  153.   font-family: 'Segoe UI Semibold','Segoe UI',sans-serif !important;
  154.   color: rgba(37,47,59,.95) !important;
  155.   text-shadow: 0 1px 0 rgba(255,255,255,.1) !important;
  156.   font-weight: 600 !important;
  157.   font-size: 12px !important;
  158. }

  159. .menulist-dropmarker {
  160.   list-style-image:

  161. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA7ElEQVQY02O48/w9AxAzAzEvEIsBsSQWLArEPFB1DCANjEDMD8R6QGyMB2sDMR9IPUgTExBLpGblRTIzs39mF5X/zyOtCsFSqv/ZRGT+s7ByvuyeNN0T6hJGuE2PXn+ymTBtTouWmf0vK8/g/3a+kf8t3YL+a5nafVq8cl3lg1cfzZBtgvlJBKjRrmvitF5nv9Bf0RkF/519Qr7NWbSi4eGrj9ZAeWFkP8EwC0jjkzefHDv6p0zyDon+Nm3Owg6gQbbIGtA1ITS+/exw+uLVvMdvwBpEkDVg0wRzKh9QgxTUD8zoarBpgmFGXHIAkOMrX8VG7WMAAAAASUVORK5CYII=)
  162. !important;
  163. }

  164. #manageAccountExpander {
  165.   padding: 1px 0 2px 0 !important;
  166.   list-style-image:

  167. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAALCAYAAAB7/H1+AAABKElEQVQoz2NgoDW48/w9IynixBpqDMPEiEMB48uXL93+AwGIBvExDI2ITUjl5hP4AaJhhuAShxn6+PFjj/9IAMRHMRykgVdA+JuKrvELSTnld5GxiSkgMRAN4oPEQfJIBmMYitVwkIaO3gmdqromDwxtXK5LK6q9iE3OSAbRID5IHCQPNRjD0Obm5lqchj9+88mhq29Sh4aRxUUzZ59jBjbOp0E0iA8SB8lDXcuBbEh/f38RUMwURCOLg9TBgwSkuWfilDYtE+tDTkExq0E0iI9kKAjwLVq0KBXJUBUgFgHRMMNB8iB1KBEJMqR30tRWEUmZKyAazVAGqEuUgNgIiJWBmBuImaG0MlRcCcXFyIa//fw9DYuhDNCw44C6iAMpFeASp2KmgAIATpoOjMmgukYAAAAASUVORK5CYII=)
  168. !important;
  169.   -moz-image-region: rect(0,11px,11px,0) !important;
  170. }

  171. #manageAccountExpander .button-icon {
  172.   padding: 0 !important;
  173.   margin: 3px 5px 0 !important;
  174. }

  175. #manageAccountExpander.expander-up,
  176. #manageAccountExpander:hover:active {
  177.   -moz-image-region: rect(0,22px,11px,11px) !important;
  178. }

  179. menulist {
  180.   padding: 1px 0 !important;
  181.   -moz-padding-end: 2px !important;
  182. }

  183. button:not(:active):not([open]):not([disabled="true"]):not(.expander-up):hover,
  184. menulist:not([open]):not([disabled="true"]):hover {
  185.   background-color: hsl(212,42%,95%) !important;
  186. }

  187. button:not([disabled="true"])[open],
  188. button:not([disabled="true"]):hover:active,
  189. menulist:not([disabled])[open],
  190. .expander-up {
  191.   border-color: rgba(36,52,71,.5) !important;
  192.   background-image: -moz-linear-gradient(rgba(61,76,92,.2), rgba(61,76,92,.2)),
  193.                     -moz-linear-gradient(rgba(250,250,250,.25), rgba(166,184,206,.125) 50%,
  194.                                          rgba(45,78,115,.06) 50%, rgba(31,55,84,.025)) !important;
  195.   box-shadow: 0 0 3px rgba(51,74,98,.2) inset,
  196.               0 1px 3px rgba(44,71,103,.2) inset !important;
  197.   color: rgba(255,255,255,.95) !important;
  198.   text-shadow: 0 1px 0 rgba(37,47,59,.4) !important;
  199. }

  200. button[disabled="true"] {
  201.   opacity: .8 !important;
  202.   background-image: none !important;
  203. }

  204. .menulist-label-box {
  205.   border: 1px solid transparent !important;
  206.   background: none !important;
  207. }

  208. .menulist-label-box > .menulist-label {
  209.   color: rgba(37,47,59,.95) !important;
  210.   text-shadow: 0 1px 0 rgba(255,255,255,.1) !important;
  211.   font-weight: 600 !important;
  212. }

  213. menulist[open] .menulist-label-box > .menulist-label {
  214.   color: rgba(255,255,255,.95) !important;
  215.   text-shadow: 0 1px 0 rgba(37,47,59,.4) !important;
  216. }

  217. .menulist-dropmarker {
  218.   -moz-appearance: none !important;
  219.   border: 0 !important;
  220.   background: none !important;
  221.   padding: 0 !important;
  222. }

  223. menulist[open] .menulist-dropmarker {
  224.   list-style-image: url(chrome://browser/skin/appmenu-dropmarker.png) !important;
  225. }

  226. /* checkbox */

  227. checkbox {
  228.   margin: 0 !important;
  229.   padding: 2px 0 !important;
  230.   -moz-padding-start: 1px !important;
  231. }

  232. checkbox .checkbox-check {
  233.   -moz-appearance: none !important;
  234.   -moz-transition: .2s opacity !important;
  235.   border: 0 !important;
  236.   background:
  237. transparent
  238. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAALCAYAAABhwJ3wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwRjVCRTI5MTFCOTExRTA5MEUzQzJBMkY1NjU5Q0JGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwRjVCRTJBMTFCOTExRTA5MEUzQzJBMkY1NjU5Q0JGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjBGNUJFMjcxMUI5MTFFMDkwRTNDMkEyRjU2NTlDQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjBGNUJFMjgxMUI5MTFFMDkwRTNDMkEyRjU2NTlDQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vG+YxAAABhklEQVR42oyTzStEURjGZ87cYZBkY2NjY+EjSpkaC7vBJFY2xs7Cwl9gI0kWkpUkUvYWZKVmKB+Tu5DCAgsLFjTKR75Cqev36kydbnfce+rXczvnvu9znnPuDTuOE/IbrYmkQgahBxZP7eyhX83ksh1G2qER9lUo2BiCXniDy4A1cWiGL7hXAdIMIP0g0VdJ8xQgTRvSomvsiZHEh/IxSek0JbCGyVEAkyZ9ZBE4xuRG5hXNYlDjYdKJjEIMMphsGs2iUOlhUo9IXVSOGJOzwpokSsMSjeOGSRcyBhUgL6+4esqO0zSuM0wakG4ohVvImQUWlIEkmsJgAa2GYb12DbOk+XYZyY4lUR8Ge2g5dOiNP0KWND9uow1IQi2MG2vPMI3Jg8dVnIAkqIKUMf8JW5i8uwsUje7QOW1q6d2KzrB27nXhNHpBtvWFR/T7ohnW8l41f18dDQ+QdX2+8oXNM7fz39dFwyudrGCyy1zRf8wyniXVBeQxyQX8KSWVJHjVxkXHrwADAKJPfo0qkLbrAAAAAElFTkSuQmCC)
  239. no-repeat right center !important;
  240.   height: 11px !important;
  241.   width: 13px !important;
  242.   opacity: .5 !important;
  243. }

  244. checkbox:not([checked]):hover .checkbox-check {
  245.   opacity: 1 !important;
  246. }

  247. checkbox[checked] .checkbox-check {
  248.   background:
  249. transparent
  250. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAALCAYAAABhwJ3wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwRjVCRTI5MTFCOTExRTA5MEUzQzJBMkY1NjU5Q0JGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwRjVCRTJBMTFCOTExRTA5MEUzQzJBMkY1NjU5Q0JGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjBGNUJFMjcxMUI5MTFFMDkwRTNDMkEyRjU2NTlDQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjBGNUJFMjgxMUI5MTFFMDkwRTNDMkEyRjU2NTlDQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vG+YxAAABhklEQVR42oyTzStEURjGZ87cYZBkY2NjY+EjSpkaC7vBJFY2xs7Cwl9gI0kWkpUkUvYWZKVmKB+Tu5DCAgsLFjTKR75Cqev36kydbnfce+rXczvnvu9znnPuDTuOE/IbrYmkQgahBxZP7eyhX83ksh1G2qER9lUo2BiCXniDy4A1cWiGL7hXAdIMIP0g0VdJ8xQgTRvSomvsiZHEh/IxSek0JbCGyVEAkyZ9ZBE4xuRG5hXNYlDjYdKJjEIMMphsGs2iUOlhUo9IXVSOGJOzwpokSsMSjeOGSRcyBhUgL6+4esqO0zSuM0wakG4ohVvImQUWlIEkmsJgAa2GYb12DbOk+XYZyY4lUR8Ge2g5dOiNP0KWND9uow1IQi2MG2vPMI3Jg8dVnIAkqIKUMf8JW5i8uwsUje7QOW1q6d2KzrB27nXhNHpBtvWFR/T7ohnW8l41f18dDQ+QdX2+8oXNM7fz39dFwyudrGCyy1zRf8wyniXVBeQxyQX8KSWVJHjVxkXHrwADAKJPfo0qkLbrAAAAAElFTkSuQmCC)
  251. no-repeat left center !important;
  252.   opacity: 1 !important;
  253. }

  254. /* Radio */
  255. radio
  256. {padding:8px !important;}

  257. radio:not([pane]),
  258. .radio-check-box1,
  259. .radio-label-box {
  260.   -moz-appearance: none !important;
  261. }

  262. radio:not([pane]) .radio-check-box1 {
  263.   -moz-transition: .2s background-color ease-in !important;
  264.   border: 1px solid rgba(36,52,71,.5) !important;
  265.   border-radius: 100% !important;
  266.   background-color: rgba(223,232,242,.5) !important;
  267.   background-image: -moz-linear-gradient(rgba(61,76,92,.2), rgba(61,76,92,.2)),
  268.                     -moz-linear-gradient(rgba(250,250,250,.25), rgba(166,184,206,.125) 50%,
  269.                                          rgba(45,78,115,.06) 50%, rgba(31,55,84,.025)) !important;
  270.   background-clip: padding-box !important;
  271.   box-shadow: 0 0 1px rgba(51,74,98,.2) inset,
  272.               0 1px 2px rgba(44,71,103,.2) inset!important;
  273.   min-height: 14px !important;
  274.   min-width: 14px !important;
  275. }

  276. radio:not([pane]) .radio-check-box2 {
  277.   border: 0 !important;
  278.   opacity: 0 !important;
  279.   -moz-transition: .2s opacity !important;
  280. }

  281. radio:not([pane])[selected] .radio-check-box2 {
  282.   opacity: 1 !important;
  283.   margin: 2px !important;
  284.   border: 1px solid rgba(26,58,96,.38) !important;
  285.   border-radius: 100% !important;
  286.   background-color: hsl(212,42%,95%) !important;
  287.   background-image: -moz-linear-gradient(rgba(250,250,250,.5), rgba(166,184,206,.25) 50%,
  288.                                          rgba(45,78,115,.12) 50%, rgba(31,55,84,.05)) !important;
  289.   background-clip: padding-box !important;
  290.   box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset,
  291.               0 0 3px rgba(255,255,255,.25) inset !important;
  292. }

  293. radio:not([pane]) .radio-check,.paneButtonIcon {
  294.   display: none !important;
  295. }

  296. .radio-label-box {
  297.   border: 1px solid transparent !important;
  298. }

  299. /* Textboxes */

  300. filefield {
  301.   -moz-appearance: none !important;
  302.   border: 0 !important;
  303.   background: none !important;
  304.   margin: 3px 4px !important;
  305. }

  306. filefield .fileFieldContentBox,
  307. textbox:not(.fileFieldLabel) {
  308.   -moz-appearance: none !important;
  309.   border-radius: 2px !important;
  310.   border: 1px solid rgba(36,52,71,.5) !important;
  311.   background-color: rgba(255,255,255,.75) !important;
  312. }

  313. textbox[readonly="true"] {
  314.   border: 1px solid transparent !important;
  315.   background: none !important;
  316. }

  317. /*Richlistbox/item */

  318. #handlersView richlistitem {
  319.   max-height: 35px !important;
  320.   min-height: 35px !important;
  321. }

  322. #handlersView richlistitem .actionsMenu {
  323.   -moz-margin-end:15px !important;
  324. }

  325. #handlersView .box-inherit.scrollbox-innerbox {
  326.   padding-bottom: 2px !important;
  327. }

  328. /* Tabs */

  329. #tabsElement tab {
  330.   -moz-appearance: none !important;
  331.   -moz-transition: none !important;
  332.   height: 22px !important;
  333.   max-height: 22px !important;
  334.   background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.5)) !important;
  335.   background-clip: padding-box !important;
  336.   background-color: transparent !important;
  337.   padding: 0 8px 2px 8px !important;
  338.   margin: 0 1px !important;
  339.   border-radius: 2.5px 2.5px 0 0 !important;
  340.   border: 2px solid !important;
  341.   border-bottom: 0 !important;
  342.   -moz-border-left-colors: #BDCAE2 rgba(255,255,255,.45) !important;
  343.   -moz-border-top-colors: #BDCAE2 rgba(255,255,255,.45) !important;
  344.   -moz-border-right-colors: #BDCAE2 rgba(255,255,255,.45) !important;
  345.   font-family: 'Segoe UI Semibold','Segoe UI',sans-serif !important;
  346.   color: rgba(37,47,59,.95) !important;
  347.   text-shadow: 0 1px 0 rgba(255,255,255,.1) !important;
  348.   font-weight: 600 !important;
  349. }

  350. #tabsElement tab[selected="true"]{
  351.   -moz-transition: none !important;
  352.   height: 25px !important;
  353.   max-height: 25px !important;
  354.   box-shadow: none !important;
  355.   background: none !important;
  356.   border: 0 !important;
  357.   border-bottom: 0 !important;
  358.   margin: 0 0 -2px 0 !important;
  359.   padding: 0 7px 0 7px !important;
  360.   -moz-border-image:

  361. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNtCDrVoAAABdSURBVBhXY2AAgr2nHtkD8Ukg/o+EQXx7kDwYADnPr9x7///By29wDOKDxJEVgSVvPf0CxyA+yFSYKdvP33qDVRFIHKhwOwM2BTATQaaB5MGmAQVPIFuFxD4BkgcAJbKi8ds1CrMAAAAASUVORK5CYII=)
  362. 2 4 3 4 / 2px 4px 3px 4px !important;
  363.   opacity: .99 !important;
  364. }

  365. #tabsElement {
  366.   -moz-appearance: none !important;
  367.   border-bottom: 1px solid #BDCAE2 !important;
  368.   background: none !important;
  369.   padding: 0 3px !important;
  370. }

  371. tabpanels {
  372.   -moz-appearance: none !important;
  373.   border: 1px solid #BDCAE2 !important;
  374.   border-top: 0 !important;
  375.   background: #DAE5F4 !important;
  376.   border-radius: 0 0 2.5px 2.5px !important;
  377.   box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset !important;
  378. }

  379. .tabs-right {
  380.   border: 0 !important;
  381. }

  382. /* Tree cols */
  383. treecol,
  384. .treecol-image {
  385.   -moz-appearance: none !important;
  386.   -moz-transition: .24s background-color ease-in !important;
  387.   border: 0 !important;
  388.   padding: 0 4px !important;
  389.   -moz-border-start: 1px solid rgba(26,58,96,.38) !important;
  390.   border-bottom: 1px solid rgba(26,58,96,.38) !important;
  391.   background-color: rgba(223,232,242,.5) !important;
  392.   background-image: -moz-linear-gradient(rgba(250,250,250,.5), rgba(166,184,206,.25) 50%,
  393.                                          rgba(45,78,115,.12) 50%, rgba(31,55,84,.05)) !important;
  394.   background-clip: padding-box !important;
  395.   box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset,
  396.               0 0 3px rgba(255,255,255,.25) inset !important;
  397.   font-family: 'Segoe UI Semibold','Segoe UI',sans-serif !important;
  398.   color: rgba(37,47,59,.95) !important;
  399.   text-shadow: 0 1px 0 rgba(255,255,255,.1) !important;
  400.   font-weight: 600 !important;
  401.   font-size: 12px !important;
  402. }

  403. treecol:not([sortDirection]):hover {
  404.   background-color: hsl(212,42%,95%) !important;
  405. }

  406. treecol[sortDirection="descending"] {
  407.   border-color: rgba(36,52,71,.5) !important;
  408.   background-image: -moz-linear-gradient(rgba(61,76,92,.2), rgba(61,76,92,.2)),
  409.                     -moz-linear-gradient(rgba(250,250,250,.25), rgba(166,184,206,.125) 50%,
  410.                                          rgba(45,78,115,.06) 50%, rgba(31,55,84,.025)) !important;
  411.   box-shadow: 0 0 3px rgba(51,74,98,.2) inset,
  412.               0 1px 3px rgba(44,71,103,.2) inset !important;
  413.   color: rgba(255,255,255,.95) !important;
  414.   text-shadow: 0 1px 0 rgba(37,47,59,.4) !important;
  415. }

  416. treecol:first-Child {  
  417.   -moz-border-start: 0 !important;  
  418. }

  419. .tree-columnpicker-icon {
  420.   list-style-image:

  421. url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAnklEQVQY02P4//+/DxA3IGFsfAYQBhENrsFx/x39Iv/beoX8B/FNnXz+G9l7/jewcfsP1cAEU0yayZGZJf9DkvP++8dl/sdmE7LJDSkl9f/j86v+gzSB+CBNXhHJ/0GaMBTn1Xf9z6xq/Q/ShOYEFOeAFZd1TPlf1NL/H6QJ3SZk5+H0IMwmkCZkkxmgboJhuAEwm2AhAlOMDfugBx0AbJdFBkXonpcAAAAASUVORK5CYII=)
  422. !important;
  423. }

  424. treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] {
  425.   list-style-image:

  426. url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA7ElEQVQY02O48/w9AxAzAzEvEIsBsSQWLArEPFB1DCANjEDMD8R6QGyMB2sDMR9IPUgTExBLpGblRTIzs39mF5X/zyOtCsFSqv/ZRGT+s7ByvuyeNN0T6hJGuE2PXn+ymTBtTouWmf0vK8/g/3a+kf8t3YL+a5nafVq8cl3lg1cfzZBtgvlJBKjRrmvitF5nv9Bf0RkF/519Qr7NWbSi4eGrj9ZAeWFkP8EwC0jjkzefHDv6p0zyDon+Nm3Owg6gQbbIGtA1ITS+/exw+uLVvMdvwBpEkDVg0wRzKh9QgxTUD8zoarBpgmFGXHIAkOMrX8VG7WMAAAAASUVORK5CYII=")
  427. !important;
  428. }

  429. treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] {  
  430.   list-style-image:

  431. url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAS0lEQVQY02P4//8/AyGMIfDr169neBX9+fPnE5D+//fv3x9YFf38+fP2fyQA1YBQ9Pv37/tA3X/Q8ffv34/CFanqW6fhwlgdjg0DAJN4vLqylPaYAAAAAElFTkSuQmCC")
  432. !important;  
  433.   -moz-padding-end: 2px !important;   
  434. }

  435. .inset.iframe,
  436. #permList {
  437.   border: 1px solid rgba(36,52,71,.5) !important;
  438.   background-color: rgba(255,255,255,.75) !important;
  439. }

  440. /* fixes for new sync pane */
  441. #syncEnginesList {
  442.   border: 0 !important;
  443.   background: none !important;
  444.   -moz-appearance: none !important;
  445. }

  446. #syncEnginesList richlistitem {
  447.   border-color: transparent !important;
  448.   background: none !important;
  449.   box-shadow: none !important;
  450. }
  451. }
复制代码
提示: 作者被禁止或删除 内容自动屏蔽
签名被屏蔽
2# alanfly
好久不上来了,好用,谢谢!