You are here

Home » API reference » AT Tools 8

search.css in AT Tools 8

Same filename and directory in other branches
  1. 8.3 at_theme_generator/starterkits/starterkit/styles/css/components/search.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/search.css
@charset "UTF-8";
/**
 * Search results.
 ============================================================================ */
.item-list--search-results {
  border-radius: 2px;
}

.search-results {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: 16px;
  padding: 1rem;
}
.search-results--empty h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.search-results__item {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  padding: 0;
  list-style: none;
}

.search-result__title {
  margin: 0;
}
.search-result__snippet-info {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.search-result p {
  margin: 0;
}

/**
 * Search forms
 * - search block form
 * - advanced search form
 ============================================================================ */
.search-block-form__form {
  display: block;
  clear: both;
  position: relative;
}
.search-block-form__form .form-type-search,
.search-block-form__form .form-actions {
  display: inline;
  margin: 0 0 7px;
  margin: 0 0 0.4375rem;
}
.search-block-form__form .form-search {
  width: 100%;
}
.submit-is-visible .search-block-form__form .form-search {
  padding-right: 35px;
  padding-right: 2.1875rem;
}
.search-block-form__form .form-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.search-block-form__form .form-submit {
  margin: 0;
  padding: 0;
  width: 32px;
  width: 2rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  cursor: pointer;
  background-image: url(../images/search-icon.svg);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 0 2px 2px 0;
}
.search-block-form__form .contextual-render-processed {
  top: 2px;
  right: 2em;
}
.search-block-form__form ::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 0.75;
}
.search-block-form__form :-moz-placeholder {
  color: #cccccc;
  opacity: 0.75;
}
.search-block-form__form ::-moz-placeholder {
  color: #cccccc;
  opacity: 0.75;
}
.search-block-form__form :-ms-input-placeholder {
  color: #cccccc;
  opacity: 0.75;
}

.search-basic {
  display: block;
}
.search-basic label {
  display: block;
  margin: 0 0 7px;
  margin: 0 0 0.4375rem;
}
.search-basic .form-type-search,
.search-basic .form-search {
  display: block;
  width: 100%;
  margin: 7px 0;
  margin: 0.4375rem 0;
}

.search-advanced .details-wrapper > fieldset > legend {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  word-wrap: normal;
  font: 0/0 a;
}
.search-advanced .form-text {
  min-width: 75%;
}
.search-advanced .form-item,
.search-advanced .form-radios,
.search-advanced .form-checkboxes {
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
}

.search-help-link {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-top: -24px;
  margin-top: -1.5rem;
  padding-right: 6px;
  padding-right: 0.375rem;
}
.search-help-link:before {
  font-family: FontAwesome, sans-serif;
  content: "";
  padding: 0;
  margin: 0;
  text-align: center;
  width: 16px;
  width: 1rem;
  display: none;
}
.fa-loaded .search-help-link:before {
  display: inline-block;
}

