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

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

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

[交流] 分享我的GoogleReader样式(7.7修改)

本帖最后由 tyjk 于 2011-7-7 19:11 编辑

7.7:白长直。
42楼

--------------------------
7.2
35楼又有新的改动了。
勉强搞定了下面说的问题。--------------------
保留黑硬直。
打算只用.com了,谷歌有什么更新.com.hk都没跟上的。
28和29楼有之前的夜间模式版,不大想更新。
然后顺便也请教个还搞不定的问题:
如下图,怎么把这东东移到下面来?

-----------------------
效果图:


代码:
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document url-prefix("http://www.google.com/reader"), url-prefix("https://www.google.com/reader"){
  3. /*隐藏Logo*/
  4. #logo{display:none!important;}
  5. /*设置账户栏的字体*/
  6. #guser{font-size:8pt!important;
  7. font-weight:200!important;}
  8. /*去掉顶部导航栏边框*/
  9. #gbx4,#gbx3{border:none!important;}
  10. /*文章列表向上提升*/
  11. #chrome{margin-top:-41px!important;}
  12. /*左侧订阅导航栏向上提升*/
  13. #nav{margin-top:0px!important;}
  14. /*搜索框位置*/
  15. #search{
  16. position:absolute!important;
  17. left:570px!important;
  18. top:32px!important;
  19. z-index:1000!important;}
  20. /*搜索高宽调整*/
  21. #search-restrict,#search-restrict-input,
  22. #search-restrict-button > DIV:first-child > DIV > DIV > DIV > DIV:last-child{
  23. height:15px!important;
  24. width:80px!important;}
  25. #search-input{max-height:10px!important;
  26. min-height:10px!important;}
  27. /*添加订阅按钮位置*/
  28. #lhn-add-subscription-section{
  29. z-index:1000!important;
  30. position:absolute!important;
  31. top:-25px!important;
  32. left:320px!important;}
  33. #quick-add-bubble-holder
  34. {z-index:1001!important;}
  35. /*添加订阅按钮样式*/
  36. #lhn-add-subscription > DIV > DIV,
  37. #lhn-add-subscription > DIV > DIV > DIV > DIV:first-child
  38. {background:#2d2d2d!important;
  39. border:none!important;}
  40. #lhn-add-subscription > DIV
  41. {border:none!important;}
  42. #lhn-add-subscription > DIV > DIV > DIV > DIV:last-child > DIV
  43. {font-size:10pt!important;
  44. color:#A9A99F!important;}
  45. /*隐藏底部状态栏*/
  46. #viewer-footer{display:none!important;}
  47. /*隐藏标题栏*/
  48. #chrome-header{display:none!important;}
  49. /*栏目栏高度*/
  50. #chrome-header{height:12px!important;}
  51. #chrome-title
  52. {margin-top:-3px!important;
  53. font-size:13px!important;}
  54. /*操作栏高度*/
  55. #viewer-top-controls
  56. {height:12px!important;
  57. margin-top:-4px!important;
  58. font-size:11px!important;}
  59. /*关注对象列表的高度*/
  60. UL.lhn-section-secondary:last-child{height:170px!important;}
  61. /* 不限制文章宽度 */
  62. #entries .entry-body,.entry .entry-title {max-width: none !important; }
  63. /* 修改左侧导航栏宽度 */
  64. #nav,#nav * {max-width: 175px !important; }
  65. #nav {width: 175px !important; }
  66. #chrome {margin-left: 175px !important; }
  67. .lhn-hidden #chrome {margin-left: 1px !important; }
  68. /* 强调当前项目 */
  69. #current-entry > DIV:first-child > DIV:last-child > DIV > H2
  70. {color:red!important;font-size:14px!important;font-weight:bold!important;}
  71. /*隐藏帮助按钮*/
  72. #gb_83{display:none!important;}
  73. /*设置文章的字体大小*/
  74. .snippet{font-size:10px!important;}/*摘要*/
  75. .entry-title{font-size:12px!important;}/*标题*/
  76. .entry-main{font-size:13px!important;}/*正文*/
  77. /*隐藏“有XX人喜欢此条目”*/
  78. .entry-likers-n{display:none!important;}
  79. /*搜索结果高亮(3个)*/
  80. .highlighted0{font-size:12px;background-color:yellow!important;}
  81. .highlighted1{font-size:12px;background-color:#9BFADE!important;}
  82. .highlighted2{font-size:12px;background-color:#95FF08!important;}
  83. /*高亮鼠标所在行*/
  84. .collapsed:hover,.link:hover { background:#B9B7B7!important;}
  85. /*隐藏搜索框右侧的搜索按钮*/
  86. #search-submit{display:none !important;}
  87. /*调整搜索框的位置*/
  88. #search-input{
  89. margin-top:-32px!important;
  90. margin-left: 26px!important;
  91. width:80px!important;}
  92. #search-restrict
  93. {margin-top:-31px!important;
  94. margin-left: 120px!important;}
  95. /*左侧订阅导航栏的字体*/
  96. #sub-tree{font-size:9pt!important;
  97. line-height: 150% !important;}
  98. /*移动查看原文按钮到左侧*/
  99. .entry-original{left:20px!important;}
  100. .entry-source-title{left:40px!important;}
  101. .entry-secondary{left:20px!important;}
  102. /*侧栏当前条目背景色*/
  103. .scroll-tree li .tree-link-selected, .scroll-tree li .tree-link-selected:hover,
  104. #lhn-selectors .selected, #lhn-selectors .selected:hover
  105. {background-color: #ADADAD !important; }
  106. /*顶栏(栏目栏)背景色*/
  107. #chrome-header,#chrome-view-links
  108. {background:#ADADAD!important;}
  109. /*控制栏背景色*/
  110. #viewer-top-controls{
  111. background-image: -moz-linear-gradient(top, #B2AFAF, #7D7C7C)!important;}
  112. .entry-actions{background:#DBD8D8!important;}
  113. /*控制栏中字体的颜色*/
  114. #viewer-top-controls{color:white!important;}
  115. #show-new,#viewer-details-toggle{color:white!important;}
  116. /*收缩栏背景色、宽度、边框*/
  117. #chrome-lhn-toggle
  118. {background:#ADADAD!important;
  119. width:5px!important;}
  120. #chrome{border-left:none!important;}
  121. }
复制代码
-----------------------
最喜欢的PS:之前的帖似乎出了点问题,所以把帖子彻底改了,之前的代码和图片也一起删了。


浪费流量还是要有的。
附件: 您所在的用户组无法下载或查看附件
1

评分次数

  • dindog

楼主外观主题用的哪一个?
2# wen1jian
默认主题。
地址栏的那个效果是怎么弄的啊?是用了代码还是因为win7的主题效果啊?
默认赛高
本帖最后由 tyjk 于 2011-5-3 20:13 编辑

4# wen1jian

stylish弄的。
用的是一整套的,会改动很多地方(不只地址栏),另外要用这个代码还有很多地方要调整。总之代码贴上来了(这个应该是在userstyles上找来的,不过不知道地址了):
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

  2. /*change the ugly throbber*/
  3. .tab-throbber[progress] {
  4.         list-style-image: url("chrome://browser/skin/places/searching_16.png") !important;
  5. }

  6. /*remove background of the combined go/reload/stop button in location bar*/
  7. #urlbar > toolbarbutton {
  8.         border-left: none !important;
  9.         border-radius: 0 !important;
  10.         padding-left: 2px !important;
  11. }
  12. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-reload-button, #urlbar-reload-button:hover, #urlbar-stop-button, #urlbar-stop-button:hover {
  13.         background-image: none !important;
  14.         box-shadow: none !important;
  15. }

  16. /*Transparency, hover and more naked UI*/
  17. #nav-bar {
  18.         background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.1)) !important;
  19.         background-color: transparent !important;
  20.         border: none !important;
  21.         margin-bottom: 0 !important;
  22.         padding: 0 !important;
  23. }


  24. #urlbar {
  25.         background: none !important;
  26.         border: none !important;
  27.         border-radius: 3.5px 0 0 0 !important;
  28.         margin: 0 !important;
  29.         box-shadow: none !important;
  30. }


  31. #searchbar > *, #search-box {
  32.         background: none !important;
  33.         border: none !important;
  34.         border-radius: 3.5px 0 0 0 !important;
  35.         margin: 0 !important;
  36.         padding-left: 4px !important;
  37.         box-shadow: none !important;
  38.         height: 24px !important;
  39. }
  40. #urlbar:hover {
  41.         background: -moz-linear-gradient(left, rgba(255,255,255,.1), rgba(255,255,255,.1)) !important;
  42. }
  43. #searchbar:hover > *, .findbar-textbox:hover {
  44.         background: -moz-linear-gradient(left, rgba(255,255,255,.4), rgba(255,255,255,.0)) !important;
  45. }
  46. .urlbar-over-link-box {
  47.         color: #222222 !important;
  48. }
  49. #PersonalToolbar {
  50.         background-color: rgba(255,255,255,.1) !important;
  51.         border: none !important;
  52.         margin-top: 0 !important;
  53.         margin-bottom: 0 !important;
  54.         padding: 0 !important;
  55. }
  56. .tabbrowser-tab:not([selected="true"]) {
  57.         background-image: -moz-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.4)) !important;
  58.         color: #dddddd !important;
  59.         text-shadow: none !important;
  60. }
  61. .tabbrowser-tab:not([selected="true"]):hover {
  62.         background-image: -moz-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.5)) !important;
  63. }
  64. .tabbrowser-tab[selected="true"] {
  65.         margin-bottom: 0 !important;
  66.         padding-bottom: 0 !important;
  67.         background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.67)) !important;
  68.         text-shadow: none !important;
  69. }
  70. .tabbrowser-tab[pinned] {
  71.         height: 23px !important;
  72. }
  73. .tabs-newtab-button {
  74.         background: none !important;
  75.         border: none !important;
  76. }
  77. .tabs-newtab-button:hover, #new-tab-button:hover, .scrollbutton-down:hover, .scrollbutton-up:hover, #alltabs-button, #tabview-button:hover, #TabsToolbar #feed-button {
  78.         -moz-appearance: none !important;
  79.         background: none !important;
  80.         box-shadow: none !important;
  81.         border: none !important;
  82. }
  83. .toolbarbutton-1 > .toolbarbutton-menubutton-button, .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, .toolbarbutton-1 {
  84.         background: none !important;
  85.         box-shadow: none !important;
  86.         border-color: transparent !important;
  87. }
  88. .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):not(:active):hover, .toolbarbutton-1:not([open="true"]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]),  .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover {
  89.         background-color: hsla(190,60%,70%,.5) !important;
  90.         border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important;
  91.         box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
  92.         -moz-transition: background-color .4s ease-in,  border-color .2s ease-in,  box-shadow .2s ease-in !important;
  93. }
  94. #browser-bottombox {
  95.         background: rgba(255,255,255,.1) !important;
  96.         margin-top: -2px !important;
  97.         margin-bottom: 0 !important;
  98.         padding: 0 !important;
  99. }

  100. /* Uncomment this block if you prefer add-on Bar always showing */
  101. #addon-bar > * {
  102.         background: transparent !important;
  103. }
  104. #addon-bar, #addon-bar toolbarbutton, #addon-bar dropmarker{
  105.         -moz-appearance: none !important;
  106.         margin: 0 !important;
  107.         border: none !important;
  108.         height: 15px !important;
  109.         box-shadow: none !important;
  110. }

  111. /* Autohide Add-on Bar - 99% by SoapyHamHocks and dert07 - comment-remove this block if you prefer add-on Bar always showing */
  112. #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
  113.         position: fixed;
  114.         bottom: -22px;
  115.         right: 20px;
  116.         border: none !important;
  117.         -moz-appearance: none !important;
  118.         -moz-transition: bottom .2s 1s ease-in;
  119.         padding-top: 22px !important;
  120.         margin-right: 20px !important;
  121. }
  122. #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
  123.         bottom: 1px;
  124.         -moz-transition: bottom .3s .4s ease-out;
  125. }
  126. #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar > #status-bar {
  127.         margin: 0 !important;
  128.         padding: 0 2px 0 2px;
  129.         border-left: 1px solid rgba(0,0,0,.25) !important;
  130.         border-right: 1px solid rgba(0,0,0,.25) !important;
  131.         border-top: 1px solid rgba(0,0,0,.25) !important;
  132.         border-radius: 4px 4px 0 0;
  133.         background-color: rgba(255,255,255,.5) !important;
  134.         background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.5)) !important;
  135.         box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
  136.         height: 22px !important;
  137. }
