juplo.de Git - examples/angular-tour-of-heroes/blob - src/app/hero-search/hero-search.component.css

   1 /* HeroSearch private styles */
   2 .search-result li {
   3   border-bottom: 1px solid gray;
   4   border-left: 1px solid gray;
   5   border-right: 1px solid gray;
   6   width: 195px;
   7   height: 16px;
   8   padding: 5px;
   9   background-color: white;
  10   cursor: pointer;
  11   list-style-type: none;
  12 }
  13
  14 .search-result li:hover {
  15   background-color: #607D8B;
  16 }
  17
  18 .search-result li a {
  19   color: #888;
  20   display: block;
  21   text-decoration: none;
  22 }
  23
  24 .search-result li a:hover {
  25   color: white;
  26 }
  27 .search-result li a:active {
  28   color: white;
  29 }
  30 #search-box {
  31   width: 200px;
  32   height: 20px;
  33 }
  34
  35
  36 ul.search-result {
  37   margin-top: 0;
  38   padding-left: 0;
  39 }