// ==UserScript==
// @name        Google Card-Style UI
// @description Greatly Beautify Google UI!
// @author      Fei Sun
// @version     1.0.0
// @include     http://*google.com/*
// @include     https://*google.com/*
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_deleteValue
// @grant       GM_xmlhttpRequest
// @namespace https://greasyfork.org/users/35010
// @downloadURL none
// ==/UserScript==
var cssblock=document.createElement("div");
/*jshint multistr: true */
var csstext="<style>body {\
  background:whitesmoke;\
}\
* {\
  font-family:'Segoe UI','Microsoft YaHei'!important;\
  box-sizing:border-box;\
}\
.g {\
  background:white;\
  padding:20px;\
  box-shadow:0px 0px 2px gray;\
  margin-bottom:10px!important;\
  transition:all 0.1s;\
  position:relative;\
}\
.g:hover {\
  box-shadow:0px 0px 100px gray;\
  z-index:900;\
}\
.sfbg.nojsv .sfbgg {\
  background:white!important;\
}\
#searchform {\
  position:fixed!important;\
}\
#top_nav,.appbar {\
  box-shadow:0px 0px 1px gray;\
}\
.appbar {\
  margin-top:59px;\
  border-bottom:none;\
}\
#top_nav {\
  position:fixed;\
  top:59px;\
  width:100%;\
  z-index:100;\
}\
#cnt {\
  width:100%;\
}\
.mw {\
  width:100%;\
  max-width:100%!important;\
}\
#rcnt {\
  width:100%!important;\
  padding-left:6%;\
}\
#rcnt .col:nth-child(3) {\
  width:65%!important;\
  min-width:507px;\
}\
#rcnt .col:nth-child(4) {\
  width:25%!important;\
  float:left;\
  padding-top:6px;\
}\
#center_col {\
  width:100%!important;\
  min-width:0px!important;\
  margin-left:0px!important;\
  padding-top:0px!important;\
}\
#rhscol {\
  width:20%!important;\
  min-width:200px;\
  float:right;\
}\
#rhs {\
  margin-left:0px!important;\
}\
.kp-blk._Jw._Rqb._RJe {\
  margin:0px!important;\
}\
.s {\
  max-width:100%;\
}\
h3.r:after {\
  content:'';\
  display:block;\
  border-bottom:1px solid #bbb;\
  height:5px;\
  margin-bottom:5px;\
}\
#center_col .kp-blk {\
  margin-left:0px;\
  margin-right:0px;\
}\
.kno-ftr {\
    margin: 0 -35px 0 -8px;\
    padding: 4px 40px 0;\
}\
.related-question-pair>div>div>div>div {\
  padding-top:10px!important;\
}\
._U7g._grf {\
  padding-top:10px;\
  padding-bottom:10px;\
}\
#extrares {\
  background:transparent;\
  padding:8px!important;\
}\
#botstuff {\
  background:white;\
  padding:20px;\
  box-shadow:0px 0px 2px gray;\
  transition:all 0.1s;\
  position:relative;\
}\
#botstuff:hover {\
  box-shadow:0px 0px 100px gray;\
  z-index:900;\
}\
._Ugf {\
  overflow:hidden;\
}\
a._Eu._H2 {\
  display:block;\
  width:100%!important;\
  background:white;\
  padding:20px;\
  box-shadow:0px 0px 2px gray;\
  transition:all 0.1s;\
  position:relative;\
}\
a._Eu._H2:hover {\
  box-shadow:0px 0px 100px gray;\
  z-index:900;\
}\
</style>";
cssblock.innerHTML=csstext;
document.body.appendChild(cssblock);