Google Card-Style UI

Greatly Beautify Google UI!

当前为 2016-09-25 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Google Card-Style UI
  3. // @description Greatly Beautify Google UI!
  4. // @author Fei Sun
  5. // @version 1.2.0
  6. // @include http://www.google.*/*
  7. // @include https://www.google.*/*
  8. // @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
  9. // @grant GM_getValue
  10. // @grant GM_setValue
  11. // @grant GM_deleteValue
  12. // @grant GM_xmlhttpRequest
  13. // @namespace https://greasyfork.org/users/35010
  14. // ==/UserScript==
  15. /*jshint multistr: true */
  16. var cssblock=document.createElement("div");
  17. var csstext="<style>body {\
  18. background:#f9f9f9;\
  19. }\
  20. * {\
  21. font-family:'Segoe UI','Microsoft YaHei'!important;\
  22. }\
  23. div.col,div.col *,div.g {\
  24. box-sizing:border-box;\
  25. }\
  26. .g {\
  27. background:white;\
  28. padding:25px;\
  29. box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  30. margin-bottom:15px!important;\
  31. margin-right:0px;\
  32. transition:box-shadow 0.5s;\
  33. position:relative;\
  34. }\
  35. .g:hover {\
  36. box-shadow:0px 1px 15px rgba(0,0,0,0.1);\
  37. }\
  38. .sfbg.nojsv .sfbgg {\
  39. background:#fafafa!important;\
  40. }\
  41. #searchform {\
  42. position:fixed!important;\
  43. }\
  44. .appbar {\
  45. margin-top:59px;\
  46. border-bottom:none;\
  47. }\
  48. .appbar.hdtb-ab-o {\
  49. }\
  50. #top_nav {\
  51. position:fixed;\
  52. top:59px;\
  53. width:100%;\
  54. z-index:100;\
  55. }\
  56. body.vasq #hdtbMenus.hdtb-td-o {\
  57. height:44px;\
  58. box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  59. box-sizing:border-box;\
  60. }\
  61. #cnt {\
  62. width:100%;\
  63. }\
  64. .mw {\
  65. width:100%;\
  66. max-width:100%!important;\
  67. }\
  68. #rcnt {\
  69. width:100%!important;\
  70. box-sizing:border-box;\
  71. margin-top:0px;\
  72. }\
  73. #rcnt .col:nth-of-type(2) {\
  74. width:65%!important;\
  75. min-width:582px;\
  76. margin-left:6%;\
  77. }\
  78. #rcnt .col:nth-of-type(3) {\
  79. width:23%!important;\
  80. float:left;\
  81. padding-top:6px;\
  82. }\
  83. #rhs .rhsvw {\
  84. width:100%;\
  85. }\
  86. .kp-blk {\
  87. box-shadow:none;\
  88. }\
  89. #center_col {\
  90. width:100%!important;\
  91. min-width:0px!important;\
  92. margin-left:0px!important;\
  93. padding-top:0px!important;\
  94. }\
  95. #rhscol {\
  96. width:20%!important;\
  97. min-width:200px;\
  98. float:right;\
  99. }\
  100. #rhs {\
  101. margin-left:0px!important;\
  102. }\
  103. .kp-blk._Jw._Rqb._RJe {\
  104. margin:0px!important;\
  105. }\
  106. .s {\
  107. max-width:100%;\
  108. }\
  109. h3.r:after {\
  110. content:'';\
  111. display:block;\
  112. border-top:1px solid #ebebeb;\
  113. height:0px;\
  114. margin-top:5px;\
  115. margin-bottom:5px;\
  116. }\
  117. #center_col .kp-blk {\
  118. margin-left:0px;\
  119. margin-right:0px;\
  120. }\
  121. .kno-ftr {\
  122. margin: 0 -35px 0 -8px;\
  123. padding: 4px 40px 0;\
  124. }\
  125. .related-question-pair>div>div>div>div {\
  126. padding-top:10px!important;\
  127. }\
  128. ._U7g._grf {\
  129. padding-top:10px;\
  130. padding-bottom:10px;\
  131. }\
  132. #extrares {\
  133. background:transparent;\
  134. padding:0px 15px!important;\
  135. }\
  136. #botstuff {\
  137. background:white;\
  138. padding:20px;\
  139. box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  140. transition:all 0.5s;\
  141. position:relative;\
  142. }\
  143. #botstuff:hover {\
  144. box-shadow:0px 1px 15px rgba(0,0,0,0.1);\
  145. }\
  146. ._Ugf {\
  147. overflow:hidden;\
  148. }\
  149. a._Eu._H2 {\
  150. display:block;\
  151. width:100%!important;\
  152. background:white;\
  153. padding:20px;\
  154. box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  155. transition:all 0.5s;\
  156. position:relative;\
  157. }\
  158. a._Eu._H2:hover {\
  159. box-shadow:0px 1px 15px rgba(0,0,0,0.1);\
  160. }\
  161. div#bcenter {\
  162. display:none;\
  163. }\
  164. /*remove ads*/\
  165. div#tads {\
  166. display:none;\
  167. }\
  168. div#bottomads {\
  169. display:none;\
  170. }\
  171. img#hplogo {\
  172. box-sizing:content-box;\
  173. }\
  174. ol#ab_ctls * {\
  175. box-sizing:content-box!important;\
  176. }\
  177. g-snapping-carousel {\
  178. margin-left:12px;\
  179. margin-right:12px;\
  180. }\
  181. #foot {\
  182. width:calc(100% - 16px)!important;\
  183. margin-left:8px;\
  184. box-sizing:border-box;\
  185. padding:1px;\
  186. }\
  187. #fbarcnt {\
  188. padding-left:30%;\
  189. }\
  190. #footcnt {\
  191. background:#f2f2f2;\
  192. border-top:1px solid #e4e4e4;\
  193. }\
  194. #fbar {\
  195. border-top:none;\
  196. min-width:0px;\
  197. }\
  198. #rhs .kp-blk {\
  199. margin:0px;\
  200. }\
  201. div#subform_ctrl {\
  202. margin-top:0px!important;\
  203. }\
  204. #slim_appbar {\
  205. height:44px;\
  206. }\
  207. #hdtbMenus.hdtb-td-o {\
  208. background:#fafafa;\
  209. top:59px!important;\
  210. }\
  211. .appbar {\
  212. margin-top:58px;\
  213. }\
  214. #resultStats {\
  215. line-height:44px!important;\
  216. }\
  217. #res a:link,#extrares a:link {\
  218. color:#222!important;\
  219. }\
  220. #res a:visited,#extrares a:visited {\
  221. color:#999!important;\
  222. }\
  223. #appbar {\
  224. background:#fafafa;\
  225. }\
  226. #res {\
  227. padding:0px 15px;\
  228. }\
  229. div._M6k.vk_c {\
  230. width:100%;\
  231. margin-left:0px!important;\
  232. box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  233. }\
  234. div._M6k.vk_c:hover {\
  235. box-shadow:1px 1px 15px rgba(0,0,0,0.1);\
  236. }\
  237. #hdtbSum {\
  238. background:#fafafa!important;\
  239. }\
  240. </style>";
  241. cssblock.innerHTML=csstext;
  242. (function () {
  243. if (window.location.href.search('tbm=isch')==-1) {
  244. document.body.appendChild(cssblock);}
  245. })();