started to mix search form and advanced search form into one unique block, the idea is to switch to one from an other with tabs

This commit is contained in:
Bachir Soussi Chiadmi
2017-10-25 17:01:00 +02:00
parent 9bfbd861ca
commit 55700094a2
4 changed files with 192 additions and 157 deletions

View File

@@ -3824,6 +3824,14 @@ body.home-v2 #main {
#tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
transition: box-shadow 0s ease-out;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner > div {
padding-top: 0.5em; }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner > div h4 {
margin: 0;
text-align: left;
font-size: 14px; }
#tool-bar #block-materio-search-api-materio-search-api-search > .inner > div:not(:first-of-type) {
margin-top: 0.5em; }
#tool-bar #materio-search-api-search-form {
text-align: right;
display: moz-inline-stack;
@@ -3832,7 +3840,7 @@ body.home-v2 #main {
zoom: 1;
*display: inline;
margin: 0; }
#tool-bar #materio-search-api-search-form .form-item, #tool-bar #materio-search-api-search-form input, #tool-bar #materio-search-api-search-form .form-checkboxes {
#tool-bar #materio-search-api-search-form .form-item, #tool-bar #materio-search-api-search-form input, #tool-bar #materio-search-api-search-form .form-checkboxes, #tool-bar #materio-search-api-search-form .form-wrapper {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
@@ -3848,11 +3856,14 @@ body.home-v2 #main {
margin: 0 5px; }
#tool-bar #materio-search-api-search-form .form-checkboxes .form-item label {
font-size: 10px; }
#tool-bar #materio-search-api-search-form #edit-rightcol {
padding-left: 0.5em;
margin-left: 0.5em;
border-left: 1px solid #ccc; }
#tool-bar #materio-search-api-search-form a.back-search-home {
display: inline-block;
vertical-align: middle;
color: #000;
padding: 0 0.5em 0 0.2em; }
color: #000; }
#tool-bar #materio-search-api-search-form a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-search-form input#edit-searchfield {
@@ -3880,43 +3891,23 @@ body.home-v2 #main {
width: 16em; }
#tool-bar #materio-search-api-search-form #edit-bundles-filter {
display: none; } }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search {
float: right; }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin: 0 0 0 10px;
padding: 3px 10px;
background-color: #fff;
border-radius: 3px;
background-clip: padding-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
transition: box-shadow 0.3s ease-out; }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner:hover, #tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
#tool-bar #block-materio-search-api-mo-searchapi-advanced-search > .inner:active {
transition: box-shadow 0s ease-out;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#tool-bar #materio-search-api-advanced-search-form > div {
position: relative; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters, #tool-bar #materio-search-api-advanced-search-form #edit-rightcol {
display: inline-block;
vertical-align: top; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol {
position: relative;
text-align: center; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol > * {
display: block; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol a.back-search-home {
color: #000;
padding-top: 0.45em; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-advanced-search-form #edit-rightcol #edit-search {
margin: 1em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form > div #advancedsearch-filters, #tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
display: inline-block;
vertical-align: top; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
position: relative;
text-align: center; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper > * {
display: block; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper a.back-search-home {
color: #000;
padding-top: 0.45em; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper #edit-search {
margin: 1em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters {
padding-right: 0.5em;
margin-right: 0.5em;