☰

Google Search in columns

This is a CSS that transform Google Search into multiple columns.

  1. // ==UserScript==
  2. // @name          Google Search in columns
  3. // @namespace     http://userstyles.org
  4. // @description	  This is a CSS that transform Google Search into multiple columns.
  5. // @author        Crend King & Roxz
  6. // @homepage      https://userstyles.org/styles/123849
  7. // @include	http*://www.google.*.*/webhp?*
  8. // @include	http*://www.google.*.*/search?*
  9. // @include	http*://www.google.*.*/ig?*
  10. // @include	http*://www.google.*.*/
  11. // @include	http*://www.google.*.*/#*
  12. // @include	http*://www.google.*/webhp?*
  13. // @include	http*://www.google.*/search?*
  14. // @include	http*://www.google.*/ig?*
  15. // @include	http*://www.google.*/
  16. // @include	http*://www.google.*/#*
  17. // @include	https://encrypted.google.*/webhp?*
  18. // @include	https://encrypted.google.*/search?*
  19. // @include	https://encrypted.google.*/ig?*
  20. // @include	https://encrypted.google.*/
  21. // @include	https://encrypted.google.*/#*
  22. // @run-at        document-start
  23. // @version       1.0
  24. // ==/UserScript==
  25. (function() {var css = [
  26. 	"/* columns  */",
  27. 	"",
  28. 	".big .mw,",
  29. 	".s {",
  30. 	"    max-width: unset !important;",
  31. 	"}",
  32. 	"",
  33. 	".col {   ",
  34. 	"    width: 100% !important;",
  35. 	"}",
  36. 	"",
  37. 	"#cnt .mw #center_col,",
  38. 	"#cnt .mw #foot {",
  39. 	"    width: 100% !important;",
  40. 	"}",
  41. 	"",
  42. 	"#center_col {",
  43. 	"    margin: auto !important;",
  44. 	"    padding: inherit !important;",
  45. 	"}",
  46. 	"",
  47. 	"/* entries */",
  48. 	"",
  49. 	".g {",
  50. 	"    padding: 0.667em !important;",
  51. 	"}",
  52. 	"",
  53. 	".srg {",
  54. 	"    display: flex !important;",
  55. 	"    flex-wrap: wrap !important;",
  56. 	"}",
  57.     "",
  58. 	".mw {",
  59. 	"    width: 990em !important;",
  60.     "    max-width: 130em !important;",
  61. 	"}",
  62. 	"",
  63. 	".srg > .g {",
  64. 	"    width: calc(100% / 3 - 2.333em) !important;",
  65. 	"    margin-left: 0.5em !important;",
  66. 	"    margin-right: 0.5em !important;",
  67. 	"    overflow: hidden !important;",
  68. 	"}",
  69. 	"",
  70. 	".rgsep {",
  71. 	"    display: none !important;",
  72. 	"}",
  73. 	"",
  74. 	"/* info box */",
  75. 	"",
  76. 	".vk_c,",
  77. 	".kp-blk {",
  78. 	"    margin: auto !important;",
  79. 	"}"
  80. ].join("\n");
  81. if (typeof GM_addStyle != "undefined") {
  82. 	GM_addStyle(css);
  83. } else if (typeof PRO_addStyle != "undefined") {
  84. 	PRO_addStyle(css);
  85. } else if (typeof addStyle != "undefined") {
  86. 	addStyle(css);
  87. } else {
  88. 	var node = document.createElement("style");
  89. 	node.type = "text/css";
  90. 	node.appendChild(document.createTextNode(css));
  91. 	var heads = document.getElementsByTagName("head");
  92. 	if (heads.length > 0) {
  93. 		heads[0].appendChild(node);
  94. 	} else {
  95. 		// no head yet, stick it whereever
  96. 		document.documentElement.appendChild(node);
  97. 	}
  98. }
  99. })();