Greasy Fork

// ==UserScript==// @name         Google search in several columns// @namespace    http://tampermonkey.net/// @version      0.1// @description  Google search r###lts in 4 columns (News and Video) and 3 columns for All. Fork of Mozilla's 2-Column Google R###lts 2.7.0// @author       difabor// @include      http*://www.google.*/*// @include      http*://www.google.*.*/*// @include      http*://ipv6.google.*/*// @include      http*://encrypted.google.*/*// @grant        none// ==/UserScript==var urloc = location;var switch_news = /tbm=nws/.test(urloc)? '' : '.bkWMgd > div:not(.knavi)';var col_num = /tbm=nws/.test(urloc)? 4 : /tbm=vid/.test(urloc)? 4 : 3;var spring_color = '#8ff';var css = 'body:not(.no-two-col) {\n'+'  max-width: 100vw !important;\n'+'  overflow-x: hidden !important;\n'+'}\n'+'\n'+'body:not(.no-two-col) img {\n'+'  max-width: 100%;\n'+'}\n'+'\n'+'body:not(.no-two-col) #center_col {\n'+'  margin-left: 0 !important;\n'+'  margin-right: 0 !important;\n'+'  overflow-x: visible !important;\n'+'  width: 100vw !important;\n'+'  padding-left: 10px !important;'+'}\n'+'\n'+'body:not(.no-two-col) #res {\n'+'  box-sizing: border-box;\n'+'  width: 100% !important;\n'+'}\n'+'\n'+'/* body:not(.no-two-col) #res .bkWMgd {\n'+'  vertical-align: top;\n'+'} */\n'+'\n'+'/*\n'+' * .knavi is for calculator. ref: #9\n'+' * */\n'+'/*.knavi*/\n'+'body:not(.no-two-col) #res '+ switch_news +' {\n'+'  column-count: '+col_num+' !important;\n'+'  column-gap: 10px !important;\n'+'  column-rule: 1px solid silver !important;\n'+'  /*background-color: #fda !important;*/\n'+'}\n'+'\n'+'body:not(.no-two-col) #res .bkWMgd > div:not(.knavi) > div {\n'+'  box-sizing: border-box;\n'+'  margin: 0 3% 10px;\n'+'  min-height: 100px;\n'+'  vertical-align: bottom;\n'+'}\n'+'\n'+'body:not(.no-two-col) #res .bkWMgd > div.knavi > div {\n'+'  width: 25%;\n'+'  margin: auto;\n'+'}\n'+'\n'+'body:not(.no-two-col) #res .bkWMgd g-section-with-header {\n'+'  margin-left: 2.5%;\n'+'  clear: both;\n'+'}\n'+'\n'+'body:not(.no-two-col) #res .bkWMgd g-scrolling-carousel {\n'+'  margin: 0;\n'+'}\n'+'\n'+'body:not(.no-two-col) #iur {\n'+'  width: 100% !important;\n'+'}\n'+'\n'+'body:not(.no-two-col) .big .mw {\n'+'  max-width: 100% !important;\n'+'}\n'+'\n'+'body:not(.no-two-col) #rhs {\n'+'  background-color: '+ spring_color +' !important;\n'+'  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);\n'+'  margin-right: 0 !important;\n'+'  margin-left: 0 !important;\n'+'  overflow: hidden !important;\n'+'  padding: 0 !important;\n'+'  position: absolute !important;\n'+'  transition: .3s right;\n'+'  top: -40px !important;\n'+'  right: -440px !important;\n'+'  width: 460px !important;\n'+'  z-index: 1000 !important;\n'+'}\n'+'\n'+'body:not(.no-two-col) #rhs:hover {\n'+'  right: 0px !important;\n'+'}\n'+'\n'+'body:not(.no-two-col) #rhs img {\n'+'  width: 100%;\n'+'}\n'+'\n'+'body:not(.no-two-col) #rhs #rhs_block,\n'+'body:not(.no-two-col) #rhs #rhs_block .g.rhsvw.mnr-c.g-blk,\n'+'body:not(.no-two-col) #rhs #rhs_block .g.rhsvw.mnr-c.g-blk .kp-blk {\n'+'  padding-left: 0 !important;\n'+'  padding-right: 0 !important;\n'+'  margin: 2.5 !important;\n'+'  width: 90%;\n'+'}\n'+'\n'+'body:not(.no-two-col) #taw, #extrares {\n'+'  clear: both;\n'+'  margin-left: 30px;\n'+'}\n'+'\n'+'body:not(.no-two-col) #rc {\n'+'  width: 40vw;\n'+'}\n'+'\n'+'body:not(.no-two-col) .rc table.ts td { /* for SearchPreview */\n'+'  min-width: 130px;\n'+'}\n'+'\n'+'/* also work for startpage.com */\n'+'\n'+'.startpage .web_regular_r###lts > li {\n'+'  box-sizing: border-box;\n'+'  float: left;\n'+'  min-height: 125px;\n'+'  vertical-align: top;\n'+'  width: 50%;\n'+'}\n';let styleNode = document.createElement("style");styleNode.appendChild(document.createTextNode(css));(document.querySelector("head") || document.documentElement).appendChild(styleNode);// ==UserScript==