复制代码
PS:怎么都注意到别的地方去了。。。。。。
个人觉得顶栏也可以干掉,似乎用处不大。
听老人说,今生做千件好事,来世方能讨生为猫。
本帖最后由 tyjk 于 2011-5-3 21:46 编辑

7# harnack

哈哈~~我是很习惯看到账户工具栏的,看不到反而会觉得别扭(几乎所有网站都是把这个工具栏放在右上角的吧)。
另外,虽然确实很少用到,但“偶尔”也是有需要的。


另外的另外:放这样的截图大丈夫????
个人觉得顶栏也可以干掉,似乎用处不大。

harnack 发表于 2011-5-3 20:56
剑大的blog,harnack果然名副其实的AV控
我还是喜欢 f 键,然后j k慢慢看
本帖最后由 boy3510817 于 2011-5-7 01:48 编辑

喜欢Brief的界面,还有它更新推送提示(和QQ一样的右下角提示)


或者是Pure Reader
http://userstyles.org/styles/408 ... -googlereader-style


http://userstyles.org/styles/13384/my-own-google-reader
附件: 您所在的用户组无法下载或查看附件
11# boy3510817

嗯,上面的几个我都试过呢,果然还是不合胃口。。。
brief还有几个bug的样子。



我这个是添加了减侧栏扩大正文阅读范围的
Google Reader Moderately Compact - Themes and Skins for google.com - userstyles.org
http://userstyles.org/styles/12868/google-reader-moderately-compact

