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

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

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

Lv.7

Rank: 7Rank: 7Rank: 7
顶楼
发表于 2011-5-3 17:05 | 只看该作者

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

Google, Reader, 谷歌, RSS, 阅读器
本帖最后由 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
打印 收藏

引用 回复

OutMan

Lv.2

Rank: 2
2楼
发表于 2011-5-3 17:51 | 只看该作者
楼主外观主题用的哪一个？

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
3楼
发表于 2011-5-3 18:02 | 只看该作者
2# wen1jian
默认主题。

引用 回复

OutMan

Lv.2

Rank: 2
4楼
发表于 2011-5-3 19:20 | 只看该作者
地址栏的那个效果是怎么弄的啊？是用了代码还是因为win7的主题效果啊？

引用 回复

elisha

Lv.4

Rank: 4
5楼
发表于 2011-5-3 20:03 | 只看该作者
默认赛高

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
6楼
发表于 2011-5-3 20:08 | 只看该作者
本帖最后由 tyjk 于 2011-5-3 20:13 编辑

4# wen1jian

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

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

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

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


  29. #urlbar {
  30.         background: none !important;
  31.         border: none !important;
  32.         border-radius: 3.5px 0 0 0 !important;
  33.         margin: 0 !important;
  34.         box-shadow: none !important;
  35. }


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

  108. /* Uncomment this block if you prefer add-on Bar always showing */
  109. #addon-bar > * {
  110.         background: transparent !important;
  111. }
  112. #addon-bar, #addon-bar toolbarbutton, #addon-bar dropmarker{
  113.         -moz-appearance: none !important;
  114.         margin: 0 !important;
  115.         border: none !important;
  116.         height: 15px !important;
  117.         box-shadow: none !important;
  118. }

  120. /* Autohide Add-on Bar - 99% by SoapyHamHocks and dert07 - comment-remove this block if you prefer add-on Bar always showing */
  121. #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
  122.         position: fixed;
  123.         bottom: -22px;
  124.         right: 20px;
  125.         border: none !important;
  126.         -moz-appearance: none !important;
  127.         -moz-transition: bottom .2s 1s ease-in;
  128.         padding-top: 22px !important;
  129.         margin-right: 20px !important;
  130. }
  131. #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
  132.         bottom: 1px;
  133.         -moz-transition: bottom .3s .4s ease-out;
  134. }
  135. #navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar > #status-bar {
  136.         margin: 0 !important;
  137.         padding: 0 2px 0 2px;
  138.         border-left: 1px solid rgba(0,0,0,.25) !important;
  139.         border-right: 1px solid rgba(0,0,0,.25) !important;
  140.         border-top: 1px solid rgba(0,0,0,.25) !important;
  141.         border-radius: 4px 4px 0 0;
  142.         background-color: rgba(255,255,255,.5) !important;
  143.         background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.5)) !important;
  144.         box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
  145.         height: 22px !important;
  146. }
复制代码
PS：怎么都注意到别的地方去了。。。。。。

引用 回复

harnack

Lv.8

Rank: 8Rank: 8
7楼
发表于 2011-5-3 20:56 | 只看该作者
个人觉得顶栏也可以干掉，似乎用处不大。
听老人说，今生做千件好事，来世方能讨生为猫。

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
8楼
发表于 2011-5-3 21:33 | 只看该作者
本帖最后由 tyjk 于 2011-5-3 21:46 编辑

7# harnack

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


另外的另外：放这样的截图大丈夫？？？？

引用 回复

leungxh

Lv.4

Rank: 4
9楼
发表于 2011-5-4 13:54 | 只看该作者
个人觉得顶栏也可以干掉，似乎用处不大。

harnack 发表于 2011-5-3 20:56
剑大的blog，harnack果然名副其实的AV控
twitter
鲜花总会长出来，不在墙这边相见，就在墙外面思念。

引用 回复

leungxh

Lv.4

Rank: 4
10楼
发表于 2011-5-4 13:56 | 只看该作者
我还是喜欢 f 键，然后j k慢慢看
twitter
鲜花总会长出来，不在墙这边相见，就在墙外面思念。

引用 回复

boy3510817

Lv.1

