aboutsummaryrefslogtreecommitdiff
path: root/public/stylesheets
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2016-12-07 12:17:30 +0100
committerNoah Loomans <noahloomans@gmail.com>2016-12-07 12:17:30 +0100
commit3b14fbf32d87668a3fbbf561a4d6dfaddaa0bcc9 (patch)
treea46f6b50d8b36f9203dc393500001f7a67c87e3b /public/stylesheets
parentf03a20dec91879984a961342e2d20adb61c05ea0 (diff)
switched to input[type='search']
Diffstat (limited to 'public/stylesheets')
-rw-r--r--public/stylesheets/print.css2
-rw-r--r--public/stylesheets/style.css25
2 files changed, 22 insertions, 5 deletions
diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css
index dd17a42..b6c3110 100644
--- a/public/stylesheets/print.css
+++ b/public/stylesheets/print.css
@@ -11,7 +11,7 @@
max-width: inherit;
}
-#search input[type="text"] {
+#search input[type="search"] {
background-color: inherit;
color: black;
font-weight: bold;
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 869ae89..cda0b19 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -43,7 +43,7 @@ html, body {
color: #FFFFFF;
}
-#search input[type='text'] {
+#search input[type='search'] {
display: block;
background-color: #f6695e;
color: inherit;
@@ -57,16 +57,33 @@ html, body {
transition: box-shadow 200ms ease-in-out;
}
-#search input[type='text']:focus {
+#search input[type='search']:focus {
background-color: #FFFFFF;
color: #212121;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
-#search input[type='text']:focus + button {
+#search input[type='search']:focus + button {
color: #212121;
}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+ display: none;
+}
+
+input[tupe="search"]::-ms-clear {
+ width: 0;
+ height: 0;
+}
+
+button::-moz-focus-inner {
+ border: 0;
+}
+
+
/* WebKit, Blink, Edge */
input::-webkit-input-placeholder {
color: #FFCDD2;
@@ -282,7 +299,7 @@ body.no-input #week-selector {
transform: translateY(-75%);
}
- body.no-input #search input[type='text'] {
+ body.no-input #search input[type='search'] {
background-color: #FFF;
}