X-Git-Url: https://juplo.de/gitweb/?p=examples%2Fangular-tour-of-heroes;a=blobdiff_plain;f=src%2Fapp%2Fhero-search%2Fhero-search.component.css;fp=src%2Fapp%2Fhero-search%2Fhero-search.component.css;h=190d9bbc10713abfc3ef50d1938b7127b0ea078d;hp=0000000000000000000000000000000000000000;hb=b96b10a45927728a8e0c2234f494fb9eebd3df16;hpb=5c525c7b08b4ea57e94f1c8644297de8e443e2da

diff --git a/src/app/hero-search/hero-search.component.css b/src/app/hero-search/hero-search.component.css
new file mode 100644
index 0000000..190d9bb
--- /dev/null
+++ b/src/app/hero-search/hero-search.component.css
@@ -0,0 +1,39 @@
+/* HeroSearch private styles */
+.search-result li {
+  border-bottom: 1px solid gray;
+  border-left: 1px solid gray;
+  border-right: 1px solid gray;
+  width: 195px;
+  height: 16px;
+  padding: 5px;
+  background-color: white;
+  cursor: pointer;
+  list-style-type: none;
+}
+
+.search-result li:hover {
+  background-color: #607D8B;
+}
+
+.search-result li a {
+  color: #888;
+  display: block;
+  text-decoration: none;
+}
+
+.search-result li a:hover {
+  color: white;
+}
+.search-result li a:active {
+  color: white;
+}
+#search-box {
+  width: 200px;
+  height: 20px;
+}
+
+
+ul.search-result {
+  margin-top: 0;
+  padding-left: 0;
+}