Center search bar

This commit is contained in:
Thomas Dehaeze 2020-09-01 22:51:53 +02:00
parent 760f19fbb9
commit 5f5e8c5a2b

View File

@ -1,23 +1,19 @@
h1.title {
font-size: 48px;
font-family: chancery,cursive,LiSu,sans-serif;
}
.tag { .tag {
background-color: transparent; background-color: transparent;
} }
/* When the input field gets focus, change its width to 100% */ input#search {
input[type=text]:focus { display: block;
width: 100%; margin: auto;
}
input {
width: 400px; width: 400px;
margin: 10px;
box-sizing: border-box; box-sizing: border-box;
border: 2px solid #ccc; border: 2px solid #ccc;
border-radius: 4px; border-radius: 4px;
font-size: 16px; font-size: 16px;
background-color: white; padding: 12px 20px 12px 20px;
background-position: 10px 12px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
} }