diff --git a/static/style.css b/static/style.css index 7f59c71..c7a278d 100644 --- a/static/style.css +++ b/static/style.css @@ -52,6 +52,18 @@ header > p.status { color: red; } +input[type="text"] { + + background-color: white; + color: #404552; + border: 0px; + border-bottom: 2px solid #2196F3; + font-size: 1.1em; + margin-left: 8px; + padding-left: 4px; + +} + .searchbar { width: 50%; @@ -64,6 +76,7 @@ header > p.status { width: 100%; margin: auto; font-size: 1.4em; + text-align: center; } @@ -73,6 +86,30 @@ header > p.status { } +.searchbar input[type="text"]:focus::-webkit-input-placeholder { + + opacity: 0; + +} + +.searchbar input[type="text"]:focus::-moz-placeholder { + + opacity: 0; + +} + +.searchbar input[type="text"]:focus:-moz-placeholder { + + opacity: 0; + +} + +.searchbar input[type="text"]:focus:-ms-input-placeholder { + + opacity: 0; + +} + .searchbar > h3 { font-size: 150%; @@ -188,43 +225,6 @@ form { } -input[type="text"] { - - background-color: white; - color: #404552; - border: 0px; - border-bottom: 2px solid #2196F3; - font-size: 1.1em; - margin-left: 8px; - padding-left: 4px; - text-align: center; - -} - -input[type="text"]:focus::-webkit-input-placeholder { - - opacity: 0; - -} - -input[type="text"]:focus::-moz-placeholder { - - opacity: 0; - -} - -input[type="text"]:focus:-moz-placeholder { - - opacity: 0; - -} - -input[type="text"]:focus:-ms-input-placeholder { - - opacity: 0; - -} - form { display: none;