DuckDuckGo - Multi-Columns Custom

Added by graciliano@userstyles, Created: May 15, 2015, Updated: Nov 12, 2015
Region Switch:
Number of Columns:
Result Highlight:
Results Numbering:
Mark for Visted Results:
Search Keys Highlight:
Fix titles on narrow view:

Description:

This is a fork from http://freestyler.ws/style/97214/duckduckgo-multi-columns-v-6 by decembre@userstyles. I worked a lot on customizing it and I wanted to share it. There are various options in this style. Improved for big/wide screens. Update 2015-Nov-12: was preventing multiple columns, this is fixed now. (Thanks rayman88@userstyles)

More info
(Scroll down to see the latest changes.)
Warning for the "Fix titles on narrow view" option.
When using the default (black/gray over white) theme for DuckDuckGo, if the viewport/window is 634 pixels or less wide, the titles for visited results are colored gray instead of black. The fix titles on narrow view option sets these titles back to the default dark color. However this fix makes the titles have the same color as the background if using DuckDuckGo's dark theme. This fix is intended only for the default theme and will probably have a negative effect when using a dark background. (This option is active in the primary screenshot!)

Details
There are many options to customize this style as you like:
  • The region switch may be replaced by a ballot box (style default).
  • The number of columns may be fixed to 2, 3, or 4, or let it self-adjust 1-4.
  • The highlighted result will optionally (by default) have a shaded margin.
  • Optional result numbers (default) can be displayed with various color settings.
  • The mark for visited results can be changed (or omitted).
  • The search keys will may have an optional color as highlight on the result summary text.
With this style, the bar on the top of the page will scroll out of the browser window.

The colors in most screenshots are from DuckDuckGo's settings. They can be achieved with URL parameters (see https://duckduckgo.com/params). For the different images shown the setting used are:The last screenshot is combined with http://freestyler.ws/style/89803/duckduckgo-dark by Thermalzombie@userstyles (it is best to hide the visited result mark for this combination).
The regions in the screenshots are United States, Latin America (Off), No Region Selected, China, and France. The first screenshot was rendered with Dragon (a Chrome variant), all other screenshots were rendered with Firefox.

Changes/Corrections
...on 2015-Nov-12:...on 2015-Aug-05:
  • I added support for Auto-Load so results are added automatically as you scroll to the bottom of the page. This default option can be disabled through DuckDuckGo's https://duckduckgo.com/settings. However, loading more results will happen automatically if the scrollbar is used to reach the bottom of the page regardless of the setting.
    I added this following decembre@userstyles's update in http://freestyler.ws/style/97214/duckduckgo-multi-columns-v-6. Thanks to https://forum.userstyles.org/profile/11333/Barbiegirl for pointing out the problem in the earlier version of DuckDuckGo - Multi-Columns. The update uses a strategy that was already in http://freestyler.ws/style/77394/morecolumns by ogr@userstyles but a bit more cleverly. Although I am sure Decembre did not copy from ogr, I looked into ogr's solution first, henceforth this update limits the license to http://creativecommons.org/licenses/by-nc-sa/4.0/
  • The space between rows is now a bit smaller. The space between columns is fixed to be equal to the space between rows. However if the window is 635 pixels wide or norrower, there will be no space between columns.
  • If the number of columns is self-adjusting (1-4), when the window width is 634 pixels or less, the results are presented in a single column since the previous update. Now, this column has no extra space to the right. The rows/boxes in this column are separated by a much smaller space and their height will adjust to fit the snippet quoted in the result. The extra space in the box is now trimmed so the style is convenient even on a narrow window. The result titles remain cropped to fit in a single line.
...on 2015-Jul-07:
  • A new option and default lets the style choose the number of columns to match the browser's window width. This will prevent the result tiles form been too narrow when you shrink your browser's window.
  • The ballot box with check mark for the region switch will was fixed to work properly with the http://freestyler.ws/style/107489/beautiful-dark-duckduckgo style.
  • In the spirit of the style http://freestyler.ws/style/105352/duckduckgo-dark-tile-fix the result tile borders is now softer for a better look especially for dark themes.
  • I found it was possible for the mark for visited results not to be colored properly (or not be displayed when it should) when using Chrome. This bug should was just fixed.
...on 2015-Jun-09:
  • The option for not showing the mark for visited results will work properly.
  • The ballot box with check mark for the region switch will transition properly in Chrome.
  • The corners of the highlighted result shall be straight like for the rest of the results.
  • I am aware the circles for the result numbers are not perfect, but that is how it works best for showing the numbers in them without making them bigger.
...on 2015-Jun-04:
  • I added code that corrects a problem regarding big screen displays. I found it is possible the results were not filling the viewport/window width. I do not have a big monitor so I do not really know if this was a problem before for anyone. If in the Appearance tab of DuckDuckGo's Advanced Settings the Page Width was set to Wide or Super Wide, the problem was evident.
    With this change the About and Definition that may show above the results can use a wider area of the display.(The primary screenshot has not been updated yet).
...on 2015-Jun-02:
  • I added the option to fix titles on narrow view.
...on 2015-May-28:
  • The result titles will be cropped properly when the window is narrow (fix for Chrome).
  • The mark for visited results will show with all themes by DuckDuckGo. If you prefer not to see these marks (when titles for visited results are shown with an alternate color like in the basic and contrast themes) use the (new) option "do not show".
    This change fixes a problem where the marks were not showing when the window was too narrow

Installs:
Applies to:
duckduckgo.com

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.