/*# sourceMappingURL=maps/search.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/search.css
View source 
  1. @charset "UTF-8";

  2. /**

  3.  * Search results.

  4.  ============================================================================ */

  5. .item-list--search-results {

  6.   border-radius: 2px;

  7. }

  8. 

  9. .search-results {

  10.   margin-bottom: 16px;

  11.   margin-bottom: 1rem;

  12.   padding: 16px;

  13.   padding: 1rem;

  14. }

  15. .search-results--empty h3 {

  16.   font-size: 18px;

  17.   font-size: 1.125rem;

  18.   line-height: 21px;

  19.   line-height: 1.3125rem;

  20. }

  21. .search-results__item {

  22.   margin-bottom: 26px;

  23.   margin-bottom: 1.625rem;

  24.   padding: 0;

  25.   list-style: none;

  26. }

  27. 

  28. .search-result__title {

  29.   margin: 0;

  30. }

  31. .search-result__snippet-info {

  32.   font-size: 14px;

  33.   font-size: 0.875rem;

  34.   line-height: 18px;

  35.   line-height: 1.125rem;

  36. }

  37. .search-result p {

  38.   margin: 0;

  39. }

  40. 

  41. /**

  42.  * Search forms

  43.  * - search block form

  44.  * - advanced search form

  45.  ============================================================================ */

  46. .search-block-form__form {

  47.   display: block;

  48.   clear: both;

  49.   position: relative;

  50. }

  51. .search-block-form__form .form-type-search,

  52. .search-block-form__form .form-actions {

  53.   display: inline;

  54.   margin: 0 0 7px;

  55.   margin: 0 0 0.4375rem;

  56. }

  57. .search-block-form__form .form-search {

  58.   width: 100%;

  59. }

  60. .submit-is-visible .search-block-form__form .form-search {

  61.   padding-right: 35px;

  62.   padding-right: 2.1875rem;

  63. }

  64. .search-block-form__form .form-actions {

  65.   position: absolute;

  66.   top: 0;

  67.   right: 0;

  68.   z-index: 1;

  69. }

  70. .search-block-form__form .form-submit {

  71.   margin: 0;

  72.   padding: 0;

  73.   width: 32px;

  74.   width: 2rem;

  75.   text-indent: 100%;

  76.   white-space: nowrap;

  77.   overflow: hidden;

  78.   font: 0/0 a;

  79.   text-shadow: none;

  80.   color: transparent;

  81.   cursor: pointer;

  82.   background-image: url(../images/search-icon.svg);

  83.   background-position: center center;

  84.   background-repeat: no-repeat;

  85.   border-radius: 0 2px 2px 0;

  86. }

  87. .search-block-form__form .contextual-render-processed {

  88.   top: 2px;

  89.   right: 2em;

  90. }

  91. .search-block-form__form ::-webkit-input-placeholder {

  92.   color: #cccccc;

  93.   opacity: 0.75;

  94. }

  95. .search-block-form__form :-moz-placeholder {

  96.   color: #cccccc;

  97.   opacity: 0.75;

  98. }

  99. .search-block-form__form ::-moz-placeholder {

  100.   color: #cccccc;

  101.   opacity: 0.75;

  102. }

  103. .search-block-form__form :-ms-input-placeholder {

  104.   color: #cccccc;

  105.   opacity: 0.75;

  106. }

  107. 

  108. .search-basic {

  109.   display: block;

  110. }

  111. .search-basic label {

  112.   display: block;

  113.   margin: 0 0 7px;

  114.   margin: 0 0 0.4375rem;

  115. }

  116. .search-basic .form-type-search,

  117. .search-basic .form-search {

  118.   display: block;

  119.   width: 100%;

  120.   margin: 7px 0;

  121.   margin: 0.4375rem 0;

  122. }

  123. 

  124. .search-advanced .details-wrapper > fieldset > legend {

  125.   position: absolute !important;

  126.   clip: rect(1px, 1px, 1px, 1px);

  127.   overflow: hidden;

  128.   height: 1px;

  129.   width: 1px;

  130.   padding: 0;

  131.   word-wrap: normal;

  132.   font: 0/0 a;

  133. }

  134. .search-advanced .form-text {

  135.   min-width: 75%;

  136. }

  137. .search-advanced .form-item,

  138. .search-advanced .form-radios,

  139. .search-advanced .form-checkboxes {

  140.   margin-bottom: 7px;

  141.   margin-bottom: 0.4375rem;

  142. }

  143. 

  144. .search-help-link {

  145.   float: right;

  146.   font-size: 14px;

  147.   font-size: 0.875rem;

  148.   line-height: 18px;

  149.   line-height: 1.125rem;

  150.   margin-top: -24px;

  151.   margin-top: -1.5rem;

  152.   padding-right: 6px;

  153.   padding-right: 0.375rem;

  154. }

  155. .search-help-link:before {

  156.   font-family: FontAwesome, sans-serif;

  157.   content: "";

  158.   padding: 0;

  159.   margin: 0;

  160.   text-align: center;

  161.   width: 16px;

  162.   width: 1rem;

  163.   display: none;

  164. }

  165. .fa-loaded .search-help-link:before {

  166.   display: inline-block;

  167. }

  168. 

  169. /*# sourceMappingURL=maps/search.css.map */