Greasy Fork

Show search.disconnect.me by two column

Just like some Greasemonkey scripts for google.

I would just use this style with Stylish extension/addon:

@-moz-document domain("search.disconnect.me") {
div#results #normal-results {
    width: auto;
}
div#results #normal-results li {
    display: inline-block;
    width: 22rem;
    margin: 1rem 0 0;
    vertical-align: top;
}
div#sidebar {
    display: none;
}
}

The tile width is adjustable (22rem in the code).

thanks

Would you like to move this css to disconnect？
Google 検索ツールをサイドバーへ - Themes and Skins for Google - userstyles.org
https://userstyles.org/styles/78857/

I don't understand the question. If you're the author of that linked style then yes, you can add my css.

You want to move the top tools links to the left side? Here's a start on it:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("https://search.disconnect.me/searchTerms/") {
  #tabs {
    position: absolute;
    height: auto !important;
    top: 60px;
    border-bottom: none !important;
  }
  #tabs > #hdtb_msb > span {
    display: block !important;
    height: auto !important;
    margin: 10px 0 0 0 !important;
  }
  #tabs > #hdtb_msb > .gear {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
  #tabs .hdtb_mitem:nth-Of-Type(1) {
    margin-left: 0;
  }
  #tabs .hdtb_mitem > .hdtb_mitem, 
  #tabs .gear {
    display: block;
    height: 1.2em;
    line-height: 1em;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 40px;
  }

  #hdtb_msb > .hdtb_mitem:first-child {
    margin: 0;
  }
  #tabs .hdtb_mitem > div {
    position: static !important;
    top: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    height: 1.2em !important;
  }
  #tabs .bar {
    display: block !important;
    height: 10px !important;
    border: none !important;
    margin: 10px 0 0 0 !important;
  }
  #tabs #showUnprotectedMore, #tabs .moremenu > .arrow {
    display: none;
  }
  #tabs #unprotectmenu {
    display: block !important;
    margin-left: 0 !important;
  }
  #tabs #unprotectmenu ul {
    min-width: 40px !important;
    max-width: 90px !important;
    border: none !important;
    box-shadow: none !important;
  }
  #tabs #unprotectmenu li {
    padding: 2px 0 !important;
    line-height: 1em !important;
    height: 1.2em !important;
    line-height: 1em !important;
  }
}