59 lines
1,011 B
CSS
59 lines
1,011 B
CSS
|
body {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||
|
}
|
||
|
|
||
|
#app {
|
||
|
max-width: 960px;
|
||
|
margin: 0 auto;
|
||
|
padding: 0 2%;
|
||
|
}
|
||
|
|
||
|
div.field-button-group {
|
||
|
height: 48px;
|
||
|
display: flex;
|
||
|
}
|
||
|
|
||
|
div.field-button-group input[type="search"] {
|
||
|
-moz-appearance: none;
|
||
|
-webkit-appearance: none;
|
||
|
outline: none;
|
||
|
border: 2px solid #333;
|
||
|
border-radius: 5px;
|
||
|
padding: 5px;
|
||
|
font-size: 200%;
|
||
|
min-width: 0;
|
||
|
flex: 1;
|
||
|
}
|
||
|
|
||
|
input[type="search"]::-webkit-search-results-button {
|
||
|
padding-right: 5px;
|
||
|
}
|
||
|
|
||
|
div.field-button-group input[type="search"]:focus {
|
||
|
border-color: #C1121C;
|
||
|
}
|
||
|
|
||
|
div.field-button-group button {
|
||
|
border: 2px solid #333;
|
||
|
border-radius: 5px;
|
||
|
|
||
|
padding: 10px;
|
||
|
width: 48px;
|
||
|
flex-shrink: 0;
|
||
|
|
||
|
background: #C1121C;
|
||
|
}
|
||
|
|
||
|
div.field-button-group img.loading-spinner {
|
||
|
border: 2px solid #333;
|
||
|
border-radius: 5px;
|
||
|
|
||
|
margin: 2px 0;
|
||
|
padding: 5px 0;
|
||
|
width: 44px;
|
||
|
|
||
|
background: #C1121C;
|
||
|
}
|