f56e913521
Enforces 0 margin for the search input form on the result page, which removes the weird gap that is seen by default. Also made minor changes to the border styling. Desktop searches now have a single bottom border in dark mode rather than an all around border, and the border around the mobile search result input was removed entirely.
74 lines
1.3 KiB
CSS
74 lines
1.3 KiB
CSS
header {
|
|
font-family: Roboto,HelveticaNeue,Arial,sans-serif;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: #3C4043;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.logo-link, .logo-letter {
|
|
text-decoration: none !important;
|
|
letter-spacing: -1px;
|
|
text-align: center;
|
|
border-radius: 2px 0 0 0;
|
|
}
|
|
|
|
.mobile-logo {
|
|
font: 22px/36px Futura, Arial, sans-serif;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.logo-div {
|
|
letter-spacing: -1px;
|
|
text-align: center;
|
|
font: 22pt Futura, Arial, sans-serif;
|
|
padding: 10px 0 5px 0;
|
|
height: 37px;
|
|
font-smoothing: antialiased;
|
|
}
|
|
|
|
.search-bar-desktop {
|
|
border-radius: 8px 8px 0 0;
|
|
height: 40px !important;
|
|
}
|
|
|
|
.search-div {
|
|
border-radius: 8px 8px 0 0;
|
|
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.18);
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.search-form {
|
|
height: 39px;
|
|
display: flex;
|
|
width: 100%;
|
|
margin: 0px;
|
|
}
|
|
|
|
.search-input {
|
|
background: none;
|
|
margin: 2px 4px 2px 8px;
|
|
display: block;
|
|
font-size: 16px;
|
|
padding: 0 0 0 8px;
|
|
flex: 1;
|
|
height: 35px;
|
|
outline: none;
|
|
border: none;
|
|
width: 100%;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tracking-link {
|
|
font-size: large;
|
|
text-align: center;
|
|
margin: 15px;
|
|
display: block;
|
|
}
|
|
|
|
#main>div:focus-within {
|
|
border-radius: 8px;
|
|
box-shadow: 0 0 6px 1px #2375e8;
|
|
}
|