☰

Google Card-Style UI

Greatly Beautify Google UI!

目前為 2016-04-08 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        Google Card-Style UI
  3. // @description Greatly Beautify Google UI!
  4. // @author      Fei Sun
  5. // @version     1.0.7
  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. var cssblock=document.createElement("div");
  16. /*jshint multistr: true */
  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:20px;\
  29.   box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  30.   margin-bottom:10px!important;\
  31.   margin-right:0px;\
  32.   transition:all 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:white!important;\
  40. }\
  41. #searchform {\
  42.   position:fixed!important;\
  43. }\
  44. #top_nav,.appbar {\
  45.   box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  46. }\
  47. .appbar {\
  48.   margin-top:59px;\
  49.   border-bottom:none;\
  50. }\
  51. .appbar.hdtb-ab-o {\
  52. }\
  53. #top_nav {\
  54.   position:fixed;\
  55.   top:59px;\
  56.   width:100%;\
  57.   z-index:100;\
  58. }\
  59. body.vasq #hdtbMenus.hdtb-td-o {\
  60.   height:44px;\
  61.   box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  62.   box-sizing:border-box;\
  63. }\
  64. #cnt {\
  65.   width:100%;\
  66. }\
  67. .mw {\
  68.   width:100%;\
  69.   max-width:100%!important;\
  70. }\
  71. #rcnt {\
  72.   width:100%!important;\
  73.   box-sizing:border-box;\
  74. }\
  75. #rcnt .col:nth-child(3) {\
  76.   width:65%!important;\
  77.   min-width:582px;\
  78.   margin-left:6%;\
  79. }\
  80. #rcnt .col:nth-child(4) {\
  81.   width:23%!important;\
  82.   float:left;\
  83.   padding-top:6px;\
  84. }\
  85. #rhs .rhsvw {\
  86.   width:100%;\
  87. }\
  88. .kp-blk {\
  89.   box-shadow:none;\
  90. }\
  91. #center_col {\
  92.   width:100%!important;\
  93.   min-width:0px!important;\
  94.   margin-left:0px!important;\
  95.   padding-top:0px!important;\
  96. }\
  97. #rhscol {\
  98.   width:20%!important;\
  99.   min-width:200px;\
  100.   float:right;\
  101. }\
  102. #rhs {\
  103.   margin-left:0px!important;\
  104. }\
  105. .kp-blk._Jw._Rqb._RJe {\
  106.   margin:0px!important;\
  107. }\
  108. .s {\
  109.   max-width:100%;\
  110. }\
  111. h3.r:after {\
  112.   content:'';\
  113.   display:block;\
  114.   border-top:1px solid #ebebeb;\
  115.   height:0px;\
  116.   margin-top:5px;\
  117.   margin-bottom:5px;\
  118. }\
  119. #center_col .kp-blk {\
  120.   margin-left:0px;\
  121.   margin-right:0px;\
  122. }\
  123. .kno-ftr {\
  124.     margin: 0 -35px 0 -8px;\
  125.     padding: 4px 40px 0;\
  126. }\
  127. .related-question-pair>div>div>div>div {\
  128.   padding-top:10px!important;\
  129. }\
  130. ._U7g._grf {\
  131.   padding-top:10px;\
  132.   padding-bottom:10px;\
  133. }\
  134. #extrares {\
  135.   background:transparent;\
  136.   padding:8px!important;\
  137. }\
  138. #botstuff {\
  139.   background:white;\
  140.   padding:20px;\
  141.   box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  142.   transition:all 0.5s;\
  143.   position:relative;\
  144. }\
  145. #botstuff:hover {\
  146.   box-shadow:0px 1px 15px rgba(0,0,0,0.1);\
  147. }\
  148. ._Ugf {\
  149.   overflow:hidden;\
  150. }\
  151. a._Eu._H2 {\
  152.   display:block;\
  153.   width:100%!important;\
  154.   background:white;\
  155.   padding:20px;\
  156.   box-shadow:0px 1px 2px rgba(0,0,0,0.1);\
  157.   transition:all 0.5s;\
  158.   position:relative;\
  159. }\
  160. a._Eu._H2:hover {\
  161.   box-shadow:0px 1px 15px rgba(0,0,0,0.1);\
  162. }\
  163. div#bcenter {\
  164.   display:none;\
  165. }\
  166. /*remove ads*/\
  167. div#tads {\
  168.   display:none;\
  169. }\
  170. div#bottomads {\
  171.   display:none;\
  172. }\
  173. img#hplogo {\
  174.   box-sizing:content-box;\
  175. }\
  176. ol#ab_ctls * {\
  177.   box-sizing:content-box!important;\
  178. }\
  179. g-snapping-carousel {\
  180.   margin-left:12px;\
  181.   margin-right:12px;\
  182. }\
  183. #foot {\
  184.   width:calc(100% - 16px)!important;\
  185.   margin-left:8px;\
  186.   box-sizing:border-box;\
  187.   padding:1px;\
  188. }\
  189. #fbarcnt {\
  190.   padding-left:30%;\
  191. }\
  192. #footcnt {\
  193.   background:#f2f2f2;\
  194.   border-top:1px solid #e4e4e4;\
  195. }\
  196. #fbar {\
  197.   border-top:none;\
  198.   min-width:0px;\
  199. }\
  200. #rhs .kp-blk {\
  201.   margin:0px;\
  202. }\
  203. </style>";
  204. cssblock.innerHTML=csstext;
  205. (function () {
  206.     if (window.location.href.search('tbm=isch')==-1) {
  207. document.body.appendChild(cssblock);}
  208. })();