tükrözve innen: blallo/rss-bridge
[style] Fix All input boxes are center aligned
f757d7d1a5
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:
szülő
f757d7d1a5
commit
c237eaa254
1 fájl változott, egészen pontosan 37 új sor hozzáadva és 37 régi sor törölve
|
@ -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;
|
||||
|
|
Betöltés…
Reference in a new issue