refined advanced search form display to be more explicite

This commit is contained in:
Bachir Soussi Chiadmi
2017-11-20 17:52:39 +01:00
parent 81810c5af4
commit 106129c27c
3 changed files with 232 additions and 135 deletions

View File

@@ -3289,7 +3289,8 @@ body.node-type-publication #footer {
*/
#utilities {
background-color: #fff;
margin-top: 60px; }
margin-top: 60px;
max-height: 100px; }
.not-logged-in #utilities {
overflow: hidden; }
#utilities > .inner {
@@ -3926,44 +3927,69 @@ body.home-v2 #main {
display: none; } }
#tool-bar #materio-search-api-advanced-search-form > div {
position: relative; }
#tool-bar #materio-search-api-advanced-search-form > div #advancedsearch-filters, #tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
#tool-bar #materio-search-api-advanced-search-form > div #advancedsearch-filters-wrapper, #tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col {
display: inline-block;
vertical-align: top; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col {
position: relative;
text-align: center; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper > * {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col > * {
display: block; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper a.back-search-home {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col 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 {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col a.back-search-home i:before {
font-size: 1.3em; }
#tool-bar #materio-search-api-advanced-search-form > div > .form-wrapper #edit-search {
#tool-bar #materio-search-api-advanced-search-form > div .form-wrapper.right-col #edit-search {
margin: 1em 0 0.5em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters {
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters {
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px solid #ccc; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line {
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-table {
display: table;
border-collapse: separate;
border-spacing: 0 0.2em; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers {
display: table-header-group;
width: 100%; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers > div {
display: table-cell;
text-align: left;
text-transform: uppercase;
font-size: 9px; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .advanced-search-form-headers > div:last-child:after {
content: "";
display: table-cell; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line {
margin: 0.3em 0;
padding-top: 0.3em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line:not(:first-child) {
padding-top: 0.3em;
display: table-row; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line:not(:first-child) {
border-top: 1px solid #ccc; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line .form-item {
display: inline-block;
vertical-align: middle;
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > * {
display: table-cell;
text-align: left; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line > *:not(:last-child) {
padding: 0 1em 0 0; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .form-item {
font-size: 12px;
line-height: 1;
text-transform: capitalize;
margin: 0 0em 0 0; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .filter-line select {
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line select {
width: auto; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .rm-btn {
float: right;
margin: 0.4em 0 0.4em 0.4em; }
#tool-bar #materio-search-api-advanced-search-form #advancedsearch-filters .add-filter {
margin: 0.5em 0; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .filter-line .filter-markup span {
padding: 0.4em 1em;
display: block;
font-size: 11px;
background-color: #eee;
color: #777;
text-align: center;
border-radius: 7px; }
#tool-bar #materio-search-api-advanced-search-form .form-wrapper.advancedsearch-filters .add-filter {
margin: 0.5em 0;
display: table-row; }
#tool-bar #materio-search-api-advanced-search-form div.search-btn-wrapper {
display: inline-block; }
#tool-bar #materio-search-api-advanced-search-form.loading div.search-btn-wrapper {