Rank: 1
11楼
发表于 2011-5-7 01:25 | 只看该作者
本帖最后由 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
附件: 您所在的用户组无法下载或查看附件

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
12楼
发表于 2011-5-7 10:07 | 只看该作者
11# boy3510817

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

引用 回复

dindog

Lv.7

Rank: 7Rank: 7Rank: 7
13楼
发表于 2011-5-12 00:10 | 只看该作者



我这个是添加了减侧栏扩大正文阅读范围的
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

Lv.7

Rank: 7Rank: 7Rank: 7
14楼
发表于 2011-5-12 20:46 | 只看该作者
本帖最后由 tyjk 于 2011-5-12 20:47 编辑

13# dindog

我这阵子又增加了很多墙外敏感物，不大好拿出来share呢。

引用 回复

dindog

Lv.7

Rank: 7Rank: 7Rank: 7
15楼
发表于 2011-5-12 21:48 | 只看该作者
本帖最后由 dindog 于 2011-5-12 21:52 编辑
13# dindog

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


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

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
16楼
发表于 2011-5-13 09:41 | 只看该作者
15# dindog

引用 回复

a87089836

Lv.1

Rank: 1
17楼
发表于 2011-6-16 17:00 | 只看该作者
好像楼主要更新了

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
18楼
发表于 2011-6-16 21:42 | 只看该作者
17# a87089836

google.com和google.com.hk不怎么一样，反正我自己用的hk没问题，不想鸟~~~

引用 回复

蟹米

Lv.2

Rank: 2
19楼
发表于 2011-6-20 15:44 | 只看该作者
自己写的，看有没有同口味的。
http://userstyles.org/styles/48615/google-reader-mini

引用 回复

baizuo

Lv.6

Rank: 6Rank: 6
20楼
发表于 2011-6-21 11:39 | 只看该作者

和默认界面好像没有很大差别……
附件: 您所在的用户组无法下载或查看附件

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
21楼
发表于 2011-6-21 20:16 | 只看该作者
本帖最后由 tyjk 于 2011-6-23 12:34 编辑

20# baizuo

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


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

就是这个，偶尔会跳到这个版本，不知怎么回事。
附件: 您所在的用户组无法下载或查看附件

引用 回复

palesaint

Lv.2

Rank: 2
22楼
发表于 2011-6-23 11:33 | 只看该作者
楼主的这个不错啊，简单实用

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
23楼
发表于 2011-6-25 18:52 | 只看该作者
20# baizuo

更新了一下。

引用 回复

harnack

Lv.8

Rank: 8Rank: 8
24楼
发表于 2011-6-25 21:57 | 只看该作者
论坛不能添加删除线吗？？？
1

评分次数

  • dindog

听老人说，今生做千件好事，来世方能讨生为猫。

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
25楼
发表于 2011-6-25 23:05 | 只看该作者
本帖最后由 tyjk 于 2011-6-25 23:41 编辑
论坛不能添加删除线吗？？？
harnack 发表于 2011-6-25 21:57

啊咧？？
测试啊！！！
<del>测试~~</del>




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

附件: 您所在的用户组无法下载或查看附件

引用 回复

yhmybsy

Lv.4

Rank: 4
26楼
发表于 2011-6-25 23:36 | 只看该作者
啊咧？？测试~~[strike]测试~~[/strike]2494424945不行。。。。求教！------------------- tyjk 发表于 2011-6-25 23:05
我是可爱的删除线

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
27楼
发表于 2011-6-26 00:03 | 只看该作者
我是可爱的删除线
yhmybsy 发表于 2011-6-25 23:36
这么不厚道哈，知道也不说的。。。
不过我已经知道怎么弄了。

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
28楼
发表于 2011-6-26 08:23 | 只看该作者

夜间版

本帖最后由 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;}

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

  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. }
复制代码
效果：
附件: 您所在的用户组无法下载或查看附件

引用 回复

tyjk

Lv.7

Rank: 7Rank: 7Rank: 7
29楼
发表于 2011-6-26 09:45 | 只看该作者
如果觉得楼上的太黑，请试试这个：
  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;}

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

  109. }

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

引用 回复

hallelujah

Lv.6

Rank: 6Rank: 6
30楼
发表于 2011-6-28 13:27 | 只看该作者
觉得不错，更简洁了~~

引用 回复

12
返回列表
HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage