You are here

search.css in AT Tools 8.3

@charset "UTF-8";
/**
 * Search results.
 ============================================================================ */
.item-list--search-results {
  border-radius: 2px;
}

.search-results {
  margin-bottom: 1rem;
  padding: 1rem;
}

.search-results--empty h3 {
  font-size: 1.25rem;
}

.search-results__item {
  margin-bottom: 1.625rem;
  padding: 0;
  list-style: none;
}

.search-result__title {
  margin: 0;
}

.search-result__snippet-info {
  font-size: 0.875rem;
}

.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 0.5rem;
}

.search-block-form__form .form-search {
  width: 100%;
}

.submit-is-visible .search-block-form__form .form-search {
  padding-right: 2rem;
}

.search-block-form__form .form-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.search-block-form__form .form-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
  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;
  background-size: contain;
}

.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 0.5rem;
}

.search-basic .form-type-search,
.search-basic .form-search {
  display: block;
  width: 100%;
  margin: 0.5rem 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: 0.5rem;
}

.search-help-link {
  float: right;
  font-size: 0.875rem;
  margin-top: -1.5rem;
  padding-right: 0.375rem;
}

.search-help-link:before {
  font-family: FontAwesome, sans-serif;
  content: "";
  padding: 0;
  margin: 0;
  text-align: center;
  width: 1rem;
  display: none;
}

.fa-loaded .search-help-link:before {
  display: inline-block;
}
/*# sourceMappingURL=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. .search-results {
  9. margin-bottom: 1rem;
  10. padding: 1rem;
  11. }
  12. .search-results--empty h3 {
  13. font-size: 1.25rem;
  14. }
  15. .search-results__item {
  16. margin-bottom: 1.625rem;
  17. padding: 0;
  18. list-style: none;
  19. }
  20. .search-result__title {
  21. margin: 0;
  22. }
  23. .search-result__snippet-info {
  24. font-size: 0.875rem;
  25. }
  26. .search-result p {
  27. margin: 0;
  28. }
  29. /**
  30. * Search forms
  31. * - search block form
  32. * - advanced search form
  33. ============================================================================ */
  34. .search-block-form__form {
  35. display: block;
  36. clear: both;
  37. position: relative;
  38. }
  39. .search-block-form__form .form-type-search,
  40. .search-block-form__form .form-actions {
  41. display: inline;
  42. margin: 0 0 0.5rem;
  43. }
  44. .search-block-form__form .form-search {
  45. width: 100%;
  46. }
  47. .submit-is-visible .search-block-form__form .form-search {
  48. padding-right: 2rem;
  49. }
  50. .search-block-form__form .form-actions {
  51. position: absolute;
  52. top: 0;
  53. right: 0;
  54. z-index: 1;
  55. }
  56. .search-block-form__form .form-submit {
  57. display: -webkit-inline-box;
  58. display: -ms-inline-flexbox;
  59. display: inline-flex;
  60. margin: 0;
  61. padding: 0;
  62. width: 2rem;
  63. text-indent: 100%;
  64. white-space: nowrap;
  65. overflow: hidden;
  66. font: 0/0 a;
  67. text-shadow: none;
  68. color: transparent;
  69. cursor: pointer;
  70. background-image: url(../images/search-icon.svg);
  71. background-position: center center;
  72. background-repeat: no-repeat;
  73. border-radius: 0 2px 2px 0;
  74. background-size: contain;
  75. }
  76. .search-block-form__form .contextual-render-processed {
  77. top: 2px;
  78. right: 2em;
  79. }
  80. .search-block-form__form ::-webkit-input-placeholder {
  81. color: #cccccc;
  82. opacity: 0.75;
  83. }
  84. .search-block-form__form :-moz-placeholder {
  85. color: #cccccc;
  86. opacity: 0.75;
  87. }
  88. .search-block-form__form ::-moz-placeholder {
  89. color: #cccccc;
  90. opacity: 0.75;
  91. }
  92. .search-block-form__form :-ms-input-placeholder {
  93. color: #cccccc;
  94. opacity: 0.75;
  95. }
  96. .search-basic {
  97. display: block;
  98. }
  99. .search-basic label {
  100. display: block;
  101. margin: 0 0 0.5rem;
  102. }
  103. .search-basic .form-type-search,
  104. .search-basic .form-search {
  105. display: block;
  106. width: 100%;
  107. margin: 0.5rem 0;
  108. }
  109. .search-advanced .details-wrapper > fieldset > legend {
  110. position: absolute !important;
  111. clip: rect(1px, 1px, 1px, 1px);
  112. overflow: hidden;
  113. height: 1px;
  114. width: 1px;
  115. padding: 0;
  116. word-wrap: normal;
  117. font: 0/0 a;
  118. }
  119. .search-advanced .form-text {
  120. min-width: 75%;
  121. }
  122. .search-advanced .form-item,
  123. .search-advanced .form-radios,
  124. .search-advanced .form-checkboxes {
  125. margin-bottom: 0.5rem;
  126. }
  127. .search-help-link {
  128. float: right;
  129. font-size: 0.875rem;
  130. margin-top: -1.5rem;
  131. padding-right: 0.375rem;
  132. }
  133. .search-help-link:before {
  134. font-family: FontAwesome, sans-serif;
  135. content: "";
  136. padding: 0;
  137. margin: 0;
  138. text-align: center;
  139. width: 1rem;
  140. display: none;
  141. }
  142. .fa-loaded .search-help-link:before {
  143. display: inline-block;
  144. }
  145. /*# sourceMappingURL=search.css.map */