the-glorious-startpage/css/search-engine-settings.css

121 lines
2.0 KiB
CSS
Raw Normal View History

2020-06-04 05:14:29 +02:00
.searchEngine {
font-family: roboto, sans-serif;
2020-06-04 05:14:29 +02:00
width: 100%;
height: auto;
position: relative;;
border-radius: 6px;
color: var(--base-color);
background: var(--base-container);
margin-top: 10px;
}
#searchEnginePadding {
2020-06-05 05:26:07 +02:00
padding: 10px;
2020-06-04 05:14:29 +02:00
height: auto;
}
#searchEngineHeader {
height: 32px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: left;
}
#searchEngineHeaderIcon {
background: url('../assets/ui-icons/internet.svg');
background-size: cover;
margin-right: 10px;
width: 28px;
height: 28px;
}
#searchEngineHeaderLabel {
text-align: left;
font-weight: bold;
font-size: 14pt;
margin-top: auto;
margin-bottom: auto;
}
#searchEngineContainer {
margin-top: 5px;
}
#searchEngineSelect {
width: 100%;
height: 32px;
background: var(--base-container);
color: var(--base-color);
font-weight: normal;
font-style: 14pt;
border: none;
border-radius: 6px;
padding: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#searchEngineSelect:hover {
outline: none !important;
2020-06-04 05:14:29 +02:00
cursor: pointer;
background: var(--base-hover-bg) !important;
}
#searchEngineSelect:focus {
outline: none !important;
background: var(--base-focus-bg) !important;
}
#searchEngineSelect:active {
outline: none !important;
background: var(--base-active-bg) !important;
2020-06-04 05:14:29 +02:00
}
#searchEngineSelect option {
color: initial;
border: none;
}
select::-ms-expand {
display: none;
}
#searchEngineAsDefault {
background: var(--base-container);
color: var(--base-color);
text-align: center;
width: 100%;
height: 32px;
margin-top: 5px;
border-radius: 6px;
cursor: pointer;
border: none;
2020-06-04 05:14:29 +02:00
/*Center vertically*/
display: flex;
justify-content: center;
align-items: center;
}
#searchEngineAsDefault:hover {
background: var(--base-hover-bg);
}
#searchEngineAsDefault:active {
background: var(--base-active-bg);
}
#searchEngineAsDefault:focus {
background: var(--base-focus-bg);
}
2020-06-04 05:14:29 +02:00
@media screen and (max-width: 580px) {
.searchEngine {
width: 96vw;
box-sizing: border-box;
}
}