这个样式不算漂亮,不过保留了功能同时保证了阅读空间(我觉得follow别人还是很好玩的,别人share的一般也是较高质素的。。。那个。。人工筛选?)

可以pm我gmail账号,我也会follow你的(也算个半个宅
附件: 您所在的用户组无法下载或查看附件
我的回帖都是滥竽充数的,有其它人回帖时一般可以无视我哈~~
本帖最后由 tyjk 于 2011-5-12 20:47 编辑

13# dindog

我这阵子又增加了很多墙外敏感物,不大好拿出来share呢。
本帖最后由 dindog 于 2011-5-12 21:52 编辑
13# dindog

我这阵子又增加了很多墙外敏感物,不大好拿出来share呢。
tyjk 发表于 2011-5-12 20:46
呵呵,误解了误解了。
like同star是都匿名的。订阅的feed更加了。
share是对单条消息的。点击才share给订阅了的人(有点像微博的听众),所以我才说是人工筛选。。。。当然,要兴趣比较接近的人share的,会比较好。


总结就是like是匿名投票
share是好友群发
star是自己收藏
附件: 您所在的用户组无法下载或查看附件
我的回帖都是滥竽充数的,有其它人回帖时一般可以无视我哈~~
15# dindog

好像楼主要更新了
17# a87089836

google.com和google.com.hk不怎么一样,反正我自己用的hk没问题,不想鸟~~~
自己写的,看有没有同口味的。
http://userstyles.org/styles/48615/google-reader-mini

和默认界面好像没有很大差别……
附件: 您所在的用户组无法下载或查看附件
本帖最后由 tyjk 于 2011-6-23 12:34 编辑

20# baizuo

不知道Google怎么搞的,我偶尔也会突然跳到那个上面有一条小横条的版本去(似乎.com.hk也会这样),然后这个样式就没什么用了。
有时要重新登录才会变回之前那个样子。


-----------------------------------------------

就是这个,偶尔会跳到这个版本,不知怎么回事。
附件: 您所在的用户组无法下载或查看附件
楼主的这个不错啊,简单实用
20# baizuo

更新了一下。
论坛不能添加删除线吗???
1

评分次数

  • dindog

听老人说,今生做千件好事,来世方能讨生为猫。
本帖最后由 tyjk 于 2011-6-25 23:41 编辑
论坛不能添加删除线吗???
harnack 发表于 2011-6-25 21:57

啊咧??
测试啊!!!
<del>测试~~</del>




不行。。。。求教!
-------------------
原来如此。。。。

附件: 您所在的用户组无法下载或查看附件
啊咧??测试~~[strike]测试~~[/strike]2494424945不行。。。。求教!------------------- tyjk 发表于 2011-6-25 23:05
我是可爱的删除线
我是可爱的删除线
yhmybsy 发表于 2011-6-25 23:36
这么不厚道哈,知道也不说的。。。
不过我已经知道怎么弄了。

夜间版

本帖最后由 tyjk 于 2011-6-26 08:37 编辑

惯例啰嗦一下:在原来的基础上增加了74~106行,再删掉几句可能会冲突的;
有用一楼那个的,也可以只把这几行弄出来,加上2~6行做成一个独立的样式。
然后好几个地方,比如搜索栏那里,没弄好,见谅!
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document
  3. url-prefix("http://www.google.com/reader"),
  4. url-prefix("http://www.google.com.hk/reader"),
  5. url-prefix("https://www.google.com/reader"),
  6. url-prefix("https://www.google.com.hk/reader"){
  7. /*隐藏logo*/
  8. #logo{display:none!important;}
  9. /*隐藏顶部网页导航栏*/
  10. #gbar{display:none!important;}
  11. #gbx4,#gbx3,#gbx2,#gbx1,#gbz > OL,.gbtb2/*针对英文版*/
  12. {display:none!important;}
  13. /*设置账户栏的字体*/
  14. #guser{font-size:8pt!important;
  15. font-weight:200!important;}
  16. /*文章列表向上提升*/
  17. #chrome{margin-top:-41px!important;}
  18. /*左侧订阅导航栏向上提升*/
  19. #nav{margin-top:-25px!important;}
  20. /*隐藏底部状态栏*/
  21. #viewer-footer{display:none!important;}
  22. /*栏目栏高度*/
  23. #chrome-header{height:12px!important;}
  24. #chrome-title
  25. {margin-top:-3px!important;
  26. font-size:13px!important;}
  27. /*操作栏高度*/
  28. #viewer-top-controls
  29. {height:12px!important;
  30. margin-top:-4px!important;
  31. font-size:11px!important;}
  32. /*关注对象列表的高度*/
  33. UL.lhn-section-secondary:last-child{height:170px!important;}
  34. /* 最大化文章宽度 */
  35. #entries .entry-body,.entry .entry-title {max-width: none !important; }
  36. /* 修改左侧导航栏宽度 */
  37. #nav,#nav * {max-width: 175px !important; }
  38. #nav {width: 175px !important; }
  39. #chrome {margin-left: 175px !important; }
  40. .lhn-hidden #chrome {margin-left: 1px !important; }
  41. /* 强调当前项目 */
  42. #current-entry > DIV:first-child > DIV:last-child > DIV > H2
  43. {color:red!important;font-size:14px!important;font-weight:bold!important;}
  44. /*隐藏帮助按钮*/
  45. #gb_83{display:none!important;}
  46. /*设置文章的字体大小*/
  47. .snippet{font-size:10px!important;}/*摘要*/
  48. .entry-title{font-size:12px!important;}/*标题*/
  49. .entry-main{font-size:13px!important;}/*正文*/
  50. /*隐藏“有XX人喜欢此条目”*/
  51. .entry-likers-n{display:none!important;}
  52. /*搜索结果高亮(3个)*/
  53. .highlighted0{font-size:12px;background-color:yellow!important;}
  54. .highlighted1{font-size:12px;background-color:#9BFADE!important;}
  55. .highlighted2{font-size:12px;background-color:#95FF08!important;}
  56. /*隐藏搜索框右侧的搜索按钮*/
  57. #search-submit{display:none !important;}
  58. /*调整搜索框的位置*/
  59. #search-input{
  60. margin-top:-32px!important;
  61. margin-left: 26px!important;
  62. width:80px!important;}
  63. #search-restrict
  64. {margin-top:-31px!important;
  65. margin-left: 120px!important;}
  66. /*左侧订阅导航栏的字体*/
  67. #sub-tree{font-size:9pt!important;
  68. line-height: 150% !important;}
  69. /*收缩栏宽度、边框*/
  70. #chrome-lhn-toggle
  71. {width:5px!important;}
  72. #chrome{border-left:none!important;}

  73. /*------------夜间模式-------------*/
  74. /*主要部分*/
  75. html {background: #151515 !important}
  76. *, a.gb1, a.gb2, a.gb3, a.gb4 {background-color: transparent !important;
  77. border: 0px  !important;
  78. color: grey !important;}
  79. /*"添加订阅"按钮边框*/
  80. #lhn-add-subscription
  81. {border:1px grey solid!important;
  82. -moz-border-radius:2px!important;}
  83. /*未读数量字体颜色*/
  84. .unread-count{color: orange !important;}
  85. /* 夜间菜单背景 */
  86. .goog-menu, #quick-add-bubble-holder, .ac-renderer, #gbi{
  87. background-color: rgba(100,100,100,.9) !important;}
  88. .tags-edit {background-color: rgba(30,30,30,.9) !important;}
  89. /*收缩条背景色*/
  90. #chrome-lhn-toggle{background:#585555!important;}
  91. /*控制栏背景色*/
  92. #viewer-top-controls{background:#434343!important;}
  93. .entry-actions{background:#585555!important;}
  94. /*侧栏当前条目背景色*/
  95. .scroll-tree li .tree-link-selected, .scroll-tree li .tree-link-selected:hover,
  96. #lhn-selectors .selected, #lhn-selectors .selected:hover
  97. {background-color: #585555 !important; }
  98. /*顶栏(栏目栏)背景色*/
  99. #chrome-header,#chrome-view-links
  100. {background:#585555!important;}
  101. /*高亮鼠标所在行*/
  102. .collapsed:hover,.link:hover { background:#585555 !important;}
  103. /*文章边框*/
  104. #current-entry{border:2px orange solid!important;}
  105. }

  106. /*---------------针对.com的修改---------------------*/
  107. @-moz-document
  108. url-prefix("http://www.google.com/reader"),
  109. url-prefix("https://www.google.com/reader"){
  110. /*文章列表向上提升*/
  111. #chrome{margin-top:-46px!important;}
  112. /*左侧订阅导航栏向上提升*/
  113. #nav{margin-top:-25px!important;}
  114. /*调整搜索框的位置*/
  115. #search-input{
  116. margin-top:-37px!important;
  117. margin-left:27px!important;}
  118. #search-restrict
  119. {margin-top:-36px!important;
  120. margin-left: 120px!important;}
  121. }
复制代码
效果:
附件: 您所在的用户组无法下载或查看附件
如果觉得楼上的太黑,请试试这个:
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document
  3. url-prefix("http://www.google.com/reader"),
  4. url-prefix("http://www.google.com.hk/reader"),
  5. url-prefix("https://www.google.com/reader"),
  6. url-prefix("https://www.google.com.hk/reader"){
  7. /*隐藏logo*/
  8. #logo{display:none!important;}
  9. /*隐藏顶部网页导航栏*/
  10. #gbar{display:none!important;}
  11. #gbx4,#gbx3,#gbx2,#gbx1,#gbz > OL,.gbtb2/*针对英文版*/
  12. {display:none!important;}
  13. /*设置账户栏的字体*/
  14. #guser{font-size:8pt!important;
  15. font-weight:200!important;}
  16. /*文章列表向上提升*/
  17. #chrome{margin-top:-41px!important;}
  18. /*左侧订阅导航栏向上提升*/
  19. #nav{margin-top:-25px!important;}
  20. /*隐藏底部状态栏*/
  21. #viewer-footer{display:none!important;}
  22. /*栏目栏高度*/
  23. #chrome-header{height:12px!important;}
  24. #chrome-title
  25. {margin-top:-3px!important;
  26. font-size:13px!important;}
  27. /*操作栏高度*/
  28. #viewer-top-controls
  29. {height:12px!important;
  30. margin-top:-4px!important;
  31. font-size:11px!important;}
  32. /*关注对象列表的高度*/
  33. UL.lhn-section-secondary:last-child{height:170px!important;}
  34. /* 最大化文章宽度 */
  35. #entries .entry-body,.entry .entry-title {max-width: none !important; }
  36. /* 修改左侧导航栏宽度 */
  37. #nav,#nav * {max-width: 175px !important; }
  38. #nav {width: 175px !important; }
  39. #chrome {margin-left: 175px !important; }
  40. .lhn-hidden #chrome {margin-left: 1px !important; }
  41. /* 强调当前项目 */
  42. #current-entry > DIV:first-child > DIV:last-child > DIV > H2
  43. {color:red!important;font-size:14px!important;font-weight:bold!important;}
  44. /*隐藏帮助按钮*/
  45. #gb_83{display:none!important;}
  46. /*设置文章的字体大小*/
  47. .snippet{font-size:10px!important;}/*摘要*/
  48. .entry-title{font-size:12px!important;}/*标题*/
  49. .entry-main{font-size:13px!important;}/*正文*/
  50. /*隐藏“有XX人喜欢此条目”*/
  51. .entry-likers-n{display:none!important;}
  52. /*搜索结果高亮(3个)*/
  53. .highlighted0{font-size:12px;background-color:yellow!important;}
  54. .highlighted1{font-size:12px;background-color:#9BFADE!important;}
  55. .highlighted2{font-size:12px;background-color:#95FF08!important;}
  56. /*隐藏搜索框右侧的搜索按钮*/
  57. #search-submit{display:none !important;}
  58. /*调整搜索框的位置*/
  59. #search-input{
  60. margin-top:-32px!important;
  61. margin-left: 26px!important;
  62. width:80px!important;}
  63. #search-restrict
  64. {margin-top:-31px!important;
  65. margin-left: 120px!important;}
  66. /*左侧订阅导航栏的字体*/
  67. #sub-tree{font-size:9pt!important;
  68. line-height: 150% !important;}
  69. /*收缩栏宽度、边框*/
  70. #chrome-lhn-toggle
  71. {width:5px!important;}
  72. #chrome{border-left:none!important;}

  73. /*------------夜间模式-------------*/
  74. /*主要部分*/
  75. html {background: #DED8D8 !important}
  76. *, a.gb1, a.gb2, a.gb3, a.gb4 {background-color: transparent !important;
  77. border: 0px  !important;
  78. color: black !important;}
  79. /*"添加订阅"按钮边框*/
  80. #lhn-add-subscription
  81. {border:1px grey solid!important;
  82. -moz-border-radius:2px!important;}
  83. /*未读数量字体颜色*/
  84. .unread-count{color: red !important;}
  85. /* 夜间菜单背景 */
  86. .goog-menu, #quick-add-bubble-holder, .ac-renderer, #gbi{
  87. background-color: rgba(100,100,100,.9) !important;}
  88. .tags-edit {background-color: rgba(30,30,30,.9) !important;}
  89. /*收缩条背景色*/
  90. #chrome-lhn-toggle{background:#B2ADAD!important;}
  91. /*控制栏背景色*/
  92. #viewer-top-controls{background:#B2ADAD!important;}
  93. .entry-actions{background:#B2ADAD!important;}
  94. /*侧栏当前条目背景色*/
  95. .scroll-tree li .tree-link-selected, .scroll-tree li .tree-link-selected:hover,
  96. #lhn-selectors .selected, #lhn-selectors .selected:hover
  97. {background-color: #B2ADAD !important; }
  98. /*顶栏(栏目栏)背景色*/
  99. #chrome-header,#chrome-view-links
  100. {background:#989595!important;}
  101. /*高亮鼠标所在行*/
  102. .collapsed:hover,.link:hover { background:#939090 !important;}
  103. /*文章边框*/
  104. #current-entry{border:2px #6F6F6F solid!important;}
  105. /*用户栏背景*/
  106. #guser{background:#B2ADAD!important;}

  107. }

  108. /*---------------针对.com的修改---------------------*/
  109. @-moz-document
  110. url-prefix("http://www.google.com/reader"),
  111. url-prefix("https://www.google.com/reader"){
  112. /*文章列表向上提升*/
  113. #chrome{margin-top:-46px!important;}
  114. /*左侧订阅导航栏向上提升*/
  115. #nav{margin-top:-25px!important;}
  116. /*调整搜索框的位置*/
  117. #search-input{
  118. margin-top:-37px!important;
  119. margin-left:27px!important;}
  120. #search-restrict
  121. {margin-top:-36px!important;
  122. margin-left: 120px!important;}
  123. }
复制代码
附件: 您所在的用户组无法下载或查看附件
觉得不错,更简洁了~~