Ночной режим / Night mode

Interesting plugin is Migur Ajax Search to Joomla. It is intended to display search results on the website in the form of a pop-up list. Consider it in more detail.

Migur Ajax Search Plugin в Joomla

Often we need the extension that the functionality is not inferior to the full-fledged components of the website such as Ajax search.
This plugin helps to improve the appearance of the search results through a custom CSS style, so you can always change it, without going into in-depth knowledge of PHP code, the extension. It does not replace part of the search module, but only complements it.
Download the plugin and install it in Joomla.
So, how is the plug-Migur Ajax Search?
First, in order to change the default display of search results on the site, you need to find the CSS file in the extensions folder. It is located at the address: ../media/plg_migursearch/migursearch.css.
Downloaded this file to your computer and open it with any text document.
Change the CSS style settings to those appropriate for your site and save you replace the old file that is on your site. Thus we will change the appearance design of the search results.
Good this plugin is that you only need to change one file to have extension properties, namely a few lines of code in the file migursearch.css.
Give an example of the modified code of this plugin:
#migursearch_results { width: 250px; background-color: #959595; border: 1px solid #ffffff; margin: 1px 1px 0; padding: 0 0 3px; ] #migursearch_results a:hover { background-color: transparent; ] #migursearch_results .mg_row1 { background-color: #959595; border: 1px solid #000000; margin:3px 3px 0; overflow: hidden; ] #migursearch_results .mg_row2 { background-color: #f8f8f8; border: 1px solid #DDDDDD; margin:3px 3px 0; overflow: hidden; ] #migursearch_results p a{ color: #FFF; text-decoration: none; ] #migursearch_results p a h3{ padding: 0 5px; margin: 0; background-color: #404040; font-size: 1em; ] #migursearch_results p p p{ padding:0; margin:0; ] #migursearch_results p p .ps_readmore span{ width: 230px; padding: 0 10px 0 0; display:block; text-align:right; color: #999; ] #migursearch_results .ps_row1 p{ width: 240px; padding: 5px 0 5px 10px; margin: 0; background: #EEE; ] #migursearch_results .ps_row2 p{ width: 240px; padding: 5px 0 5px 10px; margin: 0; background: #CCC; ] #migursearch_results .ps_adv_link { text-decoration:none; ] #migursearch_results .ps_adv_link span{ width: 240px; padding: 5px 0 0 10px; display:block; background: #999; color: #FFF; ] #migursearch_results #mg_adv_link{ display: block; float: right; margin: 0 5px 3px; ] #migursearch_results #mg_adv_link:hover { background-color: transparent; color: #888; ] #migursearch_results .resulttext{ padding: 5px; ] #migursearch_results .resulttext * { line-height: 1em; color: #333333; ] #migursearch_results .mg_adv_link span { color: #333333; ] .migursearch_noresults { text-align: center; ] #migursearch_results #mg_no_results { padding: 0 0 0 5px; ] #migursearch_results .mg_readmore { display:block; float: right; color: #888888; ] #migursearch_results .mg_readmore * { color: #888888; font-size: 0.8 em; ] #migursearch_results .mg_cat { color: #888888; font-size: 0.8 em; ] #migursearch_close { background-image: url(‘../system/images/modal/closebox.gif’); width: 22px; height: 22px; right: -10px; top: -10px; position: absolute; ]

download