v/rss-bridge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[style] Fix All input boxes are center aligned

Browse Source 
f757d7d1a50df70024ec0b83e2d58998ad1cc6c2 introduced a bug where all
text input boxes were centered instead of just the search bar.

In order for this to work properly the global styles must be applied
before specific styles for the search bar.
This commit is contained in:
logmanoriginal 2017-08-10 20:26:28 +02:00
parent f757d7d1a5
commit c237eaa254
1 changed files with 37 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
static/style.css
View File

@ -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;