Advertisement
Guest User

FICO Search

a guest
Feb 25th, 2020
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.37 KB | None | 0 0
  1. .search-box div.search-box__wrapper {
  2.     width: 650px;
  3. }
  4.  
  5. .search-box__wrapper div .search-box__input {
  6.     background: #1273ad;
  7.     border-color: #1273ad;
  8.     color: #fff;
  9.     padding-right: 135px;
  10. }
  11.  
  12. .search-box__wrapper div .search-box__input::placeholder {
  13.     color: #fff;
  14. }
  15.  
  16. .search-box__wrapper div.search-box__inner {
  17.     border-radius: 0;
  18.     border: none;
  19. }
  20.  
  21. .search-box__wrapper div .search-box__button {
  22.     background: #0a5482;
  23.     border-color: #0a5482;
  24.     width: 105px;
  25. }
  26.  
  27. .search-box__wrapper div .search-box__button:hover {
  28.     background: #0a598a;
  29.     border-color: #0a598a;
  30. }
  31.  
  32. .search-box__wrapper div .search-box__button lightning-icon {
  33.     display: none;
  34. }
  35.  
  36. .search-box__wrapper div .search-box__button::after {
  37.     content: 'search';
  38.     position: absolute;
  39.     top: 0;
  40.     left: 0;
  41.     width: 100%;
  42.     height: 100%;
  43.     text-align: center;
  44.     color: #fff;
  45.     display: flex;
  46.     justify-content: center;
  47.     align-items: center;
  48.     text-transform: uppercase;
  49. }
  50.  
  51.  
  52. .search-box__wrapper div.search-box__inner .search-box__clear,
  53. .search-box__wrapper div.search-box__inner .search-box__spinner {
  54.     background: transparent;
  55.     right: 115px;
  56. }
  57.  
  58. .search-box__wrapper div.search-box__inner .search-box__spinner * {
  59.     background: #1273ad;
  60. }
  61.  
  62. .search-box__wrapper div.search-box__inner .search-box__clear svg {
  63.     fill: #fff;
  64. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement