You are here

Home » API reference » Module Filter 8.3

module_filter.css in Module Filter 8.3

Same filename and directory in other branches
  1. 8 css/module_filter.css
  2. 6 css/module_filter.css
  3. 7.2 css/module_filter.css
  4. 7 css/module_filter.css
.winnow-input {
  position: relative;
  display: inline-block;
}
.winnow-input input.form-search {
  padding-right: 2em;
}
.winnow-clear {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
  left: auto;
  text-align: left;
  text-indent: -9999px;
}
.winnow-clear:after {
  position: absolute;
  right: 0;
  padding: 0 0.5em;
  height: 100%;
  content: '✕';
  color: #aaa;
  font: 1em/2.2em arial, sans-serif;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  text-indent: 0;
  opacity: 0.7;
}
.winnow-clear:hover:after {
  opacity: 1;
}

File

css/module_filter.css
View source 
  1. .winnow-input {

  2.   position: relative;

  3.   display: inline-block;

  4. }

  5. .winnow-input input.form-search {

  6.   padding-right: 2em;

  7. }

  8. .winnow-clear {

  9.   position: absolute;

  10.   top: 0;

  11.   bottom: 0;

  12.   right: 2px;

  13.   left: auto;

  14.   text-align: left;

  15.   text-indent: -9999px;

  16. }

  17. .winnow-clear:after {

  18.   position: absolute;

  19.   right: 0;

  20.   padding: 0 0.5em;

  21.   height: 100%;

  22.   content: '✕';

  23.   color: #aaa;

  24.   font: 1em/2.2em arial, sans-serif;

  25.   text-decoration: none;

  26.   text-shadow: 0 1px 0 #fff;

  27.   text-indent: 0;

  28.   opacity: 0.7;

  29. }

  30. .winnow-clear:hover:after {

  31.   opacity: 1;

  32. }